PPV Medien Akustik und musikalische Aufführungspraxis - Fachbuch - neues Buch
ISBN: 9783955120580
Hier erfahren Sie alles, was Sie zur bestmöglichen Wirkung Ihrer Musik wissen müssen. Nur so wird Ihre Interpretation von Mozart, Brahms oder Bach ein voller Erfolg. CD-ROM: Nein. Downloa… Mehr…
Hier erfahren Sie alles, was Sie zur bestmöglichen Wirkung Ihrer Musik wissen müssen. Nur so wird Ihre Interpretation von Mozart, Brahms oder Bach ein voller Erfolg. CD-ROM: Nein. Download: Nein. Seitenanzahl: 358. /* ------------------------------------------------------------------------------ FLATAUCTION EBAY TEMPLATE MADE BY PIXELSAFARI Template Name: FlatAuction Description: FlatAuction eBay Template by Pixelsafari Author: Daniel Kolb & Jessica Gessert Version: 2.95 1. Wrapper 2. Header & Navigation 3. Gallery (including Zoom) 4. Middle Column 5. Title & Short Description 6. Price Container & Button 7. Right Column 8. Tab Bar 9. Why Choose us 10. Cross Sellers 11. Footer MEDIA QUERIES: 12. Max width 1020px (Laptop / Tablet Landscape) 13. Max width 830px (Tablet Portrait) 14. Max width 660px (Smartphones) 15. Max width 480px (Smartphones) TOOLS: 16. Animations ------------------------------------------------------------------------------ */ /*shop navigation .navigationContainer li:hover { background-color: #989898; transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; -webkit-transition: all .5s ease } */ /*header*/ .header .infos { top: 0; margin-top: 0; text-align: right; text-transform: uppercase; font-size: 14px; } .header .infos a { color: #8c8c8c; padding-left: 20px; display: inline-block; } .header .infos a:hover { color: #42443c; } .header .infos i { padding-bottom: 10px; } .header .infos span { display: block; } .header .infos { position: relative; } .header .infos a { /*color: #000; */ text-decoration: none; padding-left: 12px; } .header .infos i { font-size: 24px; } .header .infos .fa-paper-plane { font-size: 20px; } /** 1. Wrapper **/ #wrapper { margin: 0 auto; padding: 50px 20px 0 20px; max-width: 1390px; font-family: "Lato", sans-serif; } .clearer { clear: both; } /** 2. Header & Navigation **/ .header { margin-bottom: 50px; } .logoContainer { margin-left: 40px; } .logoContainer img { max-width: 280px; max-height: 180px; } .navigationContainer { display: block; margin-top: 25px; height: 50px; border-top: 2px solid #333; border-bottom: 2px solid #333; background-color: #333; } .navigationContainer ul { margin: 0; padding: 0 0 0 40px; line-height: 50px; } .navigationContainer ul li { display: inline-block; margin-left: 180px; color: #fff; text-transform: uppercase; font-weight: 400; font-size: 16px; } .navigationContainer a, .navigationContainer a:visited { color: #fff; text-decoration: none; } .navigationContainer ul li:hover, .navigationContainer ul li a:hover { cursor: pointer; text-decoration: underline; } /** 3. Gallery **/ .gallery { width: 43%; margin-right: 2%; float: left; position: relative; padding-top: 630px; } .bigPic { position: absolute; display: block; top: 0; left: 0; width: 100%; height: 630px; text-align: center; background-color: #fff; transition: opacity 0.5s; margin: 0; z-index: -99; } .bigPic img { position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; max-width: 100%; max-height: 100%; } .gallery input[type="radio"] { visibility: hidden; margin: 0; padding: 0; height: 0; width: 0; position: absolute; } #big-pic-1:checked~.bigPic:nth-of-type(1), #big-pic-2:checked~.bigPic:nth-of-type(2), #big-pic-3:checked~.bigPic:nth-of-type(3), #big-pic-4:checked~.bigPic:nth-of-type(4), #big-pic-5:checked~.bigPic:nth-of-type(5), #big-pic-6:checked~.bigPic:nth-of-type(6), #big-pic-7:checked~.bigPic:nth-of-type(7), #big-pic-8:checked~.bigPic:nth-of-type(8), #big-pic-9:checked~.bigPic:nth-of-type(9), #big-pic-10:checked~.bigPic:nth-of-type(10), #big-pic-11:checked~.bigPic:nth-of-type(11), #big-pic-12:checked~.bigPic:nth-of-type(12) { opacity: 1; display: block; z-index: 10; } .galleryThumb { position: relative; display: inline-block; margin-right: 1%; margin-left: -4px; width: 24%; height: 140px; text-align: center; margin-bottom: 5px; transition: all 0.2s; } .galleryThumb:nth-of-type(4n + 1) { margin-left: 0; } .galleryThumb:nth-of-type(4n) { margin-right: 0; } .galleryThumb:hover { opacity: 0.7; cursor: pointer; transition: all 0.2s; } .galleryThumb img { position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; max-width: 100%; max-height: 100%; } /** Zoom Gallery **/ .overlay { background: rgba(0, 0, 0, 0.6); position: fixed; width: 100%; height: 100%; top: 0px; left: 0px; z-index: 1000; display: none; } .zoom-bigPic { width: 70%; height: auto; margin: 0 auto; background: #fff; text-align: center; padding: 2% 2% 2% 2%; margin-top: 20px; } .zoom-bigPic img { max-width: 100%; max-height: 600px; } .overlay a.close-text { margin-top: 20px; color: #555 !important; text-decoration: none; font-size: 15px; clear: both; display: block; font-weight: normal; text-decoration: underline; } .overlay a i { color: #555 !important; font-size: 40px; margin-bottom: 20px; z-index: 2000; float: right; } #zoompic-1:target, #zoompic-2:target, #zoompic-3:target, #zoompic-4:target, #zoompic-5:target, #zoompic-6:target, #zoompic-7:target, #zoompic-8:target, #zoompic-9:target, #zoompic-10:target, #zoompic-11:target, #zoompic-12:target { display: block; } /** 4. Middle Column **/ .midColumn { float: left; max-width: 680px; } /** 5. Title & Short Description **/ .midColumn h1 { color: #333; font-weight: 400; font-size: 26px; margin-bottom: 0; } .underline { margin: 15px 0; width: 100%; height: 1px; background-color: #ebebeb; } .shortdescription { float: left; } .shortdescription p, .shortdescription ul, .shortdescription li { color: #555; font-size: 16px; line-height: 1.8; margin: 0; } #variationContainer { margin: 20px 0 0 0; padding-bottom: 45px; padding-left: 0px; width: 345px; font-family: "montserrat", sans-serif; } #variationContainer h5 { margin-top: 25px; margin-bottom: 10px; font-weight: 400; font-size: 14px; } .varList1 { margin: 0; padding: 0; list-style: none; } .varList1 li { display: inline-block; margin-right: 5px; margin-bottom: 5px; padding: 5px 10px; border: 1px solid #333; color: #333; font-size: 12px; } .varList1 li:hover { background-color: #000; color: #fff; cursor: default; } .varList2 { margin: 0; padding: 0; list-style: none; } .varList2 li { display: inline-block; margin-right: 5px; margin-bottom: 5px; padding: 5px 10px; border: 1px solid #333; color: #333; font-size: 12px; } .varList2 li:hover { background-color: #000; color: #fff; cursor: default; } /** 6. Price Container & Button **/ .priceTagBox { padding: 25px 0 0 20px; width: 380px; height: 115px; border-radius: 5px; background-color: #22313f; position: relative; } .priceTagBox h2 { display: inline-block; margin: 0; padding: 0; color: #cf000c; font-weight: 400; } .priceTagBox h3 { margin: 0 0 0 2px; padding: 0; color: #fff; font-weight: 400; font-size: 14px; position: absolute; left: 80px; } .priceTagBox h4 { margin: 20px 0 0 0; padding-top: 15px; color: #fff; font-weight: 400; font-size: 14px; } .priceTagBox h4 img { margin: 0 5px 0 4px; width: 12px; height: 12px; } #askNowButton { display: inline-block; float: right; margin-top: 2px; margin-right: 20px; width: 185px; height: 35px; border-radius: 3px; background-color: #cf000c; text-decoration: none; cursor: pointer; transition: all 0.1s; } #askNowButton p { font-size: 14px; position: relative; margin: 0; line-height: 35px; color: #fff; text-transform: uppercase; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.4); font-size: 14px; left: -4px; } #askNowButton i { position: relative; top: 5px; left: -32px; float: left; color: #ffffff; font-size: 24px; } .innerbox { float: left; width: 40px; height: 35px; border-radius: 3px 0px 0px 3px; background-color: #fff; opacity: 0.2; } /** .uiButton: Deprecated **/ .uiButton { display: block; float: left; margin: 10px 10px 0 0; width: 195px; height: 37px; border-radius: 3px; background-color: #2c3e50; box-shadow: 0px 3px 0px #22313f; text-decoration: none; cursor: pointer; transition: all 0.1s; } .uiButton:hover { background-color: #cf000c; box-shadow: 0px 3px 0px #cf000c; transition: all 0.1s; } .uiButton a, .uiButton a:hover, .uiButton a:visited { text-decoration: none; } .uiButton i { position: relative; top: 8px; left: -30px; float: left; color: #ffffff; font-size: 22px; } .uiButton p { position: relative; margin: 0; line-height: 40px; color: #fff; text-transform: uppercase; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.4); font-size: 14px; } /** 7. Right Column **/ .rightColumn { float: right; padding-left: 20px; width: 215px; border-left: 1px solid #ebebeb; } .rightColumn ul { padding-left: 0; } .rightColumn .circle, .lowerHeader .circle { float: left; margin-right: 10px; width: 40px; height: 40px; border-radius: 100%; background-color: #cf000c; text-align: center; } .rightColumn .circle i, .lowerHeader .circle i { color: #ffffff; font-size: 18px; line-height: 40px; } .brandContainer { margin: 5px 0 20px 0; padding-bottom: 22px; border-bottom: 1px solid #ebebeb; text-align: center; } .brandContainer img { max-width: 150px; max-height: 74px; } .brandContainer span { margin-top: 12px; font-size: 14px; } .trustViewDescription { clear: both; margin-bottom: 15px; font-size: 14px; /** height & overflow allow two lines only**/ height: 40px; overflow: hidden; } .trustViewDescription a { color: #cf000c; text-decoration: none; transition: all 0.1s; } .trustViewDescription p { margin: 0; padding: 0; line-height: 20px; } /** 8. Tab Bar **/ .tabBar { padding-bottom: 80px; margin-top: 30px; clear: both; } #tab2, #tab3, #tab4, #tab5, #tab6 { display: none; } .tabBar input[type="radio"] { visibility: hidden; margin: 0; padding: 0; height: 0; width: 0; position: absolute; } .tablinks { display: inline-block; margin-left: -4px; margin-right: 1%; padding-top: 0; width: 24.29%; height: 45px; line-height: 45px; background-color: #eff0eb; color: #666666; text-align: center; font-size: 18px; transition: all 0.1s; margin-bottom: 10px; } .tabBar label:last-of-type { margin-right: 0; } .tablinks:hover { background-color: #cf000c; color: #fff; text-decoration: none; cursor: pointer; transition: all 0.1s; } #tab, Ppv Medien Gmbh, Ppvmedien<