diff --git a/common/css/gallery.css b/common/css/gallery.css deleted file mode 100644 index a30d3cf..0000000 --- a/common/css/gallery.css +++ /dev/null @@ -1,79 +0,0 @@ - /* Style the Image Used to Trigger the Modal */ -#myImg { - border-radius: 5px; - cursor: pointer; - transition: 0.3s; -} - -img:hover {opacity: 0.7;} - -/* The Modal (background) */ -.modal_gal { - display: none; /* Hidden by default */ - position: fixed; /* Stay in place */ - z-index: 1; /* Sit on top */ - padding-top: 100px; /* Location of the box */ - left: 0; - top: 0; - width: 100%; /* Full width */ - height: 100%; /* Full height */ - overflow: auto; /* Enable scroll if needed */ - background-color: rgb(0,0,0); /* Fallback color */ - background-color: rgba(0,0,0,0.9); /* Black w/ opacity */ -} - -/* Modal Content (Image) */ -.gallery_img { - margin: auto; - display: block; - width: 80%; - max-width: 700px; -} - -/* Caption of Modal Image (Image Text) - Same Width as the Image */ -#modal_img_caption { - margin: auto; - display: block; - width: 80%; - max-width: 700px; - text-align: center; - color: #ccc; - padding: 10px 0; - height: 150px; -} - -/* Add Animation - Zoom in the Modal */ -.gallery_img, #caption { - animation-name: zoom; - animation-duration: 0.6s; -} - -@keyframes zoom { - from {transform:scale(0)} - to {transform:scale(1)} -} - -/* The Close Button */ -.close_modal { - position: absolute; - top: 15px; - right: 35px; - color: #00cc00; - font-size: 40px; - font-weight: bold; - transition: 0.3s; -} - -.close_modal:hover, -.close_modal:focus { - color: #bbb; - text-decoration: none; - cursor: pointer; -} - -/* 100% Image Width on Smaller Screens */ -@media only screen and (max-width: 700px){ - .gallery_img { - width: 100%; - } -}