comparison core/misc/dialog/off-canvas.base.css @ 18:af1871eacc83

Update to Drupal core 8.7.1
author Chris Cannam
date Thu, 09 May 2019 15:33:08 +0100
parents 1fec387a4317
children
comparison
equal deleted inserted replaced
17:129ea1e6d783 18:af1871eacc83
4 */ 4 */
5 5
6 /* Set some global attributes. */ 6 /* Set some global attributes. */
7 #drupal-off-canvas *, 7 #drupal-off-canvas *,
8 #drupal-off-canvas *:not(div) { 8 #drupal-off-canvas *:not(div) {
9 color: #ddd;
9 background: #444; 10 background: #444;
10 font-family: "Lucida Grande", 'Lucida Sans Unicode', 'liberation sans', sans-serif; 11 font-family: "Lucida Grande", "Lucida Sans Unicode", "liberation sans", sans-serif;
11 color: #ddd;
12 } 12 }
13 13
14 /* Generic elements. */ 14 /* Generic elements. */
15 #drupal-off-canvas a, 15 #drupal-off-canvas a,
16 #drupal-off-canvas .link { 16 #drupal-off-canvas .link {
17 transition: color 0.5s ease;
18 text-decoration: none;
19 color: #85bef4;
17 border-bottom: none; 20 border-bottom: none;
18 font-family: "Lucida Grande", 'Lucida Sans Unicode', 'liberation sans', sans-serif; 21 font-family: "Lucida Grande", "Lucida Sans Unicode", "liberation sans", sans-serif;
19 font-size: inherit; 22 font-size: inherit;
20 font-weight: normal; 23 font-weight: normal;
21 color: #85bef4;
22 text-decoration: none;
23 transition: color 0.5s ease;
24 } 24 }
25 25
26 #drupal-off-canvas a:focus, 26 #drupal-off-canvas a:focus,
27 #drupal-off-canvas .link:focus, 27 #drupal-off-canvas .link:focus,
28 #drupal-off-canvas a:hover, 28 #drupal-off-canvas a:hover,
38 font-weight: bold; 38 font-weight: bold;
39 } 39 }
40 #drupal-off-canvas h1, 40 #drupal-off-canvas h1,
41 #drupal-off-canvas .heading-a { 41 #drupal-off-canvas .heading-a {
42 display: block; 42 display: block;
43 font-weight: bold;
44 font-size: 1.625em; 43 font-size: 1.625em;
44 font-weight: bold;
45 line-height: 1.875em; 45 line-height: 1.875em;
46 } 46 }
47 #drupal-off-canvas h2, 47 #drupal-off-canvas h2,
48 #drupal-off-canvas .heading-b { 48 #drupal-off-canvas .heading-b {
49 display: block; 49 display: block;
50 font-weight: bold;
51 margin: 10px 0; 50 margin: 10px 0;
52 font-size: 1.385em; 51 font-size: 1.385em;
52 font-weight: bold;
53 } 53 }
54 #drupal-off-canvas h3, 54 #drupal-off-canvas h3,
55 #drupal-off-canvas .heading-c { 55 #drupal-off-canvas .heading-c {
56 display: block; 56 display: block;
57 font-weight: bold;
58 margin: 10px 0; 57 margin: 10px 0;
59 font-size: 1.231em; 58 font-size: 1.231em;
59 font-weight: bold;
60 } 60 }
61 #drupal-off-canvas h4, 61 #drupal-off-canvas h4,
62 #drupal-off-canvas .heading-d { 62 #drupal-off-canvas .heading-d {
63 display: block; 63 display: block;
64 font-weight: bold;
65 margin: 10px 0; 64 margin: 10px 0;
66 font-size: 1.154em; 65 font-size: 1.154em;
66 font-weight: bold;
67 } 67 }
68 #drupal-off-canvas h5, 68 #drupal-off-canvas h5,
69 #drupal-off-canvas .heading-e { 69 #drupal-off-canvas .heading-e {
70 display: block; 70 display: block;
71 font-weight: bold;
72 margin: 10px 0; 71 margin: 10px 0;
73 font-size: 1.077em; 72 font-size: 1.077em;
73 font-weight: bold;
74 } 74 }
75 #drupal-off-canvas h6, 75 #drupal-off-canvas h6,
76 #drupal-off-canvas .heading-f { 76 #drupal-off-canvas .heading-f {
77 display: block; 77 display: block;
78 font-weight: bold;
79 margin: 10px 0; 78 margin: 10px 0;
80 font-size: 1.077em; 79 font-size: 1.077em;
80 font-weight: bold;
81 } 81 }
82 #drupal-off-canvas p { 82 #drupal-off-canvas p {
83 margin: 1em 0; 83 margin: 1em 0;
84 } 84 }
85 #drupal-off-canvas dl { 85 #drupal-off-canvas dl {
86 margin: 0 0 20px; 86 margin: 0 0 20px;
87 } 87 }
88 #drupal-off-canvas dl dd, 88 #drupal-off-canvas dl dd,
89 #drupal-off-canvas dl dl { 89 #drupal-off-canvas dl dl {
90 margin-bottom: 10px;
90 margin-left: 20px; /* LTR */ 91 margin-left: 20px; /* LTR */
91 margin-bottom: 10px;
92 } 92 }
93 [dir="rtl"] #drupal-off-canvas dl dd, 93 [dir="rtl"] #drupal-off-canvas dl dd,
94 [dir="rtl"] #drupal-off-canvas dl dl { 94 [dir="rtl"] #drupal-off-canvas dl dl {
95 margin-right: 20px; 95 margin-right: 20px;
96 } 96 }
158 #drupal-off-canvas .hidden { 158 #drupal-off-canvas .hidden {
159 display: none; 159 display: none;
160 } 160 }
161 #drupal-off-canvas .visually-hidden { 161 #drupal-off-canvas .visually-hidden {
162 position: absolute !important; 162 position: absolute !important;
163 overflow: hidden;
163 clip: rect(1px, 1px, 1px, 1px); 164 clip: rect(1px, 1px, 1px, 1px);
164 overflow: hidden; 165 width: 1px;
165 height: 1px; 166 height: 1px;
166 width: 1px;
167 word-wrap: normal; 167 word-wrap: normal;
168 } 168 }
169 #drupal-off-canvas .visually-hidden.focusable:active, 169 #drupal-off-canvas .visually-hidden.focusable:active,
170 #drupal-off-canvas .visually-hidden.focusable:focus { 170 #drupal-off-canvas .visually-hidden.focusable:focus {
171 position: static !important; 171 position: static !important;
172 overflow: visible;
172 clip: auto; 173 clip: auto;
173 overflow: visible; 174 width: auto;
174 height: auto; 175 height: auto;
175 width: auto;
176 } 176 }
177 #drupal-off-canvas .invisible { 177 #drupal-off-canvas .invisible {
178 visibility: hidden; 178 visibility: hidden;
179 } 179 }
180 180
188 } 188 }
189 #drupal-off-canvas .compact-link { 189 #drupal-off-canvas .compact-link {
190 margin: 0 0 10px 0; 190 margin: 0 0 10px 0;
191 } 191 }
192 #drupal-off-canvas small .admin-link:before { 192 #drupal-off-canvas small .admin-link:before {
193 content: ' ['; 193 content: " [";
194 } 194 }
195 #drupal-off-canvas small .admin-link:after { 195 #drupal-off-canvas small .admin-link:after {
196 content: ']'; 196 content: "]";
197 } 197 }
198 198
199 /* Override jQuery UI */ 199 /* Override jQuery UI */
200 #drupal-off-canvas .ui-widget-content a { 200 #drupal-off-canvas .ui-widget-content a {
201 color: #85bef4 !important; 201 color: #85bef4 !important;
210 } 210 }
211 #drupal-off-canvas .messages abbr { 211 #drupal-off-canvas .messages abbr {
212 color: #444; 212 color: #444;
213 } 213 }
214 #drupal-off-canvas .messages--status { 214 #drupal-off-canvas .messages--status {
215 color: #325e1c;
215 background-color: #f3faef; 216 background-color: #f3faef;
216 background-image: url(../icons/73b355/check.svg); 217 background-image: url(../icons/73b355/check.svg);
217 color: #325e1c;
218 } 218 }
219 #drupal-off-canvas .messages--warning { 219 #drupal-off-canvas .messages--warning {
220 color: #734c00;
220 background-color: #fdf8ed; 221 background-color: #fdf8ed;
221 background-image: url(../icons/e29700/warning.svg); 222 background-image: url(../icons/e29700/warning.svg);
222 color: #734c00;
223 } 223 }
224 224
225 #drupal-off-canvas .messages--error { 225 #drupal-off-canvas .messages--error {
226 color: #a51b00;
226 background-color: #fcf4f2; 227 background-color: #fcf4f2;
227 background-image: url(../icons/e32700/error.svg); 228 background-image: url(../icons/e32700/error.svg);
228 color: #a51b00;
229 } 229 }
230 230
231 #drupal-off-canvas .messages--error div[role="alert"] { 231 #drupal-off-canvas .messages--error div[role="alert"] {
232 color: inherit;
232 background: transparent; 233 background: transparent;
233 color: inherit; 234 }
234 }