WIBUHAX0R1337

- WIBUHAX0R1337 -

/home/cideo/www/wp-contentVIp/themes/vika/css/ [ Home ]

Create Folder Create File

/*
***************************************************************
* This file makes theme responsive
***************************************************************
*/

/* ----------------- Retina Logo ----------------- */

@media 
(-webkit-min-device-pixel-ratio: 1.25) {

.logo-img img:first-child {
		display: none;
	}

.logo-img img:last-child {
		display: inline-block;
   }

}

@media screen and ( max-width: 1050px ) {

/* ----------------- Portfolio Single Page ----------------- */
	.portfolio-single .single-wrap,
	.portfolio-single .single-header,
	.portfolio-single .single-content-wrap  {
		float: none !important;
		width: 100% !important;
	}

.project-info {
		width: 100% !important;
		margin-top: 0 !important;
		margin-left: 0 !important;
		min-height: 0 !important;
	}
	
	.project-description-wrap,
	.project-details-wrap {
		float: none !important;
		width: 100% !important;
	}

.no-project-desc {
		float: none !important;
		width: 100% !important;
	}

.project-info .previous-post {
		float: left !important;
	}

.project-info .previous-post.back-link {
		float: none !important;
	}

.project-info .next-post {
		float: right !important;
	}

}

@media screen and ( min-width: 950px ) {
	.p-single-back-link.sharing-nxt-prev-p .back-link {
		margin-right: 0 !important;
	}
}

@media screen and ( max-width: 950px ) {

#page-wrap {
		padding-top: 0;
		padding-bottom: 0;
	}
	
	/* ----------------- Sidebar & Main Content ----------------- */
	#sidebar,
	#sidebar-top,
	.sidebar-fold-btn,
	.sidebar-top .filters {
		display: none !important;
	}

.sidebar-top-fixed .royal-revslider > div {
		margin-top: 0 !important;
	}

.logo-img img {
		display: inline-block;
   }

#main-wrap {
		height: auto !important;
		margin-top: 0 !important;
	}

#main-wrap,
	.royal-revslider,
	.copy-and-soc {
		margin-left: 0 !important;
	}

.top-widgets-wrap {
		position: absolute;
		top: 0;
	}

/* ----------------- Blog & Portfolio Posts ----------------- */
	#blog-container article,
	#portfolio-container article {
		min-height: 0 !important;
	}
	 
	/* ----------------- Mobile Navigation, Logo & Tagline ----------------- */
	.m-nav-and-logo {
		display: block;
	}

.logo-img {
		float: none;
		margin: 0 auto;
	}

.logo-img img {
		max-height: none !important;
	}

.logo-text,
	.site-tagline {
		text-align: center;
	}

/* ----------------- Blog & Portfolio Single Pages ----------------- */
	.single-header-below-p.header-nxt-prev-p .nxt-prev-post,
	.single-header-below-b.header-nxt-prev-b .nxt-prev-post {
		padding-bottom: 20px;
	}

.side-nxt-prev-p .portfolio-single > .previous-post,
	.side-nxt-prev-p .portfolio-single > .next-post {
		display: none;
	}

.title-and-meta,
	.nxt-prev-post {
		float: none;
		width: 100%;
		text-align: center !important;
	}

/* ----------------- Sharing Box ----------------- */
	.single-post-sharing {
		text-align: center !important;
	}

.single-post-sharing a {
		position: static !important;
	}

.single-post-sharing .single-socials-wrap {
	 	width: 100% !important;
	}

/* ----------------- Contact Page ----------------- */
	.contact-form,
	.contact-info {
		float: none !important;
		width: 100% !important;
		margin-right: 0 !important;
		margin-bottom: 30px;
	}

/* ----------------- Inputs ----------------- */
	.rf-input,
	.submit-btn {
		width: 100% !important;
	}

.top-nav-search-wrap {
		display: none !important;
	}

/* ----------------- Copyright & socials ----------------- */
	.copy-fixed .copy-and-soc {
		display: block !important;
		position: static !important;
		width: auto !important;
	}

.socials-wrap,
	.copyright-wrap {
		float: none;
		width: 100%;
		text-align: center !important;
	}

