source: src/main/resources/static/assets/scss/style.scss@ 09b34bc

Last change on this file since 09b34bc was e5fefbd, checked in by Anita Terziska <63020646+Nit4e@…>, 2 years ago

initial commit

  • Property mode set to 100644
File size: 11.8 KB
Line 
1/* =======================================================================
2Template Name: Dil Hospital
3Author: SmartEye Adminpanel
4Author URI: www.smarteyeapps.com
5Version: 1.0
6coder name:Prabin Raja
7Description: This Template is created for web template
8======================================================================= */
9
10/* ===================================== Import Less ================================== */
11@import 'variable';
12/* ===================================== Basic CSS ================================== */
13
14* {
15 margin: 0px;
16 padding: 0px;
17 list-style: none;
18
19}
20img {
21 max-width: 100%;
22}
23
24a {
25 text-decoration: none;
26 outline: none;
27 color: #444;
28}
29
30a:hover {
31 color: #444;
32}
33
34ul {
35 margin-bottom: 0;
36 padding-left: 0;
37}
38
39a:hover,
40a:focus,
41input,
42textarea {
43 text-decoration: none;
44 outline: none;
45}
46.center{
47 text-align: center;
48}
49.left{
50 text-align: left;
51}
52.right{
53 text-align: right;
54}
55.cp {
56 cursor: pointer
57}
58html,body{
59 height: 100%;
60}
61p {
62 margin-bottom: 0px;
63 width: 100%;
64}
65.no-padding {
66 padding: 0px;
67}
68
69.no-margin {
70 margin: 0px;
71
72}
73.hid{
74 display: none;
75}
76.top-mar{
77 margin-top: 15px;
78}
79.h-100{
80 height: 100%;;
81}
82::placeholder {
83 color: #747f8a !important;
84 font-size: 13px;
85 opacity: .5 !important;
86}
87.container-fluid{
88 padding: 0px;
89}
90h1,h2,h3,h4,h5,h6{
91 font-family: $mouse-500;
92}
93strong{
94 font-family: $mouse-500;
95}
96body{
97 background-color:#f7f7ff !important;
98 font-family: $mouse-300;
99 color: #6A6A6A;
100
101}
102
103.session-title{
104 padding: 30px;
105 margin: 0px;
106 h2{
107 width: 100%;
108 text-align: center;
109
110 }
111 p{
112 max-width: 850px;
113 text-align: center;
114 float: none;
115 margin: auto;
116 }
117 span{
118 float: right;
119 font-style: italic;
120 }
121}
122.inner-title{
123 padding: 20px;
124 padding-left: 0px;
125 margin-bottom: 30px;
126 h2{
127 width: 100%;
128 text-align: center;
129 font-size: 2rem;
130 font-family: $slab;
131 }
132 p{
133 width: 100%;
134 text-align: center;
135 }
136}
137.btn-success{
138 background-color: #1aaa55;
139 border-color: #1aaa55;
140 &:hover{
141 background-color: #1aaa55 !important;
142 border-color: #1aaa55 !important;
143 }
144 &:active{
145 background-color: #1aaa55 !important;
146 border-color: #1aaa55 !important;
147 }
148 &:focus{
149 background-color: #1aaa55 !important;
150 border-color: #1aaa55 !important;
151 box-shadow: none !important;
152 }
153}
154.btn-info{
155 background-color: #00a8df;
156 border-color: #00a8df;
157 &:hover{
158 background-color: #00a8df !important;
159 border-color: #00a8df !important;
160 }
161 &:active{
162 background-color: #00a8df !important;
163 border-color: #00a8df !important;
164 }
165 &:focus{
166 background-color: #00a8df !important;
167 border-color: #00a8df !important;
168 box-shadow: none !important;
169 }
170}
171.btn{
172 @include card-1();
173}
174.form-control{
175 &:focus{
176 box-shadow: none !important;
177 border:2px solid #00a8df;
178 }
179
180}
181.btn-light{
182 background-color: #FFF;
183 color: #3F3F3F;
184}
185@media screen and (max-width: 1199px){
186 .container{
187 max-width: 100%;
188 }
189}
190.collapse.show {
191
192 display: block !important;
193
194}
195
196.form-control:focus{
197 box-shadow: none;
198 border: 2px solid #0d7a40 !important;
199}
200.form-control{
201 background-color: #F8F8F8;
202 margin-bottom: 20px;
203 &:focus{
204 background-color: #FFF;
205 border-color: #CCC;
206 }
207}
208/* ===================================== Header CSS ================================== */
209
210header{
211 @include shado-1();
212 position: absolute;
213 width: 100%;
214 z-index: 999;
215 .header-top{
216 background-color: #212121;
217 .left-item{
218 ul{
219 li{
220 float: left;
221 color: #BCBCBC;
222 padding: 10px;
223 i{
224 color: #4e9be9;
225 }
226 }
227 }
228 }
229 .right-item{
230 ul{
231 float: right;
232 li{
233 float: left;
234 color: #BCBCBC;
235 padding: 10px;
236 }
237 }
238 }
239
240 }
241 background-color: #FFF;
242 .header-nav{
243 .nav-item{
244 ul{
245 li{
246 float: left;
247 font-family: $mouse-500;
248 font-size: 16px;
249 padding: 28px;
250 @media screen and (max-width: 916px){
251 padding: 30px 18px;
252 }
253 @media screen and (max-width: 767px){
254 float: none;
255 padding: 14px;
256 border-top: 1px solid #CCC;
257 }
258 }
259 }
260 }
261 .nav-img{
262 img{
263 width: 200px;
264 padding: 0px;
265 margin-top: 13px;
266 @media screen and (max-width: 767px){
267 margin-top: 0px;
268 padding: 10px;
269 }
270 }
271 }
272 .appoint{
273 padding-top: 21px;
274 }
275 }
276 .scroll-to-fixed-fixed{
277 background-color: #FFF;
278 @include shado-1();
279 }
280}
281
282.small-menu{
283 float: right;
284 color: #03509e;
285 font-size: 32px;
286 margin-top: 17px;
287 margin-right: 12px;
288
289}
290
291/* ===================================== Slider CSS ================================== */
292.slider-detail{
293 padding-top: 128px;
294 @media screen and (max-width: 767px){
295 padding-top: 115px;
296 }
297 @media screen and (max-width: 409px){
298 padding-top: 158px;
299 }
300 .carousel-caption{
301 text-align: left;
302 bottom: 110px;
303 h5{
304 font-size: 44px;
305 margin-left: -40px;
306 }
307 p{
308 margin-left: -40px;
309 font-weight: 600;
310 margin-top: 40px;
311 font-size: 19px;
312 }
313 }
314 .vbh{
315 margin-left: -40px;
316 .btn{
317 padding: 20px;
318 margin-top: 40px;
319 font-weight: 600;
320 font-size: 18px;
321 }
322 }
323 .vdg-cur{
324 color: #03509e;
325 }
326 .fvgb{
327 color: #00a8df;
328 }
329}
330
331
332/* ===================================== Key Features CSS ================================== */
333
334.key-features{
335 .kvxol{
336 padding: 0px;
337 }
338
339 .single-key{
340 background-color: #FFF;
341
342 margin-bottom: 30px;
343 text-align: center;
344 padding: 30px;
345 i{
346 background-color: #FFF;
347 padding: 20px;
348 font-size: 42px;
349 color: #0085bc;
350 margin-bottom: 30px;
351 border-radius: 50px;
352 }
353
354 p{
355 font-family: $mouse-300;
356 font-size: 15px;
357 }
358 }
359 .ky-1{
360 background-color: #03509e;
361 color: #FFF;
362 margin-bottom: 0px;
363 }
364 .ky-2{
365 background-color: #0085bc;
366 color: #FFF;
367 margin-bottom: 0px;
368 }
369}
370.department{
371 @include big-padding();
372 .single-key{
373 @include shado-4();
374 }
375}
376
377/* ===================================== With Medical CSS ================================== */
378
379.with-medical{
380 @include big-padding();
381 background-color: #FFF;
382 .txtr{
383 padding: 10px;
384 h4{
385 font-size: 32px;
386 span{
387 color: #03509e;
388 }
389 }
390 p{
391 text-indent: 20px;
392 font-size: 1.1rem;
393 }
394 }
395}
396
397
398/* ===================================== Our Team CSS ================================== */
399
400.our-team{
401 @include big-padding();
402 .user-card{
403 background-color: #FFF;
404 padding: 10px;
405 @include card-1();
406 margin-bottom: 20px;
407 img{
408 width: 100%;
409 }
410 .detfs{
411 text-align: center;
412 ul{
413 margin-left: 10%;
414 width: 100%;
415 li{
416 float: left;
417 padding: 10px;
418 font-size: 13px;
419 }
420
421 }
422 p{
423 margin-top: 17px;
424 }
425 }
426 }
427}
428/* ===================================== Our Blog CSS ================================== */
429.our-blog{
430 background-color: #FDFDFD;
431 padding: 40px;
432 @media screen and (max-width: 967px) {
433 padding: 30px 0px;
434 }
435 .single-blog{
436 margin-bottom: 20px;
437 background-color: #FFF;
438 @include shado-3();
439 figure{
440 margin-bottom: 5px;
441 }
442 .blog-detail{
443 padding: 15px;
444 }
445 small{
446 color: $color-primary;
447 font-size: 12px;
448 }
449 h4{
450 font-size: 1.2rem;
451 margin-bottom: 10px;
452
453 }
454 p{
455 text-align: justify;
456 text-indent: 20px;
457 }
458 .link{
459 a{
460 font-size: 12px;
461 color: $color-primary;
462 }
463 i{
464 padding-top: 6px;
465 margin-left: 5px;
466 color: $color-primary;
467 }
468 }
469
470 }
471}
472/* ===================================== Fooer CSS ================================== */
473
474.footer{
475 @include big-padding();
476 padding-bottom: 0px;
477 background-color: #444;
478 color: #FFF;
479 h2{
480 font-size: 26px;
481 margin-top: 10px;
482 }
483 p{
484 text-align: justify;
485 text-indent: 20px;
486 }
487 .link-list{
488 li{
489 padding: 10px;
490 border-bottom: 1px solid #6C6C6C;
491 a{
492 color: #FFF;
493 }
494 i{
495 float: right;
496 }
497 }
498 }
499 .map-img{
500 font-weight: 600;
501 font-size: 17px;
502 padding-left: 20px;
503 }
504 address{
505 a{
506 color: #FFF;
507 }
508 }
509
510}
511.copy{
512 padding: 20px;
513 background-color: #2E2E2E;
514 color: #FFF;
515 a{
516 color: #FFF;
517 }
518 span{
519 float: right;
520 i{
521 margin-right: 20px;
522 }
523 }
524 }
525
526
527.page-nav{
528 padding: 40px;text-align: center;
529 ul{
530
531 }
532 padding-top: 170px;
533
534 @media screen and (max-width: 409px){
535 padding-top: 210px;
536 }
537 h2{
538 font-size: 36px;
539 width: 100%;
540 color: #444;
541 ;text-align: left;
542 @media screen and (max-width: 600px){
543 font-size: 26px;
544 }
545 }
546 ul li{
547 float: left;
548 margin-right: 10px;
549 margin-top: 10px;
550 font-size: 16px;
551 i{
552 width: 30px;
553 text-align: center;
554 color: #444;
555
556 }
557 a{
558 color: #444;
559 }
560 }
561}
562
563/* ===================================== About Us Style ================================== */
564
565.about-us{
566 padding: 50px;
567 background-color: #FFF;
568 @media screen and (max-width: 1199px){
569 .container{
570 max-width: 100%;
571 }
572 }
573
574
575 img{
576 width: 100%;
577 padding: 10px;
578 background-color: #FFF;
579 @include shado-1();
580 }
581 h2{
582 font-size: 22px;
583 }
584 p{
585 text-align: justify;
586 text-indent: 20px;
587 }
588
589}
590
591.kf-2{
592 background-color: #FCFCFC;
593}
594
595.contact-rooo{
596 @include big-padding();
597 background-color: #FFF;
598}
599
600
601/* ===================================== Gallery Style ================================== */
602
603.gallery-filter{
604 width: 100%;
605 text-align: center;
606 .btn{
607 background-color: #FFF;
608 }
609}
610.gallery{
611 padding: 30px;
612 background-color: #FFF;
613}
614.gallery-title
615{
616 font-size: 36px;
617 color: #29509f;
618 text-align: center;
619 font-weight: 500;
620 margin-bottom: 70px;
621}
622.gallery-title:after {
623 content: "";
624 position: absolute;
625 width: 7.5%;
626 left: 46.5%;
627 height: 45px;
628 border-bottom: 1px solid #29509f;
629}
630.filter-button
631{
632 font-size: 18px;
633 border: 1px solid #29509f;
634 border-radius: 5px;
635 text-align: center;
636 color: #29509f;
637 margin-bottom: 30px;
638
639}
640.filter-button:hover
641{
642 font-size: 18px;
643 border: 1px solid #29509f;
644 border-radius: 5px;
645 text-align: center;
646 color: #ffffff;
647 background-color: #29509f;
648
649}
650.btn-default:active .filter-button:active
651{
652 background-color: #29509f;
653 color: white;
654}
655
656.port-image
657{
658 width: 100%;
659}
660
661.gallery_product
662{
663 margin-bottom: 30px;
664}
665.ky2{
666 background-color: #FAFAFA;
667}
Note: See TracBrowser for help on using the repository browser.