Loga imprez i plakaty
tu pokaże ile tego tu jest
/* Image Box Style */
#mainwrapper .box {
border: 5px solid #fff;
cursor: pointer;
/*height: 182px; */
/*width: 200px;*/
float: left;
/*display:inline-block;*/
margin: 5px;
position: relative;
overflow: hidden;
/*-webkit-box-shadow: 1px 1px 1px 1px #ccc;
-moz-box-shadow: 1px 1px 1px 1px #ccc;
box-shadow: 1px 1px 1px 1px #ccc; */
}
#mainwrapper .box img {
position: absolute;
left: 0;
-webkit-transition: all 300ms ease-out;
-moz-transition: all 300ms ease-out;
-o-transition: all 300ms ease-out;
-ms-transition: all 300ms ease-out;
transition: all 300ms ease-out;
}
/* Caption Common Style */
#mainwrapper .box .caption {
/*background-color: rgba(0,0,0,0.8);*/
background-color: rgba(30,2,2,0.8);
position: absolute;
color: #fff;
z-index: 100;
-webkit-transition: all 300ms ease-out;
-moz-transition: all 300ms ease-out;
-o-transition: all 300ms ease-out;
-ms-transition: all 300ms ease-out;
transition: all 300ms ease-out;
left: 0;
}
/** Fade Caption**/
#mainwrapper .box .fade-caption, #mainwrapper .box .scale-caption {
opacity: 0;
font-size:7pt;
text-align: left;
padding: 3px;
}
/** Fade Caption :hover Behaviour **/
#mainwrapper .box:hover .fade-caption, #mainwrapper .box:hover .scale-caption {
opacity: 1;
}
/*
#mainwrapper .box:hover img {
-moz-transform: translateY(-100%);
-o-transform: translateY(-100%);
-webkit-transform: translateY(-100%);
transform: translateY(-100%);
opacity: 1;
} */