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-23 00:44:14 +03:00
parent 4483b14c87
commit 9804825327
1 changed files with 35 additions and 26 deletions
Download Patch File Download Diff File Expand all files Collapse all files

61
resources/styles/main.css
View File

@@ -28,6 +28,11 @@
opacity: 1; opacity: 1;
} }
} }
.araclar {
text-align: center;
font: 600 32px "Montserrat", sans-serif;
}
.table { .table {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
@@ -36,7 +41,6 @@
margin-top: 10px; margin-top: 10px;
display: inline-flex; display: inline-flex;
flex-direction: row; flex-direction: row;
align-items: center;
} }
.table .table-item p { .table .table-item p {
font: x-large sans-serif; font: x-large sans-serif;
@@ -48,10 +52,16 @@
} }
@media screen and (max-width: 850px) { @media screen and (max-width: 850px) {
.table .table-item p { .table .table-item p {
font-size: xx-small; font-size: 18px;
}
}
@media screen and (max-width: 400px) {
.table .table-item p {
font-size: 16px;
} }
} }
.table .table-item img { .table .table-item img {
align-self: center;
margin-right: 20px; margin-right: 20px;
width: 150px; width: 150px;
} }
@@ -73,35 +83,28 @@
width: 100px; width: 100px;
} }
} }
.table .table-item .vertical-separator { .table .table-item hr {
height: 120px; min-height: 100%;
border: solid 1px #1d60b5; max-height: 100vh;
margin-right: 180px; width: 5px;
background: #1d60b5;
margin-right: 175px;
} }
@media screen and (max-width: 1100px) { @media screen and (max-width: 1100px) {
.table .table-item .vertical-separator { .table .table-item hr {
margin-right: 90px; margin-right: 85px;
} }
} }
@media screen and (max-width: 850px) { @media screen and (max-width: 850px) {
.table .table-item .vertical-separator { .table .table-item hr {
margin-right: 18px; margin-right: 13px;
} }
} }
@media screen and (max-width: 400px) { @media screen and (max-width: 400px) {
.table .table-item .vertical-separator { .table .table-item hr {
display: none; width: 120px;
} border: solid 1px #1d60b5;
} margin: 0 0 18px 0;
.table .table-item .horizontal-separator {
display: none;
width: 120px;
border: solid 1px #1d60b5;
margin: 0 0 18px 0;
}
@media screen and (max-width: 400px) {
.table .table-item .horizontal-separator {
display: block;
} }
} }
.table .table-item:first-of-type { .table .table-item:first-of-type {
@@ -110,6 +113,7 @@
@media screen and (max-width: 400px) { @media screen and (max-width: 400px) {
.table .table-item { .table .table-item {
flex-direction: column; flex-direction: column;
align-items: center;
} }
} }
.table .reverse { .table .reverse {
@@ -129,20 +133,25 @@
margin-left: 2px; margin-left: 2px;
} }
} }
.table .reverse .vertical-separator { .table .reverse hr {
margin-right: 0; margin-right: 0;
margin-left: 180px; margin-left: 180px;
} }
@media screen and (max-width: 1100px) { @media screen and (max-width: 1100px) {
.table .reverse .vertical-separator { .table .reverse hr {
margin-left: 90px; margin-left: 90px;
} }
} }
@media screen and (max-width: 850px) { @media screen and (max-width: 850px) {
.table .reverse .vertical-separator { .table .reverse hr {
margin-left: 18px; margin-left: 18px;
} }
} }
@media screen and (max-width: 400px) {
.table .reverse hr {
margin: 0 0 18px 0;
}
}
@media screen and (max-width: 400px) { @media screen and (max-width: 400px) {
.table .reverse { .table .reverse {
flex-direction: column; flex-direction: column;