Template:Main Page/styles.css: Difference between revisions
Created page with ".sa-mainpage { font-family: "Segoe UI", Arial, sans-serif; max-width: 1100px; margin: auto; padding: 20px; color: #222; } .sa-welcome-box { background: linear-gradient(120deg, #fbe4e4, #fff8f0); border-left: 6px solid #f36f6f; padding: 25px 30px; margin-bottom: 40px; border-radius: 10px; box-shadow: 0 4px 12px rgba(0,0,0,0.08); } .sa-welcome-box h1 { font-size: 2em; margin-bottom: 10px; } .sa-welcome-box p { font-size: 1.1em; line-height:..." |
No edit summary |
||
| Line 1: | Line 1: | ||
/* Genel ana sayfa stili */ | |||
.sa-mainpage { | .sa-mainpage { | ||
font-family: "Segoe UI", | max-width: 1200px; | ||
margin: 0 auto; | |||
font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif; | |||
color: #202122; | |||
line-height: 1.6; | |||
padding: 20px; | padding: 20px; | ||
color: # | display: flex; | ||
flex-wrap: wrap; | |||
gap: 20px; | |||
box-sizing: border-box; | |||
background-color: #f9f9f9; | |||
} | } | ||
. | /* Ortak kutu stili (Wikipedia style) */ | ||
background: | .mp-box { | ||
border | background-color: #ffffff; | ||
border: 1px solid #a2a9b1; | |||
border-radius: 4px; | |||
padding: 15px; | |||
box-shadow: 0 | box-shadow: 0 2px 5px rgba(0,0,0,0.05); | ||
box-sizing: border-box; | |||
} | } | ||
. | /* Başlık stili */ | ||
font-size: | .mp-h2 { | ||
font-size: 1.3rem; | |||
margin-bottom: 10px; | margin-bottom: 10px; | ||
display: flex; | |||
align-items: center; | |||
gap: 8px; | |||
font-weight: bold; | |||
color: #202122; | |||
} | } | ||
. | /* İçerik kutusu stili */ | ||
font-size: | .mp-contains-float { | ||
font-size: 1rem; | |||
} | } | ||
. | /* Listeler için */ | ||
.mp-contains-float ul { | |||
margin: 0; | |||
padding-left: 20px; | |||
} | } | ||
. | .mp-contains-float li { | ||
margin-bottom: 6px; | |||
} | } | ||
/* Responsive: Yan yana kutular */ | |||
#mp-left, #mp-right { | |||
flex: 1 1 48%; | |||
} | } | ||
#mp-bottom-left, #mp-bottom-right { | |||
flex: 1 1 48%; | |||
} | } | ||
/* Welcome kutusu geniş olsun */ | |||
#mp-upper { | |||
flex: 1 1 100%; | |||
margin-bottom: 20px; | |||
background-color: #f0f8ff; | |||
border-color: #8ac6ff; | |||
} | } | ||
. | /* İkonlar boyutlandırma */ | ||
.mp-h2 img, .mp-h2 svg { | |||
height: 30px; | |||
width: 30px; | |||
} | } | ||
/* Küçük ekranlarda kutular alt alta */ | |||
@media (max-width: 800px) { | |||
#mp-left, #mp-right, #mp-bottom-left, #mp-bottom-right { | |||
flex: 1 1 100%; | |||
} | |||
} | } | ||
Revision as of 17:34, 1 February 2026
/* Genel ana sayfa stili */
.sa-mainpage {
max-width: 1200px;
margin: 0 auto;
font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
color: #202122;
line-height: 1.6;
padding: 20px;
display: flex;
flex-wrap: wrap;
gap: 20px;
box-sizing: border-box;
background-color: #f9f9f9;
}
/* Ortak kutu stili (Wikipedia style) */
.mp-box {
background-color: #ffffff;
border: 1px solid #a2a9b1;
border-radius: 4px;
padding: 15px;
box-shadow: 0 2px 5px rgba(0,0,0,0.05);
box-sizing: border-box;
}
/* Başlık stili */
.mp-h2 {
font-size: 1.3rem;
margin-bottom: 10px;
display: flex;
align-items: center;
gap: 8px;
font-weight: bold;
color: #202122;
}
/* İçerik kutusu stili */
.mp-contains-float {
font-size: 1rem;
}
/* Listeler için */
.mp-contains-float ul {
margin: 0;
padding-left: 20px;
}
.mp-contains-float li {
margin-bottom: 6px;
}
/* Responsive: Yan yana kutular */
#mp-left, #mp-right {
flex: 1 1 48%;
}
#mp-bottom-left, #mp-bottom-right {
flex: 1 1 48%;
}
/* Welcome kutusu geniş olsun */
#mp-upper {
flex: 1 1 100%;
margin-bottom: 20px;
background-color: #f0f8ff;
border-color: #8ac6ff;
}
/* İkonlar boyutlandırma */
.mp-h2 img, .mp-h2 svg {
height: 30px;
width: 30px;
}
/* Küçük ekranlarda kutular alt alta */
@media (max-width: 800px) {
#mp-left, #mp-right, #mp-bottom-left, #mp-bottom-right {
flex: 1 1 100%;
}
}