-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathstyle.css
106 lines (98 loc) · 3.93 KB
/
style.css
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
body {
background-color:#f1f1f2
}
a {
transition:all .3s ease 0s
}
.navbar .navbar-nav .nav-link {
color: #000000;
font-size: 1.1em;
}
.navbar .navbar-nav .nav-link:hover{
color: #808080;
}
.navbar-logo-centered .navbar-nav .nav-link{
padding: .5em 1em;
}
.logo-m img {
width: 120px;
margin-top: -30px;
}
/*typography*/
.h {font-size: 30px;color: #1d6a9d;font-weight:700;color:#333;padding:0 15px;text-transform:uppercase;transition:all .3s ease 0s}
/*Slider and Image Gallery*/
.b-0 {
bottom: 0;
}
.bg-shadow {
background: rgba(76, 76, 76, 0);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(179, 171, 171, 0)), color-stop(49%, rgba(48, 48, 48, 0.37)), color-stop(100%, rgba(19, 19, 19, 0.8)));
background: linear-gradient(to bottom, rgba(179, 171, 171, 0) 0%, rgba(48, 48, 48, 0.71) 49%, rgba(19, 19, 19, 0.8) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4c4c4c', endColorstr='#131313', GradientType=0 );
}
.top-indicator {
right: 0;
top: 1rem;
bottom: inherit;
left: inherit;
margin-right: 1rem;
}
.overflow {
position: relative;
overflow: hidden;
}
.zoom img {
transition: all 0.2s linear;
}
.zoom:hover img {
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
/****************** News Slider Demo-10 *******************/
.post-slide10{padding-bottom:10px;margin:0 15px;position:relative;background:#fff!important;box-shadow:0 1px 2px rgba(43,59,93,.3);margin-bottom:2em}
.post-slide10 img{width:100%;height:210px;object-fit:cover;}
.post-slide10 .post-date{position:absolute;top:2%;left:8%;padding:3% 5%;background:#e74c3c}
.post-slide10 .month{font-size:14px;color:#fff;font-weight:700;text-transform:uppercase}
.post-slide10 .month:after{content:"";display:block;border:1px solid #fff}
.post-slide10 .date{font-size:14px;color:#fff;display:block;text-align:center;font-weight:700}
.post-slide10 .post-title{margin:25px 0 15px 0}
.post-slide10 .post-title a{font-size:15px;font-weight:700;color:#333;padding:0 15px;display:inline-block;text-transform:uppercase;transition:all .3s ease 0s}
.post-slide10 .post-title a:hover{text-decoration:none;color:#e74c3c}
.post-slide10 .post-description{font-size:14px;line-height:24px;color:grey;padding:0 15px}
.post-slide10 .read-more{color:#333;padding:0 15px;text-transform:capitalize;transition:color .2s linear}
.post-slide10 .read-more i{margin-left:10px;font-size:10px}
.post-slide10 .read-more:hover{text-decoration:none;color:#e74c3c}
.owl-controls .owl-buttons{margin-top:20px;position:relative}
.owl-controls .owl-prev{position:absolute;left:-40px;bottom:230px;padding:8px 17px;background:#333;transition:background .5s ease}
.owl-controls .owl-next{position:absolute;right:-40px;bottom:230px;padding:8px 17px;background:#333;transition:background .5s ease}
.owl-controls .owl-next:after,.owl-controls .owl-prev:after{content:"\f104";font-family:FontAwesome;color:#d3d3d3;font-size:16px}
.owl-controls .owl-next:after{content:"\f105"}
.owl-controls .owl-next:hover,.owl-controls .owl-prev:hover{background:#e74c3c}
@media only screen and (max-width:990px){.post-slide10{margin:0 20px}
.owl-controls .owl-buttons .owl-prev{left:-20px;padding:5px 14px}
.owl-controls .owl-buttons .owl-next{right:-20px;padding:5px 14px}
}
@media only screen and (max-width:767px){.owl-controls .owl-buttons .owl-prev{left:0;bottom:260px}
.owl-controls .owl-buttons .owl-next{right:0;bottom:260px}
}
/*line hr style*/
hr.style-eight {
overflow: visible; /* For IE */
padding: 0;
border: none;
border-top: medium double #333;
color: #333;
text-align: center;
width: 30%;
margin-top: 0;
margin-bottom: 30px;
}
hr.style-eight:after {
content: "§";
display: inline-block;
position: relative;
top: -0.7em;
font-size: 1.5em;
padding: 0 0.25em;
background: #f1f1f2;
}