115 lines
1.9 KiB
CSS
115 lines
1.9 KiB
CSS
:root {
|
|
--renk-mavi: rgb(0, 58, 216);
|
|
--renk-acik-mavi: #87aadeff;
|
|
--renk-kutu-rengi: #1c1f24ff;
|
|
--renk-mor: #aa87deff;
|
|
--renk-soluk: rgba(255, 255, 255, .7);
|
|
}
|
|
|
|
body {
|
|
margin: 0 6px !important;
|
|
padding: 0;
|
|
background: black;
|
|
color: white;
|
|
font-family: Poppins, system-ui, sans-serif;
|
|
}
|
|
|
|
body * {
|
|
margin: 0 !important;
|
|
padding: 0;
|
|
}
|
|
|
|
#ana-kutucuk {
|
|
min-width: 100%;
|
|
}
|
|
|
|
#site-basligi {
|
|
font-size: 18pt;
|
|
min-width: 100%;
|
|
height: 200px;
|
|
text-align: center;
|
|
justify-content: center;
|
|
align-items: center;
|
|
display: flex;
|
|
}
|
|
|
|
.row {
|
|
background: var(--renk-kutu-rengi);
|
|
padding: 50px;
|
|
border-radius: 64px;
|
|
font-weight: 500;
|
|
margin-bottom: 10px !important;
|
|
|
|
}
|
|
|
|
.baslik {
|
|
font-size: 40pt;
|
|
}
|
|
|
|
.baslik.kucuk {
|
|
font-size: 17pt;
|
|
padding: 0 !important;
|
|
}
|
|
.baslik.kucuk.solgun {
|
|
color: var(--renk-soluk);
|
|
}
|
|
.baslik.kucuk.mavi {
|
|
color: var(--renk-acik-mavi);
|
|
}
|
|
|
|
.row.mavi {
|
|
background: var(--renk-mavi);
|
|
}
|
|
|
|
.alticizili {
|
|
text-decoration: underline var(--renk-soluk);
|
|
}
|
|
|
|
.navigation-gird {
|
|
display: flex;
|
|
}
|
|
|
|
.navigation-gird.other {
|
|
display: flex;
|
|
flex: 50%;
|
|
flex-direction: column;
|
|
margin-left: 10px !important;
|
|
}
|
|
.navigation-gird.other * {
|
|
margin-bottom: 10px;
|
|
}
|
|
|
|
.navigation-gird .row.extended {
|
|
flex: 50%;
|
|
}
|
|
|
|
.row.clicktable:hover {
|
|
transform: scale(0.97);
|
|
}
|
|
|
|
@media only screen and (max-width: 800px) {
|
|
.baslik {
|
|
font-size: 30pt;
|
|
}
|
|
.navigation-gird {
|
|
flex-direction: column;
|
|
}
|
|
.navigation-gird.other {
|
|
margin-left: 0 !important;
|
|
}
|
|
}
|
|
|
|
@media only screen and (max-width: 320px) {
|
|
.baslik {
|
|
font-size: 20pt;
|
|
}
|
|
.baslik.baslik.kucuk {
|
|
font-size: 15pt;
|
|
}
|
|
.navigation-gird {
|
|
flex-direction: column;
|
|
}
|
|
.navigation-gird.other {
|
|
margin-left: 0 !important;
|
|
}
|
|
} |