install-page.css

Same filename in this branch
  1. 8.9.x core/themes/seven/css/theme/install-page.css
Same filename in other branches
  1. 9 core/themes/seven/css/theme/install-page.css
  2. 9 core/themes/claro/css/theme/install-page.css
  3. 10 core/themes/claro/css/theme/install-page.css
  4. 11.x core/themes/claro/css/theme/install-page.css

Installation styling.

Unfortunately we have to make our styling quite strong, to override the .maintenance-page styling.

File

core/themes/claro/css/theme/install-page.css

View source
  1. /*
  2. * DO NOT EDIT THIS FILE.
  3. * See the following change record for more information,
  4. * https://www.drupal.org/node/2815083
  5. * @preserve
  6. */
  7. /**
  8. * @file
  9. * Installation styling.
  10. *
  11. * Unfortunately we have to make our styling quite strong, to override the
  12. * .maintenance-page styling.
  13. */
  14. .install-page {
  15. min-height: 100%;
  16. background-color: #1275b2;
  17. background-image:
  18. url(../../images/noise-low.png),
  19. radial-gradient(hsl(203, 80%, 45%), hsl(203, 80%, 32%));
  20. background-repeat: repeat;
  21. background-position: left top, 50% 50%; /* LTR */
  22. }
  23. [dir="rtl"] .install-page {
  24. background-position: right top, 50% 50%;
  25. }
  26. /**
  27. * Password widget
  28. */
  29. .install-page .password-parent,
  30. .install-page .confirm-parent {
  31. width: auto;
  32. }
  33. .install-page .form-item .password-suggestions {
  34. float: none;
  35. width: auto;
  36. }
  37. .install-page table td {
  38. word-break: break-all;
  39. }
  40. .install-page .site-version {
  41. vertical-align: super;
  42. color: #595959;
  43. font-size: 0.5em;
  44. }
  45. @media all and (max-width: 1010px) and (min-width: 48em) {
  46. .install-page .password-strength,
  47. .install-page .confirm-parent {
  48. width: 100%;
  49. }
  50. .install-configure-form .form-type-password {
  51. width: 100%;
  52. }
  53. .password-confirm,
  54. .password-field {
  55. float: none;
  56. }
  57. .password-confirm-match {
  58. float: none;
  59. width: auto;
  60. max-width: 100%;
  61. }
  62. }

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