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

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

来自少前百科GFwiki
跳转至: 导航搜索
 
(未显示5个用户的198个中间版本)
第1行: 第1行:
 
/* 这里放置的CSS将应用于所有皮肤 */
 
/* 这里放置的CSS将应用于所有皮肤 */
/*BASIC*/
+
/* 表格logo */
a {
+
table.logo::after{
     color: #F4C430;
+
     content: "";
 +
    position: absolute;
 +
    bottom: 00px;
 +
    right:00px;
 +
    pointer-events: none;
 +
    width: 250px;
 +
    height: 250px;
 +
    opacity:0.1;
 +
    background: url(/images/vectorize_logo/GFWiki_LOGO_Square_Filled.svg) no-repeat right bottom;
 +
    background-size: 80%;
 
}
 
}
a:visited {
+
table.logo{position:relative;}
    color: #F28500;
+
/* Sidebar Glass effect
 +
div#MenuSidebar > ul{backdrop-filter: blur(10px);-webkit-backdrop-filter: blur(10px);} */
 +
 
 +
.lazyload,
 +
.lazyloading {
 +
opacity: 0;
 
}
 
}
div {
+
.lazyloaded {
    color: #EAEAEA;
+
opacity: 1;
 +
transition: opacity 300ms;
 
}
 
}
h1, h2, h3, h4, h5, h6 {
+
 
     color: #FFEBAD;
+
.stattable th .mw-collapsible-text {color:black !important}
 +
/* OOUI颜色Hack */
 +
div.codemirror-popup-text {
 +
     color:black;
 
}
 
}
body {
+
/* OOUI画廊模式替代 */
    background-image: url(/resources/assets/lin.png),url(/resources/assets/gf_bg.jpg);
+
ul.mw-gallery-packed-hover li.gallerybox:hover div.gallerytextwrapper, ul.mw-gallery-packed-overlay li.gallerybox div.gallerytextwrapper, ul.mw-gallery-packed-hover li.gallerybox.mw-gallery-focused div.gallerytextwrapper {
    background-repeat: no-repeat;
+
     background: rgba(0, 0, 0, 0.6);
    background-position: center 99%,center top;
 
     background-attachment: fixed,fixed;
 
    background-size: 12em,cover;
 
    font-family: "Microsoft YaHei", Sans-Serif;
 
 
}
 
}
.black-black {
+
/* spine 全局样式 */
     background-color: black;
+
div[data-tdoll-id] {
     color: black;
+
     position: relative;
     cursor: crosshair;
+
    justify-content: center;
 +
     align-items: center;
 +
     display: flex;
 
}
 
}
html .thumbcaption {
+
 
     color: #333333 !important;
+
/* 加密(方块化文字)样式 */
 +
.codifytext {
 +
     display: inline-block;
 +
    -webkit-text-security: square;
 +
    cursor: help;
 
}
 
}
/*BASIC2*/
+
 
.mw-body a.extiw:visited {
+
.codifytext:hover {
     color: #F28500;
+
     -webkit-text-security: none;
 
}
 
}
.oo-ui-optionWidget.oo-ui-labelElement .oo-ui-labelElement-label {
+
 
    display: block;
+
/* template:折叠 样式 */
    white-space: nowrap;
+
div.simpleCollapse span {
     text-overflow: ellipsis;
+
     border: 4px solid;
     overflow: hidden;
+
     display: inline-block;
    color: #333;
 
}
 
.oo-ui-dropdownWidget.oo-ui-indicatorElement .oo-ui-dropdownWidget-handle .oo-ui-labelElement-label {
 
    margin-right: 2em;
 
 
     color: #000;
 
     color: #000;
 +
    padding: 0.5rem 1rem;
 +
    border-radius: 0px;
 +
    cursor: pointer;
 +
    background: #f4c430;
 +
    border-image: url(/images/vectorize_border/border_dot.svg);
 +
    border-image-slice: 2;
 +
    border-image-width: 2px;
 +
    background-clip: padding-box;
 +
    transition: all 0.1s ease-in-out;
 +
    user-select: none;
 
}
 
}
.suggestions-result {
+
div.simpleCollapse span.silver {
     color: #eaeaea;
+
    border: 4px solid;
     margin: 0;
+
    display: inline-block;
     line-height: 1.5em;
+
     color: #fff;
     padding: 0.01em 0.25em;
+
     padding: 0.5rem 1rem;
     text-align: left;
+
     border-radius: 0px;
     overflow: hidden;
+
    cursor: pointer;
     -o-text-overflow: ellipsis;
+
     background: #333;
     text-overflow: ellipsis;
+
     border-image: url(/images/vectorize_border/border_dot.svg);
     white-space: nowrap;
+
     border-image-slice: 2;
 +
     border-image-width: 2px;
 +
    background-clip: padding-box;
 +
     transition: all 0.1s ease-in-out;
 +
     user-select: none;
 
}
 
}
.mw-body a.extiw, .mw-body a.extiw:active {
+
 
     color: #F4C430;
+
/* template:折叠2 样式 */
 +
div.gfCollapse span.gfCollapseTitle {
 +
    border: 4px solid;
 +
    display: inline-block;
 +
    padding: 0.5rem 1rem;
 +
    border-radius: 0px;
 +
    cursor: pointer;
 +
    border-image: url(/images/vectorize_border/border_dot.svg);
 +
    border-image-slice: 2;
 +
    border-image-width: 2px;
 +
    background-clip: padding-box;
 +
    transition: all 0.1s ease-in-out;
 +
     user-select: none;
 
}
 
}
div#mw-panel div.portal div.body ul li a:visited {
+
 
    color: #F28500;
+
span.gfCollapseSign {
 +
float: right;
 +
font-weight: bold;
 
}
 
}
div#mw-panel div.portal div.body ul li a {
+
 
     color: #F4C430;
+
/* 回到顶部 */
 +
.backToTop {    opacity: 1;
 +
    filter: alpha(opacity=100);
 +
    position: fixed;
 +
    z-index: 102;
 +
    bottom: 10px;
 +
    right: 5px;
 +
    display: none;
 +
    height: 160px;
 +
    width: 100px;
 +
    background-repeat: no-repeat;
 +
    background-image: url(/images/d/df/Up_btn.gif);
 +
     background-color: transparent;
 +
    background-size: 100%;
 +
    cursor: pointer;
 
}
 
}
#left-navigation {
+
 
    margin-top: 10em;
+
/* 隐藏编辑页面中的返回顶部按钮 */
 +
.action-edit .backToTop,
 +
.action-submit .backToTop {
 +
  display: none !important;
 
}
 
}
#right-navigation {
+
 
    margin-top: 10em;
+
/* 小头像通用样式 */
 +
div.TDavatar {
 +
position: relative;
 +
width: 100px;
 +
height: 100px;
 +
background-repeat: no-repeat;
 +
background-size: 100% 100%;
 +
display: inline-block
 
}
 
}
ul {
+
div.TDavatar img {
    list-style-type: disc;
+
padding: 10%;
    list-style-image: none ;
+
        width: 80% !important;
 +
        height: 80% !important;
 
}
 
}
.mw-body a.external:visited {
+
div.TDavatar::after {
    color: #F28500;
+
left: 0px;
 +
top: 0px;
 +
width: 100%;
 +
height: 100%;
 +
background-repeat: no-repeat;
 +
background-size: 100% 100%;
 +
pointer-events: none;
 +
z-index: 1
 
}
 
}
.mw-body a.external {
+
/* 小头像稀有度样式 */
     color: #F4C430;
+
div.TDavatar.rareBlank {
 +
     background-image: url(/images/8/84/Item_blank.png);
 
}
 
}
a.new:visited, #p-personal a.new:visited {
+
 
     color: #FF4444;
+
div.TDavatar.rare2::after {
 +
    content:" ";
 +
    background-image:url(/images/8/84/Icon_2x_star.png);
 +
     position: absolute;
 
}
 
}
a.new, #p-personal a.new {
+
div.TDavatar.rare2 {
     color: #F47130;
+
     background-image: url(/images/b/b4/Icon_2x.png);
 
}
 
}
.mw-search-profile-tabs {
+
 
     background: linear-gradient(180deg , rgba(119, 119, 119, 0.66),rgba(51, 51, 51, 0.33) 100%);
+
div.TDavatar.rare3::after {
     margin-top: 1em;
+
     content:" ";
     border: 1px solid silver;
+
     background-image:url(/images/4/45/Icon_3x_star.png);
 +
     position: absolute;
 
}
 
}
.mw-search-profile-tabs div.search-types ul li.current a {
+
div.TDavatar.rare3 {
     color: #eaeaea;
+
     background-image: url(/images/3/31/Icon_3x.png);
    cursor: default;
 
    font-weight: bold;
 
 
}
 
}
/*MAIN*/
+
 
fieldset#mw-searchoptions {
+
div.TDavatar.rare4::after {
     margin: 0;
+
     content:" ";
    padding: 0.5em 0.75em 0.75em 0.75em;
+
     background-image:url(/images/b/b4/Icon_4x_star.png);
     background-color: rgba(51, 51, 51, 0.33);
+
     position: absolute;
     border: 1px solid silver;
 
 
}
 
}
.mw-wiki-logo {
+
div.TDavatar.rare4 {
     -webkit-filter: invert(.5) brightness(10);
+
     background-image: url(/images/2/29/Icon_4x.png);
 
}
 
}
body {
+
 
     background-color: #333333;
+
div.TDavatar.rare5::after {
 +
    content:" ";
 +
     background-image:url(/images/b/ba/Icon_5x_star.png);
 +
    position: absolute;
 
}
 
}
#mw-page-base {
+
div.TDavatar.rare5 {
    background: none;
+
     background-image: url(/images/4/45/Icon_5x.png);
    height: 200px;
 
     background-image: url(/resources/assets/gf_logo_h_full.png),url(/resources/assets/banner.png);
 
    /*background-position: 1em,top;*/
 
    background-repeat: no-repeat,repeat-x;
 
 
}
 
}
div.vectorTabs li.selected {
+
 
     background: linear-gradient(to bottom,#333333 0%,#444444 35%);
+
div.TDavatar.rare6::after {
 +
    content:" ";
 +
     background-image:url(/images/c/cb/Icon_6x_star.png);
 +
    position: absolute;
 
}
 
}
div.vectorTabs {
+
div.TDavatar.rare6 {
     background: rgba(0, 0, 0, 0) ;
+
     background-image: url(/images/b/b5/Icon_6x.png);
 
}
 
}
div.vectorTabs ul li {
+
 
        background: #333333;
+
div.TDavatar.rareEX::after ,div.TDavatar.rare1::after  {
 +
    content:" ";
 +
    background-image:url(/images/0/05/Icon_Ex_star.png);
 +
    position: absolute;
 
}
 
}
div.vectorTabs span {
+
div.TDavatar.rareEX , div.TDavatar.rare1 {
     background: rgba(0, 0, 0, 0);
+
     background-image: url(/images/8/8a/Icon_Ex.png);
 
}
 
}
.mw-body {
+
 
     border: 1px solid #333333;
+
div.TDavatar.SF::after {
     background-color: rgba(12,12,12,0.90);
+
     content:" ";
     box-shadow: 0 5px 5px rgba(0,0,0,0.2);
+
     background-image:url(/images/b/b0/Icon_SF_star.png);
 +
     position: absolute;
 
}
 
}
div.vectorTabs li.selected a, div.vectorTabs li.selected a:visited {
+
div.TDavatar.SF {
     color: #FFF;
+
     background-image: url(/images/3/38/Icon_SF.png);
 
}
 
}
div.vectorTabs li a {
+
 
     color: #969696;
+
div.TDavatar.none::after {
 +
     content:" ";
 +
    background-image:url(/images/5/5f/Icon_none_star.png);
 +
    position: absolute;
 
}
 
}
.MainPageBG>table {
+
div.TDavatar.none {
     background: rgba(0,0,0,0) ;
+
     background-image: url(/images/3/37/Icon_none.png);
 
}
 
}
.MainPageBG>table>tbody>tr>td>h2 {
+
/* Infobox template style */
    background: #333333 ;
+
.infobox {
    border: 1px solid #333333 ;
+
  border: 1px solid #a2a9b1;
    color: #EAEAEA ;
+
  background-color: #f8f9fa;
 +
  color: black;
 +
  margin-bottom: 0.5em;
 +
  margin-left: 1em;
 +
  padding: 0.2em;
 +
  float: right;
 +
  clear: right;
 
}
 
}
div#mw-panel {
+
.infobox td,
    padding-top: 2em;
+
.infobox th {
 +
  vertical-align: top;
 
}
 
}
div#mw-panel div.portal h3 {
+
.infobox caption {
    color: #EAEAEA;
+
  font-size: larger;
 
}
 
}
#mw-panel.collapsible-nav .portal.collapsed h3 a {
+
.infobox.bordered {
    color: #FFEBAD;
+
  border-collapse: collapse;
 
}
 
}
#mw-panel.collapsible-nav .portal h3 a {
+
.infobox.bordered td,
    color: #FFEBAD;
