.active,.demo:hover {
opacity:1;
}
.caption-container {
text-align:center;
background:#000;
padding:2px 16px;
color:white;
}
.close {
color:white;
position:absolute;
top:10px;
right:25px;
font-size:35px;
font-weight:bold;
}
.close:hover,.close:focus {
color:#999;
text-decoration:none;
cursor:pointer;
}
.column { /* making four columns equal widths to float next to one another */
float:left;
width:22%;
}
.demo {
opacity:0.6;
}
.hover-shadow {
transition:0.3s;
width:200px;
}
.hover-shadow:hover {
box-shadow:0 4px 8px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19)
}
.modal {
display:none;
position:fixed;
z-index:1;
padding-top:100px;
left:0;
top:0;
width:100%;
height:100%;
overflow:auto;
background:#000;
}
.modal-content {
position:relative;
background:#FEFEFE;
margin:auto;
padding:0;
max-width:1000px;
}
.mySlides {
display:none;
height:800px;
width:1200px;
background:#000;
}
.numbertext {
color:#F2F2F2;
font-size:12px;
padding:8px 12px;
position:absolute;
top:0;
}
.photo {
max-width:1000px;
max-height:750px;
}
.row > .column {
padding:0px 8px;
}
.row:after {
content:"";
display:table;
clear:both;
}
.thumb {
width:200px;
margin-left:10px;
margin-right:10px;
}
Comments