first commit
This commit is contained in:
249
CONTENT/THEME/css/style.css
Normal file
249
CONTENT/THEME/css/style.css
Normal file
@@ -0,0 +1,249 @@
|
||||
|
||||
|
||||
body{ background-color:#ccc; }
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
/*==========================hard-start======================*/
|
||||
|
||||
.hard { background: #fff; padding: 12px 0 12px 0; margin: 0; }
|
||||
.hard .lt-block{ padding: 0; margin: 0; }
|
||||
.hard .lt-block h3{ font-family: ; font-size:16px ; color: #000; line-height: 18px; font-weight: 400; padding: 0; margin: 0; }
|
||||
.hard .rt-block{ float: right; padding:0; margin: 0;}
|
||||
.hard .rt-block ul{ padding: 0; margin: 0; }
|
||||
.hard .rt-block ul li{ display:inline-block; text-align: right; text-decoration: none; padding: 0 12px 0 0; margin: 0; }
|
||||
.hard .rt-block ul li a{ padding: 0; margin: 0; }
|
||||
/*==========================hard-start======================*/
|
||||
|
||||
|
||||
|
||||
.low-body { background:#65e851; padding: 0; min-height: 0; }
|
||||
.low-body .navbar-default{ background-color: #343534; border: 0; padding:0; margin:0; }
|
||||
.low-body .navbar-default .navbar-nav>li>a{ font-size: 16px; color: #fff !important; line-height: 18px; font-weight: bold; }
|
||||
.low-body .navbar-default .navbar-nav>li>a:hover{ background: #fff; color: #000 !important; transition: all 600ms ease-out; }
|
||||
|
||||
.low-body .navbar-default .navbar-nav>.active>a{ background: #000; color: #088939 !important; }
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
.low-body .navbar-collapse{ padding-left: 0 !important; }
|
||||
|
||||
|
||||
.low-body .banner{ background: #; padding:0; margin: 20px 0 20px 0; }
|
||||
.low-body .banner .frist{ background:#fff; padding: 15px 0 15px 0; margin: 0; }
|
||||
.low-body .banner .lt-block{ background: #95b3e2; min-height: 400px; padding: 0; margin: 0; }
|
||||
.low-body .banner .lt-block img{ width: 100%; }
|
||||
|
||||
|
||||
|
||||
|
||||
.low-body .banner .rt-block{ background: #95b3e2; min-height: 227px; padding: 0; margin: 0; }
|
||||
.low-body .banner .rt-block .wrapper-1 .example-1 ul li img{ width: 100%; min-height: 100% !important; }
|
||||
|
||||
.low-body .banner .bottom{ background: #2c6acc; min-height:150px; padding: 0; margin:30px 0 0 0; }
|
||||
.low-body .banner .bottom img{ width: 100%; min-height: height:100%; }
|
||||
|
||||
|
||||
.low-body .Top{ padding: 0; margin:0 ; }
|
||||
.low-body .Top .Top-news{ background:#fff; min-height:300px; padding:0 20px 0 20px; margin:0 !important;
|
||||
}
|
||||
.low-body .Top .Top-news h3{ font-family: 0; font-size: 25px; color: #fff; line-height: 27px; font-weight: 600;
|
||||
padding: 0 0 0 20px; margin:0 0 20px 0; }
|
||||
|
||||
.low-body .Top .Top-news .img-block{ padding: 0; margin: 0 0 0 0; }
|
||||
.low-body .Top .Top-news .img-block img{ width: 100%; }
|
||||
.low-body .Top .Top-news .text-block h4{ font-family: 0; font-size: 18px; color: #000; line-height: 20px; font-weight: 500;
|
||||
padding: 0 !important; margin:0 !important; }
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
.low-body .Top .Gallery{ background:#a442f4; min-height:200px; padding: 0 ; margin: 0; }
|
||||
.low-body .Top .Gallery .item{ height: 150px; padding: 0; margin: 0 20px 0 20px ; }
|
||||
.low-body .Top .Gallery .item img{ width: 100%; height: 100%; padding: 0; margin: 0 20px 0 20px; }
|
||||
|
||||
|
||||
.low-body .Top .Breaking-News{ background:#fff; min-height:200px; padding: 50px 20px 0 20px ; margin: 0; }
|
||||
.low-body .Top .Breaking-News .img-block{ margin: 20px 0 30px 0; padding: 0; }
|
||||
|
||||
.low-body .Top .Breaking-News .dwon-box{ background-color: #2f3056; height: 10px; position: relative; padding: 0; margin: 0;}
|
||||
.low-body .Top .Breaking-News .dwon-box h3{ font-size: 30px; color:#3a47ff; position:absolute ; left: 0; top: -11px; padding:0; z-index: 9999;}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
.low-body .Top .videos{ background:#000; min-height:300px; padding: 0; margin: 0; }
|
||||
.low-body .Top .NEW-POSTS{ background:#fff; min-height:450px; padding: 0; margin: 0; }
|
||||
|
||||
.low-body .Top .search{ background:#000; min-height:300px; padding: 0; margin: 0; }
|
||||
.low-body .Top .CALENDAR{ background:#fff; min-height:200px; padding: 0; margin: 0; }
|
||||
.low-body .Top .TWEET{ background:#fff; min-height:230px; padding: 0; margin: 0; }
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
.footer{ background: #000; padding: 30px 0 30px 0; margin: 0; }
|
||||
.footer .NEWSPAPER{ background: #fff; min-height: 300px; padding: 0; margin: 0 0 30px 0; }
|
||||
.footer .Tags{ background: #fff; min-height: 300px; padding: 0; margin: 0 0 30px 0; }
|
||||
.footer .Recent-News{ background: #fff; min-height: 300px; padding: 0; margin: 0 0 30px 0; }
|
||||
.footer .footer-bottom{ border-top: 2px solid #fff; padding: 0; min-height: 0; }
|
||||
.footer .footer-bottom .text-center { padding: 0; min-height: 0; }
|
||||
.footer .footer-bottom .text-center h4 { font-family: ; font-size:16px ; color: #fff; line-height: 18px; font-weight: 400; padding: 20px 0 0 0; margin: 0;
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
.wrapper-1 {
|
||||
width: 100%;
|
||||
margin: 0 auto;
|
||||
|
||||
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
/*style for img in case of low download speed*/
|
||||
|
||||
.example-1 {
|
||||
overflow: hidden;
|
||||
width: 100%;
|
||||
position: relative;
|
||||
|
||||
}
|
||||
|
||||
.example-1 ul {
|
||||
overflow: hidden;
|
||||
margin: 0;
|
||||
zoom: 1;
|
||||
|
||||
}
|
||||
|
||||
.example-1 ul li { float: left; }
|
||||
|
||||
.example-1 ul li img { width: 100%; }
|
||||
|
||||
/*style for dots*/
|
||||
|
||||
|
||||
.dots-1 {
|
||||
position: absolute;
|
||||
bottom: 10px;
|
||||
right: 10px;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.dots-1 li {
|
||||
display: inline-block;
|
||||
*display: inline;
|
||||
*zoom: 1;
|
||||
width: 15px;
|
||||
height: 15px;
|
||||
margin: 0 5px;
|
||||
background: #963;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.dots-1 li:hover, .dots-1 li.active { background: #000; }
|
||||
|
||||
.wrapper-2 {
|
||||
width: 100%;
|
||||
margin: 0 auto;
|
||||
}
|
||||
|
||||
/*style for img in case of low download speed*/
|
||||
|
||||
.example-2 {
|
||||
overflow: hidden;
|
||||
width: 100%;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.example-2 ul {
|
||||
overflow: hidden;
|
||||
margin: 0;
|
||||
zoom: 1;
|
||||
}
|
||||
|
||||
.example-2 ul li { float: left; }
|
||||
|
||||
.example-2 ul li img { width: 100%; }
|
||||
|
||||
.dots-2 {
|
||||
position: absolute;
|
||||
bottom: 20px;
|
||||
left: 50%;
|
||||
width: 300px;
|
||||
margin: 0 0 0 -150px;
|
||||
padding: 0;
|
||||
text-align: center;
|
||||
|
||||
}
|
||||
|
||||
.dots-2 li {
|
||||
display: inline-block;
|
||||
*display: inline;
|
||||
*zoom: 1;
|
||||
width: 15px;
|
||||
height: 15px;
|
||||
margin: 0 5px;
|
||||
border-radius: 50%;
|
||||
background: #fff;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.dots-2 li:hover, .dots-2 li.active { background: #ff7f02; }
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
/*=========================gallery==============================*/
|
||||
|
||||
/*=========================gallery-end==============================*/
|
||||
|
||||
Reference in New Issue
Block a user