Template:讨论版页顶/talkPage.css

/*主导航板块包覆*/
.DB-MainContentWrapper {
    box-sizing: border-box;
    width: 100%;
    max-width: 1720px;
    margin: 1em auto;
    border-left: 15px solid #129822;
    border-right: 15px solid #129822;
    background-color:#f8f9fa;
    color: #222;
    text-align:center;
    vertical-align: middle;
    line-height: 1.25;
}
.DB-MainContentWrapper>.DB-MainContentInnerWrapper {
    width: 100%;
    border-width: 1px 0 0 1px;
    border-style: solid;
    border-color: #a2a9b1;
}
/*通用内容div*/
.DB-contentDiv {
    border-width: 0 1px 1px 0; 
    border-style: solid; 
    border-color: #a2a9b1;
}
/*标题区*/
.DB-header {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    padding: 10px;
}
.DB-header>div {
    flex: 0 0 420px;
}
.DB-SubtitleText {
    display: inline-block;
    font-size: 1.1em;
    font-weight: bold;
    vertical-align: middle;
}
.DB-SubtitleText::after {
    content:"——";
    margin-left: 0.5em;
}
#watchTalkPages {
    font-size: 0.9em;
    vertical-align: middle;
    margin-left: 0.5em;
}
/*FlexBox 菜单区*/
.DB-flexMenu {
    display: flex;
    flex-wrap: wrap;
}
.DB-flexMenu>div {
    flex: 1 0 100px;
    padding: 5px;
}
.DB-flexMenu>.quarterDivision {
    flex: 0 0 0;
    height: 0;
    padding: 0;
}
.DB-flexMenu>div .titleText {
    font-size: 1.5em;
    font-weight: bold;
}
.DB-flexMenu>div .descriptionText {
    font-size: 0.9em;
}
.DB-flexMenu>div .actionText {
    font-size: 0.8em;
}
.hover-note-fallback {
    display:none;
}
/*公告和议题子板块*/
#talkPageTop_list {
    max-width: 850px; 
    /*margin: 10px 0; defined inline to ensure high precedence*/
    padding: 10px 0;
    border-width: 1px 0;
    border-style: solid;
    border-color: #a2a9b1;
}
/*脚注*/
.DB-footer {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    margin: auto;
}
.DB-warning {
    padding-right: 13px;
}
.DB-notice {
    font-size: 0.75em;
    line-height: 1.5;
    border-left: 1px solid #a2a9b1;
    padding-left: 13px;
}
/*讨论版目录标题*/
#讨论版目录 {
    margin-bottom: 10px;
    padding-bottom:5px;
    text-align: center;
    color: #000;
    font-size: 1.75em;
    font-weight: 800;
    font-family: 'Source Han Serif','linux libertine',georgia,times,serif;
    border-bottom: 1px solid #0074f9;
    letter-spacing:0.5em;
}
/*链接显示效果*/
.DB-MainContentWrapper a, .DB-MainContentWrapper a:visited {
    text-decoration: none;
    color: #36c;
}
.DB-MainContentWrapper a:hover {
    text-decoration: none;
    color: #2a4b8d;
}
/*移动端适配*/
/*    小屏幕上字小些*/
@media all and (max-width:600px), (max-height:480px) {
    .DB-flexMenu>div .titleText {
        font-size: 1.2em;
    }
}
@media all and (max-width: 1160px) {
    .DB-header>div {
        flex: 0 1 850px;
    }
    .DB-SubtitleDiv {
        text-align: center;
        margin-top: 3px;
        padding-top: 7px;
        border-top: 1px solid #a2a9b1;
    }
    .DB-footer {
        flex-direction: column;
        flex-wrap: nowrap;
    }
    .DB-footer>div {
        flex: none;
        border-left-width: 0;
        padding-left: 0;
        padding-right: 0;
    }
}
/*    公告和议题子板块换行时加边界*/
@media screen and (max-width:720px) {
    #talkPageTop_list_right {
        border-top: 1px solid #a2a9b1;
        margin-top: 5px;
        padding-top: 5px !important;
    }
}
/*    窄屏：更窄的色带+flex强制换行*/
@media all and (max-width:600px) {
    .DB-MainContentWrapper {
        border-left: 8px solid #129822;
        border-right: 8px solid #129822;
    }
    .DB-flexMenu>.quarterDivision {
        flex: 0 0 100%;
        height :0;
        padding: 0;
    }
}
/*    搜索按钮换行时加一点留白*/
@media all and (max-width:566px) {/*There is probably a better way...*/
    .DB-contentDiv .searchboxInput {
        margin-bottom: 5px;
    }
    .DB-SubtitleText::after {
        content:"";
        margin-right: 0;
    }
}
/*    一键关注按钮快要换行的时候强制换行；调整格式*/
@media all and (max-width:500px) {
    #watchTalkPages {
        display: block;
        /*width: fit-content; not supported by TS, will use inline. Basically "Fuck you, Internet Explorer"; sad. */
        margin: 5px auto 0 auto;
    }
}
/*    超窄屏：flex强制逐项换行+字再小一点*/
@media screen and (max-width:370px) {
    .DB-flexMenu>div {
        flex: 0 1 370px;
    }
    .DB-flexMenu>div .descriptionText {
        font-size: 0.8em;
    }
}
/*无悬浮时隐藏悬浮提示，显示fallback*/
@media (hover:none) {
    .hover-note {
        display: none;
    }
    .hover-note-fallback {
        display: initial;
    }
}
/*打印效果*/
@media print {
  .DB-MainContentWrapper a[href]:after {
    content: none !important;
  }
}

[class^="markrights-"] {
  display: none !important;
}


/* [[Category:在模板名字空间下的CSS页面]] */