/* Theme Name: frank kübler internet + media Theme URI: http://kuebler.net Description: Frank Kübler Pforzheim Author: Child theme for Spacious. Realized by GOBYnet. Author URI: http://goby.net Template: spacious Version: 1.0 License: GNU General Public License v2 or later License URI: http://www.gnu.org/licenses/gpl-2.0.html Tags: Frank Kübler */ /* You can start adding your own styles here. Use !important to overwrite styles if needed. */ /**************************************************************************************FLAGS*/ .GBN-flags{ float:right; position:relative; z-index:3 !important; } .GBN-flags ul{padding:0;margin:0;list-style-type: none !important;padding-top:20px;} .GBN-flags li{padding:0px;margin:0px;position:realtive;float:left;padding-left:15px;} /**************************************************************************************LANG SELECT*/ headerx .widget_polylang:before{ font-family: FontAwesome; content: "\f0ac"; font-size:20px; color:#E4003E; letter-spacing:5px; } headerx .widget_polylang select{min-width:200px;} .lang-item { display: inline; } /**********************************KILL ALL UNDERLINE WP THEME 2017*/ .entry-content a:focus, .entry-content a:hover, .entry-summary a:focus, .entry-summary a:hover, .widget a:focus, .widget a:hover, .site-footer .widget-area a:focus, .site-footer .widget-area a:hover, .posts-navigation a:focus, .posts-navigation a:hover, .comment-metadata a:focus, .comment-metadata a:hover, .comment-metadata a.comment-edit-link:focus, .comment-metadata a.comment-edit-link:hover, .comment-reply-link:focus, .comment-reply-link:hover, .widget_authors a:focus strong, .widget_authors a:hover strong, .entry-title a:focus, .entry-title a:hover, .entry-meta a:focus, .entry-meta a:hover, .page-links a:focus .page-number, .page-links a:hover .page-number, .entry-footer a:focus, .entry-footer a:hover, .entry-footer .cat-links a:focus, .entry-footer .cat-links a:hover, .entry-footer .tags-links a:focus, .entry-footer .tags-links a:hover, .post-navigation a:focus, .post-navigation a:hover, .pagination a:not(.prev):not(.next):focus, .pagination a:not(.prev):not(.next):hover, .comments-pagination a:not(.prev):not(.next):focus, .comments-pagination a:not(.prev):not(.next):hover, .logged-in-as a:focus, .logged-in-as a:hover, a:focus .nav-title, a:hover .nav-title, .edit-link a:focus, .edit-link a:hover, .site-info a:focus, .site-info a:hover, .widget .widget-title a:focus, .widget .widget-title a:hover, .widget ul li a:focus, .widget ul li a:hover { box-shadow: initial; -webkit-box-shadow: initial; text-decoration:underline; } //.footer-widgets-wrapper h3 {width:100% !important;display:inline !important;} //.footer-widgets-wrapper .widget-title h3{margin-bottom:30px !important;} .footer-widgets-wrapper .widget-title span{border-width:0px !important;} .footer-widgets-wrapper .widget-title {border-bottom:1px solid #f2f2f2 !important;padding:0px !important;margin-bottom:8px;} .footer-widgets-wrapper{background-color:#181716;} .footer-widgets-wrapper, .footer-widgets-wrapper a {color:#f2f2f2 !important;} .small-menu{display:none;} #colophon .widget ul li { border-bottom: 1px solid #f2f2f2; } #content a:not(.entry-header,.entry-title){text-decoration:underline;} /**********************************KILL ALL MARGIN FOR FORMFIELDS PARENT THEMES*/ input[type="text"], input[type="email"], input[type="password"], textarea { margin: 0 !important;} /**********************************TOP*/ #header-text-nav-container { width:100%; background-color:#ffffff; border:0px !important; /*box-shadow: 0px 0px 1px 0px grey;*/ box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2), 0 3px 10px 0 rgba(0, 0, 0, 0.19); z-index:100000 !important; position: relative !; } /*NO TITLE ON PAGES*/ .header-post-title-container{ display:none; } /**********************************HEADER WITH MAIN MENUE*/ /* CHANGE COLORS */ /* BG-COLOR PASSIV: #181716 AKTIV: #E4003E - FONT-COLOR PASSIV: #f2f2f2 AKTIV: #f2f2f2 */ /* LINE STYLE COLOR: SlateBlue */ /* HEADER: #E4003E */ #polylang-2 img{border:1px solid #F0F0F0;} #polylang-2 img{width:36px;height:19px;} /**********************************HEADER Logo, Flags + Mainmenu*/ @media screen and (max-width: 1270px) { #header-text-nav-wrap{height:185px;} #site-navigation{padding-top:0px !important;} #polylang-2 img{width:35px;height:19px !important;} } @media screen and (max-width: 768px) { #header-text-nav-wrap{height:auto;} #header-right-sidebar{align:center;} #site-navigation .menu-toggle{display:block;padding-left:50%;} } /**********************************DESKTOP VERSION*/ @media screen and (min-width: 769px) { /*LOGO POSITION*/ #header-logo-image{margin-bottom:18px !important;} /*SEARCH POSITION*/ .main-navigation{padding-top:15px !important;} /*NAVIGATION POSITION*/ #header-text-nav-wrap{padding-bottom:0px !important;position:relative !important;} .main-navigation .menu-primary-container > ul::after { clear: none !important; } /*FIRST SET ALL VALUES TO DEFAULT*/ .main-navigation ul li ul li a, .main-navigation ul li.current-menu-item ul li a, .main-navigation ul li ul li.current-menu-item a, .main-navigation ul li.current_page_ancestor ul li a, .main-navigation ul li.current-menu-ancestor ul li a, .main-navigation ul li.current_page_item ul li a {color: #707070 !important;} .main-navigation a:hover, .main-navigation ul li:hover > a {color: #f2f2f2 !important;} .main-navigation li{padding: 0 0 0 0 !important;border:none !important;} /*FONT STYLE NAVIGATION*/ /*.main-navigation li{font-family: Verdana, sans-serif;}*/ /*PADDING TOP AND BOTTOM AND BETWEEN TITLE - ONLY MAIN*/ /****die tatsaechliche Höhe = height + padding-top*/ /****die tatsaechliche Höhe unter ".main-navigation ul:first-child > li > ul {top:" eintragen*/ .main-navigation ul:first-child > li > a {padding:1px 10px 0px 10px !important;height:36px !important;font-size:18px !important;z-index:5;} /*****MENUE HEIGHT + PADDING! /*MAIN UL*/ .main-navigation ul:first-child{ position:relative !important; display:inline; text-align:left !important; left:0px !important; } /*MAIN LI BUTTONS*/ .main-navigation ul:first-child > li{ background-color: #181716 !important; /************************************************************HERE*/ margin-left:5px !important; border-radius:3px 3px 0px 0px !important; position:relative !important; text-align:left !important; } /*MAIN A*/ .main-navigation ul:first-child > li > a{ color: #f2f2f2 !important; /************************************************************HERE*/ } /*MAIN: HOVER + AKTIV*/ .main-navigation ul:first-child > li > a:hover, .main-navigation ul:first-child > li > a:hover + li, .main-navigation ul:first-child > li.current-menu-item > a, .main-navigation ul:first-child > li.current-menu-ancestor > a { border-radius:3px 3px 0px 0px !important; /************************************************************HERE*/ background-color: #E4003E !important; /************************************************************HERE*/ color: #f2f2f2 !important; /************************************************************HERE*/ /*box-shadow: inset 0 -3px SlateBlue;*/ /************************************************************if border-style*/ } /*SUB 1 BLOCK UL*/ .main-navigation ul:first-child > li > ul { top:35px !important; /************************************************************HERE = height+padding-top*/ width:200px !important; /************************************************************HERE*/ margin-left:-100px; /************************************************************HERE 1/2 width*/ margin-top:0px !important; /************************************************************if border-style*/ left:50% !important; position:absolute !important; border:none !important; z-index:21; left:0px; margin-top:1px; padding-top:15px; background: rgb(255, 255, 255); background: rgba(255, 255, 255, 0.8); box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); } /*SUB 2 BLOCK UL*/ .main-navigation ul:first-child > li > ul > li > ul { top:0px !important; width:200px !important; position:absolute !important; border:none !important; z-index:26; left:0px; background: rgb(255, 255, 255); background: rgba(255, 255, 255, 0.8); box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); } /************************************************************if border-style*/ /*.main-navigation ul:first-child > li > ul > li:first-child{border-top:3px solid SlateBlue !important;}*/ /************************************************************if line top SUB1*/ .main-navigation ul:first-child > li > ul > li:first-child{border-top:1px solid #BBBBBB !important;} /*SUB 1 LI margin top + bottom*/ .main-navigation ul:first-child > li > ul > li:first-child {padding-top:15px !important;} .main-navigation ul:first-child > li > ul > li:last-child {padding-bottom:15px !important;} .main-navigation ul li ul li ul{ left:200px !important; border-bottom:none !important; } /*SUB 1+2 A COLOR ...*/ .main-navigation ul li ul li > a { color: #707070 !important; } /*SUB 1+2 LI/A HOVER COLOR ...*/ .main-navigation ul li a:hover, .main-navigation ul li:hover > a, .main-navigation ul li.current-menu-item ul li a:hover, .main-navigation ul li ul li.current-menu-item a { background-color: #E4003E !important; color: #f2f2f2 !important; } /*SUB 2 BLOCK UL*/ .main-navigation ul:first-child > li > ul >li >ul {width: 200px;top:15px !important;} /*ANIMATION*/ .main-navigation ul li ul, .main-navigation ul li:hover ul ul, .main-navigation ul ul li:hover ul ul, .main-navigation ul ul ul li:hover ul ul, .main-navigation ul ul ul ul li:hover ul ul { display: block; max-height: 0; padding-top: 0px !important; overflow: hidden; transition: max-height 0.5s ease-out; z-index: 9999; } .main-navigation ul li:hover ul, .main-navigation ul ul li:hover ul, .main-navigation ul ul ul li:hover ul, .main-navigation ul ul ul ul li:hover ul, .main-navigation ul ul ul ul ul li:hover ul { display:block; max-height:500px; transition: max-height 1.5s ease-in; } .main-navigation ul:first-child > li > ul:hover { overflow:visible; } } /**********************************HEADLINE*/ .entry-title a, .entry-title{font-size:24px !important;color: #E4003E !important;} h1 {font-size:24px; color: #E4003E;} h2 {font-size:22px; color: #E4003E;} h3 {font-size:20px;color: #E4003E;} h4 {font-size:18px;color: #E4003E;} /***********************************PLUGIN SIMPLE LIGHTSHOW*/ #slb_viewer_wrap .slb_theme_slb_default .slb_container{box-shadow:none !important;border-radius:0 !important;padding:0 0 0 0 !important;} .slb_details{padding:7px 5px 0px 7px!important;} /*TXT BOX BOTTOM*/ #slb_viewer_wrap .slb_theme_slb_default .slb_data_title{font-family: sans-serif !important;} #slb_viewer_wrap .slb_theme_slb_default .slb_group_status{color:#333333 !important;font-family: sans-serif !important;padding-left:20px;} #slb_viewer_wrap .slb_theme_slb_default .slb_data_desc{color:#333333 !important;} /*NEED FROM INSTALL [childtheme]/images/simple_lightbox/ prev + nav PNG!*/ .slb_prev .slb_template_tag {background-image: url('images/simple_lightbox/nav_prev.png') !important;} .slb_next .slb_template_tag {background-image: url('images/simple_lightbox/nav_next.png') !important;} /**********************************ALL LINKED IMAGES HOVER*/ a img:hover { opacity: 1; filter:alpha(opacity=100); /* For IE8 and earlier */ filter: saturate(100%); -webkit-filter: saturate(100%); -moz-filter: saturate(100%); -o-filter: saturate(100%); -ms-filter: saturate(100%); } /**********************************WIDGET FOOTER - TEXT*/ .widget-title span{border-color:#f2f2f2 !important;color:#f2f2f2;} .footer-widgets-area .tg-one-fourth p{color:#f2f2f2 !important;} .footer-widgets-area .tg-one-fourth a:hover {color:#ffffff !important;text-decoration:none !important;border-bottom:0px dotted #f2f2f2 !important;} /**********************************RESPONSIVE*/ @media screen and (max-width: 950px) { } @media screen and (max-width: 768px) { /*MENUE WIDTH*/ .inner-wrap{width:100% !important;} .footer-widgets-area, #content{padding-left:3% !important;padding-right:3% !important;} /*KILL BORDER*/ #header-text-nav-container { border:0px !important; box-shadow: 0px 0px 0px 0px #fff; } } /**********************************SLIDER THEME*/ #featured-slider img { } /**********************************TEMPLATE GBN*/ body.page-template-content-top #main { padding:0 0 0 0 !important; } /* .home .header-image { display: none !important; } .header-image { display: block !important; } .header-post-title-container{ display: none !important; } */