maintenance-page.css 1.4 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071
  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. @media all and (min-width: 800px) {
  57. .maintenance-page #page-wrapper {
  58. width: 800px;
  59. }
  60. .maintenance-page #header div.section,
  61. .maintenance-page #main {
  62. width: 700px;
  63. }
  64. }
  65. @media all and (min-width: 600px) { /* @TODO find the proper breakpoint */
  66. .maintenance-page #page {
  67. margin: 20px 40px 40px;
  68. }
  69. }