Mercurial > defr > drupal > core

annotate themes/garland/style-rtl.css @ 11:589fb7c02327 6.5

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
Drupal 6.5
author Franck Deroche <webmaster@defr.org>
date Tue, 23 Dec 2008 14:32:19 +0100
parents c1f4ac30525a
children
rev   line source
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 }