PluginProbe
WPSSO Core – Complete Schema Markup and Meta Tags / 22.7.0
WPSSO Core – Complete Schema Markup and Meta Tags v22.7.0
22.7.0 22.6.1 22.6.0 22.5.3 22.5.2 22.5.1 22.4.0 22.3.0 22.2.1 22.2.0 22.1.3 22.1.2 22.1.1 22.1.0 22.0.0 21.13.3 21.13.2 trunk 21.13.1
wpsso / css / com / metabox-tabs.css

metabox-tabs.css in WPSSO Core – Complete Schema Markup and Meta Tags 22.7.0, at css/com/metabox-tabs.css

535 lines 15.0 KB
No matching file
Up and down to move Enter to open Esc to close
Raw Download Zip
1
2 /*
3 * Prevent Firefox from outlining links.
4 */
5 a.sucom-tablink
6 a.sucom-tablink:active,
7 a.sucom-tablink:focus {
8 -webkit-box-shadow:none;
9 -moz-box-shadow:none;
10 box-shadow:none;
11 }
12
13 .inside .hidden_opts_msg {
14 color:#999;
15 font-size:0.9em;
16 font-weight:400;
17 line-height:1em;
18 padding:10px;
19 text-align:center;
20 border-top:1px solid #eee;
21 background-color:#fafafa;
22 -webkit-box-sizing:border-box;
23 -moz-box-sizing:border-box;
24 box-sizing:border-box;
25 }
26
27 div.inside > div.sucom-no_tabset {
28 overflow:auto;
29 min-height:245px;
30 margin-top:-1px;
31 border-top:1px solid #c3c4c7;
32 }
33
34 div.inside > div.sucom-no_tabset.metabox-info, /* A non-tabbed metabox above another tabbed metabox. */
35 div.inside > div.sucom-no_tabset.metabox-rrssb_share,
36 div.inside > div.sucom-no_tabset.metabox-tie-wp-general {
37 min-height:0;
38 }
39
40 .sucom-tabset,
41 .sucom-tabset-msg {
42 display:none;
43 }
44
45 .sucom-tabset.active {
46 display:block;
47 overflow:auto;
48 background-color:#fff;
49 }
50
51 .sucom-tabset-msg.active {
52 display:block;
53 }
54
55 /*
56 * Tabs - default horizontal layout.
57 */
58 div.sucom-metabox-tabs {
59 overflow:auto;
60 margin-top:-1px;
61 border-top:1px solid #eee;
62 }
63
64 ul.sucom-metabox-tabs,
65 ul.sucom-metabox-tabs.horizontal {
66 display:none;
67 white-space:nowrap; /* Prevent inline-blocks from wrapping. */
68 list-style:none;
69 margin:12px 0 0 0;
70 padding:0;
71 border-bottom:1px solid #eee;
72 }
73
74 ul.sucom-metabox-tabs li,
75 ul.sucom-metabox-tabs.horizontal li {
76 display:inline-block;
77 vertical-align:top;
78 white-space:nowrap;
79 overflow:hidden;
80 margin:0 0 -1px 0;
81 padding:0;
82 border-top:1px solid #eee;
83 border-left:1px solid #eee;
84 border-right:1px solid #eee;
85 border-bottom:1px solid #eee;
86 background-color:#fafafa;
87 min-height:40px;
88 }
89
90 ul.sucom-metabox-tabs li.tab_space,
91 ul.sucom-metabox-tabs.horizontal li.tab_space {
92 width:8px;
93 border-top:1px solid transparent;
94 border-left:1px solid transparent;
95 border-right:1px solid transparent;
96 border-bottom:1px solid transparent;
97 background-color:transparent;
98 }
99
100 ul.sucom-metabox-tabs li.tab_space.start_tabs,
101 ul.sucom-metabox-tabs.horizontal li.tab_space.start_tabs,
102 ul.sucom-metabox-tabs li.tab_space.end_tabs,
103 ul.sucom-metabox-tabs.horizontal li.tab_space.end_tabs {
104 width:12px;
105 }
106
107 ul.sucom-metabox-tabs li.active,
108 ul.sucom-metabox-tabs.horizontal li.active {
109 border-top:1px solid #eee;
110 border-left:1px solid #eee;
111 border-right:1px solid #eee;
112 border-bottom:1px solid #fff;
113 background-color:#fff;
114 }
115
116 ul.sucom-metabox-tabs li a,
117 ul.sucom-metabox-tabs.horizontal li a {
118 outline:none;
119 display:inline-block;
120 padding:12px 14px;
121 text-decoration:none;
122 }
123
124 ul.sucom-metabox-tabs li a.sucom-tablink-text,
125 ul.sucom-metabox-tabs.horizontal li a.sucom-tablink-text {
126 padding-left:0;
127 }
128
129 ul.sucom-metabox-tabs li.active a {
130 color:#555;
131 }
132
133 ul.sucom-metabox-tabs li a.nav-tab-active {
134 color:inherit;
135 background:inherit;
136 border-bottom:inherit;
137 margin-bottom:inherit;
138 -webkit-box-shadow:none;
139 -moz-box-shadow:none;
140 box-shadow:none;
141 }
142
143 /*
144 * Tabs - vertical layout.
145 */
146 ul.sucom-metabox-tabs.vertical {
147 float:left;
148 display:block;
149 width:20%;
150 min-width:180px;
151 max-width:200px;
152 margin:0;
153 padding:0;
154 border:none;
155 background-color:#fafafa;
156 height:100%;
157 }
158
159 body.rtl ul.sucom-metabox-tabs.vertical {
160 float:right;
161 }
162
163 ul.sucom-metabox-tabs.vertical li {
164 display:flex;
165 margin:0;
166 padding:0;
167 border:none;
168 border-top:1px solid #eee;
169 }
170
171 ul.sucom-metabox-tabs.vertical li.first_tab {
172 border-top:none;
173 }
174
175 ul.sucom-metabox-tabs.vertical li.tab_space {
176 display:none;
177 }
178
179 ul.sucom-metabox-tabs.vertical li.active {
180 background-color:#eee;
181 }
182
183 ul.sucom-metabox-tabs.vertical li a {
184 padding:14px 16px;
185 }
186
187 ul.sucom-metabox-tabs.vertical li a.sucom-tablink-text {
188 padding-left:0;
189 }
190
191 ul.sucom-metabox-tabs.vertical li a.sucom-tablink-text {
192 width:100%; /* Takes the remaining width of the flex parent. */
193 }
194
195 div.sucom-metabox-tabs.vertical {
196 background-color:#fafafa;
197 }
198
199 div.sucom-metabox-tabs.vertical div.sucom-tabset {
200 border-left:1px solid #eee;
201 background-color:#fff;
202 }
203
204 .inside div.sucom-metabox-tabs.vertical div.hidden_opts_msg {
205 float:left;
206 width:100%;
207 }
208
209 h3.sucom-metabox-tab_title {
210 display:none; /* Hidden by default. */
211 color:#555; /* Match the active tab color. */
212 text-align:center;
213 font-weight:400;
214 line-height:1em;
215 padding:14px;
216 margin:0;
217 border-bottom:1px solid #eee;
218 }
219
220 /*
221 * Tab icons.
222 *
223 * See http://fontello.com.
224 */
225 .sucom-tablink-icon::before { /* Default tab. */
226 display:inline-block;
227 text-align:center;
228 content:"\f1de"; /* .icon-sliders */
229 font-family:"WpssoIcons";
230 width:1em;
231 }
232
233 .sucom-tablink-icon.sucom-tablink-href_body_section::before { /* SSO > Strip Microdata > Strip Schema Microdata > Body Section tab. */
234 content:"\e815"; /* .icon-download-bar */
235 }
236
237 .sucom-tablink-icon.sucom-tablink-href_content::before { /* SSO > General Settings > General Settings > Titles / Descriptions tab. */
238 content:"\e809"; /* .icon-edit */
239 }
240
241 .sucom-tablink-icon.sucom-tablink-href_custom_fields::before { /* SSO > Advanced Settings > Attributes and Metadata > Custom Fields tab. */
242 content:"\e80c"; /* .icon-key */
243 }
244
245 .sucom-tablink-icon.sucom-tablink-href_custom_cm::before { /* SSO > Advanced Settings > Contact Fields > Custom Contacts tab. */
246 content:"\f2c3"; /* .icon-id-card-o */
247 }
248
249 .sucom-tablink-icon.sucom-tablink-href_default_cm::before { /* SSO > Advanced Settings > Contact Fields > Default Contacts tab. */
250 content:"\f2c2"; /* .icon-id-card */
251 }
252
253 .sucom-tablink-icon.sucom-tablink-href_default_text::before { /* SSO > Advanced Settings > Plugin Settings > Default Text tab. */
254 content:"\e809"; /* .icon-edit */
255 }
256
257 .sucom-tablink-icon.sucom-tablink-href_edit_general::before { /* Document SSO > Edit General tab. */
258 content:"\e809"; /* .icon-edit */
259 }
260
261 .sucom-tablink-icon.sucom-tablink-href_edit_schema::before { /* Document SSO > Edit Schema tab. */
262 content:"\f121"; /* .icon-code */
263 }
264
265 .sucom-tablink-icon.sucom-tablink-href_edit_media::before { /* Document SSO > Edit Media tab. */
266 content:"\e808"; /* .icon-picture */
267 }
268
269 .sucom-tablink-icon.sucom-tablink-href_edit_appmeta::before { /* Document SSO > Edit Mobile Apps tab. */
270 content:"\e82f"; /* .icon-mobile */
271 }
272
273 .sucom-tablink-icon.sucom-tablink-href_edit_share::before { /* Document SSO > Edit Share Buttons tab. */
274 content:"\e807"; /* .icon-export */
275 }
276
277 .sucom-tablink-icon.sucom-tablink-href_edit_visibility::before { /* Document SSO > Edit Visibility tab. */
278 content:"\e805"; /* .icon-eye */
279 }
280
281 .sucom-tablink-icon.sucom-tablink-href_facebook::before { /* SSO > General Settings > Social and Search Sites > Facebook tab. */
282 content:"\f308"; /* .icon-facebook-squared */
283 }
284
285 .sucom-tablink-icon.sucom-tablink-href_filters::before { /* Version Filters tab. */
286 content:"\f0b0"; /* .icon-filter */
287 }
288
289 .sucom-tablink-icon.sucom-tablink-href_google::before { /* SSO > General Settings > Social and Search Sites > Google tab. */
290 content:"\f1a0"; /* .icon-google */
291 }
292
293 .sucom-tablink-icon.sucom-tablink-href_head_section::before { /* SSO > Strip Microdata > Strip Schema Microdata > Head Section tab. */
294 content:"\e814"; /* .icon-upload-bar */
295 }
296
297 .sucom-tablink-icon.sucom-tablink-href_image_sizes::before { /* SSO > Advanced Settings > Plugin Settings > Image Sizes tab. */
298 content:"\e82d"; /* .icon-resize-full */
299 }
300
301 .sucom-tablink-icon.sucom-tablink-href_images::before { /* SSO > General Settings > General Settings > Images tab. */
302 content:"\e808"; /* .icon-picture */
303 }
304
305 .sucom-tablink-icon.sucom-tablink-href_imagick::before { /* ImageMagick tab. */
306 content:"\f0d0"; /* .icon-magic */
307 }
308
309 .sucom-tablink-icon.sucom-tablink-href_integration::before { /* SSO > Advanced Settings > Plugin Settings > Integration tab. */
310 content:"\f1e6"; /* .icon-plug-o */
311 }
312
313 .sucom-tablink-icon.sucom-tablink-href_interface::before { /* SSO > Advanced Settings > Plugin Settings > Interface tab. */
314 content:"\f108"; /* .icon-desktop */
315 }
316
317 .sucom-tablink-icon.sucom-tablink-href_itunes::before { /* Apple Store App tab. */
318 content:"\f179"; /* .icon-apple */
319 }
320
321 .sucom-tablink-icon.sucom-tablink-href_knowledge_graph::before { /* Knowledge Graph tab. */
322 content:"\f1a0"; /* .icon-google */
323 }
324
325 .sucom-tablink-icon.sucom-tablink-href_media::before { /* SSO > Advanced Settings > Service APIs > Media Services tab. */
326 content:"\e808"; /* .icon-picture */
327 }
328
329 .sucom-tablink-icon.sucom-tablink-href_og_types::before { /* SSO > Advanced Settings > Document Types > Open Graph Types tab. */
330 content:"\f1e1"; /* .icon-share-squared */
331 }
332
333 .sucom-tablink-icon.sucom-tablink-href_open_graph::before { /* SSO > Advanced Settings > HTML Tags > Open Graph tab. */
334 content:"\f1e1"; /* .icon-share-squared */
335 }
336
337 .sucom-tablink-icon.sucom-tablink-href_other::before { /* SSO > Organizations > Other Organizations tab. */
338 content:"\f0f7"; /* .icon-building */
339 }
340
341 .sucom-tablink-icon.sucom-tablink-href_other_sites::before { /* SSO > General Settings > Social and Search Sites > Other Sites tab. */
342 content:"\e81c"; /* .icon-robot-5 */
343 }
344
345 .sucom-tablink-icon.sucom-tablink-href_pinterest::before { /* SSO > General Settings > Social and Search Sites > Pinterest tab. */
346 content:"\f0d3"; /* .icon-pinterest-squared */
347 }
348
349 .sucom-tablink-icon.sucom-tablink-href_prev_oembed::before { /* Document SSO > Preview oEmbed tab. */
350 content:"\f2c3"; /* .icon-id-card-o */
351 }
352
353 .sucom-tablink-icon.sucom-tablink-href_prev_social::before { /* Document SSO > Preview Social tab. */
354 content:"\f1e0"; /* .icon-share */
355 }
356
357 .sucom-tablink-icon.sucom-tablink-href_product_attrs::before { /* SSO > Advanced Settings > Attributes and Metadata > Product Attributes tab. */
358 content:"\e80f"; /* .icon-barcode */
359 }
360
361 .sucom-tablink-icon.sucom-tablink-href_ratings_reviews::before { /* SSO > Advanced Settings > Service APIs > Ratings and Reviews tab. */
362 content:"\f123"; /* .icon-star-half-alt */
363 }
364
365 .sucom-tablink-icon.sucom-tablink-href_schema::before { /* SSO > Advanced Settings > HTML Tags > Schema tab. */
366 content:"\f121"; /* .icon-code */
367 }
368
369 .sucom-tablink-icon.sucom-tablink-href_schema_types::before { /* SSO > Advanced Settings > Document Types > Schema Types tab. */
370 content:"\f121"; /* .icon-code */
371 }
372
373 .sucom-tablink-icon.sucom-tablink-href_seo_other::before { /* SSO > Advanced Settings > HTML Tags > SEO / Other tab. */
374 content:"\e81c"; /* .icon-robot-5 */
375 }
376
377 .sucom-tablink-icon.sucom-tablink-href_addon-settings::before, /* SSO > FAQ Settings > Add-on Settings tab. */
378 .sucom-tablink-icon.sucom-tablink-href_settings::before { /* SSO > Advanced Settings > Plugin Settings > Plugin Admin tab. */
379 content:"\e80e"; /* .icon-cog-alt */
380 }
381
382 .sucom-tablink-icon.sucom-tablink-href_shortcode-defaults::before { /* SSO > FAQ Settings > Frequently Asked Questions > Shortcode Defaults tab. */
383 content:"\f12e"; /* .icon-puzzle */
384 }
385
386 .sucom-tablink-icon.sucom-tablink-href_shortening::before { /* SSO > Advanced Settings > Service APIs > Shortening Services tab. */
387 content:"\e82c"; /* .icon-link */
388 }
389
390 .sucom-tablink-icon.sucom-tablink-href_site::before { /* SSO > General Settings > General Settings > Site Information tab. */
391 content:"\e803"; /* .icon-home */
392 }
393
394 .sucom-tablink-icon.sucom-tablink-href_loc_defs::before { /* SSO > General Settings > General Settings > Location Defaults tab. */
395 content:"\e835"; /* .icon-globe-alt */
396 }
397
398 .sucom-tablink-icon.sucom-tablink-href_twitter::before { /* SSO > General Settings > Social and Search Sites > X (Twitter) tab. */
399 content:"\f304"; /* .icon-twitter-squared */
400 }
401
402 .sucom-tablink-icon.sucom-tablink-href_validators::before { /* Document SSO > Validators tab. */
403 content:"\e81e"; /* .icon-robot-4 */
404 }
405
406 .sucom-tablink-icon.sucom-tablink-href_videos::before { /* SSO > General Settings > General Settings > Videos tab. */
407 content:"\e800"; /* .icon-videocam */
408 }
409
410 .sucom-tablink-icon.sucom-tablink-href_article::before { /* SSO > Advanced Settings > Schema Defaults > Article tab. */
411 content:"\f1ea"; /* .icon-newspaper */
412 }
413
414 .sucom-tablink-icon.sucom-tablink-href_book::before { /* SSO > Advanced Settings > Schema Defaults > Book tab. */
415 content:"\e830"; /* .icon-book */
416 }
417
418 .sucom-tablink-icon.sucom-tablink-href_creative_work::before { /* SSO > Advanced Settings > Schema Defaults > Creative Work tab. */
419 content:"\f1fc"; /* .icon-brush */
420 }
421
422 .sucom-tablink-icon.sucom-tablink-href_event::before { /* SSO > Advanced Settings > Schema Defaults > Event tab. */
423 content:"\f145"; /* .icon-ticket */
424 }
425
426 .sucom-tablink-icon.sucom-tablink-href_job_posting::before { /* SSO > Advanced Settings > Schema Defaults > Job Posting tab. */
427 content:"\e831"; /* .icon-pin */
428 }
429
430 .sucom-tablink-icon.sucom-tablink-href_organization::before { /* SSO > Advanced Settings > Schema Defaults > Organization tab. */
431 content:"\f0f7"; /* .icon-building */
432 }
433
434 .sucom-tablink-icon.sucom-tablink-href_place::before { /* SSO > Advanced Settings > Schema Defaults > Place tab. */
435 content:"\e806"; /* .icon-location */
436 }
437
438 .sucom-tablink-icon.sucom-tablink-href_product::before { /* SSO > Advanced Settings > Schema Defaults > Product tab. */
439 content:"\e832"; /* .icon-tag */
440 }
441
442 .sucom-tablink-icon.sucom-tablink-href_profile_page::before { /* SSO > Advanced Settings > Schema Defaults > Profile Page tab. */
443 content:"\e837"; /* .icon-adult */
444 }
445
446 .sucom-tablink-icon.sucom-tablink-href_review::before { /* SSO > Advanced Settings > Schema Defaults > Review tab. */
447 content:"\e818"; /* .icon-comment */
448 }
449
450 .sucom-tablink-icon.sucom-tablink-href_service::before { /* SSO > Advanced Settings > Schema Defaults > Service tab. */
451 content:"\e813"; /* .icon-thumbs-up */
452 }
453
454 .sucom-tablink.sucom-tablink_rrssb_styles.sucom-tablink-icon::before { /* SSO > Responsive Styles > Social Sharing Styles tabs. */
455 content:"\e816"; /* .icon-css */
456 }
457
458 /*
459 * WooCommerce changes their tabs to icons at 900px.
460 * WordPress collapses the admin menu at 960px.
461 * WordPress changes to larger icons at 782px.
462 *
463 * WPSSO uses @media max-width values of 1330px, 1200px, 960px, 782px, and 600px.
464 */
465 @media screen and ( max-width:1200px ) {
466
467 #wpsso_sso ul.sucom-metabox-tabs.vertical {
468 width:auto; /* Default is 20%. */
469 min-width:auto; /* Default is 150px. */
470 }
471
472 #wpsso_sso ul.sucom-metabox-tabs.vertical li a {
473 padding:14px;
474 }
475
476 #wpsso_sso ul.sucom-metabox-tabs.vertical li a.sucom-tablink-text { /* Document SSO metabox. */
477 display:none;
478 }
479
480 #wpsso_sso .sucom-tablink-icon::before {
481 font-size:14px;
482 min-width:14px;
483 line-height:14px;
484 }
485
486 #wpsso_sso h3.sucom-metabox-tab_title {
487 display:block;
488 font-size:14px;
489 line-height:14px;
490 }
491 }
492
493 @media screen and ( max-width:960px ) {
494
495 ul.sucom-metabox-tabs.vertical {
496 width:auto; /* Default is 20%. */
497 min-width:auto; /* Default is 150px. */
498 }
499
500 ul.sucom-metabox-tabs li a.sucom-tablink-text {
501 display:none;
502 }
503
504 .sucom-tablink-icon::before,
505 #wpsso_sso .sucom-tablink-icon::before {
506 font-size:16px;
507 min-width:16px;
508 line-height:16px;
509 }
510
511 h3.sucom-metabox-tab_title,
512 #wpsso_sso h3.sucom-metabox-tab_title {
513 display:block;
514 font-size:16px;
515 line-height:16px;
516 }
517 }
518
519 @media screen and ( max-width:782px ) {
520
521 .sucom-tablink-icon::before,
522 #wpsso_sso#wpsso_sso .sucom-tablink-icon::before {
523 font-size:22px;
524 min-width:22px;
525 line-height:22px;
526 }
527
528 h3.sucom-metabox-tab_title,
529 #wpsso_sso h3.sucom-metabox-tab_title {
530 font-size:22px;
531 line-height:22px;
532 }
533 }
534
535