API tools faq
paste
Advertisement
Guest User

Untitled

a guest
Apr 6th, 2018
103
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 14.95 KB | None | 0 0
raw download clone embed print report
  1. @media only screen and (max-width: 1024px) {
  2.   .responsive .single-product-main-image{width:100%; margin:0 30px 0 0;}
  3.        
  4.   .responsive #top .related.products .product, .responsive #top .upsells.products .product {
  5.   margin: 0 4% 0 0;
  6.   width: 48%;
  7.   }
  8.  
  9.   .responsive #top .related.products .product:nth-child(even), .responsive #top .upsells.products .product:nth-child(even){
  10.   margin: 0;
  11.   }
  12.  
  13.  
  14.  
  15.   .responsive #top #main .products .product {
  16.   margin: 0 1% 1% 0;
  17.   width: 49%;
  18.   }
  19.  
  20.   .responsive #top .products .product:nth-child(odd){
  21.   clear:both;
  22.   }
  23.  
  24.   .responsive #top .products .product:nth-child(even){
  25.   clear:none;
  26.   }
  27.  
  28.   .responsive .cart-collaterals .cross-sells, .responsive .cart-collaterals .cart_totals, .responsive .shipping_calculator{
  29.   width:100%;
  30.   margin-top:20px;
  31.   }
  32.  
  33.       .responsive .shipping_calculator {
  34.           padding-top: 20px;
  35.       }
  36.  
  37.  
  38.   .responsive table.shop_table th {
  39.   font-size: 11px;
  40.   font-weight: normal;
  41.   line-height: 18px;
  42.   padding: 3px 4px;
  43.   text-transform: none;
  44.   }
  45.  
  46.   .responsive table.shop_table .product-thumbnail{
  47.   display:none;
  48.   }
  49.  
  50.   .responsive #top .col2-set .col-1, .responsive #top .col2-set .col-2, .responsive .cart-collaterals .shipping_calculator{
  51.   width:89%;
  52.   float:none;
  53.   margin-bottom:20px;
  54.   }
  55.  
  56.   .responsive #top .col2-set .col-1{
  57.     display: inline-block;
  58.   }
  59.  
  60.   .responsive #top .woocommerce-ordering{
  61.   position: absolute;
  62.   bottom:10px;
  63.   left:0;
  64.   right:auto;
  65.   float:none;
  66.   clear:both;
  67.   margin:0;
  68.   top:auto;
  69.   }
  70.  
  71.   .responsive .shop_title_container{
  72.   padding-bottom:50px;
  73.   }
  74.  
  75.   .responsive .title_container .term_description{
  76.   padding-right:0;
  77.   }
  78.  
  79.   .responsive #top .single-product-main-image .thumbnails a { width: 30%; margin: 0 3% 3% 0;}
  80.  
  81.       .responsive .shop_table .product-quantity{
  82.           display: none;
  83.       }
  84.      
  85.       .responsive #order_review .shop_table .product-quantity {
  86.   display: table !important;
  87. }
  88.  
  89.   .responsive  #top .single-product-main-image .onsale { top: 7px; right: 7px; }
  90.  
  91.   /*header*/
  92.   .html_cart_at_menu.html_header_sidebar #header_main .avia-menu{
  93.     margin-top: 0;
  94.   }
  95.  
  96.   .html_cart_at_menu.html_header_sidebar #header .av-main-nav-wrap {
  97.     width: auto;
  98.   }
  99.  
  100.   .responsive #top .cart_dropdown {
  101.   position: absolute;
  102.   top: 50%;
  103.   margin-top: -23px;
  104.   z-index: -1;
  105.   }
  106.  
  107.  
  108.   .html_av-framed-box.html_header_sidebar #top .cart_dropdown,
  109.   .html_boxed.html_header_sidebar #top .cart_dropdown{
  110.     position: fixed;
  111.     right: 0px;
  112.     top: 5%;
  113.   }
  114.  
  115.   .html_av-framed-box.html_header_sidebar #top.admin-bar .cart_dropdown,
  116.   .html_boxed.html_header_sidebar #top.admin-bar .cart_dropdown{
  117.     top: 10%;
  118.   }
  119.  
  120.   .responsive #top #menu-item-shop.cart_dropdown{
  121.   margin:0;
  122.   top:0;
  123.   border:none;
  124.   height:100%;
  125.   width: auto;
  126.   line-height: 80px;
  127.   position: static;
  128.   margin-left: -39px;
  129.   }
  130.  
  131.   .responsive.html_bottom_nav_header #top #menu-item-shop.cart_dropdown{
  132.     position: absolute;
  133.     right: 0;
  134.   }
  135.  
  136.   .responsive.html_bottom_nav_header.html_cart_at_menu #top #wrap_all .main_menu{
  137.     right: 64px;
  138.     z-index: 102;
  139.   }
  140.  
  141.  
  142.  
  143.  
  144.   .responsive #top #header_main #menu-item-shop .cart_dropdown_link{line-height: 80px;}
  145.   .responsive.html_cart_at_menu.html_header_sidebar #top #menu-item-shop .dropdown_widget.dropdown_widget_cart { width: 300px; }
  146.   .responsive.html_cart_at_menu.html_header_sidebar #menu-item-shop .dropdown_widget .avia-arrow {right:40px;}
  147.   .responsive.html_cart_at_menu.html_bottom_nav_header.html_logo_right #menu-item-shop{left:auto;}
  148.  
  149.   .responsive .single-product-main-image .sidebar{display:none;}
  150.   .responsive #top table .product-name { border-left-style: solid; border-left-width: 1px; }
  151.  
  152.   .responsive .single-product-main-image{padding-bottom:20px; }
  153.   .responsive .single-product-summary{clear: both; }
  154.  
  155.  
  156.   .responsive.html_cart_at_menu.html_bottom_nav_header.html_logo_right #menu-item-shop .dropdown_widget{ left:auto; }
  157.   .responsive.html_cart_at_menu.html_bottom_nav_header.html_logo_right #menu-item-shop .dropdown_widget .avia-arrow{left:auto;}
  158.  
  159.   .responsive .woocommerce-MyAccount-navigation{
  160.     float:none;
  161.     display: block;
  162.     margin:0 0 20px 0;
  163.   }
  164.  
  165.   .responsive.html_top_nav_header #top .cart_dropdown {top: 40px; }
  166.   .responsive.html_top_nav_header.html_cart_at_menu #top #menu-item-shop{ right:85px; position: absolute; }
  167.  
  168.   .responsive.html_header_sidebar.html_visible_cart .cart_dropdown{
  169.     right: -25px;
  170.   }
  171.  
  172.   .responsive.html_cart_at_menu #top .main_menu .menu>li:last-child{padding-right:13px; margin-right:20px;}
  173.   .responsive.html_cart_at_menu.html_header_searchicon .menu-item-search-dropdown{ padding-right:0; }
  174.  
  175.   .responsive .boxed #wrap_all { overflow: hidden; /*needed for mobile menu scrolling */ }
  176.   .responsive #top { overflow-x: hidden; }
  177.   .responsive .boxed#top, .responsive #top.boxed .stretch_full ,
  178.   .responsive.html_boxed.html_header_sticky #header,
  179.   .responsive.html_boxed.html_header_transparency div #header{ width: 100%; max-width: 100%; }
  180.   .responsive #top .flex_column_table_cell{display: block;}
  181.   .responsive #top .flex_column_table{display:block;}
  182.  
  183.   .responsive #top #wrap_all .container {
  184.     width: 85%;
  185.     max-width: 85%;
  186.     margin: 0 auto;
  187.     padding-left:0;
  188.     padding-right:0;
  189.     float:none;
  190.   }
  191.   .responsive .units, .responsive .unit {
  192.     margin: 0;
  193.   }
  194.  
  195.   .responsive #top .container .av-content-small, .responsive #top #wrap_all .flex_column, .responsive #top #wrap_all .av-flex-cells .no_margin {
  196.     margin: 0;
  197.     margin-bottom: 20px;
  198.     width: 100%;
  199.   }
  200.  
  201.   .responsive #top #wrap_all .av-flex-cells .no_margin{
  202.       display: block;
  203.       margin: 0;
  204.       height:auto !important;
  205.       overflow: hidden;
  206.       padding-left:8% !important;
  207.       padding-right:8% !important;
  208.   }
  209.  
  210.   .responsive #top #wrap_all .av-flex-cells .no_margin .flex_cell_inner{
  211.         width: 100%;
  212.         max-width: 100%;
  213.         margin: 0 auto;  
  214.   }
  215.  
  216.   .responsive #top #wrap_all .av-flex-cells .no_margin.av-zero-padding{
  217.       padding-left:0% !important;
  218.       padding-right:0% !important;
  219.   }
  220.  
  221.   .responsive #top #wrap_all .flex_column:empty{margin:0;}
  222.        
  223.   /*blog*/
  224.   .responsive .template-archives .tab_inner_content li{width:98%;}
  225.   .responsive .template-blog .blog-meta,
  226.   .responsive .post_author_timeline,
  227.   .responsive #top #main .sidebar {display:none; }
  228.   .responsive #top #main .sidebar.smartphones_sidebar_active{display:block;text-align: left; border-left: none; border-right: none; border-top-style: dashed; border-top-width: 1px; width: 100%; clear: both;}
  229.   .responsive #top #main .sidebar.smartphones_sidebar_active .inner_sidebar{margin:0;}
  230.   .responsive .content .entry-content-wrapper{padding:0;}
  231.   .responsive .content{border:none;}
  232.   .responsive .template-blog .post_delimiter { margin: 0 0 30px 0; padding: 30px 0 0 0; }
  233.   .responsive .big-preview{padding: 0 0 10px 0;}
  234.   .responsive .related_posts{padding:20px 0;}
  235.   .responsive .comment_content{padding-right:0; padding-left:0;}
  236.   .responsive .fullsize div .template-blog .entry-content-wrapper{text-align: left; font-size:14px; line-height: 24px;}
  237.   .responsive #top .fullsize .template-blog .post .entry-content-wrapper > * { max-width: 100%; }
  238.   .responsive #top .avia-post-nav { display: none; }
  239.   .responsive #top .av-related-style-full .no_margin.av_one_half.relThumb{display: block; width:100%; clear:both;}
  240.  
  241.   /*all templates*/
  242.   .responsive .title_container .breadcrumb{left:-2px;}
  243.   .responsive .title_container .main-title + .breadcrumb{position: relative;right:auto; top:-6px; margin:0; left:-2px;}
  244.   .responsive .pagination{padding-left: 0; padding-right: 0;}
  245.   .responsive #top .av-hide-on-mobile, .responsive #top .av-hide-on-tablet{display:none !important;}
  246.  
  247.  
  248.   /*header*/
  249.   .responsive #top .av_header_transparency.av_alternate_logo_active .logo a > img{opacity:1}
  250.   .responsive #top .av_header_transparency .logo img.alternate{display:none;}
  251.  
  252.   .responsive #top #wrap_all #header {position: relative; width:100%; float:none; height:auto; margin:0 !important; opacity: 1; min-height:0;}
  253.   .responsive #top #main {padding-top:0 !important; margin:0;}
  254.   .responsive #top #main .container_wrap:first-child{ border-top:none; }
  255.   .responsive.html_header_top.html_logo_center .logo { left: 0%; -webkit-transform: translate(0%, 0); -ms-transform: translate(0%, 0); transform: translate(0%, 0); margin:0; }
  256.   .responsive .phone-info{float:none; width:100%; clear:both; text-align: center;}
  257.   .responsive .phone-info span{margin:0;padding:0; border:none;}
  258.   .responsive.html_header_top #header_main .social_bookmarks ,
  259.   .responsive.html_top_nav_header #top .social_bookmarks { width:auto; margin-top:-16px; }
  260.  
  261. .responsive .logo img {
  262.     float: left;
  263.     margin-left: 0!important;
  264.     left: 0!important;
  265. }
  266.  
  267.   .responsive #top .logo{position: static; display:table; height:80px !important; padding:0; border:none; width:80%; }
  268.   .responsive .logo img{height:auto !important; width:auto; max-width: 100%; display: block;  max-height: 80px;}
  269.   .responsive #header_main .container{height:auto !important; }
  270.   .responsive #top .header_bg { opacity: 1; filter: alpha(opacity=1); }
  271.   .responsive.social_header .phone-info {text-align: center; float:none; clear:both; margin:0; padding:0;}
  272.   .responsive.social_header .phone-info span{border:none; width:100%; text-align: center; float:none; clear:both; margin:0; padding:0;}
  273.   .responsive #header_meta .social_bookmarks li{ border-style:solid; border-width:1px; margin-bottom:-1px; margin-left:-1px;}
  274.   .responsive #top #header_meta .social_bookmarks li:last-child{border-right-style: solid; border-right-width:  1px;}
  275.   .responsive #header .sub_menu, .responsive #header_meta .sub_menu>ul{float:none; width:100%; text-align: center; margin:0 auto; position: static;}
  276.   .responsive #header .social_bookmarks{padding-bottom:2px; width:100%; text-align: center; height:auto; line-height: 0.8em; margin:0;}
  277.   .responsive #header_meta .sub_menu>ul>li{float:none; display: inline-block; padding: 0 10px;}
  278.   .responsive #header .social_bookmarks li{float:none; display: inline-block;}
  279.   .responsive.bottom_nav_header #header_main .social_bookmarks{ position: relative; top: 0; right: 0; margin: 10px auto; clear:both;}
  280.   .responsive.bottom_nav_header.social_header .main_menu>div{height:auto;}
  281.   .responsive .logo img{margin:0;}
  282.   .responsive.html_header_sidebar #top #header .social_bookmarks{display:none;}
  283.   .responsive body.boxed#top, .responsive.html_boxed.html_header_sticky #top #header{max-width: 100%;}
  284.  
  285.   .responsive.html_header_transparency #top .avia-builder-el-0 .container, .responsive.html_header_transparency #top .avia-builder-el-0 .slideshow_inner_caption{padding-top:0;}
  286.   .responsive #top .av_phone_active_right .phone-info.with_nav span{border:none;}
  287.  
  288.   .responsive #top #wrap_all .av_header_transparency .main_menu ul:first-child > li > a,
  289.   .responsive #top #wrap_all .av_header_transparency .sub_menu > ul > li > a,
  290.   .responsive #top .av_header_transparency #header_main_alternate,
  291.   .responsive .av_header_transparency #header_main .social_bookmarks li a,
  292.   .responsive #top #wrap_all .av_header_transparency .phone-info.with_nav span,
  293.   .responsive #top .av_header_transparency #header_meta,
  294.   .responsive #top .av_header_transparency #header_meta li,
  295.   .responsive #top #header_meta .social_bookmarks li a{ color:inherit; border-color: inherit; background: inherit;}
  296.   .responsive.html_top_nav_header .av-logo-container{height:auto;}
  297.   .responsive.html_top_nav_header .av-section-bottom-logo{border-bottom-style: solid; border-bottom-width: 1px;}
  298.  
  299.  
  300.   /*new mobile*/
  301.   .responsive .av-burger-menu-main{display: block;}
  302.   .responsive #top #wrap_all .main_menu{top:0; height:80px; left:auto; right:0; display: block; position: absolute;}
  303.   .responsive .main_menu ul:first-child > li a { height: 80px; line-height: 80px;}
  304.   .responsive #top .av-main-nav .menu-item{display:none;}
  305.   .responsive #top .av-main-nav .menu-item-avia-special{display:block;}
  306.   .responsive #top #wrap_all .menu-item-search-dropdown > a { font-size: 24px; }
  307.   .responsive #header_main_alternate{display:none;}
  308.   .responsive #top #header .social_bookmarks{display:none;}
  309.   .responsive #top #header .main_menu .social_bookmarks{display:block; position: relative; margin-top: -15px;}
  310.   .responsive #top .av-logo-container .avia-menu{height:100%;}
  311.   .responsive #top .av-logo-container .avia-menu > li > a{line-height: 80px;}
  312.   .responsive #top #main .av-logo-container .main_menu{display:block;}
  313.   .responsive #top #main .av-logo-container .social_bookmarks{display:none;}
  314.   .responsive #top #main .av-logo-container .main_menu .social_bookmarks{display:block; position: relative;}
  315.   .responsive #top #main .av-logo-container .main_menu{display:block;}
  316.   .responsive #top #header_main > .container .main_menu  .av-main-nav > li > a,
  317.   .responsive #top #wrap_all .av-logo-container {height:80px; line-height:80px; }
  318.   .responsive #top #wrap_all .av-logo-container {padding:0;}
  319.   .responsive #top #header_main > .container .main_menu  .av-main-nav > li > a{
  320.     min-width: 0; padding:0 0 0 20px; margin:0; border-style: none; border-width: 0;
  321.   }
  322.   .responsive #top .av_seperator_big_border .avia-menu.av_menu_icon_beside{border-right-style: solid; border-right-width: 1px; padding-right: 25px;}
  323.   .responsive #top #header .av-main-nav > li > a, .responsive #top #header .av-main-nav > li > a:hover{
  324.   background:transparent;
  325.   color: inherit;
  326.   }
  327.  
  328.   .responsive.html_top_nav_header .av-logo-container .inner-container{overflow: visible;}
  329.  
  330.   /*related images*/
  331.   .responsive #top .related_entries_container .av_one_eighth{width:25%;}
  332.   .responsive #top .relThumb5{clear:both;}
  333.  
  334.   .responsive.html_header_transparency #top .avia-builder-el-0 .container{padding-top:0px;}
  335.   .responsive.html_header_sidebar #header .avia-custom-sidebar-widget-area{display:none;}
  336.   .responsive.html_header_sidebar #main{ border: none; }
  337.  
  338.   /*tabs*/
  339.   .responsive.js_active #top .avia_combo_widget .top_tab .tab{ border-top: 1px solid; border-bottom:none; width: 100%; }
  340.   .responsive.js_active #top .avia_combo_widget .news-wrap li{padding:5px;}
  341.  
  342.   /*widgets*/
  343.   .tagcloud a{ padding:8px 20px; margin:0 8px 8px 0; }
  344.   .widget li{line-height: 1.8em; font-size: 15px;}
  345.  
  346.   /*footer*/
  347.   .responsive #scroll-top-link{display: none;} /*iphones etc scroll better by tapping the status bar at the top of the screen*/
  348.  
  349.   .responsive #socket .sub_menu_socket{    
  350.     display: block;
  351.     float: none;
  352.     width: 100%;
  353.     clear: both;
  354.     margin: 0 0 0 -15px;
  355.     }
  356. }
  357.  
  358. /* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
  359. @media only screen and (min-width: 480px) and (max-width: 1024px) {
  360.  
  361.   /*portfolio*/
  362.   .responsive #top #wrap_all .grid-sort-container.grid-total-odd .grid-entry.grid-loop-1{width:100%;}
  363.   .responsive #top #wrap_all .grid-sort-container .grid-entry{ width:50%; margin-bottom: 0;}
  364.   .responsive #top #wrap_all .portfolio-parity-odd{ clear:both; }
  365. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!