Mercurial > hg > isophonics-drupal-site
comparison core/misc/dialog/off-canvas.form.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 * Visual styling for forms in the off-canvas dialog. | |
4 */ | |
5 | |
6 #drupal-off-canvas form { | |
7 font-family: "Lucida Grande", 'Lucida Sans Unicode', 'liberation sans', sans-serif; | |
8 color: #ddd; | |
9 } | |
10 #drupal-off-canvas input[type="checkbox"] { | |
11 -webkit-appearance: checkbox; | |
12 } | |
13 #drupal-off-canvas input[type="radio"] { | |
14 -webkit-appearance: radio; | |
15 } | |
16 #drupal-off-canvas select { | |
17 -webkit-appearance: menulist; | |
18 -moz-appearance: menulist; | |
19 } | |
20 #drupal-off-canvas option { | |
21 display: block; | |
22 font-family: "Lucida Grande", 'Lucida Sans Unicode', 'liberation sans', sans-serif; | |
23 } | |
24 #drupal-off-canvas label { | |
25 line-height: normal; | |
26 font-family: inherit; | |
27 font-size: 12px; | |
28 font-weight: bold; | |
29 color: #ddd; | |
30 } | |
31 #drupal-off-canvas .visually-hidden { | |
32 opacity: 0; | |
33 height: 0; | |
34 width: 0; | |
35 letter-spacing: -2em; | |
36 } | |
37 #drupal-off-canvas .description, | |
38 #drupal-off-canvas .form-item .description, | |
39 #drupal-off-canvas .details-description { | |
40 color: #ddd; | |
41 margin-top: 5px; | |
42 font-family: inherit; | |
43 font-size: 12px; | |
44 font-style: normal; | |
45 } | |
46 #drupal-off-canvas .form-item { | |
47 margin-bottom: 10px; | |
48 margin-top: 10px; | |
49 } | |
50 /* Set size and position for all inputs. */ | |
51 #drupal-off-canvas .form-select, | |
52 #drupal-off-canvas .form-text, | |
53 #drupal-off-canvas .form-tel, | |
54 #drupal-off-canvas .form-email, | |
55 #drupal-off-canvas .form-url, | |
56 #drupal-off-canvas .form-search, | |
57 #drupal-off-canvas .form-number, | |
58 #drupal-off-canvas .form-color, | |
59 #drupal-off-canvas .form-file, | |
60 #drupal-off-canvas .form-textarea, | |
61 #drupal-off-canvas .form-date, | |
62 #drupal-off-canvas .form-time { | |
63 box-sizing: border-box; | |
64 max-width: 100%; | |
65 padding: 6px; | |
66 margin: 5px 0 0 0; | |
67 border-width: 1px; | |
68 border-radius: 2px; | |
69 display: block; | |
70 font-family: inherit; | |
71 font-size: 14px; | |
72 color: #333; | |
73 line-height: 16px; | |
74 } | |
75 /* Reduce contrast for fields against dark background. */ | |
76 #drupal-off-canvas .form-text, | |
77 #drupal-off-canvas .form-tel, | |
78 #drupal-off-canvas .form-email, | |
79 #drupal-off-canvas .form-url, | |
80 #drupal-off-canvas .form-search, | |
81 #drupal-off-canvas .form-number, | |
82 #drupal-off-canvas .form-color, | |
83 #drupal-off-canvas .form-file, | |
84 #drupal-off-canvas .form-textarea, | |
85 #drupal-off-canvas .form-date, | |
86 #drupal-off-canvas .form-time { | |
87 box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.125); | |
88 background-color: #eee; | |
89 border-color: #333; | |
90 color: #595959; | |
91 } | |
92 #drupal-off-canvas .form-text:focus, | |
93 #drupal-off-canvas .form-tel:focus, | |
94 #drupal-off-canvas .form-email:focus, | |
95 #drupal-off-canvas .form-url:focus, | |
96 #drupal-off-canvas .form-search:focus, | |
97 #drupal-off-canvas .form-number:focus, | |
98 #drupal-off-canvas .form-color:focus, | |
99 #drupal-off-canvas .form-file:focus, | |
100 #drupal-off-canvas .form-textarea:focus, | |
101 #drupal-off-canvas .form-date:focus, | |
102 #drupal-off-canvas .form-time:focus { | |
103 border-color: #40b6ff; | |
104 box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.125), 0 0 8px #40b6ff; | |
105 background-color: #fff; | |
106 } | |
107 #drupal-off-canvas td .form-item, | |
108 #drupal-off-canvas td .form-select { | |
109 margin: 0; | |
110 } | |
111 #drupal-off-canvas .form-file { | |
112 margin-bottom: 5px; | |
113 width: 100%; | |
114 } | |
115 #drupal-off-canvas .form-actions { | |
116 text-align: center; | |
117 margin: 10px 0; | |
118 } | |
119 #drupal-off-canvas .ui-autocomplete { | |
120 background-color: white; | |
121 position: absolute; | |
122 top: 0; | |
123 left: 0; | |
124 cursor: default; | |
125 } | |
126 #drupal-off-canvas .ui-autocomplete li { | |
127 display: block; | |
128 } | |
129 #drupal-off-canvas .ui-autocomplete li a { | |
130 color: #595959 !important; | |
131 cursor: pointer; | |
132 padding: 5px; | |
133 } |