MediaWiki:Common.css: Perbedaan antara revisi
Dari WikiPangan
Tidak ada ringkasan suntingan Tag: Dikembalikan |
Tidak ada ringkasan suntingan Tag: Pengembalian manual |
||
(4 revisi perantara oleh pengguna yang sama tidak ditampilkan) | |||
Baris 1: | Baris 1: | ||
/* CSS yang ada di sini akan diterapkan pada semua kulit. */ | /* CSS yang ada di sini akan diterapkan pada semua kulit. */ | ||
. | .etika-wrapper { | ||
background-color: #fcfcfc; | |||
padding: 1em 2em; | |||
border-left: 4px solid #5c8a8a; | |||
font-family: 'Segoe UI', sans-serif; | |||
line-height: 1.6; | |||
} | |||
.etika-wrapper h2 { | |||
color: #336666; | |||
border-bottom: 2px solid #aac; | |||
padding-bottom: 0.2em; | |||
margin-top: 1.5em; | |||
font-size: 1.5em; | |||
} | |||
.etika-wrapper h3 { | |||
color: #444; | |||
font-size: 1.2em; | |||
margin-top: 1em; | |||
border-left: 3px solid #ccc; | |||
padding-left: 0.5em; | |||
} | |||
.etika-list { | |||
counter-reset: etika-counter; | |||
margin-left: 1.5em; | |||
list-style: none; | |||
} | |||
.etika-list li { | |||
margin-bottom: 0.5em; | |||
position: relative; | |||
padding-left: 2em; | |||
} | |||
.etika-list li::before { | |||
counter-increment: etika-counter; | |||
content: counter(etika-counter) "."; | |||
position: absolute; | |||
left: 0; | |||
font-weight: bold; | |||
color: #336666; | |||
} | |||
/* CSS untuk Halaman Home | |||
.home-container { | |||
display: flex; | |||
flex-wrap: wrap; | |||
gap: 1em; | |||
justify-content: space-between; | |||
} | |||
.home-box { | |||
background: #fff; | |||
border: 1px solid #ccc; | |||
border-radius: 6px; | |||
box-shadow: 1px 1px 5px rgba(0,0,0,0.1); | |||
flex: 1 1 calc(48% - 1em); | |||
min-width: 300px; | |||
padding: 1em; | |||
} | |||
.home-header { | |||
font-weight: bold; | |||
font-size: 1.2em; | |||
padding: 0.5em; | |||
color: #fff; | |||
margin: -1em -1em 0.5em -1em; | |||
border-top-left-radius: 6px; | |||
border-top-right-radius: 6px; | |||
border-left: 6px solid #eee; | |||
} | |||
.home-box.green .home-header { | |||
background: #2e8b57; | |||
border-left-color: #229b5e; | |||
} | |||
.home-box.blue .home-header { | |||
background: #005a9c; | |||
border-left-color: #007acc; | |||
} | |||
.home-box.red .home-header { | |||
background: #a41515; | |||
border-left-color: #e03c3c; | |||
} | |||
.home-content { | |||
font-size: 0.95em; | |||
line-height: 1.5em; | |||
} | |||
.gallery-row { | |||
display: flex; | |||
gap: 0.5em; | |||
margin-top: 0.5em; | |||
} | } |
Revisi terkini sejak 9 Mei 2025 06.37
/* CSS yang ada di sini akan diterapkan pada semua kulit. */
.etika-wrapper {
background-color: #fcfcfc;
padding: 1em 2em;
border-left: 4px solid #5c8a8a;
font-family: 'Segoe UI', sans-serif;
line-height: 1.6;
}
.etika-wrapper h2 {
color: #336666;
border-bottom: 2px solid #aac;
padding-bottom: 0.2em;
margin-top: 1.5em;
font-size: 1.5em;
}
.etika-wrapper h3 {
color: #444;
font-size: 1.2em;
margin-top: 1em;
border-left: 3px solid #ccc;
padding-left: 0.5em;
}
.etika-list {
counter-reset: etika-counter;
margin-left: 1.5em;
list-style: none;
}
.etika-list li {
margin-bottom: 0.5em;
position: relative;
padding-left: 2em;
}
.etika-list li::before {
counter-increment: etika-counter;
content: counter(etika-counter) ".";
position: absolute;
left: 0;
font-weight: bold;
color: #336666;
}
/* CSS untuk Halaman Home
.home-container {
display: flex;
flex-wrap: wrap;
gap: 1em;
justify-content: space-between;
}
.home-box {
background: #fff;
border: 1px solid #ccc;
border-radius: 6px;
box-shadow: 1px 1px 5px rgba(0,0,0,0.1);
flex: 1 1 calc(48% - 1em);
min-width: 300px;
padding: 1em;
}
.home-header {
font-weight: bold;
font-size: 1.2em;
padding: 0.5em;
color: #fff;
margin: -1em -1em 0.5em -1em;
border-top-left-radius: 6px;
border-top-right-radius: 6px;
border-left: 6px solid #eee;
}
.home-box.green .home-header {
background: #2e8b57;
border-left-color: #229b5e;
}
.home-box.blue .home-header {
background: #005a9c;
border-left-color: #007acc;
}
.home-box.red .home-header {
background: #a41515;
border-left-color: #e03c3c;
}
.home-content {
font-size: 0.95em;
line-height: 1.5em;
}
.gallery-row {
display: flex;
gap: 0.5em;
margin-top: 0.5em;
}