/* - carousel.css - */
@media screen {
/* https://old.fst.unife.it/interateneo/lm.filosofia/portal_css/carousel.css?original=1 */
/* */
/* */
/* */
/* */
/* */
.carousel {
position: relative;
z-index: 0;
padding: 0;
margin: 1em auto;
width: 100%;
height: 200px;
}
div.scrollable {
/* */
position:relative;
z-index: 1;
overflow:hidden;
width: 100%;
height:200px;
}
/* */
div.scrollable div.items {
/* */
width:20000em;
position:absolute;
}
/* */
.scrollable .items .tileItem {
float:left;
border: none;
padding: 0;
margin: 0;
}
/* */
div.scrollable div.items div.itemPadding {
margin: 1.5em 1em 2.2em;
}
/* */
.carousel img {
max-width: 100%;
}
/* */
/* */
/* */
/* */
a.browse {
position: absolute;
z-index: 2;
bottom: 0;
width:38px;
height:100%;
margin: 0;
cursor:pointer;
}
a.prev {
left: 0;
}
a.next {
right: 0;
}
a.browse span {
position: absolute;
overflow:hidden;
top: 50%;
margin-top: -11px;
margin-left: -5px;
left: 50%;
width: 0;
height: 0;
border-top: 11px solid transparent;
border-bottom: 11px solid transparent;
}
a.prev span {
border-right: 11px solid #F8F8F6;
}
a.next span {
border-left: 11px solid #F8F8F6;
}
/* */
a.disabled {
visibility:hidden !important;
}
/* */
/* */
div.navi {
height:38px;
text-align: center;
clear: left;
/* */
margin-top: -38px;
margin-left: 38px;
margin-right: 38px;
position: relative;
z-index: 2;
}
div.navi a {
height:7px;
margin:14px 3px 3px;
width:7px;
border: 1px solid #CCC;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
background: #F8F8F6;
display:inline-block;
font-size:1px;
}
div.navi a:hover {
background: #CCC;
cursor: pointer;
}
div.navi a.active {
background: #CCC;
}
/* */
/* */
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); /* */
}
.hideTools .toolBar {
display: none;
}
/* */
/* */
/* */
.portletCarouselWrapper {
border: none;
}
.portletCarouselWrapper .carousel {
width: 100%;
padding: 0;
margin-bottom: 0;
}
.portletCarouselWrapper div.scrollable {
width: 100%;
}
/* */
/* */

}