From Clomosy Docs
No edit summary |
No edit summary |
||
| Line 16: | Line 16: | ||
.grid-container { | .grid-container { | ||
display: grid; | display: grid; | ||
grid-template-columns: repeat( | grid-template-columns: repeat(3, 1fr); /* 3 sütunlu grid */ | ||
gap: 10px; /* Hücreler arasındaki boşluk */ | gap: 10px; /* Hücreler arasındaki boşluk */ | ||
} | } | ||
.grid-item { | .grid-item { | ||
background-color: # | background-color: #f9f9f9; | ||
padding: 20px; | padding: 20px; | ||
text-align: | border: 1px solid #ddd; | ||
text-align: left; | |||
border-radius: 8px; | |||
} | |||
.grid-title { | |||
font-size: 1.5em; | |||
font-weight: bold; | |||
color: #0073e6; | |||
} | |||
.grid-subtitle { | |||
font-size: 1.2em; | |||
font-weight: normal; | |||
color: #555; | |||
} | |||
.grid-description { | |||
font-size: 1em; | |||
color: #333; | |||
} | } | ||
Revision as of 08:42, 10 June 2024
/* CSS placed here will be applied to all skins */
/*#toc {float:right;margin:0 0 1em 1em;position:fixed;top:100px;right:10px;};*/
/* tartışma sekmesi kaldırma kodu*/
#ca-talk { display: none !important; }
/* Geçmişi görüntüle/Geçmiş sekmesi kaldırma kodu*/
#ca-history { display: none !important;}
/* Kaynak sekmesini görüntüle; bu sekme, sayfaları düzenleme izni olmayan kullanıcı gruplarına ait olan kullanıcılar tarafından kullanılabilir. Bununla kullanıcı, sayfanın kaynak metnini değiştiremeden görüntüleyebilir.*/
#ca-viewsource { display: none !important; }
/* Grid yapısı oluşturma*/
.grid-container {
display: grid;
grid-template-columns: repeat(3, 1fr); /* 3 sütunlu grid */
gap: 10px; /* Hücreler arasındaki boşluk */
}
.grid-item {
background-color: #f9f9f9;
padding: 20px;
border: 1px solid #ddd;
text-align: left;
border-radius: 8px;
}
.grid-title {
font-size: 1.5em;
font-weight: bold;
color: #0073e6;
}
.grid-subtitle {
font-size: 1.2em;
font-weight: normal;
color: #555;
}
.grid-description {
font-size: 1em;
color: #333;
}
/* Açılır menüyü gizle
.dropdown-content {
display: none;
}*/
/* Yan çubuk ve içerik bölgesini düzenleme */
/*.sidebar {
float: left;
width: 45%; /* Yan çubuk genişliği
}
#content {
float: left;
}*/