Widget:主题板块导航：修订间差异

H萌娘，万物皆可H的百科全书！
跳到导航 跳到搜索
imported>=海豚=
（=海豚=将页面Widget:主题板块导航的内容模型从“纯CSS”更改为“wiki文本”）
imported>Irukaza
无编辑摘要
（未显示2个用户的55个中间版本）
第1行： 第1行：
<noinclude><pre>
/*
/*
Wiki2021 Interface
Wiki2021 Interface
Contributors: P.T.Đ
Contributors: P.T.Đ/Irukaza
Year: 2021
Year: 2021
*/
*/
 
</pre></noinclude><includeonly>
<style type="text/css">
/* default layout */
/* default layout */
.main-body {
.main-body {
第13行： 第15行：
/** fix bug zooming **/
/** fix bug zooming **/
.main-body > div {
.main-body > div {
max-width: 100%;
width: 97%;
}
}


.main-box {
.main-box {
margin-top: 1rem;
   margin-bottom: 1.5rem;
}
   min-height: 85%;
 
.main-bottom {
margin-top: -0.5rem;
clear: both;
}
}


第35行： 第33行：
.main-body__right {
.main-body__right {
flex: 1;
flex: 1;
    margin: 0 0.5rem;
    margin: 0 0 0.5rem 0;
}
 
.main-body__bottom {
   flex: 0 1 auto;
   width: 100%;
   margin: 0 0.5rem;
}
}
}
}
第61行： 第53行：
.main-box-dropdown__content > ul > li > a:focus {
.main-box-dropdown__content > ul > li > a:focus {
color: #0645ad;
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%;
}
}
}


第157行： 第108行：
}
}


