Styles for administration pages.
/** * @file * Styles for administration pages. */ /** * Administration blocks. */ .admin-panel { margin: 0; padding: 5px 5px 15px 5px; break-inside: avoid; } .admin-panel .description { margin: 0 0 3px; padding: 2px 0 3px 0; } .admin-panel .body { padding: 0 4px 2px 8px; /* LTR */ } [dir="rtl"] .admin-panel .body { padding: 0 8px 2px 4px; } div.admin { padding-top: 15px; columns: 2; } @media all and (max-width: 768px) { div.admin { columns: 1; } } div.admin .left { float: left; /* LTR */ width: 47%; margin-left: 1em; /* LTR */ } [dir="rtl"] div.admin .left { float: right; margin-left: 0; margin-right: 1em; } div.admin .right { float: right; /* LTR */ width: 47%; margin-right: 1em; /* LTR */ } [dir="rtl"] div.admin .right { float: left; margin-left: 1em; margin-right: 0; } div.admin .expert-link { text-align: right; /* LTR */ margin-right: 1em; /* LTR */ padding-right: 4px; /* LTR */ } [dir="rtl"] div.admin .expert-link { text-align: left; margin-right: 0; margin-left: 1em; padding-right: 0; padding-left: 4px; } /** * Quick inline admin links. */ small .admin-link:before { content: '['; } small .admin-link:after { content: ']'; } /** * Modules page. */ #system-modules .form-item-search { display: inline-block; } #system-modules .search-reset { line-height: 42px; position: relative; top: 1px; } #system-modules .table-filter { margin: 1em 0; padding: 7px 13px; border-radius: 4px; background-color: #fff; border: 2px solid #EAEAEA; } #system-modules div.incompatible { font-weight: bold; } #system-modules td.checkbox { width: 20px; } #system-modules .modules-error:before { content: ""; display: block; width: 20px; height: 20px; border-radius: 15px; background: #EE3D23 url(../../../misc/icon-error.png) no-repeat center center; background-size: 60%; } #system-modules td.module { width: 110px; } @media screen and (min-width: 800px) { #system-modules td.module { width: 180px; } } #system-modules td.version { width: 70px; white-space: nowrap; } #system-modules td.operations { width: 120px; } .requirements-toggle { white-space: nowrap; } .requirements-toggle .arrow { border-bottom-color: transparent; border-left-color: transparent; border-right-color: transparent; border-style: solid; border-width: 0.3333em 0.3333em 0; display: inline-block; height: 0; line-height: 0; width: 0; overflow: hidden; margin: 0.15em 0.3333em; } .requirements-toggle .arrow.close { border-top-color: transparent; border-bottom-color: #0074bd; border-width: 0 0.3333em 0.3333em; } div.admin-requirements, div.admin-required { font-size: 0.9em; color: #444; } span.admin-disabled { color: #C61214; } span.admin-enabled { color: #00BE58; } span.admin-missing { color: #f00; } /** * Report icons. Used on status report and updates list. */ .report-icon { width: 16px; padding-right: 0; /* LTR */ vertical-align: top; } [dir="rtl"] td.report-icon { padding-left: 0; padding-right: 6px; } .report-icon div { background-repeat: no-repeat; width: 28px; height: 28px; } .report-icon div:before { content: ""; display: block; width: 28px; height: 28px; border-radius: 15px; } .report-unknown .report-icon div:before { background: #CCCCCC url(../../../misc/icon-question.png) no-repeat center center; background-size: 60%; } .report-info .report-icon div:before { background: #CCCCCC url(../../../misc/icon-info.png) no-repeat center center; background-size: 60%; } .report-status .report-icon div:before { background: #CFDE56 url(../../../misc/icon-ok.png) no-repeat center center; background-size: 60%; } .report-error .report-icon div:before { background: #EE3D23 url(../../../misc/icon-error.png) no-repeat center center; background-size: 60%; } .report-warning .report-icon div:before { background: #FCE400 url(../../../misc/icon-warning.png) no-repeat center center; background-size: 60%; } /** * Status report. */ .system-status-report td { vertical-align: top; } .system-status-report .status-title { font-weight: bold; line-height: 1.85em; color: #000; } .system-status-report .status-value { width: 100%; /* Fill up all remaining table space with this cell. */ } .system-status-report .status-summary-mobile { display: block; font-weight: normal; } .system-status-report .status-description { font-size: 0.9em; color: #444; } .system-status-report.phase-install .status-description, .system-status-report.phase-install .status-value { white-space: normal; font-weight: normal; } .system-status-report .report-error .status-summary { color: #EC351C; } @media all and (min-width: 721px) { .system-status-report .status-summary-mobile { display: none; } } @media all and (min-width: 768px) { .system-status-report td { padding: 10px 20px; } .system-status-report .status-title { white-space: nowrap; } } /** * Theme settings. */ .theme-settings-left { float: left; width: 49%; } .theme-settings-right { float: right; width: 49%; } .theme-settings-bottom { clear: both; } /** * Appearance page. */ table.screenshot { margin-right: 1em; /* LTR */ } [dir="rtl"] table.screenshot { margin-left: 1em; margin-right: 0; } .theme-info h2 { margin-bottom: 0; } .theme-info p { margin-top: 0; } .system-themes-list { margin-bottom: 20px; } .system-themes-list-disabled { border-top: 1px solid #cdcdcd; padding-top: 20px; } .system-themes-list h2 { margin: 0; } .theme-selector { padding-top: 20px; } .theme-selector .screenshot, .theme-selector .no-screenshot { border: 1px solid #e0e0d8; padding: 2px; vertical-align: bottom; width: 294px; height: auto; line-height: 219px; text-align: center; } .theme-default .screenshot { border: 1px solid #aaa; } .system-themes-list-enabled .theme-selector .screenshot, .system-themes-list-enabled .theme-selector .no-screenshot { float: left; /* LTR */ margin: 0 20px 0 0; /* LTR */ } [dir="rtl"] .system-themes-list-enabled .theme-selector .screenshot, [dir="rtl"] .system-themes-list-enabled .theme-selector .no-screenshot { float: right; margin: 0 0 0 20px; } .system-themes-list-disabled .theme-selector .screenshot, .system-themes-list-disabled .theme-selector .no-screenshot { width: 194px; height: 144px; line-height: 144px; } [dir="rtl"] .system-themes-list-enabled .theme-selector .screenshot, [dir="rtl"] .system-themes-list-enabled .theme-selector .no-screenshot { float: right; margin: 0 0 0 20px; } .theme-selector h3 { font-weight: normal; } .theme-default h3 { font-weight: bold; } .system-themes-list-enabled .theme-selector h3 { margin-top: 0; } .has-flexbox .system-themes-list-disabled { display: flex; flex-wrap: wrap; } .has-flexbox .system-themes-list-disabled > h2 { flex-basis: 100%; } .system-themes-list-disabled .theme-selector { width: 300px; float: left; /* LTR */ padding: 20px 20px 20px 0; /* LTR */ } [dir="rtl"] .system-themes-list-disabled .theme-selector { float: right; padding: 20px 0 20px 20px; } .has-flexbox .system-themes-list-disabled .theme-selector { float: none; flex: 1 0 auto; } @media all and (max-width: 710px) { .system-themes-list-disabled .theme-selector { width: 100%; float: none; padding: 20px 0; } .system-themes-list-disabled .theme-selector .screenshot, .system-themes-list-disabled .theme-selector .no-screenshot { float: left; /* LTR */ margin-right: 20px; } [dir="rtl"] .system-themes-list-disabled .theme-selector .screenshot, [dir="rtl"] .system-themes-list-disabled .theme-selector .no-screenshot { float: right; margin-left: 20px; margin-right: 0; } } .system-themes-list-enabled .theme-info { max-width: 940px; } .system-themes-list-disabled .theme-info { min-height: 170px; } .theme-selector .incompatible { margin-top: 10px; font-weight: bold; } .theme-selector .operations { margin: 10px 0 0 0; padding: 0; } .theme-selector .operations li { float: left; /* LTR */ margin: 0; padding: 0 0.7em; list-style-type: none; border-right: 1px solid #cdcdcd; /* LTR */ } [dir="rtl"] .theme-selector .operations li { border-right: none; border-left: 1px solid #cdcdcd; float: right; } .theme-selector .operations li.last { padding: 0 0 0 0.7em; /* LTR */ border-right: none; /* LTR */ } [dir="rtl"] .theme-selector .operations li.last { border-left: none; padding: 0 0.7em 0 0; } .theme-selector .operations li.first { padding: 0 0.7em 0 0; /* LTR */ } [dir="rtl"] .theme-selector .operations li.first { padding: 0 0 0 0.7em; } #system-themes-admin-form { clear: left; } /** * Exposed filters. */ .exposed-filters .filters { float: left; /* LTR */ margin-right: 1em; /* LTR */ } [dir="rtl"] .exposed-filters .filters { float: right; margin-left: 1em; margin-right: 0; } .exposed-filters .form-item { margin: 0 0 0.1em 0; padding: 0; } .exposed-filters .form-item label { float: left; /* LTR */ font-weight: normal; width: 10em; } [dir="rtl"] .exposed-filters .form-item label { float: right; } .exposed-filters .form-select { width: 14em; } /* Current filters */ .exposed-filters .current-filters { margin-bottom: 1em; } .exposed-filters .current-filters .placeholder { font-style: normal; font-weight: bold; } .exposed-filters .additional-filters { float: left; /* LTR */ margin-right: 1em; /* LTR */ } [dir="rtl"] .exposed-filters .additional-filters { float: right; margin-left: 1em; margin-right: 0; }