◆少前百科是非盈利性、非官方的少女前线维基百科。
◆如果您发现某些内容错误/空缺,请勇于修正/添加!参与进来其实很容易!点这里 加入少前百科
◆有任何意见、建议、纠错,欢迎在 GFwiki:反馈与建议 提出和讨论。编辑事务讨论QQ群:597764980,微博@GFwiki少前百科
◆To foreigners,You can use twitter to contact us.
Icon Nyto Silver.png

“MediaWiki:Vector.css”的版本间的差异

来自少前百科GFwiki
跳转至: 导航搜索
(适配插入到H1文本前的全称模板)
(撤销罗瓦讨论)的版本113550)
1个标签撤销
第867行: 第867行:
 
border-bottom: 3px solid #f4c430;
 
border-bottom: 3px solid #f4c430;
 
display: flex;
 
display: flex;
flex-direction: row-reverse;
 
 
grid-area: fh;
 
grid-area: fh;
 
height: 56px;
 
height: 56px;
justify-content: space-between;
 
 
padding: 0 .8em;
 
padding: 0 .8em;
 
position: sticky;
 
position: sticky;

2023年6月5日 (一) 22:38的版本

/* 这里放置的CSS将影响使用Vector皮肤的用户 */
/* pre */
@font-face {
	font-family: 'LinBiolinum';
    src: url("/images/Font/LinBiolinum_R.otf") format("opentype"),
    	url("/images/Font/LinBiolinum_R.woff") format("woff");
}

@font-face {
	font-family: 'LiberationMono';
    src: url("/images/Font/LiberationMono-Regular.ttf") format("truetype"),
    	url("/images/Font/LiberationMono-Regular.woff") format("woff");
}

pre {
    color: #eaeaea;
    font-size: 14px;
    background-color: #252525;
    font-family: 'LiberationMono';
    border: 1px solid #888;
}
/* 结构式讨论OOUI临时样式 */
.page-GFwiki_反馈与建议 div#mw-content-text div{color:black}
.page-GFwiki_反馈与建议 div#mw-content-text h2{color:black}
.page-GFwiki_反馈与建议 div#mw-content-text {background:#fafafa;padding:0 0.5rem}

