/* - ++resource++collective.carousel/carousel.css - */
@media screen {
/* https://cmrc.info/portal_css/++resource++collective.carousel/carousel.css?original=1 */
/* */
/* */
.collective.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 {
position: relative;
margin: 1.5em 1em 2.2em;
}
/* */
.collective.carousel img {
max-width: 100%;
}
/* */
/* */
.collective.carousel:hover a.browse {
display: block;
}
a.browse {
display: none;
position: absolute;
z-index: 2;
bottom: 0;
width:25%;
height:100%;
margin: 0;
cursor:pointer;
}
a.prev {
left: 0;
}
a.next {
right: 0;
}
a.browse span {
position:absolute;
top: 50%;
margin-top: -10px;
display: block;
width: 13px;
height: 20px;
border-radius: 20px;
color: transparent;
background-color: #222;
font-size: 1.4em;
font-weight: bold;
padding: 0 0 0 7px
}
a.browse:hover span {
background-color:lightgrey;
}
a.browse:hover span:before {
color:#222;
}
a.prev span {
left: 1.5em;
}
a.next span {
right: 1.5em;
}
a.prev span:before {
color: lightgrey;
content: '\2039';
}
a.next span:before {
color: lightgrey;
content: '\203a';
}
/* */
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 grey;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
background: white;
display:inline-block;
font-size:1px;
}
div.navi a:hover {
border-color: #222;
background: #222;
cursor: pointer;
}
div.navi a.active {
border-color: #222;
background: #222;
}
/* */
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 .collective.carousel {
width: 100%;
padding: 0;
margin-bottom: 0;
}
.portletCarouselWrapper div.scrollable {
width: 100%;
}

}