편집파일

/widgets/webcon_carousel/skins/carousel_style/css/normal.css

by 꽃지닷컴 posted Dec 06, 2017
?

단축키

Prev이전 문서

Next다음 문서

ESC닫기

크게 작게 위로 아래로 댓글로 가기 인쇄
.carouselListContainer{background:#fff; padding: 0px;}
#carousel { position:relative; width:100%; display:block; padding:0px 0px 0px 0px;  }
#carousel ul {margin:0 auto;padding: 0;list-style: none;display: block;background:#fff;}
#carousel li {color: #999;text-align: center;background-color: #fff;border: 1px solid #d9d2c5;padding: 0;padding: 0px;margin:5px;display: block;float: left;}
#carousel li .contentbox {position:relative;width:100%;height:100%;}
#carousel li .contentbox .carousel_thumbnail{width:100%;height:100%;}
#carousel li .contentbox .carousel_thumbnail a:hover img{-webkit-transition: opacity 0.9s ease-in-out;-moz-transition: opacity 0.2s ease-in-out;-o-transition: opacity 0.2s ease-in-out;-ms-transition: opacity 0.2s ease-in-out;transition: opacity 0.5s ease-in-out; opacity:.6;}

#carousel li .contentbox .content_info{ position:relative; height:50px; top:-50px;}
#carousel li .contentbox .info_bg { position:relative; background:#383333; height:50px;  opacity:.5}
#carousel li .contentbox .title{ position:relative; color:#fff; margin:5px; font-size:12px;top:-50px; text-align:left;}
#carousel li .contentbox .regdate{ position:relative; color:#fff; margin:5px; font-size:10px;top:-50px; text-align:right;}
#carousel li .contentbox .author{ position:relative; color:#fff; margin:5px; font-size:10px;top:-100px; text-align:right;}

.carousel_prev{position: absolute;z-index: 11;left:0;border-left:0;top: 50%;width: 20px;height: 20px;margin-top: -18px;padding: 5px;background: #0e76bc;-webkit-border-top-right-radius: 5px;  border-top-right-radius: 5px;-webkit-border-bottom-right-radius: 5px;  border-bottom-right-radius: 5px;}
.carousel_next{position: absolute;z-index: 11;right:0;border-right:0;top: 50%;width: 20px;height: 20px;margin-top: -18px;padding: 5px;background: #0e76bc;-webkit-border-top-left-radius: 5px;  border-top-left-radius: 5px;-webkit-border-bottom-left-radius: 5px;  border-bottom-left-radius: 5px;}
.carousel_prev:hover{padding-left:20px;opacity:.5}
.carousel_next:hover{padding-right:20px;opacity:.5}
.carousel_prev span {margin:0 auto;display:block;width:16px;height:16px;background:url('../images/prev.png');background-position:left center;}
.carousel_next span {margin:0  auto;display:block;width:16px;height:16px;background:url('../images/next.png');background-position:right center;}
.browser_title{position:absolute;right:0px;top:0px;padding:3px; border:1px solid #fff;background:#ea3293; border-radius:1px;-webkit-border-radius:1px; line-height:16px;}