/* <ref>高亮颜色 */
ol.references li:target, sup.reference:target{background:#555}
/* 注册页面样式 */
.mw-createacct-benefits-container > h2,.mw-createacct-benefits-container h3 ,.mw-createacct-benefits-container div{
    color: white !important;
}
.mw-abusefilter-history-changed{color:red}

/* Vector UI样式替代 Start */
/* smw属性页样式 */
.smw-property-page-results .value-row:hover {
    background-color: #7775;
    backdrop-filter: blur(10px);
}
.smwb-factbox .smwb-cell {
    border: 0px solid #999999;
    border-top: 2px solid rgb(34 34 34 / 33%);}
.smw-property-page-results .header-title {background:transparent !important}
.smwb-theme-light .smwb-propval {background-color:#555}

.smwb-theme-light .smwb-title, .smwb-theme-light .smwb-center, .smwb-theme-light .smwb-actions, .smwb-theme-light .smwb-prophead {background-color:#333}

.smwb-theme-light .smwb-factbox {
    border-left: 0.5em solid #777;
}

.smwb-theme-light .smwb-ifactbox {
    border-right: 0.5em solid #777;
}

.smwb-bottom {
    border-bottom: 2px solid #999;
}
.smw-callout-error {
    background: #333;
}
.smw-callout-warning {
	background: #333;
}

/* 通知样式 */
#options-list .smw-table span{color:black}
.mw-echo-ui-notificationsInboxWidget-toolbarWrapper {
    background: transparent !important;
}

.mw-notification-content{
    color: #292929;
}

.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active > .oo-ui-buttonElement-button > span {
    color: #eaeaea !important;
}
/*用body.page-xxx特定到页面, label.oo-ui-labelElement-label {
    color: #292929;
} */

/* 文件列表背景颜色 */
.mw-datatable td {
    background-color: #333;
}
.mw-datatable tr:hover td {
    background-color: #777;
}
.mw-datatable th {
    background-color: #655219;
}
/* Vector 差异文本样式 */
td.diff-deletedline .diffchange {
    background: #feeec8;
    color: #333;
}
td.diff-addedline .diffchange {
    color: #333;
}
td.diff-context {
    background: #333;
    border-color:#777
}
td.diff-context>div {
    color: #eaeaea;
}
/* Vector 后台样式 */
div#preferences {color:black}
.mw-htmlform-flatlist-item label {color:black}
ul#preftoc li {background-color:#ddd;}
#preferences h1 {color:black}
#preferences a {color:#0645ad;}
/* 杂项 未分类 */
.postedit-icon-checkmark{color:black;}
.mw-echo-ui-notificationBadgeButtonPopupWidget-popup > .oo-ui-popupWidget-popup > .oo-ui-popupWidget-head > .oo-ui-labelElement-label {
    color: black;
}

.editOptions .oo-ui-labelElement-label{
    color: #292929;
}

a.stub {color:#f4c430}
div#p-cactions >h3>span{color:#999}
div#p-cactions >h3 {background:#333}
div#p-cactions > input[type="checkbox"]:checked + h3 {    background: linear-gradient(to bottom,#333333 0%,#444444 35%);}
div#p-cactions > input[type="checkbox"]:checked + h3>span {color: #eaeaea;}
div#p-cactions:hover >h3>span {color:#bbb}
.ui-widget-content {
    border: 1px solid #aaa;
    background: #555 url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAABkEAIAAACY3hF0AAAAd0lEQ…3EStbDSVBAz05i8dYTcHbPPQlBpAkWxFEi7vGIx39Akt0JDx8zhdonkHMAAAAASUVORK5CYII=) 50% top repeat-x;
    color: #362b36;
}
#mw-head {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    background-image: linear-gradient(180deg,#f4c430 3px,transparent 3px);
    background-size: 100%;
    background-repeat: no-repeat;
}
/* 顶端用户栏 */
#p-personal {
    height: 28px;
    position: absolute;
    right: 0.0;
    z-index: 100;
    background-image: linear-gradient(90deg,transparent 80px, #444 160px, #444 518px);
    overflow: visible;
    padding-right: .8em;
    padding-top: .3em;
    top: 3px;
    margin-left: 1em;
    width: auto;
    background-position-x: right;
}
div#p-personal ul li a {
    color: #999;
}
div#p-personal ul li a:hover {
    color: #eaeaea;
    text-decoration: none;
    border-top: 1px solid #eaeaea;
    padding-top: 2px;
}
#pt-notifications-alert .mw-echo-notifications-badge:before {
    filter: drop-shadow(#ddd 0px 30px);
    transform: translateY(-27px) translateX(2px);
    padding: 15px 0px;
    overflow: hidden;
    background-size: 20px;
    background-image: url(data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2224%22 height=%2224%22 viewBox=%220 0 24 24%22%3E %3Cpath d=%22M17.5 14V9c0-3-2.3-5-5.5-5S6.5 6 6.5 9v5c0 2 0 3-2 3v1h15v-1c-2 0-2-1-2-3zM12 20H9c0 1 1.6 2 3 2s3-1 3-2h-3z%22/%3E %3C/svg%3E);
}

#pt-notifications-notice .mw-echo-notifications-badge:before {
    filter: drop-shadow(#ddd 0px 30px);
    padding: 15px 0px;
    transform: translateY(-27px) translateX(2px);
    overflow: hidden;
    background-size: 21px;
    background-image: url(data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2224%22 height=%2224%22 viewBox=%220 0 24 24%22%3E %3Cpath d=%22M3 13.35l1.8-7.2c.2-.996.81-1.8 1.8-1.8h10.8c.99 0 1.6.867 1.8 1.8l1.8 7.2v4.5c0 .99-.81 1.8-1.8 1.8H4.8c-.99 0-1.8-.81-1.8-1.8v-4.5zm6.96 1.8h4.08c-.49.557-1.212.9-2.04.9a2.68 2.68 0 0 1-2.04-.9h4.08c.414-.472.66-1.098.66-1.8h4.14l-1.44-7.2H6.6l-1.44 7.2H9.3c0 .702.246 1.328.66 1.8z%22/%3E %3C/svg%3E);
}
/*BASIC*/
a {
    color: #F4C430;
}
a:visited {
    color: #F28500;
}
div {
    color: #EAEAEA;
}
h1, h2, h3, h4, h5, h6 {
    color: #FFEBAD;
}

.mw-body-content h3, .mw-body-content h4 {
	font-weight: normal;
}

body {
    background-image:url(/images/1/19/Bg_new.jpg);
    background-repeat: no-repeat;
    background-repeat: no-repeat;
    background-position: center top;
    background-attachment: fixed;
    background-size: cover;
    font-family: "Microsoft YaHei", Sans-Serif;
    background-blend-mode: soft-light;
}


.black-black {
    background-color: black;
    color: black;
    cursor: crosshair;
}
html .thumbcaption {
    color: #333333 !important;
}
/*BASIC2*/
.mw-body a.extiw:visited {
    color: #F28500;
}
.oo-ui-optionWidget.oo-ui-labelElement .oo-ui-labelElement-label {
    display: block;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    color: #333;
}
.oo-ui-dropdownWidget.oo-ui-indicatorElement .oo-ui-dropdownWidget-handle .oo-ui-labelElement-label {
    margin-right: 2em;
    color: #000;
}

.suggestions-result {
    color: #eaeaea;
    margin: 0;
    line-height: 1.5em;
    padding: 0.01em 0.25em;
    text-align: left;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.mw-body a.extiw, .mw-body a.extiw:active {
    color: #F4C430;
}
div#mw-panel .portal.first.persistent {
    margin-top: 5.5em !important;
    border-top: 0px;
}
div#mw-panel .portal {
    margin: 0 0.6em 0 0.7em;
    padding: 0.25em 0;
    direction: ltr;
    background-position: top left;
    background-repeat: no-repeat;
    border-top: 1px solid #f4c430;
    text-shadow: 0 0 1px black;
}
div#mw-panel div.portal div.body ul li a:visited {
    color: #F28500;
}
div#mw-panel div.portal div.body ul li a {
    color: #F4C430;
}
#left-navigation {
    margin-top: 10em;
}
#right-navigation {
    margin-top: 10em;
}
ul {
    list-style-type: disc;
    list-style-image: none ;
}
.mw-body a.external:visited {
    color: #F28500;
}
.mw-body a.external {
    color: #F4C430;
}
a.new:visited, #p-personal a.new:visited {
    color: #FF4444;
}
a.new, #p-personal a.new {
    color: #F47130;
}
.mw-search-profile-tabs {
    background: linear-gradient(180deg , rgba(119, 119, 119, 0.66),rgba(51, 51, 51, 0.33) 100%);
    margin-top: 1em;
    border: 1px solid silver;
}
.mw-search-profile-tabs div.search-types ul li.current a {
    color: #eaeaea;
    cursor: default;
    font-weight: bold;
}
/*MAIN*/
fieldset#mw-searchoptions {
    margin: 0;
    padding: 0.5em 0.75em 0.75em 0.75em;
    background-color: rgba(51, 51, 51, 0.33);
    border: 1px solid silver;
}
.mw-wiki-logo {
    -webkit-filter: invert(.5) brightness(10);
}
body {
    background-color: #333333;
}
#mw-page-base {
    background: none;
    height: 200px;
    background-image: url(/images/vectorize_logo/GFWiki_LOGO_Filled.svg),url(//www.gfwiki.org/resources/assets/banner.png);
    background-repeat: no-repeat,repeat-x;
    background-size: 450px,100%;
    background-position: left top, left top;
}
div.vectorTabs li.selected {
    background: linear-gradient(to bottom,#333333 0%,#444444 35%);
}
div.vectorTabs {
    background: rgba(0, 0, 0, 0) ;
}
div.vectorTabs ul li {
        background: #333333;
}
div.vectorTabs span {
    background: rgba(0, 0, 0, 0);
}
.mw-body {
    border: 1px solid #333333;
    background-color: rgba(0, 0, 0, .7);
    /* backdrop-filter: blur(10px); */
}
div.vectorTabs li.selected a, div.vectorTabs li.selected a:visited {
    color: #FFF;
}
div.vectorTabs li a {
    color: #969696;
}
.MainPageBG>table {
    background: rgba(0,0,0,0) ;
}
.MainPageBG>table>tbody>tr>td>h2 {
    background: #333333 ;
    border: 1px solid #333333 ;
    color: #EAEAEA ;
}

div#mw-panel div.portal h3 {
    color: #EAEAEA;
}
#mw-panel.collapsible-nav .portal.collapsed h3 a {
    color: #FFEBAD;
}
#mw-panel.collapsible-nav .portal h3 a {
    color: #FFEBAD;
    text-decoration: none;
}
div#simpleSearch {
    background: #444444;
    border: 1px solid #9E9E9E;
    padding: 5px 0px;
    font-size: 18px;
    top: -9px;
}
div#simpleSearch:hover {
    border-color: #FFEBAD;
}
div#simpleSearch input {
    margin: 0;
    padding: 0;
    border: 0;
    background-color: transparent;
    color: #eaeaea;
}
div#simpleSearch input[type=search]::-webkit-search-cancel-button{
    display: none;
}
div#simpleSearch input#searchButton:hover {
    background-color: #f4c430cc;
}
.suggestions-results {
    background-color: #444444;
    border: solid 1px #444444;
}
.suggestions-special {
    background-color: #333333;
    border: solid 1px #333333;
}
.suggestions-special .special-query {
    color: #EAEAEA;
    font-style: italic;
    text-align: left;
}
.suggestions-result-current {
    background-color: #333333;
    color: #F4C430 !important;
}
.catlinks, td.MainPageBG, table#mp-topbanner, .infobox, .mw-warning, .toccolours, .mbox-small {
    border: 1px solid #333333 ;
    background-color: #333333 ;
    color: #EAEAEA;
    box-shadow: 0 2px 10px rgba(0,0,0,0.2) ;
}
.navbox { /*Without shadow*/
    border: 1px solid #333333 ;
    background-color: #333333 ;
    color: #EAEAEA;
}
table.wikitable {
    background-color: #333333;
    border: 1px solid #333333;
    border-collapse: collapse;
    color: #EAEAEA;
}
table.wikitable > tr > th, table.wikitable > tr > td, table.wikitable > * > tr > th, table.wikitable > * > tr > td {
    border: 1px solid gray;
    color: #eaeaea;
    /*background: #333333 !important;*/
}

