/********************************************* * WebDevvr * * Author: Nico Habets.com * WebDevvr is copyright protected. It is not * allowed to adjust, reproduce or sell this * product without approval from the author. * ********************************************/ /*//////////////////////////////////////////// CSS RESET ////////////////////////////////////////////*/ html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, small, strong, em, img, sub, sup, del, ins, b, i, a, dl, dt, dd, ol, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, figure, footer, header, hgroup, menu, nav, section, menu, time, mark, audio, video { margin:0; padding:0; border:0; outline:0; font-size:100%; background:transparent; list-style: none; } article, aside, figure, footer, header, hgroup, nav, section { display:block; } /* Blue 0077af Orange de5c20 */ body, * { font-family: Arial, Helvetica, sans-serif; font-size: 13px; } h1 { color: #0077af; font-size: 22px; text-transform: lowercase; font-weight: normal; margin: 0px; } h2 { color: #000000; font-size: 14px; text-transform: uppercase; font-weight: normal; margin: 0px 0px 15px 0px; } h3 { color: #000000; font-size: 14px; text-transform: uppercase; font-weight: normal; margin: 0px; } p { margin: 0px 0px 1.5em 0px; line-height: 1.4em; } a { color: #000000; text-decoration: none; } a:hover { color: #0077af; } #container { position: relative; z-index: 3; margin: 0px auto 0px auto; } #header { position: relative; z-index: 10; background: #ffffff; top: 30px; height: 90px; border: 1px solid #818181; } #header a { color: #000000; text-decoration: none; display: block; } #header a:hover { color: #0077af; } #logo { position: absolute; margin: 18px 0px 18px 15px; } #logo img { width: 240px; height: 54px; } #languages { position: absolute; top: 47px; right: 95px; display: none; } #languages a { display: inline-block; margin: 0px 5px 0px 0px; } #social { position: absolute; top: 44px; right: 10px; } #social a { display: inline-block; } #menu { position: absolute; left: 270px; top: 47px; text-transform: lowercase; } #menu ul { margin: 0px; padding: 0px; list-style: none; } #menu li { display: inline-block; position: relative; white-space: nowrap; } #menu li.active a { border-bottom: 1px solid #0077af; } #menu li.active li a { border: none; } #menu ul ul { position: absolute; top: 43px; left: 0px; display: none; padding: 0px 11px 15px 11px; } #menu li.main { padding: 0px 8px 27px 8px; } #menu li.sub { padding: 4px 30px 4px 10px; margin: 3px 0px 0px 0px; display: block; background: #ffffff; } #menu li.sub:hover { background: #000000; } #menu li.sub:hover a { color: #ffffff; } #main { position: absolute; z-index: 9; margin: 130px 0px 0px 0px; } #main.default { left: 279px; top: 0px; width: 350px; } #main.left { left: 70px; top: 0px; width: 350px; } #main.center { left: 50%; top: 0px; width: 530px; margin-left: -285px; } #main.right { right: 70px; top: 0px; width: 350px; } #main.scroll { left: 0px; right: 0px; top: 0px; overflow: hidden; } #main.calendar { left: 70px; top: 0px; width: 350px; } #main ul { list-style-image: url(../images/list-image.png); margin: 0px; padding: 0px 0px 0px 30px; } #main li { line-height: 1.4em; margin: 0px 0px 5px 0px; } .block { padding: 20px 20px; background: #ffffff; margin: 0px 0px 5px 0px; vertical-align: top; opacity: 0.9; } #main.scroll .block { display: inline-block; margin: 0px 10px 5px 0px; position: relative; } #main.scroll .wrap { display: inline-block; padding: 0px 330px; } #main.scroll .widget { width: 9999px; } #subsubmenu { text-align: justify; } #subsubmenu a { color: #000000; text-decoration: none; display: inline-block; margin: 2px 10px 3px 0px; } #subsubmenu a:hover { text-decoration: underline; color: #0077af; } #prevnext { position: relative; height: 14px; } .ico { background: url(../images/sprite.png) no-repeat; display: inline-block; text-indent: -9999px; } /* .ico.arrow { background-position: -0px -0px; width: 7px; height: 7px; } .ico.arrowd { background-position: -0px -7px; width: 7px; height: 7px; } */ .ico.arrow { background-position: -0px -158px; width: 9px; height: 9px; } .ico.arrowd { background-position: -0px -167px; width: 9px; height: 9px; } .ico.facebook { background-position: -0px -24px; width: 25px; height: 24px; } .ico.twitter { background-position: -58px -24px; width: 25px; height: 24px; } .ico.youtube { background-position: -29px -24px; width: 25px; height: 24px; } .ico.facebook:hover { background-position: -0px -48px; } .ico.twitter:hover { background-position: -58px -48px; } .ico.youtube:hover { background-position: -29px -48px; } /* .ico.play { background-position: -0px -72px; width: 7px; height: 7px; } .ico.stop { background-position: -7px -72px; width: 7px; height: 7px; } */ .ico.play { background-position: -0px -177px; width: 9px; height: 9px; } .ico.stop { background-position: -9px -177px; width: 9px; height: 9px; } /* .ico.close { background-position: -0px -79px; width: 7px; height: 7px; position: absolute; top: 10px; right: 10px; cursor: pointer; } .ico.open { background-position: -0px -7px; width: 7px; height: 7px; position: absolute; top: 10px; right: 10px; cursor: pointer; } */ .ico.close { background-position: -9px -177px; width: 9px; height: 9px; position: absolute; top: 10px; right: 10px; cursor: pointer; } .ico.open { background-position: -0px -167px; width: 9px; height: 9px; position: absolute; top: 10px; right: 10px; cursor: pointer; } /* .ico.next { background-position: -0px -86px; width: 23px; height: 14px; position: absolute; right: 0px; } .ico.next:hover { background-position: -41px -86px; } .ico.prev { background-position: -0px -100px; width: 23px; height: 14px; position: absolute; left: 0px; } .ico.prev:hover { background-position: -41px -100px; } */ .ico.next { background-position: -0px -114px; width: 47px; height: 22px; position: absolute; right: 0px; } .ico.next:hover { background-position: -49px -114px; } .ico.prev { background-position: -0px -136px; width: 47px; height: 22px; position: absolute; left: 0px; } .ico.prev:hover { background-position: -49px -136px; } .ico { -webkit-transition: all 0.1s ease-out; -moz-transition: all 0.1s ease-out; -o-transition: all 0.1s ease-out; transition: all 0.1s ease-out; } .widget-news #twitter ul { margin: 0px; padding: 0px; list-style: none; } .widget-news #twitter li { margin: 0px 0px 20px 0px; padding: 0px; list-style: none; } .widget-calendar .column { display: inline-block; vertical-align: top; } .widget-calendar .item { margin: 0px 0px 3px 0px; } .widget-calendar .date { width: 16px; } .widget-calendar .location { width: 170px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .widget-calendar .time { width: 32px; } .widget-calendar .link { width: 75px; color: #de5c20; } .widget-calendar a { text-decoration: none; color: #000000; } .widget-calendar a:hover { color: #0077af; } .widget-album { } .widget-album a { text-decoration: none; } .widget-album h1 { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .widget-album .item img { width: 290px; height: 190px; } .widget-album .item { width: 290px; } .widget-discography { } .widget-discography a { text-decoration: none; } .widget-discography h1 { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .widget-discography .item img { width: 110px; height: 110px; } .widget-discography .item { width: 290px; } .widget-discography .listen { margin: 0px 0px 10px 0px; } .widget-discography .listen a { display: inline-block; margin: 0px 10px 0px 0px; } .widget-discography .tracklist ul { list-style: decimal !important; list-style-image: none !important; padding: 0px 0px 0px 25px !important; } .widget-discography .tracklist a { display: block; position: relative; } .widget-discography .tracklist .ico { float: right; margin: 7px 0px 0px 0px; } #background { z-index: 1; position: fixed; left: 0px; right: 0px; top: 0px; bottom: 0px; background: #ffffff; } #background .slide { width: 100%; height: 100%; background-repeat: no-repeat; background-position: center center; background-size: cover; background-attachment: fixed; position: absolute; display: none; } #background-video { z-index: 2; position: fixed; left: 0px; right: 0px; top: 0px; bottom: 0px; background: #ffffff; }