Specto fixes #9

Merged
confestim merged 7 commits from specto-fixes into main 2021-09-10 16:35:54 +02:00
2 changed files with 22 additions and 27 deletions
Showing only changes of commit a1e8c902e2 - Show all commits

View File

@ -1,12 +1,12 @@
.popup{
width: 900px;
margin: auto;
text-align: center
text-align: center;
}
.popup img{
width: 200px;
height: 200px;
cursor: pointer
cursor: pointer;
}
.show{
z-index: 999;
@ -28,7 +28,7 @@
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
overflow: hidden
overflow: hidden;
}
.img-show span{
position: absolute;
@ -50,12 +50,12 @@
margin: 0;
padding: 0;
}
body {
font-family: Raleway;
background-color: #202125;
}
.heading {
text-align: center;
font-size: 2.0em;
@ -63,21 +63,21 @@
padding: 40px;
color: white;
}
.gallery-image {
padding: 20px;
display: flex;
flex-wrap: wrap;
justify-content: center;
}
.gallery-image img {
height: 250px;
width: 350px;
transform: scale(1.0);
transition: transform 0.4s ease;
}
.img-box {
box-sizing: content-box;
margin: 10px;
@ -89,7 +89,7 @@
position: relative;
background-color: white;
}
.caption {
position: absolute;
bottom: 5px;
@ -97,7 +97,7 @@
opacity: 0.0;
transition: transform 0.3s ease, opacity 0.3s ease;
}
.transparent-box {
height: 250px;
width: 350px;
@ -107,28 +107,28 @@
left: 0;
transition: background-color 0.3s ease;
}
.img-box:hover img {
.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;
}

View File

@ -11,10 +11,10 @@
background: white;
-moz-box-shadow: 0 0 20px #469330;
-webkit-box-shadow: 0 0 20px #469330;
box-shadow: 0 0 20px #469330;
box-shadow: 0 0 20px #469330;
text-align: center;
border-radius: 25px;
}
}
header {
display: flex;
justify-content: space-between;
@ -138,21 +138,16 @@ header {
.menu {
display: initial;
}
}
html{
font-family: Arial, Helvetica, sans-serif;
}
p {
font-family: Arial, Helvetica, sans-serif;
margin: 0 0 30px 0;
margin: 0 0 30px 0;
}
h1.heading{
@ -167,7 +162,7 @@ ul.emoji{
.question{
color: gray;
font-size:20px;
font-size: 20px;
}
ul.nothing{
@ -178,7 +173,7 @@ a.footer{
/* background:radial-gradient(circle, rgba(0,159,12,1) 0%, rgba(8,96,0,1) 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent; */
color:lightgreen;
color: lightgreen;
}
footer{
font-size: small;