.mw-collapsible>th, .mw-collapsed>th {
    color: #FFFFFF ;
}
.navbox th, .navbox-title {
    background: rgba(0, 0, 0, 0);
}
.navbox-even {
    background: #333333;
}
.navbox-list {
    border-color: #333333;
}
.navbox-subgroup .navbox-group, .navbox-subgroup .navbox-abovebelow {
    background: #333333;
}
td.navbox-list.navbox-odd {
    background: #444444;
}
navbox-subgroup>tr>td {
    background: #333333;
}
#mw-newarticletext {
    color: #EAEAEA ;
}
.editOptions>div, #wpSummaryLabel>label {
    color: #616161 !important ;
}

/* #mw-content-text>table {
    background: #333333 ;
    border-color: #333333 ;
} */

#p-logo {
    width: 380px;
    height: 111px;
    /*width: 35em;*/
    /*height: 10em;*/
}
#p-logo a {
    background-image: none;
    width: 380px;
    height: 111px;
    /*width: 35em;*/
    /*height: 9em;*/
}
div#footer {
    background-color: rgba(10, 10, 10, 0.8);
}
div#footer ul li {
    color: #cecece;
}
/*Table*/
.opacity-black { 
    background-color: #000; 
    opacity: 0.1;
}

/* new table css */
table.dollTable {
    display: table;
    width: 100%;
    max-width: 1024px;
    background-color: #111;
    border: 1px solid #888;
    text-align: center;
    margin-bottom: 5px;
}