+
.infobox.bordered th {
    text-decoration: none;
+
  border: 1px solid #a2a9b1;
 
}
 
}
div#simpleSearch {
+
.infobox.bordered .borderless td,
    background: #444444;
+
.infobox.bordered .borderless th {
    border: 1px solid #FFEBAD;
+
  border: 0;
 
}
 
}
div#simpleSearch input {
+
 
    margin: 0;
+
.infobox.sisterproject {
    padding: 0;
+
  width: 20em;
    border: 0;
+
  font-size: 90%;
    background-color: transparent;
 
    color: #eaeaea;
 
 
}
 
}
.suggestions-results {
+
/* tabber样式(在tabber上级元素中加入class="pretab") */
     background-color: #444444;
+
.pretab > .tabber ul.tabbernav {
     border: solid 1px #444444;
+
     margin: 0px;
 +
    padding: 0px 0px !important;
 +
     border-bottom: 0px solid #CCC;
 +
    font-family: "Microsoft YaHei",Sans-Serif !important;
 +
    font-size: 1em !important;
 +
    font-weight: normal !important;
 +
    margin-bottom: 3px;
 
}
 
}
.suggestions-special {
+
 
     background-color: #333333;
+
.pretab > .tabber .tabbertab {
     border: solid 1px #333333;
+
     padding: 0px;
 +
    border: 0px solid #CCC;
 +
    border-bottom: 2px solid #f4c430;
 +
     border-right: 2px solid #f4c430;
 +
    background-image: linear-gradient(135deg, #f4c430 5px,transparent 5px);
 +
    padding: 10px;
 +
    background-color:#333
 
}
 
}
.suggestions-special .special-query {
+
/* 人形页spine动画 */
     color: #EAEAEA;
+
.spinebox > p{
     font-style: italic;
+
    height:25px;
     text-align: left;
+
    text-align:center;
 +
    line-height:25px;
 +
    font-weight:bold;
 +
    margin:0px;
 +
    margin-bottom:2px;
 +
    display: block;
 +
    flex-basis: 300px;
 +
    flex-shrink: 1;
 +
    flex: 1;
 +
    min-width: 300px;
 +
    color: #333;
 +
    }
 +
.spinebox > p:nth-child(2) {height: 0px;position: relative;z-index: 1;text-align: right;margin: 0px;padding-right:5px;}
 +
.spinebox > div {
 +
     background:rgba(119, 119, 119, 0.33);
 +
    flex-basis: 300px;
 +
     flex-shrink: 1;
 +
     flex-grow: 1;
 
}
 
}
.suggestions-result-current {
+
.spinebox {
     background-color: #333333;
+
    border: 10px double;
     color: #F4C430 !important;
+
    border-image: url(/images/vectorize_border/BORDER_BIG.svg);
 +
    border-image-slice: 10;
 +
    border-image-width: 10px;
 +
    background: rgba(51,51,51,0.7);
 +
     background-clip: content-box;
 +
    flex-flow: row wrap;
 +
    max-width: 920px;
 +
    min-width: 400px;
 +
     display: block;
 
}
 
}
.catlinks, td.MainPageBG, table#mp-topbanner, .infobox, #toc, .toc, .mw-warning, .toccolours, .mbox-small {
+
 
     border: 1px solid #333333 ;
+
.spinebox select.chibi-costume-switcher {
    background-color: #333333 ;
+
     position: absolute;
    color: #EAEAEA;
+
     top: 5px;
     box-shadow: 0 2px 10px rgba(0,0,0,0.2) ;
+
     right: 5px;
}
+
     width: 120px;
.navbox { /*Without shadow*/
+
     height: 24px;
     border: 1px solid #333333 ;
+
     background-color: #222;
     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;
 
     color: #eaeaea;
     /*background: #333333 !important;*/
+
     border: none;
 +
    border-bottom: 1px solid #eaeaea;
 +
    cursor: pointer;
 +
    opacity: 0.5;
 +
    -moz-transition: all .2s ease-in;
 +
    -o-transition: all .2s ease-in;
 +
    -webkit-transition: all .2s ease-in;
 +
    transition: all .2s ease-in;
 
}
 
}
  
