Update dev server
This commit is contained in:
Ferit Yiğit BALABAN
@@ -28,6 +28,11 @@
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
.araclar {
|
||||
text-align: center;
|
||||
font: 600 32px "Montserrat", sans-serif;
|
||||
}
|
||||
|
||||
.table {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
@@ -36,7 +41,6 @@
|
||||
margin-top: 10px;
|
||||
display: inline-flex;
|
||||
flex-direction: row;
|
||||
align-items: center;
|
||||
}
|
||||
.table .table-item p {
|
||||
font: x-large sans-serif;
|
||||
@@ -48,10 +52,16 @@
|
||||
}
|
||||
@media screen and (max-width: 850px) {
|
||||
.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 {
|
||||
align-self: center;
|
||||
margin-right: 20px;
|
||||
width: 150px;
|
||||
}
|
||||
@@ -73,35 +83,28 @@
|
||||
width: 100px;
|
||||
}
|
||||
}
|
||||
.table .table-item .vertical-separator {
|
||||
height: 120px;
|
||||
border: solid 1px #1d60b5;
|
||||
margin-right: 180px;
|
||||
.table .table-item hr {
|
||||
min-height: 100%;
|
||||
max-height: 100vh;
|
||||
width: 5px;
|
||||
background: #1d60b5;
|
||||
margin-right: 175px;
|
||||
}
|
||||
@media screen and (max-width: 1100px) {
|
||||
.table .table-item .vertical-separator {
|
||||
margin-right: 90px;
|
||||
.table .table-item hr {
|
||||
margin-right: 85px;
|
||||
}
|
||||
}
|
||||
@media screen and (max-width: 850px) {
|
||||
.table .table-item .vertical-separator {
|
||||
margin-right: 18px;
|
||||
.table .table-item hr {
|
||||
margin-right: 13px;
|
||||
}
|
||||
}
|
||||
@media screen and (max-width: 400px) {
|
||||
.table .table-item .vertical-separator {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
.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 hr {
|
||||
width: 120px;
|
||||
border: solid 1px #1d60b5;
|
||||
margin: 0 0 18px 0;
|
||||
}
|
||||
}
|
||||
.table .table-item:first-of-type {
|
||||
@@ -110,6 +113,7 @@
|
||||
@media screen and (max-width: 400px) {
|
||||
.table .table-item {
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
}
|
||||
}
|
||||
.table .reverse {
|
||||
@@ -129,20 +133,25 @@
|
||||
margin-left: 2px;
|
||||
}
|
||||
}
|
||||
.table .reverse .vertical-separator {
|
||||
.table .reverse hr {
|
||||
margin-right: 0;
|
||||
margin-left: 180px;
|
||||
}
|
||||
@media screen and (max-width: 1100px) {
|
||||
.table .reverse .vertical-separator {
|
||||
.table .reverse hr {
|
||||
margin-left: 90px;
|
||||
}
|
||||
}
|
||||
@media screen and (max-width: 850px) {
|
||||
.table .reverse .vertical-separator {
|
||||
.table .reverse hr {
|
||||
margin-left: 18px;
|
||||
}
|
||||
}
|
||||
@media screen and (max-width: 400px) {
|
||||
.table .reverse hr {
|
||||
margin: 0 0 18px 0;
|
||||
}
|
||||
}
|
||||
@media screen and (max-width: 400px) {
|
||||
.table .reverse {
|
||||
flex-direction: column;
|
||||
@@ -210,7 +219,10 @@
|
||||
font: 700 32px "Montserrat", sans-serif;
|
||||
margin: 30px 0;
|
||||
}
|
||||
.social .social-button {
|
||||
.social nav {
|
||||
display: flex;
|
||||
}
|
||||
.social nav .social-button {
|
||||
display: inline-block;
|
||||
height: 52px;
|
||||
width: auto;
|
||||
@@ -218,22 +230,22 @@
|
||||
border-radius: 50%;
|
||||
margin: 0 10px 0 0;
|
||||
}
|
||||
.social .social-button img {
|
||||
.social nav .social-button img {
|
||||
margin: 10px;
|
||||
height: 32px;
|
||||
width: 32px;
|
||||
}
|
||||
.social .social-button:hover {
|
||||
.social nav .social-button:hover {
|
||||
background-color: white;
|
||||
}
|
||||
.social .social-button:hover img {
|
||||
.social nav .social-button:hover img {
|
||||
filter: brightness(0) saturate(100%) invert(29%) sepia(52%) saturate(2311%) hue-rotate(197deg) brightness(87%) contrast(88%);
|
||||
}
|
||||
.social .social-button:last-of-type {
|
||||
.social nav .social-button:last-of-type {
|
||||
margin: 0;
|
||||
}
|
||||
@media screen and (max-width: 400px) {
|
||||
.social .social-button {
|
||||
.social nav .social-button {
|
||||
margin: 0 0 30px 0;
|
||||
}
|
||||
}
|
||||
@@ -246,6 +258,9 @@
|
||||
font-weight: 600;
|
||||
text-align: center;
|
||||
}
|
||||
.social nav .social-button {
|
||||
margin-right: 10px;
|
||||
}
|
||||
}
|
||||
|
||||
table {
|
||||
@@ -325,14 +340,6 @@ h1 {
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
a {
|
||||
text-decoration: none;
|
||||
color: #706fff;
|
||||
}
|
||||
a:hover {
|
||||
color: #01003B;
|
||||
}
|
||||
|
||||
#map {
|
||||
width: calc(100vw - (100vw - 100%));
|
||||
height: auto;
|
||||
@@ -347,24 +354,75 @@ a:hover {
|
||||
font: 500 24px "Montserrat", sans-serif;
|
||||
}
|
||||
#information .contact, #information .location {
|
||||
width: 100%;
|
||||
display: flex;
|
||||
flex: 1;
|
||||
flex-direction: column;
|
||||
align-items: flex-start;
|
||||
width: 50%;
|
||||
}
|
||||
#information .contact h1, #information .location h1 {
|
||||
font: 600 48px "Montserrat", sans-serif;
|
||||
}
|
||||
@media screen and (max-width: 1235px) {
|
||||
#information .contact h1, #information .location h1 {
|
||||
font-size: 40px;
|
||||
}
|
||||
}
|
||||
@media screen and (max-width: 1170px) {
|
||||
#information .contact h1, #information .location h1 {
|
||||
font-size: 48px;
|
||||
}
|
||||
}
|
||||
@media screen and (max-width: 490px) {
|
||||
#information .contact h1, #information .location h1 {
|
||||
font-size: 36px;
|
||||
}
|
||||
}
|
||||
#information .contact h2, #information .location h2 {
|
||||
font: 600 40px "Montserrat", sans-serif;
|
||||
margin: 0.5em 0 0 0;
|
||||
}
|
||||
@media screen and (max-width: 1235px) {
|
||||
#information .contact h2, #information .location h2 {
|
||||
font-size: 32px;
|
||||
}
|
||||
}
|
||||
@media screen and (max-width: 1170px) {
|
||||
#information .contact h2, #information .location h2 {
|
||||
font-size: 40px;
|
||||
}
|
||||
}
|
||||
@media screen and (max-width: 490px) {
|
||||
#information .contact h2, #information .location h2 {
|
||||
font-size: 28px;
|
||||
}
|
||||
}
|
||||
#information .contact h3, #information .location h3 {
|
||||
font: 600 32px "Montserrat", sans-serif;
|
||||
margin: 0.5em 0 0.25em 0;
|
||||
}
|
||||
@media screen and (max-width: 1235px) {
|
||||
#information .contact h3, #information .location h3 {
|
||||
font-size: 24px;
|
||||
}
|
||||
}
|
||||
@media screen and (max-width: 1170px) {
|
||||
#information .contact h3, #information .location h3 {
|
||||
font-size: 32px;
|
||||
}
|
||||
}
|
||||
@media screen and (max-width: 490px) {
|
||||
#information .contact h3, #information .location h3 {
|
||||
font-size: 18px;
|
||||
}
|
||||
}
|
||||
#information .contact {
|
||||
margin: 0 50px 0 0;
|
||||
margin: 0 2vw 0 0;
|
||||
}
|
||||
@media screen and (max-width: 1170px) {
|
||||
#information .contact {
|
||||
margin: 0 0 2vh 0;
|
||||
}
|
||||
}
|
||||
#information .click-call, #information .click-pm {
|
||||
margin: 0 0 0 1em;
|
||||
@@ -380,22 +438,46 @@ a:hover {
|
||||
width: -webkit-fill-available;
|
||||
border: solid 1px black;
|
||||
}
|
||||
@media screen and (max-width: 1170px) {
|
||||
#information {
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
font-size: 24px;
|
||||
}
|
||||
}
|
||||
@media screen and (max-width: 490px) {
|
||||
#information {
|
||||
font-size: 16px;
|
||||
}
|
||||
}
|
||||
|
||||
#video, #misyon, #vizyon, #hikaye, #yonetim {
|
||||
text-align: center;
|
||||
}
|
||||
#video h1, #misyon h1, #vizyon h1, #hikaye h1, #yonetim h1 {
|
||||
margin: 0 0 1em 0;
|
||||
font: 600 2.5vw "Montserrat", sans-serif;
|
||||
color: black;
|
||||
}
|
||||
#video p, #misyon p, #vizyon p, #hikaye p, #yonetim p {
|
||||
font: 500 1.25vw "Montserrat", sans-serif;
|
||||
}
|
||||
#video ul, #misyon ul, #vizyon ul, #hikaye ul, #yonetim ul {
|
||||
list-style-position: inside;
|
||||
font-size: 1vw;
|
||||
}
|
||||
|
||||
#video {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
color: white;
|
||||
background: linear-gradient(to left, #1d60b5, #3b8fff);
|
||||
}
|
||||
#video video {
|
||||
width: 100% !important;
|
||||
height: auto !important;
|
||||
}
|
||||
#video h1 {
|
||||
margin: 0 0 1em 0;
|
||||
font: 600 2.5vw "Montserrat", sans-serif;
|
||||
color: white;
|
||||
}
|
||||
|
||||
.sec-links-to-documents {
|
||||
display: flex;
|
||||
@@ -442,6 +524,37 @@ a:hover {
|
||||
}
|
||||
}
|
||||
|
||||
#fullscreen {
|
||||
display: none;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
width: 99vw;
|
||||
height: 100vh;
|
||||
}
|
||||
#fullscreen #fullscreen-img {
|
||||
max-width: 100%;
|
||||
max-height: 100vh;
|
||||
object-fit: cover;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.gallery {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
flex-wrap: wrap;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
}
|
||||
.gallery .photo {
|
||||
margin: 1vh 1vw;
|
||||
width: 25%;
|
||||
height: 25%;
|
||||
cursor: pointer;
|
||||
}
|
||||
.gallery .photo:hover {
|
||||
filter: brightness(1.3);
|
||||
}
|
||||
|
||||
#header {
|
||||
background: #FDFFFF;
|
||||
padding: 0 150px;
|
||||
@@ -515,14 +628,14 @@ a:hover {
|
||||
#header #toggle {
|
||||
display: none;
|
||||
}
|
||||
#header .dropdown-toggle {
|
||||
#header #toggle-label {
|
||||
margin: 0;
|
||||
width: 36px;
|
||||
height: 36px;
|
||||
position: relative;
|
||||
cursor: pointer;
|
||||
}
|
||||
#header .dropdown-toggle .bar {
|
||||
#header #toggle-label .bar {
|
||||
padding: 0;
|
||||
width: 36px;
|
||||
height: 4px;
|
||||
@@ -532,18 +645,18 @@ a:hover {
|
||||
transition: all 0.4s ease-in-out;
|
||||
position: absolute;
|
||||
}
|
||||
#header .dropdown-toggle .bar1 {
|
||||
#header #toggle-label .bar1 {
|
||||
transform-origin: 5%;
|
||||
}
|
||||
#header .dropdown-toggle .bar4 {
|
||||
#header #toggle-label .bar4 {
|
||||
transform-origin: 5%;
|
||||
}
|
||||
@media screen and (max-width: 850px) {
|
||||
#header .dropdown-toggle {
|
||||
#header #toggle-label {
|
||||
width: 28px;
|
||||
height: 28px;
|
||||
}
|
||||
#header .dropdown-toggle .bar {
|
||||
#header #toggle-label .bar {
|
||||
width: 28px;
|
||||
}
|
||||
}
|
||||
@@ -566,33 +679,33 @@ a:hover {
|
||||
#header .bar4 {
|
||||
bottom: 0;
|
||||
}
|
||||
#header .toggle:checked + label > .dropdown-toggle > .bar1 {
|
||||
#header #toggle:checked + #toggle-label > .bar1 {
|
||||
transform: rotate(45deg);
|
||||
height: 3px;
|
||||
width: 50px;
|
||||
}
|
||||
@media screen and (max-width: 850px) {
|
||||
#header .toggle:checked + label > .dropdown-toggle > .bar1 {
|
||||
#header #toggle:checked + #toggle-label > .bar1 {
|
||||
width: 39px;
|
||||
}
|
||||
}
|
||||
#header .toggle:checked + label > .dropdown-toggle > .bar3 {
|
||||
#header #toggle:checked + #toggle-label > .bar3 {
|
||||
transform: rotate(45deg);
|
||||
height: 3px;
|
||||
background-color: transparent;
|
||||
}
|
||||
#header .toggle:checked + label > .dropdown-toggle > .bar2 {
|
||||
#header #toggle:checked + #toggle-label > .bar2 {
|
||||
transform: rotate(-45deg);
|
||||
height: 3px;
|
||||
background-color: transparent;
|
||||
}
|
||||
#header .toggle:checked + label > .dropdown-toggle > .bar4 {
|
||||
#header #toggle:checked + #toggle-label > .bar4 {
|
||||
transform: rotate(-45deg);
|
||||
height: 3px;
|
||||
width: 50px;
|
||||
}
|
||||
@media screen and (max-width: 850px) {
|
||||
#header .toggle:checked + label > .dropdown-toggle > .bar4 {
|
||||
#header #toggle:checked + #toggle-label > .bar4 {
|
||||
width: 39px;
|
||||
}
|
||||
}
|
||||
@@ -695,6 +808,17 @@ html, body {
|
||||
font-family: sans-serif;
|
||||
}
|
||||
|
||||
a {
|
||||
text-decoration: none;
|
||||
color: #706fff;
|
||||
}
|
||||
a:hover {
|
||||
color: #01003B;
|
||||
}
|
||||
a:active {
|
||||
font-style: italic;
|
||||
}
|
||||
|
||||
.content-spacing {
|
||||
padding: 100px 200px;
|
||||
}
|
||||
@@ -931,16 +1055,18 @@ html, body {
|
||||
width: 100%;
|
||||
filter: invert(100%);
|
||||
}
|
||||
#scroll-to-top:hover {
|
||||
width: 60px;
|
||||
height: 60px;
|
||||
right: 20px;
|
||||
bottom: 50px;
|
||||
transition: 250ms cubic-bezier(0.51, 1.27, 0.18, 0.96);
|
||||
}
|
||||
#scroll-to-top:hover img {
|
||||
transform: translateY(-5px);
|
||||
transition: 250ms cubic-bezier(0.51, 1.27, 0.18, 0.96);
|
||||
@media (hover: hover) and (pointer: fine) {
|
||||
#scroll-to-top:hover {
|
||||
width: 60px;
|
||||
height: 60px;
|
||||
right: 20px;
|
||||
bottom: 50px;
|
||||
transition: 250ms cubic-bezier(0.51, 1.27, 0.18, 0.96);
|
||||
}
|
||||
#scroll-to-top:hover img {
|
||||
transform: translateY(-5px);
|
||||
transition: 250ms cubic-bezier(0.51, 1.27, 0.18, 0.96);
|
||||
}
|
||||
}
|
||||
|
||||
#footer {
|
||||
|
||||
Reference in New Issue
Block a user