.copyright-wrap p {
		text-align: center !important;
	}

.sidebar-top.copy-fixed .footer-fold-btn {
		display: none !important;
	}

/* ----------------- WooCommerce ----------------- */
	#woocommerce-container-header .woocommerce-result-count {
		float: none !important;
		display: block !important;
	}

.responsive-mini-cart {
		display: inline-block !important;
	}

.mini-cart-count {
		display: none !important;
	}

#woocommerce-container-header .orderby.rf-input {
		margin-top: 15px !important;
	}

#woocommerce-container-header .orderby.rf-input,
	#woocommerce-container-header .woocommerce-ordering {
		float: none !important;
		clear: both;
	}

.woocommerce-widgets {
		float: none !important;
		width: 100% !important;
	}

.woocommerce-widgets + #container {
		margin-left: 0 !important;
	}

.woopost-single-summary,
	.woopost-single-images {
		width: 100% !important;
		float: none !important;
		margin-left: 0 !important;
	}

.woopost-single-summary .single_add_to_cart_button {
		width: auto !important;
	}

.woocommerce .cart.shop_table .actions .coupon #coupon_code {
		margin-bottom: 10px !important;
	}

.woocommerce .col-1.address,
	.woocommerce .col-2.address,
	.woocommerce .checkout .col2-set,
	.woocommerce .checkout .col3-set,
	.woocommerce .checkout .col2-set > div,
	.woocommerce .checkout .col2-set > div:first-child {
		float: none !important;
		width: 100% !important;
		margin-right: 0 !important;
	}

.woocommerce .col-1.address {
		margin-bottom: 20px;
	}

.woocommerce .cart.shop_table .product-price {
		display: none;
	}

.woocommerce .cart.shop_table .product-thumbnail {
		padding-left: 0 !important;
		padding-right: 10px !important;
	}

.woocommerce .cart.shop_table .product-thumbnail img {
		width: 42px	!important;
		max-width: 42px	!important;
	}

.woocommerce .cart.shop_table .actions .coupon {
		float: none !important;
	}

.woocommerce .cart.shop_table tr,
    .woocommerce .cart.shop_table th,
    .woocommerce .cart.shop_table td {
        padding: 15px 5px !important;
    }

.woocommerce table.shop_table,
    .woocommerce table.shop_table tr {
        border-left: none !important;
        border-right: none !important;
    }

.woocommerce .cart.shop_table .actions input,
    .wc-proceed-to-checkout a {
        width: 100% !important;
        text-align: center;
    }

.woocommerce .cart.shop_table .actions .coupon #coupon_code + input {
        margin-bottom: 10px !important;
    }
    
}

@media screen and ( max-width: 782px ) {

/* fix top widgets position if admin is logged in */
	.admin-bar .top-widgets-wrap {
		top: 46px;
	}

.single-post .link-and-quote p {
		padding: 14px 17px;
	}
	
}

@media screen and ( max-width: 480px ) {

.previous-post {
		margin-right: 2px !important;
	}

/* ----------------- Comments ----------------- */
	.children {
		margin-left: 0 !important;
	}
	
    /* ----------------- wp core classes ----------------- */
	.alignnone {
		width: 100%;
		float: none;
		margin-right: 0;
		margin-left: 0;
	}

.alignleft {
		display: block;
		width: 100%;
		float: none;
		margin-right: 0;
		margin-left: 0;
	}

.alignright {
		display: block;
		width: 100%;
		float: none;
		margin-right: 0;
		margin-left: 0;
	}

.aligncenter {
		width: 100%;
	}

.back-to-top {
		right: 20px !important;
		bottom: 20px !important;
	}

}

Nama File / Folder	Size	Action
animsition.min.css	26.727KB	Edit File Delete File Rename
font-awesome.min.css	26.823KB	Edit File Delete File Rename
fontello.css	3.642KB	Edit File Delete File Rename
linea.css	5.865KB	Edit File Delete File Rename
prettyPhoto.css	4.774KB	Edit File Delete File Rename
responsive.css	7.244KB	Edit File Delete File Rename