Şablon:Imetin/styles.css: Revizyonlar arasındaki fark
Gezinti kısmına atla
Arama kısmına atla
Değişiklik özeti yok |
Değişiklik özeti yok |
||
| 1. satır: | 1. satır: | ||
/* | /* Tüm hukuk kutularını bir tablo satırı gibi hizalar */ | ||
. | .hukuk-kutu { | ||
display: table; | |||
width: 100%; | |||
border-collapse: separate; | |||
border: 1px solid #bfbfbf; | border: 1px solid #bfbfbf; | ||
border-radius: 6px; | border-radius: 6px; | ||
padding: 12px | background: #fff; | ||
margin: | padding: 12px; | ||
margin: 20px 0; | |||
position: relative; | |||
overflow: hidden; | |||
overflow: hidden; | clear: both; /* Sağdaki infobox ile çakışmayı %100 engeller */ | ||
clear: both; | |||
} | } | ||
/* | /* Başlık */ | ||
. | .hukuk-kutu::before { | ||
content: attr(data-title); /* Dinamik başlık */ | |||
position: absolute; | position: absolute; | ||
top: -10px; | top: -10px; | ||
left: | left: 14px; | ||
background: white; | background: white; | ||
padding: 0 6px; | padding: 0 6px; | ||
font-size: 12px; | font-size: 12px; | ||
font-weight: bold; | font-weight: bold; | ||
color: #555; | color: #555; | ||
} | } | ||
/* | /* Özel Karar Kutusu */ | ||
. | .hukuk-kutu.karar { | ||
.karar { | |||
border-color: #d9534f; | border-color: #d9534f; | ||
} | } | ||
.karar::before { | .hukuk-kutu.karar::before { | ||
color: #d9534f; | color: #d9534f; | ||
} | } | ||
11.36, 13 Kasım 2025 tarihindeki hâli
/* Tüm hukuk kutularını bir tablo satırı gibi hizalar */
.hukuk-kutu {
display: table;
width: 100%;
border-collapse: separate;
border: 1px solid #bfbfbf;
border-radius: 6px;
background: #fff;
padding: 12px;
margin: 20px 0;
position: relative;
overflow: hidden;
clear: both; /* Sağdaki infobox ile çakışmayı %100 engeller */
}
/* Başlık */
.hukuk-kutu::before {
content: attr(data-title); /* Dinamik başlık */
position: absolute;
top: -10px;
left: 14px;
background: white;
padding: 0 6px;
font-size: 12px;
font-weight: bold;
color: #555;
}
/* Özel Karar Kutusu */
.hukuk-kutu.karar {
border-color: #d9534f;
}
.hukuk-kutu.karar::before {
color: #d9534f;
}