PluginProbe
MotoPress Hotel Booking for Divi / 2.0.0
MotoPress Hotel Booking for Divi v2.0.0
trunk 1.0.3 1.0.4 1.0.5 1.0.6 1.0.7 1.0.8 1.1.0 2.0.0
mphb-divi / assets / style.scss

style.scss in MotoPress Hotel Booking for Divi 2.0.0, at assets/style.scss

339 lines 6.9 KB
No matching file
Up and down to move Enter to open Esc to close
Raw Download Zip
1 .mphb-calendar.mphb-datepick .datepick tr{
2 padding: 0 !important;
3 }
4 .mphb-calendar.mphb-datepick .datepick td{
5 padding: 0 !important;
6 }
7 .mphb-calendar.mphb-datepick .datepick th{
8 padding: 0 !important;
9 }
10
11 //----------- Shortcodes --------------
12
13
14 .mphb_sc_rooms-wrapper,
15 .mphb_sc_search-wrapper,
16 .mphb_sc_search_results-wrapper,
17 .mphb_sc_checkout-wrapper,
18 .mphb_sc_room-wrapper,
19 .mphb_sc_booking_form-wrapper,
20 .widget_mphb_rooms_widget,
21 .widget_mphb_search_availability_widget form,
22 .mphb-booking-form{
23 .button{
24 display: inline-block;
25 position: relative;
26 padding: .3em 1em;
27 border: 2px solid;
28 -webkit-border-radius: 3px;
29 -moz-border-radius: 3px;
30 border-radius: 3px;
31 background-color: transparent;
32 background-repeat: no-repeat;
33 background-position: center;
34 background-size: cover;
35 font-size: 20px;
36 font-weight: 500;
37 line-height: 1.7em!important;
38 -webkit-transition: all .2s;
39 -moz-transition: all .2s;
40 transition: all .2s;
41 &:hover{
42 cursor: pointer;
43 }
44 }
45 input{
46 display: inline-block;
47 }
48 select,
49 input[type="text"]="text""]{
50 padding: .875em 1.25em;
51 }
52 select{
53 display: inline-block;
54 height: auto;
55 }
56 label{
57 display: inline-block;
58 }
59
60 }
61
62 .mphb_sc_checkout-wrapper{
63 input[type="email"]="email""],
64 input[type="url"]="url""],
65 input[type="password"]="password""],
66 input[type="search"]="search""],
67 input[type="number"]="number""],
68 input[type="tel"]="tel""],
69 input[type="range"]="range""],
70 input[type="date"]="date""],
71 input[type="month"]="month""],
72 input[type="week"]="week""],
73 input[type="time"]="time""],
74 input[type="datetime"]="datetime""],
75 input[type="datetime-local"]="datetime-local""],
76 input[type="color"]="color""]{
77 padding: .875em 1.25em;
78 }
79 }
80
81
82 .mphb_sc_search-wrapper{
83 &.horizontal-center, &.horizontal-left{
84 form{
85 max-width: 100%;
86 display: flex;
87 flex-wrap: wrap;
88 align-items: flex-end;
89 > p{
90 width: 100%;
91 @media screen and (min-width: 768px){
92 width: 50%;
93 }
94 @media screen and (min-width: 992px){
95 width: 25%;
96 }
97 &.mphb-required-fields-tip{
98 width: 100%;
99 display: none;
100 }
101
102 }
103 }
104 }
105 &.horizontal-center{
106 form{
107 justify-content: center;
108 > p{
109 &.mphb_sc_search-submit-button-wrapper{
110 text-align: center;
111 }
112 }
113 }
114 }
115 &.horizontal-left{
116 form{
117 justify-content: flex-start;
118 }
119 }
120
121 }
122
123 .mphb_sc_rooms-wrapper{
124
125 }
126
127 .mphb_sc_search_results-wrapper{
128
129 }
130
131 .mphb_sc_checkout-wrapper {
132 input[type="text"]="text""],
133 input[type="email"]="email""],
134 input[type="url"]="url""],
135 input[type="password"]="password""],
136 input[type="search"]="search""],
137 input[type="number"]="number""],
138 input[type="tel"]="tel""],
139 input[type="range"]="range""],
140 input[type="date"]="date""],
141 input[type="month"]="month""],
142 input[type="week"]="week""],
143 input[type="time"]="time""],
144 input[type="datetime"]="datetime""],
145 input[type="datetime-local"]="datetime-local""],
146 select,
147 textarea{
148 width: 100%;
149 display: block;
150 @media screen and(min-width: 768px){
151 max-width: 50%;
152 }
153 }
154
155 .mphb-date_of_birth-control{
156 select{
157 display: inline-block;
158 width: auto;
159 }
160 }
161 }
162
163 .mphb_sc_room-wrapper {
164
165 }
166
167 .mphb_sc_booking_form-wrapper {
168 &.horizontal{
169 .mphb-required-fields-tip{
170 display: none;
171 }
172 .mphb-adults-wrapper,
173 .mphb-check-children-date-wrapper{
174 width: 100%;
175 }
176 .mphb-reserve-btn-wrapper{
177 .button{
178 width: 100%;
179 }
180 }
181 form{
182 max-width: 100%;
183 display: flex;
184 flex-direction: column;
185 @media screen and(min-width: 768px){
186 flex-direction: row;
187 flex-wrap: wrap;
188 justify-content: center;
189 > p {
190 max-width: 50%;
191 }
192 }
193 @media screen and(min-width: 991px){
194 flex-wrap: nowrap;
195 align-items: flex-end;
196 }
197 }
198 }
199
200 }
201 //----------- /Shortcodes --------------
202
203
204 //--------- Sidebar widgets----------
205 .widget_mphb_rooms_widget{
206
207 }
208
209 .widget_mphb_search_availability_widget{
210
211 }
212 //--------- /Sidebar widgets----------
213
214 //---------- mphb-flexslider ----------
215 .mphb-flexslider{
216 ul.slides{
217 padding: 0 !important;
218 li{
219 a{
220 width: 100%;
221 img{
222 display: block !important;
223 }
224 }
225 }
226 }
227 ul.flex-direction-nav{
228 padding: 0 !important;
229 li{
230 a{
231 img{
232 display: block !important;
233 }
234 }
235 }
236 }
237 }
238 //---------- /mphb-flexslider ----------
239
240
241 //---------- Titles ----------------
242 .mphb-details-title,
243 .mphb-calendar-title,
244 .mphb-reservation-form-title,
245 .mphb-room-type-details-title,
246 .mphb-recommendation-title,
247 .mphb-booking-details-title,
248 .mphb-room-number,
249 .mphb-room-type-title,
250 .mphb-services-details-title{
251 margin-top: 1em;
252 margin-bottom: .5em;
253 }
254 //---------- /Titles ----------------
255
256 //---------- Booking-form --------
257
258 .mphb-booking-form, .mphb_widget_search-form, .mphb_sc_search-form{
259 margin-left: -.5rem;
260 margin-right: -.5rem;
261 &:after{
262 display: table;
263 content: '';
264 clear: both;
265 }
266 > p{
267 float: left;
268 width: 100%;
269 padding: 0 .5rem;
270 margin-bottom: .875rem;
271 &.mphb-adults-wrapper,
272 &.mphb-check-children-date-wrapper{
273 width: 50%;
274 }
275 }
276 input{
277 &:not([type="submit"]):not([type="button"]){
278 width: 100%
279 }
280 }
281 select{
282 width: 100%;
283 }
284
285 }
286
287 .mphb-booking-form, .mphb_sc_search-form{
288 @media screen and(min-width: 768px){
289 max-width: 50%;
290 }
291 }
292
293
294 //---------- /Booking-form --------
295
296 .mphb-view-details-button-wrapper,
297 .mphb-rooms-quantity-wrapper,
298 .mphb-recommendation-total,
299 .mphb-rooms-reservation-message-wrapper,
300 .mphb-to-book-btn-wrapper,
301 .mphb-regular-price,
302 .mphb-recommendation{
303 margin-bottom: 1rem;
304 }
305
306 .mphb-reserve-rooms-details{
307 margin-top: 3.75rem;
308 }
309
310 .mphb-checkout-item-section{
311 margin-top: 1.25rem;
312 }
313
314 .mphb-checkout-section{
315 margin-bottom: 4em;
316 }
317
318 .mphb_sc_checkout-services-list{
319 list-style: none !important;
320 select{
321 display: inline-block;
322 width: auto;
323 }
324 li{
325 margin-bottom: .625rem;
326 &:last-child{
327 margin-bottom: 0;
328 }
329 }
330 }
331
332 .mphb-single-room-type-gallery-wrapper{
333 .gallery-item{
334 a{
335 width: 100%;
336 }
337 }
338 }
339