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