|
|
| 第1行： |
第1行： |
| /* 这里放置的CSS将应用于所有皮肤 */ | | /* 这里放置的CSS将应用于所有皮肤 */ |
| /* 表格logo */ | | /*增加一个背景图片*/ |
| table.logo::after{
| | body.skin-vector { |
| content: "";
| | background-position: center; |
| 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-image: url(/images/d/df/Up_btn.gif);
| | background-size: cover; |
| background-color: transparent;
| | background-attachment: fixed!important; |
| background-size: 100%; | | background: url('https://patchwiki.biligame.com/images/blhx/6/62/occr1kv0t0l0su5g427a4rhhsnv4ko5.jpg'); |
| cursor: pointer; | | /* background: url(http://huoqibaike.yes1.cn/mediawiki-1.31.1/images/5/51/Ting.jpg) no-repeat top left; */ |
| }
| |
| | |
| /* 隐藏编辑页面中的返回顶部按钮 */
| |
| .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; }
| | /*mw-body背景透明度*/ |
| .imbox .mbox-text { | | .mw-body { |
| padding: 0.25em 0.9em;
| | background-color: rgba(255, 255, 255, 0.75); |
| width: 100%;
| |
| } | | } |
| .imbox-license {
| | /*清除顶部导航栏的背景*/ |
| background-color: #333;
| | #mw-page-base{ |
| border-color: #88a;
| | background:none; |
| } | | } |
| | | /*左侧导航栏样式*/ |
| .mw-collapsible caption { display: inline-block; } | | .portal { |
| | | background-color: rgba(255, 255, 255, 0.75); |
| div.hatnote {
| |
| font-style: italic;
| |
| margin-bottom: 0.5em;
| |
| padding-left: 1.6em;
| |
| } | | } |
| | | /*页尾样式*/ |
| /* equip type icon */ | | #footer { |
| .equip-type div {
| | background-color: rgba(255, 255, 255, 0.75); |
| 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; }
| |
_no-repeat_top_left;){kind=link}