/** COVID-19 box **/
/* .content-improvement-box */
.itn-speciald {
.content-improvement-box {
padding: 6px 1rem !important;
display: flex;
background: #f9f9f9 !important;
   flex-flow: wrap column;
    border: 1px solid #e0e0e0 !important;
   margin: 0 -0.5rem;
    border-width: 0 0 1px 0 !important;
}
 
/* .content-improvement-problems */
.content-improvement-problems,
.content-improvement-invitation {
   margin: 0 0.5rem;
}
 
.content-improvement-problems {
order: 2;
display: flex;
   flex-wrap: wrap;
   margin: -0.5rem 0;
   padding-top: 1rem;
}
 
.content-improvement-item {
   flex: 1 2 auto;
   padding: 0.55rem;
width: 100%;
}
 
/** .content-improvement-item color modifier **/
.content-improvement-item.-color-red > a {
   border-bottom: 5px solid #ea3b3b;
}
 
.content-improvement-item.-color-red > a:hover,
.content-improvement-item.-color-red > a:focus {
   background-color: #ea3b3b;
}
 
.content-improvement-item.-color-blue > a {
   border-bottom: 5px solid #36c;
}
 
.content-improvement-item.-color-blue > a:hover,
.content-improvement-item.-color-blue > a:focus {
   background-color: #36c;
}
 
.content-improvement-item.-color-yellow > a {
   border-bottom: 5px solid #F2C94C;
}
 
.content-improvement-item.-color-yellow > a:hover,
.content-improvement-item.-color-yellow > a:focus {
   background-color: #F2C94C;
}
 
.content-improvement-item.-color-green > a {
    border-bottom: 5px solid #27ae60;
}
 
.content-improvement-item.-color-green > a:hover,
.content-improvement-item.-color-green > a:focus {
   background-color: #27ae60;
}
 
.content-improvement-item.-color-gray > a {
    border-bottom: 5px solid #a2a9b1;
}
 
.content-improvement-item.-color-gray > a:hover,
.content-improvement-item.-color-gray > a:focus {
   background-color: #a2a9b1;
}
 
/** .content-improvement-item icon modifier **/
.content-improvement-item.-icon-editUndo > a::before {
   background-image: url(//upload.wikimedia.org/wikipedia/commons/c/c5/OOjs_UI_icon_editUndo-ltr.svg);
}
 
.content-improvement-item.-icon-tableMergeCells > a::before {
   background-image: url(//upload.wikimedia.org/wikipedia/commons/6/64/OOjs_UI_icon_table-merge-cells.svg);
}
 
.content-improvement-item.-icon-searchCaseSensitive > a::before {
   background-image: url(//upload.wikimedia.org/wikipedia/commons/e/e5/OOjs_UI_icon_searchCaseSensitive.svg);
}
 
.content-improvement-item.-icon-alert > a::before {
   background-image: url(//upload.wikimedia.org/wikipedia/commons/8/80/OOjs_UI_icon_alert.svg);
}
 
.content-improvement-item.-icon-tag > a::before {
   background-image: url(//upload.wikimedia.org/wikipedia/commons/d/dd/OOjs_UI_icon_tag-ltr.svg);
}
 
.content-improvement-item.-icon-language > a::before {
   background-image: url(//upload.wikimedia.org/wikipedia/commons/4/43/OOjs_UI_icon_language-ltr.svg);
}
 
.content-improvement-item.-icon-link > a::before {
   background-image: url(//upload.wikimedia.org/wikipedia/commons/7/72/OOjs_UI_icon_link-ltr.svg);
}
 
.content-improvement-item.-icon-history > a::before {
   background-image: url(//upload.wikimedia.org/wikipedia/commons/2/27/OOjs_UI_icon_history.svg);
}
 
.content-improvement-item.-icon-code > a::before {
   background-image: url(//upload.wikimedia.org/wikipedia/commons/c/cd/OOjs_UI_icon_code.svg);
}
 
.content-improvement-item.-icon-reference > a::before {
   background-image: url(//upload.wikimedia.org/wikipedia/commons/9/9c/OOjs_UI_icon_reference.svg);
}
 
.content-improvement-item.-icon-balance-scale > a::before {
   background-image: url(//upload.wikimedia.org/wikipedia/commons/9/90/Font_Awesome_5_solid_balance-scale.svg);
}
 
.content-improvement-item.-icon-help > a::before {
   background-image: url(//upload.wikimedia.org/wikipedia/commons/b/b2/OOjs_UI_icon_help-ltr.svg);
}
 
.content-improvement-item.-icon-add > a::before {
   background-image: url(//upload.wikimedia.org/wikipedia/commons/0/06/OOjs_UI_icon_add.svg);
}
 
.content-improvement-item.-icon-halfBright > a::before {
   background-image: url(//upload.wikimedia.org/wikipedia/commons/a/a1/OOjs_UI_icon_halfBright.svg);
}
 
.content-improvement-item.-icon-articleSearch > a::before {
   background-image: url(//upload.wikimedia.org/wikipedia/commons/8/86/OOjs_UI_icon_articleSearch-ltr.svg);
}
 
.content-improvement-item.-icon-eye > a::before {
   background-image: url(//upload.wikimedia.org/wikipedia/commons/c/cf/OOjs_UI_icon_eye.svg);
}
}


/** #main-suggestions **/
.content-improvement-item.-icon-block > a::before {
#main-suggestions {
   background-image: url(//upload.wikimedia.org/wikipedia/commons/a/a1/OOjs_UI_icon_block.svg);
padding-top: 0.5rem;
}
}


#main-suggestions .floatright {
/** .content-improvement-item > a **/
    margin-top: -2.75em;
.content-improvement-item > a {
    box-sizing: border-box;
    position: relative;
    position: relative;
   z-index: 0;
   display: flex;
   flex-wrap: wrap;
   align-content: center;
   overflow: hidden;
   padding: 0.5rem 1rem 1rem;
   width: 100%;
   height: 100%;
   color: inherit;
   background: #f7f7f7;
   text-decoration: none;
   transition: color .1s ease-in-out, background .1s ease-in-out, box-shadow .1s ease-in-out, opacity .1s ease-in-out;
}
.content-improvement-item > a:hover,
.content-improvement-item > a:focus {
   color: #fff!important;
   box-shadow: 0 2px 5px #ccc;
}
.content-improvement-item > a:active {
   opacity: 0.7;
   box-shadow: 0 4px 7px #ccc;
}
.content-improvement-item > a::before {
   content: "";
   position: absolute;
   z-index: -1;
   top: 50%;
   right: 0.75rem;
   transform: translateY(-50%);
   width: 100%;
   height: 90%;
   background-size: contain;
   background-position: right;
   background-repeat: no-repeat;
   opacity: 0.03;
   transition: opacity .1s ease-in-out;
}
.content-improvement-item > a:hover::before,
.content-improvement-item > a:focus::before {
   opacity: 0.08;
}
.content-improvement-item > a > span {
   display: block;
   width: 100%;
}
.content-improvement-item > a > span:nth-child(2) {
white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
}
.content-improvement-item__number {
   font-weight: bold;
   font-size: 1.8em;
   padding-right: 0.25em;
}
/* .content-improvement-invitation */
.content-improvement-invitation {
order: 1;
   padding: 1rem;
   background: #f7f7f7;
}
}


#main-suggestions .main-box__title {
.content-improvement-invitation__icon {
border-bottom: 1px dotted #e0e0e0;
   margin: 0 0 0.5em 0.75em;
   float: right;
   width: 5rem;
   height: 5rem;
   background-image: url(//upload.wikimedia.org/wikipedia/commons/b/bd/Wikipedia-logo-v2-bw.svg);
   background-size: 5rem;
   background-position: center;
   background-repeat: no-repeat;
}
}


/** when box is empty **/
.content-improvement-invitation__title {
.isEmpty {
   padding: 4.5em;
   color: #aaa;
font-size: 1.3em;
    font-weight: bold;
    font-weight: bold;
   font-size: 1.1em;
}
.content-improvement-invitation__content p:last-child {
margin-bottom: 0;
}
.content-improvement-invitation__button {
padding: 0.75rem 0 0.45rem;
}
/* responsive */
@media (min-width: 768px) {
/* .content-improvement-problems */
.content-improvement-item {
width: 40%;
}
}
@media (min-width: 992px) {
/* .content-improvement-box */
.content-improvement-box {
flex-direction: row;
}
/* .content-improvement-problems */
.content-improvement-problems {
flex: 2;
order: 2;
   padding-top: 0;
}
/* .content-improvement-invitation */
.content-improvement-invitation {
flex: 1;
order: 2;
}
}
@media (min-width: 1200px) {
/* .content-improvement-problems */
.content-improvement-item {
width: 30%;
}
}
}


/** did-you-know box **/
/* local fixed */
.subTextDYK {
body{
    padding: 0.4em 1.6em 0;
   background-image:none !important;
color: #aaa;
}
.mw-parser-output a.extiw {
   color: #222222;
}
#catlinks {
   display: none;
}
.firstHeading {
    display: none;
}
.comment-replybox {
   display: none;
}
#flowthread {
   display: none;
}
#siteSub {
   display: none!important;
}
}
</style>

2022年3月7日 (一) 20:50的版本

/*
	Wiki2021 Interface
	Contributors: P.T.Đ/Irukaza
	Year: 2021
*/
取自“https://hmoegirl.com/index.php?title=Widget:主题板块导航&oldid=59018”