/* 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. */ /**********************************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; } .elementor-text-editor p, .elementor-text-editor{font-family:Arial;} /*********************************PLUGIN breadcrump*/ .breadcrumb-container a{padding:0px 0px !important;} .breadcrumb-container li:first-child .separator:last-child { display: none !important; } .breadcrumb-containerxxx li:last-child span:last-child { display: none !important; } /*********************************SPACIOUS BUG BGCOLOR FOR BLOG + SEARCH, same in Customizer*/ .site, .comments-area { background-color:#ffffff !important; } /* CHANGE COLORS */ /* BG-COLOR PASSIV: Yellow AKTIV: DarkRed - FONT-COLOR PASSIV: LimeGreen AKTIV: GhostWhite */ /* LINE STYLE COLOR: SlateBlue */ /* HEADER COLOR1: #D50000 -- optional, make important if use*/ /* HEADER COLOR2: Purple -- optional, make important if use */ /* LINKS IM ELEMENTOR FOOTER: Fuchsia*/ /**********************************THEMETEMPLATES HEADLINES - BLOGS, SEARCH*/ .entry-title a, .entry-title{font-size:28px !important;color: #D50000 !important;} /**********************************HEADLINE ,optional use h1:not(.elementor-heading-title)*/ /* h1 {font-size:32px; color: #D50000 !important;} h2 {font-size:32px; color: Purple !important;} h3 {font-size:30px;color: #D50000 !important;} h4 {font-size:30px;color: Purple !important;} h5 {font-size:28px;color: #D50000 !important;} h6 {font-size:28px;color: Purple !important;} */ /*********************************SPACIUOS header.php for search, only if canvas-version*/ .GBN-main-spacious{margin-top:30px;margin-left:20px;} .GBN-searchresulttxt{ font-size:24px; margin-bottom:30px; } .GBN-search-result a{ text-decoration:underline; } .post-entry-read-more::before{ font-family: FontAwesome; content: "\f0c8"; text-decoration:none !important; font-size:10px; margin-right:5px; display:inline-block; text-decoration:none; } .GBN-search-error{ background-image:url('images/suche.jpg'); background-repeat:no-repeat; background-position:right; height:630px; text-align:left; } .GBN-search-error h1{ text-shadow: 2px 2px #ffffff; } @media screen and (max-width: 768px) { .GBN-search-error{ background-image:url(''); height:auto; } } /**********************************OVERWRITE SPACIOUS CSS MARGIN 0 LIST-STYLE:none*/ .elementor-text-editor ol, .elementor-text-editor ul, .elementor-text-editor li { margin: 0 0 3px 20px !important; } .elementor-text-editor ul { list-style-type: disc; } .elementor-text-editor a {text-decoration:underline !important;color:#d50000 !important;} .elementor-text-editor a:hover {text-decoration:underline !important;color:#d50000 !important;} #GBN-footer .elementor-text-editor a:hover{text-decoration:underline !important;color:#666666 !important;} #GBN-footer .elementor-text-editor a{text-decoration:underline !important;color:#666666 !important;} /**********************************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); } /*NO TITLE ON PAGES*/ .header-post-title-container{ display:none; } @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;} #header-right-section{position:absolute !important; bottom:0;right:0; margin-bottom:0px;} /*MARGIN*/ /*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: LimeGreen !important;} .main-navigation a:hover, .main-navigation ul li:hover > a {color: GhostWhite !important;} .main-navigation li{padding: 0 0 0 0 !important;border:none !important;} /*FONT STYLE NAVIGATION*/ /*.main-navigation li{font-family: Verdana, sans-serif;}*/ /*MARGIN MAIN BUTTONS*/ .main-navigation ul:first-child > li /************************************************************HERE*/ {margin-left:5px !important;border-radius:3px 3px 0px 0px !important;} /*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:15px 10px 0px 10px !important;height:35px !important;font-size:18px !important;} /*MAIN UL*/ .main-navigation ul:first-child{ position:relative !important; display:inline; text-align:left !important; left:0px !important; } /*MAIN LI*/ .main-navigation ul:first-child > li{ background-color: Yellow !important; /************************************************************HERE*/ position:relative !important; text-align:left !important; } /*MAIN A*/ .main-navigation ul:first-child > li > a{ color: LimeGreen !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 { background-color: DarkRed !important; /************************************************************HERE*/ color: GhostWhite !important; /************************************************************HERE*/ /*box-shadow: inset 0 -3px SlateBlue;*/ /************************************************************if border-style*/ } /*SUB 1 BLOCK UL*/ .main-navigation ul:first-child > li > ul { top:50px !important; /************************************************************HERE = height+padding-top*/ width:200px !important; /************************************************************HERE*/ margin-left:-100px; /************************************************************HERE 1/2 width*/ /*margin-top:-3px;*/ /************************************************************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: DarkRed !important; /************************************************************HERE*/ } /*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: DarkRed !important; color: GhostWhite !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; } } /***********************************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:#D5D5D5 !important;} .footer-widgets-area .tg-one-fourth p{color:#D5D5D5 !important;} .footer-widgets-area .tg-one-fourth a:hover {color:#ffffff !important;text-decoration:none !important;border-bottom:1px dotted #D5D5D5 !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; } */