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