API tools faq
paste
Advertisement
Guest User

sfds

a guest
May 28th, 2018
43
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 8.84 KB | None | 0 0
raw download clone embed print report
  1. /* All Mobile Sizes (devices and browser) */
  2.     @media only screen and (max-width: 1136px) {
  3.        
  4.        
  5.         /*blog*/
  6.         .responsive .template-archives .tab_inner_content li{width:98%;}
  7.         .responsive .template-blog .blog-meta,
  8.         .responsive .post_author_timeline,
  9.         .responsive #top #main .sidebar {display:none; }
  10.         .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;}
  11.         .responsive #top #main .sidebar.smartphones_sidebar_active .inner_sidebar{margin:0;}
  12.         .responsive .content .entry-content-wrapper{padding:0;}
  13.         .responsive .content{border:none;}
  14.         .responsive .template-blog .post_delimiter { margin: 0 0 30px 0; padding: 30px 0 0 0; }
  15.         .responsive .big-preview{padding: 0 0 10px 0;}
  16.         .responsive .related_posts{padding:20px 0;}
  17.         .responsive .comment_content{padding-right:0; padding-left:0;}
  18.         .responsive .fullsize div .template-blog .entry-content-wrapper{text-align: left; font-size:14px; line-height: 24px;}
  19.         .responsive #top .fullsize .template-blog .post .entry-content-wrapper > * { max-width: 100%; }
  20.         .responsive #top .avia-post-nav { display: none; }
  21.         .responsive #top .av-related-style-full .no_margin.av_one_half.relThumb{display: block; width:100%; clear:both;}
  22.        
  23.         /*all templates*/
  24.         .responsive .title_container .breadcrumb{left:-2px;}
  25.         .responsive .title_container .main-title + .breadcrumb{position: relative;right:auto; top:-6px; margin:0; left:-2px;}
  26.         .responsive .pagination{padding-left: 0; padding-right: 0;}
  27.         .responsive #top .av-hide-on-mobile, .responsive #top .av-hide-on-tablet{display:none !important;}
  28.        
  29.        
  30.         /*header*/
  31.         .responsive #top .av_header_transparency.av_alternate_logo_active .logo a > img{opacity:1}
  32.         .responsive #top .av_header_transparency .logo img.alternate{display:none;}
  33.        
  34.         .responsive #top #wrap_all #header {position: relative; width:100%; float:none; height:auto; margin:0 !important; opacity: 1; min-height:0;}
  35.         .responsive #top #main {padding-top:0 !important; margin:0;}
  36.         .responsive #top #main .container_wrap:first-child{ border-top:none; }
  37.         .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; }
  38.         .responsive .phone-info{float:none; width:100%; clear:both; text-align: center;}
  39.         .responsive .phone-info span{margin:0;padding:0; border:none;}
  40.         .responsive.html_header_top #header_main .social_bookmarks ,
  41.         .responsive.html_top_nav_header #top .social_bookmarks { width:auto; margin-top:-16px; }
  42.        
  43.         .responsive #top .logo{position: static; display:table; height:80px !important; float:none; padding:0; border:none; width:80%; }
  44.         .responsive .logo a{display:table-cell; vertical-align: middle;}
  45.         .responsive .logo img{height:auto !important; width:auto; max-width: 100%; display: block;  max-height: 80px;}
  46.         .responsive #header_main .container{height:auto !important; }
  47.         .responsive #top .header_bg { opacity: 1; filter: alpha(opacity=1); }
  48.         .responsive.social_header .phone-info {text-align: center; float:none; clear:both; margin:0; padding:0;}
  49.         .responsive.social_header .phone-info span{border:none; width:100%; text-align: center; float:none; clear:both; margin:0; padding:0;}
  50.         .responsive #header_meta .social_bookmarks li{ border-style:solid; border-width:1px; margin-bottom:-1px; margin-left:-1px;}
  51.         .responsive #top #header_meta .social_bookmarks li:last-child{border-right-style: solid; border-right-width:  1px;}
  52.         .responsive #header .sub_menu, .responsive #header_meta .sub_menu>ul{float:none; width:100%; text-align: center; margin:0 auto; position: static;}
  53.         .responsive #header .social_bookmarks{padding-bottom:2px; width:100%; text-align: center; height:auto; line-height: 0.8em; margin:0;}
  54.         .responsive #header_meta .sub_menu>ul>li{float:none; display: inline-block; padding: 0 10px;}
  55.         .responsive #header .social_bookmarks li{float:none; display: inline-block;}
  56.         .responsive.bottom_nav_header #header_main .social_bookmarks{ position: relative; top: 0; right: 0; margin: 10px auto; clear:both;}
  57.         .responsive.bottom_nav_header.social_header .main_menu>div{height:auto;}
  58.         .responsive .logo img{margin:0;}
  59.         .responsive.html_header_sidebar #top #header .social_bookmarks{display:none;}
  60.         .responsive body.boxed#top, .responsive.html_boxed.html_header_sticky #top #header{max-width: 100%;}
  61.        
  62.         .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;}
  63.         .responsive #top .av_phone_active_right .phone-info.with_nav span{border:none;}
  64.        
  65.         .responsive #top #wrap_all .av_header_transparency .main_menu ul:first-child > li > a,
  66.         .responsive #top #wrap_all .av_header_transparency .sub_menu > ul > li > a,
  67.         .responsive #top .av_header_transparency #header_main_alternate,
  68.         .responsive .av_header_transparency #header_main .social_bookmarks li a,
  69.         .responsive #top #wrap_all .av_header_transparency .phone-info.with_nav span,
  70.         .responsive #top .av_header_transparency #header_meta,
  71.         .responsive #top .av_header_transparency #header_meta li,
  72.         .responsive #top #header_meta .social_bookmarks li a{ color:inherit; border-color: inherit; background: inherit;}
  73.         .responsive.html_top_nav_header .av-logo-container{height:auto;}
  74.         .responsive.html_top_nav_header .av-section-bottom-logo{border-bottom-style: solid; border-bottom-width: 1px;}
  75.        
  76.        
  77.         /*new mobile*/
  78.         .responsive .av-burger-menu-main{display: block;}
  79.         .responsive #top #wrap_all .main_menu{top:0; height:80px; left:auto; right:0; display: block; position: absolute;}
  80.         .responsive .main_menu ul:first-child > li a { height: 80px; line-height: 80px;}
  81.         .responsive #top .av-main-nav .menu-item{display:none;}
  82.         .responsive #top .av-main-nav .menu-item-avia-special{display:block;}
  83.         .responsive #top #wrap_all .menu-item-search-dropdown > a { font-size: 24px; }
  84.         .responsive #header_main_alternate{display:none;}
  85.         .responsive #top #header .social_bookmarks{display:none;}
  86.         .responsive #top #header .main_menu .social_bookmarks{display:block; position: relative; margin-top: -15px;}
  87.         .responsive #top .av-logo-container .avia-menu{height:100%;}
  88.         .responsive #top .av-logo-container .avia-menu > li > a{line-height: 80px;}
  89.         .responsive #top #main .av-logo-container .main_menu{display:block;}
  90.         .responsive #top #main .av-logo-container .social_bookmarks{display:none;}
  91.         .responsive #top #main .av-logo-container .main_menu .social_bookmarks{display:block; position: relative;}
  92.         .responsive #top #main .av-logo-container .main_menu{display:block;}
  93.         .responsive #top #header_main > .container .main_menu  .av-main-nav > li > a,
  94.         .responsive #top #wrap_all .av-logo-container {height:80px; line-height:80px; }
  95.         .responsive #top #wrap_all .av-logo-container {padding:0;}
  96.         .responsive #top #header_main > .container .main_menu  .av-main-nav > li > a{
  97.             min-width: 0; padding:0 0 0 20px; margin:0; border-style: none; border-width: 0;
  98.         }
  99.         .responsive #top .av_seperator_big_border .avia-menu.av_menu_icon_beside{border-right-style: solid; border-right-width: 1px; padding-right: 25px;}
  100.         .responsive #top #header .av-main-nav > li > a, .responsive #top #header .av-main-nav > li > a:hover{
  101.         background:transparent;
  102.         color: inherit;
  103.         }
  104.        
  105.         .responsive.html_top_nav_header .av-logo-container .inner-container{overflow: visible;}
  106.        
  107.         /*related images*/
  108.         .responsive #top .related_entries_container .av_one_eighth{width:25%;}
  109.         .responsive #top .relThumb5{clear:both;}
  110.        
  111.         .responsive.html_header_transparency #top .avia-builder-el-0 .container{padding-top:0px;}
  112.         .responsive.html_header_sidebar #header .avia-custom-sidebar-widget-area{display:none;}
  113.         .responsive.html_header_sidebar #main{ border: none; }
  114.        
  115.         /*tabs*/
  116.         .responsive.js_active #top .avia_combo_widget .top_tab .tab{ border-top: 1px solid; border-bottom:none; width: 100%; }
  117.         .responsive.js_active #top .avia_combo_widget .news-wrap li{padding:5px;}
  118.        
  119.         /*widgets*/
  120.         .tagcloud a{ padding:8px 20px; margin:0 8px 8px 0; }
  121.         .widget li{line-height: 1.8em; font-size: 15px;}
  122.        
  123.         /*footer*/
  124.         .responsive #scroll-top-link{display: none;} /*iphones etc scroll better by tapping the status bar at the top of the screen*/
  125.        
  126.         .responsive #socket .sub_menu_socket{    
  127.             display: block;
  128.             float: none;
  129.             width: 100%;
  130.             clear: both;
  131.             margin: 0 0 0 -15px;
  132.         }
  133.  
  134.         /* cookie consent */
  135.         body.responsive.admin-bar .avia-cookiemessage-top, body.responsive.admin-bar .avia-cookiemessage-top-left,
  136.         body.responsive.admin-bar .avia-cookiemessage-top-right { margin-top: 46px;}
  137.  
  138.         .responsive .avia-cookiemessage-top-left, .responsive .avia-cookiemessage-bottom-left, .responsive .avia-cookiemessage-top-right,
  139.         .responsive .avia-cookiemessage-bottom-right{ width: 55%; }
  140.  
  141.  
  142.         }
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!