Mercurial > hg > isophonics-drupal-site
comparison core/misc/dialog/off-canvas.base.css @ 14:1fec387a4317
Update Drupal core to 8.5.2 via Composer
author | Chris Cannam |
---|---|
date | Mon, 23 Apr 2018 09:46:53 +0100 |
parents | |
children | af1871eacc83 |
comparison
equal
deleted
inserted
replaced
13:5fb285c0d0e3 | 14:1fec387a4317 |
---|---|
1 /** | |
2 * @file | |
3 * Set base styles for the off-canvas dialog. | |
4 */ | |
5 | |
6 /* Set some global attributes. */ | |
7 #drupal-off-canvas *, | |
8 #drupal-off-canvas *:not(div) { | |
9 background: #444; | |
10 font-family: "Lucida Grande", 'Lucida Sans Unicode', 'liberation sans', sans-serif; | |
11 color: #ddd; | |
12 } | |
13 | |
14 /* Generic elements. */ | |
15 #drupal-off-canvas a, | |
16 #drupal-off-canvas .link { | |
17 border-bottom: none; | |
18 font-family: "Lucida Grande", 'Lucida Sans Unicode', 'liberation sans', sans-serif; | |
19 font-size: inherit; | |
20 font-weight: normal; | |
21 color: #85bef4; | |
22 text-decoration: none; | |
23 transition: color 0.5s ease; | |
24 } | |
25 | |
26 #drupal-off-canvas a:focus, | |
27 #drupal-off-canvas .link:focus, | |
28 #drupal-off-canvas a:hover, | |
29 #drupal-off-canvas .link:hover { | |
30 text-decoration: underline; | |
31 } | |
32 #drupal-off-canvas hr { | |
33 height: 1px; | |
34 background: #ccc; | |
35 } | |
36 #drupal-off-canvas summary, | |
37 #drupal-off-canvas .fieldgroup:not(.form-composite) > legend { | |
38 font-weight: bold; | |
39 } | |
40 #drupal-off-canvas h1, | |
41 #drupal-off-canvas .heading-a { | |
42 display: block; | |
43 font-weight: bold; | |
44 font-size: 1.625em; | |
45 line-height: 1.875em; | |
46 } | |
47 #drupal-off-canvas h2, | |
48 #drupal-off-canvas .heading-b { | |
49 display: block; | |
50 font-weight: bold; | |
51 margin: 10px 0; | |
52 font-size: 1.385em; | |
53 } | |
54 #drupal-off-canvas h3, | |
55 #drupal-off-canvas .heading-c { | |
56 display: block; | |
57 font-weight: bold; | |
58 margin: 10px 0; | |
59 font-size: 1.231em; | |
60 } | |
61 #drupal-off-canvas h4, | |
62 #drupal-off-canvas .heading-d { | |
63 display: block; | |
64 font-weight: bold; | |
65 margin: 10px 0; | |
66 font-size: 1.154em; | |
67 } | |
68 #drupal-off-canvas h5, | |
69 #drupal-off-canvas .heading-e { | |
70 display: block; | |
71 font-weight: bold; | |
72 margin: 10px 0; | |
73 font-size: 1.077em; | |
74 } | |
75 #drupal-off-canvas h6, | |
76 #drupal-off-canvas .heading-f { | |
77 display: block; | |
78 font-weight: bold; | |
79 margin: 10px 0; | |
80 font-size: 1.077em; | |
81 } | |
82 #drupal-off-canvas p { | |
83 margin: 1em 0; | |
84 } | |
85 #drupal-off-canvas dl { | |
86 margin: 0 0 20px; | |
87 } | |
88 #drupal-off-canvas dl dd, | |
89 #drupal-off-canvas dl dl { | |
90 margin-left: 20px; /* LTR */ | |
91 margin-bottom: 10px; | |
92 } | |
93 [dir="rtl"] #drupal-off-canvas dl dd, | |
94 [dir="rtl"] #drupal-off-canvas dl dl { | |
95 margin-right: 20px; | |
96 } | |
97 #drupal-off-canvas blockquote { | |
98 margin: 1em 40px; | |
99 } | |
100 #drupal-off-canvas address { | |
101 font-style: italic; | |
102 } | |
103 #drupal-off-canvas u, | |
104 #drupal-off-canvas ins { | |
105 text-decoration: underline; | |
106 } | |
107 #drupal-off-canvas s, | |
108 #drupal-off-canvas strike, | |
109 #drupal-off-canvas del { | |
110 text-decoration: line-through; | |
111 } | |
112 #drupal-off-canvas big { | |
113 font-size: larger; | |
114 } | |
115 #drupal-off-canvas small { | |
116 font-size: smaller; | |
117 } | |
118 #drupal-off-canvas sub { | |
119 vertical-align: sub; | |
120 font-size: smaller; | |
121 line-height: normal; | |
122 } | |
123 #drupal-off-canvas sup { | |
124 vertical-align: super; | |
125 font-size: smaller; | |
126 line-height: normal; | |
127 } | |
128 #drupal-off-canvas abbr, | |
129 #drupal-off-canvas acronym { | |
130 border-bottom: dotted 1px; | |
131 background: transparent; | |
132 } | |
133 | |
134 #drupal-off-canvas ul { | |
135 list-style-type: disc; | |
136 list-style-image: none; | |
137 } | |
138 [dir="rtl"] #drupal-off-canvas .messages__list { | |
139 margin-right: 0; | |
140 } | |
141 #drupal-off-canvas ol { | |
142 list-style-type: decimal; | |
143 } | |
144 #drupal-off-canvas ul li, | |
145 #drupal-off-canvas ol li { | |
146 display: block; | |
147 } | |
148 #drupal-off-canvas blockquote, | |
149 #drupal-off-canvas code { | |
150 margin: 20px 0; | |
151 } | |
152 #drupal-off-canvas pre { | |
153 margin: 20px 0; | |
154 white-space: pre-wrap; | |
155 } | |
156 | |
157 /* Classes for hidden and visually hidden elements. See hidden.module.css. */ | |
158 #drupal-off-canvas .hidden { | |
159 display: none; | |
160 } | |
161 #drupal-off-canvas .visually-hidden { | |
162 position: absolute !important; | |
163 clip: rect(1px, 1px, 1px, 1px); | |
164 overflow: hidden; | |
165 height: 1px; | |
166 width: 1px; | |
167 word-wrap: normal; | |
168 } | |
169 #drupal-off-canvas .visually-hidden.focusable:active, | |
170 #drupal-off-canvas .visually-hidden.focusable:focus { | |
171 position: static !important; | |
172 clip: auto; | |
173 overflow: visible; | |
174 height: auto; | |
175 width: auto; | |
176 } | |
177 #drupal-off-canvas .invisible { | |
178 visibility: hidden; | |
179 } | |
180 | |
181 /* Some system classes. See system.admin.css. */ | |
182 #drupal-off-canvas .panel { | |
183 padding: 5px 5px 15px; | |
184 } | |
185 #drupal-off-canvas .panel__description { | |
186 margin: 0 0 3px; | |
187 padding: 2px 0 3px 0; | |
188 } | |
189 #drupal-off-canvas .compact-link { | |
190 margin: 0 0 10px 0; | |
191 } | |
192 #drupal-off-canvas small .admin-link:before { | |
193 content: ' ['; | |
194 } | |
195 #drupal-off-canvas small .admin-link:after { | |
196 content: ']'; | |
197 } | |
198 | |
199 /* Override jQuery UI */ | |
200 #drupal-off-canvas .ui-widget-content a { | |
201 color: #85bef4 !important; | |
202 } | |
203 | |
204 /* Message styles */ | |
205 #drupal-off-canvas .messages { | |
206 background: no-repeat 10px 17px; | |
207 } | |
208 [dir="rtl"] #drupal-off-canvas .messages { | |
209 background-position: right 10px top 17px; | |
210 } | |
211 #drupal-off-canvas .messages abbr { | |
212 color: #444; | |
213 } | |
214 #drupal-off-canvas .messages--status { | |
215 background-color: #f3faef; | |
216 background-image: url(../icons/73b355/check.svg); | |
217 color: #325e1c; | |
218 } | |
219 #drupal-off-canvas .messages--warning { | |
220 background-color: #fdf8ed; | |
221 background-image: url(../icons/e29700/warning.svg); | |
222 color: #734c00; | |
223 } | |
224 | |
225 #drupal-off-canvas .messages--error { | |
226 background-color: #fcf4f2; | |
227 background-image: url(../icons/e32700/error.svg); | |
228 color: #a51b00; | |
229 } | |
230 | |
231 #drupal-off-canvas .messages--error div[role="alert"] { | |
232 background: transparent; | |
233 color: inherit; | |
234 } |