fyb/ugurgaleri
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update dev server

Browse Source
This commit is contained in:
Ferit Yiğit BALABAN
2022-08-08 16:50:25 +03:00
parent 3034ad712c
commit 42b2286280
1 changed files with 9 additions and 26 deletions
Download Patch File Download Diff File Expand all files Collapse all files

35
resources/styles/main.css
View File

@@ -1,7 +1,4 @@
@import url("https://fonts.googleapis.com/css2?family=Montserrat:wght@500&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Montserrat:wght@600&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Montserrat:wght@700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Oswald:wght@600&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Montserrat:wght@500;600;700&family=Oswald:wght@600&display=swap");
@keyframes fullscreen-image-appear {
from {
opacity: 0;
@@ -80,23 +77,23 @@
}
}
.slideshow li:nth-child(1) span {
background-image: url("../img/galeri/9761.jpg");
background-image: url("../img/galeri/9761.webp");
background-position-y: 50%;
}
.slideshow li:nth-child(2) span {
background-image: url("../img/galeri/7925.jpg");
background-image: url("../img/galeri/7925.webp");
animation-delay: 6s;
}
.slideshow li:nth-child(3) span {
background-image: url("../img/galeri/0414.jpg");
background-image: url("../img/galeri/0414.webp");
animation-delay: 12s;
}
.slideshow li:nth-child(4) span {
background-image: url("../img/galeri/7815.jpg");
background-image: url("../img/galeri/7815.webp");
animation-delay: 18s;
}
.slideshow li:nth-child(5) span {
background-image: url("../img/galeri/0429.jpg");
background-image: url("../img/galeri/0429.webp");
animation-delay: 24s;
}
@@ -130,21 +127,21 @@
display: inline-flex;
flex-direction: row;
}
.table .table-item picture {
place-self: center;
}
.table .table-item img {
align-self: center;
margin-right: 20px;
width: 150px;
}
@media screen and (max-width: 1100px) {
.table .table-item img {
margin-right: 10px;
width: 100px;
}
}
@media screen and (max-width: 850px) {
.table .table-item img {
margin-right: 2px;
width: 60px;
}
}
@media screen and (max-width: 400px) {
@@ -231,20 +228,6 @@
width: 100px;
}
}
.table .square img {
height: 150px;
width: auto;
}
@media screen and (max-width: 1100px) {
.table .square img {
height: 100px;
}
}
@media screen and (max-width: 850px) {
.table .square img {
height: 60px;
}
}
@media screen and (max-width: 400px) {
.table .square img {
height: 100px;