1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
|
/**
* @file
* Styles for administration pages.
*/
/**
* Node add/edit form layout
*/
/* Narrow screens */
.layout-region {
box-sizing: border-box;
}
/* Wide screens */
@media
screen and (min-width: 780px),
(orientation: landscape) and (min-device-height: 780px) {
.layout-region-node-main,
.layout-region-node-footer {
float: left; /* LTR */
box-sizing: border-box;
width: 65%;
padding-right: 2em; /* LTR */
}
[dir="rtl"] .layout-region-node-main,
[dir="rtl"] .layout-region-node-footer {
float: right;
padding-right: 0;
padding-left: 2em;
}
.layout-region-node-secondary {
float: right; /* LTR */
width: 35%;
}
[dir="rtl"] .layout-region-node-secondary {
float: left;
}
/* @todo File an issue to add a standard class to all text-like inputs */
.layout-region-node-secondary .form-autocomplete,
.layout-region-node-secondary .form-text,
.layout-region-node-secondary .form-tel,
.layout-region-node-secondary .form-email,
.layout-region-node-secondary .form-url,
.layout-region-node-secondary .form-search,
.layout-region-node-secondary .form-number,
.layout-region-node-secondary .form-color,
.layout-region-node-secondary textarea {
box-sizing: border-box;
width: 100%;
max-width: 100%;
}
}
/**
* The vertical toolbar mode gets triggered for narrow screens, which throws off
* the intent of media queries written for the viewport width. When the vertical
* toolbar is on, we need to suppress layout for the original media width + the
* toolbar width (240px). In this case, 240px + 780px.
*/
@media
screen and (max-width: 1020px) {
.toolbar-vertical.toolbar-tray-open .layout-region-node-main,
.toolbar-vertical.toolbar-tray-open .layout-region-node-footer,
.toolbar-vertical.toolbar-tray-open .layout-region-node-secondary {
float: none;
width: auto;
padding-right: 0;
}
}
|
