|
1 /* |
|
2 Theme Name: Twenty Ten |
|
3 */ |
|
4 |
|
5 |
|
6 /* |
|
7 RTL Basics |
|
8 */ |
|
9 |
|
10 |
|
11 body { |
|
12 direction:rtl; |
|
13 unicode-bidi:embed; |
|
14 } |
|
15 |
|
16 |
|
17 /* |
|
18 LAYOUT: Two-Column (Right) |
|
19 DESCRIPTION: Two-column fixed layout with one sidebar right of content |
|
20 */ |
|
21 |
|
22 #container { |
|
23 float: right; |
|
24 margin: 0 0 0 -240px; |
|
25 } |
|
26 #content { |
|
27 margin: 0 20px 36px 280px; |
|
28 } |
|
29 #primary, |
|
30 #secondary { |
|
31 float: left; |
|
32 } |
|
33 #secondary { |
|
34 clear: left; |
|
35 } |
|
36 |
|
37 |
|
38 /* =Fonts |
|
39 -------------------------------------------------------------- */ |
|
40 body, |
|
41 input, |
|
42 textarea, |
|
43 .page-title span, |
|
44 .pingback a.url, |
|
45 h3#comments-title, |
|
46 h3#reply-title, |
|
47 #access .menu, |
|
48 #access div.menu ul, |
|
49 #cancel-comment-reply-link, |
|
50 .form-allowed-tags, |
|
51 #site-info, |
|
52 #site-title, |
|
53 #wp-calendar, |
|
54 .comment-meta, |
|
55 .comment-body tr th, |
|
56 .comment-body thead th, |
|
57 .entry-content label, |
|
58 .entry-content tr th, |
|
59 .entry-content thead th, |
|
60 .entry-meta, |
|
61 .entry-title, |
|
62 .entry-utility, |
|
63 #respond label, |
|
64 .navigation, |
|
65 .page-title, |
|
66 .pingback p, |
|
67 .reply, |
|
68 .widget-title, |
|
69 input[type=submit] { |
|
70 font-family: Arial, Tahoma, sans-serif; |
|
71 } |
|
72 |
|
73 /* =Structure |
|
74 -------------------------------------------------------------- */ |
|
75 |
|
76 /* The main theme structure */ |
|
77 #footer-widget-area .widget-area { |
|
78 float: right; |
|
79 margin-left: 20px; |
|
80 margin-right: 0; |
|
81 } |
|
82 #footer-widget-area #fourth { |
|
83 margin-left: 0; |
|
84 } |
|
85 #site-info { |
|
86 float: right; |
|
87 } |
|
88 #site-generator { |
|
89 float: left; |
|
90 } |
|
91 |
|
92 |
|
93 /* =Global Elements |
|
94 -------------------------------------------------------------- */ |
|
95 |
|
96 /* Text elements */ |
|
97 ul, ol { |
|
98 margin: 0 1.5em 18px 0; |
|
99 } |
|
100 blockquote { |
|
101 font-style: normal; |
|
102 } |
|
103 |
|
104 /* Text meant only for screen readers */ |
|
105 .screen-reader-text { |
|
106 left: auto; |
|
107 text-indent:-9000px; |
|
108 overflow:hidden; |
|
109 } |
|
110 |
|
111 |
|
112 /* =Header |
|
113 -------------------------------------------------------------- */ |
|
114 |
|
115 #site-title { |
|
116 float: right; |
|
117 } |
|
118 #site-description { |
|
119 clear: left; |
|
120 float: left; |
|
121 font-style: normal; |
|
122 } |
|
123 #branding img { |
|
124 float: right; |
|
125 } |
|
126 |
|
127 /* =Menu |
|
128 -------------------------------------------------------------- */ |
|
129 |
|
130 #access { |
|
131 float:right; |
|
132 } |
|
133 |
|
134 #access .menu-header, |
|
135 div.menu { |
|
136 margin-right: 12px; |
|
137 margin-left: 0; |
|
138 } |
|
139 |
|
140 #access .menu-header li, |
|
141 div.menu li{ |
|
142 float:right; |
|
143 } |
|
144 |
|
145 #access ul ul { |
|
146 left:auto; |
|
147 right:0; |
|
148 float:right; |
|
149 } |
|
150 #access ul ul ul { |
|
151 left:auto; |
|
152 right:100%; |
|
153 } |
|
154 |
|
155 /* =Content |
|
156 -------------------------------------------------------------- */ |
|
157 |
|
158 #content table { |
|
159 text-align: right; |
|
160 margin: 0 0 24px -1px; |
|
161 } |
|
162 .page-title span { |
|
163 font-style:normal; |
|
164 } |
|
165 .entry-title, |
|
166 .entry-meta { |
|
167 clear: right; |
|
168 float: right; |
|
169 margin-left: 68px; |
|
170 margin-right: 0; |
|
171 } |
|
172 |
|
173 .entry-content input.file, |
|
174 .entry-content input.button { |
|
175 margin-left: 24px; |
|
176 margin-right:0; |
|
177 } |
|
178 .entry-content blockquote.left { |
|
179 float: right; |
|
180 margin-right: 0; |
|
181 margin-left: 24px; |
|
182 text-align: left; |
|
183 } |
|
184 .entry-content blockquote.right { |
|
185 float: left; |
|
186 margin-right: 24px; |
|
187 margin-left: 0; |
|
188 text-align: right; |
|
189 } |
|
190 #entry-author-info #author-avatar { |
|
191 float: right; |
|
192 margin: 0 0 0 -104px; |
|
193 } |
|
194 #entry-author-info #author-description { |
|
195 float: right; |
|
196 margin: 0 104px 0 0; |
|
197 } |
|
198 |
|
199 /* Gallery listing |
|
200 -------------------------------------------------------------- */ |
|
201 |
|
202 .category-gallery .gallery-thumb { |
|
203 float: right; |
|
204 margin-left:20px; |
|
205 margin-right:0; |
|
206 } |
|
207 |
|
208 |
|
209 /* Images |
|
210 -------------------------------------------------------------- */ |
|
211 |
|
212 #content .gallery .gallery-caption { |
|
213 margin-right: 0; |
|
214 } |
|
215 |
|
216 #content .gallery .gallery-item { |
|
217 float: right; |
|
218 } |
|
219 |
|
220 /* =Navigation |
|
221 -------------------------------------------------------------- */ |
|
222 .nav-previous { |
|
223 float: right; |
|
224 } |
|
225 .nav-next { |
|
226 float: left; |
|
227 text-align:left; |
|
228 } |
|
229 |
|
230 /* =Comments |
|
231 -------------------------------------------------------------- */ |
|
232 |
|
233 .commentlist li.comment { |
|
234 padding: 0 56px 0 0; |
|
235 } |
|
236 .commentlist .avatar { |
|
237 right: 0; |
|
238 left: auto; |
|
239 } |
|
240 .comment-author .says, #comments .pingback .url { |
|
241 font-style: normal; |
|
242 } |
|
243 |
|
244 /* Comments form */ |
|
245 .children #respond { |
|
246 margin: 0 0 0 48px; |
|
247 } |
|
248 |
|
249 /* =Widget Areas |
|
250 -------------------------------------------------------------- */ |
|
251 |
|
252 .widget-area ul { |
|
253 margin-right: 0; |
|
254 } |
|
255 .widget-area ul ul { |
|
256 margin-right: 1.3em; |
|
257 margin-left: 0; |
|
258 } |
|
259 #wp-calendar caption { |
|
260 text-align: right; |
|
261 } |
|
262 #wp-calendar tfoot #next { |
|
263 text-align: left; |
|
264 } |
|
265 |
|
266 /* Main sidebars */ |
|
267 #main .widget-area ul { |
|
268 margin-right: 0; |
|
269 padding: 0 0 0 20px; |
|
270 } |
|
271 #main .widget-area ul ul { |
|
272 margin-right: 1.3em; |
|
273 margin-left: 0; |
|
274 } |
|
275 |
|
276 /* =Footer |
|
277 -------------------------------------------------------------- */ |
|
278 #site-generator { |
|
279 font-style:normal; |
|
280 } |
|
281 #site-generator a { |
|
282 background-position: right center; |
|
283 padding-right: 20px; |
|
284 padding-left: 0; |
|
285 } |