www.aleph1.co.uk Git - yaffs-website/blob - web/core/themes/bartik/css/maintenance-page.css

   1 body.maintenance-page {
   2   background-color: #fff;
   3   color: #000;
   4 }
   5 .maintenance-page #page-wrapper {
   6   background: #fff;
   7   margin-left: auto;
   8   margin-right: auto;
   9   min-width: 0;
  10   min-height: 0;
  11   border: 1px solid #ddd;
  12   margin-top: 40px;
  13 }
  14 .maintenance-page #page {
  15   margin: 10px;
  16 }
  17 .maintenance-page #main-wrapper {
  18   min-height: inherit;
  19 }
  20 .maintenance-page #header {
  21   width: auto;
  22 }
  23 .maintenance-page #main {
  24   margin: 0;
  25 }
  26 .maintenance-page .content .section {
  27   padding: 0 0 0 10px; /* LTR */
  28 }
  29 [dir="rtl"] .maintenance-page .content .section {
  30   padding-left: 0;
  31   padding-right: 10px;
  32 }
  33 .maintenance-page #header {
  34   background-color: #fff;
  35   background-image: none;
  36 }
  37 .maintenance-page .site-branding-text {
  38   margin-bottom: 50px;
  39   margin-left: 0; /* LTR */
  40   padding-top: 20px;
  41   font-size: 90%;
  42 }
  43 [dir="rtl"] .maintenance-page .site-branding-text {
  44   margin-right: 0;
  45 }
  46 .maintenance-page .site-branding-text,
  47 .maintenance-page .site-branding-text a,
  48 .maintenance-page .site-branding-text a:hover,
  49 .maintenance-page .site-branding-text a:focus {
  50   color: #777;
  51 }
  52 .maintenance-page .page-title {
  53   line-height: 1em;
  54   margin-top: 0;
  55 }
  56
  57 @media all and (min-width: 800px) {
  58   .maintenance-page #page-wrapper {
  59     width: 800px;
  60   }
  61   .maintenance-page #header div.section,
  62   .maintenance-page #main {
  63     width: 700px;
  64   }
  65 }
  66
  67 @media all and (min-width: 600px) { /* @TODO find the proper breakpoint */
  68   .maintenance-page #page {
  69     margin: 20px 40px 40px;
  70   }
  71 }