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