/* Theme Name: Beaton | Shared By themes24x7.com Theme URI: http://beaton.wizedesign.com Description: Beaton can and will fulfill all your needs in music and radio preferences by having the latest features in the industry and applying them to the highest level. Author: wizedesign Author URI: http://wizedesign.com Version: 1.2 Tags: audio, club, DJ mix, event, gallery, music, night club, party, photo, player, radio, radio stream, stream, video License: GNU GENERAL PUBLIC LICENSE License URI: http://themeforest.net/licenses ------------------------------------------- 01. CSS RESET 02. MISC 03. GENERAL 04. LAYOUT 05. NAVIGATION 06. WIDGETS 07. SOCIAL MEDIA 08. PAGINATION 09. COMMENTS 10. CONTACT 11. WORDPRESS CORE ------------------------------------------- */ /* ------------------------------------------- 01. CSS RESET ------------------------------------------- */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { font-style: inherit; font-weight: inherit; font-family: inherit; vertical-align: baseline; margin: 0; border: 0; padding: 0; outline: 0; font-size: 100%; } acronym:hover::after { background: #ffe400; left: 100%; color: #fff; bottom: 100%; display: block; padding: 5px 10px; content: attr(title); position: absolute; color: #000; } blockquote:before { top: 0px; left: 0px; display: block; content: "\201C"; position: absolute; font-size: 40px; } abbr:hover::after { background: #ffe400; left: 100%; bottom: 100%; display: block; padding: 5px 10px; content: attr(title); position: absolute; color:#000; } ul { list-style-type: circle; padding: 0 0 0 20px; } ol { list-style-type: decimal; padding: 0 0 0 20px; } table { border-spacing: 0; border-collapse: separate; } table { border-spacing: 0; border-collapse: separate; } some_nowhitespace { nowhitespace: afterproperty } caption, th, td { text-align: left; font-weight: normal; } blockquote { font-style: italic; line-height: 1.45; width: 500px; margin: 0 0; padding: 10px 30px; position: relative; font-size: 14px; } dt { font-weight: bold } dd { background: none no-repeat left top; padding-left: 20px; } address { font-style: italic } abbr { border-bottom: 1px dotted #fff; position: relative; } acronym { border-bottom: 1px dotted #fff; position: relative; } big { font-size: 18px; font-weight: 800; } cite { font-style: italic; font-weight: 400; opacity:0.6; } sub { vertical-align: sub; font-size: smaller; } sup { vertical-align: super; font-size: smaller; } ins { background: #ffffff!important; text-decoration: none; color: #000; padding: 0 3px; } var { font-style: oblique } tt { font-family: "Lucida Console", monospace } kbd { font-family: monospace } #wrap embed, #wrap iframe, #wrap object, #wrap video { width: 100%; max-height: 450px; } /* ------------------------------------------- 02. MISC ------------------------------------------- */ .fixed { display: block } .fixed:after { visibility: hidden; clear: both; height: 0; display: block; content: "."; } .fixed { min-height: 1% } * html .fixed { height: 1% } .home-fixed { display: block } .home-fixed:after { visibility: hidden; clear: both; height: 0; display: block; content: "."; } .home-fixed p { margin-bottom: 0px } .hidden { display: none } .clear { clear: both } .block { display: block } .hide { display: none } /* --- hover --- */ a, .rsDefault .rsPlayBtnIcon, #footer-ls-col .facebook, #footer-ls-col .twitter, #footer-ls-col .vimeo, #footer-ls-col .youtube, #footer-ls-col .soundcloud, #footer-ls-col .flickr1, #footer-ls-col .google, #footer-ls-col .linkedin, .bl1-title h2, .bl2-title h2, .pv1-title h2, .pv1-title h2, .pv2-title h2, .pv2-title h2, .ad1-title h2, .ad2-title h2, .mix-title h2, .ev1-title h2, .ev2-title h2, .sng-facebook, .sng-twitter, .sng-google, .sng-linkedin, p.form-submit input#submit, .pv1-play, ul.songs-list li, .evhead-date, .evhead-week, .feat-bg, .wd-lk-bg, .wd-ad2-bg, .wd-bl2-bg, .wd-sld-bg, .wd-vd-play, .rsNavItem, .page-links a span { transition: .3s ease-in-out; -moz-transition: .3s ease-in-out; text-decoration: none; -webkit-transition: .3s ease-in-out; } /* ------------------------------------------- 03. GENERAL ------------------------------------------- */ html, body { height: 100% } body { background: #fefefe; line-height: 1.7em; font-weight: 400; color: #fff; font-size: 14px; } h1, h2, h3, h4, h5, h6 { font-weight: 600; line-height: 1.45em; word-wrap: break-word; } h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover { text-decoration: none } h1 { font-size: 48px } h2 { font-size: 36px } h3 { font-size: 28px } h4 { font-size: 18px } a:hover { text-decoration: none; color: #F12204; } a img { border: none } strong { font-weight: bold } em { font-style: italic } p, ul, ol, pre, code { margin-bottom: 10px; color:#000 !important; } code { font-family: monospace } pre { background: rgba(255, 255, 255, 0); font-family: monospace; white-space: pre; white-space: pre-wrap; color: #000; margin: 20px 0; padding: 20px; overflow: auto; font-size: 14px; word-wrap: break-word; } table { margin-bottom: 20px; border-spacing: 0; border-collapse: separate; border-top-width: 5px; border: 1px solid #F12204; } th { font-weight: bold; text-transform: uppercase; padding: 10px 15px; } td { border-top: 1px solid #efefef; padding: 10px 15px; } tr.alt { background: #f5f5f5 } /* ------------------------------------------- 04. LAYOUT ------------------------------------------- */ #contback { margin-bottom: 0px; width: 100%; position: relative; } #wrap { padding-top: 60px; padding-bottom: 60px; width: 1190px; margin: 0px auto; } #sidebar-left { margin-top: 72px; margin-bottom: -132px; float: left; width: 370px; } #sidebar-right { margin-top: 72px; margin-bottom: -132px; float: right; width: 370px; } #blog-left { float: left; width: 780px; } #blog-right { margin-left: 40px; float: right; width: 780px; } #media-left { width: 780px; float: left; } #media-right { margin-left: 40px; width: 780px; float: right; overflow: hidden; } #media-full { width: 1190px; overflow: hidden; } .media-lr { width: 820px } .media-full { width: 1230px } #home-right { margin-right: -5px; margin-bottom: -60px; float: right; } #home-left { margin-bottom: -60px; float: left; } #page-left { background: #efefef; width: 720px; float: left; padding: 30px; } #page-right { background: rgba(0, 0, 0, 0.7); width: 720px; float: right; padding: 30px; } #page-left img, #page-right img, #page-full img { height: auto; max-width: 100%; } #page-full { background: rgba(0, 0, 0, 0.7); width: 1130px; padding: 30px; } #blog-left { float: left; width: 820px; } #blog-full { margin-left: 195px } #sng-left { background:#FFF; width: 780px; float: left; overflow: hidden; } #sng-right { width: 780px; float: right; overflow: hidden; } .sh-width { width: 820px; } .sh-media1 { width: 780px; margin-bottom: 20px; overflow: hidden; } .sh-media2 { width: 780px; margin-bottom: 46px; overflow: hidden; } .sh-media3 { margin-bottom: 57px } .sh-media3 p { margin-bottom: 10px } .error-404 { text-align: center; margin-top: -50px; } .error-404 h4 { background: rgba(0, 0, 0, 0.7); font-weight: 400; text-transform: uppercase; color: rgba(255, 255, 255, 0.8); display: inline-block; padding: 3px 10px; } .he-wize .bgaudio { text-align: center; background: rgba(0, 0, 0, 0.5); width: 100%; height: 364px; } .he-wize .bgmedia { text-align: center; background: rgba(0, 0, 0, 0.5); width: 100%; height: 300px; } #loader { background: rgba(0, 0, 0, 0.4); width: 100%; padding: 58px 0 53px 0; } a.pp_download { border-radius: 3px; text-transform: uppercase; right: 55px; color: #fff; bottom: 6px; z-index: 999; padding: 5px 8px 5px 8px; position: absolute; font-size: 16px; } a.pp_download:hover { background: #222 } #bnftr { width: 728px; height: 90px; float: right; margin-top: 13px; overflow: hidden; } #bnftr-none { width: 728px; height: 90px; float: right; margin-top: 13px; overflow: hidden; background: url("images/banner.png"); } /* --- header --- */ #header { width: 100%; height: 212px; margin: 0px auto 0px auto; z-index: 3; position: relative; background:#FFF !important; } .header-row { width: 1190px; height: 116px; margin: 0 auto 0 auto; padding: 20px 0px; } #logo { margin-top: 8px; margin-right: 30px; float: left; width: 354px; height: 100px; overflow: hidden; } /* --- footer --- */ #footer { padding-top: 38px; padding-bottom: 46px; width: 100%; margin: 0px auto 0px auto; } #footer .footer-col a:hover { color: #fff } #footer .widget { margin-bottom: 108px } .footer-wrap { width: 1190px; margin: 0px auto 0px auto; overflow: hidden; } .footer-row { width: 1230px } .footer-col { margin-top: 70px; margin-right: 40px; margin-bottom: -94px; width: 370px; float: left; } #footer-bottom { background: #017ABE; width: 100%; } .footer-copyright { text-align: center; color: rgba(255, 255, 255, 0.5); width: 1090px; margin: 0px auto 0px auto; padding: 20px; } /* --- feature --- */ #feat { background: rgba(0, 0, 0, 0.2); padding-top: 3px; height: 280px; } .feat-wrap { width: 100%; height: 280px; overflow: hidden; position: absolute; } .feat-cover { float: left; width: 495px; height: 280px; display: block; position: relative; } .feat-cover img { width: 495px; height: 280px; } .feat-bg { left: 0px; width: 495px; bottom: 0px; height: 280px; position: absolute; } .feat-title { left: 25px; bottom: 18px; position: absolute; } .feat-title h2 { margin-top: 8px; line-height: 36px; font-weight: 800; text-transform: uppercase; color: #fff; width: 435px; z-index: 3; font-size: 28px; } .feat-date { text-transform: uppercase; color: #fff; opacity: 0.6; font-size: 14px; } .feat-cat { background: #fff; line-height: 16px; font-weight: 600; text-transform: uppercase; top: 25px; left: 25px; color: #000; padding: 5px 8px; z-index: 3; position: absolute; font-size: 14px; } .feat-lv { top: 25px; right: 25px; height: 24px; position: absolute; } .feat-prev, .feat-next { top: 0; width: 50%; height: 300px; display: block; z-index: 4; opacity: 0.5; position: absolute; } .feat-prev:hover, .feat-next:hover { background: rgba(255, 255, 255, 0.4) } .feat-prev { left: -495px } .feat-next { right: -495px } /* --- menu search --- */ .menu-search { top: 11px; float: right; position: relative; } .menu-search #submit { display: none } .menu-search form { position: relative } .menu-search form:hover .submit { opacity: 1 } .menu-search form .iconsearh, .menu-search form .submit { top: -3px; width: 24px; right: 0; height: 24px; display: block; position: absolute; } .menu-search form .submit { background-image: url("images/searchL.png"); width: 24px; cursor: pointer; height: 24px; opacity: 1; } .menu-search form #search { background: rgba(255, 255, 255, 0.7); -webkit-appearance: none; top: 37px; width: 0; right: 0px; border: none; padding: 0; outline: none; position: absolute; font-size: 12px; } /* --- title --- */ .page-title { text-align: center; margin-bottom: 60px; } h1.blog { background: rgba(255, 255, 255, 0.9); font-weight: 400; text-transform: uppercase; color: #000; display: inline-block; padding: 2px 15px; font-size: 38px; } h1.page-title { text-transform: uppercase; left: 10px; color: #fff; width: 900px; bottom: 0px; position: absolute; font-size: 36px; } h3.sh-title { background: rgba(255, 255, 255, 0.9); font-weight: 400; line-height: 34px; margin-bottom: 30px; text-transform: uppercase; color: #000; height: 35px; display: inline-block; padding: 3px 15px; font-size: 26px; } h3.sh-title2 { background: rgba(0, 0, 0, 0.7); font-weight: 200; line-height: 27px; text-transform: uppercase; top: -3px; left: -3px; color: rgba(255, 255, 255, 0.8); height: 28px; display: inline-block; padding: 1px 10px; position: relative; font-size: 17px; } h3.wd-title { background: rgba(255, 255, 255, 0.9); font-weight: 400; line-height: 34px; margin-bottom: 0px; text-transform: uppercase; top: -72px; left: 0px; color: #000; float: left; height: 35px; padding: 3px 15px; position: absolute; overflow: hidden; font-size: 26px; } #footer h3.wd-title { background: none; font-weight: 800; margin-bottom: -20px; text-transform: uppercase; top: -60px; left: -15px; color: #fff; float: left; position: absolute; overflow: hidden; font-size: 26px; } /* --- cinema --- */ #video-gallery { background: rgba(0, 0, 0, 0.3); margin-bottom: 3px; width: 774px; height: 380px; padding: 3px; } .videoGallery .rsTmb { padding: 20px 15px 22px 15px } .videoGallery .rsThumb.rsNavSelected .rsTmb span { color: #fff; opacity: 1; } .rsDefault .rsTmb h2 { margin-bottom: 5px; text-transform: uppercase; color: #fff; font-size: 18px; } .rsDefault .rsTmb span { text-transform: uppercase; color: #fff; opacity: 0.3; font-size: 12px; } .rsABlock { text-transform: uppercase; top: 330px; left: 30px; z-index: 15; position: absolute; font-size: 14px; } .rsDefault .rsPlayBtnIcon { background: url("images/playB.png"); width: 128px; height: 128px; display: block; } .rsDefault .rsPlayBtn:hover .rsPlayBtnIcon { opacity: 0.6 } .rsContent-venue { line-height: 24px; font-weight: 600; text-transform: uppercase; background-color: #fff; background-image: url("images/venueD.png"); background-repeat: no-repeat; background-position: 8px 5px; color: #000; padding: 1px 8px 1px 32px; font-size: 14px; } .videoGallery .rsThumbs .rsThumb { border-bottom: 1px solid #333; width: 220px; height: 119px; } .videoGallery .rsThumb:hover { background: #000 } .sampleBlock { top: 1%; left: 3%; width: 100%; max-width: 400px; } /* --- cover full --- */ #cvr { background: rgba(0, 0, 0, 0.2); width: 100%; height: 460px; padding: 0px 0px 3px 0px; } .cvr-bg { background: url("images/bg1.png"); left: 0px; width: 100%; height: 380px; bottom: 0px; position: absolute; } .cvr-info { width: 1190px; height: 460px; margin: 0px auto 0px auto; overflow: hidden; position: relative; } .cvr-title { left: 0px; width: 800px; bottom: 55px; position: absolute; } .cvr-title h1 { font-weight: 800; line-height: 60px; margin-bottom: 20px; text-transform: uppercase; color: #fff; display: inline; font-size: 52px; } .cvr-cat { background: #fff; line-height: 26px; font-weight: 600; text-transform: uppercase; top: -39px; left: 0px; color: #000; padding: 1px 9px; position: absolute; font-size: 16px; } .cvr-lvc { left: 0px; bottom: 21px; height: 24px; position: absolute; } .cvr-date { font-weight: 400; text-transform: uppercase; right: 0px; color: #fff; bottom: 25px; opacity: 0.5; position: absolute; } /* --- event header --- */ #evhead { margin-left: -30px; width: 890px; float: left; } .evhead-cont { background: rgba(255, 255, 255, 0.1); margin-left: 10px; width: 203px; float: right; height: 110px; padding: 3px; position: relative; } .evhead-cont img { width: 203px; height: 110px; } .evhead-bg { background: url("images/bg4.png"); left: 3px; width: 203px; height: 90px; bottom: 3px; position: absolute; } .evhead-date { text-align: center; font-weight: 800; text-transform: uppercase; left: 0px; color: #fff; width: 206px; bottom: 44px; position: absolute; font-size: 34px; } .evhead-week { text-align: center; font-weight: 400; text-transform: uppercase; left: 0px; color: #fff; width: 206px; bottom: 15px; position: absolute; font-size: 20px; } .evhead-loc { text-align: center; font-weight: 600; top: 17px; left: 0px; color: #000; width: 206px; position: absolute; font-size: 14px; } .evhead-loc span { background: rgba(255, 255, 255, 0.9); text-transform: uppercase; padding: 0 10px; } /* --- like - view - comment --- */ a.info-like, a.info-liked { font-weight: 600; margin-right: 20px; padding-left: 26px; text-transform: uppercase; background-image: url("images/like.png"); background-repeat: no-repeat; background-position: 0px 5px; color: #F12204; float: left; font-size: 14px; } .info-view { font-weight: 600; color: #F12204 !important; padding-left: 27px; background-image: url("images/view.png"); background-repeat: no-repeat; background-position: 0px 5px; float: left; opacity: 0.5; font-size: 14x; } .info-com { font-weight: 600; color: #F12204 !important; margin-left: 20px; padding-left: 24px; background-image: url("images/comm.png"); background-repeat: no-repeat; background-position: 0px 5px; float: left; opacity: 0.5; font-size: 14x; } a.info-like, a.info-like.like:hover, a.info-liked.unlike, a.info-liked:hover { opacity: 0.5 } a.info-liked a.info-liked.unlike:hover, a.info-like.like, a.info-liked.unlike:hover, a.info-like:hover { opacity: 1 } /* --- blog single --- */ #sng { background: #efefef; width: 720px; padding: 30px; color:#000 !important; } #sng img { height: auto; max-width: 100% } .sng-cover { background: rgba(0, 0, 0, 0.2); margin-bottom: 0px; width: 774px; height: 430px; padding: 3px; overflow: hidden; position: relative; } .sng-cover img { width: 774px; height: 430px; } .sng-bg { background-image: url("images/bg2.png"); left: 3px; width: 774px; bottom: 3px; height: 330px; position: absolute; } .sng-title { left: 28px; width: 650px; bottom: 60px; position: absolute; } .sng-title h1 { font-weight: 800; line-height: 48px; margin-bottom: 20px; text-transform: uppercase; color: #fff; display: inline; font-size: 42px; } .sng-lvc { left: 28px; bottom: 24px; height: 24px; position: absolute; } .sng-date { text-transform: uppercase; right: 28px; bottom: 21px; opacity: 0.5; position: absolute; } .sng-cat { background: #fff; font-weight: 600; line-height: 26px; text-transform: uppercase; top: 25px; left: 25px; color: #000; padding: 1px 9px; position: absolute; font-size: 16px; } .sng-bottom { margin-top: 28px; width: 720px; } .sng-tag { margin-bottom: -5px; width: 485px; float: left; } .sng-tag span { margin-top: 0px; font-weight: 400; margin-right: 9px; text-transform: uppercase; float: left; opacity: 0.5; font-size: 14px; } .sng-tag a { background: #fff; margin-top: -3px; line-height: 18px; margin-bottom: 5px; border-radius: 3px; color: #000; display: inline-block; padding: 3px 8px; font-size: 14px; } .sng-tag a:hover { color: #fff } .sng-social { float: right } .sng-social span { margin-top: 0px; font-weight: 400; margin-right: 9px; text-transform: uppercase; float: left; opacity: 0.5; font-size: 14px; } .sng-facebook { background: url("images/social/share/facebook.png"); margin-right: 5px; border-radius: 3px; width: 24px; float: left; height: 24px; } .sng-facebook:hover, .sng-twitter:hover, .sng-google:hover, .sng-linkedin:hover { opacity: 0.6 } .sng-twitter { background: url("images/social/share/twitter.png"); margin-right: 5px; border-radius: 3px; width: 24px; float: left; height: 24px; } .sng-google { background: url("images/social/share/google.png"); margin-right: 5px; border-radius: 3px; width: 24px; float: left; height: 24px; } .sng-linkedin { background: url("images/social/share/linkedin.png"); border-radius: 3px; width: 24px; float: left; height: 24px; } .sng-links { margin-top: 30px; background: #039BD9; margin-left: -30px; margin-bottom: -30px; width: 720px; float: left; height: 60px; padding: 30px; } .sng-links-prev { text-align: center; margin-right: 40px; width: 340px; float: left; } .sng-links-prev a, .sng-links-next a { background: rgba(255, 255, 255, 0.1); font-weight: 600; line-height: 31px; text-transform: uppercase; box-decoration-break: clone; -o-box-decoration-break: clone; -webkit-box-decoration-break: clone; color: #fff; display: inline; padding: 1px 10px; font-size: 16px; } .sng-links-next { text-align: center; width: 340px; float: left; } .sng-links-prev, .sng-links-next { font-size: 20px } .sng-aut { background: #017ABE; margin-top: 0px; width: 720px; color: #fff; height: 113px; padding: 30px; } .sng-aut span.url { float: right; font-size: 12px; } .sng-aut span.url a:hover { color: #fff } .sng-aut p.info { float: left; opacity: 0.5; font-size: 12px; } .sng-aut p.user { margin-top: -3px; font-weight: 700; margin-bottom: 14px; display: block; font-size: 20px; } .sng-aut p.user a { color: #fff } .sng-aut-avatar { margin-right: 20px; float: left; width: 113px; height: 113px; } .sng-aut-avatar img { width: 113px; float: left; height: 113px; overflow: hidden; } .sng-aut-info { width: 720px } /* --- single photo --- */ #sng-gallery { margin-top: 28px; margin-left: -30px; margin-bottom: 2px; width: 780px; height: 538px; } /* --- single video --- */ .sng-video { margin-top: -85px; margin-left: -30px; margin-bottom: 25px; width: 740px; } /* --- author --- */ #author-info { margin-top: -72px; background: rgba(0, 0, 0, 0.7); width: 310px; padding: 30px; } #author-info .author-description { margin-top: 15px; margin-bottom: -6px; width: 310px; display: block; } #author-info .author-description a:hover { color: #fff } #author-info .author-description p.url { margin-top: -4px; margin-bottom: 0px; } #author-info .author-description p { margin-bottom: 20px } #author-info .author-avatar { margin-bottom: 27px; width: 290x; height: 90px; } #author-info .author-avatar img { margin-top: 0px; margin-right: 20px; width: 89px; float: left; height: 89px; overflow: hidden; } #author-info p.aut { font-weight: 600; margin-bottom: 15px; font-size: 24px; } #author-info p.nr, #author-info p.com { margin-top: -3px; color: #fff; opacity: 0.5; font-size: 16px; } .author-description p { margin-bottom: 10px } .author-description a { color: #fff } /* --- blog #1--- */ .bl1 { background: #efefef; margin-bottom: 3px; color: #000; width: 720px; height: 253px; padding: 30px; position: relative; } .bl1-cover { margin-right: 30px; float: left; width: 299px; height: 253px; position: relative; } .bl1-cover img { width: 305px; height: 253px; } .bl1-text { float: left; width: 385px; } .bl1-title { margin-top: 0px; margin-bottom: 22px; width: 400px; } .bl1-title h2 { background: #017ABE; font-weight: 600; line-height: 36px; margin-bottom: 20px; text-transform: uppercase; box-decoration-break: clone; -o-box-decoration-break: clone; -webkit-box-decoration-break: clone; color: #fff; display: inline; padding: 1px 10px; font-size: 20px; } .bl1-title h2 a { color: #fff } .bl1-cat { background: #fff; font-weight: 600; line-height: 16px; text-transform: uppercase; top: 3px; left: 3px; color: #000; padding: 5px 8px; position: absolute; font-size: 14px; } .bl1-date { margin-top: 8px; font-weight: 400; text-transform: uppercase; float: right; opacity: 0.5; font-size: 12px; } .bl1-lvc { margin-top: 8px; float: left; height: 24px; } /* --- blog #2 --- */ .bl2 { background: #efefef; margin-bottom: 3px; color: #fff; width: 720px; padding: 30px 30px 26px 30px; z-index: 1; position: relative; } .bl2-cover { margin-bottom: 23px; float: left; width: 720px; height: 360px; z-index: 2; position: relative; } .bl2-cover img { width: 720px; height: 360px; } .bl2-text { float: left; width: 720px; } .bl2-title { margin-bottom: 22px } .bl2-title h2 { background: #017abe; font-weight: 600; line-height: 51px; margin-bottom: 20px; text-transform: uppercase; box-decoration-break: clone; -o-box-decoration-break: clone; -webkit-box-decoration-break: clone; color: #fff; display: inline; padding: 1px 10px; font-size: 30px; } .bl2-title h2 a { color: #fff } .bl2-cat { background: #fff; font-weight: 600; line-height: 16px; text-transform: uppercase; top: 3px; left: 3px; color: #000; padding: 5px 8px; position: absolute; font-size: 14px; } .bl2-date { margin-top: 7px; font-weight: 400; text-transform: uppercase; float: right; opacity: 0.5; font-size: 12px; } .bl2-lvc { margin-top: 8px; float: left; height: 24px; } /* --- event #1 --- */ .ev1 { background: rgba(0, 0, 0, 0.3); margin-right: 40px; margin-bottom: 40px; float: left; width: 364px; height: 490px; padding: 3px; } .ev1-cover { width: 364px; height: 490px; position: relative; } .ev1-cover img { width: 364px; height: 490px; } .ev1-bg { background-image: url("images/bg5.png"); left: 0px; width: 364px; bottom: 0px; height: 380px; position: absolute; } .ev1-title { left: 25px; width: 280px; bottom: 112px; position: absolute; } .ev1-title h2 { background: rgba(0, 0, 0, 0.7); font-weight: 600; line-height: 43px; margin-bottom: 20px; text-transform: uppercase; box-decoration-break: clone; -o-box-decoration-break: clone; -webkit-box-decoration-break: clone; display: inline; padding: 1px 10px; font-size: 24px; } .ev1-title h2 a { color: #fff } .ev1-dmy { background: #fff; font-weight: 800; line-height: 32px; text-transform: uppercase; top: -49px; left: 0px; color: #000; padding: 3px 10px 6px 10px; position: absolute; font-size: 32px; } .ev1-dmy span { font-weight: 200; margin-left: 7px; } .ev1-week { background: #000; font-weight: 400; line-height: 24px; text-transform: uppercase; top: -28px; left: 0px; color: #fff; padding: 2px 10px; position: absolute; font-size: 16px; } .ev1-info { font-weight: 600; text-transform: uppercase; left: 25px; color: #fff; bottom: 71px; position: absolute; } .ev1-venue { margin-right: 17px; padding-left: 24px; background-image: url("images/venue.png"); background-repeat: no-repeat; background-position: 0px 4px; display: inline-block; } .ev1-time { padding-left: 24px; background-image: url("images/time.png"); background-repeat: no-repeat; background-position: 0px 4px; display: inline-block; } .ev1-zoom { border-radius: 3px; background-color: #000; background-image: url("images/zoom.png"); background-repeat: no-repeat; top: 15px; right: 15px; width: 30px; height: 30px; opacity: 0.5; position: absolute; } .ev1-zoom:hover, .ev1-map:hover { opacity: 1 } .ev1-map { border-radius: 3px; background-color: #000; background-image: url("images/map.png"); background-repeat: no-repeat; top: 15px; right: 50px; width: 30px; height: 30px; opacity: 0.5; position: absolute; } .ev1-bn { left: 25px; bottom: 21px; height: 30px; position: absolute; } a.ev1-button { background: rgba(255, 255, 255, 0.9); margin-top: 12px; line-height: 16px; border-radius: 3px; margin-bottom: 20px; text-transform: uppercase; color: #000; padding: 3px 10px; font-size: 14px; } a.ev1-button:hover { color: #fff } .ev1-none { background: rgba(133, 133, 133, 0.9); margin-top: -2px; line-height: 16px; border-radius: 3px; text-transform: uppercase; color: #444; cursor: default; padding: 6px 10px; font-size: 14px; } .ev1-lv { right: 24px; bottom: 27px; height: 24px; position: absolute; } /* --- event #2 --- */ .ev2 { background: rgba(0, 0, 0, 0.7); margin-bottom: 3px; color: #fff; width: 720px; height: 265px; padding: 30px; z-index: 1; position: relative; } .ev2-cover { margin-right: 30px; float: left; width: 265px; height: 265px; z-index: 2; position: relative; } .ev2-cover img { width: 265px; height: 265px; } .ev2-bg { background: url("images/bg6.png"); left: 0px; width: 265px; bottom: 0px; height: 200px; position: absolute; } .ev2-zoom { border-radius: 4px; background-color: #000; background-image: url("images/zoom.png"); background-repeat: no-repeat; top: 15px; right: 15px; width: 30px; height: 30px; opacity: 0.5; position: absolute; } .ev2-zoom:hover, .ev2-map:hover { opacity: 1 } .ev2-map { border-radius: 4px; background-color: #000; background-image: url("images/map.png"); background-repeat: no-repeat; top: 15px; right: 50px; width: 30px; height: 30px; opacity: 0.5; position: absolute; } .ev2-dm { text-align: center; font-weight: 800; text-transform: uppercase; left: 0px; color: #fff; width: 257px; bottom: 102px; z-index: 2; position: absolute; font-size: 48px; } .ev2-week { text-align: center; left: 0; width: 257px; bottom: 54px; position: absolute; } .ev2-week span { background: #000; font-weight: 400; line-height: 22px; text-transform: uppercase; color: #fff; padding: 0px 10px; font-size: 22px; } .ev2-year { text-align: center; font-weight: 200; text-transform: uppercase; left: 0px; color: #fff; width: 257px; bottom: 23px; z-index: 2; position: absolute; font-size: 26px; } .ev2-text { float: left; width: 425px; } .ev2-title { margin-bottom: 20px; width: 429px; } .ev2-title h2 { background: rgba(0, 0, 0, 0.6); font-weight: 600; line-height: 39px; text-transform: uppercase; box-decoration-break: clone; -o-box-decoration-break: clone; -webkit-box-decoration-break: clone; color: #fff; display: inline; padding: 1px 10px; font-size: 22px; } .ev2-title h2 a { color: #fff } .ev2-info { margin-bottom: 17px; width: 435px; height: 25px; } .ev2-venue { font-weight: 600; margin-right: 20px; padding-left: 24px; text-transform: uppercase; background-image: url("images/venue.png"); background-repeat: no-repeat; background-position: 0px 4px; float: left; opacity: 0.5; font-size: 14px; } .ev2-time { font-weight: 600; margin-right: 20px; padding-left: 24px; text-transform: uppercase; background-image: url("images/time.png"); background-repeat: no-repeat; background-position: 0px 4px; float: left; opacity: 0.5; font-size: 14px; } .ev2-bn { margin-top: 15px; float: left; } a.ev2-button { background: #fff; line-height: 16px; border-radius: 3px; text-transform: uppercase; color: #000; padding: 3px 10px; font-size: 14px; } a.ev2-button:hover { color: #fff } .ev2-none { background: #999; margin-top: -2px; line-height: 16px; border-radius: 3px; text-transform: uppercase; color: #555; cursor: default; padding: 6px 10px; font-size: 14px; } .ev2-lv { margin-top: 17px; float: right; height: 24px; } /* --- photo & video #1 --- */ .pv1 { background: rgba(0, 0, 0, 0.2); margin-right: 40px; margin-bottom: 40px; float: left; width: 364px; height: 300px; padding: 3px; } .pv1-cover { float: left; width: 364px; height: 300px; position: relative; } .pv1-cover img { width: 364px; height: 300px; } .pv1-bg { background-image: url("images/bg7.png"); left: 0; width: 364px; bottom: 0px; height: 170px; position: absolute; } .pv1-title { left: 25px; width: 305px; bottom: 64px; position: absolute; } .pv1-title h2 { background: rgba(0, 0, 0, 0.7); font-weight: 600; line-height: 39px; margin-bottom: 20px; text-transform: uppercase; box-decoration-break: clone; -o-box-decoration-break: clone; -webkit-box-decoration-break: clone; display: inline; padding: 1px 10px; font-size: 22px; } .pv1-title h2 a { color: #fff } .pv1-venue { font-weight: 600; line-height: 24px; text-transform: uppercase; background-color: #fff; background-image: url("images/venueD.png"); background-repeat: no-repeat; background-position: 8px 5px; top: -34px; left: 0px; color: #000; padding: 1px 8px 1px 32px; position: absolute; font-size: 14px; } .pv1-date { font-weight: 400; text-transform: uppercase; color: #fff; right: 24px; bottom: 21px; opacity: 0.5; position: absolute; font-size: 12px; } .pv1-lv { left: 25px; bottom: 21px; height: 24px; position: absolute; } .pv1-play { background: url("images/playS.png"); top: 15px; right: 15px; width: 64px; height: 64px; position: absolute; } .pv1-play:hover { opacity: 0.6 } /* --- photo & video #2 --- */ .pv2 { margin-right: 46px; margin-bottom: 66px; float: left; width: 364px; } .pv2-cover { background: rgba(0, 0, 0, 0.2); width: 364px; height: 300px; display: block; padding: 3px; position: relative; } .pv2-cover img { width: 364px; height: 300px; } .pv2-info { margin-top: -4px; background: rgba(0, 0, 0, 0.7); margin-left: -3px; width: 364px; padding: 20px 3px 50px 3px; position: aboslute; } .pv2-title { margin-top: 8px; margin-bottom: 20px; width: 340px; } .pv2-title h2 { background: rgba(0, 0, 0, 0.6); font-weight: 600; line-height: 39px; margin-left: 27px; text-transform: uppercase; box-decoration-break: clone; -o-box-decoration-break: clone; -webkit-box-decoration-break: clone; display: inline; padding: 1px 10px; font-size: 22px; } .pv2-title h2 a { color: #fff } .pv2-venue { font-weight: 600; margin-left: 28px; padding-left: 24px; text-transform: uppercase; background-image: url("images/venue.png"); background-repeat: no-repeat; background-position: 0px 4px; float: left; opacity: 0.5; font-size: 14px; } .pv2-date { margin-top: -1px; font-weight: 400; margin-right: 26px; text-transform: uppercase; float: right; opacity: 0.5; font-size: 12px; } .pv2-lv { top: 20px; right: 25px; height: 24px; position: absolute; } .he-wize .pv2-photo { background: url("images/photo.png"); top: 107px; left: 141px; width: 82px; height: 87px; position: absolute; } .he-wize .pv2-photo:hover, .he-wize .pv2-video:hover { opacity: 0.6 } .he-wize .pv2-video { background: url("images/video.png"); top: 109px; left: 141px; width: 82px; height: 82px; position: absolute; } /* --- audio #1 --- */ .ad1 { background: rgba(0, 0, 0, 0.3); margin-right: 40px; margin-bottom: 40px; float: left; width: 364px; height: 364px; padding: 3px; } .ad1-cover { width: 364px; float: left; height: 364px; position: relative; } .ad1-cover img { width: 364px; height: 364px; } .ad1-bg { background-image: url("images/bg7.png"); left: 0; width: 364px; bottom: 0px; height: 170px; position: absolute; } .ad1-title { top: 23px; left: 25px; width: 305px; position: absolute; } .ad1-title h2 { background: rgba(0, 0, 0, 0.6); font-weight: 600; line-height: 43px; text-transform: uppercase; box-decoration-break: clone; -o-box-decoration-break: clone; -webkit-box-decoration-break: clone; color: #000; display: inline; padding: 1px 10px; font-size: 24px; } .ad1-title h2 a { color: #fff } .ad1-genre { line-height: 24px; font-weight: 600; text-transform: uppercase; background-color: #fff; background-image: url("images/genreD.png"); background-repeat: no-repeat; background-position: 8px 5px; color: #000; bottom: -35px; padding: 1px 8px 1px 32px; position: absolute; font-size: 14px; } .ad1-date { font-weight: 400; text-transform: uppercase; right: 24px; color: #fff; bottom: 21px; opacity: 0.5; position: absolute; font-size: 12px; } .ad1-lv { left: 25px; bottom: 21px; height: 24px; position: absolute; } /* --- audio #2 --- */ .ad2 { margin-right: 46px; margin-bottom: 66px; float: left; width: 364px; } .ad2-cover { background: rgba(0, 0, 0, 0.2); width: 364px; height: 364px; padding: 3px; display: block; position: relative; } .ad2-cover img { width: 364px; height: 364px; } .ad2-title { margin-top: 8px; margin-bottom: 20px; width: 340px; } .ad2-title h2 { background: rgba(0, 0, 0, 0.6); font-weight: 600; line-height: 39px; margin-left: 27px; text-transform: uppercase; box-decoration-break: clone; -o-box-decoration-break: clone; -webkit-box-decoration-break: clone; display: inline; padding: 1px 10px; font-size: 22px; } .ad2-title h2 a { color: #fff } .ad2-genre { font-weight: 600; margin-left: 27px; padding-left: 24px; text-transform: uppercase; background-image: url("images/genre.png"); background-repeat: no-repeat; background-position: 0px 4px; float: left; opacity: 0.5; font-size: 14px; } .ad2-date { font-weight: 400; margin-right: 26px; text-transform: uppercase; float: right; opacity: 0.5; font-size: 12px; } .ad2-lv { top: 20px; right: 25px; height: 24px; position: absolute; } .he-wize .ad2-audio { background: url("images/audio.png"); top: 141px; left: 141px; width: 82px; height: 82px; position: absolute; } .he-wize .ad2-audio:hover { opacity: 0.6 } /* --- mixes --- */ .mix { background: rgba(0, 0, 0, 0.7); margin-bottom: 3px; width: 720px; color: #fff; height: 120px; padding: 30px; z-index: 1; position: relative; } .mix-cover { margin-right: 25px; width: 200px; float: left; height: 120px; z-index: 2; position: relative; } .mix-cover img { width: 200px; height: 120px; } .mix-bg { background: rgba(0, 0, 0, 0.1); left: 0px; width: 200px; bottom: 0px; height: 120px; position: absolute; } .mix-title { margin-bottom: 20px; width: 680px; } .mix-title span { background: rgba(255, 255, 255, 0.1); font-weight: 200; text-transform: uppercase; top: -3px; padding: 1px 8px; position: relative; font-size: 14px; } .mix-title h2 { background: rgba(0, 0, 0, 0.6); font-weight: 600; line-height: 39px; margin-right: -4px; text-transform: uppercase; box-decoration-break: clone; -o-box-decoration-break: clone; -webkit-box-decoration-break: clone; display: inline; padding: 1px 10px; font-size: 22px; } .mix-title h2 a { color: #fff } .mix-info { float: left; width: 420px; } a.mix-play { background-image: url("images/playS.png"); top: 28px; left: 68px; width: 64px; float: left; height: 64px; position: absolute; } .mix-play:hover { opacity: 0.6 } .mix-dj { font-weight: 600; padding-left: 24px; text-transform: uppercase; background-image: url("images/artist.png"); background-repeat: no-repeat; background-position: 0px 4px; float: left; opacity: 0.5; font-size: 14px; } .mix-genre { font-weight: 600; margin-left: 30px; padding-left: 24px; text-transform: uppercase; background-image: url("images/genre.png"); background-repeat: no-repeat; background-position: 0px 4px; float: left; opacity: 0.5; font-size: 14px; } .mix-lv { float: right; right: 30px; bottom: 28px; height: 24px; position: absolute; } /* --- media single --- */ #mediasng { background: rgba(0, 0, 0, 0.7); width: 1130px; padding: 30px; position: relative; } #mediasng iframe { margin-bottom: -7px; width: 1130px; max-height: 600px; } .mediasng-title { margin-top: -2px; margin-bottom: 25px; width: 920px; } .mediasng-title h1 { background: rgba(255, 255, 255, 0.1); font-weight: 600; line-height: 68px; margin-right: -4px; text-transform: uppercase; box-decoration-break: clone; -o-box-decoration-break: clone; -webkit-box-decoration-break: clone; display: inline; padding: 0px 10px; font-size: 42px; } .mediasng-social { top: 30px; float: right; right: 30px; position: absolute; } .mediasng-social span { font-weight: 400; margin-right: 10px; text-transform: uppercase; float: left; opacity: 0.5; font-size: 14px; } .mediasng-info { margin-bottom: 26px; height: 24px; } .mediasng-venue { font-weight: 600; padding-left: 25px; margin-right: 20px; text-transform: uppercase; background-image: url("images/venue.png"); background-repeat: no-repeat; background-position: 0px 4px; color: #fff; float: left; z-index: 2; display: block; opacity: 0.5; font-size: 14px; } .mediasng-date { font-weight: 600; padding-left: 25px; margin-right: 20px; text-transform: uppercase; background-image: url("images/date.png"); background-repeat: no-repeat; background-position: 0px 4px; color: #fff; float: left; z-index: 2; display: block; opacity: 0.5; font-size: 14px; } .mediasng-genre { font-weight: 600; padding-left: 25px; margin-right: 20px; text-transform: uppercase; background-image: url("images/genre.png"); background-repeat: no-repeat; background-position: 0px 4px; color: #fff; float: left; z-index: 2; display: block; opacity: 0.5; font-size: 14px; } .mediasng-artist { font-weight: 600; padding-left: 25px; margin-right: 20px; text-transform: uppercase; background-image: url("images/artist.png"); background-repeat: no-repeat; background-position: 0px 4px; color: #fff; float: left; z-index: 2; display: block; opacity: 0.5; font-size: 14px; } .mediasng-time { font-weight: 600; padding-left: 25px; margin-right: 20px; text-transform: uppercase; background-image: url("images/time.png"); background-repeat: no-repeat; background-position: 0px 4px; color: #fff; float: left; z-index: 2; display: block; opacity: 0.5; font-size: 14px; } .mediasng-lv { margin-top: -1px; float: right; height: 24px; } /* --- photo single --- */ .phsng-col { margin-top: -5px; width: 1160px; } .phsng-photo { margin-top: 5px; margin-right: 5px; width: 222px; float: left; height: 222px; } .phsng-photo img { width: 222px; height: 222px; } /* --- audio single --- */ .adsng-info { margin-right: 30px; width: 330px; float: left; } .adsng-cover { margin-bottom: 30px; width: 330px; height: 330px; } .adsng-cover img { width: 330px; height: 330px; } .adsng-cont { width: 770px; float: left; } ul.adsng-meta { margin-left: -20px; margin-right: 3px; margin-bottom: 20px; list-style-type: none; float: left; width: 88px; } ul.adsng-meta li { background: rgba(255, 255, 255, 0.05); margin-bottom: 3px; text-transform: uppercase; color: rgba(255, 255, 255, 0.5); padding: 5px 15px; font-size: 14px; } ul.adsng-meta2 { margin-left: -20px; margin-bottom: 25px; list-style-type: none; float: left; width: 239px; } ul.adsng-meta2 li { background: rgba(255, 255, 255, 0.05); font-weight: 600; margin-bottom: 3px; color: #fff; padding: 5px 15px; font-size: 18px; } a.adsng-beatport { margin-right: 5px; border-radius: 3px; background-color: rgba(255, 255, 255, 0.3); background-image: url("images/beatport.png"); background-repeat: no-repeat; background-position: 11px 9px; float: left; width: 64px; height: 18px; padding: 7px 10px; } a.adsng-amazon { margin-right: 5px; border-radius: 3px; background-color: rgba(255, 255, 255, 0.3); background-image: url("images/amazon.png"); background-repeat: no-repeat; background-position: 10px 10px; float: left; width: 58px; height: 18px; padding: 7px 10px; } a.adsng-itunes { margin-right: 5px; border-radius: 3px; background-color: rgba(255, 255, 255, 0.3); background-image: url("images/itunes.png"); background-repeat: no-repeat; background-position: 10px 5px; float: left; width: 57px; height: 18px; padding: 7px 10px; } a.adsng-other { background: rgba(255, 255, 255, 0.3); font-weight: 600; line-height: 18px; border-radius: 3px; float: left; color: #fff; padding: 7px 10px; } /* --- player --- */ ul.songs-list { margin-left: -20px; margin-bottom: 30px; } ul.songs-list li.selected { background: #f7f7f7 url("images/player/player-selected-sng.png") no-repeat; font-weight: 600; margin-bottom: 5px; list-style-type: none; color: #bbb; height: 31px; cursor: pointer; padding: 5px 0px 5px 46px; font-size: 20px; } ul.songs-list li { background: rgba(0, 0, 0, 0.5); line-height: 31px; font-weight: 400; margin-bottom: 3px; list-style-type: decimal-leading-zero; list-style-position: inside; color: rgba(255, 255, 255, 0.5); padding: 10px 20px; position: relative; font-size: 14px; } ul.songs-list li:hover { background: rgba(0, 0, 0, 0.2) } ul.songs-list li a { font-weight: 600; margin-left: -15px; top: 0px; color: #fff; width: 730px; height: 41px; padding: 10px 0px 0px 20px; position: absolute; overflow: hidden; font-size: 20px; } span#player-meta, span#player-meta-widget1, span#player-meta-widget2, span#player-meta-audio, span#player-meta-mix, span.player-meta-mix { display: none } /* --- mix single --- */ .mixsng-title { margin-top: -2px; margin-bottom: 25px; } .mixsng-title h1 { background: rgba(255, 255, 255, 0.1); font-weight: 600; line-height: 53px; text-transform: uppercase; box-decoration-break: clone; -o-box-decoration-break: clone; -webkit-box-decoration-break: clone; display: inline; padding: 0px 10px; font-size: 32px; } .mixsng-cover { margin-right: 30px; width: 270px; float: left; height: 270px; overflow: hidden; position: relative; } .mixsng-cover img { width: 270px; height: 270px; } a.mixsng-play { background: url("images/playB.png"); top: 71px; left: 71px; width: 128px; height: 128px; position: absolute; } .mixsng-play:hover { opacity: 0.6 } #mixsng-tracklist { float: right; width: 420px; } ul.tracklist { margin-left: -20px; width: 420px; cursor: default; } ul.tracklist li { background: rgba(255, 255, 255, 0.05); line-height: 31px; font-weight: 400; margin-bottom: 3px; list-style-type: decimal-leading-zero; list-style-position: inside; color: rgba(255, 255, 255, 0.5); padding: 6px 15px; font-size: 14px; } ul.tracklist li span { font-weight: 600; margin-left: 5px; color: #fff; font-size: 18px; } .mixsng-social { margin-top: 20px; float: right; } .mixsng-social span { font-weight: 400; margin-right: 8px; text-transform: uppercase; color: #fff; float: left; opacity: 0.3; font-size: 14px; } /* --- event single --- */ .evsng-cd { float: left } .evsng-cover { margin-right: 30px; margin-bottom: 30px; width: 270px; height: 368px; overflow: hidden; position: relative; } .evsng-cover img { width: 270px; height: 368px; } .evsng-date { background: rgba(255, 255, 255, 0.05); text-align: center; margin-bottom: 30px; width: 250px; height: 183px; padding: 10px; } .evsng-dm { font-weight: 800; line-height: 74px; margin-bottom: 5px; text-transform: uppercase; width: 250px; font-size: 70px; } .evsng-week { background: #fff; text-align: center; font-weight: 200; line-height: 39px; margin-left: 15px; margin-bottom: -4px; text-transform: uppercase; color: #000; float: left; width: 190px; display: inline; padding: 2px 15px; font-size: 34px; } .evsng-year { font-weight: 200; line-height: 74px; text-transform: uppercase; width: 250px; font-size: 60px; } .evsng-cont { float: right; width: 420px; } .evsng-info { margin-bottom: 17px; width: 420px; float: left; } ul.evsng-meta { margin-left: -20px; margin-right: 0px; list-style-type: none; float: left; width: 100px; } ul.evsng-meta li { background: rgba(255, 255, 255, 0.05); margin-bottom: 3px; text-transform: uppercase; color: rgba(255, 255, 255, 0.5); padding: 6px 15px; font-size: 14px; } ul.evsng-meta2 { margin-left: -17px; margin-right: -10px; list-style-type: none; float: left; width: 317px; } ul.evsng-meta2 li { background: rgba(255, 255, 255, 0.05); font-weight: 600; margin-bottom: 3px; padding: 6px 15px; font-size: 18px; } .evsng-bn { margin-top: 19px; margin-left: 0px; margin-bottom: 9px; float: left; height: 28px; } a.evsng-button { background: #fff; line-height: 16px; margin-right: 27px; border-radius: 3px; text-transform: uppercase; color: #000; padding: 3px 10px; font-size: 14px; } a.evsng-button:hover { color: #fff } .evsng-none { background: #999; margin-top: -2px; line-height: 16px; margin-right: 27px; border-radius: 3px; text-transform: uppercase; color: #555; float: left; cursor: default; padding: 6px 10px; font-size: 14px; } a.evsng-zoom { line-height: 16px; border-radius: 3px; text-transform: uppercase; background-image: url("images/zoom.png"); background-repeat: no-repeat; background-position: 1px -1px; color: #fff; padding: 3px 10px 3px 30px; font-size: 14px; } a.evsng-map { line-height: 16px; border-radius: 3px; text-transform: uppercase; background-image: url("images/map.png"); background-repeat: no-repeat; background-position: 1px -1px; color: #fff; padding: 3px 10px 3px 28px; font-size: 14px; } .evsng-zoom:hover, .evsng-map:hover { background-color: #000 } /* ------------------------------------------- 05. NAVIGATION ------------------------------------------- */ #menu { background: #017ABE; margin: 0px auto 0px auto; z-index: 999; opacity: 1; padding: 8px 0; } .menu-row { width: 1190px; height: 40px; margin: -10px auto 0 auto; padding: 0px 0; } /* --- menu --- */ #wizemenu > ul { margin-left: -20px; } #wizemenu > ul li { list-style: none; margin-top: 2px; margin-right: 0px; float: left; padding: 0; } #wizemenu > ul > li.has-sub { position: relative } #wizemenu > ul > li > a { font-weight: 400; line-height: 16px; margin-right: 3px; text-transform: uppercase; color: #fff; display: block; padding: 10px 13px; font-size: 16px; } #wizemenu > ul > li.active > a { background: rgba(255, 255, 255, 0.1); color: #fff; } #wizemenu > ul > li.active > a:hover { background: rgba(255, 255, 255, 0.2) } #wizemenu > ul > li:hover > a { background: rgba(255, 255, 255, 0.1); color: #fff; } #wizemenu > ul li.has-sub > a { padding: 10px 25px 10px 15px } #wizemenu > ul li.has-sub > a:after { font-weight: 600; right: 12px; bottom: 12px; content: "+"; position: absolute; font-size: 15px; } /* --- menu childs --- */ #wizemenu > ul ul { visibility: hidden; padding: 12px 0px 0px 5px; opacity: 0; z-index: 2; position: absolute; } #wizemenu > ul ul li.has-sub > a { padding: 6px 12px } #wizemenu > ul ul li.has-sub > a:after { font-weight: 600; top: 7px; right: 12px; content: "+"; position: absolute; font-size: 16px; } #wizemenu > ul ul li { list-style: none; margin-bottom: 2px; width: 100%; margin: 0; padding: 0px; position: relative; } #wizemenu > ul ul li:first-child a { padding-top: 10px } #wizemenu > ul ul li:last-child a { padding-bottom: 10px } #wizemenu > ul ul li a { background: rgba(255, 255, 255, 0.9); font-weight: 400; text-transform: uppercase; text-decoration: none; width: 130px; color: #000; display: block; padding: 6px 12px; z-index: 999; position: relative; font-size: 14px; } #wizemenu > ul ul li a:hover { color: rgba(0, 0, 0, 0.5) } #wizemenu > ul li:hover ul { visibility: visible; top: 34px; left: -5px; color: #fff; margin: 0; opacity: 1; z-index: 2; } /* --- 3-level menu childs --- */ #wizemenu > ul ul ul { margin-bottom: 0px; width: 154px; padding: 0px; } #wizemenu > ul ul ul li:first-child a { padding-top: 6px } #wizemenu > ul ul ul li:last-child a { padding-bottom: 6px } #wizemenu > ul ul ul li a { list-style: none; margin-left: -5px; width: 110px; padding: 6px 12px; } #wizemenu > ul ul li:hover ul { top: 0px; left: 159px; } #wizemenu > ul li:hover ul, #wizemenu > ul li li:hover ul, #wizemenu > ul li li li:hover ul, #wizemenu > ul li.over ul, #wizemenu > ul li li.over ul, #wizemenu >ul li li li.over ul { display: block } #wizemenu > ul li:hover ul ul, #wizemenu > ul li:hover ul ul ul, #wizemenu > ul li.over ul ul, #wizemenu > ul li.over ul ul ul { display: none } /* ------------------------------------------- 06. WIDGETS ------------------------------------------- */ .widget { margin-top: 0px; background: #efefef; margin-bottom: 132px; width: 310px; padding: 30px; position: relative; } .widget img.wp-smiley { width: auto } .widget .wp-caption { width: 304px } .widget select { width: 310px } .widget iframe { width: 370px } .widget p img { width: 310px } .widget .wp-caption img { width: 304px } .widget ul { padding: 0 0 0 0 } .widget ul ul { margin-left: 25px } .widget ul ul li { margin-top: 17px } /* --- widget archives --- */ .widget_archive { padding-bottom: 15px } .widget_archive select { margin-bottom: 15px } .widget_archive li { list-style: none; font-weight: 600; margin-bottom: 15px; font-size: 18px; } #footer .widget_archive { background: rgba(255, 255, 255, 0.05) } /* --- widget calendar --- */ #calendar_wrap { margin-bottom: 0px; width: 310px; overflow: hidden; } #footer .widget_calendar { background: rgba(255, 255, 255, 0.05) } .widget_calendar table { margin-bottom: -10px } .widget_calendar table td { border: none } .widget_calendar table#wp-calendar { border: none } .widget_calendar table#wp-calendar caption { text-align: center; font-weight: 600; margin-bottom: 20px; text-transform: uppercase; font-size: 20px; } .widget_calendar thead>tr>th { text-align: center; background: rgba(0, 0, 0, 0.3); width: 25px; color: #fff; } .widget_calendar tbody>tr>td { text-align: center; background: rgba(255, 255, 255, 0.1); border: 0px solid #fff; padding: 8px; } .widget_calendar tbody>tr>td a { background: rgba(255, 255, 255, 0.2); font-weight: 600; color: #fff; padding: 8px; } .widget_calendar tfoot>tr>td#prev { text-align: left; padding: 20px 0 0 0; } .widget_calendar tfoot>tr>td#prev a, .widget_calendar tfoot>tr>td#next a { font-weight: 800; text-transform: uppercase; font-size: 16px; } .widget_calendar tfoot>tr>td#prev a:hover, .widget_calendar tfoot>tr>td#next a:hover { color: #fff } .widget_calendar tfoot>tr>td#next { text-align: right; padding: 20px 0 0 0; } /* --- widget categories --- */ .widget_categories { padding-bottom: 15px } .widget_categories select { margin-bottom: 15px } .widget_categories li { list-style: none; font-weight: 600; margin-bottom: 17px; font-size: 18px; } #footer .widget_categories { background: rgba(255, 255, 255, 0.05) } /* --- widget pages --- */ .widget_pages { padding-bottom: 15px } .widget_pages select { margin-bottom: 15px } .widget_pages li { list-style: none; font-weight: 600; margin-bottom: 17px; font-size: 18px; } #footer .widget_pages { background: rgba(255, 255, 255, 0.05) } /* --- widget meta --- */ #footer .widget_text { background: rgba(255, 255, 255, 0.05) } /* --- widget meta --- */ .widget_meta { padding-bottom: 15px } .widget_meta li { list-style: none; font-weight: 600; margin-bottom: 17px; font-size: 18px; } #footer .widget_meta { background: rgba(255, 255, 255, 0.05) } /* --- widget comments --- */ .widget_recent_comments { background: none; padding-bottom: 0; } .widget_recent_comments li.recentcomments a { background: rgba(0, 0, 0, 0.7); font-weight: 600; line-height: 31px; text-transform: uppercase; box-decoration-break: clone; -o-box-decoration-break: clone; -webkit-box-decoration-break: clone; color: #fff; display: inline; padding: 3px 8px !important; font-size: 14px; } .widget_recent_comments li.recentcomments { text-align: left; background: rgba(0, 0, 0, 0.7); margin-bottom: 5px; list-style-type: none; width: 310px; padding: 28px 30px; } .widget_recent_comments li.recentcomments span.comment-author-link { font-weight: 600; font-family: "Open Sans"; font-size: 16px; } .widget_recent_comments li.recentcomments a.url { background: none; font-weight: 800; font-family: "Open Sans"; text-transform: none; font-size: 16px; } .widget_recent_comments li.recentcomments a.url:hover { color: #fff } .widget_recent_comments ul { margin-top: -30px; margin-left: -30px; margin-bottom: -5px; list-style-type: circle; list-style-image: url("images/com.png"); list-style-position: inside; width: 370px; overflow: hidden; } #footer .widget_recent_comments li.recentcomments { background: rgba(255, 255, 255, 0.05) } /* --- widget recent posts --- */ .widget_recent_entries { background: none; padding-bottom: 0; } .widget_recent_entries ul { margin-top: -30px; margin-left: -30px; margin-bottom: -5px; list-style-type: circle; list-style-image: url("images/write.png"); list-style-position: inside; width: 370px; overflow: hidden; } .widget_recent_entries li { text-align: left; background: rgba(0, 0, 0, 0.7); margin-bottom: 5px; list-style-type: none; width: 310px; padding: 28px 30px; } .widget_recent_entries li a { background: rgba(0, 0, 0, 0.7); font-weight: 600; line-height: 31px; text-transform: uppercase; box-decoration-break: clone; -o-box-decoration-break: clone; -webkit-box-decoration-break: clone; color: #fff; display: inline; padding: 3px 8px; font-size: 14px; } #footer .widget_recent_entries li { background: rgba(255, 255, 255, 0.05) } /* --- widget rss --- */ .widget_rss { background: none; padding-bottom: 0; } .widget_rss span.rss-date { margin-top: 5px; margin-bottom: 5px; text-transform: uppercase; display: block; opacity: 0.4; font-size: 12px; } .widget_rss li { text-align: left; background: rgba(0, 0, 0, 0.7); margin-bottom: 5px; list-style-type: none; width: 310px; padding: 28px 30px; } .widget_rss li a { background: none; font-weight: 800; font-family: "Open Sans"; text-transform: none; padding: 0; font-size: 16px; } .widget_rss li a:hover { color: #fff } .widget_rss ul { margin-top: -30px; margin-left: -30px; margin-bottom: -5px; list-style-type: circle; list-style-image: url("images/rss.png"); list-style-position: inside; width: 370px; overflow: hidden; } #footer .widget_rss li { background: rgba(255, 255, 255, 0.05) } /* --- widget search --- */ .widget_search { background: rgba(0, 0, 0, 0.2); width: 364px; height: 48px; padding: 3px; } #footer .widget_search { background: rgba(255, 255, 255, 0.05) } #searchinput { background: rgba(255, 255, 255, 0.7); font-weight: 400; width: 310px; color: rgba(0, 0, 0, 0.5); height: 28px; border: none; padding: 10px 27px; outline: medium none; overflow: hidden; font-size: 16px; } #search-button { background: url("images/searchD.png"); left: 325px; width: 26px; bottom: 37px; height: 26px; margin: 0; border: none; cursor: pointer; opacity: 0.2; position: relative; } #search-button:hover { opacity: 0.8 } /* --- widget tag cloud --- */ .widget_tag_cloud { padding-bottom: 27px } #footer .widget_tag_cloud { background: rgba(255, 255, 255, 0.05) } .tagcloud a { background: #000; margin-left: -1px; line-height: 18px; margin-bottom: 3px; color: #fff; display: inline-block; padding: 3px 8px; font-size: 14px; } .tagcloud a:hover { text-decoration: none; color: #fff; } /* --- widget menu --- */ .widget_nav_menu { padding-bottom: 15px } .widget_nav_menu li { list-style: none; font-weight: 600; margin-bottom: 17px; font-size: 18px; } #footer .widget_nav_menu { background: rgba(255, 255, 255, 0.05) } /* --- widget audio #1 --- */ #footer .widget_audio_one { background: rgba(255, 255, 255, 0.05) } .wd-ad1 { margin-bottom: 25px; width: 320px; height: 128px; position: relative; } .wd-ad1-cover { float: left; width: 128px; height: 128px; } .wd-ad1-cover img { width: 128px; height: 128px; } .wd-ad1-title { top: -8px; left: 143px; position: absolute; } .wd-ad1-title h2 { line-height: 31px; margin-bottom: 19px; } .wd-ad1-title h2 a { background: rgba(0, 0, 0, 0.6); font-weight: 600; line-height: 16px; text-transform: uppercase; box-decoration-break: clone; -o-box-decoration-break: clone; -webkit-box-decoration-break: clone; color: #fff; display: inline; padding: 1px 8px; font-size: 16px; } .wd-ad1-gen { font-weight: 600; padding-left: 25px; margin-bottom: 8px; text-transform: uppercase; background-image: url("images/genre.png"); background-repeat: no-repeat; background-position: 0px 4px; float: left; color: #fff; display: block; opacity: 0.3; z-index: 2; font-size: 14px; } .wd-ad1-date { font-weight: 600; padding-left: 25px; text-transform: uppercase; background-image: url("images/date.png"); background-repeat: no-repeat; background-position: 0px 4px; float: left; color: #fff; display: block; opacity: 0.3; z-index: 2; font-size: 14px; } #wd-ad1 ul.songs-list { margin-left: 0px; margin-bottom: 0px; } #wd-ad1 ul.songs-list li.selected { background: #f7f7f7 url("images/player/player-selected-sng.png") no-repeat; font-weight: 600; margin-bottom: 5px; list-style-type: none; color: #bbb; height: 31px; cursor: pointer; padding: 5px 0px 5px 46px; font-size: 20px; } #wd-ad1 ul.songs-list li { background: rgba(255, 255, 255, 0.1); font-weight: 400; line-height: 29px; margin-bottom: 3px; list-style-type: decimal-leading-zero; list-style-position: inside; color: rgba(255, 255, 255, 0.5); padding: 5px 15px; position: relative; font-size: 12px; } #wd-ad1 ul.songs-list li:hover { background: rgba(0, 0, 0, 0.4) } #wd-ad1 ul.songs-list li a { margin-left: -33px; font-weight: 600; top: 0px; width: 300px; color: #fff; height: 31px; padding: 4px 0px 4px 35px; position: absolute; font-size: 16px; } .wd-ad1-buy { margin-top: 25px; width: 330px; height: 32px; } .wd-ad1-buy span { margin-top: 4px; margin-right: 10px; text-transform: uppercase; float: left; color: #fff; opacity: 0.3; font-size: 14px; } a.wd-ad1-beatport { margin-right: 5px; border-radius: 3px; background-color: rgba(0, 0, 0, 0.4); background-image: url("images/beatport.png"); background-repeat: no-repeat; background-position: 11px 9px; float: left; width: 64px; height: 18px; padding: 7px 10px; } a.wd-ad1-amazon { margin-right: 5px; border-radius: 3px; background-color: rgba(0, 0, 0, 0.4); background-image: url("images/amazon.png"); background-repeat: no-repeat; background-position: 10px 10px; float: left; width: 58px; height: 18px; padding: 7px 10px; } a.wd-ad1-itunes { margin-right: 5px; border-radius: 3px; background-color: rgba(0, 0, 0, 0.4); background-image: url("images/itunes.png"); background-repeat: no-repeat; background-position: 10px 5px; float: left; width: 57px; height: 18px; padding: 7px 10px; } a.wd-ad1-other { background: rgba(0, 0, 0, 0.4); font-weight: 600; line-height: 18px; border-radius: 3px; float: left; color: #fff; padding: 7px 10px; } /* --- widget audio #2 --- */ .widget_audio_two { background: rgba(0, 0, 0, 0.2); width: 364px; padding: 3px 3px 3px 3px; } #footer .widget_audio_two { background: rgba(255, 255, 255, 0.05) } .wd-ad2-cover { width: 364px; height: 364px; position: relative; } .wd-ad2-cover img { width: 364px; height: 364px; } .wd-ad2-bg { background: rgba(0, 0, 0, 0.5); left: 0px; width: 364px; bottom: 0px; height: 364px; position: absolute; } .wd-ad2-title { top: 15px; left: 25px; position: absolute; width:315px; } .wd-ad2-title h2 { font-weight: 800; line-height: 40px; margin-bottom: 10px; text-transform: uppercase; font-size: 32px; } .wd-ad2-title h2 a { color: #fff } .wd-ad2-title h2 a:hover { color: #000 } .wd-ad2-gen { font-weight: 600; margin-right: 30px; padding-left: 25px; text-transform: uppercase; background-image: url("images/genre.png"); background-repeat: no-repeat; background-position: 0px 4px; float: left; color: #fff; display: block; opacity: 0.6; z-index: 2; font-size: 14px; } .wd-ad2-date { font-weight: 600; padding-left: 25px; text-transform: uppercase; background-image: url("images/date.png"); background-repeat: no-repeat; background-position: 0px 4px; float: left; color: #fff; display: block; opacity: 0.6; z-index: 2; font-size: 14px; } .wd-ad2-songs { top: 145px; left: 25px; width: 313px; height: 137px; position: absolute; overflow: hidden; } .wd-ad2-songs ul.songs-list { margin-left: 0px; margin-bottom: 0px; padding-bottom: 10px; width: 333px; height: 155px; overflow: scroll; } #wd-ad2 ul.songs-list li { background: rgba(0, 0, 0, 0.0); font-weight: 400; line-height: 23px; margin-bottom: 0px; border-bottom: 1px solid rgba(255, 255, 255, 0.1); list-style-type: decimal-leading-zero; list-style-position: inside; color: rgba(255, 255, 255, 0.5); padding: 5px 0px; position: relative; font-size: 12px; } #wd-ad2 ul.songs-list li:last-child a { height: 41px } #wd-ad2 ul.songs-list li:first-child { border-top: 1px solid rgba(255, 255, 255, 0.1) } #wd-ad2 ul.songs-list li:hover { background: rgba(0, 0, 0, 0.3); padding-left: 10px; } #wd-ad2 ul.songs-list li a { margin-left: -15px; font-weight: 600; top: 0px; width: 300px; color: #fff; height: 25px; padding: 4px 0px 4px 20px; position: absolute; font-size: 14px; } .wd-ad2-buy { margin-top: 30px; left: 25px; bottom: 25px; height: 32px; position: absolute; } .wd-ad2-buy span { margin-top: 4px; margin-right: 10px; text-transform: uppercase; float: left; color: #fff; opacity: 0.6; font-size: 14px; } a.wd-ad2-beatport { margin-right: 5px; border-radius: 3px; background-color: rgba(255, 255, 255, 0.3); background-image: url("images/beatport.png"); background-repeat: no-repeat; background-position: 11px 9px; float: left; width: 64px; height: 18px; padding: 7px 10px; } a.wd-ad2-beatport:hover { background-color: #000 } a.wd-ad2-amazon { margin-right: 5px; border-radius: 3px; background-color: rgba(255, 255, 255, 0.3); background-image: url("images/amazon.png"); background-repeat: no-repeat; background-position: 10px 10px; float: left; width: 58px; height: 18px; padding: 7px 10px; } a.wd-ad2-amazon:hover { background-color: #000 } a.wd-ad2-itunes { margin-right: 5px; border-radius: 3px; background-color: rgba(255, 255, 255, 0.3); background-image: url("images/itunes.png"); background-repeat: no-repeat; background-position: 10px 5px; float: left; width: 57px; height: 18px; padding: 7px 10px; } a.wd-ad2-itunes:hover { background-color: #000 } a.wd-ad2-other { font-weight: 600; line-height: 18px; border-radius: 3px; background-color: rgba(255, 255, 255, 0.3); float: left; color: #fff; padding: 7px 10px; } a.wd-ad2-other:hover { background: #000 } /* --- widget blog #1 --- */ #footer .widget_blog_one { background: rgba(255, 255, 255, 0.05) } #wd-bl1 { margin-bottom: -30px } #wd-bl1 .wd-bl1 h2 a:hover { color: #fff } .wd-bl1 { margin-bottom: 30px; width: 310px; height: 95px; position: relative; } .wd-bl1 h2 { line-height: 22px; top: -4px; left: 110px; width: 210px; position: absolute; } .wd-bl1 h2 a { background: #F12204; font-weight: 600; text-transform: uppercase; box-decoration-break: clone; -o-box-decoration-break: clone; -webkit-box-decoration-break: clone; color: #fff; display: inline; padding: 3px 8px; font-size: 14px; } .wd-bl1-cover { margin-right: 15px; float: left; width: 95px; height: 95px; } .wd-bl1-cover img { width: 95px; height: 95px; } .wd-bl1-date { font-weight: 400; text-transform: uppercase; left: 110px; color: #000; bottom: -1px; position: absolute; font-size: 12px; } /* --- widget blog #2 --- */ .widget_blog_two { background: rgba(0, 0, 0, 0.2); width: 364px; padding: 0; padding: 3px; } #footer .widget_blog_two { background: rgba(255, 255, 255, 0.05) } #wd-bl2 { margin-bottom: -3px } .wd-bl2 { margin-bottom: 3px; width: 364px; } .wd-bl2-cover { width: 364px; height: 216px; position: relative; } .wd-bl2-cover img { width: 364px; height: 216px; } .wd-bl2-bg { background: rgba(0, 0, 0, 0.5); left: 0px; width: 364px; bottom: 0px; height: 216px; position: absolute; } .wd-bl2-title { left: 25px; width: 315px; bottom: 51px; position: absolute; } .wd-bl2-title h2 { font-weight: 800; line-height: 32px; text-transform: uppercase; color: #fff; font-size: 24px; } .wd-bl2-date { text-transform: uppercase; left: 25px; width: 330px; color: #fff; bottom: 18px; opacity: 0.6; position: absolute; font-size: 12px; } .wd-bl2-cat { background: #000; font-weight: 400; line-height: 17px; text-transform: uppercase; top: -34px; left: 0px; color: #fff; padding: 3px 8px; z-index: 2; position: absolute; font-size: 12px; } /* --- widget event #1 --- */ #footer .widget_event_one { background: rgba(255, 255, 255, 0.05) } #wd-ev1 { margin-bottom: -30px } .wd-ev1 { margin-bottom: 30px; width: 310px; height: 112px; position: relative; } .wd-ev1-date { text-align: center; background: rgba(255, 255, 255, 0.05); float: left; width: 60px; padding: 10px 20px 0px 20px; } .wd-ev1-dm { font-weight: 800; line-height: 30px; margin-bottom: 6px; text-transform: uppercase; color: #000; font-size: 48px; } .wd-ev1-dm span { font-weight: 800; line-height: 34px; text-transform: uppercase; color: #000; font-size: 32px; } .wd-ev1-week { background: rgba(255, 255, 255, 0.1); margin-left: -20px; font-weight: 400; line-height: 28px; text-transform: uppercase; width: 100px; color: #000; font-size: 14px; } .wd-ev1-info h2 { line-height: 22px; top: -4px; left: 115px; position: absolute; } .wd-ev1-info h2 a { background: rgba(0, 0, 0, 0.7); font-weight: 600; text-transform: uppercase; box-decoration-break: clone; -o-box-decoration-break: clone; -webkit-box-decoration-break: clone; color: #fff; display: inline; padding: 3px 8px; font-size: 14px; } a.wd-ev1-button { background: #fff; line-height: 16px; border-radius: 3px; text-transform: uppercase; left: 115px; color: #000; bottom: 2px; padding: 6px 10px; position: absolute; font-size: 14px; } a.wd-ev1-button:hover { color: #fff } .wd-ev1-none { background: #999; line-height: 16px; border-radius: 3px; text-transform: uppercase; left: 115px; color: #555; bottom: 2px; cursor: default; padding: 6px 10px; position: absolute; font-size: 14px; } /* --- widget event #2 --- */ .widget_event_two { background: rgba(0, 0, 0, 0.2); width: 364px; padding: 3px 3px 30px 3px; } #footer .widget_event_two { background: rgba(255, 255, 255, 0.05) } #wd-ev2 { margin-bottom: -30px } .wd-ev2 { margin-bottom: 3px; width: 364px; height: 194px; } .wd-ev2-cover { width: 364px; height: 194px; position: relative; } .wd-ev2-cover img { width: 364px; height: 194px; } .wd-ev2-bg { background: url("images/bg3.png"); left: 0px; width: 364px; bottom: 0px; height: 100px; position: absolute; } .wd-ev2-date { top: -42px; left: 0px; position: absolute; } .wd-ev2-week { top: -28px; position: absolute; } .wd-ev2-week span { text-align: center; background: #000; line-height: 16px; text-transform: uppercase; color: #fff; padding: 1px 10px; font-size: 14px; } .wd-ev2-dm { background: #fff; font-weight: 800; line-height: 38px; text-transform: uppercase; color: #000; padding: 0px 10px 2px 10px; font-size: 34px; } a.wd-ev2-button { background: rgba(255, 255, 255, 0.9); line-height: 16px; border-radius: 3px; text-transform: uppercase; top: 15px; right: 15px; color: #000; padding: 6px 10px; position: absolute; font-size: 14px; } a.wd-ev2-button:hover { color: #fff } .wd-ev2-none { background: rgba(133, 133, 133, 0.9); line-height: 16px; border-radius: 3px; text-transform: uppercase; top: 15px; right: 15px; color: #444; cursor: default; padding: 6px 10px; position: absolute; font-size: 14px; } .wd-ev2-week { font-weight: 400; text-transform: uppercase; color: #fff; font-size: 26px; } .wd-ev2-title { left: 25px; width: 300px; bottom: 30px; position: absolute; } .wd-ev2-title h2 { line-height: 36px } .wd-ev2-title h2 a { background: rgba(0, 0, 0, 0.6); font-weight: 600; line-height: 20px; text-transform: uppercase; box-decoration-break: clone; -o-box-decoration-break: clone; -webkit-box-decoration-break: clone; color: #fff; display: inline; padding: 1px 8px; font-size: 20px; } /* --- widget flickr --- */ .widget_flickr { background: rgba(0, 0, 0, 0.2); width: 364px; padding: 3px; } #footer .widget_flickr { background: rgba(255, 255, 255, 0.05) } #wd-flickr { margin-bottom: -3px; width: 370px; } .flickr_badge_image { margin-right: 3px; margin-bottom: -31px; width: 119px; height: 119px; display: inline; } .flickr_badge_image img { margin-bottom: -4px; width: 119px; height: 119px; } /* --- widget like --- */ .widget_like { background: rgba(0, 0, 0, 0.2); width: 364px; padding: 3px; } .widget_like li { font-weight: 600; top: 46px; right: 8px; color: #fff; cursor: default; display: block; opacity: 0.3; position: absolute; font-size: 100px; } .widget_like li:before { counter-increment: item; content: counter(item) " "; } #footer .widget_like { background: rgba(255, 255, 255, 0.05) } ol#wd-lk { margin-bottom: -3px; counter-reset: item; list-style-type: decimal; } .wd-lk { margin-left: -20px; margin-bottom: 3px; width: 364px; height: 122px; } .wd-lk-cover { width: 364px; height: 122px; position: relative; } .wd-lk-cover img { width: 364px; height: 122px; } .wd-lk-bg { background: rgba(0, 0, 0, 0.5); top: 0px; left: 0px; width: 364px; height: 122px; position: absolute; } .wd-lk-title { left: 25px; width: 260px; bottom: 18px; position: absolute; } .wd-lk-title h2 { font-weight: 800; text-transform: uppercase; color: #fff; font-size: 20px; } /* --- widget photo --- */ .widget_photo { background: rgba(0, 0, 0, 0.2); width: 364px; padding: 3px 3px 0px 3px; } #footer .widget_photo { background: rgba(255, 255, 255, 0.05) } .wd-ph { width: 370px } .wd-ph-cover { margin-bottom: 3px; width: 360px; height: 216px; position: relative; } .wd-ph-cover img { width: 364px; height: 216px; } .wd-ph-bg { background: url("images/bg3.png"); left: 0px; width: 364px; bottom: 0px; height: 100px; position: absolute; } .wd-ph-title { left: 25px; width: 300px; bottom: 30px; position: absolute; } .wd-ph-title h2 { line-height: 36px } .wd-ph-title h2 a { background: rgba(0, 0, 0, 0.6); font-weight: 600; line-height: 20px; text-transform: uppercase; box-decoration-break: clone; -o-box-decoration-break: clone; -webkit-box-decoration-break: clone; color: #fff; display: inline; padding: 1px 8px; font-size: 20px; } .wd-ph-venue { font-weight: 600; padding-left: 31px; padding-right: 8px; text-transform: uppercase; background-color: #fff; background-image: url("images/venueD.png"); background-repeat: no-repeat; background-position: 8px 4px; top: -26px; left: 0px; color: #000; color: #000; position: absolute; font-size: 14px; } .wd-ph-photo { margin-right: 0px; width: 119px; height: 119px; display: inline; } .wd-ph-photo img { margin-bottom: -4px; width: 119px; height: 119px; } /* --- widget slider --- */ .widget_slider { background: rgba(0, 0, 0, 0.2); width: 364px; padding: 3px; } #footer .widget_slider { background: rgba(255, 255, 255, 0.05) } .wd-sld { width: 364px; height: 364px; position: relative; } .wd-sld li { position: relative } .wd-sld li img { width: 364px; height: 364px; } .wd-sld-bg { background: rgba(0, 0, 0, 0.5); left: 0px; width: 364px; bottom: 7px; height: 364px; position: absolute; } .wd-sld-title { left: 25px; width: 315px; bottom: 57px; position: absolute; } .wd-sld-title h2 { line-height: 40px; font-size: 32px; } .wd-sld-title h2 a { font-weight: 800; text-transform: uppercase; color: #fff; } .wd-sld-cat { background: #000; font-weight: 400; line-height: 17px; text-transform: uppercase; top: -32px; left: 0px; color: #fff; padding: 3px 8px; z-index: 2; position: absolute; font-size: 12px; } .wd-sld-date { text-transform: uppercase; left: 25px; color: #fff; bottom: 25px; opacity: 0.6; position: absolute; font-size: 12px; } /* --- widget soundcloud --- */ .widget_soundcloud { background: rgba(0, 0, 0, 0.2); width: 364px; padding: 3px; } #footer .widget_soundcloud { background: rgba(255, 255, 255, 0.05) } #wd-soundcloud { margin-bottom: -7px } #wd-soundcloud iframe { width: 364px } /* --- widget twitter --- */ .widget_tweet { background: none; padding: 0; } .widget_tweet ul { margin-bottom: -5px; list-style-type: circle; list-style-image: url("images/twitter.png"); list-style-position: inside; width: 370px; overflow: hidden; } #footer .widget_tweet li { background: rgba(255, 255, 255, 0.05) } .tweets_list li { background: rgba(0, 0, 0, 0.7); margin-bottom: 5px; width: 310px; padding: 20px 30px; } .tweets_list li a.jtwt_date { font-weight: 400; font-size: 12px; } .tweets_list li a { font-weight: 600; font-size: 16px; } /* --- widget video --- */ .widget_video { background: rgba(0, 0, 0, 0.2); width: 364px; padding: 3px; } #footer .widget_video { background: rgba(255, 255, 255, 0.05) } #wd-vd { margin-bottom: -3px } .wd-vd { margin-bottom: 3px; width: 364px; } .wd-vd-cover { width: 364px; height: 216px; position: relative; } .wd-vd-cover img { width: 364px; height: 216px; } .wd-vd-bg { background: url("images/bg3.png"); left: 0px; width: 364px; bottom: 0px; height: 100px; position: absolute; } .wd-vd-title { left: 25px; width: 300px; bottom: 30px; position: absolute; } .wd-vd-title h2 { line-height: 36px } .wd-vd-title h2 a { background: rgba(0, 0, 0, 0.6); font-weight: 600; line-height: 20px; text-transform: uppercase; box-decoration-break: clone; -o-box-decoration-break: clone; -webkit-box-decoration-break: clone; color: #fff; display: inline; padding: 1px 8px; font-size: 20px; } .wd-vd-venue { font-weight: 600; padding-left: 31px; padding-right: 8px; text-transform: uppercase; background-color: #fff; background-image: url("images/venueD.png"); background-repeat: no-repeat; background-position: 8px 4px; top: -26px; left: 0px; color: #000; color: #000; position: absolute; font-size: 14px; } .wd-vd-play { background: url("images/playS.png"); top: 15px; right: 15px; width: 64px; height: 64px; position: absolute; } .wd-vd-play:hover { opacity: 0.6 } /* --- widget vimeo --- */ .widget_vimeo { background: rgba(0, 0, 0, 0.2); width: 364px; padding: 3px; } #footer .widget_vimeo { background: rgba(255, 255, 255, 0.05) } #wd-vimeo { margin-bottom: -7px } #wd-vimeo iframe { width: 364px } /* --- widget youtube --- */ .widget_youtube { background: rgba(0, 0, 0, 0.2); width: 364px; padding: 3px; } #footer .widget_youtube { background: rgba(255, 255, 255, 0.05) } #wd-youtube { margin-bottom: -7px } #wd-youtube iframe { width: 364px } /* ------------------------------------------- 07. SOCIAL MEDIA ------------------------------------------- */ /* --- header --- */ .menu-social { margin-top: 7px; margin-right: 44px; border-right: 1px solid rgba(255, 255, 255, 0.2); padding-right: 8px; float: right; height: 26px; position: relative; } .header-facebook, .header-google, .header-youtube, .header-vimeo, .header-soundcloud, .header-twitter, .header-tumblr, .header-flickr, .header-linkedin { margin-top: -5px; float: left; width: 36px; height: 36px; opacity: 0.1; } .header-facebook:hover, .header-google:hover, .header-youtube:hover, .header-vimeo:hover, .header-soundcloud:hover, .header-twitter:hover, .header-tumblr:hover, .header-flickr:hover, .header-linkedin:hover { opacity: 1 } .header-facebook { background: url("images/social/icon/facebook.png") } .header-google { background: url("images/social/icon/google.png") } .header-youtube { background: url("images/social/icon/youtube.png") } .header-vimeo { background: url("images/social/icon/vimeo.png") } .header-soundcloud { background: url("images/social/icon/soundcloud.png") } .header-twitter { background: url("images/social/icon/twitter.png") } .header-flickr { background: url("images/social/icon/flickr.png") } .header-linkedin { background: url("images/social/icon/linkedin.png") } /* --- footer --- */ .footer-ls { text-align: center; background: #039BD9; width: 100%; padding: 25px 0px 30px 0px; } #footer-ls-col { width: 1030px; margin: 0px auto 0px auto; } #footer-ls-col .soundcloud { background: url("images/social/logo/soundcloud.png") no-repeat left; margin-top: 10px; margin-right: 10px; width: 63px; height: 30px; display: inline-block; } #footer-ls-col .facebook:hover, #footer-ls-col .twitter:hover, #footer-ls-col .vimeo:hover, #footer-ls-col .youtube:hover, #footer-ls-col .soundcloud:hover, #footer-ls-col .flickr1:hover, #footer-ls-col .google:hover, #footer-ls-col .linkedin:hover { opacity: 0.6 } #footer-ls-col .linkedin { background: url("images/social/logo/linkedin.png") no-repeat left; margin-top: 10px; width: 98px; height: 30px; display: inline-block; } #footer-ls-col .facebook { background: url("images/social/logo/facebook.png") no-repeat left; margin-top: 10px; margin-right: 10px; width: 120px; height: 30px; display: inline-block; } #footer-ls-col .flickr1 { background: url("images/social/logo/flickr.png") no-repeat left; margin-right: 10px; width: 90px; height: 30px; display: inline-block; } #footer-ls-col .youtube { background: url("images/social/logo/youtube.png") no-repeat left; margin-top: 10px; margin-right: 10px; width: 71px; height: 30px; display: inline-block; } #footer-ls-col .twitter { background: url("images/social/logo/twitter.png") no-repeat left; margin-top: 10px; margin-right: 10px; width: 92px; height: 30px; display: inline-block; } #footer-ls-col .google { background: url("images/social/logo/google.png") no-repeat left; margin-top: 10px; margin-right: 10px; width: 99px; height: 30px; display: inline-block; } #footer-ls-col .vimeo { background: url("images/social/logo/vimeo.png") no-repeat left; margin-top: 10px; margin-right: 10px; width: 85px; height: 30px; display: inline-block; } /* ------------------------------------------- 08. PAGINATION ------------------------------------------- */ .pagination-pos { margin-top: 57px; float: left; width: 100%; } .pagination { font-weight: 600; font-size: 14px; } .pagination .current { color: #fff } .pagination span, .pagination a { background: #000; margin-right: 3px; text-decoration: none; float: left; width: auto; color: #fff; display: block; padding: 7px 13px 7px 13px; font-size: 16px; } .pagination a:hover { color: #fff } span.page-of { background: #fff } .page-links { margin-top: 30px; text-align: center; width: 730px; float: left; } .page-links a span { color: #fff } .page-links a span:hover { background: #fff; color: #000; } .page-links span { background: #fff; color: #000; padding: 5px 10px; } /* ------------------------------------------- 09. COMMENTS ------------------------------------------- */ #comments { background: rgba(0, 0, 0, 0.4); clear: both; width: 720px; padding: 1px 30px; } #comments li.comment > div { margin-bottom: 10px; padding: 15px 15px; } #comments .comment-body ol { padding: 0 0 0 14px } #comments p.logged-in-as { margin-top: 5px; margin-bottom: 20px; color: #fff; font-size: 12px; } #comments p.logged-in-as a { font-size: 14px } #comments ol.commentlist { margin-right: 0px } #comments ul.children { margin-top: 10px; background: url("images/reply.png") no-repeat; background-position: 12px 5px; padding: 0px 0px 0px 50px; } #comments strong { font-weight: normal } #comments cite { font-style: normal; color: #fff; opacity: 1; } #comments ol { padding: 0 0 0 0 } #comments em { font-style: normal } h3#reply-title { margin-top: 20px; font-weight: 600; margin-bottom: -3px; text-transform: uppercase; color: #fff; display: inline-block; font-size: 22px; } #comment { margin-top: 5px; background: #017abe; color: #000; border: 0; padding: 10px 0 0 10px; } input#author { background: #017abe; color: #000; border: 0; height: 25px; } input#email { background: #017abe; color: #000; border: 0; height: 25px; } input#contactName { background: #017abe; color: #000; border: 0; height: 25px; } input#url { background: #017abe; color: #000; border: 0; height: 25px; } .comment-form { margin-bottom: -20px } .commentlist { list-style: none; margin-top: 25px; margin-bottom: 30px; width: 720px; } .commentlist li:last-child { margin-bottom: 0; border-bottom: none; } .commentlist .children { list-style: none } .commentlist .children li { margin: 0; border: none; } .commentlist .avatar { margin-right: 12px; margin-bottom: 0px; top: 0; left: 0; float: left; width: 50px; height: 50px; overflow: hidden; } .commentlist ol { list-style: decimal } li.comment > div { background: rgba(0, 0, 0, 0.6) } .comment-author { margin-bottom: 4px } .comment-author cite { margin-top: -3px; font-weight: 400; font-size: 18px; } .comment-author cite a { font-weight: 600; color: #fff; } span.says { font-size: 12px } .comment-meta { margin-top: -3px; opacity: 0.3; font-size: 12px; } .comment-meta a { color: #fff } .comment-body { margin-top: 14px; margin-bottom: -10px; } .reply { margin-top: -45px; margin-right: 0px; float: right; } .reply a { background: #fff; border-radius: 3px; text-transform: uppercase; color: #000; padding: 3px 8px 3px 8px; font-size: 12px; } .reply a:hover { color: #fff } .nopassword, .nocomments { display: none } li.comment #respond { margin-bottom: 9px; width: 95.5%; padding: 15px; position: relative; overflow: hidden; } #respond { margin-top: 0px; margin-bottom: 0px; padding: 0; position: relative; overflow: hidden; } #respond .form-allowed-tags { margin-top: 10px; background: #f3f3f3; line-height: 18px; color: #000; padding: 10px; font-size: 14px; } #respond .form-allowed-tags code { font-size: 14px } #respond .form-submit input { width: auto; font-size: 12px; } #respond .comment-notes { margin-top: 5px; margin-bottom: 20px; color: #fff; font-size: 12px; } #respond .required { font-weight: 400; color: #ff0000; } #respond textarea { width: 99% } #respond label { text-transform: uppercase; font-size: 12px; } #respond input { width: 98%; margin: 0 0 9px; } .form-allowed-tags { line-height: 1em } .children #respond { margin-top: 10px; margin-bottom: 20px; } #cancel-comment-reply-link { font-weight: normal; line-height: 18px; font-size: 12px; } ul.children { list-style-type: none } ul.children li { list-style-type: none } form#commentform input { margin-top: 5px; padding: 7px; } p.comment-form-author, p.comment-form-email, p.comment-form-url { margin-bottom: 5px; width: 50%; } p.form-submit input#submit { background: #fff; margin-top: 10px; border-radius: 3px; text-transform: uppercase; color: #000; border: 0; padding: 3px 8px; font-size: 16px; } p.form-submit input#submit:hover { color: #fff } /* ------------------------------------------- 10. CONTACT ------------------------------------------- */ #respond { margin-bottom: 29px; width: 720px; } #respond .button-send#submitmail { background: #fff; border-radius: 3px; text-transform: uppercase; color: #000; border: none; cursor: pointer; padding: 3px 10px; outline: none; font-size: 16px; } #respond .button-send#submitmail:hover { color: #fff } #respond form#contact input { background: #017abe; margin-top: 6px; color: #fff; border: 0; padding: 5px; } #respond #commentsText { background: #017abe; margin-top: 6px; margin-bottom: 18px; color: #fff; border: 0; padding: 5px; } #respond .error { color: #ff0000 } #respondfix { margin-bottom: -48px } /* ------------------------------------------- 11. WORDPRESS CORE ------------------------------------------- */ .sng-art img { height: auto; max-width: 100%; } .alignnone { margin: 5px 0 } .aligncenter, div.aligncenter { margin: 5px auto 5px auto; display: block; } .alignright { float: right; margin: 5px 0 20px 20px; } .alignleft { float: left; margin: 5px 20px 20px 0; } .aligncenter { margin: 5px auto 5px auto; display: block; } a img.alignright { float: right; margin: margin: 5px 0; } a img.alignnone { margin: 5px 0 } a img.alignleft { float: left; margin: 5px 20px 20px 0; } a img.aligncenter { margin-left: auto; margin-right: auto; display: block; } .bl1 .sticky { font-weight: 600; text-transform: uppercase; background-image: url("images/sticky.png"); background-color: #ffe400; background-repeat: no-repeat; background-position: 7px 5px; left: 230px; color: #000; bottom: 33px; padding: 1px 8px 1px 30px; z-index: 3; position: absolute; font-size: 14px; } .bl2 .sticky { font-weight: 600; text-transform: uppercase; background-image: url("images/sticky.png"); background-color: #ffe400; background-repeat: no-repeat; background-position: 7px 5px; top: 359px; right: 33px; color: #000; padding: 1px 8px 1px 30px; z-index: 3; position: absolute; font-size: 14px; } .gallery-caption { } .bypostauthor { } .wp-caption { background: rgba(0, 0, 0, 0.7); text-align: center; border: 0px solid #f0f0f0; padding: 8px 3px 10px; max-width: 100%; } .wp-caption p.wp-caption-text { line-height: 18px; color: #fff; margin: 0; padding: 4px 4px; font-size: 14px; } .wp-caption img { width: auto; border: 0 none; height: auto; margin-top: -5px; padding: 0; } .wp-caption.alignnone { margin: 5px 20px 20px 0 } .wp-caption.alignleft { margin: 5px 20px 20px 0 } .wp-caption.alignright { margin: 5px 0 20px 20px } #display-none { display: none !important }