250 lines
5.8 KiB
CSS
250 lines
5.8 KiB
CSS
|
|
|
|
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==============================*/
|
|
|