|
1 |
|
2 /* ------------------ Reset Styles ------------------ */ |
|
3 |
|
4 caption, |
|
5 th, |
|
6 td { |
|
7 text-align: right; |
|
8 } |
|
9 blockquote { |
|
10 border-left: none; |
|
11 border-right: 4px solid #afafaf; |
|
12 } |
|
13 blockquote:before { |
|
14 content: "\201D"; |
|
15 } |
|
16 blockquote:after { |
|
17 content: "\201C"; |
|
18 } |
|
19 tr td, |
|
20 tr th { |
|
21 text-align: right; |
|
22 } |
|
23 |
|
24 /* ------------------ List Styles ------------------ */ |
|
25 |
|
26 .region-content ul, |
|
27 .region-content ol { |
|
28 padding: 2.5em 0 0.25em 0; |
|
29 } |
|
30 .item-list ul li { |
|
31 padding: 0.2em 0 0 0.5em; |
|
32 } |
|
33 ul.tips { |
|
34 padding: 0 1.25em 0 0; |
|
35 } |
|
36 .block ol, |
|
37 .block ul { |
|
38 padding: 0 1em 0.25em 0; |
|
39 } |
|
40 |
|
41 /* ------------------ Header ------------------ */ |
|
42 |
|
43 #logo { |
|
44 padding: 15px 10px 15px 15px; |
|
45 } |
|
46 #logo, |
|
47 #name-and-slogan, |
|
48 .region-header .block, |
|
49 .region-header #block-user-login .form-item, |
|
50 .region-header #block-user-login .item-list li { |
|
51 float: right; |
|
52 } |
|
53 #name-and-slogan { |
|
54 margin: 0 15px 30px 0; |
|
55 } |
|
56 .region-header .form-text { |
|
57 margin-left: 2px; |
|
58 margin-right: 0; |
|
59 } |
|
60 .region-header #block-user-login .item-list li.last { |
|
61 padding-left: 0; |
|
62 padding-right: 0.5em; |
|
63 } |
|
64 .region-header #block-user-login ul.openid-links li.last { |
|
65 padding-right: 0; |
|
66 } |
|
67 .region-header #user-login-form li.openid-link a, |
|
68 .region-header #user-login li.openid-link a { |
|
69 background-position: right -3px; |
|
70 padding-left: 0; |
|
71 padding-right: 20px; |
|
72 } |
|
73 |
|
74 /* --------------- Main Menu ------------ */ |
|
75 |
|
76 #main-menu ul.links li, |
|
77 #main-menu ul.links li a { |
|
78 float: right; |
|
79 } |
|
80 |
|
81 /* --------------- Secondary Menu ------------ */ |
|
82 |
|
83 #secondary-menu-links { |
|
84 float: left; |
|
85 } |
|
86 |
|
87 /* ----------------- Content ------------------ */ |
|
88 |
|
89 .submitted .user-picture img { |
|
90 float: right; |
|
91 margin-left: 5px; |
|
92 margin-right: 0; |
|
93 } |
|
94 .field-type-taxonomy-term-reference .field-label { |
|
95 padding-left: 5px; |
|
96 padding-right: 0; |
|
97 } |
|
98 .field-type-taxonomy-term-reference ul.links li { |
|
99 padding: 0 0 0 1em; |
|
100 float: right; |
|
101 } |
|
102 .link-wrapper { |
|
103 text-align: left; |
|
104 margin-right: 236px; |
|
105 margin-left: 0; |
|
106 } |
|
107 |
|
108 /* ----------------- Comments ----------------- */ |
|
109 |
|
110 .comment .user-picture img { |
|
111 margin-right: 0; |
|
112 } |
|
113 .comment .attribution { |
|
114 float: right; |
|
115 padding: 0 0 0 30px; |
|
116 } |
|
117 .comment .comment-arrow { |
|
118 background-image: url(../images/comment-arrow-rtl.gif); |
|
119 margin-left: 0; |
|
120 margin-right: -47px; |
|
121 } |
|
122 .comment .indented { |
|
123 margin-right: 40px; |
|
124 margin-left: 0; |
|
125 } |
|
126 .comment ul.links li { |
|
127 padding: 0 0 0.5em; |
|
128 } |
|
129 .comment-unpublished { |
|
130 margin-left: 5px; |
|
131 margin-right: 0; |
|
132 padding: 5px 5px 5px 2px; |
|
133 } |
|
134 |
|
135 /* -------------- Password Meter ------------- */ |
|
136 |
|
137 #password-strength { |
|
138 left: auto; |
|
139 margin-top: 2em; |
|
140 right: 16em; |
|
141 } |
|
142 #password-strength-text { |
|
143 margin-top: 0; |
|
144 float: left; |
|
145 } |
|
146 .form-item-pass-pass2 label { |
|
147 clear: right; |
|
148 } |
|
149 |
|
150 /* ----------------- Buttons ------------------ */ |
|
151 |
|
152 input.form-submit, |
|
153 a.button { |
|
154 margin-right: 0; |
|
155 margin-left: 0.6em; |
|
156 } |
|
157 |
|
158 /* --------------- Search Form ---------------- */ |
|
159 |
|
160 #search-form input#edit-keys, |
|
161 #block-search-form .form-item-search-block-form input { |
|
162 float: right; |
|
163 margin-left: 5px; |
|
164 margin-right: 0; |
|
165 } |
|
166 |
|
167 /* ------------------ Footer ------------------ */ |
|
168 |
|
169 #footer-columns ul { |
|
170 padding-right: 0; |
|
171 } |
|
172 #footer-columns li a { |
|
173 padding: 0.8em 20px 0.8em 2px; |
|
174 } |
|
175 #footer li a { |
|
176 float: right; |
|
177 border-left: 1px solid #555; |
|
178 border-color: rgba(255, 255, 255, 0.15); |
|
179 border-right: none; |
|
180 } |
|
181 #footer li.first a { |
|
182 padding-right: 0; |
|
183 padding-left: 12px; |
|
184 } |
|
185 #footer li.last a { |
|
186 padding-left: 0; |
|
187 padding-right: 12px; |
|
188 border-left: none; |
|
189 } |
|
190 |
|
191 /* --------------- System Tabs --------------- */ |
|
192 |
|
193 .tabs ul.primary li { |
|
194 margin: 0 0 0 5px; |
|
195 float: right; |
|
196 zoom: 1; |
|
197 } |
|
198 .tabs ul.secondary li { |
|
199 float: right; |
|
200 } |
|
201 .tabs ul.secondary li:first-child { |
|
202 padding-right: 0; |
|
203 } |
|
204 .tabs ul.secondary li:last-child { |
|
205 border-left: none; |
|
206 } |
|
207 ul.action-links li a { |
|
208 background-position: right center; |
|
209 padding-left: 0; |
|
210 padding-right: 15px; |
|
211 } |
|
212 |
|
213 /* -------------- Form Elements ------------- */ |
|
214 |
|
215 .fieldset-legend span.summary { |
|
216 margin-left: 0; |
|
217 } |
|
218 #user-profile-form input#edit-submit { |
|
219 margin-left: 0; |
|
220 } |
|
221 .password-suggestions ul li { |
|
222 margin-right: 1.2em; |
|
223 margin-left: 0; |
|
224 } |
|
225 |
|
226 /* Animated throbber */ |
|
227 html.js input.form-autocomplete { |
|
228 background-position: 1% center; |
|
229 } |
|
230 html.js input.throbbing { |
|
231 background-position: 1% center; |
|
232 } |
|
233 |
|
234 /* Comment form */ |
|
235 .comment-form label { |
|
236 float: right; |
|
237 } |
|
238 .comment-form .form-type-checkbox, |
|
239 .comment-form .form-radios, |
|
240 .comment-form .form-item .description { |
|
241 margin-left: 0; |
|
242 margin-right: 120px; |
|
243 } |
|
244 #edit-actions input { |
|
245 margin-left: 0.6em; |
|
246 margin-right: 0; |
|
247 } |
|
248 |
|
249 /* -------------- Shortcut Links ------------- */ |
|
250 |
|
251 .shortcut-wrapper h1#page-title { |
|
252 float: right; |
|
253 } |
|
254 |
|
255 /* ---------- Poll ----------- */ |
|
256 |
|
257 .poll .vote-form { |
|
258 text-align: right; |
|
259 } |
|
260 .poll .total { |
|
261 text-align: left; |
|
262 } |
|
263 |
|
264 /* ---------- Color Form ----------- */ |
|
265 |
|
266 .color-form #palette { |
|
267 margin-left: 0; |
|
268 margin-right: 20px; |
|
269 } |
|
270 .color-form .form-item label { |
|
271 float: right; |
|
272 } |
|
273 .color-form #palette .lock { |
|
274 right: -20px; |
|
275 left: 0; |
|
276 } |