Chris@0: /**
Chris@0:  * @file
Chris@0:  * Styles for administration pages.
Chris@0:  */
Chris@0: 
Chris@0: /**
Chris@0:  * Reusable layout styles.
Chris@0:  */
Chris@0: .layout-container {
Chris@0:   margin: 0 1.5em;
Chris@0: }
Chris@0: .layout-container:after {
Chris@0:   display: table;
Chris@0:   clear: both;
Chris@18:   content: "";
Chris@0: }
Chris@0: 
Chris@0: @media screen and (min-width: 38em) {
Chris@0:   .layout-container {
Chris@0:     margin: 0 2.5em;
Chris@0:   }
Chris@0:   .layout-column {
Chris@0:     float: left;  /* LTR */
Chris@0:     box-sizing: border-box;
Chris@0:   }
Chris@0:   [dir="rtl"] .layout-column {
Chris@0:     float: right;
Chris@0:   }
Chris@0:   .layout-column + .layout-column {
Chris@0:     padding-left: 10px; /* LTR */
Chris@0:   }
Chris@0:   [dir="rtl"] .layout-column + .layout-column {
Chris@0:     padding-right: 10px;
Chris@0:     padding-left: 0;
Chris@0:   }
Chris@0:   .layout-column--half {
Chris@0:     width: 50%;
Chris@0:   }
Chris@0:   .layout-column--quarter {
Chris@0:     width: 25%;
Chris@0:   }
Chris@0:   .layout-column--three-quarter {
Chris@0:     width: 75%;
Chris@0:   }
Chris@0: }
Chris@0: 
Chris@0: /**
Chris@0:  * Panel.
Chris@0:  * Used to visually group items together.
Chris@0:  */
Chris@0: .panel {
Chris@0:   padding: 5px 5px 15px;
Chris@0: }
Chris@0: .panel__description {
Chris@0:   margin: 0 0 3px;
Chris@0:   padding: 2px 0 3px 0;
Chris@0: }
Chris@0: 
Chris@0: /**
Chris@0:  * System compact link: to toggle the display of description text.
Chris@0:  */
Chris@0: .compact-link {
Chris@0:   margin: 0 0 0.5em 0;
Chris@0: }
Chris@0: 
Chris@0: /**
Chris@0:  * Quick inline admin links.
Chris@0:  */
Chris@0: small .admin-link:before {
Chris@18:   content: " [";
Chris@0: }
Chris@0: small .admin-link:after {
Chris@18:   content: "]";
Chris@0: }
Chris@0: 
Chris@0: /**
Chris@0:  * Modules page.
Chris@0:  */
Chris@0: .system-modules thead > tr {
Chris@0:   border: 0;
Chris@0: }
Chris@0: .system-modules div.incompatible {
Chris@0:   font-weight: bold;
Chris@0: }
Chris@0: .system-modules td.checkbox {
Chris@18:   width: 4%;
Chris@0:   min-width: 25px;
Chris@0: }
Chris@0: .system-modules td.module {
Chris@0:   width: 25%;
Chris@0: }
Chris@0: .system-modules td {
Chris@0:   vertical-align: top;
Chris@0: }
Chris@0: .system-modules label,
Chris@0: .system-modules-uninstall label {
Chris@0:   color: #1d1d1d;
Chris@0:   font-size: 1.15em;
Chris@0: }
Chris@0: .system-modules details {
Chris@18:   overflow: hidden; /* truncates descriptions if too long */
Chris@18:   white-space: nowrap;
Chris@18:   text-overflow: ellipsis;
Chris@0:   color: #5c5c5b;
Chris@0:   line-height: 20px;
Chris@0: }
Chris@0: .system-modules details[open] {
Chris@18:   overflow: visible;
Chris@0:   height: auto;
Chris@0:   white-space: normal;
Chris@0: }
Chris@0: .system-modules details[open] summary .text {
Chris@18:   text-transform: none;
Chris@0:   -webkit-hyphens: auto;
Chris@0:   -moz-hyphens: auto;
Chris@0:   -ms-hyphens: auto;
Chris@0:   hyphens: auto;
Chris@0: }
Chris@0: .system-modules td details a {
Chris@14:   color: #5c5c5b;
Chris@14:   border: 0;
Chris@0: }
Chris@0: .system-modules td details {
Chris@18:   height: 20px;
Chris@18:   margin: 0;
Chris@0:   border: 0;
Chris@0: }
Chris@0: .system-modules td details summary {
Chris@0:   padding: 0;
Chris@18:   cursor: default;
Chris@0:   text-transform: none;
Chris@0:   font-weight: normal;
Chris@0: }
Chris@0: .system-modules td {
Chris@0:   padding-left: 0; /* LTR */
Chris@0: }
Chris@0: [dir="rtl"] .system-modules td {
Chris@18:   padding-right: 0;
Chris@0:   padding-left: 12px;
Chris@0: }
Chris@0: 
Chris@0: @media screen and (max-width: 40em) {
Chris@0:   .system-modules td.name {
Chris@0:     width: 20%;
Chris@0:   }
Chris@0:   .system-modules td.description {
Chris@0:     width: 40%;
Chris@0:   }
Chris@0: }
Chris@0: .system-modules .requirements {
Chris@18:   max-width: 490px;
Chris@0:   padding: 5px 0;
Chris@0: }
Chris@0: .system-modules .links {
Chris@0:   overflow: hidden; /* prevents collapse */
Chris@0: }
Chris@0: .system-modules .checkbox {
Chris@0:   margin: 0 5px;
Chris@0: }
Chris@0: .system-modules .checkbox .form-item {
Chris@0:   margin-bottom: 0;
Chris@0: }
Chris@0: .admin-requirements,
Chris@0: .admin-required {
Chris@18:   color: #666;
Chris@0:   font-size: 0.9em;
Chris@0: }
Chris@0: .admin-enabled {
Chris@0:   color: #080;
Chris@0: }
Chris@0: .admin-missing {
Chris@0:   color: #f00;
Chris@0: }
Chris@0: .module-link {
Chris@0:   display: block;
Chris@18:   float: left; /* LTR */
Chris@18:   margin-top: 2px;
Chris@0:   padding: 2px 20px;
Chris@0:   white-space: nowrap;
Chris@0: }
Chris@0: [dir="rtl"] .module-link {
Chris@0:   float: right;
Chris@0: }
Chris@0: .module-link-help {
Chris@0:   background: url(../../../misc/icons/787878/questionmark-disc.svg) 0 50% no-repeat; /* LTR */
Chris@0: }
Chris@0: [dir="rtl"] .module-link-help {
Chris@0:   background-position: top 50% right 0;
Chris@0: }
Chris@0: .module-link-permissions {
Chris@0:   background: url(../../../misc/icons/787878/key.svg) 0 50% no-repeat; /* LTR */
Chris@0: }
Chris@0: [dir="rtl"] .module-link-permissions {
Chris@0:   background-position: top 50% right 0;
Chris@0: }
Chris@0: .module-link-configure {
Chris@0:   background: url(../../../misc/icons/787878/cog.svg) 0 50% no-repeat; /* LTR */
Chris@0: }
Chris@0: [dir="rtl"] .module-link-configure {
Chris@0:   background-position: top 50% right 0;
Chris@0: }
Chris@0: 
Chris@0: /* Status report. */
Chris@0: .system-status-report__status-title {
Chris@0:   position: relative;
Chris@18:   box-sizing: border-box;
Chris@0:   width: 100%;
Chris@0:   padding: 10px 6px 10px 40px; /* LTR */
Chris@18:   vertical-align: top;
Chris@18:   background-color: transparent;
Chris@0:   font-weight: normal;
Chris@0: }
Chris@0: [dir="rtl"] .system-status-report__status-title {
Chris@0:   padding: 10px 40px 10px 6px;
Chris@0: }
Chris@0: .system-status-report__status-icon:before {
Chris@18:   position: absolute;
Chris@18:   top: 12px;
Chris@18:   left: 12px; /* LTR */
Chris@18:   display: block;
Chris@18:   width: 16px;
Chris@18:   height: 16px;
Chris@0:   content: "";
Chris@0:   background-repeat: no-repeat;
Chris@0: }
Chris@0: [dir="rtl"] .system-status-report__status-icon:before {
Chris@18:   right: 12px;
Chris@0:   left: auto;
Chris@0: }
Chris@0: .system-status-report__status-icon--error:before {
Chris@0:   background-image: url(../../../misc/icons/e32700/error.svg);
Chris@0: }
Chris@0: .system-status-report__status-icon--warning:before {
Chris@0:   background-image: url(../../../misc/icons/e29700/warning.svg);
Chris@0: }
Chris@0: .system-status-report__entry__value {
Chris@14:   padding: 1em 0.5em;
Chris@0: }
Chris@0: 
Chris@0: /**
Chris@0:  * Appearance page.
Chris@0:  */
Chris@0: .theme-info__header {
Chris@0:   margin-bottom: 0;
Chris@0:   font-weight: normal;
Chris@0: }
Chris@0: .theme-default .theme-info__header {
Chris@0:   font-weight: bold;
Chris@0: }
Chris@0: .theme-info__description {
Chris@0:   margin-top: 0;
Chris@0: }
Chris@0: .system-themes-list {
Chris@0:   margin-bottom: 20px;
Chris@0: }
Chris@0: .system-themes-list-uninstalled {
Chris@18:   padding-top: 20px;
Chris@0:   border-top: 1px solid #cdcdcd;
Chris@0: }
Chris@0: .system-themes-list__header {
Chris@0:   margin: 0;
Chris@0: }
Chris@0: 
Chris@0: .theme-selector {
Chris@0:   padding-top: 20px;
Chris@0: }
Chris@0: .theme-selector .screenshot,
Chris@0: .theme-selector .no-screenshot {
Chris@0:   max-width: 100%;
Chris@0:   height: auto;
Chris@18:   padding: 2px;
Chris@0:   text-align: center;
Chris@18:   vertical-align: bottom;
Chris@18:   border: 1px solid #e0e0d8;
Chris@0: }
Chris@0: .theme-default .screenshot {
Chris@0:   border: 1px solid #aaa;
Chris@0: }
Chris@0: .system-themes-list-uninstalled .screenshot,
Chris@0: .system-themes-list-uninstalled .no-screenshot {
Chris@0:   max-width: 194px;
Chris@0:   height: auto;
Chris@0: }
Chris@0: 
Chris@0: /**
Chris@0:  * Theme display without vertical toolbar.
Chris@0:  */
Chris@0: @media screen and (min-width: 45em) {
Chris@0:   body:not(.toolbar-vertical) .system-themes-list-installed .screenshot,
Chris@0:   body:not(.toolbar-vertical) .system-themes-list-installed .no-screenshot {
Chris@0:     float: left; /* LTR */
Chris@18:     width: 294px;
Chris@0:     margin: 0 20px 0 0; /* LTR */
Chris@0:   }
Chris@0:   [dir="rtl"] body:not(.toolbar-vertical) .system-themes-list-installed .screenshot,
Chris@0:   [dir="rtl"] body:not(.toolbar-vertical) .system-themes-list-installed .no-screenshot {
Chris@0:     float: right;
Chris@0:     margin: 0 0 0 20px;
Chris@0:   }
Chris@0:   body:not(.toolbar-vertical) .system-themes-list-installed .system-themes-list__header {
Chris@0:     margin-top: 0;
Chris@0:   }
Chris@0:   body:not(.toolbar-vertical) .system-themes-list-uninstalled .theme-selector {
Chris@18:     float: left; /* LTR */
Chris@0:     box-sizing: border-box;
Chris@0:     width: 31.25%;
Chris@0:     padding: 20px 20px 20px 0; /* LTR */
Chris@0:   }
Chris@0:   [dir="rtl"] body:not(.toolbar-vertical) .system-themes-list-uninstalled .theme-selector {
Chris@0:     float: right;
Chris@0:     padding: 20px 0 20px 20px;
Chris@0:   }
Chris@0:   body:not(.toolbar-vertical) .system-themes-list-uninstalled .theme-info {
Chris@0:     min-height: 170px;
Chris@0:   }
Chris@0: }
Chris@0: 
Chris@0: /**
Chris@0:  * Theme display with vertical toolbar.
Chris@0:  */
Chris@0: @media screen and (min-width: 60em) {
Chris@0:   .toolbar-vertical .system-themes-list-installed .screenshot,
Chris@0:   .toolbar-vertical .system-themes-list-installed .no-screenshot {
Chris@0:     float: left; /* LTR */
Chris@18:     width: 294px;
Chris@0:     margin: 0 20px 0 0; /* LTR */
Chris@0:   }
Chris@0:   [dir="rtl"] .toolbar-vertical .system-themes-list-installed .screenshot,
Chris@0:   [dir="rtl"] .toolbar-vertical .system-themes-list-installed .no-screenshot {
Chris@0:     float: right;
Chris@0:     margin: 0 0 0 20px;
Chris@0:   }
Chris@0:   .toolbar-vertical .system-themes-list-installed .theme-info__header {
Chris@0:     margin-top: 0;
Chris@0:   }
Chris@0:   .toolbar-vertical .system-themes-list-uninstalled .theme-selector {
Chris@18:     float: left; /* LTR */
Chris@0:     box-sizing: border-box;
Chris@0:     width: 31.25%;
Chris@0:     padding: 20px 20px 20px 0; /* LTR */
Chris@0:   }
Chris@0:   [dir="rtl"] .toolbar-vertical .system-themes-list-uninstalled .theme-selector {
Chris@0:     float: right;
Chris@0:     padding: 20px 0 20px 20px;
Chris@0:   }
Chris@0:   .toolbar-vertical .system-themes-list-uninstalled .theme-info {
Chris@0:     min-height: 170px;
Chris@0:   }
Chris@0: }
Chris@0: .system-themes-list-installed .theme-info {
Chris@0:   max-width: 940px;
Chris@0: }
Chris@0: 
Chris@0: .theme-selector .incompatible {
Chris@0:   margin-top: 10px;
Chris@0:   font-weight: bold;
Chris@0: }
Chris@0: .theme-selector .operations {
Chris@0:   margin: 10px 0 0 0;
Chris@0:   padding: 0;
Chris@0: }
Chris@0: .theme-selector .operations li {
Chris@0:   float: left; /* LTR */
Chris@0:   margin: 0;
Chris@0:   padding: 0 0.7em;
Chris@0:   list-style-type: none;
Chris@0:   border-right: 1px solid #cdcdcd;  /* LTR */
Chris@0: }
Chris@0: [dir="rtl"] .theme-selector .operations li {
Chris@0:   float: right;
Chris@18:   border-right: none;
Chris@0:   border-left: 1px solid #cdcdcd;
Chris@0: }
Chris@0: .theme-selector .operations li:last-child {
Chris@0:   padding: 0 0 0 0.7em; /* LTR */
Chris@0:   border-right: none; /* LTR */
Chris@0: }
Chris@0: [dir="rtl"] .theme-selector .operations li:last-child {
Chris@0:   padding: 0 0.7em 0 0;
Chris@0:   border-left: none;
Chris@0: }
Chris@0: .theme-selector .operations li:first-child {
Chris@0:   padding: 0 0.7em 0 0; /* LTR */
Chris@0: }
Chris@0: [dir="rtl"] .theme-selector .operations li:first-child {
Chris@0:   padding: 0 0 0 0.7em;
Chris@0: }
Chris@0: .system-themes-admin-form {
Chris@0:   clear: left; /* LTR */
Chris@0: }
Chris@0: [dir="rtl"] .system-themes-admin-form {
Chris@0:   clear: right;
Chris@0: }
Chris@0: .cron-description__run-cron {
Chris@0:   display: block;
Chris@0: }
Chris@0: 
Chris@0: .system-cron-settings__link {
Chris@0:   overflow-wrap: break-word;
Chris@0:   word-wrap: break-word;
Chris@0: }