www.aleph1.co.uk Git - yaffs-website/blob - web/core/modules/system/css/system.admin.css

   1 /**
   2  * @file
   3  * Styles for administration pages.
   4  */
   5
   6 /**
   7  * Reusable layout styles.
   8  */
   9 .layout-container {
  10   margin: 0 1.5em;
  11 }
  12 .layout-container:after {
  13   content: "";
  14   display: table;
  15   clear: both;
  16 }
  17
  18 @media screen and (min-width: 38em) {
  19   .layout-container {
  20     margin: 0 2.5em;
  21   }
  22   .layout-column {
  23     float: left;  /* LTR */
  24     box-sizing: border-box;
  25   }
  26   [dir="rtl"] .layout-column {
  27     float: right;
  28   }
  29   .layout-column + .layout-column {
  30     padding-left: 10px; /* LTR */
  31   }
  32   [dir="rtl"] .layout-column + .layout-column {
  33     padding-right: 10px;
  34     padding-left: 0;
  35   }
  36   .layout-column--half {
  37     width: 50%;
  38   }
  39   .layout-column--quarter {
  40     width: 25%;
  41   }
  42   .layout-column--three-quarter {
  43     width: 75%;
  44   }
  45 }
  46
  47 /**
  48  * Panel.
  49  * Used to visually group items together.
  50  */
  51 .panel {
  52   padding: 5px 5px 15px;
  53 }
  54 .panel__description {
  55   margin: 0 0 3px;
  56   padding: 2px 0 3px 0;
  57 }
  58
  59 /**
  60  * System compact link: to toggle the display of description text.
  61  */
  62 .compact-link {
  63   margin: 0 0 0.5em 0;
  64 }
  65
  66 /**
  67  * Quick inline admin links.
  68  */
  69 small .admin-link:before {
  70   content: ' [';
  71 }
  72 small .admin-link:after {
  73   content: ']';
  74 }
  75
  76 /**
  77  * Modules page.
  78  */
  79 .system-modules thead > tr {
  80   border: 0;
  81 }
  82 .system-modules div.incompatible {
  83   font-weight: bold;
  84 }
  85 .system-modules td.checkbox {
  86   min-width: 25px;
  87   width: 4%;
  88 }
  89 .system-modules td.module {
  90   width: 25%;
  91 }
  92 .system-modules td {
  93   vertical-align: top;
  94 }
  95 .system-modules label,
  96 .system-modules-uninstall label {
  97   color: #1d1d1d;
  98   font-size: 1.15em;
  99 }
 100 .system-modules details {
 101   color: #5c5c5b;
 102   line-height: 20px;
 103   overflow: hidden; /* truncates descriptions if too long */
 104   text-overflow: ellipsis;
 105   white-space: nowrap;
 106 }
 107 .system-modules details[open] {
 108   height: auto;
 109   overflow: visible;
 110   white-space: normal;
 111 }
 112 .system-modules details[open] summary .text {
 113   -webkit-hyphens: auto;
 114   -moz-hyphens: auto;
 115   -ms-hyphens: auto;
 116   hyphens: auto;
 117   text-transform: none;
 118 }
 119 .system-modules td details a {
 120   color: #5c5c5b;
 121   border: 0;
 122 }
 123 .system-modules td details {
 124   border: 0;
 125   margin: 0;
 126   height: 20px;
 127 }
 128 .system-modules td details summary {
 129   padding: 0;
 130   text-transform: none;
 131   font-weight: normal;
 132   cursor: default;
 133 }
 134 .system-modules td {
 135   padding-left: 0; /* LTR */
 136 }
 137 [dir="rtl"] .system-modules td {
 138   padding-left: 12px;
 139   padding-right: 0;
 140 }
 141
 142 @media screen and (max-width: 40em) {
 143   .system-modules td.name {
 144     width: 20%;
 145   }
 146   .system-modules td.description {
 147     width: 40%;
 148   }
 149 }
 150 .system-modules .requirements {
 151   padding: 5px 0;
 152   max-width: 490px;
 153 }
 154 .system-modules .links {
 155   overflow: hidden; /* prevents collapse */
 156 }
 157 .system-modules .checkbox {
 158   margin: 0 5px;
 159 }
 160 .system-modules .checkbox .form-item {
 161   margin-bottom: 0;
 162 }
 163 .admin-requirements,
 164 .admin-required {
 165   font-size: 0.9em;
 166   color: #666;
 167 }
 168 .admin-enabled {
 169   color: #080;
 170 }
 171 .admin-missing {
 172   color: #f00;
 173 }
 174 .module-link {
 175   display: block;
 176   padding: 2px 20px;
 177   white-space: nowrap;
 178   margin-top: 2px;
 179   float: left; /* LTR */
 180 }
 181 [dir="rtl"] .module-link {
 182   float: right;
 183 }
 184 .module-link-help {
 185   background: url(../../../misc/icons/787878/questionmark-disc.svg) 0 50% no-repeat; /* LTR */
 186 }
 187 [dir="rtl"] .module-link-help {
 188   background-position: top 50% right 0;
 189 }
 190 .module-link-permissions {
 191   background: url(../../../misc/icons/787878/key.svg) 0 50% no-repeat; /* LTR */
 192 }
 193 [dir="rtl"] .module-link-permissions {
 194   background-position: top 50% right 0;
 195 }
 196 .module-link-configure {
 197   background: url(../../../misc/icons/787878/cog.svg) 0 50% no-repeat; /* LTR */
 198 }
 199 [dir="rtl"] .module-link-configure {
 200   background-position: top 50% right 0;
 201 }
 202
 203 /* Status report. */
 204 .system-status-report__status-title {
 205   position: relative;
 206   vertical-align: top;
 207   width: 100%;
 208   padding: 10px 6px 10px 40px; /* LTR */
 209   box-sizing: border-box;
 210   font-weight: normal;
 211   background-color: transparent;
 212 }
 213 [dir="rtl"] .system-status-report__status-title {
 214   padding: 10px 40px 10px 6px;
 215 }
 216 .system-status-report__status-icon:before {
 217   content: "";
 218   background-repeat: no-repeat;
 219   height: 16px;
 220   width: 16px;
 221   display: block;
 222   position: absolute;
 223   left: 12px; /* LTR */
 224   top: 12px;
 225 }
 226 [dir="rtl"] .system-status-report__status-icon:before {
 227   left: auto;
 228   right: 12px;
 229 }
 230 .system-status-report__status-icon--error:before {
 231   background-image: url(../../../misc/icons/e32700/error.svg);
 232 }
 233 .system-status-report__status-icon--warning:before {
 234   background-image: url(../../../misc/icons/e29700/warning.svg);
 235 }
 236 .system-status-report__entry__value {
 237   padding: 1em 0.5em;
 238 }
 239
 240 /**
 241  * Appearance page.
 242  */
 243 .theme-info__header {
 244   margin-bottom: 0;
 245   font-weight: normal;
 246 }
 247 .theme-default .theme-info__header {
 248   font-weight: bold;
 249 }
 250 .theme-info__description {
 251   margin-top: 0;
 252 }
 253 .system-themes-list {
 254   margin-bottom: 20px;
 255 }
 256 .system-themes-list-uninstalled {
 257   border-top: 1px solid #cdcdcd;
 258   padding-top: 20px;
 259 }
 260 .system-themes-list__header {
 261   margin: 0;
 262 }
 263
 264 .theme-selector {
 265   padding-top: 20px;
 266 }
 267 .theme-selector .screenshot,
 268 .theme-selector .no-screenshot {
 269   border: 1px solid #e0e0d8;
 270   padding: 2px;
 271   vertical-align: bottom;
 272   max-width: 100%;
 273   height: auto;
 274   text-align: center;
 275 }
 276 .theme-default .screenshot {
 277   border: 1px solid #aaa;
 278 }
 279 .system-themes-list-uninstalled .screenshot,
 280 .system-themes-list-uninstalled .no-screenshot {
 281   max-width: 194px;
 282   height: auto;
 283 }
 284
 285 /**
 286  * Theme display without vertical toolbar.
 287  */
 288 @media screen and (min-width: 45em) {
 289   body:not(.toolbar-vertical) .system-themes-list-installed .screenshot,
 290   body:not(.toolbar-vertical) .system-themes-list-installed .no-screenshot {
 291     float: left; /* LTR */
 292     margin: 0 20px 0 0; /* LTR */
 293     width: 294px;
 294   }
 295   [dir="rtl"] body:not(.toolbar-vertical) .system-themes-list-installed .screenshot,
 296   [dir="rtl"] body:not(.toolbar-vertical) .system-themes-list-installed .no-screenshot {
 297     float: right;
 298     margin: 0 0 0 20px;
 299   }
 300   body:not(.toolbar-vertical) .system-themes-list-installed .system-themes-list__header {
 301     margin-top: 0;
 302   }
 303   body:not(.toolbar-vertical) .system-themes-list-uninstalled .theme-selector {
 304     box-sizing: border-box;
 305     width: 31.25%;
 306     float: left; /* LTR */
 307     padding: 20px 20px 20px 0; /* LTR */
 308   }
 309   [dir="rtl"] body:not(.toolbar-vertical) .system-themes-list-uninstalled .theme-selector {
 310     float: right;
 311     padding: 20px 0 20px 20px;
 312   }
 313   body:not(.toolbar-vertical) .system-themes-list-uninstalled .theme-info {
 314     min-height: 170px;
 315   }
 316 }
 317
 318 /**
 319  * Theme display with vertical toolbar.
 320  */
 321 @media screen and (min-width: 60em) {
 322   .toolbar-vertical .system-themes-list-installed .screenshot,
 323   .toolbar-vertical .system-themes-list-installed .no-screenshot {
 324     float: left; /* LTR */
 325     margin: 0 20px 0 0; /* LTR */
 326     width: 294px;
 327   }
 328   [dir="rtl"] .toolbar-vertical .system-themes-list-installed .screenshot,
 329   [dir="rtl"] .toolbar-vertical .system-themes-list-installed .no-screenshot {
 330     float: right;
 331     margin: 0 0 0 20px;
 332   }
 333   .toolbar-vertical .system-themes-list-installed .theme-info__header {
 334     margin-top: 0;
 335   }
 336   .toolbar-vertical .system-themes-list-uninstalled .theme-selector {
 337     box-sizing: border-box;
 338     width: 31.25%;
 339     float: left; /* LTR */
 340     padding: 20px 20px 20px 0; /* LTR */
 341   }
 342   [dir="rtl"] .toolbar-vertical .system-themes-list-uninstalled .theme-selector {
 343     float: right;
 344     padding: 20px 0 20px 20px;
 345   }
 346   .toolbar-vertical .system-themes-list-uninstalled .theme-info {
 347     min-height: 170px;
 348   }
 349 }
 350 .system-themes-list-installed .theme-info {
 351   max-width: 940px;
 352 }
 353
 354 .theme-selector .incompatible {
 355   margin-top: 10px;
 356   font-weight: bold;
 357 }
 358 .theme-selector .operations {
 359   margin: 10px 0 0 0;
 360   padding: 0;
 361 }
 362 .theme-selector .operations li {
 363   float: left; /* LTR */
 364   margin: 0;
 365   padding: 0 0.7em;
 366   list-style-type: none;
 367   border-right: 1px solid #cdcdcd;  /* LTR */
 368 }
 369 [dir="rtl"] .theme-selector .operations li {
 370   float: right;
 371   border-left: 1px solid #cdcdcd;
 372   border-right: none;
 373 }
 374 .theme-selector .operations li:last-child {
 375   padding: 0 0 0 0.7em; /* LTR */
 376   border-right: none; /* LTR */
 377 }
 378 [dir="rtl"] .theme-selector .operations li:last-child {
 379   padding: 0 0.7em 0 0;
 380   border-left: none;
 381 }
 382 .theme-selector .operations li:first-child {
 383   padding: 0 0.7em 0 0; /* LTR */
 384 }
 385 [dir="rtl"] .theme-selector .operations li:first-child {
 386   padding: 0 0 0 0.7em;
 387 }
 388 .system-themes-admin-form {
 389   clear: left; /* LTR */
 390 }
 391 [dir="rtl"] .system-themes-admin-form {
 392   clear: right;
 393 }
 394 .cron-description__run-cron {
 395   display: block;
 396 }
 397
 398 .system-cron-settings__link {
 399   overflow-wrap: break-word;
 400   word-wrap: break-word;
 401 }