root / drupal7 / modules / system / system.theme.css @ 01f36513
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 |
} |