/**
* @file
* Installation styling.
*
* Unfortunately we have to make our styling quite strong, to override the
* .maintenance-page styling.
*/
.install-page {
background-color: #1275b2;
background-image:
url(../../images/noise-low.png),
-webkit-radial-gradient(hsl(203, 80%, 45%), hsl(203, 80%, 32%));
radial-gradient(hsl(203, 80%, 45%), hsl(203, 80%, 32%));
background-repeat: repeat;
background-position: left top, 50% 50%; /* LTR */
min-height: 100%;
}
[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;
.install-page table td {
word-break: break-word;
.install-page .site-version {
vertical-align: super;
font-size: 0.5em;
color: #595959;
@media all and (max-width: 1010px) and (min-width: 48em) {
.install-page .password-strength,
width: 100%;
.install-configure-form .form-type-password {
.password-confirm,
.password-field {
.password-confirm-match {
max-width: 100%;