Guest User

style.css

a guest
Mar 6th, 2017
126
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 7.07 KB | None | 0 0
  1. /*
  2. Theme Name: Enfold Child
  3. Description: A <a href='http://codex.wordpress.org/Child_Themes'>Child Theme</a> for the Enfold Wordpress Theme. If you plan to do a lot of file modifications we recommend to use this Theme instead of the original Theme. Updating wil be much easier then.
  4. Version: 1.0
  5. Author: Kriesi
  6. Author URI: http://www.kriesi.at
  7. Template: enfold
  8. */
  9.  
  10.  
  11.  
  12. /*Add your own styles here:*/
  13.  
  14.  
  15. /*Main Menu*/
  16. .menu-item-top-level { text-transform: uppercase;}
  17.  
  18. ul.sub-menu { text-transform: none; }
  19.  
  20. #top #wrap_all .sub-menu { background: transparent; }
  21.  
  22. span.avia-menu-fx { display: none !important; }
  23.  
  24.  
  25.  
  26. .yellow-top:hover > a > .avia-menu-text { color: orange !important; }
  27. li[id*='menu-item'].category-yellow.active-parent-item > a > .avia-menu-text { color: orange !important; }
  28. li[id*='menu-item'] .category-yellow > a { background-color: rgba(255, 165, 0, 0.95) !important; border-bottom: 1px solid white !important; }
  29. li[id*='menu-item'] .category-yellow > a:hover { background-color: rgba(247, 184, 49, 0.95) !important; }
  30.  
  31. /*
  32. li#menu-item-25:hover > a > .avia-menu-text { color: orange; }
  33. li#menu-item-109 > a, li#menu-item-110 > a, li#menu-item-111 > a { background-color: rgba(255, 165, 0, 0.95); border-bottom: 1px solid white; }
  34. li#menu-item-109 > a:hover, li#menu-item-110 > a:hover, li#menu-item-111 > a:hover { background-color: rgba(247, 184, 49, 0.95); }
  35. */
  36.  
  37.  
  38. li#menu-item-214:hover > a > .avia-menu-text { color: #930270; }
  39. li#menu-item-214 .active-menu-parent > a > .avia-menu-text { color: #930270; }
  40. li#menu-item-263 > a, li#menu-item-102 > a,  li#menu-item-103 > a { background-color: rgba(148, 2, 111, 0.95); border-bottom: 1px solid white; }
  41. li#menu-item-263 > a:hover, li#menu-item-102 > a:hover, li#menu-item-103 > a:hover { background-color: rgba(173, 56, 142, 0.95); }
  42.  
  43. li#menu-item-213:hover > a > .avia-menu-text { color: #007BA4; }
  44. li#menu-item-104 > a, li#menu-item-105 > a, li#menu-item-106 > a, li#menu-item-118 > a, li#menu-item-202 > a { background-color: rgba(0, 122, 163, 0.95); border-bottom: 1px solid white; }
  45. li#menu-item-104 > a:hover, li#menu-item-105 > a:hover, li#menu-item-106 > a:hover, li#menu-item-118 > a:hover, li#menu-item-202 > a:hover { background-color: rgba(4, 156, 207, 0.95); }
  46.  
  47. li#menu-item-28:hover > a > .avia-menu-text { color: #41A62A; }
  48. li#menu-item-107 > a, li#menu-item-108 > a, li#menu-item-295 > a { background-color: rgba(63, 166, 40, 0.95); border-bottom: 1px solid white !important; }
  49. li#menu-item-107 > a:hover, li#menu-item-108 > a:hover, li#menu-item-295 > a:hover { background-color: rgba(70, 186, 44, 0.95); }
  50.  
  51. /*
  52. li[id*='menu-item'] .category-green .menu-item-top-level:hover > a > .avia-menu-text { color: #41A62A !important; }
  53. li[id*='menu-item'] .category-green > a { background-color: rgba(63, 166, 40, 0.95) !important; border-bottom: 1px solid white !important; }
  54. li[id*='menu-item'] .category-green > a:hover { background-color: rgba(70, 186, 44, 0.95) !important; }
  55. li[id*='menu-item'] .category-green .current-menu-item .active-parent-item .avia-menu-text { color:red !important; }
  56. li[id*='menu-item'] .category-green .current-menu-item a { background-color: rgba(70, 186, 44, 0.95) !important; }
  57. */
  58.  
  59.  
  60.  
  61.  
  62.  
  63. /*
  64. div#header_meta.container {
  65.     width: auto;
  66.     min-width: 1130px;
  67.     max-width: 1310px;
  68. }
  69.  
  70. .inner-container {
  71.     width: auto;
  72.     min-width: 1130px;
  73.     max-width: 1310px;
  74.     left: -50px;
  75. }
  76. */
  77.  
  78.  
  79.  
  80. /* Kommentare, Autor & Datum ausblenden */
  81. .slide-meta {
  82.     display: none;
  83. }
  84.  
  85. /* Datum in Aktuelles & Portfolio Widgets ausblenden */
  86. span.news-time {
  87.     display: none;
  88. }
  89.  
  90. .post-meta-infos, .av-magazine-time {
  91.     display: none;
  92. }
  93.  
  94.  h3.av-magazine-title.entry-title {
  95.     padding-top: 26px;
  96. }
  97.  
  98. /* Videos, Slideshows & Bilder */
  99. /*
  100. .avia-video {
  101.     box-shadow: 8px 8px 8px rgba(25, 25, 25, 0.3);
  102.     margin-top: 25px;
  103. }
  104.  
  105. .avia-slideshow, .avia-image-container {
  106.     box-shadow: 8px 8px 8px rgba(25, 25, 25, 0.3);
  107. }
  108. */
  109.  
  110. /* Fix für Sidebar Image Overlay */
  111. .avia_transform a .image-overlay {
  112.     top: 0 !important;
  113. }
  114. #top .sidebar .textwidget a {
  115.     display: inline-block;
  116. }
  117.  
  118. /* Sidebar Metaslider */
  119. .metaslider_sidebar {
  120. margin-bottom: -8px;
  121. }
  122.  
  123. /* WP SEO HTML Sitemap */
  124. #wpseo_sitemap{width:100%; position:relative; clear:both;}
  125. #wpseo_sitemap div{min-width:200px; width:100%; padding-bottom:-20px;}
  126. #wpseo_sitemap h3{font-size:26px; line-height:32px; padding-bottom:0; margin-bottom:8px; width:100%;}
  127. #wpseo_sitemap h4{font-size:18px; line-height:20px; padding-bottom:0; margin-bottom:4px;}
  128. #wpseo_sitemap ul a {list-style-type:none; font-size: 1em; font-weight: bold; color:#333; background: url(images/sitemap/icon_package.gif) no-repeat 0 0.25em; margin: 0 0 10px 15px; padding: 0 0 0 22px;}
  129. #wpseo_sitemap ul a:hover, #wpseo_sitemap ul ul a:hover {color:#d7863b;}
  130. #wpseo_sitemap ul ul a {list-style-type: none; font-size: 0.9em; font-weight: normal; color:#797876; background: url(images/sitemap/bullet_orange_16x16.png) no-repeat 0 0.2em; margin: 0 0 0 15px; padding: 0 0 0 22px;}
  131. #wpseo_sitemap li {display:list-item; list-style-type: none;}
  132. .wpseo_clearRow{width:100%; height:24px; display:block; clear:both; position:relative;}
  133.  
  134.  
  135.  
  136. /*
  137. Desktop Styles
  138. ================================================== */
  139. /* Note: Add new css to the media query below that you want to only effect the desktop view of your site */
  140.  
  141. @media only screen and (min-width: 768px) {
  142.     /* Add your Desktop Styles here */
  143.    
  144.     /* Header Meta - SM Buttons, Phoneninfo */
  145.    
  146.     #header_meta  nav.sub_menu a {
  147.         font-size: 105%;
  148.     }
  149.    
  150.     #top #wrap_all .social_bookmarks {
  151.         font-size: 105%;
  152.     }
  153.    
  154.     #top #wrap_all .social_bookmarks li {
  155.         font-size: 110%;
  156.         padding-left: 5px;
  157.         min-width: 40px;
  158.     }
  159.    
  160.     .phone-info span {
  161.         font-size: 105%;
  162.         margin-top: 6px;
  163.     }
  164.  
  165. }
  166.  
  167. @media only screen and (max-width: 1160px) and (min-width: 990px) {
  168.     .responsive .main_menu ul:first-child > li > a {
  169.     padding: 0 6px;
  170.     font-size: 13px;
  171.     }
  172.    
  173.     .main_menu { margin-right: -70px; }
  174.    
  175.     .inner-container { margin-left: -35px; }
  176.    
  177.     .main_menu ul:first-child > li > a { padding: 0 11px; }
  178.    
  179.     /* .logo img { width: 190px; } */
  180. }
  181.  
  182.  
  183. @media only screen and (max-width: 1180px) {
  184.   /* Add your Mobile Styles here */
  185.  
  186.     /* Title & Breadcrumbs Container */
  187.     #top .title_container .container {
  188.         max-width: 1130px;
  189.     }
  190.  
  191.  
  192.     figcaption.av-inner-masonry-content {
  193.         display: none !important;
  194.     }
  195.  
  196.  
  197.     .responsive .title_container .breadcrumb {
  198.         position: relative;
  199.         right: auto;
  200.         top: -6px;
  201.         margin: 0;
  202.     }
  203.  
  204. }
  205.  
  206. /*
  207. Mobile Styles
  208. ================================================== */
  209. /* Note: Add new css to the media query below that you want to only effect the Mobile and Tablet Portrait view */
  210.  
  211.  
  212. @media only screen and (max-width: 767px) {
  213.  /* Add your Mobile Styles here */
  214.  
  215.     #advanced_menu_hide {
  216.         position: fixed;
  217.     }
  218.  
  219.    
  220.     /*
  221.     #advanced_menu_toggle {
  222.         position: fixed;
  223.      }
  224.     */
  225.    
  226.     #scroll-top-link.avia_pop_class {
  227.         opacity: 0.7;
  228.         visibility: visible;
  229.         position: fixed;
  230.     }
  231.  
  232. }
  233.  
  234. @media only screen and (max-width: 990px) {
  235.  
  236.     .metaslider_sidebar, .metaslider_sidebar caption {
  237.     float: left;
  238.     }
  239.  
  240. }
Advertisement
Add Comment
Please, Sign In to add comment