Chris@3: body.maintenance-page { Chris@3: background-color: #fff; Chris@3: color: #000; Chris@3: } Chris@3: .maintenance-page #page-wrapper { Chris@3: background: #fff; Chris@3: margin-left: auto; Chris@3: margin-right: auto; Chris@3: min-width: 0; Chris@3: min-height: 0; Chris@3: border: 1px solid #ddd; Chris@3: margin-top: 40px; Chris@3: } Chris@3: .maintenance-page #page { Chris@3: margin: 10px; Chris@3: } Chris@3: .maintenance-page #main-wrapper { Chris@3: min-height: inherit; Chris@3: } Chris@3: .maintenance-page #header { Chris@3: width: auto; Chris@3: } Chris@3: .maintenance-page #main { Chris@3: margin: 0; Chris@3: } Chris@3: .maintenance-page .content .section { Chris@3: padding: 0 0 0 10px; /* LTR */ Chris@3: } Chris@3: [dir="rtl"] .maintenance-page .content .section { Chris@3: padding-left: 0; Chris@3: padding-right: 10px; Chris@3: } Chris@3: .maintenance-page #header { Chris@3: background-color: #fff; Chris@3: background-image: none; Chris@3: } Chris@3: .maintenance-page .site-branding-text { Chris@3: margin-bottom: 50px; Chris@3: margin-left: 0; /* LTR */ Chris@3: padding-top: 20px; Chris@3: font-size: 90%; Chris@3: } Chris@3: [dir="rtl"] .maintenance-page .site-branding-text { Chris@3: margin-right: 0; Chris@3: } Chris@3: .maintenance-page .site-branding-text, Chris@3: .maintenance-page .site-branding-text a, Chris@3: .maintenance-page .site-branding-text a:hover, Chris@3: .maintenance-page .site-branding-text a:focus { Chris@3: color: #777; Chris@3: } Chris@3: .maintenance-page .page-title { Chris@3: line-height: 1em; Chris@3: margin-top: 0; Chris@3: } Chris@3: @media all and (min-width: 800px) { Chris@3: .maintenance-page #page-wrapper { Chris@3: width: 800px; Chris@3: } Chris@3: .maintenance-page #header div.section, Chris@3: .maintenance-page #main { Chris@3: width: 700px; Chris@3: } Chris@3: } Chris@3: @media all and (min-width: 600px) { /* @TODO find the proper breakpoint */ Chris@3: .maintenance-page #page { Chris@3: margin: 20px 40px 40px; Chris@3: } Chris@3: }