|
1 /* |
|
2 Theme Name: Twenty Twelve |
|
3 Description: Adds support for languages written in a Right To Left (RTL) direction. |
|
4 It's easy, just a matter of overwriting all the horizontal positioning attributes |
|
5 of your CSS stylesheet in a separate stylesheet file named rtl.css. |
|
6 |
|
7 See http://codex.wordpress.org/Right_to_Left_Language_Support |
|
8 */ |
|
9 |
|
10 |
|
11 body { |
|
12 direction: rtl; |
|
13 unicode-bidi: embed; |
|
14 } |
|
15 caption, |
|
16 th, |
|
17 td { |
|
18 text-align: right; |
|
19 } |
|
20 |
|
21 /* =Repeatable patterns |
|
22 -------------------------------------------------------------- */ |
|
23 |
|
24 /* Images */ |
|
25 .site-content .gallery-columns-4 .gallery-item { |
|
26 padding-left: 2%; |
|
27 padding-right: 0; |
|
28 } |
|
29 .site-content .gallery-columns-5 .gallery-item { |
|
30 padding-left: 2%; |
|
31 padding-right: 0; |
|
32 } |
|
33 |
|
34 /* Navigation */ |
|
35 .nav-previous, |
|
36 .previous-image { |
|
37 float: right; |
|
38 } |
|
39 .nav-next, |
|
40 .next-image { |
|
41 float: left; |
|
42 text-align: left; |
|
43 } |
|
44 |
|
45 /* Author profiles */ |
|
46 .author-avatar { |
|
47 float: right; |
|
48 } |
|
49 .author-description { |
|
50 float: right; |
|
51 margin-right: 15px; |
|
52 margin-right: 1.071428571rem; |
|
53 margin-left: auto; |
|
54 } |
|
55 |
|
56 |
|
57 /* =Main Content |
|
58 ----------------------------------------------- */ |
|
59 |
|
60 .comment-content ol, |
|
61 .comment-content ul { |
|
62 margin: 0 24px 0 0; |
|
63 margin: 0 1.714285714rem 0 0; |
|
64 } |
|
65 |
|
66 |
|
67 /* =Basic post styling |
|
68 -------------------------------------------------------------- */ |
|
69 |
|
70 .entry-content li, |
|
71 .comment-content li { |
|
72 margin: 0 24px 0 0; |
|
73 margin: 0 1.714285714rem 0 0; |
|
74 } |
|
75 .entry-content td, |
|
76 .comment-content td { |
|
77 padding: 6px 0 6px 10px; |
|
78 } |
|
79 |
|
80 |
|
81 /* Aside posts */ |
|
82 article.format-aside .aside { |
|
83 border-right: 22px solid #a8bfe8; |
|
84 border-left: none; |
|
85 } |
|
86 |
|
87 /* Link posts */ |
|
88 article.format-link header { |
|
89 float: left; |
|
90 } |
|
91 article.format-link .entry-content { |
|
92 float: right; |
|
93 } |
|
94 |
|
95 /* Status posts */ |
|
96 .format-status .entry-header img { |
|
97 float: right; |
|
98 margin-left: 21px; |
|
99 margin-left: 1.5rem; |
|
100 margin-right: 0; |
|
101 } |
|
102 |
|
103 |
|
104 /* =Comment styling |
|
105 -------------------------------------------------------------- */ |
|
106 |
|
107 .comments-area article header img { |
|
108 float: right; |
|
109 } |
|
110 .comments-area article header cite, |
|
111 .comments-area article header time { |
|
112 margin-right: 85px; |
|
113 margin-right: 6.071428571rem; |
|
114 margin-left: auto; |
|
115 } |
|
116 .comments-area article header h4 { |
|
117 left: 0; |
|
118 right: auto; |
|
119 } |
|
120 .comments-area li.bypostauthor cite span { |
|
121 margin-right: 5px; |
|
122 margin-right: 0.357142857rem; |
|
123 margin-left: auto; |
|
124 } |
|
125 |
|
126 /* Comment form */ |
|
127 #respond h3#reply-title #cancel-comment-reply-link { |
|
128 margin-right: 10px; |
|
129 margin-right: 0.714285714rem; |
|
130 margin-left: auto; |
|
131 } |
|
132 label ~ span.required { |
|
133 float: right; |
|
134 margin: -18px -16px 0 0; |
|
135 margin: -1.285714286rem -1.142857143rem 0 0; |
|
136 } |
|
137 |
|
138 |
|
139 /* =Front page template styling |
|
140 -------------------------------------------------------------- */ |
|
141 |
|
142 .template-front-page .widget-area .widget_text img { |
|
143 float: right; |
|
144 margin: 8px 0 8px 24px; |
|
145 margin: 0.571428571rem 0 0.571428571rem 1.714285714rem; |
|
146 } |
|
147 |
|
148 |
|
149 /* =Widget styling |
|
150 -------------------------------------------------------------- */ |
|
151 |
|
152 .widget-area .widget ul ul { |
|
153 margin-right: 12px; |
|
154 margin-right: 0.857142857rem; |
|
155 margin-left: auto; |
|
156 } |
|
157 .widget-area .textwidget li { |
|
158 margin-left: auto; |
|
159 margin-right: 36px; |
|
160 margin-right: 2.571428571rem; |
|
161 } |
|
162 .widget_recent_entries .post-date, |
|
163 .widget_rss .rss-date { |
|
164 margin-right: 12px; |
|
165 margin-right: 0.857142857rem; |
|
166 margin-left: auto; |
|
167 } |
|
168 #wp-calendar th, |
|
169 #wp-calendar td, |
|
170 #wp-calendar caption { |
|
171 text-align: right; |
|
172 } |
|
173 #wp-calendar #next { |
|
174 padding-left: 24px; |
|
175 padding-left: 1.714285714rem; |
|
176 text-align: left; |
|
177 padding-right: 0; |
|
178 } |
|
179 |
|
180 /* =Media queries |
|
181 -------------------------------------------------------------- */ |
|
182 |
|
183 /* Minimum width of 600 pixels. */ |
|
184 @media screen and (min-width: 600px) { |
|
185 .site-content, |
|
186 .template-front-page.has-post-thumbnail article { |
|
187 float: right; |
|
188 } |
|
189 .widget-area, |
|
190 .entry-page-image { |
|
191 float: left; |
|
192 } |
|
193 .site-header h1, |
|
194 .site-header h2 { |
|
195 text-align: right; |
|
196 } |
|
197 .template-front-page .widget-area .widget_text img { |
|
198 float: right; |
|
199 margin: 8px 0 8px 24px; |
|
200 } |
|
201 .template-front-page .widget-area .widget, |
|
202 .template-front-page.two-sidebars .widget-area .front-widgets { |
|
203 float: right; |
|
204 } |
|
205 .template-front-page .widget-area .widget:nth-child(odd) { |
|
206 clear: left; |
|
207 } |
|
208 .template-front-page .widget-area .widget:nth-child(even), |
|
209 .template-front-page.two-sidebars .widget-area .front-widgets + .front-widgets { |
|
210 float: left; |
|
211 margin: 0 24px 0; |
|
212 margin: 0 1.714285714rem 0; |
|
213 } |
|
214 .main-navigation ul.nav-menu, |
|
215 .main-navigation div.nav-menu > ul { |
|
216 text-align: right; |
|
217 } |
|
218 .main-navigation li { |
|
219 margin-left: 40px; |
|
220 margin-left: 2.857142857rem; |
|
221 margin-right: auto; |
|
222 } |
|
223 .main-navigation li ul ul { |
|
224 margin-right: 0; |
|
225 right: 100%; |
|
226 left: auto; |
|
227 } |
|
228 .main-navigation ul li:hover > ul { |
|
229 border-right: 0; |
|
230 border-left: none; |
|
231 } |
|
232 .commentlist .children { |
|
233 margin-right: 48px; |
|
234 margin-right: 3.428571429rem; |
|
235 margin-left: auto; |
|
236 } |
|
237 } |