◆少前百科是非盈利性、非官方的少女前线维基百科。 ◆如果您发现某些内容错误/空缺,请勇于修正/添加!参与进来其实很容易!点这里 加入少前百科。 ◆有任何意见、建议、纠错,欢迎在 GFwiki:反馈与建议 提出和讨论。编辑事务讨论QQ群:597764980,微博@GFwiki少前百科 ◆To foreigners,You can use twitter to contact us. |
“MediaWiki:Vector.css”的版本间的差异
(1个标签:撤销) |
小 |
||
第875行: | 第875行: | ||
} | } | ||
#firstHeading::first-line { text-shadow: 2px 2px 2px black; } | #firstHeading::first-line { text-shadow: 2px 2px 2px black; } | ||
+ | .fnameheader { flex: 1; text-align: right; } | ||
#bodyContent { | #bodyContent { | ||
grid-area: bc; | grid-area: bc; |
2023年6月6日 (二) 00:15的最新版本
/* 这里放置的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 > 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; }
.fnameheader { flex: 1; text-align: right; }
#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; }