system.admin.css

Same filename in other branches
  1. 9 core/themes/stable9/css/system/system.admin.css
  2. 9 core/themes/stable/css/system/system.admin.css
  3. 9 core/modules/system/css/system.admin.css
  4. 8.9.x core/themes/stable/css/system/system.admin.css
  5. 8.9.x core/modules/system/css/system.admin.css
  6. 10 core/themes/stable9/css/system/system.admin.css
  7. 10 core/modules/system/css/system.admin.css
  8. 11.x core/themes/stable9/css/system/system.admin.css
  9. 11.x core/modules/system/css/system.admin.css

Styles for administration pages.

File

modules/system/system.admin.css

View source
  1. /**
  2. * @file
  3. * Styles for administration pages.
  4. */
  5. /**
  6. * Administration blocks.
  7. */
  8. div.admin-panel {
  9. margin: 0;
  10. padding: 5px 5px 15px 5px;
  11. }
  12. div.admin-panel .description {
  13. margin: 0 0 3px;
  14. padding: 2px 0 3px 0;
  15. }
  16. div.admin-panel .body {
  17. padding: 0 4px 2px 8px; /* LTR */
  18. }
  19. div.admin {
  20. padding-top: 15px;
  21. }
  22. div.admin .left {
  23. float: left; /* LTR */
  24. width: 47%;
  25. margin-left: 1em; /* LTR */
  26. }
  27. div.admin .right {
  28. float: right; /* LTR */
  29. width: 47%;
  30. margin-right: 1em; /* LTR */
  31. }
  32. div.admin .expert-link {
  33. text-align: right; /* LTR */
  34. margin-right: 1em; /* LTR */
  35. padding-right: 4px; /* LTR */
  36. }
  37. /**
  38. * Markup generated by theme_system_compact_link().
  39. */
  40. .compact-link {
  41. margin: 0 0 0.5em 0;
  42. }
  43. /**
  44. * Quick inline admin links.
  45. */
  46. small .admin-link:before {
  47. content: '[';
  48. }
  49. small .admin-link:after {
  50. content: ']';
  51. }
  52. /**
  53. * Modules page.
  54. */
  55. #system-modules div.incompatible {
  56. font-weight: bold;
  57. }
  58. div.admin-requirements,
  59. div.admin-required {
  60. font-size: 0.9em;
  61. color: #444;
  62. }
  63. span.admin-disabled {
  64. color: #800;
  65. }
  66. span.admin-enabled {
  67. color: #080;
  68. }
  69. span.admin-missing {
  70. color: #f00;
  71. }
  72. a.module-link {
  73. display: block;
  74. padding: 1px 0 1px 20px; /* LTR */
  75. white-space: nowrap;
  76. }
  77. a.module-link-help {
  78. background: url(../../misc/help.png) 0 50% no-repeat; /* LTR */
  79. }
  80. a.module-link-permissions {
  81. background: url(../../misc/permissions.png) 0 50% no-repeat; /* LTR */
  82. }
  83. a.module-link-configure {
  84. background: url(../../misc/configure.png) 0 50% no-repeat; /* LTR */
  85. }
  86. .module-help {
  87. margin-left: 1em; /* LTR */
  88. float: right; /* LTR */
  89. }
  90. /**
  91. * Status report.
  92. */
  93. table.system-status-report td {
  94. padding: 6px;
  95. vertical-align: middle;
  96. }
  97. table.system-status-report tr.merge-up td {
  98. padding: 0 6px 8px 28px; /* LTR */
  99. }
  100. table.system-status-report td.status-icon {
  101. width: 16px;
  102. padding-right: 0; /* LTR */
  103. }
  104. table.system-status-report td.status-icon div {
  105. background-repeat: no-repeat;
  106. height: 16px;
  107. width: 16px;
  108. }
  109. table.system-status-report tr.error td.status-icon div {
  110. background-image: url(../../misc/message-16-error.png);
  111. }
  112. table.system-status-report tr.warning td.status-icon div {
  113. background-image: url(../../misc/message-16-warning.png);
  114. }
  115. tr.merge-down,
  116. tr.merge-down td {
  117. border-bottom-width: 0 !important;
  118. }
  119. tr.merge-up,
  120. tr.merge-up td {
  121. border-top-width: 0 !important;
  122. }
  123. /**
  124. * Theme settings.
  125. */
  126. .theme-settings-left {
  127. float: left;
  128. width: 49%;
  129. }
  130. .theme-settings-right {
  131. float: right;
  132. width: 49%;
  133. }
  134. .theme-settings-bottom {
  135. clear: both;
  136. }
  137. /**
  138. * Appearance page.
  139. */
  140. table.screenshot {
  141. margin-right: 1em; /* LTR */
  142. }
  143. .theme-info h2 {
  144. margin-bottom: 0;
  145. }
  146. .theme-info p {
  147. margin-top: 0;
  148. }
  149. .system-themes-list {
  150. margin-bottom: 20px;
  151. }
  152. .system-themes-list-disabled {
  153. border-top: 1px solid #cdcdcd;
  154. padding-top: 20px;
  155. }
  156. .system-themes-list h2 {
  157. margin: 0;
  158. }
  159. .theme-selector {
  160. padding-top: 20px;
  161. }
  162. .theme-selector .screenshot,
  163. .theme-selector .no-screenshot {
  164. border: 1px solid #e0e0d8;
  165. padding: 2px;
  166. vertical-align: bottom;
  167. width: 294px;
  168. height: 219px;
  169. line-height: 219px;
  170. text-align: center;
  171. }
  172. .theme-default .screenshot {
  173. border: 1px solid #aaa;
  174. }
  175. .system-themes-list-enabled .theme-selector .screenshot,
  176. .system-themes-list-enabled .theme-selector .no-screenshot {
  177. float: left; /* LTR */
  178. margin: 0 20px 0 0; /* LTR */
  179. }
  180. .system-themes-list-disabled .theme-selector .screenshot,
  181. .system-themes-list-disabled .theme-selector .no-screenshot {
  182. width: 194px;
  183. height: 144px;
  184. line-height: 144px;
  185. }
  186. .theme-selector h3 {
  187. font-weight: normal;
  188. }
  189. .theme-default h3 {
  190. font-weight: bold;
  191. }
  192. .system-themes-list-enabled .theme-selector h3 {
  193. margin-top: 0;
  194. }
  195. .system-themes-list-disabled .theme-selector {
  196. width: 300px;
  197. float: left; /* LTR */
  198. padding: 20px 20px 20px 0; /* LTR */
  199. }
  200. .system-themes-list-enabled .theme-info {
  201. max-width: 940px;
  202. }
  203. .system-themes-list-disabled .theme-info {
  204. min-height: 170px;
  205. }
  206. .theme-selector .incompatible {
  207. margin-top: 10px;
  208. font-weight: bold;
  209. }
  210. .theme-selector .operations {
  211. margin: 10px 0 0 0;
  212. padding: 0;
  213. }
  214. .theme-selector .operations li {
  215. float: left; /* LTR */
  216. margin: 0;
  217. padding: 0 0.7em;
  218. list-style-type: none;
  219. border-right: 1px solid #cdcdcd; /* LTR */
  220. }
  221. .theme-selector .operations li.last {
  222. padding: 0 0 0 0.7em; /* LTR */
  223. border-right: none; /* LTR */
  224. }
  225. .theme-selector .operations li.first {
  226. padding: 0 0.7em 0 0; /* LTR */
  227. }
  228. #system-themes-admin-form {
  229. clear: left;
  230. }
  231. /**
  232. * Exposed filters.
  233. */
  234. .exposed-filters .filters {
  235. float: left; /* LTR */
  236. margin-right: 1em; /* LTR */
  237. width: 25em; /* IE6 */
  238. }
  239. .exposed-filters .form-item {
  240. margin: 0 0 0.1em 0;
  241. padding: 0;
  242. }
  243. .exposed-filters .form-item label {
  244. float: left; /* LTR */
  245. font-weight: normal;
  246. width: 10em;
  247. }
  248. .exposed-filters .form-select {
  249. width: 14em;
  250. }
  251. /* Current filters */
  252. .exposed-filters .current-filters {
  253. margin-bottom: 1em;
  254. }
  255. .exposed-filters .current-filters .placeholder {
  256. font-style: normal;
  257. font-weight: bold;
  258. }
  259. .exposed-filters .additional-filters {
  260. float: left; /* LTR */
  261. margin-right: 1em; /* LTR */
  262. }

Buggy or inaccurate documentation? Please file an issue. Need support? Need help programming? Connect with the Drupal community.