From Clomosy Docs
No edit summary |
No edit summary |
||
| Line 36: | Line 36: | ||
font-size: 1.5em; | font-size: 1.5em; | ||
font-weight: bold; | font-weight: bold; | ||
color: # | color: #00b282; | ||
} | } | ||
| Line 64: | Line 64: | ||
right: 10px; | right: 10px; | ||
font-size: 5em; | font-size: 5em; | ||
color: # | color: #dddddd; | ||
font-weight: bold; | font-weight: bold; | ||
} | } | ||
Revision as of 11:04, 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*/
.tutorialsWrapper {
display: grid;
gap: 20px;
grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); /* responsive sütunlu grid */
align-items: stretch;
}
.card {
position: relative;
padding: 20px;
background-color: #f2f2f4;
box-shadow: 0 2px 10px rgba(0,0,0,0.1);
border-radius: 4px;
border: 1px solid #ddd;
display: flex;
flex-direction: column;
justify-content: space-between;
}
.card-title {
font-size: 1.5em;
font-weight: bold;
color: #00b282;
}
.card-subtitle {
font-size: 1.2em;
color: #757575;
}
.card-description {
color: #004d40;
margin-top: 10px;
}
.card-link a {
color: #1e88e5;
text-decoration: none;
font-weight: bold;
}
.card-link a:hover {
text-decoration: underline;
}
.large-number {
position: absolute;
bottom: 10px;
right: 10px;
font-size: 5em;
color: #dddddd;
font-weight: bold;
}
/* 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;
}*/