|
1 |
|
2 html { |
|
3 direction: rtl; |
|
4 } |
|
5 |
|
6 /** |
|
7 * Generic elements |
|
8 */ |
|
9 body { |
|
10 direction: rtl; |
|
11 } |
|
12 |
|
13 ul, |
|
14 .block ul, |
|
15 ol { |
|
16 padding: 0 1.5em 0 0; |
|
17 } |
|
18 |
|
19 ul.menu, |
|
20 .item-list ul { |
|
21 margin: 0.35em -0.5em 0 0; |
|
22 } |
|
23 |
|
24 ol li, |
|
25 ul li, |
|
26 ul.menu li, |
|
27 .item-list ul li, |
|
28 li.leaf { |
|
29 margin: 0.15em .5em 0.15em 0; |
|
30 } |
|
31 |
|
32 ul li.collapsed { |
|
33 list-style-image: url(images/menu-collapsed-rtl.gif); |
|
34 } |
|
35 |
|
36 ul.inline li { |
|
37 padding: 0 0 0 1em; |
|
38 } |
|
39 |
|
40 ol.task-list { |
|
41 margin-left: 0; |
|
42 margin-right: 0; |
|
43 } |
|
44 |
|
45 ol.task-list li { |
|
46 padding: 0.5em 2em 0.5em 1em; |
|
47 } |
|
48 |
|
49 ol.task-list li.active { |
|
50 background: transparent url(images/task-list.png) no-repeat 97px 50%; |
|
51 } |
|
52 |
|
53 ol.task-list li.done { |
|
54 background: transparent url(../../misc/watchdog-ok.png) no-repeat 100% 50%; |
|
55 } |
|
56 |
|
57 ol.task-list li.active { |
|
58 margin-right: 0; |
|
59 margin-left: 1em; |
|
60 } |
|
61 |
|
62 dl { |
|
63 margin: 0.5em 1.5em 1em 0; |
|
64 } |
|
65 |
|
66 dl dt { |
|
67 } |
|
68 |
|
69 dl dd { |
|
70 margin: 0 1.5em .5em 0; |
|
71 } |
|
72 |
|
73 .messages li { |
|
74 padding: 0 1.3 0 0; |
|
75 } |
|
76 |
|
77 .form-button, |
|
78 .form-submit { |
|
79 margin: 0 0 0 0.5em; |
|
80 } |
|
81 |
|
82 .region-header h2 { |
|
83 margin: 0 0 0 1em; |
|
84 } |
|
85 |
|
86 #wrapper { |
|
87 background: #edf5fa url("images/body.png") repeat-x 50% 0; |
|
88 } |
|
89 |
|
90 #branding img { |
|
91 padding-right: 0; |
|
92 padding-left: 20px; |
|
93 float: right; |
|
94 } |
|
95 |
|
96 #wrapper #container #center { |
|
97 float: right; |
|
98 } |
|
99 |
|
100 body.sidebar-first #center { |
|
101 margin-left: 0; |
|
102 margin-right: -210px; |
|
103 } |
|
104 body.sidebar-second #center { |
|
105 margin-left: -210px; |
|
106 margin-right: 0; |
|
107 } |
|
108 |
|
109 /* And add blanks left and right for the sidebars to fill */ |
|
110 body.sidebar-first #squeeze { |
|
111 margin-left: 0; |
|
112 margin-right: 210px; |
|
113 } |
|
114 body.sidebar-second #squeeze { |
|
115 margin-left: 210px; |
|
116 margin-right: 0; |
|
117 } |
|
118 |
|
119 #wrapper #container .sidebar { |
|
120 float: right; |
|
121 } |
|
122 |
|
123 #sidebar-first .block { |
|
124 padding: 0 0 0 15px; |
|
125 } |
|
126 |
|
127 #sidebar-second .block { |
|
128 padding: 0 15px 0 0; |
|
129 } |
|
130 |
|
131 |
|
132 |
|
133 #sidebar-first .block-region { |
|
134 margin: 0 0 0 15px; |
|
135 } |
|
136 |
|
137 #sidebar-second .block-region { |
|
138 margin: 0 15px 0px 0; |
|
139 } |
|
140 |
|
141 /* Now we add the backgrounds for the main content shading */ |
|
142 #wrapper #container #center #squeeze { |
|
143 background: #fff url("images/bg-content.png") repeat-x 50% 0; |
|
144 } |
|
145 |
|
146 #wrapper #container .breadcrumb { |
|
147 position: absolute; |
|
148 top: 15px; |
|
149 left: 0; |
|
150 right: 35px; |
|
151 z-index: 3; |
|
152 } |
|
153 |
|
154 /** |
|
155 * Primary navigation |
|
156 */ |
|
157 ul.main-menu { |
|
158 float: left; |
|
159 width:70%; |
|
160 } |
|
161 |
|
162 ul.main-menu li { |
|
163 float: right; |
|
164 } |
|
165 |
|
166 /** |
|
167 * Secondary navigation |
|
168 */ |
|
169 ul.secondary-menu { |
|
170 float: left; |
|
171 clear: left; |
|
172 margin-left: 16em; |
|
173 } |
|
174 |
|
175 ul.secondary-menu li { |
|
176 float: right; |
|
177 } |
|
178 |
|
179 ul.primary { |
|
180 float: right; |
|
181 } |
|
182 ul.secondary { |
|
183 clear: both; |
|
184 text-align: right; |
|
185 } |
|
186 h1.with-tabs { |
|
187 float: right; |
|
188 margin: 0 0 0 2em; |
|
189 } |
|
190 |
|
191 ul.primary li a, |
|
192 ul.primary li.active a, |
|
193 ul.primary li a:hover, |
|
194 ul.primary li a:visited, |
|
195 ul.secondary li a, |
|
196 ul.secondary li.active a, |
|
197 ul.secondary li a:hover, |
|
198 ul.secondary li a:visited { |
|
199 margin: 0 1px 0 0; |
|
200 |
|
201 } |
|
202 ul.primary li a:after { |
|
203 /* Fix Firefox 2 RTL bug. */ |
|
204 content: " "; |
|
205 } |
|
206 |
|
207 ul.links li, ul.inline li { |
|
208 padding-left: 1em; |
|
209 padding-right: 0; |
|
210 } |
|
211 |
|
212 .node .links, |
|
213 .comment .links { |
|
214 text-align: right; |
|
215 padding-right: 0; |
|
216 } |
|
217 |
|
218 .user-picture, |
|
219 .comment .submitted { |
|
220 padding-left: 0; |
|
221 float: left; |
|
222 clear: left; |
|
223 padding-right: 1em; |
|
224 } |
|
225 |
|
226 .new { |
|
227 float: left; |
|
228 } |
|
229 |
|
230 .indented { |
|
231 margin-left: 0; |
|
232 margin-right: 25px; |
|
233 } |
|
234 |
|
235 html.js fieldset.collapsible .fieldset-legend { |
|
236 padding-left: 0; |
|
237 padding-right: 2em; |
|
238 background: url("images/menu-expanded.gif") no-repeat 100% 50%; |
|
239 } |
|
240 |
|
241 html.js fieldset.collapsed .fieldset-legend { |
|
242 background: url("images/menu-collapsed-rtl.gif") no-repeat 100% 50%; |
|
243 } |
|
244 |
|
245 /** |
|
246 * Vertical tabs. |
|
247 */ |
|
248 div.vertical-tabs { |
|
249 margin-left: 5%; |
|
250 margin-right: 15em; |
|
251 } |
|
252 |
|
253 /** |
|
254 * Syndication Block |
|
255 */ |
|
256 #block-node-syndicate h2 { |
|
257 float: right; |
|
258 padding-right: 0; |
|
259 padding-left: 20px; |
|
260 } |
|
261 |
|
262 #block-node-syndicate img { |
|
263 float: left; |
|
264 } |
|
265 |
|
266 #block-node-syndicate .content { |
|
267 clear: left; |
|
268 } |
|
269 |
|
270 /** |
|
271 * Login Block |
|
272 */ |
|
273 #user-login-form ul { |
|
274 text-align: right; |
|
275 } |
|
276 #user-login-form .openid-links { |
|
277 padding-left: 0; |
|
278 padding-right: 0.5em; |
|
279 } |
|
280 #user-login-form .openid-links li.user-link { |
|
281 padding-left: 0; |
|
282 padding-right: 1em; |
|
283 } |
|
284 |
|
285 div.admin .left { |
|
286 float: right; |
|
287 } |
|
288 |
|
289 div.admin .right { |
|
290 float: left; |
|
291 } |
|
292 |
|
293 /* Fix Opera, IE6 and IE7 header width */ |
|
294 #wrapper #container #header { |
|
295 position: relative; |
|
296 width: 100%; |
|
297 } |
|
298 |
|
299 #wrapper #container #header #logo-floater { |
|
300 width: 100%; |
|
301 left: 0; |
|
302 top:0; |
|
303 } |
|
304 |
|
305 /** |
|
306 * Fixes for IE7 - Does not break other browsers |
|
307 */ |
|
308 |
|
309 /* Position:relative on these breaks IE7. */ |
|
310 ul.primary li a, |
|
311 ul.primary li.active a, |
|
312 ul.primary li a:hover, |
|
313 ul.primary li a:visited, |
|
314 ul.secondary li a, |
|
315 ul.secondary li.active a, |
|
316 ul.secondary li a:hover, |
|
317 ul.secondary li a:visited { |
|
318 position: static; |
|
319 } |
|
320 |
|
321 /* Fix right and left cloumns position breaking on window resize */ |
|
322 #container { |
|
323 position: relative; |
|
324 } |
|
325 |
|
326 #center { |
|
327 position: relative; |
|
328 } |
|
329 |
|
330 #sidebar-second { |
|
331 position: absolute; |
|
332 right: 0; |
|
333 } |
|
334 |
|
335 /** |
|
336 * Apply hasLayout to elements in IE7, using standard property "min-height" |
|
337 * (see http://www.satzansatz.de/cssd/onhavinglayout.html) |
|
338 */ |
|
339 |
|
340 /* Fix background bleed in center column. */ |
|
341 #squeeze, |
|
342 #squeeze .right-corner { |
|
343 min-height: 1%; |
|
344 } |