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 } |
