WIBUHAX0R1337

- WIBUHAX0R1337 -

/home/zqegovsj/www/us3web.haibo.net/a_web_bak/css/ [ Home ]

Create Folder Create File

.boss-search.box{
	margin-bottom:50px;
}
#blogsearch {
	position:relative;
	width:100%;
	line-height:0;
	margin-top:5px;
}
#blogsearch .form-control{
	margin-top:5px 0 10px;
	height:36px; 
	padding:6px 10px;
	line-height:24px;
	border:1px solid #c9c9c9;
} 
#blogsearch .form-control:focus{
	border:1px solid #303030;
}
#blogsearch .input-group-btn{
	display:inline-block;
	position:static;
}
#blogsearch .btn-search {
	background:transparent; 
	color:#7c7c7c; 
	border:none; 
	height:36px; 
	padding:6px 10px;
	position:absolute;
	right:0;
	top:0;
	z-index: 4px;
}
.right-to-left  #blogsearch .btn-search {
	left:0;
	right:auto;
}
#blogsearch .btn-search:hover{
	color:#303030;
}
#blogsearch .btn-search .fa{
	vertical-align:top;
	line-height:24px;
}
#blogsearch .btn-search:hover{color:#000}
.box.boss_blog-cat .box-content .box-category li a{
	display:block;
}
.box.boss_blog-cat .box-content .box-category li a span{
	color:#d3d3d3;
	float:right;
}
.right-to-left .box.boss_blog-cat .box-content .box-category li a span{
	float:left;
}
.box.boss_blog-cat .box-content .box-category> li:first-child a{
	border-top:none;
	padding-top:0;
}
.box.boss_blog-cat .box-content .box-category li a:hover span{
	color:#4dbeee;
}
.box.boss-recent-post  .box-heading span{
	font-family: "Lato",sans-serif;
	text-transform: capitalize;
	color: #000;
	font-weight: 700;
}
.box.boss-recent-post  .box-heading span,#column-left .box  .box-heading.block-title h1,
 #column-right .box  .box-heading.block-title h1{
    font-size: 20px;
    line-height: 22px;
    margin-bottom: 0.75em;
}
.box.boss_blog-cat{
	margin-bottom:40px;
}
.box.bt-recent-comments{
	margin-bottom:32px;
}
.box.boss-recent-post{
	margin-bottom:65px;
}
.boss-recent-post .item-recent-post{
	border-top:1px solid #f8f8f8;
	padding:10px 0;
	overflow:hidden;
}
.boss-recent-post .item-recent-post:first-child{
	border-top:none;
}
.boss-recent-post .item-recent-post .image{
	float:left;
	margin-right:10px;
}
.right-to-left .boss-recent-post .item-recent-post .image{
	float:right;
	margin-right:0;
	margin-left:10px;
}
.boss-recent-post .item-recent-post .image a{
	position:relative;
	display:block;
}
.boss-recent-post .item-recent-post .title{
	min-width:40%;
	overflow:hidden;
	line-height:1.55em;
}
.boss-recent-post .item-recent-post .title small{
	font-size:13px;
	color:#a1a1a1;
}
.boss-recent-post .item-recent-post .image a:before{
	height: 100%;
	width: 100%;
	content:"";
}
.boss-recent-post .item-recent-post .image a:before {
    box-shadow:0 0 0 0px rgba(0, 0, 0, 0.4) inset;
    -webkit-box-shadow:0 0 0 0px rgba(0, 0, 0, 0.4) inset;
    -moz-box-shadow:0 0 0 0px rgba(0, 0, 0, 0.4) inset;
    left: 0;
    opacity: 0;
    position: absolute;
    text-align: center;
    top: 0;
    transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
	-webkit-transition:all 0.3s ease 0s;
}
.boss-recent-post .item-recent-post .image a:hover:before{
    opacity: 1;
    box-shadow:0 0 0 35px rgba(0, 0, 0, 0.4) inset;
    -webkit-box-shadow:0 0 0 35px rgba(0, 0, 0, 0.4) inset;
    -moz-box-shadow:0 0 0 35px rgba(0, 0, 0, 0.4) inset;
}
.boss-recent-post .item-recent-post .image a:after {
    content:"";
	position:absolute;
	width:100%;
	height:100%;
	top:0;
	left:0;
	background:url('../images/viewmore_bg.png') no-repeat center center;
    transform: scale(0);
	-moz-transform: scale(0);
	-webkit-transform: scale(0);
	-webkit-transition:all 0.4s ease 0.2s;
	-moz-transition:all 0.4s ease 0.2s;
    transition: all 0.4s ease 0.2s;
}
.boss-recent-post .item-recent-post .image a:hover:after {
	 transform: scale(1);
	-moz-transform: scale(1);
	-webkit-transform: scale(1);
}
.bt-recent-comments .box-content .recent-comment-item{
	border-top:1px solid #f8f8f8;
	padding-top:10px;
	margin-bottom:18px;
}
.bt-recent-comments .box-content .recent-comment-item:first-child{
	border-top:none;
	padding-top:0;
}
.bt-recent-comments .box-content .recent-comment-item .article-title{
	font-weight:700;
}
.bt-recent-comments .box-content .recent-comment-item .article-title,.comment-by{
	line-height:1.55em;
}
.bt-recent-comments .box-content .recent-comment-item .comment-by{
	color:#4dbeee;
}
.bt-recent-comments .box-content .recent-comment-item .time-stamp{
	font-size:13px;
	line-height:22px;
	color:#a1a1a1;
	margin:0;
}
.bt-recent-comments .box-content .recent-comment-item .item-content{
	font-style:italic;
	line-height:1.55em;
	margin-bottom:8px;
}
.article-filter{
	border: 1px solid #eaeaea;
    font-size: 13px;
    height: 42px;
    margin-bottom: 35px;
    overflow: hidden;
    padding:0 12px;
	margin-top:30px;
}
.article-filter .rss-feed{
	float:left;
	height:auto;
	margin-right:30px;
	margin-top:8px;
}
.right-to-left .article-filter .rss-feed{
	float:right;
	margin-right:0;
	margin-left:30px;
}
.article-filter .display {
    float: left;
}
.right-to-left .article-filter .display {
    float: right;
}
.article-filter  .display .btn-list,.article-filter  .display .btn-grid {
	background: none repeat scroll 0 0 transparent;
    border-color:#ebebeb;
    border-style: none solid;
    border-width: medium 1px;
    color: #666;
    line-height: 42px;
    outline: medium none;
    text-align: center;
    width: 40px;
}
.article-filter  .display .btn-list:hover,.article-filter  .display .btn-grid:hover, 
.article-filter  .display .btn-list.active,.article-filter  .display .btn-grid.active {
	color:#4dbeee;
}
.article-filter .display .btn-list {
    margin-right: -4px;
}
.right-to-left .article-filter .display .btn-list {
    margin-right:0;
	margin-left:-4px;
}
.article-filter .limit-sort {
    overflow: hidden;
    text-align: right;
}
.article-filter .box_sort,.article-filter  .box_limit {
    float: right;
    margin-left: 20px;
}
.right-to-left .article-filter .box_sort,.right-to-left .article-filter  .box_limit {
    float: left;
    margin-left:0;
	margin-right:20px;
}
.article-filter .box_sort label + label:before, .article-filter .box_limit label + label:before {
    background: url("../images/box_sort.jpg") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    content: "";
    display: block;
    height: 100%;
    pointer-events: none;
    position: absolute;
    right: 0;
    top: 0;
    width: 28px;
}
.right-to-left .article-filter .box_sort label + label:before,.right-to-left  .article-filter .box_limit label + label:before {
	right:auto;
	left: 0;
}
.article-filter .box_sort label + label, .article-filter .box_limit label + label {
    position: relative;
}
.article-filter .limit-sort label {
    margin-bottom: 0;
}
.article-filter .box_sort label + label select, .article-filter .box_limit label + label select {
    border: medium none;
    cursor: pointer;
	outline:none;
}
.article-filter *{
	height: 100%;
}
.article-layout{
	transition:all 0.8s ease 0s;
	-moz-transition:all 0.8s ease 0s;
	-webkit-transition:all 0.8s ease 0s;
}
.article-layout .content-bg{
	border:1px solid #d7d7d7;
	padding:0;
	overflow:hidden;
	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
}
.article-image{
	position:relative;
}
.article-grid .article-image{
	margin-bottom:14px;
}
.article-grid .article-image img{
	width:100%;
}
.article-layout .article-image,.article-layout .article-image img,
.article-related .content-articles .relt-article .image,.article-related .content-articles .relt-article .image img{
    transition: all 0.5s linear 0s;
	-webkit-transition: all 0.5s linear 0s;
	-moz-transition: all 0.5s linear 0s;
}
.article-layout .article-image,.article-related .content-articles .relt-article .image{
	background:#4dbeee;
}
.article-layout .article-image:hover  img,
.article-related .content-articles .relt-article .image:hover  img{
	transform:scale(0.92);
	-webkit-transform:scale(0.92);
	-moz-transform:scale(0.92);
}
.article-name a{
    color: #f7941d;
    font-family: "Lato",sans-serif;
    font-size: 16px;
    font-weight: 700;
    line-height: 24px;
    text-transform: uppercase;
}
.article-name a:hover{
	color:#4dbeee;
}
.article-layout .article_dt{
	padding: 0 8px 20px 18px;
}
.right-to-left .article-layout .article_dt{
	padding: 0 18px 20px 8px ;
}
.article-layout .article_dt .article-title{
	line-height:1.55em;
}
a.btn-readmore,.comments .submit-button .btn-submit{
	font-size:10px;
	font-weight:700;
	line-height:12px;
	color:#3c3b48;
	text-transform:uppercase;
	border:1px solid #3c3b48;
	background:#fff;
	padding:8px 30px;
	display:inline-block;
	transition:all 0.4s ease 0s;
	-webkit-transition:all 0.4s ease 0s;
	-moz-transition:all 0.4s ease 0s;
}
a.btn-readmore:hover, .comments .submit-button .btn-submit:hover{
	color:#fff;
	background:#3c3b48;
}
.article-grid {
    display: inline-block;
    float: none;
    margin-bottom: 40px;
    margin-right: -3px;
    vertical-align: top;
}
.time-stamp {
	font-size: 13px;
	color: #797979;
	font-weight: 400;
	line-height: 22px;
	display: block;
}
.article-layout .time-stamp{
	margin:10px 0 20px;
}
.article-list{
	margin-bottom:30px;
}
.article-list .content_bg{
	max-height:302px;
}
.article-list .article-image{
	float:left;
	margin-right:30px;
	max-width:50%;
	margin-bottom:0;
}
.right-to-left .article-list .article-image{
	float:right;
	margin-right:0;
	margin-left:30px;
}
.article-list .article_dt{
	float:none;
	display:block;
	overflow:hidden;
	padding-left:0; 
	padding-top:25px;
}
.right-to-left .article-list .article_dt{
	padding-right:0;
	padding-left:8px;
	padding-top:25px;
}
.result-pagination.blog-pagination{
	margin-top:0;
}
.result-pagination.blog-pagination .links{
	float:right;
}
.right-to-left .result-pagination.blog-pagination .links{
	float:left;
}
.result-pagination.blog-pagination .links .pagination li > a, .result-pagination.blog-pagination .links .pagination li > span{
	width:30px;
	height:30px;
	font-size:13px;
	line-height:28px;
}
/*article detail*/
.boss_article-detail .article-title img{
	margin-bottom:25px;
}
.boss_article-detail .article-title  h2.article-title-boss{
	color:#3c3b48;
	line-height:24px;
	margin-bottom:0;
}
.boss_article-detail .article-title  .date-post .time-stamp.time-article{
	margin-bottom:10px;
	display:inline-block;
}
.boss_article-detail .article-title  .date-post .comment-count{
	font-size:13px;
	line-height:22px;
	color:#4dbeee;
}
.boss_article-detail .article-title  .date-post .comment-count:before{
	content:"|";
	margin:0 8px;
}
.boss_article-detail .article-content{
	line-height:1.55em;
}
.boss_article-detail .article-content p{
	margin-bottom:20px;
}
.boss_article-action{
	overflow:hidden;
	border-top:1px solid #ebebeb;
	border-bottom:1px solid #ebebeb;
	padding-top:20px;
	padding-bottom:20px;
	margin-top:25px;
	margin-bottom:30px;
}
.boss_article-action .tags{
	float:left;
	width:70%;
}
.boss_article-action .tags ul{
	list-style:none outside none;
	margin:0px;
	padding:0
}
.boss_article-action .tags ul li{display:inline}
.boss_article-action .tags li a{
	float:left;
	color:#606060;
}
.boss_article-action .tags li a:hover{
	color:#4dbeee;
}
.boss_article-action .tags li + li a:before{
	content:" , ";
	margin-right:3px;
}
.boss_article-action .tags span{
	float:left;
	margin-right:8px;
	font-weight:700;
}
.boss_article-action .article-share{float:right;}
.boss_article-action .article-share img{
	height:16px;
	width:16px;
	margin-right:5px;
	float:left;
}
.boss_article-action .article-share span{
	float:left;
	text-indent:-9999px;
}
.article-related{
	overflow:hidden;
	width:100%;
	margin-top:56px;
	margin-bottom:45px;
	position:relative;
}
.article-related h1, .boss_article-detail .product-related h1,.boss_article-detail .comments h1,
.boss_article-detail + .bt-facecomments h1{
	font-size:20px;
	line-height:22px;
	color:#303030;
	margin-bottom:40px;
}
.article-related .list_carousel{
	margin-left:-12px;
}
.article-related .content-articles .relt-article{
	border:1px solid #eaeaea;
	max-width:272px;
	margin:0 12px;
}
.article-related li{ 
    display: inline-block;
	float:none;
    vertical-align:top;
	max-width:300px;
}
.article-related li .name a{
	font-size:16px;
	font-weight:700;
	line-height:24px;
	margin-bottom:6px;
}
.article-related li .name a:hover{
	color:#4dbeee;
}
.article-related li .comment-count a{
	color:#4dbeee;
}
.article-related li .comment-count a:before{
	content:"|";
	margin:0 8px;
}
.article-related li .comment-count a:hover{
	text-decoration:underline;
}
.article-related li .title{
	line-height:1.55em;
}
.article-related li .caption{
	padding:0 20px;
}
.article-related li .image{
	margin-bottom:10px;
}
.article-related li .caption .date-comments{
	margin-bottom:8px;
	line-height:22px;
}
.article-related li .caption .date-comments .time-stamp{
	display:inline-block;
}
.article-related li .caption .btn-readmore{
	margin-top:5px;
	margin-bottom:25px;
}
.article-related  .carousel-button{
	position:absolute;
	right:0;
	top:0;
}
.right-to-left .article-related  .carousel-button{
	right:auto;
	left:0;
}
.article-related  .carousel-button .prev,.article-related  .carousel-button .next{
	width:30px;
	height:30px;
	border:1px solid #3f383a;
	color:#3f383a;
	border-radius:50%;
	text-align:center;
}
.right-to-left .article-related  .carousel-button .prev,.right-to-left .article-related  .carousel-button .next{
	float:left;
}
.article-related  .carousel-button .prev{
	margin-right:5px;
}
.article-related  .carousel-button .prev .fa,.article-related  .carousel-button .next .fa{
	font-size:18px;
	vertical-align:top;
	line-height:28px;
}
.article-related  .carousel-button .prev:hover,.article-related  .carousel-button .next:hover{
	color:#000;
	border:1px solid #000;
}
.article-related  .carousel-button .next .fa{
	letter-spacing:-2px;
}
.boss_article-detail .comments {
	margin-bottom:68px;
}
.form-comment label em {
	color:#ff0000;
}
.form-comment-container .captcha{
	margin:15px 0;
}
.form-comment-container .captcha img{
	margin-bottom:5px;
}
.form-comment-container .input-box{
	margin-bottom:10px;
}
.comments .form-control{
	width:56%;
	margin-bottom: 30px;
}
#article-comments{
	margin-bottom:30px;
}
#article-comments .comment-item{
	border:1px solid #eaeaea;
	padding:12px 20px 15px ; 
	margin-bottom:20px;
}
.comment-item .comment-item-header .comment-by{
	margin-right:20px;
}
.comment-item .comment-item-header .comment-by,.comment-item .comment-item-header .time-stamp {
	color:#a1a1a1;
}
.comment-item .comment-item-header .comment-by span{
	font-weight:700;
	color:#4dbeee;
	text-transform:uppercase;
	margin-left:5px;
}
.comment-item .comment-item-header .time-stamp {
	margin:0;
}
.comment-item .comment-item-header{
	margin-bottom:10px;
}
.comment-item  .comment-body{
	line-height:1.55em;
}
.pagination-results .results {
    color: #a0a0a0;
    font-size: 10px;
    font-weight: 700;
    margin-top: 9px;
    text-transform: uppercase;
}
.comments .pagination-results {
    margin-bottom: 25px;
}
.content_search{margin-bottom:8px}
.content_search .form-control{width:50%}
.content_search input [type="checkbox"], p >label.checkbox-inline  input{margin-top:0}
.boss-blog-search .form-control{width:50%}
.boss-blog-search+p {margin-bottom:20px;}
.article-layout .article_dt .article-content{
	line-height:1.55em;
	margin-bottom:10px;
}
@media only screen and (min-width: 1024px) and (max-width: 1279px) {	
	.article-related li .comment-count a:before { margin: 0 5px;}
	.article-filter .display{width:12%;}.article-filter .box_sort, .article-filter .box_limit {margin-left: 15px;width: 46%;}.article-filter .box_sort label + label::before, .article-filter .box_limit label + label::before{width:22px;}
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {	
	.article-filter .rss-feed {margin-right:12px;}
	.right-to-left .article-filter .rss-feed{margin-left:12px;}
	.article-filter .limit-sort {width:78%}
	.article-filter .box_sort{width:52%;}
	.article-filter .box_sort select{width:135px;}
	.article-filter .box_limit {width:40%; margin-left:5px;}
	.right-to-left .article-filter .box_limit {margin-left:0;margin-right:5px;}
	.article-filter .box_limit select{width:90px;}
	.boss-recent-post .item-recent-post .image {max-width:50%}
	.boss-recent-post .item-recent-post .title {line-height: 20px; min-width: 35%;}
	.article-list .content-bg{max-height:none}
}
@media only screen and (max-width: 767px) {
	.result-pagination.blog-pagination .links {float:none;}
	.comments .form-control {width: 100%;}
	a.btn-readmore{padding:8px 20px;}
	.article-related li .title {line-height: 21px;}
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
	.article-layout.article-grid{width:50%;}
}
@media only screen and (max-width: 479px) { 
	.boss_article-detail .product-related .carousel-button {top: 0;}
	
}

Nama File / Folder	Size	Action
animate.css	74.448KB	Edit File Delete File Rename
bootstrap-rtl.min.css	24.319KB	Edit File Delete File Rename
boss_facecomments.css	0.141KB	Edit File Delete File Rename
boss_filterproduct.css	18.42KB	Edit File Delete File Rename
boss_megamenu.css	13.009KB	Edit File Delete File Rename
boss_special.css	3.141KB	Edit File Delete File Rename
bossblog.css	16.916KB	Edit File Delete File Rename
camera.css	6.275KB	Edit File Delete File Rename
color-2.css	130.763KB	Edit File Delete File Rename
color.css	0.176KB	Edit File Delete File Rename
colorScheme-1.css	21.933KB	Edit File Delete File Rename
colorScheme-2.css	21.933KB	Edit File Delete File Rename
colorScheme-3.css	21.933KB	Edit File Delete File Rename
css.css	23.062KB	Edit File Delete File Rename
fonts.css	5.594KB	Edit File Delete File Rename
fonts_courgette.css	0.7KB	Edit File Delete File Rename
fonts_lato.css	1.911KB	Edit File Delete File Rename
fonts_quicksand.css	2.965KB	Edit File Delete File Rename
gdpr-cookie.css	1.14KB	Edit File Delete File Rename
google-map.css	0.457KB	Edit File Delete File Rename
grid.css	9.582KB	Edit File Delete File Rename
jquery.jgrowl.css	3.377KB	Edit File Delete File Rename
loading.css	3.41KB	Edit File Delete File Rename
magnific-popup.min.css	5.136KB	Edit File Delete File Rename
main.css	44.152KB	Edit File Delete File Rename
meanmenu.css	2.938KB	Edit File Delete File Rename
nouislider.min.css	3.45KB	Edit File Delete File Rename
owl-carousel.css	6.146KB	Edit File Delete File Rename
owl.carousel.css	4.506KB	Edit File Delete File Rename
prettyPhoto.css	26.518KB	Edit File Delete File Rename
rd-mailform.css	40.296KB	Edit File Delete File Rename
revolutionslider_settings.css	76.063KB	Edit File Delete File Rename
search.css	5.259KB	Edit File Delete File Rename
style.css	46.021KB	Edit File Delete File Rename
style2.css	47.98KB	Edit File Delete File Rename
style_0.css	44.926KB	Edit File Delete File Rename
stylesheet.css	107.054KB	Edit File Delete File Rename
styleswitcher.css	5.162KB	Edit File Delete File Rename
swiper.min.css	13.346KB	Edit File Delete File Rename
tabs.css	2.421KB	Edit File Delete File Rename
vendor.css	518.846KB	Edit File Delete File Rename
webstyle.css	131.275KB	Edit File Delete File Rename