API tools faq
paste
Guest User

layout.css

a guest
Jun 1st, 2018
94
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 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: 1024px) {
  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. }
Add Comment
Please, Sign In to add comment
Public Pastes
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!