[Summary view] [Print] [Text view]

   1  /* $Id: style-rtl.css,v 1.4 2008/01/25 21:20:26 goba Exp $ */
   2  
   3  body {
   4    direction: rtl;
   5  }
   6  
   7  blockquote {
   8    border-right: 4px solid #69c;
   9    border-left: none;
  10    margin: 25px 50px 25px 100px;
  11    text-align: right;
  12  }
  13  
  14  #primary-menu tr {
  15    background: transparent url(header-a.jpg) right bottom repeat;
  16  }
  17  
  18  td#home {
  19    background: transparent url(logo-background-rtl.jpg) right top repeat;
  20  }
  21  
  22  td#home a:link img, td#home a:visited img {
  23    background: transparent url(logo-active-rtl.jpg) repeat;
  24  }
  25  
  26  td#home a:hover img {
  27    background: transparent url(logo-hover-rtl.jpg) repeat;
  28  }
  29  
  30  #primary-menu .primary-links {
  31    background: transparent url(header-b-rtl.jpg) right top no-repeat;
  32  }
  33  
  34  ul.links li {
  35    border-right: 1px solid #ff8c00;
  36    border-left: none;
  37  }
  38  
  39  #navlist li {
  40    border-right: 1px solid #369;
  41    border-left: none;
  42  }
  43  
  44  #subnavlist li, ul.primary-links li, ul.secondary-links li {
  45    border-right: 1px solid #fff;
  46    border-left: none;
  47  }
  48  
  49  .tabs ul.primary {
  50    padding: 0 10px 3px 0;
  51    height: 1.2em; /* FF hack, see float below */
  52    line-height: 1em; /* FF hack, see float below */
  53  }
  54  /* @begin FF hacks, copied from Wikipedia's RTL tabs implementation */
  55  .tabs ul { clear:right;}
  56  .tabs li {padding: 0 0 0 10px; float: right;}
  57  /* @end FF hacks */
  58  
  59  .tabs ul.primary li a {
  60    background: #fff url(tabs-off-rtl.png) right top no-repeat;
  61    border-style: none none none solid;
  62    margin-left: 10px;
  63    margin-right: 0;
  64  }
  65  .tabs ul.primary li.active a {
  66    background: #369 url(tabs-on-rtl.png) right top no-repeat;
  67    border-right: none;
  68    border-left: 2px solid #369;
  69  }
  70  
  71  .tabs ul.primary li a:hover {
  72    background-color:#FFFAF0;
  73    color:#FF4500;
  74  }
  75  
  76  .tabs ul.secondary {
  77    padding: 10px 0 60px 0;
  78    line-height: 220%;
  79  }
  80  
  81  .tabs ul.secondary li {
  82    padding: 0 10px 0 0;
  83    border-left: none;
  84  }
  85  
  86  .tabs ul.secondary li a {
  87    background: #fff url(tabs-option-off-rtl.png) right center no-repeat;
  88    padding: 10px 25px 10px 0;
  89  }
  90  
  91  .tabs ul.secondary li a.active {
  92    background: #fff url(tabs-option-on.png) right center no-repeat;
  93  }
  94  
  95  .tabs ul.secondary li a:hover {
  96    background: #fff url(tabs-option-hover-rtl.png) right center no-repeat;
  97  }
  98  
  99  #menu {
 100    text-align: left;
 101  }
 102  
 103  .node .content {
 104    text-align: right;
 105  }
 106  
 107  .comment .content {
 108    text-align: right;
 109  }
 110  
 111  .block .title h3 {
 112    padding: 10px 30px 10px 5px;
 113    background: transparent url(icon-block-rtl.png) right center no-repeat;
 114  }
 115  
 116  .node .picture {
 117    float: left;
 118  }
 119  
 120  .comment .title {
 121    padding: 10px 19px 12px 0;
 122    background: transparent url(icon-comment-rtl.png) right center no-repeat;
 123  }
 124  
 125  .comment .new {
 126    margin-right: 2px;
 127    margin-left: 0;
 128  }
 129  
 130  .comment .picture {
 131    float: left;
 132  }
 133  
 134  .nav .links .next a:link {
 135    padding: 17px 0 17px 17px;
 136    background: transparent url(arrow-next-rtl.png) left center no-repeat;
 137  }
 138  .nav .links .next a:visited {
 139    padding: 17px 0 17px 17px;
 140    background: transparent url(arrow-next-visited-rtl.png) left center no-repeat;
 141  }
 142  .nav .links .next a:hover {
 143    padding: 17px 0 17px 17px;
 144    background: transparent url(arrow-next-hover-rtl.png) left center no-repeat;
 145  }
 146  .nav .links .prev a:link {
 147    padding: 17px 17px 17px 0;
 148    background: transparent url(arrow-prev-rtl.png) right center no-repeat;
 149  }
 150  .nav .links .prev a:visited {
 151    padding: 17px 17px 17px 0;
 152    background: transparent url(arrow-prev-visited-rtl.png) right center no-repeat;
 153  }
 154  .nav .links .prev a:hover {
 155    padding: 17px 17px 17px 0;
 156    background: transparent url(arrow-prev-hover-rtl.png) right center no-repeat;
 157  }
 158  
 159  #tracker th {
 160    border-right: 1px solid #fafafa;
 161    border-left: 1px solid #ddd ;
 162  }
 163  
 164  #tracker th img {
 165    float: left;
 166  }
 167  
 168  #tracker td {
 169    padding: 1em 0 1em 1em;
 170  }
 171  
 172  #forum td.container {
 173    background: #369 url(forum-container-rtl.jpg) left top no-repeat;
 174  }
 175  
 176  #forum td.container a {
 177    padding: 20px 35px 20px 0;
 178    background: transparent url(forum-link-rtl.png) right center no-repeat;
 179  }
 180  
 181  /* IE hack */
 182  div, div.name a, .tabs ul li, .tabs ul li a{zoom:1}
 183  .tabs ul.primary li a, .tabs ul.primary li.active a, .tabs ul.secondary li, .tabs ul.secondary li, div.tabs a.active {zoom:1}
 184  .tabs ul.primary li.active a{zoom:1}