User:LittleNyima/stylesheet.css

注意：保存之后，你必须清除浏览器缓存才能看到做出的更改。Google Chrome、Firefox、Microsoft Edge及Safari：按住⇧ Shift键并单击工具栏的“刷新”按钮。参阅Help:绕过浏览器缓存以获取更多帮助。
/* This stylesheet is derived from User:Lopullinen/styles.css */


/* 布局框架 */

#main {
    border: 1px solid rgb(162, 169, 177); /* Vector皮肤二级目录底线颜色 */
    padding: 1em;
    display: grid;
    grid-column-gap: 1em;
    grid-template-columns: auto 240px;
    margin: auto;
    max-width: calc(1492px - 2em - 2px);
}

h2,
h3 {
    margin-left: auto; /* 手机版视图中，三级目录将显示为table块元素 */
    margin-right: auto;
    text-align: center;
}

/* 頂欄與底欄 */

.ombox, #quote, #footer {
    margin-left: auto;
    margin-right: auto;
    max-width: 1492px;
    width: 100%;
}

#quote {
    font-family: cursive;
    margin-top: 0.5em;
    margin-bottom: 0.5em;
    text-align: center;
}

cite {
    display: inline-block;
    font-size: smaller;
}

cite::before {
    content: "——";
}

#footer {
    color: rgb(162, 169, 177);
    font-size: 87.5%;
    margin-top: 0.5em;
    margin-bottom: 0.5em;
    text-align: right;
}

/* 左栏 */

#content > p,
#content > ul {
    text-indent: 2em; /* 每段首行空两格 */
}

#content > ul {
    list-style: none none;
    margin-left: 0 !important; /* !important用于手机版视图 */
    padding-left: 0 !important;
}

/* 右栏 */

.encouragements > div {
    width: 240px;
}

.encouragements > div > table:first-child {
    float: left !important;
}

.encouragements > div > .content-table-wrapper:first-child {
    float: left !important; /* Fixed the Timeless skin */
}

.encouragements > div > .content-table-wrapper:last-child {
    float: right !important; /* Fixed the Timeless skin */
}

.encouragements,
.userboxes {
    display: grid;
    grid-template-columns: repeat(auto-fill, 240px);
    grid-column-gap: 4px;
}

.wikipediaencourage {
    margin-top: 0 !important; /* !important用于手机版视图 */

}

/* 布局框架 */

#main {
    border: 1px solid rgb(162, 169, 177); /* Vector皮肤二级目录底线颜色 */
    padding: 1em;
    display: grid;
    grid-column-gap: 1em;
    grid-template-columns: auto 240px;
    margin: auto;
    max-width: calc(1492px - 2em - 2px);
}

h2,
h3 {
    margin-left: auto; /* 手机版视图中，三级目录将显示为table块元素 */
    margin-right: auto;
    text-align: center;
}

/* 頂欄與底欄 */

.ombox, #quote, #footer {
    margin-left: auto;
    margin-right: auto;
    max-width: 1492px;
    width: 100%;
}

#quote {
    font-family: cursive;
    margin-top: 0.5em;
    margin-bottom: 0.5em;
    text-align: center;
}

cite {
    display: inline-block;
    font-size: smaller;
}

cite::before {
    content: "——";
}

#footer {
    color: rgb(162, 169, 177);
    font-size: 87.5%;
    margin-top: 0.5em;
    margin-bottom: 0.5em;
    text-align: right;
}

/* 左栏 */

#content > p,
#content > ul {
    text-indent: 2em; /* 每段首行空两格 */
}

#content > ul {
    list-style: none none;
    margin-left: 0 !important; /* !important用于手机版视图 */
    padding-left: 0 !important;
}

/* 右栏 */

.encouragements > div {
    width: 240px;
}

.encouragements > div > table:first-child {
    float: left !important;
}

.encouragements > div > .content-table-wrapper:first-child {
    float: left !important; /* Fixed the Timeless skin */
}

.encouragements > div > .content-table-wrapper:last-child {
    float: right !important; /* Fixed the Timeless skin */
}

.encouragements,
.userboxes {
    display: grid;
    grid-template-columns: repeat(auto-fill, 240px);
    grid-column-gap: 4px;
}

.wikipediaencourage {
    margin-top: 0 !important; /* !important用于手机版视图 */

}

/* 窄屏幕 */
@media screen and (max-width: 720px) {
    #main {
        grid-template-columns: auto;
    }
}

/* 寬螢幕 */
@media screen and (min-width: 1600px) {
    #main {
        grid-template-columns: auto 484px;
    }
  
    #content > ul {
        column-width: 22em;
    }
}