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-07-19 19:54:28 +03:00
parent dede362538
commit 40b401478c
1 changed files with 14 additions and 16 deletions
Download Patch File Download Diff File Expand all files Collapse all files

30
resources/styles/main.css
View File

@@ -258,7 +258,7 @@ table {
} }
td { td {
padding: 1em; padding: 1vw;
border: solid 1px black; border: solid 1px black;
} }
@@ -267,7 +267,7 @@ td {
flex-direction: row; flex-direction: row;
background: linear-gradient(to left, #1d60b5, #3b8fff); background: linear-gradient(to left, #1d60b5, #3b8fff);
} }
.documents a { .documents .document {
margin: 0 5vw 0 0; margin: 0 5vw 0 0;
padding: 1vh 1vw; padding: 1vh 1vw;
flex: 1; flex: 1;
@@ -276,51 +276,48 @@ td {
text-align: center; text-align: center;
border-radius: 20px; border-radius: 20px;
} }
.documents a:last-of-type { .documents .document:last-of-type {
margin: 0; margin: 0;
} }
.documents a:hover { .documents .document:hover {
background-color: rgba(255, 255, 255, 0.75); background-color: rgba(255, 255, 255, 0.75);
transition: 250ms cubic-bezier(0.4, 0, 1, 1); transition: 250ms cubic-bezier(0.4, 0, 1, 1);
} }
.documents a:hover img { .documents .document:hover img {
filter: brightness(0) saturate(100%) invert(15%) sepia(90%) saturate(2506%) hue-rotate(220deg) brightness(96%) contrast(90%); filter: brightness(0) saturate(100%) invert(15%) sepia(90%) saturate(2506%) hue-rotate(220deg) brightness(96%) contrast(90%);
} }
.documents a:hover h1 { .documents .document:hover h1 {
color: #1d409d; color: #1d409d;
} }
.documents a img { .documents .document img {
margin: 0 0 2.5vh 0; margin: 0 0 2.5vh 0;
height: 100px; height: 100px;
} }
.documents a h1 { .documents .document h1 {
color: white; color: white;
font: 600 18px Montserrat, sans-serif; font: 600 18px Montserrat, sans-serif;
} }
@media screen and (max-width: 1515px) { @media screen and (max-width: 1515px) {
.documents a { .documents .document {
display: inline-flex; display: inline-flex;
align-items: center; align-items: center;
margin: 0 0 4.5vh 0; margin: 0 0 4.5vh 0;
} }
.documents a:last-of-type { .documents .document:last-of-type {
margin: 0; margin: 0;
} }
.documents a img { .documents .document img {
margin: 0 2.5vw 0 0; margin: 0 2.5vw 0 0;
} }
.documents a h1 { .documents .document h1 {
text-align: left; text-align: left;
} }
} }
@media screen and (max-width: 420px) { @media screen and (max-width: 420px) {
.documents a img { .documents .document img {
width: 50px; width: 50px;
margin: 0 2vw 0 0; margin: 0 2vw 0 0;
} }
.documents a h1 {
font: 500 12px Montserrat, sans-serif;
}
} }
@media screen and (max-width: 1515px) { @media screen and (max-width: 1515px) {
.documents { .documents {
@@ -611,6 +608,7 @@ html, body {
padding: 0; padding: 0;
background-color: #364040; background-color: #364040;
scroll-behavior: smooth; scroll-behavior: smooth;
font-family: sans-serif;
} }
.content-spacing { .content-spacing {