|
1 :root{ |
|
2 --wp-admin-theme-color:#007cba; |
|
3 --wp-admin-theme-color--rgb:0, 124, 186; |
|
4 --wp-admin-theme-color-darker-10:#006ba1; |
|
5 --wp-admin-theme-color-darker-10--rgb:0, 107, 161; |
|
6 --wp-admin-theme-color-darker-20:#005a87; |
|
7 --wp-admin-theme-color-darker-20--rgb:0, 90, 135; |
|
8 --wp-admin-border-width-focus:2px; |
|
9 --wp-block-synced-color:#7a00df; |
|
10 --wp-block-synced-color--rgb:122, 0, 223; |
|
11 --wp-bound-block-color:var(--wp-block-synced-color); |
|
12 } |
|
13 @media (min-resolution:192dpi){ |
|
14 :root{ |
|
15 --wp-admin-border-width-focus:1.5px; |
|
16 } |
|
17 } |
|
18 |
|
19 .preference-base-option+.preference-base-option{ |
|
20 margin-top:16px; |
|
21 } |
|
22 .preference-base-option .components-base-control__help{ |
|
23 margin-left:48px; |
|
24 margin-top:0; |
|
25 } |
|
26 |
|
27 @media (min-width:600px){ |
|
28 .preferences-modal{ |
|
29 height:calc(100% - 120px); |
|
30 width:calc(100% - 32px); |
|
31 } |
|
32 } |
|
33 @media (min-width:782px){ |
|
34 .preferences-modal{ |
|
35 width:750px; |
|
36 } |
|
37 } |
|
38 @media (min-width:960px){ |
|
39 .preferences-modal{ |
|
40 height:70%; |
|
41 } |
|
42 } |
|
43 @media (max-width:781px){ |
|
44 .preferences-modal .components-modal__content{ |
|
45 padding:0; |
|
46 } |
|
47 } |
|
48 |
|
49 .preferences__tabs-tablist{ |
|
50 left:16px; |
|
51 position:absolute !important; |
|
52 top:84px; |
|
53 width:160px; |
|
54 } |
|
55 .preferences__tabs-tablist:after{ |
|
56 content:none !important; |
|
57 } |
|
58 |
|
59 .preferences__tabs-tab{ |
|
60 border-radius:2px; |
|
61 font-weight:400; |
|
62 } |
|
63 .preferences__tabs-tab[aria-selected=true]{ |
|
64 background:#f0f0f0; |
|
65 box-shadow:none; |
|
66 font-weight:500; |
|
67 } |
|
68 .preferences__tabs-tab[role=tab]:focus:not(:disabled){ |
|
69 box-shadow:inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); |
|
70 outline:2px solid #0000; |
|
71 } |
|
72 .preferences__tabs-tab:focus-visible:before{ |
|
73 content:none; |
|
74 } |
|
75 |
|
76 .preferences__tabs-tabpanel{ |
|
77 margin-left:160px; |
|
78 padding-left:24px; |
|
79 } |
|
80 |
|
81 @media (max-width:781px){ |
|
82 .preferences__provider{ |
|
83 height:100%; |
|
84 } |
|
85 } |
|
86 .preferences-modal__section{ |
|
87 margin:0 0 2.5rem; |
|
88 } |
|
89 .preferences-modal__section:last-child{ |
|
90 margin:0; |
|
91 } |
|
92 |
|
93 .preferences-modal__section-legend{ |
|
94 margin-bottom:8px; |
|
95 } |
|
96 |
|
97 .preferences-modal__section-title{ |
|
98 font-size:.9rem; |
|
99 font-weight:600; |
|
100 margin-top:0; |
|
101 } |
|
102 |
|
103 .preferences-modal__section-description{ |
|
104 color:#757575; |
|
105 font-size:12px; |
|
106 font-style:normal; |
|
107 margin:-8px 0 8px; |
|
108 } |
|
109 |
|
110 .preferences-modal__section:has(.preferences-modal__section-content:empty){ |
|
111 display:none; |
|
112 } |