Şablon:KizilbashicaKart: Revizyonlar arasındaki fark

GörselVikimetin

00.59, 15 Temmuz 2026 itibarı ile sayfanın şu anki hâli

Günün Alıntısı

"{{{alıntı}}}"

— {{{yazar}}}

@@ 1. satır: / 1. satır: @@
-/* --- Flexbox ve Bölüm Çizgisi Düzeni --- */
+<templatestyles src="Şablon:KizilbashicaKart/styles.css" /><div class="template-flexbox-item"><div class="tg-card">{{#if: {{{görsel|}}} |<!-- GÖRSELLİ KART TASARIMI -->
-.tg-section-divider {
+<div class="tg-card-image-wrap">{{#ifexist: Medya:{{{görsel}}} |[[Dosya:{{{görsel}}}|class=none|link=]]}}</div>
-    margin-top: 1rem;
+<div style="position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 2; background: linear-gradient(to top, rgba(0, 0, 0, 0.95) 0%, rgba(0, 0, 0, 0.4) 60%, transparent 100%); pointer-events: none;"></div>
-    margin-bottom: 0.5rem;
+<div class="tg-card-label"><span>{{{etiket|Öne Çıkan}}}</span></div>
-    color: var(--tg-color-subtle, #888);
+<div class="tg-card-content">
-    display: flex;
+<div class="tg-card-title" style="text-shadow: 1px 1px 3px rgba(0,0,0,0.8);">[[{{{link}}}|{{{başlık}}}]]</div>
-    align-items: center;
+<div class="tg-card-caption" style="text-shadow: 1px 1px 2px rgba(0,0,0,0.8); margin: 0;">{{{açıklama}}}</div>
-    justify-content: space-between;
+</div>
-}
+<div style="position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 4;">[[{{{link}}}|<div style="width: 100%; height: 100%; display: block;"></div>]]</div>
-.tg-section-divider:not(:empty) {
+|<!-- GÖRSELSİZ ALINTI KARTI TASARIMI -->
-    gap: 1rem;
+<div class="tg-card-label"><span>{{{etiket|Günün Alıntısı}}}</span></div>
-    white-space: nowrap;
+<div class="tg-card-quote-body">
-}
+<blockquote>
-.tg-section-divider::before, .tg-section-divider::after {
+<p class="tg-quote-text">"{{{alıntı}}}"</p>
-    content: "";
+<p class="tg-quote-author">— {{{yazar}}}</p>
-    height: 1px;
+</blockquote>
-    width: 100%;
+</div>
-    background-color: var(--tg-border-color-base, #333);
+}}</div></div>
-}
-.template-flexbox {
-    display: flex;
-    gap: 0.5rem;
-    flex-wrap: wrap;
-    flex-direction: row;
-}
-.template-flexbox-item {
-    flex-basis: calc(33.333% - 0.35rem);
-    flex-grow: 1;
-}
-@media(max-width: 1120px){
-    .template-flexbox-item { flex-basis: calc(50% - 0.25rem); }
-}
-@media(max-width: 640px){
-    .template-flexbox-item { flex-basis: 100%; }
-}
-/* --- Kart Tasarımı --- */
-.tg-card {
-    position: relative;
-    background-color: var(--tg-color-surface-2, #1a1a1a);
-    border: var(--tg-border-base, 1px solid #333);
-    border-radius: 8px;
-    overflow: hidden;
-    display: flex;
-    flex-direction: column;
-    height: 100%;
-}
-.tg-card-image {
-    position: relative;
-    display: flex;
-    flex-grow: 1;
-    min-height: 20rem;
-}
-.tg-card-background {
-    position: absolute;
-    inset: 0;
-    pointer-events: none;
-    z-index: 0;
-}
-.tg-card-background img {
-    width: 100%;
-    height: 100%;
-    object-fit: cover;
-    transition: transform 0.2s ease;
-}
-.tg-card:hover .tg-card-background img {
-    transform: scale(1.05);
-}
-/* Metinlerin okunabilmesi için alt gölge */
-.tg-card-background::after {
-    content: "";
-    position: absolute;
-    inset: 0;
-    background: linear-gradient(to top, rgba(0,0,0,0.95) 0%, rgba(0,0,0,0.4) 60%, rgba(0,0,0,0) 100%);
-}
-.tg-card-label {
-    position: absolute;
-    top: 0;
-    left: 0;
-    z-index: 2;
-}
-.tg-card-label > a, .tg-card-label > span {
-    display: flex;
-    align-items: center;
-    height: 32px;
-    padding: 0 12px;
-    border-bottom-right-radius: 8px;
-    background: #c93636;
-    color: #fff !important;
-    font-weight: bold;
-    font-size: 0.8rem;
-    text-decoration: none;
-}
-.tg-card-content {
-    position: relative;
-    z-index: 1;
-    padding: 1rem;
-    margin-top: auto;
-}
-.tg-card-title {
-    color: #fff;
-    font-size: 1.4rem;
-    font-weight: bold;
-    line-height: 1.2;
-}
-.tg-card-caption {
-    margin-top: 0.25rem;
-    color: #ccc;
-    font-size: 0.9rem;
-}
-.tg-card-link {
-    position: absolute;
-    inset: 0;
-    z-index: 3;
-    opacity: 0;
-}
-.tg-card-link > a {
-    display: block;
-    height: 100%;
-}
-/* Alıntı Kartı Düzeni */
-.tg-card blockquote {
-    margin: 0;
-    padding: 0;
-    color: #eee;
-    font-style: italic;
-}
-.tg-quote-footer {
-    margin-top: 1rem;
-    font-size: 0.85rem;
-    color: #aaa;
-    font-style: normal;
-}