drupal.css 7.5 KB

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