| 
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 } |