관리-도구
편집 파일: gallery_style.css
.imggallery { width:100%; border:3px solid #000; } .gallery-title { font-size:1.4em; font-weight:bold; padding-top:1.5em; } .img-grid { padding:.5em!important; } .gallery-row { padding-bottom:2em; } .home-video { float:left!important; margin-right:25px!important; } .hovereffect { width:100%; height:100%; float:left; overflow:hidden; position:relative; text-align:center; cursor:default; } .hovereffect .overlay { width:100%; height:100%; position:absolute; overflow:hidden; top:0; left:0; opacity:0; /* background-color:rgba(0,0,0,0.5); */ -webkit-transition:all .4s ease-in-out; transition:all .4s ease-in-out } .hovereffect img { display:block; position:relative; -webkit-transition:all .4s linear; transition:all .4s linear; } .hovereffect a.info { text-decoration:none; display:inline-block; text-transform:uppercase; color:#fff; border:1px solid #fff; background-color:transparent; opacity:0; filter:alpha(opacity=0); -webkit-transition:all .2s ease-in-out; transition:all .2s ease-in-out; margin:50px 0 0; padding:7px 14px; } .hovereffect a.info:hover { box-shadow:0 0 5px #fff; } .hovereffect:hover img { -ms-transform:scale(1.2); -webkit-transform:scale(1.2); transform:scale(1.2); opacity:1; } .hovereffect:hover .overlay { opacity:1; filter:alpha(opacity=100); } .hovereffect:hover h2,.hovereffect:hover a.info { opacity:1; filter:alpha(opacity=100); -ms-transform:translatey(0); -webkit-transform:translatey(0); transform:translatey(0); } .hovereffect:hover a.info { -webkit-transition-delay:.2s; transition-delay:.2s; }