install-page.css 1.3 KB

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