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
boss_filterproduct.css	18.42KB	Edit File Delete File Rename
boss_megamenu.css	13.009KB	Edit File Delete File Rename
bossblog.css	16.916KB	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
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
magnific-popup.min.css	5.136KB	Edit File Delete File Rename
meanmenu.css	2.938KB	Edit File Delete File Rename
owl.carousel.css	4.506KB	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
stylesheet.css	107.054KB	Edit File Delete File Rename
styleswitcher.css	5.162KB	Edit File Delete File Rename
webstyle.css	131.275KB	Edit File Delete File Rename