source: src/main/resources/static/assets/css/style.css

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

initial commit

  • Property mode set to 100644
File size: 12.7 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/* ===================================== Import Less ================================== */
10@font-face {
11 font-family: 'mouse-300';
12 src: url("../fonts/PT_Sans-Web-Regular.ttf") format("truetype"); }
13@font-face {
14 font-family: 'mouse-500';
15 src: url("../fonts/PT_Sans-Web-Bold.ttf") format("truetype"); }
16/* ===================================== Basic CSS ================================== */
17* {
18 margin: 0px;
19 padding: 0px;
20 list-style: none; }
21
22img {
23 max-width: 100%; }
24
25a {
26 text-decoration: none;
27 outline: none;
28 color: #444; }
29
30a:hover {
31 color: #444; }
32
33ul {
34 margin-bottom: 0;
35 padding-left: 0; }
36
37a:hover,
38a:focus,
39input,
40textarea {
41 text-decoration: none;
42 outline: none; }
43
44.center {
45 text-align: center; }
46
47.left {
48 text-align: left; }
49
50.right {
51 text-align: right; }
52
53.cp {
54 cursor: pointer; }
55
56html, body {
57 height: 100%; }
58
59p {
60 margin-bottom: 0px;
61 width: 100%; }
62
63.no-padding {
64 padding: 0px; }
65
66.no-margin {
67 margin: 0px; }
68
69.hid {
70 display: none; }
71
72.top-mar {
73 margin-top: 15px; }
74
75.h-100 {
76 height: 100%; }
77
78::placeholder {
79 color: #747f8a !important;
80 font-size: 13px;
81 opacity: .5 !important; }
82
83.container-fluid {
84 padding: 0px; }
85
86h1, h2, h3, h4, h5, h6 {
87 font-family: "mouse-500", Arial, Helvetica, sans-serif; }
88
89strong {
90 font-family: "mouse-500", Arial, Helvetica, sans-serif; }
91
92body {
93 background-color: #f7f7ff !important;
94 font-family: "mouse-300", Arial, Helvetica, sans-serif;
95 color: #6A6A6A; }
96
97.session-title {
98 padding: 30px;
99 margin: 0px; }
100 .session-title h2 {
101 width: 100%;
102 text-align: center; }
103 .session-title p {
104 max-width: 850px;
105 text-align: center;
106 float: none;
107 margin: auto; }
108 .session-title span {
109 float: right;
110 font-style: italic; }
111
112.inner-title {
113 padding: 20px;
114 padding-left: 0px;
115 margin-bottom: 30px; }
116 .inner-title h2 {
117 width: 100%;
118 text-align: center;
119 font-size: 2rem;
120 font-family: "slab", Arial, Helvetica, sans-serif; }
121 .inner-title p {
122 width: 100%;
123 text-align: center; }
124
125.btn-success {
126 background-color: #1aaa55;
127 border-color: #1aaa55; }
128 .btn-success:hover {
129 background-color: #1aaa55 !important;
130 border-color: #1aaa55 !important; }
131 .btn-success:active {
132 background-color: #1aaa55 !important;
133 border-color: #1aaa55 !important; }
134 .btn-success:focus {
135 background-color: #1aaa55 !important;
136 border-color: #1aaa55 !important;
137 box-shadow: none !important; }
138
139.btn-info {
140 background-color: #00a8df;
141 border-color: #00a8df; }
142 .btn-info:hover {
143 background-color: #00a8df !important;
144 border-color: #00a8df !important; }
145 .btn-info:active {
146 background-color: #00a8df !important;
147 border-color: #00a8df !important; }
148 .btn-info:focus {
149 background-color: #00a8df !important;
150 border-color: #00a8df !important;
151 box-shadow: none !important; }
152
153.btn {
154 box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
155 border-radius: 2px; }
156
157.form-control:focus {
158 box-shadow: none !important;
159 border: 2px solid #00a8df; }
160
161.btn-light {
162 background-color: #FFF;
163 color: #3F3F3F; }
164
165@media screen and (max-width: 1199px) {
166 .container {
167 max-width: 100%; } }
168.collapse.show {
169 display: block !important; }
170
171.form-control:focus {
172 box-shadow: none;
173 border: 2px solid #0d7a40 !important; }
174
175.form-control {
176 background-color: #F8F8F8;
177 margin-bottom: 20px; }
178 .form-control:focus {
179 background-color: #FFF;
180 border-color: #CCC; }
181
182/* ===================================== Header CSS ================================== */
183header {
184 box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
185 position: absolute;
186 width: 100%;
187 z-index: 999;
188 background-color: #FFF; }
189 header .header-top {
190 background-color: #212121; }
191 header .header-top .left-item ul li {
192 float: left;
193 color: #BCBCBC;
194 padding: 10px; }
195 header .header-top .left-item ul li i {
196 color: #4e9be9; }
197 header .header-top .right-item ul {
198 float: right; }
199 header .header-top .right-item ul li {
200 float: left;
201 color: #BCBCBC;
202 padding: 10px; }
203 header .header-nav .nav-item ul li {
204 float: left;
205 font-family: "mouse-500", Arial, Helvetica, sans-serif;
206 font-size: 16px;
207 padding: 28px; }
208 @media screen and (max-width: 916px) {
209 header .header-nav .nav-item ul li {
210 padding: 30px 18px; } }
211 @media screen and (max-width: 767px) {
212 header .header-nav .nav-item ul li {
213 float: none;
214 padding: 14px;
215 border-top: 1px solid #CCC; } }
216 header .header-nav .nav-img img {
217 width: 200px;
218 padding: 0px;
219 margin-top: 13px; }
220 @media screen and (max-width: 767px) {
221 header .header-nav .nav-img img {
222 margin-top: 0px;
223 padding: 10px; } }
224 header .header-nav .appoint {
225 padding-top: 21px; }
226 header .scroll-to-fixed-fixed {
227 background-color: #FFF;
228 box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12); }
229
230.small-menu {
231 float: right;
232 color: #03509e;
233 font-size: 32px;
234 margin-top: 17px;
235 margin-right: 12px; }
236
237/* ===================================== Slider CSS ================================== */
238.slider-detail {
239 padding-top: 128px; }
240 @media screen and (max-width: 767px) {
241 .slider-detail {
242 padding-top: 115px; } }
243 @media screen and (max-width: 409px) {
244 .slider-detail {
245 padding-top: 158px; } }
246 .slider-detail .carousel-caption {
247 text-align: left;
248 bottom: 110px; }
249 .slider-detail .carousel-caption h5 {
250 font-size: 44px;
251 margin-left: -40px; }
252 .slider-detail .carousel-caption p {
253 margin-left: -40px;
254 font-weight: 600;
255 margin-top: 40px;
256 font-size: 19px; }
257 .slider-detail .vbh {
258 margin-left: -40px; }
259 .slider-detail .vbh .btn {
260 padding: 20px;
261 margin-top: 40px;
262 font-weight: 600;
263 font-size: 18px; }
264 .slider-detail .vdg-cur {
265 color: #03509e; }
266 .slider-detail .fvgb {
267 color: #00a8df; }
268
269/* ===================================== Key Features CSS ================================== */
270.key-features .kvxol {
271 padding: 0px; }
272.key-features .single-key {
273 background-color: #FFF;
274 margin-bottom: 30px;
275 text-align: center;
276 padding: 30px; }
277 .key-features .single-key i {
278 background-color: #FFF;
279 padding: 20px;
280 font-size: 42px;
281 color: #0085bc;
282 margin-bottom: 30px;
283 border-radius: 50px; }
284 .key-features .single-key p {
285 font-family: "mouse-300", Arial, Helvetica, sans-serif;
286 font-size: 15px; }
287.key-features .ky-1 {
288 background-color: #03509e;
289 color: #FFF;
290 margin-bottom: 0px; }
291.key-features .ky-2 {
292 background-color: #0085bc;
293 color: #FFF;
294 margin-bottom: 0px; }
295
296.department {
297 padding: 50px; }
298 @media screen and (max-width: 940px) {
299 .department {
300 padding: 30px 10px; } }
301 .department .single-key {
302 box-shadow: 0 2px 3px 0 rgba(218, 218, 253, 0.35), 0 0px 3px 0 rgba(206, 206, 238, 0.35); }
303
304/* ===================================== With Medical CSS ================================== */
305.with-medical {
306 padding: 50px;
307 background-color: #FFF; }
308 @media screen and (max-width: 940px) {
309 .with-medical {
310 padding: 30px 10px; } }
311 .with-medical .txtr {
312 padding: 10px; }
313 .with-medical .txtr h4 {
314 font-size: 32px; }
315 .with-medical .txtr h4 span {
316 color: #03509e; }
317 .with-medical .txtr p {
318 text-indent: 20px;
319 font-size: 1.1rem; }
320
321/* ===================================== Our Team CSS ================================== */
322.our-team {
323 padding: 50px; }
324 @media screen and (max-width: 940px) {
325 .our-team {
326 padding: 30px 10px; } }
327 .our-team .user-card {
328 background-color: #FFF;
329 padding: 10px;
330 box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
331 border-radius: 2px;
332 margin-bottom: 20px; }
333 .our-team .user-card img {
334 width: 100%; }
335 .our-team .user-card .detfs {
336 text-align: center; }
337 .our-team .user-card .detfs ul {
338 margin-left: 10%;
339 width: 100%; }
340 .our-team .user-card .detfs ul li {
341 float: left;
342 padding: 10px;
343 font-size: 13px; }
344 .our-team .user-card .detfs p {
345 margin-top: 17px; }
346
347/* ===================================== Our Blog CSS ================================== */
348.our-blog {
349 background-color: #FDFDFD;
350 padding: 40px; }
351 @media screen and (max-width: 967px) {
352 .our-blog {
353 padding: 30px 0px; } }
354 .our-blog .single-blog {
355 margin-bottom: 20px;
356 background-color: #FFF;
357 box-shadow: 0 2px 6px 0 rgba(218, 218, 253, 0.65), 0 2px 6px 0 rgba(206, 206, 238, 0.54); }
358 .our-blog .single-blog figure {
359 margin-bottom: 5px; }
360 .our-blog .single-blog .blog-detail {
361 padding: 15px; }
362 .our-blog .single-blog small {
363 color: #FFFFFF;
364 font-size: 12px; }
365 .our-blog .single-blog h4 {
366 font-size: 1.2rem;
367 margin-bottom: 10px; }
368 .our-blog .single-blog p {
369 text-align: justify;
370 text-indent: 20px; }
371 .our-blog .single-blog .link a {
372 font-size: 12px;
373 color: #FFFFFF; }
374 .our-blog .single-blog .link i {
375 padding-top: 6px;
376 margin-left: 5px;
377 color: #FFFFFF; }
378
379/* ===================================== Fooer CSS ================================== */
380.footer {
381 padding: 50px;
382 padding-bottom: 0px;
383 background-color: #444;
384 color: #FFF; }
385 @media screen and (max-width: 940px) {
386 .footer {
387 padding: 30px 10px; } }
388 .footer h2 {
389 font-size: 26px;
390 margin-top: 10px; }
391 .footer p {
392 text-align: justify;
393 text-indent: 20px; }
394 .footer .link-list li {
395 padding: 10px;
396 border-bottom: 1px solid #6C6C6C; }
397 .footer .link-list li a {
398 color: #FFF; }
399 .footer .link-list li i {
400 float: right; }
401 .footer .map-img {
402 font-weight: 600;
403 font-size: 17px;
404 padding-left: 20px; }
405 .footer address a {
406 color: #FFF; }
407
408.copy {
409 padding: 20px;
410 background-color: #2E2E2E;
411 color: #FFF; }
412 .copy a {
413 color: #FFF; }
414 .copy span {
415 float: right; }
416 .copy span i {
417 margin-right: 20px; }
418
419.page-nav {
420 padding: 40px;
421 text-align: center;
422 padding-top: 170px; }
423 @media screen and (max-width: 409px) {
424 .page-nav {
425 padding-top: 210px; } }
426 .page-nav h2 {
427 font-size: 36px;
428 width: 100%;
429 color: #444;
430 text-align: left; }
431 @media screen and (max-width: 600px) {
432 .page-nav h2 {
433 font-size: 26px; } }
434 .page-nav ul li {
435 float: left;
436 margin-right: 10px;
437 margin-top: 10px;
438 font-size: 16px; }
439 .page-nav ul li i {
440 width: 30px;
441 text-align: center;
442 color: #444; }
443 .page-nav ul li a {
444 color: #444; }
445
446/* ===================================== About Us Style ================================== */
447.about-us {
448 padding: 50px;
449 background-color: #FFF; }
450 @media screen and (max-width: 1199px) {
451 .about-us .container {
452 max-width: 100%; } }
453 .about-us img {
454 width: 100%;
455 padding: 10px;
456 background-color: #FFF;
457 box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12); }
458 .about-us h2 {
459 font-size: 22px; }
460 .about-us p {
461 text-align: justify;
462 text-indent: 20px; }
463
464.kf-2 {
465 background-color: #FCFCFC; }
466
467.contact-rooo {
468 padding: 50px;
469 background-color: #FFF; }
470 @media screen and (max-width: 940px) {
471 .contact-rooo {
472 padding: 30px 10px; } }
473
474/* ===================================== Gallery Style ================================== */
475.gallery-filter {
476 width: 100%;
477 text-align: center; }
478 .gallery-filter .btn {
479 background-color: #FFF; }
480
481.gallery {
482 padding: 30px;
483 background-color: #FFF; }
484
485.gallery-title {
486 font-size: 36px;
487 color: #29509f;
488 text-align: center;
489 font-weight: 500;
490 margin-bottom: 70px; }
491
492.gallery-title:after {
493 content: "";
494 position: absolute;
495 width: 7.5%;
496 left: 46.5%;
497 height: 45px;
498 border-bottom: 1px solid #29509f; }
499
500.filter-button {
501 font-size: 18px;
502 border: 1px solid #29509f;
503 border-radius: 5px;
504 text-align: center;
505 color: #29509f;
506 margin-bottom: 30px; }
507
508.filter-button:hover {
509 font-size: 18px;
510 border: 1px solid #29509f;
511 border-radius: 5px;
512 text-align: center;
513 color: #ffffff;
514 background-color: #29509f; }
515
516.btn-default:active .filter-button:active {
517 background-color: #29509f;
518 color: white; }
519
520.port-image {
521 width: 100%; }
522
523.gallery_product {
524 margin-bottom: 30px; }
525
526.ky2 {
527 background-color: #FAFAFA; }
528
529/*# sourceMappingURL=style.css.map */
Note: See TracBrowser for help on using the repository browser.