Note: After publishing, you may have to bypass your browser's cache to see the changes.
- Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
- Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
- Internet Explorer / Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5
- Opera: Press Ctrl-F5.
/* For Template:Carousel */
.jcarousel {
position: relative;
overflow: hidden;
}
.jcarousel-wrapper {
margin: 0;
position: relative;
}
.jcarousel .jcarousel-list {
position: relative;
margin: 0;
padding: 0;
}
.jcarousel .jcarousel-item {
float: left;
}
.jcarousel-item img {
display: block;
max-width: 100%;
height: auto;
}
.jcarousel-item {
position:relative;
}
.jcarousel-control-prev,
.jcarousel-control-next {
position: absolute;
top: calc(50% - 45px);
width: 50px;
height: 100px;
text-align: center;
background: none;
color: none;
text-decoration: none;
text-shadow: 0 0 1px #000;
font: 24px/27px Arial, sans-serif;
opacity:.5;
-moz-transition: all .2s ease-in;
-o-transition: all .2s ease-in;
-webkit-transition: all .2s ease-in;
transition: all .2s ease-in;
}
.jcarousel-control-prev:hover,
.jcarousel-control-next:hover {
opacity:1;
}
.jcarousel-control-prev {
left: 10px;
}
.jcarousel-control-next {
right: 10px;
}
.jcarousel-control-prev:hover span,
.jcarousel-control-next:hover span {
display: block;
}
.jcarousel-control-prev.inactive,
.jcarousel-control-next.inactive {
opacity: .5;
cursor: default;
}
.jcarousel-pagination {
position: absolute;
bottom: 10px;
left: 15px;
}
.jcarousel-pagination a {
text-decoration: none;
display: inline-block;
font-size: 11px;
line-height: 14px;
min-width: 14px;
background: #eee;
color: rgb(3,126,226);
border-radius: 14px;
padding: 3px;
text-align: center;
margin-right: 2px;
}
.jcarousel-pagination a.active {
background: rgb(3,126,226);
color: #eee;
opacity: 1;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.75);
}