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