.mw-collapsible>th, .mw-collapsed>th {
+
.spinebox select.chibi-costume-switcher:hover {
     color: #FFFFFF ;
+
     opacity: 1;
 
}
 
}
.navbox th, .navbox-title {
+
 
     background: rgba(0, 0, 0, 0);
+
.spinebox select.chibi-costume-switcher:focus-visible {
 +
     outline: none;
 
}
 
}
.navbox-even {
+
 
    background: #333333;
+
#TDollChibiAnimation {
 +
height:400px;
 
}
 
}
.navbox-list {
+
/* Quote 样式 (配合模板使用) */
     border-color: #333333;
+
    table.cquote {
 +
        text-shadow: 0 0 5px black;
 +
        padding: 0.5em 1em 0em 0em;
 +
    }
 +
    table.cquote.type1 {
 +
        border-left: 5px solid #f4c430;
 +
        border-spacing: 0;
 +
        background-image: linear-gradient(0deg,rgba(244, 196, 48, 0.2) 1px,transparent 1px),linear-gradient(90deg,rgba(0, 0, 0, 0.5) 35%,transparent 100%);
 +
        background-size: 100% 3px;
 +
    }
 +
     table.cquote.type2 {
 +
        border-left: 5px solid #e00000;
 +
        border-spacing: 0;
 +
        background-image: linear-gradient(0deg,rgba(244, 48, 48, 0.2) 1px,transparent 1px),linear-gradient(90deg,rgba(51, 0, 0, 0.5) 35%,transparent 100%);
 +
        background-size: 100% 3px;
 +
    }
 +
    table.cquote > tbody td.content {
 +
        padding-left: 1em;
 +
        font-style:italic;
 +
    }
 +
    table.cquote > tbody td.character {
 +
        padding-left: 2em;
 +
        vertical-align: bottom;
 +
    }
 +
    table.cquote > tbody td.character > p{
 +
        font-size:smaller;
 +
        text-align:right;
 +
        margin: 0px;
 +
        margin-top: 1em;
 +
    }
 +
    table.cquote > tbody td.content > p:last-child {
 +
        color: #f4c430;
 +
        font-weight: bold;
 +
        font-style: normal;
 +
        text-align: center;
 +
    }
 +
 
 +
/*标签头像样式*/
 +
div.TDnavbar {
 +
    position: relative;
 +
    vertical-align: middle;
 +
    font-size: 15pt;
 +
    background-color:rgba(85, 85, 85, 0.9);
 +
    padding:3px 5px;
 +
    font-family:'Linux Libertine','Georgia','Times',serif;
 +
    margin-right: 5px;
 +
    }
 +
div.TDnavbar:before{
 +
    content:"";
 +
    z-index:11;
 +
    position:absolute;
 +
    width:100%;
 +
    left:0px;
 +
    padding-right: 5px;
 +
    height:100%;
 +
    background-image:linear-gradient(0deg,transparent 49%,#fff 49%,#fff 51%,transparent 50%);
 
}
 
}
.navbox-subgroup .navbox-group, .navbox-subgroup .navbox-abovebelow {
+
div.TDnavbar {display:none;transition: 0.5s all ease-in;opacity:0;position:absolute;z-index:100;min-width:100px;word-break:keep-all;right:70px;border-right:5px solid;}
     background: #333333;
+
a:hover + div.TDnavbar {opacity:1;display:block}
 +
div.TDnavbox.r5 img {
 +
    position: relative;
 +
    Z-INDEX:10;
 +
    width:65px;
 +
    border-right: 5px solid #feb300 ;
 +
    background-color: rgba(85, 85, 85, 0.65);
 +
    background-image: linear-gradient(-70deg,#aa7746 34px,transparent 35px);
 +
    background-repeat: no-repeat;
 +
    }
 +
div.TDnavbox.r5 div.TDnavbar{
 +
     color:#feb300;
 
}
 
}
td.navbox-list.navbox-odd {
+
div.TDnavbox.r4 img {    position: relative;
     background: #333333;
+
    Z-INDEX:10;
 +
    width:65px;
 +
    border-right: 5px solid #d1df5b ;
 +
    background-color: rgba(85, 85, 85, 0.65);
 +
    background-image: linear-gradient(-70deg,#81824b 34px,transparent 35px);
 +
    background-repeat: no-repeat;
 +
    }
 +
div.TDnavbox.r4 div.TDnavbar{
 +
     color:#d1df5b ;
 
}
 
}
navbox-subgroup>tr>td {
+
div.TDnavbox.r3 img {    position: relative;
     background: #333333;
+
    Z-INDEX:10;
 +
    width:65px;
 +
    border-right: 5px solid #6bdac7 ;
 +
    background-color: rgba(85, 85, 85, 0.65);
 +
    background-image: linear-gradient(-70deg,#32506e 34px,transparent 35px);
 +
    background-repeat: no-repeat;
 +
    }
 +
div.TDnavbox.r3 div.TDnavbar{
 +
     color:#6bdac7 ;
 
}
 
}
#mw-newarticletext {
+
div.TDnavbox.r2 img {    position: relative;
     color: #EAEAEA ;
+
    Z-INDEX:10;
 +
    width:65px;
 +
    border-right: 5px solid #fff ;
 +
    background-color: rgba(85, 85, 85, 0.65);
 +
    background-image: linear-gradient(-70deg,#747474 34px,transparent 35px);
 +
    background-repeat: no-repeat;
 +
    }
 +
div.TDnavbox.r2 div.TDnavbar{
 +
     color:#fff ;
 
}
 
}
.editOptions>div, #wpSummaryLabel>label {
+
div.TDnavbox.r6 img {    position: relative;
     color: #616161 !important ;
+
    Z-INDEX:10;
 +
    width:65px;
 +
    border-right: 5px solid #deb6ff ;
 +
    background-color: rgba(85, 85, 85, 0.65);
 +
    background-image: linear-gradient(-70deg,#68517b 34px,transparent 35px);
 +
    background-repeat: no-repeat;
 +
    }
 +
div.TDnavbox.r6 div.TDnavbar{
 +
     color:#deb6ff ;
 
}
 
}
 
+
div.TDnavbar > p {   position: relative;
/* #mw-content-text>table {
+
    display: block;
     background: #333333 ;
+
     padding:4px 10px;
     border-color: #333333 ;
+
     margin:0px;
} */
+
    text-align:center;
 
+
    line-height:1em;
#p-logo {
+
    word-break: keep-all;
     position: absolute;
+
     white-space: nowrap;
     top: -9em;
+
     }
     left: 1em;
+
div.TDnavbox{
     width: 380px;
+
    word-break: keep-all;
     height: 111px;
+
     min-width: auto;
     /*width: 35em;*/
+
     flex-wrap: nowrap;
     /*height: 10em;*/
+
     display: inline-flex;
 +
     padding: 3px 5px;
 +
     position: relative;
 
}
 
}
#p-logo a {
+
/*标签式头像图鉴样式2*/
    background-image: none;
+
table.iconbox tr > td:first-child {padding-top:4px;vertical-align:top;}
    width: 380px;
+
table.iconbox tr > td:last-child {padding:0px;font-size:0px;}
    height: 111px;
+
div.TDnavbox.lead div.TDnavbar {left:75px;right:auto;}
    /*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;
 
}
 
 
 
 
 
 
 
//磨砂效果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
 
 
 
//折叠部分
 
 
/* Default styling for Navbar template */
 
/* Default styling for Navbar template */
 
.navbar {
 
.navbar {
第430行: 第607行:
 
.goTop span {
 
.goTop span {
 
     color: #fff;
 
     color: #fff;
     background-image: url('resources/assets/rocket.png');
+
     background-image: url('/resources/assets/rocket.png');
 
     position: absolute;
 
     position: absolute;
 
     width: 90%;
 
     width: 90%;
第439行: 第616行:
 
  font-size: 16px;
 
  font-size: 16px;
 
}
 
}
.sm2-bar-ui .sm2-main-controls,
+
 
.sm2-bar-ui .sm2-playlist-drawer {
 
background-color: #ffb400;
 
}
 
 
.sm2-bar-ui .sm2-inline-texture {
 
.sm2-bar-ui .sm2-inline-texture {
 
  background: transparent;
 
  background: transparent;
 
}
 
}
 
+
.sm2-widget-3f4e46fe-0b3e-4e01-83f2-44dd887e0f8b .sm2-bar-ui .sm2-main-controls,
 +
.sm2-widget-3f4e46fe-0b3e-4e01-83f2-44dd887e0f8b .sm2-bar-ui .sm2-playlist-drawer,
 +
.sm2-widget-3f4e46fe-0b3e-4e01-83f2-44dd887e0f8b .sm2-bar-ui .sm2-lyric-drawer {background-color: #F4C430;
 +
}
 
/* SMW 样式 */
 
/* SMW 样式 */
 
.smw-editpage-help {
 
.smw-editpage-help {
  background-color: #f0f0f000 !important;
+
    background-color: #333;
 +
    border: 1px solid silver;
 +
    padding: 0.5em 1em 0.5em 1em;
 +
    margin-bottom: 1em;
 
}
 
}
 
 
/* CodeMirror 样式 */
 
/* CodeMirror 样式 */
 
.CodeMirror {
 
.CodeMirror {
第482行: 第661行:
 
.gfbackground{
 
.gfbackground{
 
border-radius:10px;
 
border-radius:10px;
background:url(images/9/99/BG_1.png);
+
background:url(/images/9/99/BG_1.png);
 
background-size: 50px;
 
background-size: 50px;
 
}
 
}
第492行: 第671行:
 
}
 
}
 
/* 替代筛选表格样式 End */
 
/* 替代筛选表格样式 End */
 +
 +
  
 
/* tab body*/
 
/* tab body*/
第518行: 第699行:
 
ul.tabbernav li a{
 
ul.tabbernav li a{
 
     border: 1px double;
 
     border: 1px double;
     border-image: url(images/8/82/BUTTON_AT.png);
+
     border-image: url(/images/vectorize_border/BUTTON_AT.svg);
 
     border-image-slice: 7;
 
     border-image-slice: 7;
     border-image-width: auto;
+
     border-image-width: 7px;
 
     background: #333;
 
     background: #333;
 
     background-clip: padding-box;
 
     background-clip: padding-box;
第558行: 第739行:
 
ul.tabbernav li.tabberactive a{
 
ul.tabbernav li.tabberactive a{
 
     border: 1px double;
 
     border: 1px double;
     border-image: url(images/6/66/BUTTON_DA.png);
+
     border-image: url(/images/vectorize_border/BUTTON_DA.svg);
 
     border-image-slice: 7;
 
     border-image-slice: 7;
     border-image-width: auto;
+
     border-image-width: 7px;
 
     background-color: #F4C430;
 
     background-color: #F4C430;
 
     background-clip: padding-box;
 
     background-clip: padding-box;
第569行: 第750行:
 
}
 
}
  
/* 属性表样式 */
+
/* GF Style table */
 
.stattable{
 
.stattable{
 
     text-shadow: 0 0 1px rgba(0, 0, 0, 0.67);
 
     text-shadow: 0 0 1px rgba(0, 0, 0, 0.67);
 
}
 
}
 
+
table.stattable th{
table.stattable>thead>tr>th{
 
 
     background: #f4c430;
 
     background: #f4c430;
 
     color: #111;
 
     color: #111;
     padding: 0 20px;
+
    background-position: right -5px center !important;
     word-break:keep-all;
+
     padding: 2px 10px 2px 5px !important;
 +
     white-space: nowrap;
 
}
 
}
  
第594行: 第775行:
 
     background: transparent;
 
     background: transparent;
 
}
 
}
 
+
td.tiles > table {width:60px;height:60px;}
table.stattable>tbody{
+
table.stattable>tbody>tr>td ,table.stattable>tfoot>tr>td {
 
     background: rgba(119,119,119,0.33);
 
     background: rgba(119,119,119,0.33);
 
}
 
}
第605行: 第786行:
 
}
 
}
  
div.stattable>p{
+
div.stattable>div{
 
margin:0px;
 
margin:0px;
 
}
 
}
第611行: 第792行:
 
table.stattable p.rankSS{
 
table.stattable p.rankSS{
 
     background:transparent;
 
     background:transparent;
     background-image:url(images/f/f7/RANK-SS.png);
+
     background-image:url(/images/f/f7/RANK-SS.png);
 
     background-repeat:no-repeat;
 
     background-repeat:no-repeat;
 
     background-position:right;
 
     background-position:right;
第623行: 第804行:
 
table.stattable p.rankS{
 
table.stattable p.rankS{
 
     background:transparent;
 
     background:transparent;
     background-image:url(images/e/e0/RANK-S.png);
+
     background-image:url(/images/e/e0/RANK-S.png);
 
     background-repeat:no-repeat;
 
     background-repeat:no-repeat;
 
     background-position:right;
 
     background-position:right;
第635行: 第816行:
 
table.stattable p.rankA{
 
table.stattable p.rankA{
 
     background:transparent;
 
     background:transparent;
     background-image:url(images/4/42/RANK-A.png);
+
     background-image:url(/images/4/42/RANK-A.png);
 
     background-repeat:no-repeat;
 
     background-repeat:no-repeat;
 
     background-position:right;
 
     background-position:right;
第647行: 第828行:
 
table.stattable p.rankB{
 
table.stattable p.rankB{
 
     background:transparent;
 
     background:transparent;
     background-image:url(images/2/22/RANK-B.png);
+
     background-image:url(/images/2/22/RANK-B.png);
 
     background-repeat:no-repeat;
 
     background-repeat:no-repeat;
 
     background-position:right;
 
     background-position:right;
第659行: 第840行:
 
table.stattable p.rankC{
 
table.stattable p.rankC{
 
     background:transparent;
 
     background:transparent;
     background-image:url(images/6/61/RANK-C.png);
+
     background-image:url(/images/6/61/RANK-C.png);
 
     background-repeat:no-repeat;
 
     background-repeat:no-repeat;
 
     background-position:right;
 
     background-position:right;
第671行: 第852行:
 
table.stattable p.rankD{
 
table.stattable p.rankD{
 
     background:transparent;
 
     background:transparent;
     background-image:url(images/b/be/RANK-D.png);
+
     background-image:url(/images/b/be/RANK-D.png);
 +
    background-repeat:no-repeat;
 +
    background-position:right;
 +
    margin:0px;
 +
    padding:0px;
 +
    width:25px;
 +
    height:25px;
 +
    float:right;
 +
}
 +
 
 +
table.stattable p.rankE{
 +
    background:transparent;
 +
    background-image:url(/images/3/32/RANK-E.png);
 
     background-repeat:no-repeat;
 
     background-repeat:no-repeat;
 
     background-position:right;
 
     background-position:right;
第705行: 第898行:
 
skill{
 
skill{
 
     color:#f4c430;
 
     color:#f4c430;
     font-weight:bold
+
    margin: 0px 3px;
 +
     font-family: 'LinBiolinum';
 
}
 
}
 
div.TDollInformation{
 
div.TDollInformation{
第714行: 第908行:
 
     flex: auto;
 
     flex: auto;
 
     border: 10px double;
 
     border: 10px double;
     border-image: url(images/c/cf/BORDER_BIG.png);
+
     border-image: url(/images/vectorize_border/BORDER_BIG.svg);
     border-image-slice: 10;
+
     border-image-slice: 10 fill;
     border-image-width: auto;
+
     border-image-width: 10px;
    background: rgba(51,51,51,0.7);
 
 
     background-clip: content-box;
 
     background-clip: content-box;
 
}
 
}
第768行: 第961行:
  
 
.obtainflag.normalcraft{
 
.obtainflag.normalcraft{
background:#50ee50;
+
    background:#50ee50;
 
}
 
}
  
 
.obtainflag.heavycraft{
 
.obtainflag.heavycraft{
background:#ff5050;
+
    background:#ff5050;
 
}
 
}
  
 
.obtainflag.drop{
 
.obtainflag.drop{
background:#F4C430;
+
    background:#F4C430;
 
}
 
}
  
 
.obtainflag.extra{
 
.obtainflag.extra{
background:#ff4ce8;
+
    background:#ff4ce8;
 
}
 
}
  
 
.obtainflag.unable{
 
.obtainflag.unable{
opacity: 0.25;
+
    opacity: 0.25;
 +
}
 +
 
 +
.spoiler {filter:blur(3px); text-shadow: 0px 0px 5px white;transition: all 0.1s ease-in-out;}
 +
.spoiler:hover {filter:none;text-shadow:none;}
 +
 
 +
/* Character Page Menu */
 +
/*
 +
ul.charnav {
 +
    list-style-type: none;
 +
    list-style-image: none;
 +
    margin: 0;
 +
    padding: 0;
 +
    overflow: hidden;
 +
    background-color:rgba(0,0,0,0.4);
 +
   
 +
}
 +
 
 +
ul.charnav li {float: left;}
 +
 
 +
ul.charnav li {
 +
    display: block;
 +
    text-align: center;
 +
    padding: 14px 16px;
 +
    text-decoration: none;
 +
    color:#252525;
 +
}
 +
 
 +
ul.charnav li:hover {background-color: #252525;color:white;}
 +
ul.charnav li a:hover {background-color:#252525;color:#ffb400;}
 +
 
 +
ul.charnav li.active {background-color:#FFB400;color:black;}
 +
 
 +
ul.charnav li.right {float: right;}
 +
 
 +
@media screen and (max-width: 600px){
 +
    ul.charnav li.right,
 +
    ul.charnav li {float: none;}
 +
} */
 +
 
 +
/* Spine animation */
 +
.profiletable .tdoll_chibi,
 +
.profiletable .chibiAnimationContainer,
 +
.chibiAnimationContainer.commander-chibi {
 +
  background: repeating-linear-gradient(-55deg,#22222266,#22222266 10px,#33333366 10px,#33333366 20px);
 +
}
 +
 
 +
.profiletable .tdoll_chibi .chibiAnimation,
 +
.profiletable .chibiAnimationContainer .chibiAnimation {
 +
  margin-top: 80px;
 +
}
 +
 
 +
.profiletable .tdoll_chibi .chibiAnimationClickArea,
 +
.profiletable .chibiAnimationContainer .chibiAnimationClickArea {
 +
  height: 260px;
 +
}
 +
 
 +
.tdoll_chibi .chibiAnimation,
 +
.chibiAnimationContainer .chibiAnimation {
 +
    flex-shrink: 0;
 +
    pointer-events: none;
 +
}
 +
.commander-chibi-container {
 +
display: inline-block;
 +
}
 +
 
 +
.commander-chibi-container .chibiAnimationClickArea {
 +
    width: 100%;
 +
    height: 100%;
 +
    position: absolute;
 +
    top: 0;
 +
    left: 0;
 +
}
 +
 
 +
.commander-chibi-container .chibiAnimation {
 +
position: absolute;
 +
}
 +
/** tree.css*/
 +
.tree ul {
 +
padding-top: 20px; position: relative;
 +
 +
transition: all 0.5s;
 +
-webkit-transition: all 0.5s;
 +
-moz-transition: all 0.5s;
 +
}
 +
 
 +
.tree li {
 +
float: left; text-align: center;
 +
list-style-type: none;
 +
position: relative;
 +
padding: 20px 5px 0 5px;
 +
 +
transition: all 0.5s;
 +
-webkit-transition: all 0.5s;
 +
-moz-transition: all 0.5s;
 +
}
 +
 
 +
/*We will use ::before and ::after to draw the connectors*/
 +
 
 +
.tree li::before, .tree li::after{
 +
content: '';
 +
position: absolute; top: 0; right: 50%;
 +
border-top: 1px solid #ccc;
 +
width: 50%; height: 20px;
 +
}
 +
.tree li::after{
 +
right: auto; left: 50%;
 +
border-left: 1px solid #ccc;
 +
}
 +
 
 +
/*We need to remove left-right connectors from elements without
 +
any siblings*/
 +
.tree li:only-child::after, .tree li:only-child::before {
 +
display: none;
 +
}
 +
 
 +
/*Remove space from the top of single children*/
 +
.tree li:only-child{ padding-top: 0;}
 +
 
 +
/*Remove left connector from first child and
 +
right connector from last child*/
 +
.tree li:first-child::before, .tree li:last-child::after{
 +
border: 0 none;
 +
}
 +
/*Adding back the vertical connector to the last nodes*/
 +
.tree li:last-child::before{
 +
border-right: 1px solid #ccc;
 +
border-radius: 0 5px 0 0;
 +
-webkit-border-radius: 0 5px 0 0;
 +
-moz-border-radius: 0 5px 0 0;
 +
}
 +
.tree li:first-child::after{
 +
border-radius: 5px 0 0 0;
 +
-webkit-border-radius: 5px 0 0 0;
 +
-moz-border-radius: 5px 0 0 0;
 +
}
 +
 
 +
/*Time to add downward connectors from parents*/
 +
.tree ul ul::before{
 +
content: '';
 +
position: absolute; top: 0; left: 50%;
 +
border-left: 1px solid #ccc;
 +
width: 0; height: 20px;
 +
}
 +
 
 +
.tree li a{
 +
border: 1px solid #ccc;
 +
padding: 5px 10px;
 +
text-decoration: none;
 +
color: #666;
 +
font-family: arial, verdana, tahoma;
 +
font-size: 11px;
 +
display: inline-block;
 +
 +
border-radius: 5px;
 +
-webkit-border-radius: 5px;
 +
-moz-border-radius: 5px;
 +
 +
transition: all 0.5s;
 +
-webkit-transition: all 0.5s;
 +
-moz-transition: all 0.5s;
 +
}
 +
 
 +
/*Time for some hover effects*/
 +
/*We will apply the hover effect the the lineage of the element also*/
 +
.tree li a:hover, .tree li a:hover+ul li a {
 +
background: #c8e4f8; color: #000; border: 1px solid #94a0b4;
 +
}
 +
/*Connector styles on hover*/
 +
.tree li a:hover+ul li::after,
 +
.tree li a:hover+ul li::before,
 +
.tree li a:hover+ul::before,
 +
.tree li a:hover+ul ul::before{
 +
border-color:  #94a0b4;
 +
}
 +
/** 应该是加边框 */
 +
.tree span{display:inline-block;box-sizing:border-box;height:30px;line-height:28px;min-width:60px;text-align:center;color:#888;border:1px solid #ddd;border-radius:5px;padding:0 8px;}
 +
/** 控制鼠标移上去的颜色 */
 +
.tree span:hover, .tree span:hover+ul span{color:#fff;background-color:orange;}
 +
.tree span:hover, .tree span:hover+ul span, .tree span:hover+ul li:before, .tree span:hover+ul li:after{border-color:orange;}
 +
 
 +
 
 +
/* 对话框样式 */
 +
.leftDialog {
 +
    display: block !important;
 +
    position: relative;
 +
    min-height: 80px;
 +
    min-width: 330px;
 +
    border: 0px solid;
 +
    border-image-source: url(/images/vectorize_border/dialog.svg);
 +
    border-image-width: 26px 55px 15px 265px;
 +
    border-image-slice: 26 55 15 265 fill;
 +
    border-image-repeat: stretch;
 +
    margin:0rem auto 1rem auto !important;
 +
    max-width: 640px;
 +
}
 +
.rightDialog {
 +
    display: block !important;
 +
    position: relative;
 +
    min-height: 80px;
 +
    min-width: 330px;
 +
    border: 0px solid;
 +
    border-image-source: url(/images/vectorize_border/dialog_right.svg);
 +
    border-image-width: 9px 265px 26px 55px;
 +
    border-image-slice: 9 265 26 55 fill;
 +
    border-image-repeat: stretch;
 +
    margin:1rem auto 0rem auto !important;
 +
    max-width: 640px;
 +
    direction:rtl
 +
}
 +
.leftDialog td.headicon {padding:5px;vertical-align:top;}
 +
.leftDialog td.headicon img {border:1px solid #f4c430;background:#333}
 +
.leftDialog td.dialogbox {margin: 0 5px 0.6rem 1rem;display:block;min-width:210px;word-break: break-all;}
 +
.leftDialog td.namebox {    display: block; color: #f4c430; padding-top: 0.4rem;}
 +
 
 +
.rightDialog td.headicon {padding:5px;vertical-align: bottom;}
 +
.rightDialog td.headicon img {border:1px solid #f4c430;background:#333}
 +
.rightDialog td.dialogbox {display: block;margin: 10px 1rem 1.5rem 5px !important;word-break: break-all;direction: ltr;}
 +
.rightDialog td.namebox {display: block;color: #f4c430;position: relative;bottom: 3px;}
 +
 
 +
.centerDialog {
 +
    text-align: center;
 +
    padding: 20px 10px;
 +
    min-width: 330px;
 +
    max-width: 700px;
 +
    margin: 1.5rem auto 1.5rem auto !important;
 +
    background-color: #222;
 +
}
 +
 
 +
/* 对话框样式End */
 +
 
 +
/* 对话CG样式 */
 +
.avgTextCGDiv {
 +
    height: 200px;
 +
    overflow: hidden;
 +
    text-align: center;
 +
    margin: 5rem auto 2rem auto !important;
 +
}
 +
 
 +
.avgTextCG {
 +
    position: relative;
 +
    top: -100px;
 +
}
 +
 
 +
.avgTextCGMemoir {
 +
    filter: sepia(0.8);
 +
}
 +
.avgTextCGNight {
 +
    filter: hue-rotate(180deg) brightness(0.5);
 +
}
 +
/* 对话CG样式End */
 +
 
 +
/* 页面底部导航框(萌百模板) */
 +
table.navbox {
 +
    border: 1px solid #aaa;
 +
    clear: both;
 +
    margin: auto;
 +
    padding: 1px;
 +
    text-align: center;
 +
    width: 100%;
 +
}
 +
table.navbox+table.navbox {
 +
    margin-top: -1px;
 +
}
 +
.navbox-title,
 +
.navbox-abovebelow,
 +
table.navbox th {
 +
    padding-left: 1em;
 +
    padding-right: 1em;
 +
    text-align: center;
 +
}
 +
.navbox-group {
 +
    font-weight: 700;
 +
    padding-left: 1em;
 +
    padding-right: 1em;
 +
    white-space: nowrap;
 +
}
 +
.navbox,
 +
 
 +
.navbox-abovebelow, .navbox-group, .navbox-subgroup .navbox-title {
 +
    background: none repeat scroll 0 0 #555;
 +
}
 +
.navbox-title, table.navbox th {
 +
    background: none repeat scroll 0 0 #777;
 +
}
 +
 
 +
.navbox-subgroup {
 +
    background: none repeat scroll 0 0 #fdfdfd;
 +
}
 +
.navbox-list {
 +
    border-color: #fdfdfd;
 +
}
 +
 
 +
.navbox-subgroup .navbox-group,
 +
.navbox-subgroup .navbox-abovebelow {
 +
    background: none repeat scroll 0 0 #e6f6e6;
 +
}
 +
.navbox-even {
 +
    background: none repeat scroll 0 0 #f5fcf5;
 +
}
 +
.navbox-odd {
 +
    background: none repeat scroll 0 0 transparent;
 +
}
 +
.collapseButton {
 +
    float: right;
 +
    font-weight: 400;
 +
    text-align: right;
 +
    width: auto;
 +
}
 +
.navbox .collapseButton {
 +
    width: 6em;
 +
}
 +
/* Fix by case : Rev 1327309 ([[Special:Permalink/1327309]])
 +
    Address alignment issue of nested tabs in Navbox */
 +
.navbox .TabLabel {
 +
    text-align: left;
 +
}
 +
/* 底部框样式End */
 +
 
 +
.commander-chibi-container {
 +
display: inline-block;
 +
}
 +
 
 +
.commander-chibi-container .chibiAnimationClickArea {
 +
    width: 100%;
 +
    height: 100%;
 +
    position: absolute;
 +
    top: 0;
 +
    left: 0;
 +
}
 +
 
 +
.commander-chibi-container .chibiAnimation {
 +
position: absolute;
 +
}
 +
/*  -------------------------------------- Spine CSS --------------------------------------  */
 +
 
 +
.bigScale canvas{transform: scale(0.6) translateY(75px);}
 +
/*  -------------------------------------- Spine CSS end--------------------------------------  */
 +
 
 +
/* 公告栏滚动Rollnews 转自萌百 */
 +
#scrollDiv {
 +
    width: 100%;
 +
    height: 25px;
 +
    line-height: 25px;
 +
    overflow: hidden
 +
}
 +
#scrollDiv ul {
 +
    margin-left: 0!important;
 +
}
 +
#scrollDiv li {
 +
    height: 25px;
 +
    padding-left: 0px;
 +
    list-style: none;
 +
}
 +
/* 滚动缩略图 转自EN_GFwiki */
 +
.banners .jcarousel-item {
 +
  max-height: 200px;
 +
}
 +
 
 +
.banners .jcarousel-item img {
 +
  display: block;
 +
  max-width: 100%;
 +
  max-height: 100%;
 +
  object-fit: contain;
 +
}
 +
 
 +
/* Spine and Live2D assest*/
 +
.loading .chibiAnimationClickArea,
 +
.loading {
 +
    background-image: url('/images/a/ac/Gfloading.gif');
 +
    background-repeat: no-repeat;
 +
    background-attachment: local;
 +
    background-position: bottom right;
 +
    background-size: 50px;
 +
}
 +
 
 +
.loading2 {
 +
  background-image: url("/images/5/5e/gf_loading2.gif");
 +
  background-repeat: no-repeat;
 +
  background-attachment: local;
 +
  background-position: bottom right;
 +
  background-size: 18px;
 +
}
 +
 
 +
div.ace_search > .ace_search_options > .ace_search_counter,
 +
#msupload-div > #msupload-list > .file > .file-name,
 +
div.tippy-content {
 +
color: black;
 +
}
 +
 
 +
.imbox {
 +
border: 3px solid #f4c430;
 +
border-collapse: collapse;
 +
margin: 4px 10%;
 +
}
 +
.imbox .mbox-image { padding: 2px 0 2px 0.9em; }
 +
.imbox .mbox-text {
 +
padding: 0.25em 0.9em;
 +
width: 100%;
 +
}
 +
.imbox-license {
 +
background-color: #333;
 +
border-color: #88a;
 +
}
 +
 
 +
.mw-collapsible caption { display: inline-block; }
 +
 
 +
div.hatnote {
 +
font-style: italic;
 +
margin-bottom: 0.5em;
 +
padding-left: 1.6em;
 +
}
 +
 
 +
/* equip type icon */
 +
.equip-type div {
 +
background-image: url(/images/f/fb/Equip_type_map.png);
 +
background-size: 96px 552px;
 +
display: inline-block;
 +
height: 24px;
 +
width: 24px;
 
}
 
}
 +
.equip-rank3 { background-position-x: -24px; }
 +
.equip-rank4 { background-position-x: -48px; }
 +
.equip-rank5 { background-position-x: -72px; }
 +
.equip-type2 { background-position-y: -24px; }
 +
.equip-type3 { background-position-y: -48px; }
 +
.equip-type4 { background-position-y: -72px; }
 +
.equip-type5 { background-position-y: -96px; }
 +
.equip-type6 { background-position-y: -120px; }
 +
.equip-type7 { background-position-y: -144px; }
 +
.equip-type8 { background-position-y: -168px; }
 +
.equip-type9 { background-position-y: -192px; }
 +
.equip-type10 { background-position-y: -216px; }
 +
.equip-type11 { background-position-y: -240px; }
 +
.equip-type12 { background-position-y: -264px; }
 +
.equip-type13 { background-position-y: -288px; }
 +
.equip-type14 { background-position-y: -312px; }
 +
.equip-type15 { background-position-y: -336px; }
 +
.equip-type16 { background-position-y: -360px; }
 +
.equip-type17 { background-position-y: -384px; }
 +
.equip-type18 { background-position-y: -408px; }
 +
.equip-type19 { background-position-y: -432px; }
 +
.equip-type20 { background-position-y: -456px; }
 +
.equip-type21 { background-position-y: -480px; }
 +
.equip-type22 { background-position-y: -504px; }
 +
.equip-type23 { background-position-y: -528px; }

2023年7月23日 (日) 11:35的最新版本

/* 这里放置的CSS将应用于所有皮肤 */
/* 表格logo */
table.logo::after{
    content: "";
    position: absolute;
    bottom: 00px;
    right:00px;
    pointer-events: none;
    width: 250px;
    height: 250px;
    opacity:0.1;
    background: url(/images/vectorize_logo/GFWiki_LOGO_Square_Filled.svg) no-repeat right bottom;
    background-size: 80%;
}
table.logo{position:relative;}
/* Sidebar Glass effect 
div#MenuSidebar > ul{backdrop-filter: blur(10px);-webkit-backdrop-filter: blur(10px);} */

.lazyload,
.lazyloading {
	opacity: 0;
}
.lazyloaded {
	opacity: 1;
	transition: opacity 300ms;
}

.stattable th .mw-collapsible-text {color:black !important}
/* OOUI颜色Hack */
div.codemirror-popup-text {
    color:black;
}
/* OOUI画廊模式替代 */
ul.mw-gallery-packed-hover li.gallerybox:hover div.gallerytextwrapper, ul.mw-gallery-packed-overlay li.gallerybox div.gallerytextwrapper, ul.mw-gallery-packed-hover li.gallerybox.mw-gallery-focused div.gallerytextwrapper {
    background: rgba(0, 0, 0, 0.6);
}
/* spine 全局样式 */
div[data-tdoll-id] {
    position: relative;
    justify-content: center;
    align-items: center;
    display: flex;
}

/* 加密(方块化文字)样式 */
.codifytext {
    display: inline-block;
    -webkit-text-security: square;
    cursor: help;
}

.codifytext:hover {
    -webkit-text-security: none;
}

/* template:折叠 样式 */
div.simpleCollapse span {
    border: 4px solid;
    display: inline-block;
    color: #000;
    padding: 0.5rem 1rem;
    border-radius: 0px;
    cursor: pointer;
    background: #f4c430;
    border-image: url(/images/vectorize_border/border_dot.svg);
    border-image-slice: 2;
    border-image-width: 2px;
    background-clip: padding-box;
    transition: all 0.1s ease-in-out;
    user-select: none;
}
div.simpleCollapse span.silver {
    border: 4px solid;
    display: inline-block;
    color: #fff;
    padding: 0.5rem 1rem;
    border-radius: 0px;
    cursor: pointer;
    background: #333;
    border-image: url(/images/vectorize_border/border_dot.svg);
    border-image-slice: 2;
    border-image-width: 2px;
    background-clip: padding-box;
    transition: all 0.1s ease-in-out;
    user-select: none;
}

/* template:折叠2 样式 */
div.gfCollapse span.gfCollapseTitle {
    border: 4px solid;
    display: inline-block;
    padding: 0.5rem 1rem;
    border-radius: 0px;
    cursor: pointer;
    border-image: url(/images/vectorize_border/border_dot.svg);
    border-image-slice: 2;
    border-image-width: 2px;
    background-clip: padding-box;
    transition: all 0.1s ease-in-out;
    user-select: none;
}

span.gfCollapseSign {
	float: right;
	font-weight: bold;
}

/* 回到顶部 */
.backToTop {    opacity: 1;
    filter: alpha(opacity=100);
    position: fixed;
    z-index: 102;
    bottom: 10px;
    right: 5px;
    display: none;
    height: 160px;
    width: 100px;
    background-repeat: no-repeat;
    background-image: url(/images/d/df/Up_btn.gif);
    background-color: transparent;
    background-size: 100%;
    cursor: pointer;
}

/* 隐藏编辑页面中的返回顶部按钮 */
.action-edit .backToTop,
.action-submit .backToTop {
  display: none !important;
}

/* 小头像通用样式 */
div.TDavatar {
	position: relative;
	width: 100px;
	height: 100px;
	background-repeat: no-repeat;
	background-size: 100% 100%;
	display: inline-block
}
div.TDavatar img {
	padding: 10%;
        width: 80% !important;
        height: 80% !important;
}
div.TDavatar::after {
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-size: 100% 100%;
	pointer-events: none;
	z-index: 1
}
/* 小头像稀有度样式 */
div.TDavatar.rareBlank {
    background-image: url(/images/8/84/Item_blank.png);
}

div.TDavatar.rare2::after {
    content:" ";
    background-image:url(/images/8/84/Icon_2x_star.png);
    position: absolute;
}
div.TDavatar.rare2 {
    background-image: url(/images/b/b4/Icon_2x.png);
}

div.TDavatar.rare3::after {
    content:" ";
    background-image:url(/images/4/45/Icon_3x_star.png);
    position: absolute;
}
div.TDavatar.rare3 {
    background-image: url(/images/3/31/Icon_3x.png);
}

div.TDavatar.rare4::after {
    content:" ";
    background-image:url(/images/b/b4/Icon_4x_star.png);
    position: absolute;
}
div.TDavatar.rare4 {
    background-image: url(/images/2/29/Icon_4x.png);
}

div.TDavatar.rare5::after {
    content:" ";
    background-image:url(/images/b/ba/Icon_5x_star.png);
    position: absolute;
}
div.TDavatar.rare5 {
    background-image: url(/images/4/45/Icon_5x.png);
}

div.TDavatar.rare6::after {
    content:" ";
    background-image:url(/images/c/cb/Icon_6x_star.png);
    position: absolute;
}
div.TDavatar.rare6 {
    background-image: url(/images/b/b5/Icon_6x.png);
}

div.TDavatar.rareEX::after ,div.TDavatar.rare1::after  {
    content:" ";
    background-image:url(/images/0/05/Icon_Ex_star.png);
    position: absolute;
}
div.TDavatar.rareEX , div.TDavatar.rare1 {
    background-image: url(/images/8/8a/Icon_Ex.png);
}

div.TDavatar.SF::after {
    content:" ";
    background-image:url(/images/b/b0/Icon_SF_star.png);
    position: absolute;
}
div.TDavatar.SF {
    background-image: url(/images/3/38/Icon_SF.png);
}

div.TDavatar.none::after {
    content:" ";
    background-image:url(/images/5/5f/Icon_none_star.png);
    position: absolute;
}
div.TDavatar.none {
    background-image: url(/images/3/37/Icon_none.png);
}
/* Infobox template style */
.infobox {
   border: 1px solid #a2a9b1;
   background-color: #f8f9fa;
   color: black;
   margin-bottom: 0.5em;
   margin-left: 1em;
   padding: 0.2em;
   float: right;
   clear: right;
}
.infobox td,
.infobox th {
   vertical-align: top;
}
.infobox caption {
   font-size: larger;
}
.infobox.bordered {
   border-collapse: collapse;
}
.infobox.bordered td,
.infobox.bordered th {
   border: 1px solid #a2a9b1;
}
.infobox.bordered .borderless td,
.infobox.bordered .borderless th {
   border: 0;
}

.infobox.sisterproject {
   width: 20em;
   font-size: 90%;
}
/* tabber样式(在tabber上级元素中加入class="pretab") */
.pretab > .tabber ul.tabbernav {
    margin: 0px;
    padding: 0px 0px !important;
    border-bottom: 0px solid #CCC;
    font-family: "Microsoft YaHei",Sans-Serif !important;
    font-size: 1em !important;
    font-weight: normal !important;
    margin-bottom: 3px;
}

.pretab > .tabber .tabbertab {
    padding: 0px;
    border: 0px solid #CCC;
    border-bottom: 2px solid #f4c430;
    border-right: 2px solid #f4c430;
    background-image: linear-gradient(135deg, #f4c430 5px,transparent 5px);
    padding: 10px;
    background-color:#333
}
/* 人形页spine动画 */
.spinebox > p{
    height:25px;
    text-align:center;
    line-height:25px;
    font-weight:bold;
    margin:0px;
    margin-bottom:2px;
    display: block;
    flex-basis: 300px;
    flex-shrink: 1;
    flex: 1;
    min-width: 300px;
    color: #333;
    }
.spinebox > p:nth-child(2) {height: 0px;position: relative;z-index: 1;text-align: right;margin: 0px;padding-right:5px;}
.spinebox > div {
    background:rgba(119, 119, 119, 0.33);
    flex-basis: 300px;
    flex-shrink: 1;
    flex-grow: 1;
}
.spinebox {
    border: 10px double;
    border-image: url(/images/vectorize_border/BORDER_BIG.svg);
    border-image-slice: 10;
    border-image-width: 10px;
    background: rgba(51,51,51,0.7);
    background-clip: content-box;
    flex-flow: row wrap;
    max-width: 920px;
    min-width: 400px;
    display: block;
}

.spinebox select.chibi-costume-switcher {
    position: absolute;
    top: 5px;
    right: 5px;
    width: 120px;
    height: 24px;
    background-color: #222;
    color: #eaeaea;
    border: none;
    border-bottom: 1px solid #eaeaea;
    cursor: pointer;
    opacity: 0.5;
    -moz-transition: all .2s ease-in;
    -o-transition: all .2s ease-in;
    -webkit-transition: all .2s ease-in;
    transition: all .2s ease-in;
}

.spinebox select.chibi-costume-switcher:hover {
    opacity: 1;
}

.spinebox select.chibi-costume-switcher:focus-visible {
    outline: none;
}

#TDollChibiAnimation {
	height:400px;
}
/* Quote 样式 (配合模板使用) */
    table.cquote {
        text-shadow: 0 0 5px black;
        padding: 0.5em 1em 0em 0em;
    }
    table.cquote.type1 {
        border-left: 5px solid #f4c430;
        border-spacing: 0;
        background-image: linear-gradient(0deg,rgba(244, 196, 48, 0.2) 1px,transparent 1px),linear-gradient(90deg,rgba(0, 0, 0, 0.5) 35%,transparent 100%);
        background-size: 100% 3px;
    }
    table.cquote.type2 {
        border-left: 5px solid #e00000;
        border-spacing: 0;
        background-image: linear-gradient(0deg,rgba(244, 48, 48, 0.2) 1px,transparent 1px),linear-gradient(90deg,rgba(51, 0, 0, 0.5) 35%,transparent 100%);
        background-size: 100% 3px;
    }
    table.cquote > tbody td.content {
        padding-left: 1em;
        font-style:italic;
    }
    table.cquote > tbody td.character {
        padding-left: 2em;
        vertical-align: bottom;
    }
    table.cquote > tbody td.character > p{
        font-size:smaller;
        text-align:right;
        margin: 0px;
        margin-top: 1em;
    }
    table.cquote > tbody td.content > p:last-child {
        color: #f4c430;
        font-weight: bold;
        font-style: normal;
        text-align: center;
    }

/*标签头像样式*/
div.TDnavbar {
    position: relative;
    vertical-align: middle;
    font-size: 15pt;
    background-color:rgba(85, 85, 85, 0.9);
    padding:3px 5px;
    font-family:'Linux Libertine','Georgia','Times',serif;
    margin-right: 5px;
    }
div.TDnavbar:before{
    content:"";
    z-index:11;
    position:absolute;
    width:100%;
    left:0px;
    padding-right: 5px;
    height:100%;
    background-image:linear-gradient(0deg,transparent 49%,#fff 49%,#fff 51%,transparent 50%);
}
div.TDnavbar {display:none;transition: 0.5s all ease-in;opacity:0;position:absolute;z-index:100;min-width:100px;word-break:keep-all;right:70px;border-right:5px solid;}
a:hover + div.TDnavbar {opacity:1;display:block}
div.TDnavbox.r5 img {
    position: relative;
    Z-INDEX:10;
    width:65px;
    border-right: 5px solid #feb300 ;
    background-color: rgba(85, 85, 85, 0.65);
    background-image: linear-gradient(-70deg,#aa7746 34px,transparent 35px);
    background-repeat: no-repeat;
    }
div.TDnavbox.r5 div.TDnavbar{
    color:#feb300;
}
div.TDnavbox.r4 img {    position: relative;
    Z-INDEX:10;
    width:65px;
    border-right: 5px solid #d1df5b ;
    background-color: rgba(85, 85, 85, 0.65);
    background-image: linear-gradient(-70deg,#81824b 34px,transparent 35px);
    background-repeat: no-repeat;
    }
div.TDnavbox.r4 div.TDnavbar{
    color:#d1df5b ;
}
div.TDnavbox.r3 img {    position: relative;
    Z-INDEX:10;
    width:65px;
    border-right: 5px solid #6bdac7 ;
    background-color: rgba(85, 85, 85, 0.65);
    background-image: linear-gradient(-70deg,#32506e 34px,transparent 35px);
    background-repeat: no-repeat;
    }
div.TDnavbox.r3 div.TDnavbar{
    color:#6bdac7 ;
}
div.TDnavbox.r2 img {    position: relative;
    Z-INDEX:10;
    width:65px;
    border-right: 5px solid #fff ;
    background-color: rgba(85, 85, 85, 0.65);
    background-image: linear-gradient(-70deg,#747474 34px,transparent 35px);
    background-repeat: no-repeat;
    }
div.TDnavbox.r2 div.TDnavbar{
    color:#fff ;
}
div.TDnavbox.r6 img {    position: relative;
    Z-INDEX:10;
    width:65px;
    border-right: 5px solid #deb6ff ;
    background-color: rgba(85, 85, 85, 0.65);
    background-image: linear-gradient(-70deg,#68517b 34px,transparent 35px);
    background-repeat: no-repeat;
    }
div.TDnavbox.r6 div.TDnavbar{
    color:#deb6ff ;
}
div.TDnavbar > p {    position: relative;
    display: block;
    padding:4px 10px;
    margin:0px;
    text-align:center;
    line-height:1em;
    word-break: keep-all;
    white-space: nowrap;
    }
div.TDnavbox{
    word-break: keep-all;
    min-width: auto;
    flex-wrap: nowrap;
    display: inline-flex;
    padding: 3px 5px;
    position: relative;
}
/*标签式头像图鉴样式2*/
table.iconbox tr > td:first-child {padding-top:4px;vertical-align:top;}
table.iconbox tr > td:last-child {padding:0px;font-size:0px;}
div.TDnavbox.lead div.TDnavbar {left:75px;right:auto;}
/* 折叠部分 */
/* Default styling for Navbar template */
.navbar {
    display: inline;
    font-weight: normal;
}
.navbar ul {
    display: inline;
    white-space: nowrap;
}
.navbar li {
    word-spacing: -0.125em;
}
/* Navbar styling when nested in navbox */
.navbox .navbar {
    display: block;
}
.navbox-title .navbar {
    /* @noflip */
    float: left;
    /* @noflip */
    text-align: left;
    /* @noflip */
    margin-right: 0.5em;
    width: 8em;
}

/* 'show'/'hide' buttons created dynamically by the CollapsibleTables javascript
   in [[MediaWiki:Common.js]] are styled here so they can be customised. */
.collapseButton {       
    /* @noflip */
    float: right;
    font-weight: normal;
    /* @noflip */
    margin-left: 0.5em;
    /* @noflip */
    text-align: right;
    width: auto;
}
/* In navboxes, the show/hide button balances the v·d·e links
   from [[Template:Navbar]], so they need to be the same width. */
.navbox .collapseButton {
    width: 8em;
}
/* Footer */
div#footer #footer-icons li {
  margin-left: 0;
}
#footer-poweredbyico a {
  margin-right: 0.5em;
}
/* Tooltips */
a.top_tooltip {
    display: inline;
    position: relative;
}
a.top_tooltip span {
    width: 140px;
    height: auto;
    color: #fff;
    background: #2b2b2b;
    position: absolute;
    font-size: 13px;
    text-align: center;
    padding: 10px;
    line-height: 20px;
    visibility: hidden;
    border-radius: 10px;
}
  
a.top_tooltip span:after {
    content: '';
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -8px;
    width: 0;
    height: 0;
    border-top: 8px solid #2b2b2b;
    border-right: 8px solid transparent;
    border-left: 8px solid transparent;
}
  
a:hover.top_tooltip span {
    visibility: visible;
    opacity: 0.8;
    bottom: 30px;
    left: 50%;
    margin-left: -76px;
    z-index: 999;
}
#cnzz_stat_icon_1260801769 {
  visibility: hidden;
}
/* Slider */
.csslider1 > ul {
    height: 280px;
}

/* diff-context */
.diff-context {
    color: #9e9e9e ;
}
td.diff-addedline .diffchange {
    color: #9e9e9e;
}
td.diff-context>div {
    color: #9e9e9e ;
}
/* goTop */
.goTop {
    height: 64px;
    width: 64px;
    background: rgba(244, 196, 48, 0.8);
    position: fixed;
    border-radius: 50px;
    top: 80%;
    right: 1%;
    display: none;
}
 
.goTop span {
    color: #fff;
    background-image: url('/resources/assets/rocket.png');
    position: absolute;
    width: 90%;
    height: 90%;
}

.sm2-bar-ui {
 font-size: 16px;
}

.sm2-bar-ui .sm2-inline-texture {
 background: transparent;
}
.sm2-widget-3f4e46fe-0b3e-4e01-83f2-44dd887e0f8b .sm2-bar-ui .sm2-main-controls,
.sm2-widget-3f4e46fe-0b3e-4e01-83f2-44dd887e0f8b .sm2-bar-ui .sm2-playlist-drawer,
.sm2-widget-3f4e46fe-0b3e-4e01-83f2-44dd887e0f8b .sm2-bar-ui .sm2-lyric-drawer {background-color: #F4C430;
}
/* SMW 样式 */
.smw-editpage-help {
    background-color: #333;
    border: 1px solid silver;
    padding: 0.5em 1em 0.5em 1em;
    margin-bottom: 1em;
}
/* CodeMirror 样式 */
.CodeMirror {
  background: #151515 !important;
}
.CodeMirror-activeline-background {
  background: #505050 !important;
}
.cm-mw-link-pagename, .cm-mw-link-bracket, .cm-mw-extlink-bracket, .cm-mw-extlink-protocol, .cm-mw-free-extlink-protocol, .cm-mw-extlink, .cm-mw-free-extlink {
  color: #F4C430 !important;
}

.iteminfo {
    display: none;
}

.itemhover:hover .iteminfo {
    display: block;
}

.nodesktop {
    display: none !important;
}

.mw-collapsible-toggle{
position:relative;
Z-index:50;
}

.gfbackground{
border-radius:10px;
background:url(/images/9/99/BG_1.png);
background-size: 50px;
}

.smw-ask-otheroptions tr{background:#333 !important;}
/* 替代筛选表格样式 Start */
table.wikitable > tr > th, table.wikitable > * > tr > th {
    background-color: #555;
}
/* 替代筛选表格样式 End */



/* tab body*/
.tabber{
display:block;
}

.tabbertab p{
margin:0px;
}

.tabber .tabbertab {
    padding: 0px;
    border: 0px solid #CCC;
}
.tabber ul.tabbernav {
    margin: 0px;
    padding: 0px 0px !important;
    border-bottom: 0px solid #CCC;
    font-family: "Microsoft YaHei",Sans-Serif !important;
    font-size: 1em !important;
    font-weight: normal !important;
}

/* inactive tab */
ul.tabbernav li a{
    border: 1px double;
    border-image: url(/images/vectorize_border/BUTTON_AT.svg);
    border-image-slice: 7;
    border-image-width: 7px;
    background: #333;
    background-clip: padding-box;
    color: #FFF;
    text-shadow:none;
    z-index:5;
    height:21px;
    padding: 0px 5px 0px 5px !important;
    margin-right: 9px;
    margin-left: 0px !important;
}

ul.tabbernav li a:visited {
    color: #fff;
}
ul.tabbernav li a:link {
    color: #fff;
}
ul.tabbernav li a:hover {
    background-color: #333;
    background-clip: padding-box;
    color: #fff;
}
ul.tabbernav li.tabberactive a:visited {
    color: #333;
}
ul.tabbernav li.tabberactive a:link {
    color: #333;
}
ul.tabbernav li.tabberactive a:hover {
    background-color: #F4C430;
    background-clip: padding-box;
    color: #333;
}

/* active tab */
ul.tabbernav li.tabberactive a{
    border: 1px double;
    border-image: url(/images/vectorize_border/BUTTON_DA.svg);
    border-image-slice: 7;
    border-image-width: 7px;
    background-color: #F4C430;
    background-clip: padding-box;
    color: #333;
    height: 21px;
    z-index:6;
    text-shadow:none;
}

/* GF Style table */
.stattable{
    text-shadow: 0 0 1px rgba(0, 0, 0, 0.67);
}
table.stattable th{
    background: #f4c430;
    color: #111;
    background-position: right -5px center !important;
    padding: 2px 10px 2px 5px !important;
    white-space: nowrap;
}

table.stattable{
    border: 0px solid transparent;
    border-spacing: 2px;
    border-color: transparent;
    background: transparent;
}

table.stattable1{
    border: 0px solid transparent;
    border-spacing: 2px;
    border-color: transparent;
    background: transparent;
}
td.tiles > table {width:60px;height:60px;}
table.stattable>tbody>tr>td ,table.stattable>tfoot>tr>td {
    background: rgba(119,119,119,0.33);
}

table.stattable td{
    border: 0px solid transparent;
    border-spacing: 2px;
    border-color: transparent;
}

div.stattable>div{
margin:0px;
}

table.stattable p.rankSS{
    background:transparent;
    background-image:url(/images/f/f7/RANK-SS.png);
    background-repeat:no-repeat;
    background-position:right;
    margin:0px;
    padding:0px;
    width:25px;
    height:25px;
    float:right;
}

table.stattable p.rankS{
    background:transparent;
    background-image:url(/images/e/e0/RANK-S.png);
    background-repeat:no-repeat;
    background-position:right;
    margin:0px;
    padding:0px;
    width:25px;
    height:25px;
    float:right;
}

table.stattable p.rankA{
    background:transparent;
    background-image:url(/images/4/42/RANK-A.png);
    background-repeat:no-repeat;
    background-position:right;
    margin:0px;
    padding:0px;
    width:25px;
    height:25px;
    float:right;
}

table.stattable p.rankB{
    background:transparent;
    background-image:url(/images/2/22/RANK-B.png);
    background-repeat:no-repeat;
    background-position:right;
    margin:0px;
    padding:0px;
    width:25px;
    height:25px;
    float:right;
}

table.stattable p.rankC{
    background:transparent;
    background-image:url(/images/6/61/RANK-C.png);
    background-repeat:no-repeat;
    background-position:right;
    margin:0px;
    padding:0px;
    width:25px;
    height:25px;
    float:right;
}

table.stattable p.rankD{
    background:transparent;
    background-image:url(/images/b/be/RANK-D.png);
    background-repeat:no-repeat;
    background-position:right;
    margin:0px;
    padding:0px;
    width:25px;
    height:25px;
    float:right;
}

table.stattable p.rankE{
    background:transparent;
    background-image:url(/images/3/32/RANK-E.png);
    background-repeat:no-repeat;
    background-position:right;
    margin:0px;
    padding:0px;
    width:25px;
    height:25px;
    float:right;
}

table.stattable p.rankN{
    margin:0px;
    padding:0px;
    width:25px;
    height:25px;
    float:right;
}


/* 标签背景样式 */

.gflabelbg{
    background:linear-gradient(-45deg,transparent 6px,#F4C430 5px),linear-gradient(-45deg,transparent 6px,#F4C430 5px),linear-gradient(-45deg,transparent 6px,#F4C430 5px),linear-gradient(-45deg,transparent 6px,#F4C430 5px),linear-gradient(-45deg,transparent 6px,#F4C430 5px);
    
}

.gflabelbg1{
background: linear-gradient(-45deg,#F4C430 6px,transparent 5px),linear-gradient(-45deg,#F4C430 6px,transparent 5px),linear-gradient(-45deg,#F4C430 6px,transparent 5px),linear-gradient(-45deg,#F4C430 6px,transparent 5px),linear-gradient(-45deg,#F4C430 6px,transparent 5px);

}

/* 战术人形基础信息表样式 */
skill{
    color:#f4c430;
    margin: 0px 3px;
    font-family: 'LinBiolinum';
}
div.TDollInformation{
    flex-flow: row wrap;
    align-items: flex-start;
    display: inline-flex;
    max-width: 920px;
    flex: auto;
    border: 10px double;
    border-image: url(/images/vectorize_border/BORDER_BIG.svg);
    border-image-slice: 10 fill;
    border-image-width: 10px;
    background-clip: content-box;
}

div.TDollInformation .tabber ul.tabbernav {
    position: absolute;
    top: -20px;
    left: 2px;
}

div.TDollInformation > div.TDollStattables{
    float: left;
    min-width: 300px;
    flex-grow: 1;
    flex-shrink: 1;
    flex-basis: 300px;
    position: relative;
}

div.TDollInformation > div.TDollSkilltables{
    position: relative;
    width: auto;
    height: fit-content;
    min-width: 300px;
    flex-grow: 3;
    flex-basis: 600px;
    max-width: 100%;
}

.abtb1{padding:0px;}

.abtb2{padding:0px;}

.obtainflag{
    border: 1px solid transparent;
    border-radius: 2px;
    margin-right: 2px;
    padding-left: 2px;
    padding-right: 2px;
    clear: both;
}

.obtainflagcontainer {
    float: left;
    color: black;
    text-shadow: none;
    display: inline-block;
    width: 72px;
}

.obtainflag.normalcraft{
    background:#50ee50;
}

.obtainflag.heavycraft{
    background:#ff5050;
}

.obtainflag.drop{
    background:#F4C430;
}

.obtainflag.extra{
    background:#ff4ce8;
}

.obtainflag.unable{
    opacity: 0.25;
}

.spoiler {filter:blur(3px); text-shadow: 0px 0px 5px white;transition: all 0.1s ease-in-out;}
.spoiler:hover {filter:none;text-shadow:none;}

/* Character Page Menu */
/*
ul.charnav {
    list-style-type: none;
    list-style-image: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    background-color:rgba(0,0,0,0.4);
    
}

ul.charnav li {float: left;}

ul.charnav li {
    display: block;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
    color:#252525;
}

ul.charnav li:hover {background-color: #252525;color:white;}
ul.charnav li a:hover {background-color:#252525;color:#ffb400;}

ul.charnav li.active {background-color:#FFB400;color:black;}

ul.charnav li.right {float: right;}

@media screen and (max-width: 600px){
    ul.charnav li.right, 
    ul.charnav li {float: none;}
} */

/* Spine animation */
.profiletable .tdoll_chibi,
.profiletable .chibiAnimationContainer,
.chibiAnimationContainer.commander-chibi {
  background: repeating-linear-gradient(-55deg,#22222266,#22222266 10px,#33333366 10px,#33333366 20px);
}

.profiletable .tdoll_chibi .chibiAnimation,
.profiletable .chibiAnimationContainer .chibiAnimation {
  margin-top: 80px;
}

.profiletable .tdoll_chibi .chibiAnimationClickArea,
.profiletable .chibiAnimationContainer .chibiAnimationClickArea {
  height: 260px;
}

.tdoll_chibi .chibiAnimation,
.chibiAnimationContainer .chibiAnimation {
    flex-shrink: 0;
    pointer-events: none;
}
.commander-chibi-container {
	display: inline-block;
}

.commander-chibi-container .chibiAnimationClickArea {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

.commander-chibi-container .chibiAnimation {
	position: absolute;
}
/** tree.css*/
.tree ul {
	padding-top: 20px; position: relative;
	
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
}

.tree li {
	float: left; text-align: center;
	list-style-type: none;
	position: relative;
	padding: 20px 5px 0 5px;
	
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
}

/*We will use ::before and ::after to draw the connectors*/

.tree li::before, .tree li::after{
	content: '';
	position: absolute; top: 0; right: 50%;
	border-top: 1px solid #ccc;
	width: 50%; height: 20px;
}
.tree li::after{
	right: auto; left: 50%;
	border-left: 1px solid #ccc;
}

/*We need to remove left-right connectors from elements without 
any siblings*/
.tree li:only-child::after, .tree li:only-child::before {
	display: none;
}

/*Remove space from the top of single children*/
.tree li:only-child{ padding-top: 0;}

/*Remove left connector from first child and 
right connector from last child*/
.tree li:first-child::before, .tree li:last-child::after{
	border: 0 none;
}
/*Adding back the vertical connector to the last nodes*/
.tree li:last-child::before{
	border-right: 1px solid #ccc;
	border-radius: 0 5px 0 0;
	-webkit-border-radius: 0 5px 0 0;
	-moz-border-radius: 0 5px 0 0;
}
.tree li:first-child::after{
	border-radius: 5px 0 0 0;
	-webkit-border-radius: 5px 0 0 0;
	-moz-border-radius: 5px 0 0 0;
}

/*Time to add downward connectors from parents*/
.tree ul ul::before{
	content: '';
	position: absolute; top: 0; left: 50%;
	border-left: 1px solid #ccc;
	width: 0; height: 20px;
}

.tree li a{
	border: 1px solid #ccc;
	padding: 5px 10px;
	text-decoration: none;
	color: #666;
	font-family: arial, verdana, tahoma;
	font-size: 11px;
	display: inline-block;
	
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
}

/*Time for some hover effects*/
/*We will apply the hover effect the the lineage of the element also*/
.tree li a:hover, .tree li a:hover+ul li a {
	background: #c8e4f8; color: #000; border: 1px solid #94a0b4;
}
/*Connector styles on hover*/
.tree li a:hover+ul li::after, 
.tree li a:hover+ul li::before, 
.tree li a:hover+ul::before, 
.tree li a:hover+ul ul::before{
	border-color:  #94a0b4;
}
/** 应该是加边框 */
.tree span{display:inline-block;box-sizing:border-box;height:30px;line-height:28px;min-width:60px;text-align:center;color:#888;border:1px solid #ddd;border-radius:5px;padding:0 8px;}
/** 控制鼠标移上去的颜色 */
.tree span:hover, .tree span:hover+ul span{color:#fff;background-color:orange;}
.tree span:hover, .tree span:hover+ul span, .tree span:hover+ul li:before, .tree span:hover+ul li:after{border-color:orange;}


/* 对话框样式 */
.leftDialog {
    display: block !important;
    position: relative;
    min-height: 80px;
    min-width: 330px;
    border: 0px solid;
    border-image-source: url(/images/vectorize_border/dialog.svg);
    border-image-width: 26px 55px 15px 265px;
    border-image-slice: 26 55 15 265 fill;
    border-image-repeat: stretch;
    margin:0rem auto 1rem auto !important;
    max-width: 640px;
}
.rightDialog {
    display: block !important;
    position: relative;
    min-height: 80px;
    min-width: 330px;
    border: 0px solid;
    border-image-source: url(/images/vectorize_border/dialog_right.svg);
    border-image-width: 9px 265px 26px 55px;
    border-image-slice: 9 265 26 55 fill;
    border-image-repeat: stretch;
    margin:1rem auto 0rem auto !important;
    max-width: 640px;
    direction:rtl
}
.leftDialog td.headicon {padding:5px;vertical-align:top;}
.leftDialog td.headicon img {border:1px solid #f4c430;background:#333}
.leftDialog td.dialogbox {margin: 0 5px 0.6rem 1rem;display:block;min-width:210px;word-break: break-all;}
.leftDialog td.namebox {    display: block; color: #f4c430; padding-top: 0.4rem;}

.rightDialog td.headicon {padding:5px;vertical-align: bottom;}
.rightDialog td.headicon img {border:1px solid #f4c430;background:#333}
.rightDialog td.dialogbox {display: block;margin: 10px 1rem 1.5rem 5px !important;word-break: break-all;direction: ltr;}
.rightDialog td.namebox {display: block;color: #f4c430;position: relative;bottom: 3px;}

.centerDialog {
    text-align: center;
    padding: 20px 10px;
    min-width: 330px;
    max-width: 700px;
    margin: 1.5rem auto 1.5rem auto !important;
    background-color: #222;
}

/* 对话框样式End */

/* 对话CG样式 */
.avgTextCGDiv {
    height: 200px;
    overflow: hidden;
    text-align: center;
    margin: 5rem auto 2rem auto !important;
}

.avgTextCG {
    position: relative;
    top: -100px;
}

.avgTextCGMemoir {
    filter: sepia(0.8);
}
.avgTextCGNight {
    filter: hue-rotate(180deg) brightness(0.5);
}
/* 对话CG样式End */

/* 页面底部导航框(萌百模板) */
table.navbox {
    border: 1px solid #aaa;
    clear: both;
    margin: auto;
    padding: 1px;
    text-align: center;
    width: 100%;
}
table.navbox+table.navbox {
    margin-top: -1px;
}
.navbox-title,
.navbox-abovebelow,
table.navbox th {
    padding-left: 1em;
    padding-right: 1em;
    text-align: center;
}
.navbox-group {
    font-weight: 700;
    padding-left: 1em;
    padding-right: 1em;
    white-space: nowrap;
}
.navbox,

.navbox-abovebelow, .navbox-group, .navbox-subgroup .navbox-title {
    background: none repeat scroll 0 0 #555;
}
.navbox-title, table.navbox th {
    background: none repeat scroll 0 0 #777;
}

.navbox-subgroup {
    background: none repeat scroll 0 0 #fdfdfd;
}
.navbox-list {
    border-color: #fdfdfd;
}

.navbox-subgroup .navbox-group,
.navbox-subgroup .navbox-abovebelow {
    background: none repeat scroll 0 0 #e6f6e6;
}
.navbox-even {
    background: none repeat scroll 0 0 #f5fcf5;
}
.navbox-odd {
    background: none repeat scroll 0 0 transparent;
}
.collapseButton {
    float: right;
    font-weight: 400;
    text-align: right;
    width: auto;
}
.navbox .collapseButton {
    width: 6em;
}
/* Fix by case : Rev 1327309 ([[Special:Permalink/1327309]])
    Address alignment issue of nested tabs in Navbox */
.navbox .TabLabel {
    text-align: left;
}
/* 底部框样式End */

.commander-chibi-container {
	display: inline-block;
}

.commander-chibi-container .chibiAnimationClickArea {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

.commander-chibi-container .chibiAnimation {
	position: absolute;
}
/*  -------------------------------------- Spine CSS --------------------------------------  */

.bigScale canvas{transform: scale(0.6) translateY(75px);}
/*  -------------------------------------- Spine CSS end--------------------------------------  */

/* 公告栏滚动Rollnews 转自萌百 */
#scrollDiv {
    width: 100%;
    height: 25px;
    line-height: 25px;
    overflow: hidden
}
#scrollDiv ul {
    margin-left: 0!important;
}
#scrollDiv li {
    height: 25px;
    padding-left: 0px;
    list-style: none;
}
/* 滚动缩略图 转自EN_GFwiki */
.banners .jcarousel-item {
  max-height: 200px;
}

.banners .jcarousel-item img {
  display: block;
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
}

/* Spine and Live2D assest*/
.loading .chibiAnimationClickArea,
.loading {
    background-image: url('/images/a/ac/Gfloading.gif');
    background-repeat: no-repeat;
    background-attachment: local;
    background-position: bottom right;
    background-size: 50px;
}

.loading2 {
  background-image: url("/images/5/5e/gf_loading2.gif");
  background-repeat: no-repeat;
  background-attachment: local;
  background-position: bottom right;
  background-size: 18px;
}

div.ace_search > .ace_search_options > .ace_search_counter,
#msupload-div > #msupload-list > .file > .file-name,
div.tippy-content {
	color: black;
}

.imbox {
	border: 3px solid #f4c430;
	border-collapse: collapse;
	margin: 4px 10%;
}
.imbox .mbox-image { padding: 2px 0 2px 0.9em; }
.imbox .mbox-text {
	padding: 0.25em 0.9em;
	width: 100%;
}
.imbox-license {
	background-color: #333;
	border-color: #88a;
}

.mw-collapsible caption { display: inline-block; }

div.hatnote {
	font-style: italic;
	margin-bottom: 0.5em;
	padding-left: 1.6em;
}

/* equip type icon */
.equip-type div {
	background-image: url(/images/f/fb/Equip_type_map.png);
	background-size: 96px 552px;
	display: inline-block;
	height: 24px;
	width: 24px;
}
.equip-rank3 { background-position-x: -24px; }
.equip-rank4 { background-position-x: -48px; }
.equip-rank5 { background-position-x: -72px; }
.equip-type2 { background-position-y: -24px; }
.equip-type3 { background-position-y: -48px; }
.equip-type4 { background-position-y: -72px; }
.equip-type5 { background-position-y: -96px; }
.equip-type6 { background-position-y: -120px; }
.equip-type7 { background-position-y: -144px; }
.equip-type8 { background-position-y: -168px; }
.equip-type9 { background-position-y: -192px; }
.equip-type10 { background-position-y: -216px; }
.equip-type11 { background-position-y: -240px; }
.equip-type12 { background-position-y: -264px; }
.equip-type13 { background-position-y: -288px; }
.equip-type14 { background-position-y: -312px; }
.equip-type15 { background-position-y: -336px; }
.equip-type16 { background-position-y: -360px; }
.equip-type17 { background-position-y: -384px; }
.equip-type18 { background-position-y: -408px; }
.equip-type19 { background-position-y: -432px; }
.equip-type20 { background-position-y: -456px; }
.equip-type21 { background-position-y: -480px; }
.equip-type22 { background-position-y: -504px; }
.equip-type23 { background-position-y: -528px; }