webmaster@1: /* $Id: style-rtl.css,v 1.6 2007/12/17 15:05:10 goba Exp $ */
webmaster@1: 
webmaster@1: html {
webmaster@1:   direction: rtl;
webmaster@1: }
webmaster@1: 
webmaster@1: /**
webmaster@1:  * Generic elements
webmaster@1:  */
webmaster@1: body {
webmaster@1:   direction: rtl;
webmaster@1: }
webmaster@1: 
webmaster@1: ol li, ul li {
webmaster@1:   margin: 0.4em .5em 0.4em 0;
webmaster@1: }
webmaster@1: 
webmaster@1: ul.menu, .item-list ul {
webmaster@1:   margin: 0.35em -0.5em 0 0;
webmaster@1: }
webmaster@1: 
webmaster@1: ul.menu ul, .item-list ul ul {
webmaster@1:   margin-left: 0;
webmaster@1:   margin-right: 0em;
webmaster@1: }
webmaster@1: 
webmaster@1: ol li, ul li, ul.menu li, .item-list ul li, li.leaf {
webmaster@1:   margin: 0.15em .5em 0.15em 0;
webmaster@1: }
webmaster@1: 
webmaster@1: ul li, ul.menu li, .item-list ul li, li.leaf {
webmaster@1:   padding: 0 1.5em .2em 0;
webmaster@1:   background: transparent url("images/menu-leaf.gif") no-repeat 100% .35em;
webmaster@1: }
webmaster@1: 
webmaster@1: ol li {
webmaster@1:   margin-left: 0;
webmaster@1:   margin-right: 2em;
webmaster@1: }
webmaster@1: 
webmaster@1: ul li.expanded {
webmaster@1:   background: transparent url("images/menu-expanded.gif") no-repeat 100% .35em;
webmaster@1: }
webmaster@1: 
webmaster@1: ul li.collapsed {
webmaster@1:   background: transparent url("images/menu-collapsed-rtl.gif") no-repeat 100% .35em;
webmaster@1: }
webmaster@1: 
webmaster@1: ul.inline li {
webmaster@1:   padding: 0 0 0 1em;
webmaster@1: }
webmaster@1: 
webmaster@1: ol.task-list {
webmaster@1:   margin-left: 0;
webmaster@1:   margin-right: 0;
webmaster@1: }
webmaster@1: 
webmaster@1: ol.task-list li {
webmaster@1:   padding: 0.5em 2em 0.5em 1em;
webmaster@1: }
webmaster@1: 
webmaster@1: ol.task-list li.active {
webmaster@1:   background: transparent url(images/task-list.png) no-repeat 97px 50%;
webmaster@1: }
webmaster@1: 
webmaster@1: ol.task-list li.done {
webmaster@1:   background: transparent url(../../misc/watchdog-ok.png) no-repeat 100% 50%;
webmaster@1: }
webmaster@1: 
webmaster@1: ol.task-list li.active {
webmaster@1:   margin-right: 0;
webmaster@1:   margin-left: 1em;
webmaster@1: }
webmaster@1: 
webmaster@1: dl {
webmaster@1:   margin: 0.5em 1.5em 1em 0;
webmaster@1: }
webmaster@1: 
webmaster@1: dl dt {
webmaster@1: }
webmaster@1: 
webmaster@1: dl dd {
webmaster@1:   margin: 0 1.5em .5em 0;
webmaster@1: }
webmaster@1: 
webmaster@1: .form-button, .form-submit {
webmaster@1:   margin: 2em 0 1em 0.5em;
webmaster@1: }
webmaster@1: 
webmaster@1: #header-region h2 {
webmaster@1:   margin: 0 0 0 1em;
webmaster@1: }
webmaster@1: 
webmaster@1: #wrapper {
webmaster@1:   background: #edf5fa url("images/body.png") repeat-x 50% 0;
webmaster@1: }
webmaster@1: 
webmaster@1: #wrapper #container #header h1 img {
webmaster@1:   padding-right: 0;
webmaster@1:   padding-left: 20px;
webmaster@1:   float: right;
webmaster@1: }
webmaster@1: 
webmaster@1: #sidebar-left .block-region {
webmaster@1:   margin: 0 0 0 15px;
webmaster@1: }
webmaster@1: 
webmaster@1: #sidebar-right .block-region {
webmaster@1:   margin: 0 15px 0px 0;
webmaster@1: }
webmaster@1: 
webmaster@1: /* Now we add the backgrounds for the main content shading */
webmaster@1: #wrapper #container #center #squeeze {
webmaster@1:   background: #fff url("images/bg-content.png") repeat-x 50% 0;
webmaster@1: }
webmaster@1: 
webmaster@1: #wrapper #container .breadcrumb {
webmaster@1:   position: absolute;
webmaster@1:   top: 15px;
webmaster@1:   left: 0;
webmaster@1:   right: 35px;
webmaster@1:   z-index: 3;
webmaster@1: }
webmaster@1: 
webmaster@1: /**
webmaster@1:  * Primary navigation
webmaster@1:  */
webmaster@1: ul.primary-links {
webmaster@1:   float: left;
webmaster@1: width:70%;
webmaster@1: }
webmaster@1: 
webmaster@1: ul.primary-links li {
webmaster@1:   float: right;
webmaster@1: }
webmaster@1: 
webmaster@1: /**
webmaster@1:  * Secondary navigation
webmaster@1:  */
webmaster@1: ul.secondary-links {
webmaster@1:   float: left;
webmaster@1:   clear: left;
webmaster@1: }
webmaster@1: 
webmaster@1: ul.secondary-links li {
webmaster@1:   float: right;
webmaster@1: }
webmaster@1: 
webmaster@1: ul.primary {
webmaster@1:   float: right;
webmaster@1: }
webmaster@1: ul.secondary {
webmaster@1:   clear: both;
webmaster@1:   text-align: right;
webmaster@1: }
webmaster@1: h2.with-tabs {
webmaster@1:   float: right;
webmaster@1:   margin: 0 0 0 2em;
webmaster@1: }
webmaster@1: 
webmaster@1: ul.primary li a, ul.primary li.active a, ul.primary li a:hover, ul.primary li a:visited,
webmaster@1: ul.secondary li a, ul.secondary li.active a, ul.secondary li a:hover, ul.secondary li a:visited {
webmaster@1:   margin: 0 1px 0 0;
webmaster@1: 
webmaster@1: }
webmaster@1: ul.primary li a:after {
webmaster@1:   /* Fix Firefox 2 RTL bug. */
webmaster@1:   content: " ";
webmaster@1: }
webmaster@1: 
webmaster@1: ul.links li, ul.inline li {
webmaster@1:   padding-left: 1em;
webmaster@1:   padding-right: 0;
webmaster@1: }
webmaster@1: 
webmaster@1: .node .links, .comment .links {
webmaster@1:   text-align: right;
webmaster@1: }
webmaster@1: 
webmaster@1: .node .links ul.links li, .comment .links ul.links li {}
webmaster@1: .terms ul.links li {
webmaster@1:   padding-right: 1em;
webmaster@1:   padding-left: 0;
webmaster@1: }
webmaster@1: 
webmaster@1: .picture, .comment .submitted {
webmaster@1:   padding-left: 0;
webmaster@1:   float: left;
webmaster@1:   clear: left;
webmaster@1:   padding-right: 1em;
webmaster@1: }
webmaster@1: 
webmaster@1: .new {
webmaster@1:   float: left;
webmaster@1: }
webmaster@1: 
webmaster@1: .terms {
webmaster@1:   float: left;
webmaster@1: }
webmaster@1: 
webmaster@1: .indented {
webmaster@1:   margin-left: 0;
webmaster@1:   margin-right: 25px;
webmaster@1: }
webmaster@1: 
webmaster@1: html.js fieldset.collapsible legend a {
webmaster@1:   padding-left: 0;
webmaster@1:   padding-right: 2em;
webmaster@1:   background: url("images/menu-expanded.gif") no-repeat 100% 50%;
webmaster@1: }
webmaster@1: 
webmaster@1: html.js fieldset.collapsed legend a {
webmaster@1:   background: url("images/menu-collapsed-rtl.gif") no-repeat 100% 50%;
webmaster@1: }
webmaster@1: 
webmaster@1: /**
webmaster@1:  * Syndication Block
webmaster@1:  */
webmaster@1: #block-node-0 h2 {
webmaster@1:   float: right;
webmaster@1:   padding-right: 0;
webmaster@1:   padding-left: 20px;
webmaster@1: }
webmaster@1: 
webmaster@1: #block-node-0 img {
webmaster@1:   float: left;
webmaster@1: }
webmaster@1: 
webmaster@1: #block-node-0 .content {
webmaster@1:   clear: left;
webmaster@1: }
webmaster@1: 
webmaster@1: /**
webmaster@1:  * Login Block
webmaster@1:  */
webmaster@1: #user-login-form ul {
webmaster@1:   text-align: right;
webmaster@1: }
webmaster@1: 
webmaster@1: div.admin .left {
webmaster@1:   float: right;
webmaster@1: }
webmaster@1: 
webmaster@1: div.admin .right {
webmaster@1:   float: left;
webmaster@1: }
webmaster@1: 
webmaster@1: /* Fix Opera, IE6 and IE7 header width */
webmaster@1: #wrapper #container #header {
webmaster@1:   position: relative;
webmaster@1:   width: 100%;
webmaster@1: }
webmaster@1: 
webmaster@1: #wrapper #container #header #logo-floater {
webmaster@1:   width: 100%;
webmaster@1:   left: 0;
webmaster@1:   top:0;
webmaster@1: }
webmaster@1: 
webmaster@1: /**
webmaster@1:  * Fixes for IE7 - Does not break other browsers
webmaster@1:  */
webmaster@1: 
webmaster@1: /* Position:relative on these breaks IE7. */
webmaster@1: ul.primary li a, ul.primary li.active a, ul.primary li a:hover, ul.primary li a:visited,
webmaster@1: ul.secondary li a, ul.secondary li.active a, ul.secondary li a:hover, ul.secondary li a:visited {
webmaster@1:   position: static;
webmaster@1: }
webmaster@1: 
webmaster@1: /* Fix right and left cloumns position breaking on window resize */
webmaster@1: #container {
webmaster@1:   position: relative;
webmaster@1: }
webmaster@1: 
webmaster@1: #center {
webmaster@1:   position: relative;
webmaster@1: }
webmaster@1: 
webmaster@1: #sidebar-right{
webmaster@1:   position: absolute;
webmaster@1:   right: 0;
webmaster@1: }
webmaster@1: 
webmaster@1: /**
webmaster@1:  * Apply hasLayout to elements in IE7, using standard property "min-height"
webmaster@1:  * (see http://www.satzansatz.de/cssd/onhavinglayout.html)
webmaster@1:  */
webmaster@1: 
webmaster@1: /* Fix background bleed in center column. */
webmaster@1: #squeeze,
webmaster@1: #squeeze .right-corner {
webmaster@1:   min-height: 1%;
webmaster@1: }