maintenance-page.css

Same filename in other branches
  1. 9 core/themes/olivero/css/components/maintenance-page.css
  2. 9 core/themes/seven/css/theme/maintenance-page.css
  3. 9 core/themes/claro/css/theme/maintenance-page.css
  4. 9 core/themes/bartik/css/maintenance-page.css
  5. 8.9.x core/themes/seven/css/theme/maintenance-page.css
  6. 8.9.x core/themes/claro/css/theme/maintenance-page.css
  7. 8.9.x core/themes/bartik/css/maintenance-page.css
  8. 10 core/themes/olivero/css/components/maintenance-page.css
  9. 10 core/themes/claro/css/theme/maintenance-page.css
  10. 11.x core/themes/olivero/css/components/maintenance-page.css
  11. 11.x core/themes/claro/css/theme/maintenance-page.css
body.maintenance-page {
  background-color: #fff;
  color: #000;
}
.maintenance-page #page-wrapper {
  background: #fff;
  margin-left: auto;
  margin-right: auto;
  min-width: 0;
  min-height: 0;
  width: 800px;
  border: 1px solid #ddd;
  margin-top: 40px;
}
.maintenance-page #page {
  margin: 20px 40px 40px;
}
.maintenance-page #main-wrapper {
  min-height: inherit;
}
.maintenance-page #header,
.maintenance-page #messages,
.maintenance-page #main {
  width: auto;
}
.maintenance-page #header div.section,
.maintenance-page #main {
  width: 700px;
}
.maintenance-page #main {
  margin: 0;
}
.maintenance-page #content .section {
  padding: 0 0 0 10px;
}
.maintenance-page #header {
  background-color: #fff;
  background-image: none;
}
.maintenance-page #name-and-slogan {
  margin-bottom: 50px;
  margin-left: 0;
  padding-top: 20px;
  font-size: 90%;
}
.maintenance-page #name-and-slogan,
.maintenance-page #name-and-slogan a,
.maintenance-page #name-and-slogan a:hover,
.maintenance-page #name-and-slogan a:hover {
  color: #777;
}
.maintenance-page  h1#page-title {
  line-height: 1em;
  margin-top: 0;
}
.maintenance-page #messages {
  padding: 0;
  margin-top: 30px;
}
.maintenance-page #messages div.messages {
  margin: 0;
}
.maintenance-page #messages div.section {
  padding: 0;
  width: auto;
}

File

themes/bartik/css/maintenance-page.css

View source
  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. width: 800px;
  12. border: 1px solid #ddd;
  13. margin-top: 40px;
  14. }
  15. .maintenance-page #page {
  16. margin: 20px 40px 40px;
  17. }
  18. .maintenance-page #main-wrapper {
  19. min-height: inherit;
  20. }
  21. .maintenance-page #header,
  22. .maintenance-page #messages,
  23. .maintenance-page #main {
  24. width: auto;
  25. }
  26. .maintenance-page #header div.section,
  27. .maintenance-page #main {
  28. width: 700px;
  29. }
  30. .maintenance-page #main {
  31. margin: 0;
  32. }
  33. .maintenance-page #content .section {
  34. padding: 0 0 0 10px;
  35. }
  36. .maintenance-page #header {
  37. background-color: #fff;
  38. background-image: none;
  39. }
  40. .maintenance-page #name-and-slogan {
  41. margin-bottom: 50px;
  42. margin-left: 0;
  43. padding-top: 20px;
  44. font-size: 90%;
  45. }
  46. .maintenance-page #name-and-slogan,
  47. .maintenance-page #name-and-slogan a,
  48. .maintenance-page #name-and-slogan a:hover,
  49. .maintenance-page #name-and-slogan a:hover {
  50. color: #777;
  51. }
  52. .maintenance-page h1#page-title {
  53. line-height: 1em;
  54. margin-top: 0;
  55. }
  56. .maintenance-page #messages {
  57. padding: 0;
  58. margin-top: 30px;
  59. }
  60. .maintenance-page #messages div.messages {
  61. margin: 0;
  62. }
  63. .maintenance-page #messages div.section {
  64. padding: 0;
  65. width: auto;
  66. }

Buggy or inaccurate documentation? Please file an issue. Need support? Need help programming? Connect with the Drupal community.