Nội dung được thêm vào Nội dung được xóa
Không có tóm lược sửa đổi |
Không có tóm lược sửa đổi |
||
(không hiển thị 15 phiên bản ở giữa của cùng người dùng) | |||
Dòng 21: | Dòng 21: | ||
} |
} |
||
/* |
/* PageForm */ |
||
.select2-container--default .select2-selection--multiple .select2-selection__choice, |
|||
.mw-structurednav-group-content-item:not(:last-child)::after { |
|||
.select2-container--default .select2-selection--multiple { |
|||
content: ' \✦'; |
|||
background-color: transparent !important; |
|||
color: var(--color-base); |
|||
padding: 0; |
|||
} |
} |
||
/* minor stuff */ |
|||
.mw-structurednav-group { |
|||
hr { |
|||
display: inline-table; |
|||
border-top: 10px solid var(--border-color-base--darker); |
|||
width: 100%; |
|||
margin: .1em; |
|||
} |
} |
||
/* Move main page page actions to the bottom of the page */ |
|||
.mw-structurednav-navigation-container { |
|||
.page-WLHMN .citizen-body-container { |
|||
background-color: unset; |
|||
grid-template-areas: |
|||
border: unset; |
|||
'content' |
|||
} |
|||
'header' |
|||
'footer'; |
|||
.mw-structurednav-group-title::after { |
|||
content: none; |
|||
padding-right: 0; |
|||
} |
|||
.mw-structurednav-group .mw-structurednav-group-content-list { |
|||
padding: 0.5em !important; |
|||
display: block !important; |
|||
border: 2px solid var(--border-color-base); |
|||
} |
|||
.mw-structurednav-group-title { |
|||
border: 2px solid var(--border-color-base--darker) !important; |
|||
background: var(--color-surface-3) !important; |
|||
color: var(--color-base--emphasized) !important; |
|||
padding: .5em !important; |
|||
min-width: 15% !important; |
|||
} |
|||
.mw-structurednav-header { |
|||
background: var(--color-surface-4) !important; |
|||
color: var(--color-base--emphasized) !important; |
|||
padding: .5em !important; |
|||
border: .5px solid var(--border-color-input--hover) !important; |
|||
border-radius: var(--border-radius--small) !important; |
|||
margin: .1em 0 .5em 0 !important; |
|||
} |
} |
||
Dòng 82: | Dòng 55: | ||
/* Icons */ |
/* Icons */ |
||
.skin-citizen-dark .AWimg { |
|||
filter: invert(1); |
|||
} |
|||
.citizen-drawer__menu [id^="n-sidebar-icon-"] a { |
.citizen-drawer__menu [id^="n-sidebar-icon-"] a { |
||
font-size: 0; |
font-size: 0; |
||
Dòng 105: | Dòng 82: | ||
.citizen-drawer__menu #n-articlewizard a:before { |
.citizen-drawer__menu #n-articlewizard a:before { |
||
content: url(https://static.miraheze.org/lhmnwiki/9/97/ArticleWizard.svg); |
content: url(https://static.miraheze.org/lhmnwiki/9/97/ArticleWizard.svg); |
||
width: |
width: var(--size-icon); |
||
height: |
height: var(--size-icon); |
||
background: unset !important; |
|||
opacity: var(--opacity-icon-base); |
opacity: var(--opacity-icon-base); |
||
display: block; |
|||
} |
} |
||
Dòng 125: | Dòng 100: | ||
#n-sidebar-icon-nguyet a:before { |
#n-sidebar-icon-nguyet a:before { |
||
background-image: url( https://static.miraheze.org/lhmnwiki/ |
background-image: url( https://static.miraheze.org/lhmnwiki/9/9c/NguYet.svg ) |
||
} |
} |
||
#n-sidebar-icon-hsck a:before { |
#n-sidebar-icon-hsck a:before { |
||
background-image: url( https://static.miraheze.org/lhmnwiki/d/d4/Hsck_-_SVG_Repo.svg ) |
background-image: url( https://static.miraheze.org/lhmnwiki/d/d4/Hsck_-_SVG_Repo.svg ) |
||
} |
|||
#n-sidebar-icon-github a:before { |
|||
background-image: url( https://static.miraheze.org/lhmnwiki/9/91/Github.svg ) |
|||
} |
|||
#n-sidebar-icon-paypal a:before { |
|||
background-image: url( https://static.miraheze.org/lhmnwiki/6/64/Paypal.svg ) |
|||
} |
|||
#n-sidebar-icon-momo a:before { |
|||
background-image: url( https://static.miraheze.org/lhmnwiki/b/b9/MoMo_icon.svg ) |
|||
} |
|||
#n-sidebar-icon-vietqr a:before { |
|||
background-image: url( https://static.miraheze.org/lhmnwiki/b/b9/Vietqr.svg ) |
|||
} |
|||
/* CookieWarning tweaks */ |
|||
.mw-cookiewarning-container { |
|||
max-width: 480px; |
|||
} |
|||
.mw-cookiewarning-text { |
|||
gap: var(--space-xs); |
|||
} |
|||
.mw-cookiewarning-text::before { |
|||
content: '🍪'; |
|||
font-size: 2rem; |
|||
} |
|||
/* hide on pageload to prevent FoUC */ |
|||
.client-js .mw-cookiewarning-container { |
|||
opacity: 0; |
|||
visibility: hidden; |
|||
transition: opacity 250ms ease, visibility 250ms ease; |
|||
} |
|||
/* citizen-animations-ready is added when scripts are loaded */ |
|||
.client-js.citizen-animations-ready .mw-cookiewarning-container { |
|||
opacity: 1; |
|||
visibility: visible; |
|||
} |
|||
/* |
|||
* Footer icons |
|||
* We use custom footer icons so we need to fine tune it |
|||
*/ |
|||
#footer-icons a { |
|||
opacity: var( --opacity-icon-base ); |
|||
transition: opacity 250ms ease; |
|||
} |
|||
#footer-icons a:hover { |
|||
opacity: var( --opacity-icon-base--hover ); |
|||
} |
|||
#footer-icons a:active { |
|||
opacity: var( --opacity-icon-base--active ); |
|||
} |
|||
/* More space between icons */ |
|||
#footer-icons ul, |
|||
#footer-icons li { |
|||
gap: var( --space-md ); |
|||
} |
|||
/* Divide footer links into two columns */ |
|||
#footer-places { |
|||
column-count: 2; |
|||
} |
|||
/* Fix misalignment in Safari and Firefox when using two columns */ |
|||
#footer-places ul { |
|||
display: initial; |
|||
} |
|||
/* Darken the footer icon in light mode */ |
|||
.skin-citizen-light #footer-icons a { |
|||
filter: invert( 1 ) hue-rotate( 180deg ); |
|||
} |
|||
img.mw-logo-wordmark { |
|||
filter: unset !important; |
|||
} |
} |
Bản mới nhất lúc 00:25, ngày 10 tháng 6 năm 2024
.mw-portlet-Tài_nguyên_từ_chúng_tôi {
margin-top: var( --space-md );
padding-top: var( --space-sm );
border-top: 1px solid var( --border-color-base );
font-size: 0.8125rem;
grid-column: 1 / -1;
white-space: nowrap;
font-family: 'Signika Negative', sans-serif;
}
.mw-portlet-Tài_nguyên_từ_chúng_tôi .citizen-menu__heading {
display: none;
}
.mw-portlet-Tài_nguyên_từ_chúng_tôi ul {
display: flex;
overflow: auto;
}
.mw-portlet-Tài_nguyên_từ_chúng_tôi .mw-list-item a {
gap: 0;
}
/* PageForm */
.select2-container--default .select2-selection--multiple .select2-selection__choice,
.select2-container--default .select2-selection--multiple {
background-color: transparent !important;
}
/* minor stuff */
hr {
border-top: 10px solid var(--border-color-base--darker);
}
/* Move main page page actions to the bottom of the page */
.page-WLHMN .citizen-body-container {
grid-template-areas:
'content'
'header'
'footer';
}
/* Label */
.citizen-drawer__menu [id^="n-sidebar-label-"] a {
pointer-events: none;
margin-left: var( --space-xs );
padding-left: var( --space-md );
padding-right: var( --space-xs );
border-left: 1px solid var( --border-color-base );
border-radius: 0;
letter-spacing: 0.05em;
font-weight: var( --font-weight-normal );
color: var( --color-base--subtle ) !important;
font-family: 'Signika Negative', sans-serif;
}
/* Icons */
.skin-citizen-dark .AWimg {
filter: invert(1);
}
.citizen-drawer__menu [id^="n-sidebar-icon-"] a {
font-size: 0;
}
.citizen-drawer__menu [id^="n-sidebar-icon-"] a:before {
display: block;
content: "";
width: 1rem;
height: 1rem;
background: transparent center/contain no-repeat;
opacity: var( --opacity-icon-base );
}
.skin-citizen-dark .citizen-drawer__menu [id^="n-sidebar-icon-"] a:before {
filter: invert( 1 );
}
.skin-citizen-dark .citizen-drawer__menu #n-articlewizard a:before {
filter: invert( 1 );
}
.citizen-drawer__menu #n-articlewizard a:before {
content: url(https://static.miraheze.org/lhmnwiki/9/97/ArticleWizard.svg);
width: var(--size-icon);
height: var(--size-icon);
opacity: var(--opacity-icon-base);
}
#n-sidebar-icon-discord a:before {
background-image: url( https://static.miraheze.org/lhmnwiki/7/77/Discord_-_Simple_Icons.svg )
}
#n-sidebar-icon-facebook a:before {
background-image: url( https://static.miraheze.org/lhmnwiki/c/c8/Facebook_-_Simple_Icons.svg )
}
#n-sidebar-icon-kofi a:before {
background-image: url( https://static.miraheze.org/lhmnwiki/4/48/Kofi_-_Simple_Icons.svg )
}
#n-sidebar-icon-nguyet a:before {
background-image: url( https://static.miraheze.org/lhmnwiki/9/9c/NguYet.svg )
}
#n-sidebar-icon-hsck a:before {
background-image: url( https://static.miraheze.org/lhmnwiki/d/d4/Hsck_-_SVG_Repo.svg )
}
#n-sidebar-icon-github a:before {
background-image: url( https://static.miraheze.org/lhmnwiki/9/91/Github.svg )
}
#n-sidebar-icon-paypal a:before {
background-image: url( https://static.miraheze.org/lhmnwiki/6/64/Paypal.svg )
}
#n-sidebar-icon-momo a:before {
background-image: url( https://static.miraheze.org/lhmnwiki/b/b9/MoMo_icon.svg )
}
#n-sidebar-icon-vietqr a:before {
background-image: url( https://static.miraheze.org/lhmnwiki/b/b9/Vietqr.svg )
}
/* CookieWarning tweaks */
.mw-cookiewarning-container {
max-width: 480px;
}
.mw-cookiewarning-text {
gap: var(--space-xs);
}
.mw-cookiewarning-text::before {
content: '🍪';
font-size: 2rem;
}
/* hide on pageload to prevent FoUC */
.client-js .mw-cookiewarning-container {
opacity: 0;
visibility: hidden;
transition: opacity 250ms ease, visibility 250ms ease;
}
/* citizen-animations-ready is added when scripts are loaded */
.client-js.citizen-animations-ready .mw-cookiewarning-container {
opacity: 1;
visibility: visible;
}
/*
* Footer icons
* We use custom footer icons so we need to fine tune it
*/
#footer-icons a {
opacity: var( --opacity-icon-base );
transition: opacity 250ms ease;
}
#footer-icons a:hover {
opacity: var( --opacity-icon-base--hover );
}
#footer-icons a:active {
opacity: var( --opacity-icon-base--active );
}
/* More space between icons */
#footer-icons ul,
#footer-icons li {
gap: var( --space-md );
}
/* Divide footer links into two columns */
#footer-places {
column-count: 2;
}
/* Fix misalignment in Safari and Firefox when using two columns */
#footer-places ul {
display: initial;
}
/* Darken the footer icon in light mode */
.skin-citizen-light #footer-icons a {
filter: invert( 1 ) hue-rotate( 180deg );
}
img.mw-logo-wordmark {
filter: unset !important;
}