PluginProbe
WP Directory Kit / 1.3.8
WP Directory Kit v1.3.8
1.5.9 1.5.7 1.5.6 1.5.5 1.5.4 1.5.3 trunk 1.1.0 1.1.6 1.1.8 1.2.3 1.2.4 1.2.5 1.2.6 1.2.7 1.2.8 1.2.9 1.3.0 1.3.1 1.3.2 1.3.3 1.3.4 1.3.5 1.3.6 1.3.8 All 37 releases
wpdirectorykit / elementor-elements / assets / css / widgets / wdk-search-popup.css

wdk-search-popup.css in WP Directory Kit 1.3.8, at elementor-elements/assets/css/widgets/wdk-search-popup.css

102 lines 2.1 KB
No matching file
Up and down to move Enter to open Esc to close
Raw Download Zip
1 .wdk-search-popup .toggle-btn {
2 color: #fff;
3 font-family: "Montserrat";
4 font-weight: 400;
5 background-color: #0074e4;
6 height: 46px;
7 border: none;
8 border-radius: 3px;
9 width: 100%;
10 padding: 0 30px;
11 font-size: 16px;
12 cursor: pointer;
13 }
14
15 .wdk-search-popup .wdk-btn {
16 color: #fff;
17 font-family: "Montserrat";
18 font-weight: 400;
19 background-color: #0074e4;
20 height: 46px;
21 border: none;
22 border-radius: 3px;
23 width: 100%;
24 padding: 0 30px;
25 font-size: 16px;
26 cursor: pointer;
27 }
28
29 body .wdk-modal.wdk-search-popup-modal {
30 z-index: 100000;
31 }
32
33 body .wdk-modal.wdk-search-popup-modal .wdk-fields-list {
34 display: grid;
35 gap: 10px;
36 grid-template-columns: repeat(12, 1fr);
37 }
38
39 body .wdk-modal.wdk-search-popup-modal .wdk-fields-list > .wdk-col {
40 grid-column: span 12;
41 width: initial;
42 }
43
44 body .wdk-modal.wdk-search-popup-modal .modal-dialog {
45 max-width: 100%;
46 width: 500px;
47 height: 80vh;
48 max-height: 100%;
49 transform: translate(-50%, -50%);
50 left: 50%;
51 top: 50%;
52 margin: 0;
53 }
54
55 body .wdk-modal.wdk-search-popup-modal form {
56 width: 100%;
57 height: 100%;
58 }
59
60 body .wdk-modal.wdk-search-popup-modal .modal-content {
61 width: 100%;
62 height: 100%;
63 }
64
65 body .wdk-modal.wdk-search-popup-modal .wdk-btn {
66 color: #fff;
67 font-family: "Montserrat";
68 font-weight: 400;
69 background-color: #0074e4;
70 height: 46px;
71 border: none;
72 border-radius: 3px;
73 padding: 0 30px;
74 font-size: 16px;
75 cursor: pointer;
76 border: 1px solid #0074e4;
77 }
78
79 body .wdk-modal.wdk-search-popup-modal .wdk-btn.wdk-button-close {
80 border: 1px solid #eee;
81 background-color: #fff;
82 color: #000;
83 }
84
85 body .wdk-modal.wdk-search-popup-modal .wdk-btn.wdk-button-close:hover {
86 background-color: #eee;
87 }
88
89 body .wdk-modal.wdk-search-popup-modal .wdk-btn.wdk-button-search-reset {
90 border: 1px solid #eee;
91 background-color: #fff;
92 color: #000;
93 }
94
95 body .wdk-modal.wdk-search-popup-modal .wdk-btn.wdk-button-search-reset:hover {
96 background-color: #eee;
97 }
98
99 body .wdk-modal.wdk-search-popup-modal .wdk-fields-list .wdk-field {
100 margin: 0;
101 }
102