table.dollTable td {
    border: 1px solid #333;
    background-color: #222;
    padding: 3px;
}

table.dollTable th {
    border: 1px solid #f4c430;
    background-color: #f4c430;
    color: black;
    padding: 3px;
}

/* 语音table样式 */
table.voiceTable tr:hover {
    background-color: #f4c430;
    color: black;
}

table.voiceTable tr {
    transition: all 0.3s cubic-bezier(0,0,0.45,1.02);
    transition-property: background-color,color;
}

/* desktop voiceTable */
.voiceTableBox {
    text-align: center;
    line-height: 1.5rem;
    max-width: 1024px;
    width: 100%;
}

.voiceTableBox tbody tr th {
    background-color: #f4c430;
    color: #000;
}

.voiceTableBox tbody tr th div {
    color: #000;
}

.voiceTableBox tbody tr th span a {
    color: #000;
}

.voiceTable {
    text-align: center;
    line-height: 1.5rem;
    max-width: 1024px;
    width: 100%;
    background-color: rgb(0 0 0 / 72%);
    display: grid;
    grid-template-columns: repeat(10, 1fr);
    grid-gap: 2px 2px;
}

.voiceTableSortTitle {
    grid-column: 1 / 11;
    background-color: #f4c430;
    color: #222;
    padding: 0.5rem;
    font-weight: bold;
}

.voiceTableTitle {
    grid-column: 1 / 2;
    background-color: #f4c430;
    color: #222;
    font-weight: bold;
}

