boyan_k/reValuate
boyan_k/reValuate
Archived
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Format CSS

Browse Source
This commit is contained in:
Velichko Karakostov 2021-08-31 13:27:38 +03:00
parent a6241563c7
commit 2e4f3efe7d
No known key found for this signature in database
GPG Key ID: D4463EC61D69232E
1 changed files with 108 additions and 115 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

29
reValuate/home/static/home/css/gallery.css
View File

@ -3,15 +3,18 @@
margin: auto;
text-align: center;
}
.popup img {
width: 200px;
height: 200px;
cursor: pointer;
}
.show {
z-index: 999;
display: none;
}
.show .overlay {
width: 100%;
height: 100%;
@ -20,6 +23,7 @@
top: 0;
left: 0;
}
.show .img-show {
width: 600px;
height: 400px;
@ -30,6 +34,7 @@
transform: translate(-50%,-50%);
overflow: hidden;
}
.img-show span {
position: absolute;
top: 10px;
@ -37,6 +42,7 @@
z-index: 99;
cursor: pointer;
}
.img-show img {
width: 100%;
height: 100%;
@ -108,27 +114,14 @@
transition: background-color 0.3s ease;
}
.img-box:hover img {
transform: scale(1.1);
}
.img-box:hover .transparent-box {
background-color:rgba(0, 0, 0, 0.5);
}
.img-box:hover img { transform: scale(1.1); }
.img-box:hover .transparent-box { background-color: rgba(0, 0, 0, 0.5); }
.img-box:hover .caption {
transform: translateY(-20px);
opacity: 1.0;
}
.img-box:hover {
cursor: pointer;
}
.caption > p:nth-child(2) {
font-size: 0.8em;
}
.opacity-low {
opacity: 0.5;
}
.img-box:hover { cursor: pointer; }
.caption > p:nth-child(2) { font-size: 0.8em; }
.opacity-low { opacity: 0.5; }