HTML icon

javascript lightbox css

HTML | PRO | 05/14/18 01:43:00 PM UTC | 0 ⭐ | 443 👁️ | Never ⏰ | []
CSS |

1.39 KB

|

None

|

0 👍

/

0 👎

.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