[Summary view] [Print] [Text view]

   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  }