/* File: custom.css Description: Custom styles for Thesis BASIC USAGE: If you have enabled the custom stylesheet in the Thesis options panel, the tag will be appended with the "custom" class, like so: . You can use the "custom" class to override *any* CSS declarations contained in the style.css file. For example, if you wish to change the default link color to green, you would add the following declarations to this file: .custom a, .custom a:visited { color: #090; } <--- This makes links green .custom a:hover { color: #00f; } <--- This makes links blue when you mouse over them WHY THIS WORKS: By using the "custom" class, you are creating more specific CSS declarations for HTML elements. CSS styling is applied through rules of specificity, and because declarations prepended with .custom are more specific, they get applied when the page is rendered! More information about styling your Thesis installation using this file can be found in the User's Guide: http://diythemes.com/thesis/rtfm/customizing-thesis-with-customcss/ */ /* font converted using font-converter.net. thank you! */ @font-face { font-family: "Andalus"; src: url("./fonts/andlso.eot"); /* IE9 Compat Modes */ src: url("./fonts/andlso.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */ url("./fonts/andlso.otf") format("opentype"), /* Open Type Font */ url("./fonts/andlso.svg") format("svg"), /* Legacy iOS */ url("./fonts/andlso.ttf") format("truetype"), /* Safari, Android, iOS */ url("./fonts/andlso.woff") format("woff"), /* Modern Browsers */ url("./fonts/andlso.woff2") format("woff2"); /* Modern Browsers */ font-weight: normal; font-style: normal; } @charset "UTF-8"; @import url(https://fonts.googleapis.com/css?family=Great+Vibes); @import url(https://fonts.googleapis.com/css?family=Princess+Sofia); /*---:[ Verschiebt das Hauptmenü]:---*/ #menu-nav {margin-left: -5px;} .menu-item {margin: -1px;} /*---:[ Legt die Breite der Contentbox fest]:---*/ #content {padding: 0px; width:600px; padding-left:20px;} #sidebars {margin-right:30px; background:url(https://www.cobario.com/wp-content/uploads/2012/12/sidebar-240x1024.jpg); border:1px solid #ffad45; min-height: 700px;} #sidebars h3 {text-align:center; font-size:18px;} body {background:#191919 url(https://www.cobario.com/wp-content/uploads/2013/04/wp1.jpg) center top fixed no-repeat;} body.shop {background:#191919 url(https://www.cobario.com/wp-content/uploads/2013/04/wp8.jpg) center top fixed no-repeat;} body.history {background:#191919 url(https://www.cobario.com/wp-content/uploads/2013/04/wp2.jpg) center top fixed no-repeat;} body.music {background:#191919 url(https://www.cobario.com/wp-content/uploads/2013/04/wp7.jpg) center top fixed no-repeat;} body.live-dates {background:#191919 url(https://www.cobario.com/wp-content/uploads/2013/04/wp4.jpg) center top fixed no-repeat;} body.photos {background:#191919 url(https://www.cobario.com/wp-content/uploads/2013/04/wp5.jpg) center top fixed no-repeat;} body.videos {background:#191919 url(https://www.cobario.com/wp-content/uploads/2013/04/wp8.jpg) center top fixed no-repeat;} body.press {background:#191919 url(https://www.cobario.com/wp-content/uploads/2013/04/wp6.jpg) center top fixed no-repeat;} body.contact {background:#191919 url(https://www.cobario.com/wp-content/uploads/2013/04/wp3.jpg) center top fixed no-repeat;} body.cobario-christkindl {background:#191919 url(https://www.cobario.com/wp-content/uploads/2020/11/winterlandschaft2.jpg) center top fixed no-repeat;} #page {background:url(https://www.cobario.com/wp-content/uploads/2013/04/bg2.png) repeat-y center; margin-top:380px;} body.cobario-christkindl #container #page {background:url(https://www.cobario.com/wp-content/uploads/2020/11/weihnachts_bg4.png) repeat-y center; margin-top:380px;padding-bottom:100px;} body.weihnachtspackerl #container #page {background:url(https://www.cobario.com/wp-content/uploads/2020/11/weihnachts_bg4.png) repeat-y center; margin-top:380px;padding-bottom:300px;} body.weihnachten-feiern #container #page {background:url(https://www.cobario.com/wp-content/uploads/2020/11/weihnachts_bg4.png) repeat-y center; margin-top:380px;padding-bottom:300px;} body.shop #container #page {background:url(https://www.cobario.com/wp-content/uploads/2020/11/weihnachts_bg4.png) repeat-y center; margin-top:380px;padding-bottom:300px;} body.online-weihnachtskonzert #content { width: 140em; margin: 0 auto; padding-left:0px; margin-left: -120px;} body.online-weihnachtskonzert #container { width: 140em; margin: 0 auto;} body.online-weihnachtskonzert #page {background:none; width: 140em; margin-top:0px;} body.online-weihnachtskonzert #container #page {background:#eeeeee;margin-left: -0px; } body.online-weihnachtskonzert #menu-nav {margin-left: -5px;} body.online-weihnachtskonzert #header {margin-left: 100px;} body.online-weihnachtskonzert {background:#eeeeee center top fixed no-repeat;} /*---:[ anordnung online-weihnachtskonzert ]:---*/ .online-weihnachtskonzert { display: grid; grid-template-columns:3fr 1fr; gap: 20px; } /* ---:[Ueberschrift membership join]:--- */ #post-8710 h1 {text-align: center; font-family: 'Andalus', cursive; font-size:2.9em !important;} .headline_area h1 {text-align: center; font-family: 'Andalus', cursive; font-size:3.3em !important; line-height:2em;} h1 {text-align: center; font-family: 'Andalus', cursive; font-size:3.2em !important;} h1.medien {text-align: center; font-family: 'Andalus', cursive; font-size:2.3em !important;} h2 {text-align: left; font-family: 'Andalus', cursive; font-size:2.4em !important; font-weight:300; letter-spacing:0px;} h2_a {text-align: left; font-family: 'Andalus', cursive; font-size:2.3em !important; font-weight:300; letter-spacing:0px;} h2.entry-title {text-align: left; font-family: 'Andalus', cursive; font-size:2.4em !important; font-weight:300; letter-spacing:0px;} h2.presse {text-align: center; font-family: 'Andalus', cursive; font-size:2.0em !important; font-weight:300; letter-spacing:0px;} h2.musik {text-align: center; font-family: 'Andalus', cursive; font-size:2.2em !important; font-weight:300; letter-spacing:0px;} .cdborder {border:1px solid #ffad45;} /* a.customNav {color:#fdf2d7; font-family:Georgia, serif; font-size:13px; margin-left:20px; letter-spacing:1px;} a:hover.customNav {color:#ffffff;} */ #comments {display:none;} p.to_comments {display:none;} .guest-book #comments {display: block;} .guest-book p.to_comments {display: block;} .border {border:solid 15px #fdfbee; -moz-box-shadow: 5px 5px 5px #666; -webkit-box-shadow: 5px 5px 5px #666; box-shadow: 5px 5px 5px #666; margin:5px;} a.button {background:#881004; padding:2px 8px 2px 8px; text-decoration:none; border-radius:2px; font-size:10px !important; margin-bottom:3px; font-family:arial; color:#fda731; } a:hover.button {background:#b04206; color:#ffbb5e !important;} a.button2 {background:#009000; padding:1px 5px 1px 5px; text-decoration:none; border-radius:1px; font-size:14px !important; margin-left:20px; margin-bottom:3px; color:#fefffe; } a:hover.button2 {background:#00aa00; color:#ffffff !important;} a.button3 {background:#009000; padding:2px 8px 2px 8px; text-decoration:none; border-radius:2px; font-size:14px !important; margin-left:20px; margin-bottom:3px; font-family:arial; color:#eeffee; } a:hover.button3 {background:#00aa00; color:#ffffff !important;} a.button4 {background:#eeeeee; padding:4px 10px 4px 10px; text-decoration:none; border-radius:2px; font-size:14px !important; margin-left:20px; margin-bottom:30px; font-family:arial; font-weight: bold; color:#887777; } a:hover.button4 {background:#bbbbbb; color:#111111 !important;} a.spendenbutton {background:#bbdd99; padding:4px 8px 4px 8px; border-style: solid; border-width: 1px; border-color: #99aa66; font-size:15px !important; margin-bottom:3px; font-family:arial; color:#000000; } a:hover.spendenbutton {background:#cbeda9; color:#000000 !important; text-decoration: none !important;} /* ---:[Formatierung Konzertseite]:--- */ .konzerte {font-family: Georgia, 'Times New Roman', serif; font-weight: bold; font-size: 14px; padding-left: 30px;} /* ---:[Schaltet Unterstreichung von Links aus]:--- */ .format_text a { text-decoration: none; } .format_text a:hover { color:#b04206; } //.published {text-transform: capitalize !important;} /* ---:[gibt den Fotos einen Bilderrahmen]:--- */ .size-thumbnail {border:#fff 8px solid; -moz-box-shadow: 5px 5px 5px #666; -webkit-box-shadow: 5px 5px 5px #666; box-shadow: 5px 5px 5px #666; margin:5px;} .attachment-thumbnail {border:#fff 8px solid !important; -moz-box-shadow: 5px 5px 5px #666; -webkit-box-shadow: 5px 5px 5px #666; box-shadow: 5px 5px 5px #666; margin:5px;} .no_sidebars {width:830px !important;} #footer a { border-bottom: none; } /*---:[ comment styles ]:---*/ /* .comments_intro {display:none;} #comment_list { background:url(https://www.cobario.com/wp-content/uploads/2012/12/sidebar-240x1024.jpg) !important;} dl#comment_list { background:url(https://www.cobario.com/wp-content/uploads/2012/12/sidebar-240x1024.jpg) !important; border: 1px solid #ffad45; margin-left:15px; } dl#comment_list dt a:hover { text-decoration: underline; } dl#comment_list dt .comment_author { font-weight: bold; } .avatar img { float: right; } .comment_time, .edit_comment { color: #888; } .comment_time { white-space: nowrap; } .comment_time a, .edit_comment a { color: #104065; } .comment_time a:hover, .edit_comment a:hover { color: #2d72a7; } .comment_num { float: right; } dl#comment_list .comment_num a { font-weight: bold; color: #aaa; } dl#comment_list .comment_num a:hover { color: #fff; background: #aaa; text-decoration: none; } dl#comment_list .bypostauthor { background: #e7f8fb; } dl#comment_list dd { border:none; } dl#comment_list dd p.reply a { color: #104065; text-transform: uppercase; text-decoration: none; display:none; } dl#comment_list dd p.reply a:hover { text-decoration: none; color:#2d72a7; display:none; } dl#comment_list dl { border-top: 0; } dl#comment_list dl dt, dl#comment_list dl dd { background: none; } dl#comment_list dl dd { border-bottom: 0; } dl#comment_list dl .bypostauthor { background: none; } dl#comment_list dl dt, dl#comment_list dl dd .format_text { border-style: solid; border-color: #ddd; } dl#comment_list dl dt.bypostauthor, dl#comment_list dl dd.bypostauthor > .format_text { border-color: #bde0e6; } a.comment_link { color: #111; text-decoration: none; font-variant: small-caps; border-bottom: 1px solid #bbb; } a.comment_link:hover { color: #111; border-bottom-color: #111; } */ /*---:[ author comment and alternating comment colors ]:---*/ /* dl#comment_list .even { background: #f5f5f5; } dl#comment_list .odd { background: #fff; } */ /* #trackback_list { border-top: none; } #trackback_list a { color: #104065; } #trackback_list a:hover { color: #351F14; text-decoration: none; } #trackback_list span { color: #888; } .comments_closed p { text-transform: uppercase; color: #351F14; } .comments {background:url(https://www.cobario.com/wp-content/uploads/2012/12/sidebar-240x1024.jpg) !important;} */ /*---:[ comment form styles ]:---*/ /* #respond_intro p { color: #351F14; } #respond_intro p a { font-weight: bold; } #respond_intro p a:hover { text-decoration: underline; } #cancel-comment-reply-link { text-transform: uppercase; letter-spacing: 1px; color: #fff; background: #d00; border-style: solid; border-color: #ac0000; border-top-color: #fa5a5a; border-left-color: #fa5a5a; float: right; } .login_alert { background: #f5f5f5; border: 1px solid #ddd; } .login_alert p { font-weight: bold; } .login_alert p a:hover { text-decoration: underline; } .comment_moderated { font-weight: bold; } #commentform { border-top: none } #commentform p { margin-bottom: 1em; } #commentform p a { text-decoration: underline; } #commentform p a:hover { text-decoration: none; } #commentform p .required { color: #d00; } #commentform span.allowed { display: block; color: #807e70; background: #f9f7e4; border-style: dotted; border-color: #bbb; } #commentform span.allowed span { display: block; } */ /* Support for the highly-recommended Subscribe to Comments Plugin */ // #commentform p.subscribe-to-comments label { font-size: 1em; } //.form_submit {border:solid 1px #eee; border-radius:3px;} /*---:[ video picture frames ]:---*/ .video_frame1 {margin:5px; width:600px; height:370px; padding-top:43px; margin-bottom:10px; background:url('https://www.cobario.com/wp-content/uploads/2013/02/frame1.gif') no-repeat;} .video_frame2 {margin:5px; width:600px; height:370px; padding-top:43px; margin-bottom:10px; background:url('https://www.cobario.com/wp-content/uploads/2013/02/frame2.gif') no-repeat;} .video_frame3 {margin:5px; width:600px; height:370px; padding-top:43px; margin-bottom:10px; background:url('https://www.cobario.com/wp-content/uploads/2013/02/frame3.gif') no-repeat;} .video_frame4 {margin:5px; width:600px; height:370px; padding-top:43px; margin-bottom:10px; background:url('https://www.cobario.com/wp-content/uploads/2013/02/frame4.gif') no-repeat;} .video_frame5_big {margin:5px; width:600px; height:470px; padding-top:48px; margin-bottom:10px; background:url('https://www.cobario.com/wp-content/uploads/2013/02/frame5.gif') no-repeat;} .storebox {width:530px; height:302px; margin-right:30px; background:url(https://www.cobario.com/wp-content/uploads/2013/03/storebg.jpg) right; border:1px solid #ffad45; margin-bottom:20px;} .storebox_dvd {width:530px; height:382px; margin-right:30px; background:url(https://www.cobario.com/wp-content/uploads/2013/03/storebg.jpg) right; border:1px solid #ffad45; margin-bottom:20px;} #cdbox {margin-right:20px; position: relative; background:url(https://www.cobario.com/wp-content/uploads/2013/03/storebg_neu.jpg) right; border:1px solid #ffad45; margin-bottom:0px;} .widget_categories a { text-decoration: none; margin-left:20px;} .widget_categories a:hover { color:#b04206; text-decoration: none; } /*---:[ vergroessert bilder wenn die maus darueber steht]:---*/ .grow:hover { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } /*---:[ formular design]:---*/ div.wpcf7 { background-color: #f8f3de; border: 1px solid #ffad45; padding:60px; } .wpcf7-form { margin-left: 25px; margin-right: 25px; margin-top: 0px; } .wpcf7-textarea { width: 90%; } input.wpcf7-submit:hover { background-color: #f9f9f9; } /*---:[ Rückt das Hauptfenster auf den Music Seiten auf die selbe Höhe wie die Sidebar]:---*/ #post-9.post_box {padding-top: 0em; margin-top: -2.2em;} #post-8172.post_box {padding-top: 0em; margin-top: -2.2em;} #post-2647.post_box {padding-top: 0em; margin-top: -2.2em;} #post-2608.post_box {padding-top: 0em; margin-top: -2.2em;} #post-2635.post_box {padding-top: 0em; margin-top: -2.2em;} #post-2640.post_box {padding-top: 0em; margin-top: -2.2em;} #post-2644.post_box {padding-top: 0em; margin-top: -2.2em;} /*---:[ blendet Metadaten bei Produkten aus]:---*/ #post-8179 .headline_meta{display: none;} #post-6594 .headline_meta{display: none;} #post-6595 .headline_meta{display: none;} #post-851 .headline_meta{display: none;} #post-880 .headline_meta{display: none;} #post-883 .headline_meta{display: none;} #post-6596 .headline_meta{display: none;} #post-8655 .headline_meta{display: none;} #post-12059 .headline_meta{display: none;} #post-12768 .headline_meta{display: none;} #post-24541 .headline_meta{display: none;} #post-31031 .headline_meta{display: none;} #post-30470 .headline_meta{display: none;} #post-31034 .headline_meta{display: none;} /*---:[ blendet woocommerce metadaten aus ]:---*/ .product_meta { display: none; } /*---:[ anordnung forum uebersicht ]:---*/ .forumanordnung { display: grid; grid-template-columns:1fr 1fr; gap: 20px; grid-template-rows: } .forenbox { display: grid; border: 1px solid #000000; padding: 20px; } /*---:[ anordnung formular ]:---*/ .formular { display: grid; grid-template-columns:1fr 3fr 1fr; gap: 20px; } /*---:[ anordnung familie ]:---*/ .support { display: grid; grid-template-columns:1fr 1fr; gap: 20px; } .supportbox { display: grid; border: 1px solid #000000; padding: 20px; grid-template-rows: 100px 100px;} /*---:[ anordnung membership-join ]:---*/ @media only screen and ( min-width: 1200px ) { /* breites Browserfenster */ .mitglieder { display: grid; grid-template-columns:1fr 1fr 1fr; gap: 20px; } } @media only screen and ( max-width: 1199px ) { /* mobile GerÃƒÂ¤te */ .mitglieder { display: grid; grid-template-columns:1fr; gap: 20px; font-size: 1.3em !important; } } .mediencontainer3 { display: grid; grid-template-columns:1fr 1fr 1fr; text-align: center;} .mediencontainer2 { display: grid; grid-template-columns:1fr 1fr;} .mitgliederbox {border: 1px solid #000000; padding: 21px;} .woocommerce-ordering { display: none; } .woocommerce-result-count { display: none; } /*---:[ ausrichtung simple membership widget ]:---*/ .swpm-password-label { margin-top: 0.5em; } .swpm-before-login-submit-section { margin-top: 0.5em; } .swpm-login-submit { margin-top: 0em; } .swpm-join-us-link { margin-top: 0.3em; } .swpm-logged-status-label{ margin-top: 0.5em; } .swpm-logged-membership-label{ margin-top: 0.5em; } .swpm-logged-expiry-label{ margin-top: 0.5em; } .swpm-logged-expiry-value{ margin-bottom: 1em; } .swpm-logged-logout-link{ margin-top: 0.2em; } /*---:[ jetzt abonnieren button auf membership.join ]:---*/ .swpm-payment-button :hover { cursor: pointer; transform: scale(1.01); } /* .swpm-profile-company-row{ display: none; } */ .swpm-profile-state-row{ display: none; } /*---:[ blendet Metadaten im Forum aus]:---*/ .bbp-template-notice {display: none;} .bbp-forum-description {display: none;} .bbp-pagination {display: none;} #post-9000 .headline_meta{display: none;} .subscription-toggle {display: none;} .bbp-template-notice {display: none;} .bbp-forum-description {display: none;} .bbp-pagination {display: none;} #post-9077 .headline_meta{display: none;} .subscription-toggle {display: none;} .bbp-template-notice {display: none;} .bbp-forum-description {display: none;} .bbp-pagination {display: none;} #post-9547 .headline_meta{display: none;} .subscription-toggle {display: none;} .bbp-template-notice {display: none;} .bbp-forum-description {display: none;} .bbp-pagination {display: none;} #post-9549 .headline_meta{display: none;} .subscription-toggle {display: none;} .bbp-template-notice {display: none;} .bbp-forum-description {display: none;} .bbp-pagination {display: none;} #post-9750 .headline_meta{display: none;} .subscription-toggle {display: none;} #post-8996 .headline_meta{display: none;} .subscription-toggle {display: none;} .bbp-template-notice {display: none;} .bbp-forum-description {display: none;} .bbp-pagination {display: none;} #post-9032 .headline_meta{display: none;} .subscription-toggle {display: none;} .bbp-template-notice {display: none;} .bbp-forum-description {display: none;} .bbp-pagination {display: none;} #post-9136 .headline_meta{display: none;} .subscription-toggle {display: none;} .bbp-template-notice {display: none;} .bbp-forum-description {display: none;} .bbp-pagination {display: none;} #post-9138 .headline_meta{display: none;} .subscription-toggle {display: none;} .bbp-template-notice {display: none;} .bbp-forum-description {display: none;} .bbp-pagination {display: none;} #post-9667 .headline_meta{display: none;} .subscription-toggle {display: none;} .bbp-template-notice {display: none;} .bbp-forum-description {display: none;} .bbp-pagination {display: none;} #post-11369 .headline_meta{display: none;} .subscription-toggle {display: none;} .bbp-template-notice {display: none;} .bbp-forum-description {display: none;} .bbp-pagination {display: none;} #post-12641 .headline_meta{display: none;} .subscription-toggle {display: none;} .bbp-template-notice {display: none;} .bbp-forum-description {display: none;} .bbp-pagination {display: none;} #post-12646 .headline_meta{display: none;} .subscription-toggle {display: none;} .bbp-template-notice {display: none;} .bbp-forum-description {display: none;} .bbp-pagination {display: none;} #post-12736 .headline_meta{display: none;} .subscription-toggle {display: none;} .bbp-template-notice {display: none;} .bbp-forum-description {display: none;} .bbp-pagination {display: none;} .weihnachtsvideo { position: relative float: left; width: 70%; padding-top: 39%; /* 16:9 Aspect Ratio (divide 9 by 16 = 0.5625) */ left: 10px; margin-left: calc(1% + 3px); box-shadow: 5px 5px 5px silver; border-radius:10px; } @media only screen and (orientation:landscape) { .videocontainer { position: relative; overflow: hidden; float: left; width: 70%; padding-top: 39%; /* 16:9 Aspect Ratio (divide 9 by 16 = 0.5625) */ left: calc(1% - 3px); box-shadow: 5px 5px 5px silver; border-radius:10px; } .chatcontainer { position: relative; overflow: hidden; float: left; width: calc(28% - 1%); padding-top: 39%; /* 16:9 Aspect Ratio (divide 9 by 16 = 0.5625) */ left: 10px; margin-left: calc(1% + 3px); box-shadow: 5px 5px 5px silver; border-radius:10px; } } @media only screen and (orientation:portrait) { .videocontainer { position: relative; overflow: hidden; width: 96%; padding-top: 56.25%; /* 16:9 Aspect Ratio (divide 9 by 16 = 0.5625) */ left: calc(2% - 3px); box-shadow: 5px 5px 5px silver; border-radius:10px; } .chatcontainer { position: relative; overflow: hidden; width: 90%; max-width: 90%; margin-top:10px; padding-top: 100%; /* 16:9 Aspect Ratio (divide 9 by 16 = 0.5625) */ left: calc(5% - 2px); box-shadow: 5px 5px 5px silver; border-radius:10px; } } /* Then style the iframe to fit in the container div with full height and width */ .videoiframe { top: 0px; left: 0px; bottom: 0px; right: 0px; width: 100%; height: 100%; border: none; border-radius:10px; } /* Then style the iframe to fit in the container div with full height and width */ .chatiframe { position: absolute; overflow: scroll; top: 0; left: 0; bottom: 0; right: 0; width: 100%; height: 100%; border: none; border-radius:10px; }