PluginProbe
WP Directory Kit / 1.2.3
WP Directory Kit v1.2.3
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 1.4.0 1.4.1 All 35 releases
wpdirectorykit / public / css / wpdirectorykit-public-responsive.css

wpdirectorykit-public-responsive.css in WP Directory Kit 1.2.3, at public/css/wpdirectorykit-public-responsive.css

125 lines 3.6 KB
No matching file
Up and down to move Enter to open Esc to close
Raw Download Zip
1 /*------------------------------------------------------------------
2 [Media Stylesheet]
3 -------------------------------------------------------------------*/
4 /*------------------------------------------------------------------
5 [Table of contents]
6
7 1. Min width 992px and Max width: 1199px
8 2. Max width: 1140px
9 3. Max width: 992px
10 4. Max width: 992px and min width: 768px
11 5. Max width: 767px
12 6. Max width: 480px
13 7. Custom media for IE
14
15 -------------------------------------------------------------------*/
16 /*------------------------------------------------------------------
17 [1. Min width 992px and Max width: 1199px ]
18 */
19 /*------------------------------------------------------------------
20 [2. Max width: 1140px ]
21 */
22 /*------------------------------------------------------------------
23 [3. Max width: 991px ]
24 */
25 @media (max-width: 991px) {
26 body .wdk-element .wdk-row .wdk-col {
27 width: 50%;
28 -webkit-flex: 0 0 calc(100% / 2);
29 flex: 0 0 calc(100% / 2);
30 }
31 .wdk-element .wdk-search.layout_inline .wdk-field.LOCATION, .wdk-element .wdk-search.layout_inline .wdk-field.CATEGORY {
32 width: 50%;
33 }
34 }
35
36 /*------------------------------------------------------------------
37 [4. Max width: 992px and min width: 768px]
38 */
39 /*------------------------------------------------------------------
40 [5. Max width: 767px]
41 */
42 @media (max-width: 767px) {
43 .jconfirm .jconfirm-box {
44 max-width: 100%;
45 width: calc(100% - 30px) !important;
46 }
47 .wdk-element .wdk-map .wdk-listing-card .wdk-thumbnail .wdk-image {
48 height: 110px;
49 }
50 body .wdk-element .wdk-row .wdk-col {
51 width: 100%;
52 -webkit-flex: 0 0 calc(100% / 1);
53 flex: 0 0 calc(100% / 1);
54 }
55 .wdk-element .wdk-search.layout_inline .wdk-field.LOCATION, .wdk-element .wdk-search.layout_inline .wdk-field.CATEGORY {
56 width: 100%;
57 }
58 /*
59 .wdk-search #wdk-form-additional .wdk-row .wdk-col.CHECKBOX .wdk-field-label {
60 padding-left: 0;
61 padding: 3px 0;
62 margin-bottom: 10px;
63 }*/
64 /*
65 .wdk-search.layout_inline #wdk-form-additional .wdk-field.CHECKBOX .wdk-field-label {
66 margin-top: 10px !important;
67 }*/
68 body .wdk-element .wdk-map .wdk-listing-card .wdk-subtitle-part span {
69 overflow: hidden;
70 text-overflow: ellipsis;
71 display: -webkit-box;
72 -webkit-line-clamp: 2 !important;
73 -webkit-box-orient: vertical;
74 }
75 body .wdk-element .wdk-map .infobox {
76 width: 250px;
77 }
78 .wdk-search.layout_inline .wdk-row div.wdk-col.SLIDER_RANGE {
79 width: 100%;
80 padding: 5px 0;
81 }
82 .wdk-search.layout_inline .wdk-slider-range-field .irs--round {
83 margin-top: -1px;
84 }
85 .wdk-search.layout_inline .irs--round.irs-with-grid {
86 height: 49px;
87 }
88 }
89
90 /*------------------------------------------------------------------
91 [6. Max width: 540px]
92 */
93 /*------------------------------------------------------------------
94 [6. Max width: 576px]
95 */
96 @media (max-width: 576px) {
97 .wdk-listings-list .listing-item {
98 justify-content: center;
99 }
100 body .wdk-listings-list .listing-item .listing-inf-sec {
101 flex: 0 0 auto;
102 }
103 .wdk-filter-head .filter-group.filter-status {
104 flex: 1 2;
105 order: 0;
106 text-align: left;
107 margin-top: 0;
108 }
109 .wdk-filter-head .filter-group.filter-status > span {
110 padding-left: 0;
111 }
112 .wdk-filter-head .filter-group.order,
113 .wdk-filter-head .filter-group.wmvc-view-type {
114 flex: 0 0;
115 order: 1;
116 }
117 }
118
119 /*------------------------------------------------------------------
120 [6. Max width: 540px]
121 */
122 /*------------------------------------------------------------------
123 [7. Custom media for IE]
124 */
125