PluginProbe
Polylang / 2.3.10
Polylang v2.3.10
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.3.10, at css/admin.css

413 lines 6.6 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
270 .pll_icon_add:before {
271 content: "\f132";
272 }
273
274 .pll_icon_edit:before {
275 content: "\f464";
276 }
277
278 [class^="pll_icon_"] {
279 font: 20px/1 'dashicons';
280 vertical-align: middle;
281 }
282
283 /* admin bar */
284 #wpadminbar #wp-admin-bar-languages .ab-item img {
285 margin: 0 8px 0 2px;
286 }
287
288 #wpadminbar #wp-admin-bar-languages #wp-admin-bar-all .ab-item .ab-icon {
289 float: none;
290 top: 4px;
291 }
292
293 #wpadminbar #wp-admin-bar-languages .ab-icon:before {
294 content: "\f326";
295 top: 1px;
296 }
297
298 /* Notices */
299 .pll-notice.notice {
300 padding-right: 38px;
301 position: relative;
302 }
303
304 .pll-notice a.notice-dismiss {
305 text-decoration: none;
306 }
307
308 @media screen and ( max-width: 782px ) {
309 /* settings */
310 #wpbody-content .pll-settings .pll-configure > td {
311 padding: 20px;
312 }
313
314 #wpbody-content .pll-settings #cb {
315 padding: 20px 9px;
316 }
317
318 /* settings URL modifications */
319 .pll-inline-block {
320 width: auto;
321 }
322
323 .pll-settings-url-col {
324 display: block;
325 width: 100%;
326 }
327
328 /* settings licenses */
329 #wpbody-content .pll-settings #pll-licenses-table td {
330 display: block;
331 }
332
333 .pll-configure .pll-deactivate-license {
334 margin: 10px 0 5px;
335 }
336
337 /* strings translations table */
338 .stringstranslations .column-context,
339 .stringstranslations .column-name {
340 display: none; /* backward compatibility WP < 4.3 */
341 }
342
343 .translation label {
344 display: block;
345 width: 95%;
346 padding-left: 0;
347 }
348
349 .translation input {
350 width: 95%;
351 }
352
353 /* hide selected language flag and translations language name */
354 #select-add-term-language .pll-select-flag,
355 #select-edit-term-language .pll-select-flag,
356 #edit-term-translations .pll-language-name {
357 display: none;
358 }
359
360 #edit-term-translations {
361 width: 100%;
362 }
363
364 #add-term-translations .pll-language-column {
365 line-height: 38px;
366 }
367
368 #edit-term-translations td {
369 padding: 8px 10px;
370 }
371
372 #edit-term-translations .pll-language-column,
373 #edit-term-translations .pll-edit-column {
374 width: 20px;
375 }
376
377 /* translations tables should be kept as table */
378 .term-translations .pll-language-column,
379 .term-translations .pll-edit-column,
380 .term-translations .pll-translation-column {
381 display: table-cell;
382 }
383
384 .term-translations .hidden {
385 display: none;
386 }
387
388 /* admin bar */
389 #wpadminbar #wp-admin-bar-languages {
390 display: block; /*shows our menu on mobile devices */
391 }
392
393 #wpadminbar #wp-admin-bar-languages > .ab-item {
394 width: 50px;
395 text-align: center;
396 }
397
398 #wpadminbar #wp-admin-bar-languages > .ab-item .ab-icon:before {
399 font: 32px/1 'dashicons';
400 top: -1px;
401 }
402
403 #wpadminbar #wp-admin-bar-languages > .ab-item img {
404 margin: 19px 0;
405 }
406
407 #wpadminbar #wp-admin-bar-languages #wp-admin-bar-all .ab-item .ab-icon {
408 margin-right: 6px;
409 font-size: 20px !important;
410 line-height: 20px !important;
411 }
412 }
413