aleph1.co.uk Git - yaffs-website/blob - web/core/themes/seven/css/theme/install-page.css

   1 /**
   2  * @file
   3  * Installation styling.
   4  *
   5  * Unfortunately we have to make our styling quite strong, to override the
   6  * .maintenance-page styling.
   7  */
   8 .install-page {
   9   background-color: #1275b2;
  10   background-image:
  11     url(../../images/noise-low.png),
  12     -webkit-radial-gradient(hsl(203, 80%, 45%), hsl(203, 80%, 32%));
  13   background-image:
  14     url(../../images/noise-low.png),
  15     radial-gradient(hsl(203, 80%, 45%), hsl(203, 80%, 32%));
  16   background-repeat: repeat;
  17   background-position: left top, 50% 50%; /* LTR */
  18   min-height: 100%;
  19 }
  20 [dir="rtl"] .install-page {
  21   background-position: right top, 50% 50%;
  22 }
  23
  24 /**
  25  * Password widget
  26  */
  27 .install-page .password-parent,
  28 .install-page .confirm-parent {
  29   width: auto;
  30 }
  31 .install-page .form-item .password-suggestions {
  32   float: none;
  33   width: auto;
  34 }
  35 .install-page table td {
  36   word-break: break-all;
  37 }
  38
  39 .install-page .site-version {
  40   vertical-align: super;
  41   font-size: 0.5em;
  42   color: #595959;
  43 }
  44
  45 @media all and (max-width: 1010px) and (min-width: 48em) {
  46   .install-page .password-strength,
  47   .install-page .confirm-parent {
  48     width: 100%;
  49   }
  50   .install-configure-form .form-type-password {
  51     width: 100%;
  52   }
  53   .password-confirm,
  54   .password-field {
  55     float: none;
  56   }
  57   .password-confirm-match {
  58     float: none;
  59     width: auto;
  60     max-width: 100%;
  61   }
  62
  63 }