◆少前百科是非盈利性、非官方的少女前线维基百科。 ◆如果您发现某些内容错误/空缺,请勇于修正/添加!参与进来其实很容易!点这里 加入少前百科。 ◆有任何意见、建议、纠错,欢迎在 GFwiki:反馈与建议 提出和讨论。编辑事务讨论QQ群:597764980,微博@GFwiki少前百科 ◆To foreigners,You can use twitter to contact us. |
“MediaWiki:Common.css”的版本间的差异
Mikumikuer(讨论 | 贡献) |
Mikumikuer(讨论 | 贡献) |
||
(未显示4个用户的119个中间版本) | |||
第1行: | 第1行: | ||
/* 这里放置的CSS将应用于所有皮肤 */ | /* 这里放置的CSS将应用于所有皮肤 */ | ||
− | /* | + | /* 表格logo */ |
− | # | + | table.logo::after{ |
− | background-image: url( | + | 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-repeat: no-repeat; | ||
− | background- | + | background-image: url(/images/d/df/Up_btn.gif); |
− | background- | + | background-color: transparent; |
− | background-size: | + | background-size: 100%; |
− | + | cursor: pointer; | |
− | + | } | |
− | + | ||
− | + | /* 隐藏编辑页面中的返回顶部按钮 */ | |
− | + | .action-edit .backToTop, | |
+ | .action-submit .backToTop { | ||
+ | display: none !important; | ||
} | } | ||
+ | |||
/* 小头像通用样式 */ | /* 小头像通用样式 */ | ||
div.TDavatar { | div.TDavatar { | ||
position: relative; | position: relative; | ||
− | + | width: 100px; | |
− | + | height: 100px; | |
− | + | background-repeat: no-repeat; | |
− | + | background-size: 100% 100%; | |
− | + | display: inline-block | |
} | } | ||
div.TDavatar img { | div.TDavatar img { | ||
− | + | padding: 10%; | |
− | + | width: 80% !important; | |
+ | height: 80% !important; | ||
+ | } | ||
div.TDavatar::after { | 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 { | div.TDavatar.rare2::after { | ||
content:" "; | content:" "; | ||
第72行: | 第194行: | ||
} | } | ||
− | div.TDavatar.rareEX::after { | + | 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:" "; | content:" "; | ||
background-image:url(/images/0/05/Icon_Ex_star.png); | background-image:url(/images/0/05/Icon_Ex_star.png); | ||
position: absolute; | position: absolute; | ||
} | } | ||
− | div.TDavatar.rareEX { | + | div.TDavatar.rareEX , div.TDavatar.rare1 { |
background-image: url(/images/8/8a/Icon_Ex.png); | background-image: url(/images/8/8a/Icon_Ex.png); | ||
} | } | ||
第176行: | 第307行: | ||
.spinebox { | .spinebox { | ||
border: 10px double; | border: 10px double; | ||
− | border-image: url( | + | border-image: url(/images/vectorize_border/BORDER_BIG.svg); |
border-image-slice: 10; | border-image-slice: 10; | ||
− | border-image-width: | + | border-image-width: 10px; |
background: rgba(51,51,51,0.7); | background: rgba(51,51,51,0.7); | ||
background-clip: content-box; | background-clip: content-box; | ||
flex-flow: row wrap; | flex-flow: row wrap; | ||
max-width: 920px; | max-width: 920px; | ||
− | min-width: | + | min-width: 400px; |
display: block; | 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 样式 (配合模板使用) */ | /* Quote 样式 (配合模板使用) */ | ||
table.cquote { | table.cquote { | ||
第324行: | 第484行: | ||
table.iconbox tr > td:last-child {padding:0px;font-size:0px;} | table.iconbox tr > td:last-child {padding:0px;font-size:0px;} | ||
div.TDnavbox.lead div.TDnavbar {left:75px;right:auto;} | div.TDnavbox.lead div.TDnavbar {left:75px;right:auto;} | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
/* 折叠部分 */ | /* 折叠部分 */ | ||
/* Default styling for Navbar template */ | /* Default styling for Navbar template */ | ||
第616行: | 第671行: | ||
} | } | ||
/* 替代筛选表格样式 End */ | /* 替代筛选表格样式 End */ | ||
+ | |||
+ | |||
/* tab body*/ | /* tab body*/ | ||
第642行: | 第699行: | ||
ul.tabbernav li a{ | ul.tabbernav li a{ | ||
border: 1px double; | border: 1px double; | ||
− | border-image: url(/images/ | + | border-image: url(/images/vectorize_border/BUTTON_AT.svg); |
border-image-slice: 7; | border-image-slice: 7; | ||
− | border-image-width: | + | border-image-width: 7px; |
background: #333; | background: #333; | ||
background-clip: padding-box; | background-clip: padding-box; | ||
第682行: | 第739行: | ||
ul.tabbernav li.tabberactive a{ | ul.tabbernav li.tabberactive a{ | ||
border: 1px double; | border: 1px double; | ||
− | border-image: url(/images/ | + | border-image: url(/images/vectorize_border/BUTTON_DA.svg); |
border-image-slice: 7; | border-image-slice: 7; | ||
− | border-image-width: | + | border-image-width: 7px; |
background-color: #F4C430; | background-color: #F4C430; | ||
background-clip: padding-box; | background-clip: padding-box; | ||
第719行: | 第776行: | ||
} | } | ||
td.tiles > table {width:60px;height:60px;} | 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); | ||
} | } | ||
第729行: | 第786行: | ||
} | } | ||
− | div.stattable> | + | div.stattable>div{ |
margin:0px; | margin:0px; | ||
} | } | ||
第796行: | 第853行: | ||
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; | ||
第829行: | 第898行: | ||
skill{ | skill{ | ||
color:#f4c430; | color:#f4c430; | ||
− | font- | + | margin: 0px 3px; |
+ | font-family: 'LinBiolinum'; | ||
} | } | ||
div.TDollInformation{ | div.TDollInformation{ | ||
第838行: | 第908行: | ||
flex: auto; | flex: auto; | ||
border: 10px double; | border: 10px double; | ||
− | border-image: url(/images/ | + | border-image: url(/images/vectorize_border/BORDER_BIG.svg); |
− | border-image-slice: 10; | + | border-image-slice: 10 fill; |
− | border-image-width: | + | border-image-width: 10px; |
− | |||
background-clip: content-box; | background-clip: content-box; | ||
} | } | ||
第950行: | 第1,019行: | ||
/* Spine animation */ | /* Spine animation */ | ||
.profiletable .tdoll_chibi, | .profiletable .tdoll_chibi, | ||
− | .profiletable .chibiAnimationContainer { | + | .profiletable .chibiAnimationContainer, |
+ | .chibiAnimationContainer.commander-chibi { | ||
background: repeating-linear-gradient(-55deg,#22222266,#22222266 10px,#33333366 10px,#33333366 20px); | background: repeating-linear-gradient(-55deg,#22222266,#22222266 10px,#33333366 10px,#33333366 20px); | ||
} | } | ||
第968行: | 第1,038行: | ||
flex-shrink: 0; | flex-shrink: 0; | ||
pointer-events: none; | 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 { | |
− | display: block; | + | 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 | + | |
+ | /* Spine and Live2D assest*/ | ||
.loading .chibiAnimationClickArea, | .loading .chibiAnimationClickArea, | ||
.loading { | .loading { | ||
第1,001行: | 第1,360行: | ||
background-size: 18px; | 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; }