Mercurial > defr > drupal > core
comparison themes/garland/style-rtl.css @ 1:c1f4ac30525a 6.0
Drupal 6.0
author | Franck Deroche <webmaster@defr.org> |
---|---|
date | Tue, 23 Dec 2008 14:28:28 +0100 |
parents | |
children |
comparison
equal
deleted
inserted
replaced
0:5a113a1c4740 | 1:c1f4ac30525a |
---|---|
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 } |