User:海都市/马房/style2.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:%E6%B5%B7%E9%83%BD%E5%B8%82/%E9%A9%AC%E6%88%BF/style2.css?_=1}-

/* 改自[[User:Chi_ZJ2/Sandbox2/style.css]] */
 
.display {
    background: #f8f9fa;
    border: 1px solid #a2a9b1;
    padding: 5px;
    float: left;
    width: 100%;
}
 
.navibox .infoBoxIcon {
    display: none;
}
 
.codeBlock {
    display: block;
}
 
.code {
    width: 100%;
    padding: 5px;
}
 
.placeholder {
    display: flex;
    justify-content: center;
    background: #FFF8DC;
    border: 1px solid #FFD700;
    text-align: center;
    margin: 0 5px;
    vertical-align: middle;
}
 
.example {
    border: 1.5px solid #968ba8;
    background: rgba(219, 219, 228, .3);
    margin: 2.35em 0 0 3em;
    padding: 0.6em 1em 0.6em;
}
 
.example-icon {
    color: white;
    background: #8673a4;
    font-size: small;
    float: left;
    padding: 0.2em 1em;
    margin-left: 3.2em;
    margin-right: calc(100% - 8em);
    border-radius: 5px 5px 0 0;
}
 
/* 二级标题 */
h2 {
    font-family: initial !important;
    border-bottom: 0;
    font-weight: normal;
    text-align: center;
    margin: 3em 0 1em -0.8em;
}
 
.partTitle {
    border-top: 3px solid #005cc5;
    font-weight: bold;
    font-size: larger;
    margin: .2em 0 0 0;
    background: #d2e7ff;
    color: #005cc5;
    padding: 3px;
    letter-spacing: 5px;
}
 
h2 > .mw-editsection {
    margin-left: 0;
}
 
/* 三级标题 */
h3 {
    counter-reset: section; /* 重置四级标题计数器 */
    font-size: larger;
    padding: 0.2em;
    margin: 2.5em 0 0.8em -1em;
    width: 55%;
    min-width: 25em;
    border: none;
    overflow: visible;
    background: linear-gradient(#53a6f9, #1168bf);
    border-radius: 0 12px 0 0;
    font-family: serif;
    position: sticky;
    top: 0;
    z-index: 999;
    white-space: nowrap; /* 禁止内部文本换行 */
}
 
h3 a,
h3 a:hover,
h3 a:focus {
    color: #fff!important;
}
 
.two-columns {
    column-count: 1;
    column-rule-style: none;
}
 
h3 .mw-headline {
    font-family: "sans-serif";
    position: relative;
    padding-left: 2.5em;
    color: white;
}
 
h3 .mw-headline::before {
    content: "";
    width: 30px;
    height: 30px;
    background-image: url("https://img.moegirl.org.cn/common/6/65/%E8%B5%9B%E9%A9%AC%E5%A8%98_%E9%87%91%E8%B9%84%E9%93%81%E5%9B%BE%E6%A0%87.png");
    position: absolute;
    background-size: 25px;
    background-repeat: no-repeat;
    left: 3px;
    top: 0.5px;
}
 
/* 四级标题 */
/* 利用counter自动生成数字编号 */
h4::before {
    width: 2.2em;
    display: inline-block;
    background-color: darkblue;
    color: white;
    text-align: center;
    border-radius: 0 25% 25% 0;
    margin: 0 0.5em 0.5em 0;
    counter-increment: section;
    content: counter(section) ". ";
    white-space: nowrap;
}
 
h4 .mw-headline {
    display: inline-block;
    font-size: large;
    font-weight: lighter;
}
 
@media screen and (min-width: 982px) {
    h3 {
        margin-left: -1.5em;
    }
 
    h2 {
        margin-left: -1.2em;
    }
 
    .two-columns {
        column-count: 2;
        max-width: 60em;
        margin: 0 auto;
    }
 
    /* 目录相关 */
    .toc {
        width: 35em;
    }
    .toc ul {
        column-count: 2;
    }
    .toc ul > li > ul {
        column-count: 1;
    }
    .toctoggle {
        float: right;
    }
}
 
/* 当屏幕较窄时，取消掉特殊效果 */
/* 二级标题的调整 */
@media screen and (max-width: 600px) {
    h2 br {
        display: none;
    }
 
    h2 .partTitle {
        display: inline;
        border: none;
        background: none;
        font-size: 1.5rem;
        font-weight: normal;
        color: black;
        padding: initial;
        padding-left: 1em;
        letter-spacing: initial;
    }
}

User:海都市/马房/style2.css

导航菜单

搜索