~canonical-sysadmins/wordpress/4.7.2

« back to all changes in this revision

Viewing changes to wp-content/themes/twentytwelve/rtl.css

  • Committer: Jacek Nykis
  • Date: 2015-01-05 16:17:05 UTC
  • Revision ID: jacek.nykis@canonical.com-20150105161705-w544l1h5mcg7u4w9
Initial commit

Show diffs side-by-side

added added

removed removed

Lines of Context:
 
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 .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
}
 
 
b'\\ No newline at end of file'