| Index: trunk/phase3/skins/vector/main.css |
| — | — | @@ -14,7 +14,6 @@ |
| 15 | 15 | body { |
| 16 | 16 | background-image: url(images/page-base.png); |
| 17 | 17 | } |
| 18 | | - |
| 19 | 18 | /* Content */ |
| 20 | 19 | div#content { |
| 21 | 20 | margin-left: 12em; |
| — | — | @@ -24,6 +23,11 @@ |
| 25 | 24 | background-repeat: repeat-y; |
| 26 | 25 | background-color: white; |
| 27 | 26 | } |
| | 27 | +body.rtl div#content { |
| | 28 | + margin-left: 0; |
| | 29 | + margin-right: 12em; |
| | 30 | + background-position: top right; |
| | 31 | +} |
| 28 | 32 | /* Head */ |
| 29 | 33 | div#page-base { |
| 30 | 34 | height: 6em; |
| — | — | @@ -32,6 +36,9 @@ |
| 33 | 37 | background-position: bottom left; |
| 34 | 38 | background-repeat: repeat-x; |
| 35 | 39 | } |
| | 40 | +body.rtl div#page-base { |
| | 41 | + background-position: bottom left; |
| | 42 | +} |
| 36 | 43 | div#head-base { |
| 37 | 44 | margin-top: -6em; |
| 38 | 45 | margin-left: 12em; |
| — | — | @@ -40,6 +47,11 @@ |
| 41 | 48 | background-position: bottom left; |
| 42 | 49 | background-repeat: repeat-x; |
| 43 | 50 | } |
| | 51 | +body.rtl div#head-base { |
| | 52 | + margin-left: 0; |
| | 53 | + margin-right: 12em; |
| | 54 | + background-position: bottom right; |
| | 55 | +} |
| 44 | 56 | div#head { |
| 45 | 57 | position: absolute; |
| 46 | 58 | top: 0; |
| — | — | @@ -47,6 +59,12 @@ |
| 48 | 60 | width: 100%; |
| 49 | 61 | margin-right: 0.75em; |
| 50 | 62 | } |
| | 63 | +body.rtl div#head { |
| | 64 | + right: auto; |
| | 65 | + left: 0; |
| | 66 | + margin-right: 0; |
| | 67 | + margin-left: 0.75em; |
| | 68 | +} |
| 51 | 69 | div#head ul, |
| 52 | 70 | div#head li { |
| 53 | 71 | list-style: none; |
| — | — | @@ -63,6 +81,10 @@ |
| 64 | 82 | top: 0; |
| 65 | 83 | right: 0; |
| 66 | 84 | } |
| | 85 | + body.rtl div#personal { |
| | 86 | + left: 0; |
| | 87 | + right: auto; |
| | 88 | + } |
| 67 | 89 | div#personal h5 { |
| 68 | 90 | display: none; |
| 69 | 91 | } |
| — | — | @@ -70,16 +92,28 @@ |
| 71 | 93 | float: left; |
| 72 | 94 | margin-left: 0.75em; |
| 73 | 95 | margin-top: 0.5em; |
| 74 | | - /*font-size: 0.9em;*/ |
| | 96 | + font-size: 0.9em; |
| 75 | 97 | } |
| | 98 | + body.rtl div#personal li { |
| | 99 | + float: right; |
| | 100 | + margin-left: 0; |
| | 101 | + margin-right: 0.75em; |
| | 102 | + } |
| 76 | 103 | /* Navigation */ |
| 77 | 104 | div#left-navigation { |
| 78 | 105 | margin-top: 3em; |
| 79 | 106 | margin-left: 12.75em; |
| 80 | 107 | } |
| | 108 | + body.rtl div#left-navigation { |
| | 109 | + margin-left: 0; |
| | 110 | + margin-right: 12.75em; |
| | 111 | + } |
| 81 | 112 | div#right-navigation { |
| 82 | 113 | float: right; |
| 83 | 114 | } |
| | 115 | + body.rtl div#right-navigation { |
| | 116 | + float: left; |
| | 117 | + } |
| 84 | 118 | /* Navigation Labels */ |
| 85 | 119 | div#namespaces h5, |
| 86 | 120 | div#variants h5, |
| — | — | @@ -97,10 +131,21 @@ |
| 98 | 132 | background-repeat: no-repeat; |
| 99 | 133 | padding-left: 1px; |
| 100 | 134 | } |
| | 135 | + body.rtl div#namespaces, |
| | 136 | + body.rtl div#views { |
| | 137 | + float: right; |
| | 138 | + background-position: bottom right; |
| | 139 | + padding-left: 0; |
| | 140 | + padding-right: 1px; |
| | 141 | + } |
| 101 | 142 | div#namespaces ul, |
| 102 | 143 | div#views ul { |
| 103 | 144 | float: left; |
| 104 | 145 | } |
| | 146 | + body.rtl div#namespaces ul, |
| | 147 | + body.rtl div#views ul { |
| | 148 | + float: right; |
| | 149 | + } |
| 105 | 150 | div#namespaces li, |
| 106 | 151 | div#views li { |
| 107 | 152 | float: left; |
| — | — | @@ -109,6 +154,11 @@ |
| 110 | 155 | background-position: bottom left; |
| 111 | 156 | background-repeat: repeat-x; |
| 112 | 157 | } |
| | 158 | + body.rtl div#namespaces li, |
| | 159 | + body.rtl div#views li { |
| | 160 | + float: right; |
| | 161 | + background-position: bottom right; |
| | 162 | + } |
| 113 | 163 | div#namespaces li.selected, |
| 114 | 164 | div#views li.selected { |
| 115 | 165 | background-image: url(images/tab-current-fade.png); |
| — | — | @@ -124,6 +174,10 @@ |
| 125 | 175 | background-repeat: no-repeat; |
| 126 | 176 | color: #0645ad; |
| 127 | 177 | } |
| | 178 | + body.rtl div#namespaces a, |
| | 179 | + body.rtl div#views a { |
| | 180 | + background-position: bottom left; |
| | 181 | + } |
| 128 | 182 | div#namespaces li.selected a, |
| 129 | 183 | div#views li.selected a:visited { |
| 130 | 184 | color: #333333; |
| — | — | @@ -142,10 +196,18 @@ |
| 143 | 197 | background-position: center center; |
| 144 | 198 | background-repeat: no-repeat; |
| 145 | 199 | } |
| | 200 | + body.rtl div#variants, |
| | 201 | + body.rtl div#actions { |
| | 202 | + float: right; |
| | 203 | + } |
| 146 | 204 | div#variants h5, |
| 147 | 205 | div#actions h5 { |
| 148 | 206 | float: left; |
| 149 | 207 | } |
| | 208 | + body.rtl div#variants h5, |
| | 209 | + body.rtl div#actions h5 { |
| | 210 | + float: right; |
| | 211 | + } |
| 150 | 212 | div#variants h5 a, |
| 151 | 213 | div#actions h5 a { |
| 152 | 214 | display: inline-block; |
| — | — | @@ -156,6 +218,11 @@ |
| 157 | 219 | background-position: bottom right; |
| 158 | 220 | background-repeat: no-repeat; |
| 159 | 221 | } |
| | 222 | + body.rtl div#variants h5 a, |
| | 223 | + body.rtl div#actions h5 a { |
| | 224 | + display: inline-block; |
| | 225 | + background-position: bottom left; |
| | 226 | + } |
| 160 | 227 | div#variants div.menu, |
| 161 | 228 | div#actions div.menu { |
| 162 | 229 | display: none; |
| — | — | @@ -175,6 +242,11 @@ |
| 176 | 243 | margin: 0; |
| 177 | 244 | margin-left: -1px; |
| 178 | 245 | } |
| | 246 | + body.rtl div#variants ul, |
| | 247 | + body.rtl div#actions ul { |
| | 248 | + margin-left: 0; |
| | 249 | + margin-right: -1px; |
| | 250 | + } |
| 179 | 251 | div#variants:hover li a, |
| 180 | 252 | div#actions li a { |
| 181 | 253 | display: inline-block; |
| — | — | @@ -184,12 +256,21 @@ |
| 185 | 257 | div#search { |
| 186 | 258 | float: left; |
| 187 | 259 | } |
| | 260 | + body.rtl div#search { |
| | 261 | + float: right; |
| | 262 | + } |
| 188 | 263 | div#search form, |
| 189 | 264 | div#search input { |
| 190 | 265 | float: left; |
| 191 | 266 | margin-top: 0.4em; |
| 192 | 267 | margin-left: 0.25em; |
| 193 | 268 | } |
| | 269 | + body.rtl div#search form, |
| | 270 | + body.rtl div#search input { |
| | 271 | + float: right; |
| | 272 | + margin-left: 0; |
| | 273 | + margin-right: 0.25em; |
| | 274 | + } |
| 194 | 275 | /* Panel */ |
| 195 | 276 | div#panel { |
| 196 | 277 | position: absolute; |
| — | — | @@ -197,6 +278,10 @@ |
| 198 | 279 | width: 12em; |
| 199 | 280 | left: 0; |
| 200 | 281 | } |
| | 282 | +body.rtl div#panel { |
| | 283 | + left: auto; |
| | 284 | + right: 0; |
| | 285 | +} |
| 201 | 286 | div#panel div.portal { |
| 202 | 287 | padding-top: 1.5em; |
| 203 | 288 | } |
| — | — | @@ -253,6 +338,11 @@ |
| 254 | 339 | background-position: top left; |
| 255 | 340 | background-repeat: repeat-x; |
| 256 | 341 | } |
| | 342 | +body.rtl div#foot { |
| | 343 | + margin-left: 0; |
| | 344 | + margin-right: 12em; |
| | 345 | + background-position: top right; |
| | 346 | +} |
| 257 | 347 | div#foot ul { |
| 258 | 348 | list-style: none; |
| 259 | 349 | margin: 0; |
| — | — | @@ -269,19 +359,35 @@ |
| 270 | 360 | div#foot ul#foot-icons { |
| 271 | 361 | float: right; |
| 272 | 362 | } |
| | 363 | +body.rtl div#foot ul#foot-icons { |
| | 364 | + float: left; |
| | 365 | +} |
| 273 | 366 | div#foot ul#foot-places { |
| 274 | 367 | float: left; |
| 275 | 368 | } |
| | 369 | +body.rtl div#foot ul#foot-places { |
| | 370 | + float: right; |
| | 371 | +} |
| 276 | 372 | div#foot ul#foot-icons li { |
| 277 | 373 | float: left; |
| 278 | 374 | margin-left: 0.5em; |
| 279 | 375 | line-height: 2em; |
| 280 | 376 | } |
| | 377 | +body.rtl div#foot ul#foot-icons li { |
| | 378 | + float: right; |
| | 379 | + margin-left: 0; |
| | 380 | + margin-right: 0.5em; |
| | 381 | +} |
| 281 | 382 | div#foot ul#foot-places li { |
| 282 | 383 | float: left; |
| 283 | 384 | margin-right: 0.5em; |
| 284 | 385 | line-height: 2em; |
| 285 | 386 | } |
| | 387 | +body.rtl div#foot ul#foot-places li { |
| | 388 | + float: right; |
| | 389 | + margin-left: 0.5em; |
| | 390 | + margin-right: 0; |
| | 391 | +} |
| 286 | 392 | |
| 287 | 393 | /* Logo */ |
| 288 | 394 | div#logo { |