|
1 |
|
2 /** |
|
3 * @file |
|
4 * Basic styling for common markup. |
|
5 */ |
|
6 |
|
7 /** |
|
8 * HTML elements. |
|
9 */ |
|
10 fieldset { |
|
11 margin-bottom: 1em; |
|
12 padding: 0.5em; |
|
13 } |
|
14 form { |
|
15 margin: 0; |
|
16 padding: 0; |
|
17 } |
|
18 hr { |
|
19 border: 1px solid gray; |
|
20 height: 1px; |
|
21 } |
|
22 img { |
|
23 border: 0; |
|
24 } |
|
25 table { |
|
26 border-collapse: collapse; |
|
27 } |
|
28 th { |
|
29 border-bottom: 3px solid #ccc; |
|
30 padding-right: 1em; /* LTR */ |
|
31 text-align: left; /* LTR */ |
|
32 } |
|
33 tbody { |
|
34 border-top: 1px solid #ccc; |
|
35 } |
|
36 tr.even, |
|
37 tr.odd { |
|
38 background-color: #eee; |
|
39 border-bottom: 1px solid #ccc; |
|
40 padding: 0.1em 0.6em; |
|
41 } |
|
42 |
|
43 /** |
|
44 * Markup generated by theme_tablesort_indicator(). |
|
45 */ |
|
46 th.active img { |
|
47 display: inline; |
|
48 } |
|
49 td.active { |
|
50 background-color: #ddd; |
|
51 } |
|
52 |
|
53 /** |
|
54 * Markup generated by theme_item_list(). |
|
55 */ |
|
56 .item-list .title { |
|
57 font-weight: bold; |
|
58 } |
|
59 .item-list ul { |
|
60 margin: 0 0 0.75em 0; |
|
61 padding: 0; |
|
62 } |
|
63 .item-list ul li { |
|
64 margin: 0 0 0.25em 1.5em; /* LTR */ |
|
65 padding: 0; |
|
66 } |
|
67 |
|
68 /** |
|
69 * Markup generated by Form API. |
|
70 */ |
|
71 .form-item, |
|
72 .form-actions { |
|
73 margin-top: 1em; |
|
74 margin-bottom: 1em; |
|
75 } |
|
76 tr.odd .form-item, |
|
77 tr.even .form-item { |
|
78 margin-top: 0; |
|
79 margin-bottom: 0; |
|
80 white-space: nowrap; |
|
81 } |
|
82 .form-item .description { |
|
83 font-size: 0.85em; |
|
84 } |
|
85 label { |
|
86 display: block; |
|
87 font-weight: bold; |
|
88 } |
|
89 label.option { |
|
90 display: inline; |
|
91 font-weight: normal; |
|
92 } |
|
93 .form-checkboxes .form-item, |
|
94 .form-radios .form-item { |
|
95 margin-top: 0.4em; |
|
96 margin-bottom: 0.4em; |
|
97 } |
|
98 .form-type-radio .description, |
|
99 .form-type-checkbox .description { |
|
100 margin-left: 2.4em; |
|
101 } |
|
102 input.form-checkbox, |
|
103 input.form-radio { |
|
104 vertical-align: middle; |
|
105 } |
|
106 .marker, |
|
107 .form-required { |
|
108 color: #f00; |
|
109 } |
|
110 .form-item input.error, |
|
111 .form-item textarea.error, |
|
112 .form-item select.error { |
|
113 border: 2px solid red; |
|
114 } |
|
115 |
|
116 /** |
|
117 * Inline items. |
|
118 */ |
|
119 .container-inline .form-actions, |
|
120 .container-inline.form-actions { |
|
121 margin-top: 0; |
|
122 margin-bottom: 0; |
|
123 } |
|
124 |
|
125 /** |
|
126 * Markup generated by theme_more_link(). |
|
127 */ |
|
128 .more-link { |
|
129 text-align: right; /* LTR */ |
|
130 } |
|
131 |
|
132 /** |
|
133 * Markup generated by theme_more_help_link(). |
|
134 */ |
|
135 .more-help-link { |
|
136 text-align: right; /* LTR */ |
|
137 } |
|
138 .more-help-link a { |
|
139 background: url(../../misc/help.png) 0 50% no-repeat; /* LTR */ |
|
140 padding: 1px 0 1px 20px; /* LTR */ |
|
141 } |
|
142 |
|
143 /** |
|
144 * Markup generated by theme_pager(). |
|
145 */ |
|
146 .item-list .pager { |
|
147 clear: both; |
|
148 text-align: center; |
|
149 } |
|
150 .item-list .pager li { |
|
151 background-image: none; |
|
152 display: inline; |
|
153 list-style-type: none; |
|
154 padding: 0.5em; |
|
155 } |
|
156 .pager-current { |
|
157 font-weight: bold; |
|
158 } |
|
159 |
|
160 /** |
|
161 * Autocomplete. |
|
162 * |
|
163 * @see autocomplete.js |
|
164 */ |
|
165 /* Suggestion list */ |
|
166 #autocomplete li.selected { |
|
167 background: #0072b9; |
|
168 color: #fff; |
|
169 } |
|
170 |
|
171 /** |
|
172 * Collapsible fieldsets. |
|
173 * |
|
174 * @see collapse.js |
|
175 */ |
|
176 html.js fieldset.collapsible .fieldset-legend { |
|
177 background: url(../../misc/menu-expanded.png) 5px 65% no-repeat; /* LTR */ |
|
178 padding-left: 15px; /* LTR */ |
|
179 } |
|
180 html.js fieldset.collapsed .fieldset-legend { |
|
181 background-image: url(../../misc/menu-collapsed.png); /* LTR */ |
|
182 background-position: 5px 50%; /* LTR */ |
|
183 } |
|
184 .fieldset-legend span.summary { |
|
185 color: #999; |
|
186 font-size: 0.9em; |
|
187 margin-left: 0.5em; |
|
188 } |
|
189 |
|
190 /** |
|
191 * TableDrag behavior. |
|
192 * |
|
193 * @see tabledrag.js |
|
194 */ |
|
195 tr.drag { |
|
196 background-color: #fffff0; |
|
197 } |
|
198 tr.drag-previous { |
|
199 background-color: #ffd; |
|
200 } |
|
201 .tabledrag-toggle-weight { |
|
202 font-size: 0.9em; |
|
203 } |
|
204 body div.tabledrag-changed-warning { |
|
205 margin-bottom: 0.5em; |
|
206 } |
|
207 |
|
208 /** |
|
209 * TableSelect behavior. |
|
210 * |
|
211 * @see tableselect.js |
|
212 */ |
|
213 tr.selected td { |
|
214 background: #ffc; |
|
215 } |
|
216 td.checkbox, |
|
217 th.checkbox { |
|
218 text-align: center; |
|
219 } |
|
220 |
|
221 /** |
|
222 * Progress bar. |
|
223 * |
|
224 * @see progress.js |
|
225 */ |
|
226 .progress { |
|
227 font-weight: bold; |
|
228 } |
|
229 .progress .bar { |
|
230 background: #ccc; |
|
231 border-color: #666; |
|
232 margin: 0 0.2em; |
|
233 -moz-border-radius: 3px; |
|
234 -webkit-border-radius: 3px; |
|
235 border-radius: 3px; |
|
236 } |
|
237 .progress .filled { |
|
238 background: #0072b9 url(../../misc/progress.gif); |
|
239 } |