User:公的驱逐舰/DBMain.css

注意：在保存之后，您可能需要清除浏览器缓存才能看到所作出的变更的影响。

Firefox/Safari：按住“Shift”的同时单击“刷新”，或按“Ctrl-F5”或“Ctrl-R”（Mac为“⌘-R”）
Google Chrome：按“Ctrl-Shift-R”（Mac为“⌘-Shift-R”）
Internet Explorer：按住“Ctrl”的同时单击“刷新”，或按“Ctrl-F5”
Opera：在“工具→首选项”中清除缓存

如果您已登录但该页面出现未登录状态，请尝试在地址栏的地址最后添加代码?_=1来访问最新页面。: 添加代码后的本页地址如下：-{R|https://moegirl.icu/User:%E5%85%AC%E7%9A%84%E9%A9%B1%E9%80%90%E8%88%B0/DBMain.css?_=1}-

/*主导航板块包覆*/
.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;
    max-width: 850px;
}
.DB-warning {
    flex-basis: 320px;
}
.DB-notice {
	flex: 1 0 420px;
    font-size: 0.75em;
    line-height: 1.5;
}
/*讨论版目录标题*/
#讨论版目录 {
    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;
    }
}
/*    公告和议题子板块换行时加边界*/
@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;
  }
}

User:公的驱逐舰/DBMain.css

导航菜单

搜索