| Server IP : 66.29.132.124 / Your IP : 3.145.110.145 Web Server : LiteSpeed System : Linux business141.web-hosting.com 4.18.0-553.lve.el8.x86_64 #1 SMP Mon May 27 15:27:34 UTC 2024 x86_64 User : wavevlvu ( 1524) PHP Version : 7.4.33 Disable Function : NONE MySQL : OFF | cURL : ON | WGET : ON | Perl : ON | Python : ON | Sudo : OFF | Pkexec : OFF Directory : /proc/thread-self/root/proc/self/root/home/wavevlvu/book24.ng/public/module/news/scss/ |
Upload File : |
.bravo-news{
a{
text-decoration: none;
}
h2.title, h4.post-title,h3.post-title {
line-height: 1.3;
font-weight: 500;
margin-top: 15px;
color: #1A2B48;
font-size: 28px;
}
.bravo_content{
padding: 30px 0;
}
.bravo_banner {
background-color: #1a2b48;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
padding: 100px 0;
position: relative;
h1 {
font-size: 36px;
color: #FFFFFF;
letter-spacing: 0;
text-align: left;
margin: 0;
}
}
padding-bottom: 100px;
.list-news{
margin: 0 0 30px;
.post-header{
margin-bottom: 15px;
}
}
.article{
margin-bottom: 40px;
h2.title, h4.post-title,h3.post-title {
line-height: 1.3;
font-weight: 500;
margin-top: 15px;
color: #1A2B48;
font-size: 28px;
}
.post-header{
max-height: 350px;
overflow: hidden;
}
}
.author-info {
margin-top: 40px;
padding: 30px;
border: 1px solid #D7DCE3;
border-radius: 3px;
.media {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
.avatar {
border-radius: 100px;
margin-right: 20px
}
}
}
.space-between{
justify-content: space-between;
-webkit-box-pack: justify;
display: -webkit-box;
margin: 30px 0;
.tags {
.tag-item {
color: #1A2B48;
font-size: 11px;
padding: 8px 20px;
background: #F7F6F6;
margin-right: 10px;
margin-bottom: 10px;
text-transform: uppercase;
font-weight: 500;
text-decoration: none;
}
}
.share {
font-size: 14px;
color: #1A2B48;
.share-item {
margin-left: 8px;
margin-right: 8px;
color: #5E6D77;
}
}
}
.post-content {
color: #5E6D77;
font-size: 15px;
img{
max-width: 100%;
height: auto !important;
}
}
.header{
position: relative;
img {
max-width: 100%;
height: auto;
width: 780px;
}
.cate {
position: absolute;
top: 30px;
left: 30px;
overflow: hidden;
ul {
padding: 0;
margin: 0;
li {
list-style: none;
float: left;
margin-right: 10px;
border-radius: 3px;
background: #5191FA;
margin-bottom: 5px;
a{
color: #fff;
padding: 5px 10px;
display: block;
text-decoration: none;
}
}
}
}
}
.widget_search form{
display: flex;
input[type="text"] {
height: 40px;
font-size: 14px;
color: #5E6D77;
font-style: italic;
border-radius: 3px 0 0 3px;
border: 1px solid #1a2b48;
}
button {
height: 40px;
background: #1a2b48;
border-radius: 0 3px 3px 0;
border: none;
width: 40px;
text-align: center;
}
.icon_search{
background-image: url(/images/search.png);
background-size: 20px;
background-repeat: no-repeat;
background-position: center;
}
}
.sidebar-widget{
margin-bottom: 30px;
/*margin-top: 30px;*/
.sidebar-title {
position: relative;
h4,h2 {
font-size: 16px;
color: #1A2B48;
font-weight: 500;
background-color: #fff;
position: relative;
display: inline-block;
z-index: 9;
padding-right: 25px;
padding-bottom: 20px;
margin: 0;
}
&:after {
content: "";
height: 1px;
background: #D7DCE3;
display: block;
position: absolute;
top: 9px;
width: 100%;
margin-top: 0px;
}
}
}
.widget_category {
.title h4 {
font-size: 16px;
color: #1A2B48;
font-weight: 500;
display: inline-block;
z-index: 9;
padding-right: 25px;
margin: 0;
padding-bottom: 20px;
}
ul {
padding: 0;
margin: 0;
li {
margin-bottom: 20px;
list-style: none;
span {
height: 6px;
width: 6px;
display: inline-block;
position: relative;
top: -1px;
border-radius: 50%;
margin-right: 15px;
background: #5191fa;
}
a {
font-weight: 500;
font-size: 14px;
color: #1A2B48;
}
}
}
}
.widget_bloglist{
ul {
padding: 0;
margin: 0;
li {
list-style: none;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin-bottom: 20px;
.thumb img {
border-radius: 3px;
margin-right: 15px;
max-width: 100px;
}
.content .cate {
text-transform: uppercase;
a {
font-size: 12px;
font-weight: 600;
}
}
.content .thumb-list-item-title {
font-weight: 500;
font-size: 14px;
a {
color: #1A2B48;
line-height: 24px;
font-size: 15px;
}
}
}
}
}
.widget_tag_cloud .tagcloud a {
font-size: 11px !important;
color: #1A2B48 !important;
font-weight: 500;
background: #F7F6F6 !important;
border-radius: 3px;
padding: 9px 20px;
display: inline-block;
margin-bottom: 10px;
margin-right: 10px;
text-transform: uppercase;
text-decoration: none;
}
.text-darken{
color: #1A2B48;
}
.post_item{
margin-bottom: 40px;
}
.post-info{
margin-bottom: 20px;
ul {
padding: 0;
margin: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
li {
list-style: none;
float: left;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
font-size: 14px;
color: #5E6D77;
text-transform: uppercase;
font-weight: 500;
margin-right: 10px;
a {
text-decoration: none;
color: #1A2B48;
}
span{
margin-right: 5px;
}
img{
border-radius: 50%;
width: 30px;
height: 30px;
margin-right: 12px;
}
.avatar-text{
background: #1A2B48;
border-radius: 50%;
width: 30px;
height: 30px;
display: inline-block;
text-align: center;
padding-top: 5px;
font-size : 15px;
top: -2px;
margin-right: 5px;
position: relative;
color: #fff;
}
}
li:not(:last-child):after {
content: '';
height: 6px;
width: 6px;
background: #EEEEEE;
margin-left: 12px;
border-radius: 50%;
}
}
}
.btn-readmore {
font-size: 14px;
color: #5191FA;
font-weight: 600;
text-transform: uppercase;
margin-top: 20px;
display: inline-block;
}
.header img{width: 780px;}
}