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(6, 1fr); /* 3 sütunlu bir grid */
   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: #ddd;
   background-color: #f9f9f9;
   padding: 20px;
   padding: 20px;
   text-align: center;
  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;
}*/