system.admin.css

Styles for administration pages.

File

drupal/core/modules/system/system.admin.css
View source
  1. /**

  2.  * @file

  3.  * Styles for administration pages.

  4.  */

  5. 

  6. /**

  7.  * Administration blocks.

  8.  */

  9. div.admin-panel {

  10.   margin: 0;

  11.   padding: 5px 5px 15px 5px;

  12. }

  13. div.admin-panel .description {

  14.   margin: 0 0 3px;

  15.   padding: 2px 0 3px 0;

  16. }

  17. div.admin-panel .body {

  18.   padding: 0 4px 2px 8px; /* LTR */

  19. }

  20. div.admin {

  21.   padding-top: 15px;

  22. }

  23. @media screen and (min-width: 40em) {

  24.   div.admin .left {

  25.     float: left; /* LTR */

  26.     width: 47%;

  27.     margin-left: 1em; /* LTR */

  28.   }

  29.   div.admin .right {

  30.     float: right; /* LTR */

  31.     width: 47%;

  32.     margin-right: 1em; /* LTR */

  33.   }

  34. }

  35. div.admin .expert-link {

  36.   text-align: right; /* LTR */

  37.   margin-right: 1em; /* LTR */

  38.   padding-right: 4px; /* LTR */

  39. }

  40. 

  41. /**

  42.  * Markup generated by theme_system_compact_link().

  43.  */

  44. .compact-link {

  45.   margin: 0 0 0.5em 0;

  46. }

  47. 

  48. /**

  49.  * Quick inline admin links.

  50.  */

  51. small .admin-link:before {

  52.   content: '[';

  53. }

  54. small .admin-link:after {

  55.   content: ']';

  56. }

  57. 

  58. /**

  59.  * Modules page.

  60.  */

  61. #system-modules table {

  62.   table-layout: fixed;

  63. }

  64. #system-modules div.incompatible {

  65.   font-weight: bold;

  66. }

  67. #system-modules th.checkbox {

  68.   width: 4%;

  69. }

  70. #system-modules th.name {

  71.   width: 25%;

  72. }

  73. #system-modules td {

  74.   vertical-align: top;

  75. }

  76. #system-modules .expand .inner {

  77.   background: transparent url(../../misc/menu-collapsed.png) left .6em no-repeat;

  78.   margin-left: -12px;

  79.   padding-left: 12px;

  80. }

  81. #system-modules .expanded .expand .inner {

  82.   background: transparent url(../../misc/menu-expanded.png) left .6em no-repeat;

  83. }

  84. #system-modules label {

  85.   color: #1d1d1d;

  86.   font-size: 1.15em;

  87. }

  88. #system-modules .description {

  89.   cursor: pointer;

  90. }

  91. #system-modules .description .inner {

  92.   color: #5c5c5b;

  93.   height: 20px;

  94.   line-height: 20px;

  95.   overflow: hidden; /* truncates descriptions if too long */

  96.   text-overflow: ellipsis;

  97.   white-space: nowrap;

  98. }

  99. #system-modules .expanded .description .inner {

  100.   height: auto;

  101.   overflow: visible;

  102.   white-space: normal;

  103. }

  104. #system-modules .expanded .description .text {

  105.   -webkit-hyphens: auto;

  106.   -moz-hyphens: auto;

  107.   hyphens: auto;

  108. }

  109. 

  110. @media screen and (max-width: 40em) {

  111.   #system-modules th.name {

  112.     width: 20%;

  113.   }

  114.   #system-modules th.description {

  115.     width: 40%;

  116.   }

  117. }

  118. #system-modules .requirements {

  119.   padding: 5px 0;

  120.   max-width: 490px;

  121. }

  122. #system-modules .links {

  123.   overflow: hidden; /* prevents collapse */

  124. }

  125. #system-modules .checkbox {

  126.   margin: 0 5px;

  127. }

  128. #system-modules .checkbox .form-item {

  129.   margin-bottom: 0;

  130. }

  131. div.admin-requirements,

  132. div.admin-required {

  133.   font-size: 0.9em;

  134.   color: #666;

  135. }

  136. span.admin-disabled {

  137.   color: #800;

  138. }

  139. span.admin-enabled {

  140.   color: #080;

  141. }

  142. span.admin-missing {

  143.   color: #f00;

  144. }

  145. a.module-link {

  146.   display: block;

  147.   padding: 2px 20px;

  148.   white-space: nowrap;

  149.   margin-top: 2px;

  150.   float: left; /* LTR */

  151. }

  152. a.module-link-help {

  153.   background: url(../../misc/help.png) 0 50% no-repeat; /* LTR */

  154. }

  155. a.module-link-permissions {

  156.   background: url(../../misc/permissions.png) 0 50% no-repeat; /* LTR */

  157. }

  158. a.module-link-configure {

  159.   background: url(../../misc/configure.png) 0 50% no-repeat; /* LTR */

  160. }

  161. .module-help {

  162.   margin-left: 1em; /* LTR */

  163.   float: right; /* LTR */

  164. }

  165. 

  166. /**

  167.  * Status report.

  168.  */

  169. table.system-status-report td {

  170.   padding: 6px;

  171.   vertical-align: top;

  172. }

  173. table.system-status-report td:nth-child(-n+2) {

  174.   background-color: rgba(0, 0, 0, 0.04);

  175. }

  176. table.system-status-report td.status-icon {

  177.   width: 16px;

  178.   padding-right: 0; /* LTR */

  179. }

  180. table.system-status-report td.status-icon div {

  181.   background-repeat: no-repeat;

  182.   height: 16px;

  183.   width: 16px;

  184. }

  185. table.system-status-report tr.error td.status-icon div {

  186.   background-image: url(../../misc/message-16-error.png);

  187. }

  188. table.system-status-report tr.warning td.status-icon div {

  189.   background-image: url(../../misc/message-16-warning.png);

  190. }

  191. table.system-status-report .status-title {

  192.   width: 25%;

  193. }

  194. 

  195. /**

  196.  * Theme settings.

  197.  */

  198. .theme-settings-left {

  199.   float: left;

  200.   width: 49%;

  201. }

  202. .theme-settings-right {

  203.   float: right;

  204.   width: 49%;

  205. }

  206. .theme-settings-bottom {

  207.   clear: both;

  208. }

  209. 

  210. /**

  211.  * Appearance page.

  212.  */

  213. table.screenshot {

  214.   margin-right: 1em; /* LTR */

  215. }

  216. .theme-info h2 {

  217.   margin-bottom: 0;

  218. }

  219. .theme-info p {

  220.   margin-top: 0;

  221. }

  222. .system-themes-list {

  223.   margin-bottom: 20px;

  224. }

  225. .system-themes-list-disabled {

  226.   border-top: 1px solid #cdcdcd;

  227.   padding-top: 20px;

  228. }

  229. .system-themes-list h2 {

  230.   margin: 0;

  231. }

  232. .theme-selector {

  233.   padding-top: 20px;

  234. }

  235. .theme-selector .screenshot,

  236. .theme-selector .no-screenshot {

  237.   border: 1px solid #e0e0d8;

  238.   padding: 2px;

  239.   vertical-align: bottom;

  240.   width: 294px;

  241.   height: 219px;

  242.   line-height: 219px;

  243.   text-align: center;

  244. }

  245. .theme-default .screenshot {

  246.   border: 1px solid #aaa;

  247. }

  248. .system-themes-list-enabled .theme-selector .screenshot,

  249. .system-themes-list-enabled .theme-selector .no-screenshot {

  250.   float: left; /* LTR */

  251.   margin: 0 20px 0 0; /* LTR */

  252. }

  253. .system-themes-list-disabled .theme-selector .screenshot,

  254. .system-themes-list-disabled .theme-selector .no-screenshot {

  255.   width: 194px;

  256.   height: 144px;

  257.   line-height: 144px;

  258. }

  259. .theme-selector h3 {

  260.   font-weight: normal;

  261. }

  262. .theme-default h3 {

  263.   font-weight: bold;

  264. }

  265. .system-themes-list-enabled .theme-selector h3 {

  266.   margin-top: 0;

  267. }

  268. .system-themes-list-disabled .theme-selector {

  269.   width: 300px;

  270.   float: left; /* LTR */

  271.   padding: 20px 20px 20px 0; /* LTR */

  272. }

  273. .system-themes-list-enabled .theme-info {

  274.   max-width: 940px;

  275. }

  276. .system-themes-list-disabled .theme-info {

  277.   min-height: 170px;

  278. }

  279. .theme-selector .incompatible {

  280.   margin-top: 10px;

  281.   font-weight: bold;

  282. }

  283. .theme-selector .operations {

  284.   margin: 10px 0 0 0;

  285.   padding: 0;

  286. }

  287. .theme-selector .operations li {

  288.   float: left; /* LTR */

  289.   margin: 0;

  290.   padding: 0 0.7em;

  291.   list-style-type: none;

  292.   border-right: 1px solid #cdcdcd;  /* LTR */

  293. }

  294. .theme-selector .operations li.last {

  295.   padding: 0 0 0 0.7em; /* LTR */

  296.   border-right: none; /* LTR */

  297. }

  298. .theme-selector .operations li.first {

  299.   padding: 0 0.7em 0 0; /* LTR */

  300. }

  301. #system-themes-admin-form {

  302.   clear: left;

  303. }

  304. 

  305. /**

  306.  * Exposed filters.

  307.  */

  308. .exposed-filters .filters {

  309.   float: left; /* LTR */

  310.   margin-right: 1em; /* LTR */

  311. }

  312. .exposed-filters .form-item {

  313.   margin: 0 0 0.1em 0;

  314.   padding: 0;

  315. }

  316. .exposed-filters .form-item label {

  317.   float: left; /* LTR */

  318.   font-weight: normal;

  319.   width: 10em;

  320. }

  321. .exposed-filters .form-select {

  322.   width: 14em;

  323. }

  324. /* Current filters */

  325. .exposed-filters .current-filters {

  326.   margin-bottom: 1em;

  327. }

  328. .exposed-filters .current-filters .placeholder {

  329.   font-style: normal;

  330.   font-weight: bold;

  331. }

  332. .exposed-filters .additional-filters {

  333.   float: left; /* LTR */

  334.   margin-right: 1em; /* LTR */

  335. }