Pengguna:Klrfl/vector-2022.css: Perbedaan antara revisi
Konten dihapus Konten ditambahkan
k kebalik |
k memperbarui nama class |
||
| Baris 2: | Baris 2: | ||
font-family: system-ui, sans-serif; |
font-family: system-ui, sans-serif; |
||
} |
} |
||
/*.mw-page-container{ |
|||
background: rgba(240, 240, 245, .5); |
|||
}*/ |
|||
/*.mw-header{*/ |
|||
/* background: rgba(245, 245, 245, .8);*/ |
|||
/* backdrop-filter: blur(2px);*/ |
|||
/* outline: 1px solid #ddd;*/ |
|||
/* box-shadow: 0 6px 15px -5px #444;*/ |
|||
/* position: sticky;*/ |
|||
/* top: .5em;*/ |
|||
/*}*/ |
|||
.vector-body{ |
.vector-body{ |
||
| Baris 22: | Baris 8: | ||
/* modifikasi toc */ |
/* modifikasi toc */ |
||
.sidebar-toc{ |
|||
padding: 1em 1em 1em 1.5em; |
|||
} |
|||
.sidebar-toc .sidebar-toc-text{ |
.sidebar-toc .sidebar-toc-text{ |
||
border-radius: .5em; |
border-radius: .5em; |
||
| Baris 31: | Baris 13: | ||
transition: background 200ms ease; |
transition: background 200ms ease; |
||
} |
} |
||
.sidebar-toc-level-1.sidebar-toc-list-item-expanded > .sidebar-toc-list{ |
|||
padding-top: .5em; |
|||
} |
|||
/* mengubah latar belakang sidebar item ketika aktif */ |
/* mengubah latar belakang sidebar item ketika aktif */ |
||
.vector-toc-level-1-active { |
|||
.sidebar-toc .sidebar-toc-list-item-active > .sidebar-toc-link > .sidebar-toc-text{ |
|||
background: |
background: #ddda; |
||
padding- |
padding-inline-start: .5em; |
||
} |
} |
||
Revisi terkini sejak 30 Oktober 2023 13.10
html, body{
font-family: system-ui, sans-serif;
}
.vector-body{
line-height: 1.7;
}
/* modifikasi toc */
.sidebar-toc .sidebar-toc-text{
border-radius: .5em;
padding: .25em;
transition: background 200ms ease;
}
/* mengubah latar belakang sidebar item ketika aktif */
.vector-toc-level-1-active {
background: #ddda;
padding-inline-start: .5em;
}
@media screen and (max-width: 40em){
/*infobox*/
.infobox{
display: flex;
justify-content: center;
float: none;
width: auto !important;
margin: auto;
}
/*images*/
.thumb{
display: block;
margin: 1em auto !important;
}
.thumbinner{
margin: auto;
}
div.tright, div.tleft{
float: none !important;
}
}