install-page.css
Same filename in this branch
Same filename in other branches
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
- /*
- * DO NOT EDIT THIS FILE.
- * See the following change record for more information,
- * https://www.drupal.org/node/2815083
- * @preserve
- */
- /**
- * @file
- * Installation styling.
- *
- * Unfortunately we have to make our styling quite strong, to override the
- * .maintenance-page styling.
- */
- .install-page {
- min-height: 100%;
- background-color: #1275b2;
- background-image:
- url(../../images/noise-low.png),
- radial-gradient(hsl(203, 80%, 45%), hsl(203, 80%, 32%));
- background-repeat: repeat;
- background-position: left top, 50% 50%; /* LTR */
- }
- [dir="rtl"] .install-page {
- background-position: right top, 50% 50%;
- }
- /**
- * Password widget
- */
- .install-page .password-parent,
- .install-page .confirm-parent {
- width: auto;
- }
- .install-page .form-item .password-suggestions {
- float: none;
- width: auto;
- }
- .install-page table td {
- word-break: break-all;
- }
- .install-page .site-version {
- vertical-align: super;
- color: #595959;
- font-size: 0.5em;
- }
- @media all and (max-width: 1010px) and (min-width: 48em) {
- .install-page .password-strength,
- .install-page .confirm-parent {
- width: 100%;
- }
- .install-configure-form .form-type-password {
- width: 100%;
- }
- .password-confirm,
- .password-field {
- float: none;
- }
- .password-confirm-match {
- float: none;
- width: auto;
- max-width: 100%;
- }
- }
Buggy or inaccurate documentation? Please file an issue. Need support? Need help programming? Connect with the Drupal community.