.voiceTableContent {
    grid-column: 2 / 10;
    text-align: left;
    background-color: rgb(68 68 68 / 51%);
}

.voiceTableMedia {
    grid-column: 10 / 11;
    padding: 0.5rem 0rem;
    background-color: rgb(68 68 68 / 51%);
}

.voiceTableContent:hover {
    background-color: rgb(244 196 48 / 0.75);
    color: #000;
    transition: 0.4s ease;
}

.mw-collapsible tbody tr td .voiceTable .voiceTableContent {
    grid-column: 2 / 11;
}

/* 编辑器 ace_editor 样式 */
.ace_line ,.ace_gutter div,.codeEditor-status span,.codeEditor-status-message,.ace_content span{color:black}

/* width 820以下自动隐藏导航栏 @media only screen and (max-width: 820px) {
    div#mw-panel {display:none;}
    div#left-navigation{margin-left:0;}
    .mw-body {margin-left:0;}
    #footer {margin-left:0;}
} */
/* 磨砂效果head 不会用,放着先 */
        .container{
            width: 287px;
            height: 285px;
            background-image: url(background.png);
            background-repeat: no-repeat;
            background-attachment: fixed;
            overflow: hidden;
        }

        .frosted-glass{
            width: 287px;
            height: 285px;
            background: inherit;
            -webkit-filter: blur(5px);
            -moz-filter: blur(5px);
            /*-ms-filter: blur(5px);*/
            /*-o-filter: blur(5px);*/
            filter: blur(5px);
            filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius=4, MakeShadow=false);
        }

        .weather{
            width:80px;
            height:80px;
            margin-top: -200px;
            margin-left: 100px;
            position: relative;
            display: block;
        }

/* 磨砂效果end */
/* Wiki UI样式替代 end*/

/* gallerybox css */
li.gallerybox div.thumb {
    border: 1px solid #222;
    background-color: #222;
    box-shadow: 0 0 2px 1px #292929;
    transition: box-shadow 0.5s;
}

li.gallerybox div.thumb:hover {
    box-shadow: 0 0 6px 0px #555;
}

/** MenuSidebar **/
/* this has to be overridden for every menu */
#p-Menu,
#p-Menu2,
#p-Menu3 {
 overflow: visible; 
}

/* this has to be overridden for every menu */
#p-Menu div,
#p-Menu2 div,
#p-Menu3 div {
 margin: 0;
 padding: 0;
}

/* this is an example to make the list of the second entry bigger e.g. when ther is a longer text in a list item
#p-Menu ul li.item2 ul {
 width: 16em;
}
*/

/* this an example to change the background color of every second list item
li.even {
 background-color: #eeeeee;
}
*/

.menuSidebar ul { /* remove bullets and list indents */
 list-style: none;
 margin: 0;
 padding: 0;
}

/* this div is only for better handling and navigation  ... could also be done in inner ul*/
.menuSidebar ul div { 
 position: absolute;
 top: -6px;
 left: 100%; /* to position them to the right of their containing block */
 width: 100%; /* width is based on the containing block */
 z-index: 100; /* show ul on top */
}

.menuSidebar ul ul { 
 background-color: white;
 border: 1px solid #aaaaaa;
 margin-top: 5px; /* make navigation easier*/
 margin-bottom: 5px; /* make navigation easier*/
 z-index: 101; /* show on top; Needed for IE 7 */
 width: 12em; /* width of inner menu, Needed for IE 7 */
}

.menuSidebar li {
 position: relative; /* make li a container for inner elements */
 margin: 1px;
 z-index: 102; /* show on top; Needed for IE 7 */
}

/* style, color and size links and headings to suit */
.menuSidebar a {
 font-weight: bold;
 display: block;
 border-width: 0px 0px 1px 0px;
 border-style: solid;
 border-color: #aaaaaa;
 margin: 0px;
 padding: 1px;
 padding-left: 5px;
 color: #000000;
 text-decoration: none;
}

/* move the &gt; to the right */
.menuSidebar a em {
 position: absolute;
 right: 4px;
}

.menuSidebar li:hover, /* Needed for IE 7 */
.menuSidebar a:hover {
 background: #ccccff;
}

.menuSidebar li.separator a:hover {
 background: white;
}

/* Needed for IE 7 */
.menuSidebar li.separator a,
.menuSidebar li.separator {
 line-height: 0px;
 height: 0px;
 font-size: 0px;
}

.menuSidebar ul li:last-Child a { 
 border-width: 0px 0px 0px 0px; // remove the last bottom line 
 padding-bottom: 0px;
}

