drupal.css 7.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394
  1. /**
  2. * block/block.css ====================================================
  3. */
  4. #blocks td.region { font-weight:bold; }
  5. #blocks tr.region-message {
  6. font-weight:normal;
  7. color:#999;
  8. }
  9. #blocks tr.region-populated {
  10. display:none;
  11. }
  12. /**
  13. * openid/openid.css ==================================================
  14. */
  15. div#edit-openid-identifier-wrapper { display:block; }
  16. html.js #user-login-form div.form-item-openid-identifier,
  17. html.js #user-login div.form-item-openid-identifier { display:none; }
  18. html.js #user-login-form li.openid-link,
  19. html.js #user-login li.openid-link { display:block; }
  20. #user-login-form li.openid-link,
  21. #user-login-form li.user-link,
  22. #user-login li.openid-link,
  23. #user-login li.user-link { display:none; }
  24. /**
  25. * system/system-behavior.css =========================================
  26. */
  27. /**
  28. * Password strength indicator
  29. */
  30. .password-strength {
  31. width:200px;
  32. float:right; /*LTR*/
  33. }
  34. .password-strength-title { display:inline; }
  35. .password-strength-text {
  36. float:right; /*LTR*/
  37. font-weight:bold;
  38. }
  39. .password-indicator {
  40. background-color:#ccc;
  41. height:5px;
  42. width:100%;
  43. }
  44. .password-indicator div {
  45. height:100%;
  46. width:0%;
  47. background-color:#4c6;
  48. }
  49. /**
  50. * Password confirmation checker
  51. */
  52. div.password-confirm { visibility: hidden; }
  53. .container-inline div,
  54. .container-inline label { display:inline; }
  55. .container-inline .fieldset-wrapper { display:block; }
  56. .nowrap { white-space:nowrap; }
  57. html.js .js-hide { display:none; }
  58. .element-hidden { display:none; }
  59. .element-invisible {
  60. position:absolute !important;
  61. clip:rect(1px 1px 1px 1px); /* IE6, IE7 */
  62. clip:rect(1px, 1px, 1px, 1px);
  63. }
  64. /**
  65. * system/system.css ==================================================
  66. */
  67. body.drag { cursor:move; }
  68. th.active img { display:inline; }
  69. td.active { background-color:#ddd; }
  70. td.checkbox,
  71. th.checkbox { text-align:center; }
  72. thead th { text-align:auto; }
  73. .error { color:#e55; }
  74. .warning { color:#e09010; }
  75. .ok { color:#008000; }
  76. div.error { border:1px solid #d77; }
  77. div.warning { border:1px solid #f0c020; }
  78. div.ok { border:1px solid #00aa00; }
  79. div.error,
  80. tr.error {
  81. background:#fcc;
  82. color:#200;
  83. }
  84. div.warning,
  85. tr.warning {
  86. background:#ffd;
  87. color:#220;
  88. }
  89. div.ok,
  90. tr.ok {
  91. background:#dfd;
  92. color:#020;
  93. }
  94. .form-item input.error,
  95. .form-item textarea.error,
  96. .form-item select.error {
  97. border-style:solid;
  98. border-color:red;
  99. }
  100. .form-item label {
  101. display:block;
  102. font-weight:bold;
  103. }
  104. .form-item label.option {
  105. display:inline;
  106. font-weight:normal;
  107. }
  108. .marker,
  109. .form-required { color:#f00; }
  110. .more-link,
  111. .more-help-link { text-align:right; }
  112. .nowrap { white-space:nowrap; }
  113. .item-list .pager {
  114. clear:both;
  115. text-align:center;
  116. }
  117. .item-list .pager li { display:inline; }
  118. .pager-current { font-weight:bold; }
  119. dl.multiselect dt,
  120. dl.multiselect dd { float:left; }
  121. dl.multiselect dd.b,
  122. dl.multiselect dd.b .form-item,
  123. dl.multiselect dd.b select { width:14em; }
  124. dl.multiselect dd.a,
  125. dl.multiselect dd.a .form-item { width:8em; }
  126. .container-inline div,
  127. .container-inline label { display:inline; }
  128. /**
  129. * Autocomplete styles
  130. */
  131. #autocomplete {
  132. position:absolute;
  133. border:1px solid;
  134. overflow:hidden;
  135. z-index:100;
  136. }
  137. #autocomplete li {
  138. background:#fff;
  139. color:#000;
  140. white-space:pre;
  141. cursor:default;
  142. }
  143. #autocomplete li.selected {
  144. background:#0072b9;
  145. color:#fff;
  146. }
  147. /**
  148. * Animated throbber
  149. */
  150. html.js input.throbbing { background:transparent url(drupal/throbber.gif) 100% 50% no-repeat; }
  151. /**
  152. * Resizable text areas
  153. */
  154. .form-textarea-wrapper textarea {
  155. width: 100%;
  156. display: block;
  157. -webkit-box-sizing: border-box;
  158. -moz-box-sizing: border-box;
  159. box-sizing: border-box;
  160. }
  161. .resizable textarea { resize:vertical; }
  162. /**
  163. * Table drag and drop.
  164. */
  165. .draggable a.tabledrag-handle {
  166. cursor:move;
  167. float:left;
  168. margin-right:10px;
  169. text-decoration:none;
  170. }
  171. a.tabledrag-handle:hover { text-decoration:none; }
  172. a.tabledrag-handle .handle {
  173. height:20px;
  174. width:20px;
  175. background:url(drupal/draggable.png) 0px 0px no-repeat;
  176. }
  177. a.tabledrag-handle-hover .handle { background-position:0px -20px; }
  178. div.indentation {
  179. width:20px;
  180. height:20px;
  181. float:left; /* LTR */
  182. }
  183. div.tree-child { background:url(drupal/tree.png) no-repeat 10px 50%; }
  184. div.tree-child-last { background:url(drupal/tree-bottom.png) no-repeat 10px 50%; }
  185. div.tree-child-horizontal { background:url(drupal/tree.png) no-repeat -10px 50%; }
  186. /**
  187. * Teaser splitter
  188. */
  189. .joined + .grippie {
  190. height:5px;
  191. margin-bottom:-2px;
  192. }
  193. /* Keeps inner content contained in Opera 9. */
  194. .teaser-checkbox { padding-top:1px; }
  195. div.teaser-button-wrapper {
  196. float:right;
  197. padding-right:5px;
  198. }
  199. .teaser-checkbox div.form-item {
  200. float:right;
  201. margin-right:5px;
  202. }
  203. textarea.teaser { display:none; }
  204. html.js .no-js { display:none; }
  205. /*
  206. ** Progressbar styles
  207. */
  208. .progress { font-weight:bold; }
  209. .progress .bar {
  210. background:#fff url(drupal/progress.gif);
  211. border:1px solid #035;
  212. height:18px;
  213. }
  214. .progress .filled {
  215. background:#07b;
  216. height:18px;
  217. width:0%;
  218. }
  219. .progress .percentage { float:right; }
  220. .progress-disabled { float:left; }
  221. .ahah-progress { float:left; }
  222. .ahah-progress .throbber {
  223. width:20px;
  224. height:20px;
  225. background:transparent url(drupal/throbber.gif) 50% 50% no-repeat;
  226. float:left;
  227. }
  228. .ahah-progress-bar { width:16em; }
  229. /**
  230. * Formatting for welcome page
  231. */
  232. #first-time strong { display:block; }
  233. /**
  234. * To be used with tableselect.js
  235. */
  236. tr.selected td { background:#ffc; }
  237. /**
  238. * Floating header for tableheader.js
  239. */
  240. table.sticky-header {
  241. margin-top:0px;
  242. background:#fff;
  243. }
  244. /**
  245. * Installation clean URLs
  246. */
  247. #clean-url.install { display:none; }
  248. /**
  249. * For anything you want to hide on page load when JS is enabled, so
  250. * that you can use the JS to control visibility and avoid flicker.
  251. */
  252. html.js .js-hide { display:none; }
  253. /**
  254. * Styles for the system modules page (admin/build/modules)
  255. */
  256. #system-modules div.incompatible,
  257. #system-themes-form div.incompatible { font-weight:bold; }
  258. /**
  259. * Markup free clearing
  260. * Details: http://perishablepress.com/press/2009/12/06/new-clearfix-hack
  261. */
  262. .clearfix:after {
  263. content: ".";
  264. display: block;
  265. height: 0;
  266. clear: both;
  267. visibility: hidden;
  268. }
  269. * html .clearfix { height: 1%; } /* IE6 */
  270. *:first-child + html .clearfix { min-height: 1%; } /* IE7 */
  271. /**
  272. * update/update.css ==================================================
  273. */
  274. .update .project,
  275. .update table.version-recommended-strong .version-title { font-weight:bold; }
  276. .update .version-status { float:right; }
  277. .update .version-status .icon { padding-left:10px; }
  278. .update .version-date { white-space:nowrap; }
  279. .update tr.error .version-recommended { background: #fdd; }
  280. .update tr.warning .version-recommended { background: #ffe; }
  281. .current-version,
  282. .new-version { direction: ltr; /* Note: version numbers should always be LTR. */ }
  283. .update tr.unknown { background: #ddd; }
  284. .update table.version-security .version-title { color: #910; }
  285. .update .security-error {
  286. font-weight: bold;
  287. color: #910;
  288. }
  289. /**
  290. * user/user.css ======================================================
  291. */
  292. #permissions td.module { font-weight: bold; }
  293. #permissions td.permission { padding-left:20px; }
  294. /**
  295. * misc/vertical-tabs.css =============================================
  296. */
  297. .vertical-tabs { padding-left:200px; }
  298. .vertical-tabs .vertical-tabs-list {
  299. float:left;
  300. width:200px;
  301. margin-left:-200px;
  302. }
  303. .vertical-tabs .vertical-tabs-panes .vertical-tabs-pane {
  304. margin:0px;
  305. padding:0px;
  306. border:0px;
  307. }
  308. .vertical-tabs .vertical-tabs-panes .vertical-tabs-pane legend { display:none; }
  309. .vertical-tabs .vertical-tabs-list .summary { display:block; }