PluginProbe
WP Directory Kit / 1.3.4
WP Directory Kit v1.3.4
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.3.4, at public/css/wpdirectorykit-public-responsive.css

131 lines 3.8 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 .wdk-listing-card.list .wdk-thumbnail {
89 max-width: 30%;
90 }
91 .wdk-listing-card.list .wdk-content {
92 overflow: hidden;
93 }
94 }
95
96 /*------------------------------------------------------------------
97 [6. Max width: 540px]
98 */
99 /*------------------------------------------------------------------
100 [6. Max width: 576px]
101 */
102 @media (max-width: 576px) {
103 .wdk-listings-list .listing-item {
104 justify-content: center;
105 }
106 body .wdk-listings-list .listing-item .listing-inf-sec {
107 flex: 0 0 auto;
108 }
109 .wdk-filter-head .filter-group.filter-status {
110 flex: 1 2;
111 order: 0;
112 text-align: left;
113 margin-top: 0;
114 }
115 .wdk-filter-head .filter-group.filter-status > span {
116 padding-left: 0;
117 }
118 .wdk-filter-head .filter-group.order,
119 .wdk-filter-head .filter-group.wmvc-view-type {
120 flex: 0 0;
121 order: 1;
122 }
123 }
124
125 /*------------------------------------------------------------------
126 [6. Max width: 540px]
127 */
128 /*------------------------------------------------------------------
129 [7. Custom media for IE]
130 */
131