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;
  border: 1px solid #ddd;
  margin-top: 40px;
}
.maintenance-page #page {
  margin: 10px;
}
.maintenance-page #main-wrapper {
  min-height: inherit;
}
.maintenance-page #header,
.maintenance-page #messages {
  width: auto;
}
.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;
}
@media all and (min-width: 800px) {
  .maintenance-page #page-wrapper {
    width: 800px;
  }
  .maintenance-page #header div.section,
  .maintenance-page #main {
    width: 700px;
  }
  .maintenance-page #messages div.section {
    padding: 0;
    width: auto;
  }
}
@media all and (min-width: 600px) { /* @TODO find the proper breakpoint */
  .maintenance-page #page {
    margin: 20px 40px 40px;
  }
}

File

drupal/core/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.   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. .maintenance-page #messages {

  22.   width: auto;

  23. }

  24. .maintenance-page #main {

  25.   margin: 0;

  26. }

  27. .maintenance-page #content .section {

  28.   padding: 0 0 0 10px;

  29. }

  30. .maintenance-page #header {

  31.   background-color: #fff;

  32.   background-image: none;

  33. }

  34. .maintenance-page #name-and-slogan {

  35.   margin-bottom: 50px;

  36.   margin-left: 0;

  37.   padding-top: 20px;

  38.   font-size: 90%;

  39. }

  40. .maintenance-page #name-and-slogan,

  41. .maintenance-page #name-and-slogan a,

  42. .maintenance-page #name-and-slogan a:hover,

  43. .maintenance-page #name-and-slogan a:hover {

  44.   color: #777;

  45. }

  46. .maintenance-page  h1#page-title {

  47.   line-height: 1em;

  48.   margin-top: 0;

  49. }

  50. .maintenance-page #messages {

  51.   padding: 0;

  52.   margin-top: 30px;

  53. }

  54. .maintenance-page #messages div.messages {

  55.   margin: 0;

  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.   .maintenance-page #messages div.section {

  66.     padding: 0;

  67.     width: auto;

  68.   }

  69. }

  70. @media all and (min-width: 600px) { /* @TODO find the proper breakpoint */

  71.   .maintenance-page #page {

  72.     margin: 20px 40px 40px;

  73.   }

  74. }