/* hides the first level */
.menuSidebar ul li div { display: none; }

/* shows the first level and hide the second */
.menuSidebar ul li:hover div, 
.menuSidebar ul li div:hover { display: block; } /* div is again used for easier navigation*/
.menuSidebar ul li:hover ul li div { display: none; } /* hide the next level */

/* second level*/
.menuSidebar ul li ul li:hover div,
.menuSidebar ul li ul li div:hover  { display: block; } /* div is again used for easier navigation*/
.menuSidebar ul li ul li:hover ul li div { display: none; }  /* hide the next level */

/* third level */
.menuSidebar ul li ul li ul li:hover div,
.menuSidebar ul li ul li ul li div:hover   { display: block; } /* div is again used for easier navigation*/
.menuSidebar ul li ul li ul li:hover ul li div { display: none; }  /* hide the next level */

/** MenuSidebar end **/

/** GFHideSidebar v1.1 **/
div#SidebarButton {
    position:absolute;
    display:block;
    left:11rem;
    top:14rem;
    width: 18px;
    height: 24px;
    background-color:rgba(55,55,55,1);
    border:1px solid #777;
    border-left:none;
    border-radius: 0 12px 12px 0;
    transition:0.2s all ease-out;
    cursor: pointer;
}
body.hide div#SidebarButton::after{content:"\f054"}
div#SidebarButton::after{
  display: inline-block;
  padding: 3px;
  content: "\f053";
  position: relative;
  font-weight: 900;
  font-family: "Font Awesome 5 Free";
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 19px;
}
div#SidebarButton:hover{
  background-color:#f4c430;
  color:black;
}
body.hide #MenuSidebar{
    opacity:0;z-index:-1
}
#MenuSidebar{
        transition:0.2s all ease-out;opacity:1
}
body.hide #content,body.hide #footer,body.hide #left-navigation{
    margin-left:0rem !important;
}
#footer, #left-navigation {transition:0.2s margin-left ease-out;}
body.hide div#SidebarButton {left:0rem;}
#GFHideSidebar {display:none !important}


/** GFHideSidebar end **/

/* gfitem */

.gfItemBox {
    position: relative;
    width: 50px;
    height: 50px;
    display: inline-block;
    background-color: #eaeaea;
    border: 3px double #222222;
    margin: 5px;
    margin-right: 12px;
}

.gfItemImgBox {
    width: 100%;
    height: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 90%;
}

.gfItemText {
    position: absolute;
    bottom: -6%;
    right: -25%;
    background-color: #d0d0d0;
    color: #000;
    padding: 0px 10%;
    font-size: 0.8rem;
    line-height: 1rem;
    box-shadow: 0 0 2px black;
}
/* gfitem */

/* 常驻H1和TOC布局 */
div#MenuSidebar li { z-index: 102!important; }
#content {
	display: grid;
	grid-template-areas: "sn sn""fh fh""bc toc";
	grid-template-columns: minmax(0, 100%) 240px;
	padding: 1.25em 0 1.5em !important;
	transition: 0.2s all ease-out;
}
#content.notoc { grid-template-columns: minmax(0, 100%) 0; }
#siteNotice { grid-area: sn; }
#firstHeading {
	align-items: center;
	backdrop-filter: blur(10px);
	border-bottom: 3px solid #f4c430;
	display: flex;
	grid-area: fh;
	height: 56px;
	padding: 0 .8em;
	position: sticky;
	top: 0;
	z-index: 11;
}
#firstHeading::first-line { text-shadow: 2px 2px 2px black; }
#bodyContent {
	grid-area: bc;
	padding: 0 1.5em;
}
#bodyContent:nth-last-child(2) { grid-area: bc / bc / toc / toc ; }
#toc-sidebar {
	grid-area: toc;
}
.toc {
	--toc-max-height: calc(100vh - 73px);
	background: none;
	border: none;
	display: block;
	max-height: var(--toc-max-height);
	position: sticky;
	top: 59px;
}
.toc > ul {
	max-height: calc(var(--toc-max-height) - 23px);
	overflow-y: scroll;
}
.toc > ul::after {
	content: '—目录已到底—';
	display: block;
	text-align: center;
	width: 100%;
}
.tocnumber { color: white; }

.flow-topic-titlebar { background-color: #f4c430; }
.flow-topic-title { color: #212121; }
.flow-topic-summary-content div { color: darkgoldenrod; }
.error div { color: #dd3333; }