PluginProbe
Polylang / 2.2.6
Polylang v2.2.6
3.8.9 3.8.8 3.8.7 3.8.6 3.8.5 3.8.4 3.8.3 2.7 2.7.0.1 2.7.1 2.7.2 2.7.3 2.7.4 2.8 2.8.1 2.8.2 2.8.3 2.8.4 2.9 2.9.1 2.9.2 3.0 3.0.1 3.0.2 3.0.3 All 233 releases
polylang / css / admin.css

admin.css in Polylang 2.2.6, at css/admin.css

401 lines 6.5 KB
No matching file
Up and down to move Enter to open Esc to close
Raw Download Zip
1 /* languages admin panel */
2 #add-lang select {
3 width: 95%;
4 }
5
6 .column-locale,
7 .languages .column-slug {
8 width : 15%
9 }
10
11 .column-default_lang {
12 width : 5%;
13 }
14
15 .column-term_group,
16 .column-flag, .column-count {
17 width : 10%;
18 }
19
20 .icon-default-lang:before {
21 font-family: 'dashicons';
22 content: "\f155";
23 }
24
25 .form-field input[type="radio"] {
26 width: auto;
27 margin-right: 2px;
28 }
29
30 /* about Polylang metabox */
31 #pll-about-box p,
32 #pll-recommended p {
33 text-align: justify;
34 }
35
36 #pll-about-box input {
37 margin: 0;
38 padding: 0;
39 float: right;
40 }
41
42 /* strings translation table */
43 .stringstranslations .column-name,
44 .stringstranslations .column-context {
45 width: 10%;
46 }
47
48 .stringstranslations .column-string {
49 width: 33%;
50 }
51
52 .translation label {
53 display: inline-block;
54 width: 23%;
55 vertical-align: top;
56 }
57
58 .translation input,
59 .translation textarea {
60 width: 72%;
61 }
62
63 /* settings */
64 .pll-settings {
65 margin-top: 20px;
66 }
67
68 .pll-settings .plugin-title {
69 width: 25%;
70 }
71
72 #wpbody-content .pll-settings .pll-configure tr {
73 display: table-row;
74 }
75
76 #wpbody-content .pll-settings .pll-configure td {
77 display: table-cell;
78 }
79
80 #wpbody-content .pll-settings .pll-configure > td {
81 padding: 20px 20px 20px 40px;
82 }
83
84 .pll-configure legend {
85 font-size: 14px;
86 font-weight: 600;
87 margin-bottom: 0.5em;
88 }
89
90 .pll-configure td .description {
91 margin-top: 2px;
92 margin-bottom: 0.5em;
93 }
94
95 .pll-configure p.submit {
96 margin-top: 20px;
97 }
98
99 .pll-configure .button {
100 margin-right: 20px;
101 }
102
103 .pll-configure fieldset {
104 margin-bottom: 1.5em;
105 }
106
107 .pll-inline-block-list {
108 margin: 0;
109 }
110
111 .pll-inline-block-list li {
112 display: inline-block;
113 margin: 0;
114 width: 250px;
115 }
116
117 /* settings URL modifications */
118 #pll-domains-table td {
119 padding: 2px 2px 2px 1.5em;
120 -webkit-box-shadow: none;
121 box-shadow: none;
122 border: none;
123 }
124
125 .pll-settings-url-col {
126 display: inline-block;
127 width: 49%;
128 vertical-align: top;
129 }
130
131 /* settings Activation keys */
132 #pll-licenses-table td {
133 vertical-align: top;
134 }
135
136 #pll-licenses-table label {
137 font-size: 1em;
138 font-weight: 600;
139 }
140
141 .pll-configure .pll-deactivate-license {
142 margin: 0 0 0 20px;
143 }
144
145 /* language columns in edit.php and edit-tags.php */
146 th[class*='column-language_'],
147 td[class*='column-language_'] {
148 width: 1.5em;
149 }
150
151 /* Text direction in post.php and edit-tags.php */
152 .pll-dir-rtl textarea,
153 .pll-dir-rtl input[type="text"] {
154 direction: rtl;
155 }
156
157 .pll-dir-ltr textarea,
158 .pll-dir-ltr input[type="text"] {
159 direction: ltr;
160 }
161
162 .pll-dir-ltr .tr_lang,
163 .pll-dir-rtl .tr_lang {
164 direction: inherit;
165 }
166
167 /* languages metabox in post.php */
168 #post-translations p {
169 float: left;
170 }
171
172 #post-translations table {
173 table-layout: fixed;
174 width: 100%;
175 clear: both;
176 }
177
178 #post-translations a {
179 text-decoration: none;
180 }
181
182 #post-translations .pll-language-column,
183 #post-translations .pll-column-icon {
184 width: 20px;
185 }
186
187 #post-translations .tr_lang {
188 width: 100%;
189 }
190
191 #post-translations td {
192 padding: 2px;
193 }
194
195 #post-translations .spinner,
196 #term-translations .spinner {
197 float: none;
198 margin: 0;
199 background-position: center;
200 width: auto;
201 }
202
203 .pll-column-icon {
204 text-align: center;
205 }
206
207 #select-post-language .pll-select-flag {
208 padding: 4px;
209 margin-right: 32px;
210 }
211
212 /* specific cases for media */
213 #select-media-language .pll-select-flag {
214 padding: 4px;
215 margin-right: 10px;
216 }
217
218 .pll-media-edit-column {
219 float: right;
220 }
221
222 /* language and translations in edit-tags.php */
223 .pll-translation-flag { /* also for media */
224 margin-right: 14px;
225 }
226
227 #select-add-term-language .pll-select-flag {
228 padding: 11px;
229 margin-right: 13px;
230 }
231
232 #select-edit-term-language .pll-select-flag {
233 padding: 11px;
234 margin-right: 4px;
235 }
236
237 #term-translations p {
238 /* same style as label */
239 font-size: 12px;
240 font-style: normal;
241 padding: 2px;
242 color: #23282d;
243 }
244
245 #add-term-translations,
246 #edit-term-translations {
247 width: 95%;
248 }
249
250 #term-translations .pll-language-column {
251 line-height: 28px;
252 width: 20%;
253 }
254
255 #term-translations .pll-edit-column,
256 #add-term-translations .pll-language-column {
257 width: 20px;
258 }
259
260 #edit-term-translations .pll-language-column {
261 padding: 15px 10px;
262 font-weight: normal;
263 }
264
265 /* icon fonts */
266 .pll_icon_tick:before {
267 content: "\f147";
268 }
269 .pll_icon_add:before {
270 content: "\f132";
271 }
272 .pll_icon_edit:before {
273 content: "\f464";
274 }
275
276 [class^="pll_icon_"] {
277 font: 20px/1 'dashicons';
278 vertical-align: middle;
279 }
280
281 /* admin bar */
282 #wpadminbar #wp-admin-bar-languages .ab-item img {
283 margin: 0 8px 0 2px;
284 }
285
286 #wpadminbar #wp-admin-bar-languages #wp-admin-bar-all .ab-item .ab-icon {
287 float: none;
288 top: 4px;
289 }
290
291 #wpadminbar #wp-admin-bar-languages .ab-icon:before {
292 content: "\f326";
293 top: 1px;
294 }
295
296 @media screen and ( max-width: 782px ) {
297 /* settings */
298 #wpbody-content .pll-settings .pll-configure > td {
299 padding: 20px;
300 }
301
302 #wpbody-content .pll-settings #cb {
303 padding: 20px 9px;
304 }
305
306 /* settings URL modifications */
307 .pll-inline-block {
308 width: auto;
309 }
310
311 .pll-settings-url-col {
312 display: block;
313 width: 100%;
314 }
315
316 /* settings licenses */
317 #wpbody-content .pll-settings #pll-licenses-table td {
318 display: block;
319 }
320
321 .pll-configure .pll-deactivate-license {
322 margin: 10px 0 5px;
323 }
324
325 /* strings translations table */
326 .stringstranslations .column-context,
327 .stringstranslations .column-name {
328 display: none; /* backward compatibility WP < 4.3 */
329 }
330
331 .translation label {
332 display: block;
333 width: 95%;
334 padding-left: 0;
335 }
336
337 .translation input {
338 width: 95%;
339 }
340
341 /* hide selected language flag and translations language name */
342 #select-add-term-language .pll-select-flag,
343 #select-edit-term-language .pll-select-flag,
344 #edit-term-translations .pll-language-name {
345 display: none;
346 }
347
348 #edit-term-translations {
349 width: 100%;
350 }
351
352 #add-term-translations .pll-language-column {
353 line-height: 38px;
354 }
355
356 #edit-term-translations td {
357 padding: 8px 10px;
358 }
359
360 #edit-term-translations .pll-language-column,
361 #edit-term-translations .pll-edit-column {
362 width: 20px;
363 }
364
365 /* translations tables should be kept as table */
366 .term-translations .pll-language-column,
367 .term-translations .pll-edit-column,
368 .term-translations .pll-translation-column {
369 display: table-cell;
370 }
371
372 .term-translations .hidden {
373 display: none;
374 }
375
376 /* admin bar */
377 #wpadminbar #wp-admin-bar-languages {
378 display: block; /*shows our menu on mobile devices */
379 }
380
381 #wpadminbar #wp-admin-bar-languages > .ab-item {
382 width: 50px;
383 text-align: center;
384 }
385
386 #wpadminbar #wp-admin-bar-languages > .ab-item .ab-icon:before {
387 font: 32px/1 'dashicons';
388 top: -1px;
389 }
390
391 #wpadminbar #wp-admin-bar-languages > .ab-item img {
392 margin: 19px 0;
393 }
394
395 #wpadminbar #wp-admin-bar-languages #wp-admin-bar-all .ab-item .ab-icon {
396 margin-right: 6px;
397 font-size: 20px !important;
398 line-height: 20px !important;
399 }
400 }
401