1 /* |
1 /* |
2 * bwsicons fonts |
2 * bwsicons fonts |
3 */ |
3 */ |
4 @font-face { |
4 @font-face { |
5 font-family: 'bwsicons'; |
5 font-family: 'bwsicons'; |
6 src: url('../fonts/bwsicons.eot?edecf2'); |
6 src: url('../fonts/bwsicons.eot?edecf2'); |
7 src: url('../fonts/bwsicons.eot?edecf2#iefix') format('embedded-opentype'), |
7 src: url('../fonts/bwsicons.eot?edecf2#iefix') format('embedded-opentype'), |
8 url('../fonts/bwsicons.ttf?edecf2') format('truetype'), |
8 url('../fonts/bwsicons.ttf?edecf2') format('truetype'), |
9 url('../fonts/bwsicons.woff?edecf2') format('woff'), |
9 url('../fonts/bwsicons.woff?edecf2') format('woff'), |
10 url('../fonts/bwsicons.svg?edecf2#bwsicons') format('svg'); |
10 url('../fonts/bwsicons.svg?edecf2#bwsicons') format('svg'); |
11 font-weight: normal; |
11 font-weight: normal; |
12 font-style: normal; |
12 font-style: normal; |
13 } |
13 } |
14 .bwsicons { |
14 .bwsicons { |
15 /* use !important to prevent issues with browser extensions that change fonts */ |
15 /* use !important to prevent issues with browser extensions that change fonts */ |
16 font-family: 'bwsicons' !important; |
16 font-family: 'bwsicons' !important; |
17 speak: none; |
17 speak: none; |
18 font-style: normal; |
18 font-style: normal; |
19 font-weight: normal; |
19 font-weight: normal; |
20 font-variant: normal; |
20 font-variant: normal; |
21 text-transform: none; |
21 text-transform: none; |
22 line-height: 1; |
22 line-height: 1; |
23 -webkit-font-smoothing: antialiased; |
23 -webkit-font-smoothing: antialiased; |
24 -moz-osx-font-smoothing: grayscale; |
24 -moz-osx-font-smoothing: grayscale; |
25 } |
25 } |
26 .bwsicons-editor-code:before { |
26 .bwsicons-editor-code:before { |
27 content: "\e93a"; |
27 content: "\e93a"; |
28 } |
28 } |
29 .bwsicons-shortcode:before { |
29 .bwsicons-shortcode:before { |
30 content: "\e93b"; |
30 content: "\e93b"; |
31 } |
31 } |
32 .bwsicons-bws-logo:before { |
32 .bwsicons-bws-logo:before { |
33 content: "\e93c"; |
33 content: "\e93c"; |
34 } |
34 } |
35 |
35 |
|
36 .bws_tab .ui-accordion .ui-accordion-header.ui-state-active { |
|
37 color: inherit; |
|
38 } |
|
39 .bws_tab .ui-accordion .ui-state-active .ui-icon { |
|
40 background-color: #ccc; |
|
41 } |
36 /* |
42 /* |
37 * styles for bws_panel top level menu |
43 * styles for bws_panel top level menu |
38 */ |
44 */ |
39 #adminmenu #toplevel_page_bws_panel .wp-menu-image { |
45 #adminmenu #toplevel_page_bws_panel .wp-menu-image { |
40 font-family: 'bwsicons' !important; |
46 font-family: 'bwsicons' !important; |
41 } |
47 } |
42 #adminmenu #toplevel_page_bws_panel .wp-menu-image:before { |
48 #adminmenu #toplevel_page_bws_panel .wp-menu-image:before { |
43 content: "\e93c"; |
49 content: "\e93c"; |
44 font-family: 'bwsicons' !important; |
50 font-family: 'bwsicons' !important; |
45 } |
51 } |
46 #adminmenu #toplevel_page_bws_panel .wp-submenu li:nth-child(5) a { |
52 #adminmenu #toplevel_page_bws_panel .wp-submenu li:nth-child(5) a { |
47 border-top: 1px solid #444; |
53 border-top: 1px solid #444; |
48 padding-top: 12px; |
54 padding-top: 12px; |
49 margin-top: 6px; |
55 margin-top: 6px; |
50 } |
56 } |
51 /* general styles */ |
57 /* general styles */ |
52 .bws_info { |
58 .bws_info { |
53 color: #888; |
59 color: #888; |
54 font-size: 13px; |
60 font-size: 13px; |
55 font-style: italic; |
61 font-style: italic; |
56 } |
62 } |
57 div.bws_info { |
63 div.bws_info { |
58 margin-top: 7px; |
64 margin-top: 7px; |
59 word-break: break-all; |
65 word-break: break-all; |
60 } |
66 } |
61 .bws_info_small { |
67 .bws_info_small { |
62 font-size: 11px !important; |
68 font-size: 11px !important; |
63 } |
69 } |
64 body:not(.rtl) div.updated.bws-notice { |
70 body:not(.rtl) div.updated.bws-notice { |
65 border-left: 4px solid #ffba00; |
71 border-left: 4px solid #ffba00; |
66 } |
72 } |
67 .rtl div.updated.bws-notice { |
73 .rtl div.updated.bws-notice { |
68 border-right: 4px solid #ffba00; |
74 border-right: 4px solid #ffba00; |
69 } |
75 } |
70 /* |
76 /* |
71 * styles for rate-support div on the settings page |
77 * styles for rate-support div on the settings page |
72 */ |
78 */ |
73 .bws-plugin-reviews { |
79 .bws-plugin-reviews { |
74 background: none repeat scroll 0 0 #BEE1F1; |
80 background: none repeat scroll 0 0 #BEE1F1; |
75 border: 1px solid #70A8C2; |
81 border: 1px solid #70A8C2; |
76 border-radius: 3px; |
82 border-radius: 3px; |
77 } |
83 } |
78 .bws-plugin-reviews-rate, |
84 .bws-plugin-reviews-rate, |
79 .bws-plugin-reviews-support { |
85 .bws-plugin-reviews-support { |
80 border-right: 1px solid #70A8C2; |
86 border-right: 1px solid #70A8C2; |
81 } |
87 } |
82 .bws-plugin-reviews a { |
88 .bws-plugin-reviews a { |
83 text-decoration: none; |
89 text-decoration: none; |
84 } |
90 } |
85 .bws-plugin-reviews-rate .dashicons { |
91 .bws-plugin-reviews-rate .dashicons { |
86 font-size: 12px; |
92 font-size: 12px; |
87 height: 13px; |
93 height: 13px; |
88 width: 9px; |
94 width: 9px; |
89 vertical-align: middle; |
95 vertical-align: middle; |
90 } |
96 } |
91 .bws-plugin-reviews-rate, |
97 .bws-plugin-reviews-rate, |
92 .bws-plugin-reviews-support, |
98 .bws-plugin-reviews-support, |
93 .bws-plugin-reviews-donate { |
99 .bws-plugin-reviews-donate { |
94 padding: 10px; |
100 padding: 10px; |
95 display: block; |
101 display: block; |
96 } |
102 } |
97 |
|
98 @media screen and (min-width: 1600px) { |
103 @media screen and (min-width: 1600px) { |
99 .bws-plugin-reviews-rate, |
104 .bws-plugin-reviews-rate, |
100 .bws-plugin-reviews-support, |
105 .bws-plugin-reviews-support, |
101 .bws-plugin-reviews-donate { |
106 .bws-plugin-reviews-donate { |
102 display: inline-block; |
107 display: inline-block; |
103 width: 30%; |
108 width: 30%; |
104 } |
109 } |
105 } |
110 } |
106 @media screen and (max-width: 1600px) { |
111 @media screen and (max-width: 1600px) { |
107 .bws-plugin-reviews-rate, |
112 .bws-plugin-reviews-rate, |
108 .bws-plugin-reviews-support { |
113 .bws-plugin-reviews-support { |
109 border-bottom: 1px solid #70A8C2; |
114 border-bottom: 1px solid #70A8C2; |
110 border-right: none; |
115 border-right: none; |
111 } |
116 } |
112 } |
117 } |
113 /* |
118 /* |
114 * styles for Go PRO tab |
119 * styles for Go PRO tab |
115 */ |
120 */ |
116 .bws_go_pro_tab { |
121 .bws_go_pro_tab { |
117 background-color: #2A95C5; |
122 background-color: #2A95C5; |
118 border-color: #11688F; |
123 border-color: #11688F; |
119 color: #fff; |
124 color: #fff; |
120 font-weight: normal; |
125 font-weight: normal; |
121 text-shadow: none; |
126 text-shadow: none; |
122 } |
127 } |
123 .bws_go_pro_tab:hover { |
128 .bws_go_pro_tab:hover { |
124 background-color: #2080AB; |
129 background-color: #2080AB; |
125 color: #fff; |
130 color: #fff; |
126 border-color: #11688F; |
131 border-color: #11688F; |
127 } |
132 } |
128 .bws_go_pro_tab.nav-tab-active { |
133 .bws_go_pro_tab.nav-tab-active { |
129 background: none repeat scroll 0 0 rgba(0, 0, 0, 0); |
134 background: none repeat scroll 0 0 rgba(0, 0, 0, 0); |
130 border-color: #CCCCCC #CCCCCC #F1F1F1; |
135 border-color: #CCCCCC #CCCCCC #F1F1F1; |
131 color: #000000; |
136 color: #000000; |
132 } |
137 } |
133 /* |
138 /* |
134 * styles for pro_version settings and tooltip |
139 * styles for pro_version settings and tooltip |
135 */ |
140 */ |
136 td.bws_pro_version, |
141 td.bws_pro_version, |
137 tr.bws_pro_version, |
142 tr.bws_pro_version, |
138 .nav-tab.bws_plugin_menu_pro_version, |
143 .nav-tab.bws_plugin_menu_pro_version, |
139 .nav-tab.bws_plugin_menu_pro_version:hover { |
144 .nav-tab.bws_plugin_menu_pro_version:hover { |
140 background: rgba(245, 225, 119, 0.3); |
145 background: rgba(245, 225, 119, 0.3); |
141 } |
146 } |
142 td.bws_pro_version_tooltip { |
147 td.bws_pro_version_tooltip { |
143 border: 1px solid #AAA; |
148 border: 1px solid #AAA; |
144 position: inherit; |
149 position: inherit; |
145 } |
150 } |
146 .bws_pro_version_bloc { |
151 .bws_pro_version_bloc { |
147 position: relative; |
152 position: relative; |
148 border: 1px solid #dcd6b8; |
153 border: 1px solid #dcd6b8; |
149 overflow: hidden; |
154 overflow: hidden; |
150 } |
155 } |
151 .bws_table_bg { |
156 .bws_table_bg { |
152 background: #f5e177; |
157 background: #f5e177; |
153 opacity: 0.3; |
158 opacity: 0.3; |
154 width: 100%; |
159 width: 100%; |
155 height: 100%; |
160 height: 100%; |
156 position: absolute; |
161 position: absolute; |
157 z-index: 1; |
162 z-index: 1; |
158 } |
163 } |
159 .bws_network_apply_all { |
164 .bws_network_apply_all { |
160 padding-left: 15px; |
165 padding-left: 15px; |
161 } |
166 } |
162 .bws_hide_premium_options { |
167 .bws_hide_premium_options { |
163 z-index: 5; |
168 z-index: 5; |
164 } |
169 } |
165 .bws_pro_version_table_bloc table.bws_pro_version { |
170 .bws_pro_version_table_bloc table.bws_pro_version { |
166 background: transparent; |
171 background: transparent; |
167 margin: 0; |
172 margin: 0; |
168 border: none; |
173 border: none; |
169 width: 100%; |
174 width: 100%; |
170 } |
175 } |
171 table.bws_pro_version { |
176 table.bws_pro_version { |
172 background: #E0E0E0; |
177 background: #E0E0E0; |
173 border: 1px solid #AAA; |
178 border: 1px solid #AAA; |
174 margin-bottom: 5px; |
179 margin-bottom: 5px; |
175 width: auto; |
180 width: auto; |
176 } |
181 } |
177 table.bws_pro_version tbody { |
182 table.bws_pro_version tbody { |
178 display: block; |
183 display: block; |
179 } |
184 } |
180 table.bws_pro_version th, |
185 table.bws_pro_version th, |
181 table.bws_pro_version td { |
186 table.bws_pro_version td { |
182 padding-left: 10px; |
187 padding-left: 10px; |
183 } |
188 } |
184 .bws_pro_version_tooltip { |
189 .bws_pro_version_tooltip { |
185 position: relative; |
190 position: relative; |
186 z-index: 2; |
191 z-index: 2; |
187 padding: 10px; |
192 padding: 10px; |
188 font-size: 14px; |
193 font-size: 14px; |
189 } |
194 } |
190 .bws_pro_version_tooltip .bws_button, |
195 .bws_pro_version_tooltip .bws_button, |
191 .bws_pro_version_tooltip .bws_button:hover { |
196 .bws_pro_version_tooltip .bws_button:hover { |
192 background: #dd5738; |
197 background: #dd5738; |
193 border: none; |
198 border: none; |
194 text-decoration: none; |
199 text-decoration: none; |
195 color: #fff; |
200 color: #fff; |
196 padding: 7px 10px; |
201 padding: 7px 10px; |
197 border-radius: 3px; |
202 border-radius: 3px; |
198 margin: 5px 0; |
203 margin: 5px 0; |
199 font-size: 13px; |
204 font-size: 13px; |
200 line-height: 1.4em; |
205 line-height: 1.4em; |
201 float: left; |
206 float: left; |
202 } |
207 } |
203 .bws_pro_version_tooltip .bws_info { |
208 .bws_pro_version_tooltip .bws_info { |
204 float: left; |
209 float: left; |
205 padding-top: 10px; |
210 padding-top: 10px; |
206 font-size: 14px; |
211 font-size: 14px; |
207 color: #444; |
212 color: #444; |
208 } |
213 } |
209 .bws_pro_version_tooltip .bws_pro_links, |
214 .bws_pro_version_tooltip .bws_pro_links, |
210 .bws_pro_version_tooltip .bws_pro_links .bws_button { |
215 .bws_pro_version_tooltip .bws_pro_links .bws_button { |
211 float: right; |
216 float: right; |
212 } |
217 } |
213 .bws_pro_version_tooltip .bws_trial_info { |
218 .bws_pro_version_tooltip .bws_trial_info { |
214 padding: 10px; |
219 padding: 10px; |
215 display: inline-block; |
220 display: inline-block; |
216 } |
221 } |
217 div.bws_pro_version { |
222 div.bws_pro_version { |
218 padding: 5px 10px; |
223 padding: 5px 10px; |
219 } |
224 } |
220 a.bws_plugin_pro_version { |
225 a.bws_plugin_pro_version { |
221 display: block; |
226 display: block; |
222 background: rgba(245, 225, 119, 0.3); |
227 background: rgba(245, 225, 119, 0.3); |
223 border: 1px solid #dcd6b8; |
228 border: 1px solid #dcd6b8; |
224 padding: 5px; |
229 padding: 5px; |
225 text-decoration: none; |
230 text-decoration: none; |
226 color: #666; |
231 color: #666; |
227 } |
232 } |
228 .bws_pro_version_single_link, |
233 .bws_pro_version_single_link, |
229 .bws_pro_version_single_link:hover { |
234 .bws_pro_version_single_link:hover { |
230 text-decoration: none; |
235 text-decoration: none; |
231 color: #666; |
236 color: #666; |
232 } |
237 } |
233 @media screen and (max-width: 768px) { |
238 @media screen and (max-width: 768px) { |
234 .bws_pro_version_tooltip { |
239 .bws_pro_version_tooltip { |
235 padding: 10px; |
240 padding: 10px; |
236 text-align: center; |
241 text-align: center; |
237 } |
242 } |
238 .bws_pro_version_tooltip .bws_info { |
243 .bws_pro_version_tooltip .bws_info { |
239 float: none; |
244 float: none; |
240 text-align: center; |
245 text-align: center; |
241 } |
246 } |
242 .bws_pro_version_tooltip a { |
247 .bws_pro_version_tooltip a { |
243 display: inline-block; |
248 display: inline-block; |
244 line-height: 1.5; |
249 line-height: 1.5; |
245 } |
250 } |
246 .bws_pro_version_tooltip .bws_info a { |
251 .bws_pro_version_tooltip .bws_info a { |
247 display: block; |
252 display: block; |
248 } |
253 } |
249 .bws_pro_version_tooltip .bws_button, |
254 .bws_pro_version_tooltip .bws_button, |
250 .bws_pro_version_tooltip .bws_button:hover { |
255 .bws_pro_version_tooltip .bws_button:hover { |
251 margin: 10px 10px 5px; |
256 margin: 10px 10px 5px; |
252 float: none; |
257 float: none; |
253 } |
258 } |
254 } |
259 } |
255 /* |
260 /* |
256 * styles for addon ads block |
261 * styles for addon ads block |
257 */ |
262 */ |
258 .bws-addon-block.postbox { |
263 .bws-addon-block.postbox { |
259 border: none; |
264 border: none; |
260 } |
265 } |
261 .bws-addon-block .bws_table_bg { |
266 .bws-addon-block .bws_table_bg { |
262 background: #fff; |
267 background: #fff; |
263 opacity: 0.3; |
268 opacity: 0.3; |
264 } |
269 } |
265 .bws-addon-block .bws_button { |
270 .bws-addon-block .bws_button { |
266 display: inline-block; |
271 display: inline-block; |
267 background: #0faa00; |
272 background: #0faa00; |
268 border: 1px solid #0b8200; |
273 border: 1px solid #0b8200; |
269 text-decoration: none; |
274 text-decoration: none; |
270 color: #fff; |
275 color: #fff; |
271 padding: 4px 10px; |
276 padding: 4px 10px; |
272 border-radius: 3px; |
277 border-radius: 3px; |
273 font-size: 13px; |
278 font-size: 13px; |
274 line-height: 1.4em; |
279 line-height: 1.4em; |
275 z-index: 2; |
280 z-index: 2; |
276 position: relative; |
281 position: relative; |
277 -webkit-box-shadow: 0 1px 0 #0c8c00; |
282 -webkit-box-shadow: 0 1px 0 #0c8c00; |
278 box-shadow: 0 1px 0 #0c8c00; |
283 box-shadow: 0 1px 0 #0c8c00; |
279 } |
284 } |
280 /* |
285 /* |
281 * styles for banner |
286 * styles for banner |
282 */ |
287 */ |
283 .bws_banner_on_plugin_page { |
288 .bws_banner_on_plugin_page { |
284 border: 1px solid #d4d4d4; |
289 border: 1px solid #d4d4d4; |
285 margin: 12px 0; |
290 margin: 12px 0; |
286 background: #FFF; |
291 background: #FFF; |
287 position: relative; |
292 position: relative; |
288 overflow: hidden |
293 overflow: hidden |
289 } |
294 } |
290 .bws_banner_on_plugin_page .text { |
295 .bws_banner_on_plugin_page .text { |
291 color: #000; |
296 color: #000; |
292 font-size: 15px; |
297 font-size: 15px; |
293 line-height: 26px; |
298 line-height: 26px; |
294 margin: 18px 18px 14px; |
299 margin: 18px 18px 14px; |
295 float: left; |
300 float: left; |
296 width: auto; |
301 width: auto; |
297 max-width: 80%; |
302 max-width: 80%; |
298 } |
303 } |
299 .bws_banner_on_plugin_page .text span { |
304 .bws_banner_on_plugin_page .text span { |
300 font-size: 14px; |
305 font-size: 14px; |
301 opacity: 0.7; |
306 opacity: 0.7; |
302 } |
307 } |
303 div.bws_banner_on_plugin_page .button { |
308 div.bws_banner_on_plugin_page .button { |
304 float: right; |
309 float: right; |
305 border: none; |
310 border: none; |
306 font-size: 14px; |
311 font-size: 14px; |
307 margin: 18px 40px; |
312 margin: 18px 40px; |
308 padding: 12px 29px; |
313 padding: 12px 29px; |
309 color: #FFF; |
314 color: #FFF; |
310 text-shadow: none; |
315 text-shadow: none; |
311 font-weight: bold; |
316 font-weight: bold; |
312 background: #0074A2; |
317 background: #0074A2; |
313 -moz-border-radius: 3px; |
318 -moz-border-radius: 3px; |
314 border-radius: 3px; |
319 border-radius: 3px; |
315 -webkit-border-radius: 3px; |
320 -webkit-border-radius: 3px; |
316 text-decoration: none; |
321 text-decoration: none; |
317 height: 50px; |
322 height: 50px; |
318 text-align: center; |
323 text-align: center; |
319 text-transform: uppercase; |
324 text-transform: uppercase; |
320 box-shadow: none; |
325 box-shadow: none; |
321 line-height: 26px; |
326 line-height: 26px; |
322 } |
327 } |
323 .bws_banner_on_plugin_page .button:hover, |
328 .bws_banner_on_plugin_page .button:hover, |
324 .bws_banner_on_plugin_page .button:focus { |
329 .bws_banner_on_plugin_page .button:focus { |
325 background: #222; |
330 background: #222; |
326 color: #FFF; |
331 color: #FFF; |
327 } |
332 } |
328 div.bws_banner_on_plugin_page .icon { |
333 div.bws_banner_on_plugin_page .icon { |
329 float: left; |
334 float: left; |
330 margin: 12px 8px 8px 12px; |
335 margin: 12px 8px 8px 12px; |
331 } |
336 } |
332 .bws_banner_on_plugin_page .icon img { |
337 .bws_banner_on_plugin_page .icon img { |
333 max-width: 64px; |
338 max-width: 64px; |
334 } |
339 } |
335 .bws_go_pro_banner .icon:before { |
340 .bws_go_pro_banner .icon:before { |
336 content: 'PRO'; |
341 content: 'PRO'; |
337 background: #F26E50; |
342 background: #F26E50; |
338 border-radius: 4px; |
343 border-radius: 4px; |
339 color: #FFF; |
344 color: #FFF; |
340 font-size: 11px; |
345 font-size: 11px; |
341 font-weight: bold; |
346 font-weight: bold; |
342 display: block; |
347 display: block; |
343 padding: 0px 4px; |
348 padding: 0px 4px; |
344 margin: 0 15px -7px; |
349 margin: 0 15px -7px; |
345 position: relative; |
350 position: relative; |
346 } |
351 } |
347 .bws_banner_on_plugin_page .text + .icon { |
352 .bws_banner_on_plugin_page .text + .icon { |
348 display: none; |
353 display: none; |
349 } |
354 } |
350 .bws_banner_to_settings_joint .bws-text { |
355 .bws_banner_to_settings_joint .bws-text { |
351 color: #000; |
356 color: #000; |
352 font-size: 16px; |
357 font-size: 16px; |
353 line-height: 26px; |
358 line-height: 26px; |
354 padding: 13px 14px 14px; |
359 padding: 13px 14px 14px; |
355 } |
360 } |
356 .bws_banner_to_settings_joint .icon span.dashicons-admin-plugins { |
361 .bws_banner_to_settings_joint .icon span.dashicons-admin-plugins { |
357 font-size: 48px; |
362 font-size: 48px; |
358 color: #d6d6d6; |
363 color: #d6d6d6; |
359 width: 48px; |
364 width: 48px; |
360 height: 48px; |
365 height: 48px; |
361 } |
366 } |
362 .bws_banner_on_plugin_page.bws_banner_to_settings_joint .icon { |
367 .bws_banner_on_plugin_page.bws_banner_to_settings_joint .icon { |
363 margin: 2px 16px 0 0; |
368 margin: 2px 16px 0 0; |
364 } |
369 } |
365 .bws_banner_to_settings_joint .bws-details { |
370 .bws_banner_to_settings_joint .bws-details { |
366 background: #f2f2f2; |
371 background: #f2f2f2; |
367 padding: 15px 78px 21px; |
372 padding: 15px 78px 21px; |
368 } |
373 } |
369 .bws_banner_to_settings_joint a { |
374 .bws_banner_to_settings_joint a { |
370 text-decoration: none; |
375 text-decoration: none; |
371 } |
376 } |
372 .bws_banner_to_settings_joint .bws-more-links { |
377 .bws_banner_to_settings_joint .bws-more-links { |
373 font-size: 14px; |
378 font-size: 14px; |
374 } |
379 } |
375 .bws_banner_to_settings_joint .bws-more:after { |
380 .bws_banner_to_settings_joint .bws-more:after { |
376 content: "\f347"; |
381 content: "\f347"; |
377 font-family: dashicons; |
382 font-family: dashicons; |
378 margin: 0 5px; |
383 margin: 0 5px; |
379 top: 2px; |
384 top: 2px; |
380 position: relative; |
385 position: relative; |
381 } |
386 } |
382 .bws_banner_to_settings_joint .bws-less:after { |
387 .bws_banner_to_settings_joint .bws-less:after { |
383 content: "\f343"; |
388 content: "\f343"; |
384 font-family: dashicons; |
389 font-family: dashicons; |
385 margin: 0 5px; |
390 margin: 0 5px; |
386 top: 2px; |
391 top: 2px; |
387 position: relative; |
392 position: relative; |
388 } |
393 } |
389 .bws_banner_to_settings_joint .bws-details strong { |
394 .bws_banner_to_settings_joint .bws-details strong { |
390 font-size: 14px; |
395 font-size: 14px; |
391 line-height: 30px; |
396 line-height: 30px; |
392 } |
397 } |
393 .rtl div.bws_banner_on_plugin_page .button { |
398 .rtl div.bws_banner_on_plugin_page .button { |
394 float: left; |
399 float: left; |
395 } |
400 } |
396 .rtl .bws_pro_version_tooltip .bws_button, |
401 .rtl .bws_pro_version_tooltip .bws_button, |
397 .rtl div.bws_banner_on_plugin_page .icon, |
402 .rtl div.bws_banner_on_plugin_page .icon, |
398 .rtl .bws_banner_on_plugin_page .text, |
403 .rtl .bws_banner_on_plugin_page .text, |
399 .rtl .bws_pro_version_tooltip .bws_info { |
404 .rtl .bws_pro_version_tooltip .bws_info { |
400 float: right; |
405 float: right; |
401 } |
406 } |
402 .rtl .bws_banner_on_plugin_page.bws_banner_to_settings_joint .icon { |
407 .rtl .bws_banner_on_plugin_page.bws_banner_to_settings_joint .icon { |
403 margin: 2px 0 0 16px; |
408 margin: 2px 0 0 16px; |
404 } |
409 } |
405 .rtl table.bws_pro_version th, |
410 .rtl table.bws_pro_version th, |
406 .rtl table.bws_pro_version td { |
411 .rtl table.bws_pro_version td { |
407 padding-right: 10px; |
412 padding-right: 10px; |
408 } |
413 } |
409 @media screen and (max-width: 768px) { |
414 @media screen and (max-width: 768px) { |
410 .bws_banner_on_plugin_page .text, |
415 .bws_banner_on_plugin_page .text, |
411 .bws_banner_on_plugin_page .icon, |
416 .bws_banner_on_plugin_page .icon, |
412 .bws_banner_on_plugin_page .button_div, |
417 .bws_banner_on_plugin_page .button_div, |
413 .bws_banner_on_plugin_page .button { |
418 .bws_banner_on_plugin_page .button { |
414 float: none; |
419 float: none; |
415 text-align: center; |
420 text-align: center; |
416 max-width: 100%; |
421 max-width: 100%; |
417 } |
422 } |
418 .bws_banner_on_plugin_page .icon { |
423 .bws_banner_on_plugin_page .icon { |
419 position: relative; |
424 position: relative; |
420 left: 8px; |
425 left: 8px; |
421 } |
426 } |
422 } |
427 } |
423 @media screen and (max-width: 600px) { |
428 @media screen and (max-width: 600px) { |
424 .bws_banner_to_settings_joint .bws-details { |
429 .bws_banner_to_settings_joint .bws-details { |
425 padding: 15px 20px 21px; |
430 padding: 15px 20px 21px; |
426 } |
431 } |
|
432 } |
|
433 /* |
|
434 * affiliate postbox |
|
435 */ |
|
436 #bws-affiliate-postbox { |
|
437 background: url("../images/affiliate-background.png") no-repeat center #1a3e59; |
|
438 overflow: hidden; |
|
439 position: relative; |
|
440 padding: 12px; |
|
441 color: #ffffff; |
|
442 text-align: center; |
|
443 } |
|
444 #bws-affiliate-postbox .notice-dismiss:active:before, |
|
445 #bws-affiliate-postbox .notice-dismiss:focus:before, |
|
446 #bws-affiliate-postbox .notice-dismiss:hover:before { |
|
447 color: #fff; |
|
448 } |
|
449 #bws-affiliate-postbox h3 { |
|
450 color: #ffffff; |
|
451 font-size: 1.3em; |
|
452 } |
|
453 .bws-affiliate-get { |
|
454 color: #f67f48; |
|
455 font-size: 1.3em; |
|
456 font-weight: bold; |
|
457 margin: 10px 0 5px; |
|
458 } |
|
459 #bws-affiliate-postbox img { |
|
460 max-width: 65px; |
|
461 margin-bottom: 5px; |
|
462 } |
|
463 .bws-row { |
|
464 margin-top: 25px; |
|
465 } |
|
466 .bws-cell { |
|
467 float: left; |
|
468 width: 33.33%; |
|
469 } |
|
470 .bws-cell div { |
|
471 margin: 5px; |
|
472 } |
|
473 #bws-affiliate-postbox .button { |
|
474 background: #dd6930; |
|
475 border-color: #dd6930; |
|
476 color: #fff; |
|
477 margin-top: 5px; |
|
478 font-weight: bold; |
|
479 } |
|
480 #bws-affiliate-postbox .button:hover { |
|
481 color: rgba(255, 255, 255, 0.8); |
427 } |
482 } |
428 /* display code */ |
483 /* display code */ |
429 span.bws_code { |
484 span.bws_code { |
430 background: none repeat scroll 0 0 rgba(0, 0, 0, 0.07); |
485 background: none repeat scroll 0 0 rgba(0, 0, 0, 0.07); |
431 font-size: 13px; |
486 font-size: 13px; |
432 margin: 0 1px; |
487 margin: 0 1px; |
433 padding: 3px 5px 2px; |
488 padding: 3px 5px 2px; |
434 } |
489 } |
435 /* |
490 /* |
436 * styles help tooltips |
491 * styles help tooltips |
437 */ |
492 */ |
438 .bws_help_box { |
493 .bws_help_box { |
439 background-image: url("../images/tooltip_icons.png"); |
494 background-image: url("../images/tooltip_icons.png"); |
440 background-repeat: no-repeat; |
495 background-repeat: no-repeat; |
441 cursor: pointer; |
496 cursor: pointer; |
442 height: 28px; |
497 height: 28px; |
443 position: relative; |
498 position: relative; |
444 margin: 3px 5px; |
499 margin: 3px 5px; |
445 width: 28px; |
500 width: 28px; |
446 display: inline-block; |
501 display: inline-block; |
447 } |
502 } |
448 .bws_help_box:not(.dashicons) { |
503 .bws_help_box:not(.dashicons) { |
449 vertical-align: middle; |
504 vertical-align: middle; |
450 } |
505 } |
451 .bws_help_box.dashicons-editor-help, |
506 .bws_help_box.dashicons-editor-help, |
452 .setting span .bws_help_box.dashicons-editor-help { |
507 .setting span .bws_help_box.dashicons-editor-help { |
453 background: none; |
508 background: none; |
454 color: #0074a2; |
509 color: #0074a2; |
455 height: auto; |
510 height: auto; |
456 width: auto; |
511 width: auto; |
457 margin: 0; |
512 margin: 0; |
458 padding: 0; |
513 padding: 0; |
459 z-index: 2; |
514 z-index: 2; |
460 min-width: auto; |
515 min-width: auto; |
461 float: none; |
516 float: none; |
462 } |
517 } |
463 .bws_help_box.dashicons-editor-help:hover { |
518 .bws_help_box.dashicons-editor-help:hover { |
464 color: #2ea2cc; |
519 color: #2ea2cc; |
465 } |
520 } |
466 .bws_hidden_help_text { |
521 .bws_hidden_help_text { |
467 display: none; |
522 display: none; |
468 } |
523 } |
469 .bws-tooltip-content { |
524 .bws-tooltip-content { |
470 font-size: 11px; |
525 font-size: 11px; |
471 color: #fff; |
526 color: #fff; |
472 text-shadow: 0 0 2px #000; |
527 text-shadow: 0 0 2px #000; |
473 padding: 4px 8px; |
528 padding: 4px 8px; |
474 border: 1px solid rgba(255,255,255,0.25); |
529 border: 1px solid rgba(255,255,255,0.25); |
475 background: rgba(25,25,25,0.92); |
530 background: rgba(25,25,25,0.92); |
476 border-radius: 3px; |
531 border-radius: 3px; |
477 -webkit-border-radius: 3px; |
532 -webkit-border-radius: 3px; |
478 -moz-border-radius: 3px; |
533 -moz-border-radius: 3px; |
479 box-shadow: 0 0 3px #555; |
534 box-shadow: 0 0 3px #555; |
480 -webkit-box-shadow: 0 0 3px #555; |
535 -webkit-box-shadow: 0 0 3px #555; |
481 -moz-box-shadow: 0 0 3px #555; |
536 -moz-box-shadow: 0 0 3px #555; |
482 } |
537 } |
483 .bws-tooltip-content a { |
538 .bws-tooltip-content a { |
484 color: #00a0d2; |
539 color: #00a0d2; |
485 } |
540 } |
486 /* |
541 /* |
|
542 * styles for Request a Feature link near screen-meta |
|
543 */ |
|
544 #bws_request_feature { |
|
545 margin-top: 0; |
|
546 } |
|
547 #bws_request_feature button { |
|
548 border: 1px solid #ccd0d4; |
|
549 border-top: none; |
|
550 height: auto; |
|
551 margin-bottom: 0; |
|
552 color: #fff; |
|
553 border-radius: 0 0 4px 4px; |
|
554 background-color: #0071a1; |
|
555 line-height: 1.7; |
|
556 box-shadow: 0 0 0 transparent; |
|
557 transition: box-shadow .1s linear; |
|
558 } |
|
559 #bws_request_feature button:hover { |
|
560 background-color: #00a0d2; |
|
561 } |
|
562 /* |
487 * bws shortcode insert |
563 * bws shortcode insert |
488 */ |
564 */ |
489 .mce-toolbar .mce-btn-group .mce-btn.mce-bws_shortcode_button { |
565 .mce-toolbar .mce-btn-group .mce-btn.mce-bws_shortcode_button { |
490 background-color: #fff; |
566 background-color: #fff; |
491 border: 1px solid #e5e5e5; |
567 border: 1px solid #e5e5e5; |
492 } |
568 } |
493 #bws_shortcode_content, |
569 #bws_shortcode_content, |
494 #bws_shortcode_select_plugin { |
570 #bws_shortcode_select_plugin { |
495 margin-bottom: 10px; |
571 margin-bottom: 10px; |
496 } |
572 } |
497 #bws_shortcode_content * { |
573 #bws_shortcode_content * { |
498 white-space: normal; |
574 white-space: normal; |
499 } |
575 } |
500 #bws_shortcode_popup_block h4 { |
576 #bws_shortcode_popup_block h4 { |
501 padding: 0; |
577 padding: 0; |
502 line-height: 2.5; |
578 line-height: 2.5; |
503 text-transform: uppercase; |
579 text-transform: uppercase; |
504 } |
580 } |
505 #bws_shortcode_content_bottom p { |
581 #bws_shortcode_content_bottom p { |
506 font-style: italic; |
582 font-style: italic; |
507 color: #666; |
583 color: #666; |
508 } |
584 } |
509 #bws_shortcode_block { |
585 #bws_shortcode_block { |
510 background-color: #fdfdfd; |
586 background-color: #fdfdfd; |
511 border: 1px solid #dfdfdf; |
587 border: 1px solid #dfdfdf; |
512 overflow: auto; |
588 overflow: auto; |
513 padding: 10px; |
589 padding: 10px; |
514 } |
590 } |
515 #bws_shortcode_display { |
591 #bws_shortcode_display { |
516 margin: 0 auto; |
592 margin: 0 auto; |
517 } |
593 } |
518 #bws_shortcode_content fieldset label { |
594 #bws_shortcode_content fieldset label { |
519 margin-top: 5px; |
595 margin-top: 5px; |
520 display: inline-block; |
596 display: inline-block; |
521 } |
597 } |
522 #bws_shortcode_content .title { |
598 #bws_shortcode_content .title { |
523 margin-right: 5px; |
599 margin-right: 5px; |
524 margin-left: 5px; |
600 margin-left: 5px; |
525 line-height: 2.5; |
601 line-height: 2.5; |
526 } |
602 } |
527 #bws_shortcode_content .title, |
603 #bws_shortcode_content .title, |
528 #bws_shortcode_content .checkbox-title { |
604 #bws_shortcode_content .checkbox-title { |
529 white-space: normal; |
605 white-space: normal; |
530 } |
606 } |
531 /* |
607 /* |
532 * styles for notices (license has expired, Illegal use notification ond other) on the /plugins.php page |
608 * styles for notices (license has expired, Illegal use notification ond other) on the /plugins.php page |
533 */ |
609 */ |
534 .bws-plugin-update-tr .update-message { |
610 .bws-plugin-update-tr .update-message { |
535 margin-top: 0 !important; |
611 margin-top: 0 !important; |
536 } |
612 } |
537 .bws-plugin-update-tr .update-message :before { |
613 .bws-plugin-update-tr .update-message :before { |
538 content: ''; |
614 content: ''; |
539 } |
615 } |
540 /* |
616 /* |
541 * Bws_Settings_Tabs |
617 * Bws_Settings_Tabs |
542 */ |
618 */ |
543 .bws_form #postbox-container-2 > div { |
619 .bws_form #postbox-container-2 > div { |
544 width: calc( 100% - 162px ); |
620 width: calc( 100% - 162px ); |
545 margin-left: 160px; |
621 margin-left: 160px; |
546 } |
622 } |
547 .bws_form #postbox-container-2 > div.submit { |
623 .bws_form #postbox-container-2 > div.submit { |
548 margin-bottom: 20px; |
624 margin-bottom: 20px; |
549 padding: 0; |
625 padding: 0; |
550 } |
626 } |
551 #bws_settings_tabs_wrapper { |
627 #bws_settings_tabs_wrapper { |
552 position: relative; |
628 position: relative; |
553 max-width: 100%; |
629 max-width: 100%; |
554 min-width: 100%; |
630 min-width: 100%; |
555 width: 100%; |
631 width: 100%; |
556 box-sizing: border-box; |
632 box-sizing: border-box; |
557 font-size: 13px; |
633 font-size: 13px; |
558 border: none; |
634 border: none; |
559 padding: 0; |
635 padding: 0; |
560 background: none; |
636 background: none; |
561 font-family: inherit; |
637 font-family: inherit; |
562 } |
638 } |
563 #bws_settings_tabs { |
639 #bws_settings_tabs { |
564 z-index: 2; |
640 z-index: 2; |
565 position: relative; |
641 position: relative; |
566 width: 159px; |
642 width: 159px; |
567 float: left; |
643 float: left; |
568 background: #f5f5f5; |
644 background: #f5f5f5; |
569 border-top: 1px solid #ddd; |
645 border-top: 1px solid #ddd; |
570 border-left: 1px solid #ddd; |
646 border-left: 1px solid #ddd; |
571 border-bottom: 1px solid #ddd; |
647 border-bottom: 1px solid #ddd; |
572 border-right: 0; |
648 border-right: 0; |
573 margin: 0; |
649 margin: 0; |
574 padding: 0; |
650 padding: 0; |
575 border-radius: 0; |
651 border-radius: 0; |
576 line-height: inherit; |
652 line-height: inherit; |
577 } |
653 } |
578 #bws_settings_tabs .ui-state-default, |
654 #bws_settings_tabs .ui-state-default, |
579 #bws_settings_tabs .ui-widget-content .ui-state-default, |
655 #bws_settings_tabs .ui-widget-content .ui-state-default, |
580 #bws_settings_tabs .ui-widget-header .ui-state-default { |
656 #bws_settings_tabs .ui-widget-header .ui-state-default { |
581 border: none; |
657 border: none; |
582 } |
658 } |
583 #bws_settings_tabs li { |
659 #bws_settings_tabs li { |
584 margin: 0; |
660 margin: 0; |
585 padding: 0; |
661 padding: 0; |
586 float: none; |
662 float: none; |
587 background: none; |
663 background: none; |
588 white-space: normal; |
664 white-space: normal; |
589 } |
665 } |
590 #bws_settings_tabs li a { |
666 #bws_settings_tabs li a { |
591 display: block; |
667 display: block; |
592 margin: 0 20px; |
668 margin: 0 20px; |
593 padding: 20px 0 20px 25px; |
669 padding: 20px 0 20px 25px; |
594 text-decoration: none; |
670 text-decoration: none; |
595 color: #666; |
671 color: #666; |
596 border-bottom: 1px solid #ddd; |
672 border-bottom: 1px solid #ddd; |
597 word-break: break-word; |
673 word-break: break-word; |
598 box-shadow: none; |
674 box-shadow: none; |
599 -webkit-box-sizing: border-box; |
675 -webkit-box-sizing: border-box; |
600 -moz-box-sizing: border-box; |
676 -moz-box-sizing: border-box; |
601 box-sizing: border-box; |
677 box-sizing: border-box; |
602 transition: none; |
678 transition: none; |
603 -webkit-transition: none; |
679 -webkit-transition: none; |
604 float: none; |
680 float: none; |
605 } |
681 } |
606 #bws_settings_tabs li.ui-tabs-active { |
682 #bws_settings_tabs li.ui-tabs-active { |
607 width: 161px; |
683 width: 161px; |
608 } |
684 } |
609 #bws_settings_tabs li.ui-tabs-active a, |
685 #bws_settings_tabs li.ui-tabs-active a, |
610 #bws_settings_tabs li a:hover { |
686 #bws_settings_tabs li a:hover { |
611 width: 161px; |
687 width: 161px; |
612 margin: -1px 0 0 0; |
688 margin: -1px 0 0 0; |
613 border-top: 1px solid #ddd; |
689 border-top: 1px solid #ddd; |
614 padding: 20px 21px 20px 45px; |
690 padding: 20px 21px 20px 45px; |
615 color: #000 !important; |
691 color: #000 !important; |
616 background: #fff !important; |
692 background: #fff !important; |
617 } |
693 } |
618 #bws_settings_tabs li a:before { |
694 #bws_settings_tabs li a:before { |
619 content: "\f111"; |
695 content: "\f111"; |
620 font-family: 'dashicons'; |
696 font-family: 'dashicons'; |
621 font-size: 20px; |
697 font-size: 20px; |
622 position: absolute; |
698 position: absolute; |
623 left: 20px; |
699 left: 20px; |
624 } |
700 } |
625 #bws_settings_tabs li.bws-tab-display a:before { |
701 #bws_settings_tabs li.bws-tab-display a:before { |
626 content: "\f163"; |
702 content: "\f163"; |
627 } |
703 } |
628 #bws_settings_tabs li.bws-tab-misc a:before { |
704 #bws_settings_tabs li.bws-tab-misc a:before { |
629 content: "\f107"; |
705 content: "\f107"; |
630 } |
706 } |
631 #bws_settings_tabs li.bws-tab-custom_code a:before { |
707 #bws_settings_tabs li.bws-tab-custom_code a:before { |
632 font-family: 'bwsicons'; |
708 font-family: 'bwsicons'; |
633 content: "\e93a"; |
709 content: "\e93a"; |
634 } |
710 } |
635 #bws_settings_tabs li.bws-tab-license a:before { |
711 #bws_settings_tabs li.bws-tab-license a:before { |
636 content: "\f112"; |
712 content: "\f112"; |
637 } |
713 } |
638 /* custom tabs */ |
714 /* custom tabs */ |
639 #bws_settings_tabs li.bws-tab-images a:before { |
715 #bws_settings_tabs li.bws-tab-images a:before { |
640 content: "\f128"; |
716 content: "\f128"; |
641 } |
717 } |
642 #bws_settings_tabs li.bws-tab-cover a:before { |
718 #bws_settings_tabs li.bws-tab-cover a:before { |
643 content: "\f318"; |
719 content: "\f318"; |
644 } |
720 } |
645 #bws_settings_tabs li.bws-tab-lightbox a:before { |
721 #bws_settings_tabs li.bws-tab-lightbox a:before { |
646 content: "\f211"; |
722 content: "\f211"; |
647 } |
723 } |
648 #bws_settings_tabs li.bws-tab-social a:before { |
724 #bws_settings_tabs li.bws-tab-social a:before { |
649 content: "\f237"; |
725 content: "\f237"; |
650 } |
726 } |
651 #bws_settings_tabs li.bws-tab-import-export a:before { |
727 #bws_settings_tabs li.bws-tab-import-export a:before { |
652 content: "\f317"; |
728 content: "\f317"; |
653 } |
729 } |
654 #bws_settings_tabs li.bws-tab-errors a:before, |
730 #bws_settings_tabs li.bws-tab-errors a:before, |
655 #bws_settings_tabs li.bws-tab-messages a:before { |
731 #bws_settings_tabs li.bws-tab-messages a:before { |
656 font-family: 'bwsicons'; |
732 font-family: 'bwsicons'; |
657 content: "\e93d"; |
733 content: "\e93d"; |
658 font-size: 18px; |
734 font-size: 18px; |
659 left: 21px; |
735 left: 21px; |
660 } |
736 } |
661 #bws_settings_tabs li.bws-tab-notifications a:before { |
737 #bws_settings_tabs li.bws-tab-notifications a:before { |
662 content: "\f466"; |
738 content: "\f466"; |
663 } |
739 } |
664 #bws_settings_tabs li.bws-tab-reports a:before { |
740 #bws_settings_tabs li.bws-tab-reports a:before { |
665 content: "\f535"; |
741 content: "\f535"; |
666 } |
742 } |
667 #bws_settings_tabs li.bws-tab-output a:before { |
743 #bws_settings_tabs li.bws-tab-output a:before { |
668 content: "\f498"; |
744 content: "\f498"; |
669 } |
745 } |
670 |
746 |
671 #bws_settings_tabs li:last-child a { |
747 #bws_settings_tabs li:last-child a { |
672 border-bottom: none; |
748 border-bottom: none; |
673 } |
749 } |
674 #bws_settings_tabs_wrapper .bws_tab { |
750 #bws_settings_tabs_wrapper .bws_tab { |
675 position: relative; |
751 position: relative; |
676 padding: 5px 10px 15px; |
752 padding: 5px 10px 15px; |
677 width: calc( 100% - 183px ); |
753 width: calc( 100% - 183px ); |
678 float: right; |
754 float: right; |
679 border: 1px solid #ddd; |
755 border: 1px solid #ddd; |
680 background: #fff; |
756 background: #fff; |
681 color: #444; |
757 color: #444; |
682 } |
758 } |
683 .bws_tab a { |
759 .bws_tab a { |
684 color: #0073aa; |
760 color: #0073aa; |
685 } |
761 } |
686 .bws_tab a:hover { |
762 .bws_tab a:hover { |
687 color: #00a0d2; |
763 color: #00a0d2; |
688 } |
764 } |
689 .bws_tab input, .bws_tab select, .bws_tab textarea, .bws_tab button { |
765 .bws_tab input, .bws_tab select, .bws_tab textarea, .bws_tab button { |
690 font-family: inherit; |
766 font-family: inherit; |
691 font-size: inherit; |
767 font-size: inherit; |
692 } |
768 } |
693 #bws_settings_tabs_wrapper .bws_tab > *:not(.bws_pro_version_bloc):not(.bws_tab_sub_label):not(hr):not(.inline) { |
769 #bws_settings_tabs_wrapper .bws_tab > *:not(.bws_pro_version_bloc):not(.bws_tab_sub_label):not(hr):not(.inline) { |
694 margin-left: 10px; |
770 margin-left: 10px; |
695 margin-right: 10px; |
771 margin-right: 10px; |
696 width: calc( 100% - 20px ); |
772 width: calc( 100% - 20px ); |
|
773 } |
|
774 .bws_tab h4 { |
|
775 color: red; |
697 } |
776 } |
698 #bws_settings_tabs_wrapper .bws_tab button, |
777 #bws_settings_tabs_wrapper .bws_tab button, |
699 #bws_settings_tabs_wrapper .bws_tab input[type="submit"], |
778 #bws_settings_tabs_wrapper .bws_tab input[type="submit"], |
700 #bws_settings_tabs_wrapper .bws_tab input[type="button"] { |
779 #bws_settings_tabs_wrapper .bws_tab input[type="button"] { |
701 white-space: normal; |
780 white-space: normal; |
702 height: auto; |
781 height: auto; |
|
782 } |
|
783 .toplevel_page_rrrlgvwr #bws_settings_tabs_wrapper .bws_tab .form-table th.th-full { |
|
784 overflow-wrap: break-word; |
|
785 max-width: 200px; |
703 } |
786 } |
704 .bws_form .postbox .hndle { |
787 .bws_form .postbox .hndle { |
705 cursor: inherit; |
788 cursor: inherit; |
706 } |
789 } |
707 #poststuff h3.bws_tab_label { |
790 #poststuff h3.bws_tab_label { |
708 margin-bottom: 10px; |
791 margin-bottom: 10px; |
709 padding-left: 0; |
792 padding-left: 0; |
710 padding-right: 0; |
793 padding-right: 0; |
711 } |
794 } |
712 .bws_tab_sub_label { |
795 .bws_tab_sub_label { |
713 font-weight: bold; |
796 font-weight: bold; |
714 background-color: #f1f1f1; |
797 background-color: #f1f1f1; |
715 padding: 7px 10px; |
798 padding: 7px 10px; |
716 margin-top: 10px; |
799 margin-top: 10px; |
717 font-size: 15px; |
800 font-size: 15px; |
718 } |
801 } |
719 .bws_tab .form-table textarea { |
802 .bws_tab .form-table textarea { |
720 width: 100%; |
803 width: 100%; |
721 } |
804 } |
722 #poststuff h3.bws_tab_label + hr { |
805 #poststuff h3.bws_tab_label + hr { |
723 margin-top: 18px; |
806 margin-top: 18px; |
724 } |
807 } |
725 .bws_tab_description + hr { |
808 .bws_tab_description + hr { |
726 margin-top: 15px; |
809 margin-top: 15px; |
727 } |
810 } |
728 .rtl #bws_settings_tabs { |
811 .rtl #bws_settings_tabs { |
729 float: right; |
812 float: right; |
730 border-right: 1px solid #ddd; |
813 border-right: 1px solid #ddd; |
731 border-left: none; |
814 border-left: none; |
732 } |
815 } |
733 .rtl #bws_settings_tabs li a { |
816 .rtl #bws_settings_tabs li a { |
734 padding: 20px 25px 20px 0; |
817 padding: 20px 25px 20px 0; |
735 } |
818 } |
736 .rtl #bws_settings_tabs li.ui-tabs-active a, |
819 .rtl #bws_settings_tabs li.ui-tabs-active a, |
737 .rtl #bws_settings_tabs li a:hover { |
820 .rtl #bws_settings_tabs li a:hover { |
738 padding: 20px 45px 20px 20px; |
821 padding: 20px 45px 20px 20px; |
739 } |
822 } |
740 .rtl #bws_settings_tabs li a:before { |
823 .rtl #bws_settings_tabs li a:before { |
741 right: 20px; |
824 right: 20px; |
742 } |
825 } |
743 .rtl .bws_form #postbox-container-2 > div { |
826 .rtl .bws_form #postbox-container-2 > div { |
744 margin-right: 160px; |
827 margin-right: 160px; |
745 margin-left: 0; |
828 margin-left: 0; |
746 } |
829 } |
747 .bws_margined_box { |
830 .bws_margined_box { |
748 margin: 1em 0; |
831 margin: 1em 0; |
749 } |
832 } |
750 @media only screen and (max-width: 1100px) { |
833 @media only screen and (max-width: 1100px) { |
751 #bws_settings_tabs { |
834 #bws_settings_tabs { |
752 width: 59px; |
835 width: 59px; |
753 } |
836 } |
754 #bws_settings_tabs li a { |
837 #bws_settings_tabs li a { |
755 margin: 0; |
838 margin: 0; |
756 padding: 20px 0; |
839 padding: 20px 0; |
757 width: 60px; |
840 width: 60px; |
758 height: 60px; |
841 height: 60px; |
759 } |
842 } |
760 #bws_settings_tabs li.ui-tabs-active a, |
843 #bws_settings_tabs li.ui-tabs-active a, |
761 #bws_settings_tabs li a:hover, |
844 #bws_settings_tabs li a:hover, |
762 .rtl #bws_settings_tabs li.ui-tabs-active a, |
845 .rtl #bws_settings_tabs li.ui-tabs-active a, |
763 .rtl #bws_settings_tabs li a:hover { |
846 .rtl #bws_settings_tabs li a:hover { |
764 padding: 20px 0; |
847 padding: 20px 0; |
765 height: 61px; |
848 height: 61px; |
766 } |
849 } |
767 #bws_settings_tabs li.ui-tabs-active, |
850 #bws_settings_tabs li.ui-tabs-active, |
768 #bws_settings_tabs li.ui-tabs-active a, |
851 #bws_settings_tabs li.ui-tabs-active a, |
769 #bws_settings_tabs li a:hover { |
852 #bws_settings_tabs li a:hover { |
770 width: 61px; |
853 width: 61px; |
771 } |
854 } |
772 #bws_settings_tabs_wrapper .bws_tab { |
855 #bws_settings_tabs_wrapper .bws_tab { |
773 width: calc( 100% - 83px ); |
856 width: calc( 100% - 83px ); |
774 } |
857 } |
775 #bws_settings_tabs span { |
858 #bws_settings_tabs span { |
776 display: none; |
859 display: none; |
777 } |
860 } |
778 .bws_form #postbox-container-2 > div { |
861 .bws_form #postbox-container-2 > div { |
779 margin-left: 60px; |
862 margin-left: 60px; |
780 width: calc( 100% - 62px ); |
863 width: calc( 100% - 62px ); |
781 } |
864 } |
782 .rtl .bws_form #postbox-container-2 > div { |
865 .rtl .bws_form #postbox-container-2 > div { |
783 margin-right: 60px; |
866 margin-right: 60px; |
784 margin-left: 0; |
867 margin-left: 0; |
785 } |
868 } |
786 } |
869 } |
787 @media only screen and (max-width: 850px) { |
870 @media only screen and (max-width: 850px) { |
788 .bws_form #postbox-container-2 > div, |
871 .bws_form #postbox-container-2 > div, |
789 .rtl .bws_form #postbox-container-2 > div { |
872 .rtl .bws_form #postbox-container-2 > div { |
790 width: calc( 100% - 2px ); |
873 width: calc( 100% - 2px ); |
791 margin: 0; |
874 margin: 0; |
792 } |
875 } |
793 .bws_form #postbox-container-2 .postbox { |
876 .bws_form #postbox-container-2 .postbox { |
794 margin-bottom: 20px; |
877 margin-bottom: 20px; |
795 } |
878 } |
796 .bws_form .postbox-container div.submit { |
879 .bws_form .postbox-container div.submit { |
797 display: none; |
880 display: none; |
798 } |
881 } |
799 } |
882 } |
800 @media screen and (max-width: 782px) { |
883 @media screen and (max-width: 782px) { |
801 .bws-hide-for-mobile { |
884 .bws-hide-for-mobile { |
802 display: none; |
885 display: none; |
803 } |
886 } |
804 } |
887 } |
805 @media screen and (max-width: 440px) { |
888 @media screen and (max-width: 440px) { |
806 #bws_settings_tabs_wrapper .bws_tab .form-table td input[type=file] { |
889 #bws_settings_tabs_wrapper .bws_tab .form-table td input[type=file] { |
807 width: 182px; |
890 width: 182px; |
808 } |
891 } |
809 #bws_settings_tabs_wrapper .bws_tab .form-table td input[type=text]:not(.small-text), |
892 #bws_settings_tabs_wrapper .bws_tab .form-table td input[type=text]:not(.small-text), |
810 #bws_settings_tabs_wrapper .bws_tab .form-table td input[type=password], |
893 #bws_settings_tabs_wrapper .bws_tab .form-table td input[type=password], |
811 #bws_settings_tabs_wrapper .bws_tab .form-table td input[type=search], |
894 #bws_settings_tabs_wrapper .bws_tab .form-table td input[type=search], |
812 #bws_settings_tabs_wrapper .bws_tab .form-table td input[type=number]:not(.small-text), |
895 #bws_settings_tabs_wrapper .bws_tab .form-table td input[type=number]:not(.small-text), |
813 #bws_settings_tabs_wrapper .bws_tab .form-table td select, |
896 #bws_settings_tabs_wrapper .bws_tab .form-table td select, |
814 #bws_settings_tabs_wrapper .bws_tab .form-table td textarea { |
897 #bws_settings_tabs_wrapper .bws_tab .form-table td textarea { |
815 width: 100%; |
898 width: 100%; |
816 padding-left: 0; |
899 padding-left: 0; |
817 padding-right: 0; |
900 padding-right: 0; |
818 } |
901 } |
819 } |
902 } |