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