Widget:主题板块导航

/* Wiki2021 Interface Contributors: P.T.Đ Year: 2021

• /

/* default layout */ .main-body { display: flex; flex-flow: wrap column; }

/** fix bug zooming **/ .main-body > div { max-width: 100%; }

.main-box { margin-top: 1rem; }

.main-bottom { margin-top: -0.5rem; clear: both; }

/* responsive layout */ @media (min-width: 992px) { .main-body { flex-direction: row;

   	margin: 0 -0.5rem;

}

.main-body__left, .main-body__right { flex: 1;

   	margin: 0 0.5rem;

}

.main-body__bottom { flex: 0 1 auto; width: 100%; margin: 0 0.5rem; } }

/* tweaks WikimediaUI */ .mw-headline-number {

   display: none;

}

.main-header__right .mw-ui-quiet { padding: 6px 8px; }

.main-header__right .mw-ui-quiet:hover, .main-header__right .mw-ui-quiet:focus, .main-box__title a:hover, .main-box__title a:focus, .main-box-dropdown__content > ul > li > a:hover, .main-box-dropdown__content > ul > li > a:focus { color: #0645ad; }

/* tweaks .main-bottom elements */ /** .main-bottom-box **/ .main-bottom-box { margin-top: calc(1.5rem + 24px);

   border-top: 2px dotted #e0e0e0;

}

/** .main-bottom-box__icon **/ .main-bottom-box__icon {

   margin: -24px 0 0.5rem;

}

.main-bottom-box__icon img {

   padding: 0 1em;

background-color: #fff; }

@media (max-width: 719px) { .main-bottom-box__header { margin-bottom: 1em; font-family: inherit; font-size: 1em; line-height: 1.5; } }

@media (min-width: 720px) { .main-bottom-box__header { margin-bottom: 0; padding-bottom: 1rem; font-size: 1.4em; } }

@media (min-width: 1000px) { .main-bottom-box__header { margin: 0 auto; width: 80%; } }

/* utils */ .u-display-inline-block { display: inline-block; }

.u-font-size-larger { font-size: 1.35em; }

.u-text-align-center { text-align: center; }

.u-plain-list > ul, .u-plain-list > ul > li {

   margin: 0;
   padding: 0;
   list-style: none;

}

.u-horizontal-list > ul { display: inline; letter-spacing: -1em; }

.u-horizontal-list > ul > li { display: inline;

   letter-spacing: normal;

}

.u-horizontal-list > ul li::after {

   padding: 0 0.35em;
   content: "·";
   font-weight: bold;

}

.u-horizontal-list > ul li:last-child::after {

   padding: 0;
   content: "";

}

.u-plain-heading { margin-top: 0; padding-top: 0; border-bottom-color: transparent; }

/* others */ /** thumb in .main-box **/ .main-box__body > .show-image { margin: 0.4em 0 0.4em 1em !important; }

/** COVID-19 box **/ .itn-speciald { padding: 6px 1rem !important; background: #f9f9f9 !important;

   border: 1px solid #e0e0e0 !important;
   border-width: 0 0 1px 0 !important;

}

/** #main-suggestions **/

1. main-suggestions {

padding-top: 0.5rem; }

1. main-suggestions .floatright {

   margin-top: -2.75em;
   position: relative;

}

1. main-suggestions .main-box__title {

border-bottom: 1px dotted #e0e0e0; }

/** when box is empty **/ .isEmpty {

   padding: 4.5em;
   color: #aaa;

font-size: 1.3em;

   font-weight: bold;

}

/** did-you-know box **/ .subTextDYK {

   padding: 0.4em 1.6em 0;

color: #aaa; }