/* - carousel.css - */
@media screen {
/* http://www.eurovelo.com/portal_css/carousel.css?original=1 */
/* */
/* */
/* */
/* */
/* */
/* */
.carousel {
position: relative;
z-index: 0;
padding: 0;
margin: 1em auto;
width: 660px;
/* *//
border: 1px solid White;
}
div.scrollable {
/* */
position:relative;
z-index: 1;
overflow:hidden;
width: 660px;
/* */
}
/* */
div.scrollable div.items {
/* */
width:20000em;
position:absolute;
}
/* */
.scrollable .items .tileItem {
float:left;
width: 660px;
border: none;
padding: 0;
margin: 0;
}
/* */
div.scrollable div.items div.itemPadding {
margin: 1.5em 1em;
}
/* */
/* */
/* */
/* */
a.browse {
position: absolute;
/**/ /* */
z-index: 2;
bottom: 0;
width:38px;
height:38px;
margin: 0;
background:url(http://www.eurovelo.com/arrowLeft.gif) 50% 50% no-repeat;
cursor:pointer;
}
a.prev {
left: 0;
}
a.next {
right: 0;
background-image: url('http://www.eurovelo.com/arrowRight.gif');
}
a.browse span {
position: absolute;
visibility: hidden;
}
/* */
a.disabled {
visibility:hidden !important;
}
/* */
/* */
div.navi {
height:38px;
text-align: center;
clear: left;
}
div.navi a {
height:7px;
margin:14px 3px 3px;
width:7px;
border: 1px solid White;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
background: #dddddd;
display:inline-block;
font-size:1px;
}
div.navi a:hover {
background: White;
cursor: pointer;
}
div.navi a.active {
background: White;
}
/* */
/* */
div.toolBar {
position: absolute;
right: 0;
top:0;
z-index: 2;
text-align: right;
height:2em;
width: auto;
padding: 0 0.5em;
line-height: 2em;
background-color: #fff; /* */
background-color: rgba(256, 256, 256, 0.8); /* */
}
/* */
/* */
/* */
.portletCarouselWrapper {
border: none;
}
.portletCarouselWrapper .carousel {
width: 100%;
padding: 0;
margin-bottom: 0;
}
.portletCarouselWrapper div.scrollable {
width: 100%;
}
/* */
/* */
/* */

}