/* Circular Content Carousel Style */ /* YoxView v2.0 CSS file */ .lb-albumpress{list-style-type:none;width:100%;height:100%;margin-left:4px;} .lb-albumpress li {float:left;-moz-box-shadow:1px 1px 2px rgba(0,0,0,0.2); -webkit-box-shadow:1px 1px 2px rgba(0,0,0,0.2); box-shadow:1px 1px 2px rgba(0,0,0,0.2);display:block;left:0; top:0;width:340px;height:32.7%;margin:0px 5px 5px 0;text-align:center;position:relative;border:1px solid #FFF;} .lb-albumpress li > a, .lb-albumpress li > a img{display: block;} .lb-albumpress li > a{ width:340px;height:100%;position: relative;padding:0px;color: rgba(27,54,81,0.8); opacity: 1;} .lb-albumpress li a img{width:340px;padding:0px;} .lb-albumpress li a p{color:#FFFFFF;font-family:'Conv_NeutraText-Book';font-size:1.3em;padding-left:10px;padding-right:10px;line-height:normal;} .lb-albumpress li a strong{color:#6CF;} #p1{background:url(../img/press/1.jpg)0 0 no-repeat;background-size:cover;} #l1 h1{background:url(../img/press/logo1.png)0 0 no-repeat;width:340px;height:130px;text-indent:-9999px;} #p2{background:url(../img/press/2.jpg)0 0 no-repeat;background-size:cover;} #l2 h1{background:url(../img/press/logo2.png)0 0 no-repeat;width:340px;height:130px;text-indent:-9999px;} #p3{background:url(../img/press/3.jpg)0 0 no-repeat;background-size:cover;} #l3 h1{background:url(../img/press/logo3.png)0 0 no-repeat;width:340px;height:130px;text-indent:-9999px;} #p4{background:url(../img/press/4.jpg)0 0 no-repeat;background-size:cover;} #l4 h1{background:url(../img/press/logo5.png)0 0 no-repeat;width:340px;height:130px;text-indent:-9999px;} #l5 h1{background:url(../img/press/logo6.png)0 0 no-repeat;width:340px;height:130px;text-indent:-9999px;} #p5{background:url(../img/press/6.jpg)0 0 no-repeat;background-size:cover;} #l6 h1{background:url(../img/press/logo4.png)0 0 no-repeat;width:340px;height:130px;text-indent:-9999px;} #p6{background:url(../img/press/5.jpg)0 0 no-repeat;background-size:cover;} #l7 h1{background:url(../img/press/logo7.png)0 0 no-repeat;width:340px;height:130px;text-indent:-9999px;} #p7{} #l8 h1{background:url(../img/press/logo8.png)0 0 no-repeat;width:340px;height:130px;text-indent:-9999px;} #p8{background:url(../img/press/7.jpg)0 0 no-repeat;background-size:cover;} #l9 h1{background:url(../img/press/logo6.png)0 0 no-repeat;width:340px;height:130px;text-indent:-9999px;} #p9{background:url(../img/press/6.jpg)0 0 no-repeat;background-size:cover;} #l10 h1{background:url(../img/press/logo6.png)0 0 no-repeat;width:340px;height:130px;text-indent:-9999px;} #p10{background:url(../img/press/10.jpg)0 0 no-repeat;background-size:cover;} #l11 h1{background:width:340px;height:130px;text-indent:-9999px;} #p11{background:url(../img/press/11.jpg)0 0 no-repeat;background-size:cover;} #l12 h1{background:url(../img/press/logo12.png)0 0 no-repeat;width:340px;height:130px;text-indent:-9999px;} #p12{background:url(../img/press/8.jpg)0 0 no-repeat;background-size:cover;} #l13 h1{background:url(../img/press/logo13.png)0 0 no-repeat;width:340px;height:130px;text-indent:-9999px;} #p13{background:url(../img/press/9.jpg)0 0 no-repeat;background-size:cover;} #l14 h1{background:url(../img/press/logo14.png)0 0 no-repeat;width:340px;height:150px;text-indent:-9999px;} #p14{background:url(../img/press/14.jpg)0 0 no-repeat;background-size:cover;} #l15 h1{background:url(../img/press/logo13.png)0 0 no-repeat;width:340px;height:150px;text-indent:-9999px;} #p15{background:url(../img/press/15.jpg)0 0 no-repeat;background-size:cover;} #l16 h1{background:url(../img/press/logo16.png)0 0 no-repeat;width:340px;height:150px;text-indent:-9999px;} #p16{background:url(../img/press/16.jpg)0 0 no-repeat;background-size:cover;} #l17 h1{background:url(../img/press/logo17.png)0 0 no-repeat;width:340px;height:150px;text-indent:-9999px;} #p17{background:url(../img/press/17.jpg)0 0 no-repeat;background-size:cover;} #lb h1{background:url(../img/press/logob.png)0 0 no-repeat;width:340px;height:150px;text-indent:-9999px;} #pb{background:url(../img/press/b.jpg)0 0 no-repeat;background-size:cover;} #la h1{background:url(../img/press/logoa.png)0 0 no-repeat;width:340px;height:150px;text-indent:-9999px;} #pa{background:url(../img/press/a.jpg)0 0 no-repeat;background-size:cover;} #lc h1{background:url(../img/press/logoc.png)0 0 no-repeat;width:340px;height:150px;text-indent:-9999px;} #pc{background:url(../img/press/c.jpg)0 0 no-repeat;background-size:cover;} .lb-albumpress li > a span { position:absolute;width:340px;height:100%;top:0px; left:0px; color: rgba(27,54,81,0.8); opacity: 0; filter: alpha(opacity=0); /* internet explorer */ -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=0)"; /*IE8*/ background: black; background: -o-radial-gradient(center, ellipse cover, rgba(255,255,255,0.56) 0%,rgba(241,210,194,1) 100%); background: -ms-radial-gradient(center, ellipse cover, rgba(255,255,255,0.56) 0%,rgba(241,210,194,1) 100%); background: radial-gradient(center, ellipse cover, rgba(255,255,255,0.56) 0%,rgba(241,210,194,1) 100%); -webkit-transition: opacity 0.3s linear; -o-transition: opacity 0.3s linear; -ms-transition: opacity 0.3s linear; transition: opacity 0.3s linear;} .lb-albumpress li > a:hover span{opacity:0.7;filter:alpha(opacity=99); /* internet explorer */ -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=99)"; /*IE8*/} .lb-overlay{ width: 0px; height: 0px; position: fixed; overflow: hidden; left: 0px; top: 0px; padding: 0px; z-index: 99; text-align: center; background: black; background: -moz-radial-gradient(center, ellipse cover, rgba(51,51,51,0.56) 0%, rgba(15,15,15,1) 100%); background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,rgba(51,51,51,0.56)), color-stop(100%,rgba(15,15,15,1))); background: -webkit-radial-gradient(center, ellipse cover, rgba(51,51,51,0.56) 0%,rgba(15,15,15,1) 100%); background: -o-radial-gradient(center, ellipse cover, rgba(51,51,51,0.56) 0%,rgba(15,15,15,1) 100%); background: -ms-radial-gradient(center, ellipse cover, rgba(51,51,51,0.56) 0%,rgba(15,15,15,1) 100%); background: radial-gradient(center, ellipse cover, rgba(51,51,51,0.56) 0%,rgba(15,15,15,1) 100%); } .lb-overlay > div{ position: relative; opacity: 0; filter: alpha(opacity=0); /* internet explorer */ -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=0)"; /*IE8*/ width:90%; margin: 10px auto 0px auto; -webkit-transition: opacity 0.3s linear 1.3s; -moz-transition: opacity 0.3s linear 1.3s; -o-transition: opacity 0.3s linear 1.3s; -ms-transition: opacity 0.3s linear 1.3s; transition: opacity 0.3s linear 1.3s; } .lb-overlay div h3, .lb-overlay div p{ padding:0; width:100%; height:30px; } .lb-overlay div h3{ color:#FFFFFF;font-family:'Conv_NeutraText-Book';font-size:1.85em;font-weight:100; text-align:center; } .lb-overlay div h3 span, .lb-overlay div p{color:#FFFFFF;font-family:'Conv_NeutraText-Book';font-size:1.3em;text-align:center;} .lb-overlay div strong{color:#6CF;} .lb-overlay div h3 span{ display: block; line-height: 6px; } .lb-overlay a.lb-close{ /*background: rgba(27,54,81,0.8);*/ z-index: 1001; color: #fff; position:absolute; top:20px; left:45%; font-size: 15px; line-height: 26px; text-align:right; width:90px; height: 23px; overflow: hidden; padding:0px; opacity: 0; filter: alpha(opacity=0); /* internet explorer */ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=0)"; /*IE8*/ -webkit-box-shadow: 0px 1px 2px rgba(0,0,0,0.3); -moz-box-shadow: 0px 1px 2px rgba(0,0,0,0.3); box-shadow: 0px 1px 2px rgba(0,0,0,0.3); -webkit-transition: opacity 0.3s linear 1.2s; -moz-transition: opacity 0.3s linear 1.2s; -o-transition: opacity 0.3s linear 1.2s; -ms-transition: opacity 0.3s linear 1.2s; transition: opacity 0.3s linear 1.2s; } .lb-overlay img{ /* height: 100%; For Opera max-height does not seem to work */ max-height: 100%; position: relative; /*-webkit-box-shadow: 1px 1px 4px rgba(0,0,0,0.3); -moz-box-shadow: 1px 1px 4px rgba(0,0,0,0.3); box-shadow: 0px 2px 7px rgba(0,0,0,0.2);*/ border:1px solid #666; } .lb-overlay:target { width:90%; height: auto; bottom: 0px; left:10%; padding:50px 80px 80px 80px; margin:0 auto; } .lb-overlay:target img { -webkit-animation: fadeInScale 1.2s ease-in-out; -moz-animation: fadeInScale 1.2s ease-in-out; -o-animation: fadeInScale 1.2s ease-in-out; -ms-animation: fadeInScale 1.2s ease-in-out; animation: fadeInScale 1.2s ease-in-out; } .lb-overlay:target a.lb-close, .lb-overlay:target > div{ opacity: 1; filter: alpha(opacity=99); /* internet explorer */ -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=99)"; /*IE8*/ }