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