◆少前百科是非盈利性、非官方的少女前线维基百科。 ◆如果您发现某些内容错误/空缺,请勇于修正/添加!参与进来其实很容易!点这里 加入少前百科。 ◆有任何意见、建议、纠错,欢迎在 GFwiki:反馈与建议 提出和讨论。编辑事务讨论QQ群:597764980,微博@GFwiki少前百科 ◆To foreigners,You can use twitter to contact us. |
MediaWiki:Common.css
Mikumikuer(讨论 | 贡献)2018年12月10日 (一) 23:02的版本
注意:在保存之后,您可能需要清除浏览器缓存才能看到所作出的变更的影响。
- Firefox或Safari:按住Shift的同时单击刷新,或按Ctrl-F5或Ctrl-R(Mac为⌘-R)
- Google Chrome:按Ctrl-Shift-R(Mac为⌘-Shift-R)
- Internet Explorer:按住Ctrl的同时单击刷新,或按Ctrl-F5
- Opera:前往菜单 → 设置(Mac为Opera → Preferences),然后隐私和安全 → 清除浏览数据 → 缓存的图片和文件。
/* 这里放置的CSS将应用于所有皮肤 */
/* Wiki UI样式替代 */
.ui-widget-content {
border: 1px solid #aaa;
background: #555 url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAABkEAIAAACY3hF0AAAAd0lEQ…3EStbDSVBAz05i8dYTcHbPPQlBpAkWxFEi7vGIx39Akt0JDx8zhdonkHMAAAAASUVORK5CYII=) 50% top repeat-x;
color: #362b36;
}
#mw-head {
position: absolute;
top: 0;
right: 0;
width: 100%;
background-image: linear-gradient(180deg,#f4c430 3px,transparent 3px),linear-gradient(225deg,#555a 300px,transparent 2px);
background-size: 100% 30px;
background-repeat: no-repeat;
}
/*标签头像样式*/
div.TDnavbar {
position: relative;
vertical-align: middle;
font-size: 15pt;
background-color:rgba(85, 85, 85, 0.65);
padding:3px 5px;
font-family:'Linux Libertine','Georgia','Times',serif;
margin-right: 5px;
box-shadow: 0 0 5px 3px rgba(85, 85, 85, 0.65);
}
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:5px 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;
}
/*筛选工具样式*/
.filterable-button {
float:right;
color:black;
text-shadow:none;
transition:all 1250ms cubic-bezier(0.19,1,0.22,1);
cursor:pointer;
}
.filterable-button:hover {
text-shadow:1px 1px 2px #888;
}
.filterable-button-active {
color:black;
}
.filterable-input-group {
position:absolute;
width:200px;
display:none;
}
.filterable-input-group .list-group-item input {
vertical-align:text-bottom;
margin:0 5px 0 0;
}
.filterable-input-group .dropdown-content {
padding:0 10px;
}
.filterable-input-group .dropdown-content .list-group-item {
overflow:hidden;
white-space:nowrap;
text-overflow:ellipsis;
}
.filterable-input-group .list-group {
margin-bottom:10px;
max-height:206px;
overflow-y:auto;
}
.list-group-item span {color:black}
.dropdown-menu{
padding:7px;
position:absolute;
top:100%;
left:0;
z-index:95;
display:none;
float:left;
min-width:160px;
padding:5px 0;
margin:2px 0 0;
list-style:none;
font-size:14px;
text-align:left;
background-color:#ffffff;
border:1px solid #cccccc;border:
1px solid rgba(0,0,0,0.15);
border-radius:0;
-webkit-box-shadow:0 6px 12px rgba(0,0,0,0.175);
box-shadow:0 6px 12px rgba(0,0,0,0.175);
background-clip:padding-box;
}
.dropdown-menu.pull-right{
right:0;
left:auto;
}
.dropdown-menu .divider{
height:1px;margin:9px 0;
overflow:hidden;
background-color:#e5e5e5;
}
.dropdown-menu > li > a{
display:block;
padding:3px 20px;
clear:both;
font-weight:normal;
line-height:1.42857143;
color:#333333;
white-space:nowrap;
}
.dropdown-menu > li > a:hover,.dropdown-menu > li > a:focus{
text-decoration:none;
color:#262626;
background-color:#f5f5f5;
}
.dropdown-menu > .active > a,.dropdown-menu > .active > a:hover,.dropdown-menu > .active > a:focus{
color:#ffffff;
text-decoration:none;
outline:0;
background-color:#337ab7;
}
.dropdown-menu > .disabled > a,.dropdown-menu > .disabled > a:hover,.dropdown-menu > .disabled > a:focus{
color:#777777;
}
.dropdown-menu > .disabled > a:hover,.dropdown-menu > .disabled > a:focus{
text-decoration:none;
background-color:transparent;
background-image:none;
filter:progid:DXImageTransform.Microsoft.gradient(enabled = false);
cursor:not-allowed;
}
.btn-group-sm{
display:inline-block;
}
.dropdown-menu{
padding:7px;
}
/*BASIC*/
a {
color: #F4C430;
}
a:visited {
color: #F28500;
}
div {
color: #EAEAEA;
}
h1, h2, h3, h4, h5, h6 {
color: #FFEBAD;
}
body {
background-image: url(/resources/assets/lin.png),url(/resources/assets/gf_bg.jpg);
background-repeat: no-repeat;
background-position: center 99%,center top;
background-attachment: fixed,fixed;
background-size: 12em,cover;
font-family: "Microsoft YaHei", Sans-Serif;
}
.black-black {
background-color: black;
color: black;
cursor: crosshair;
}
html .thumbcaption {
color: #333333 !important;
}
/*BASIC2*/
.mw-body a.extiw:visited {
color: #F28500;
}
.oo-ui-optionWidget.oo-ui-labelElement .oo-ui-labelElement-label {
display: block;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
color: #333;
}
.oo-ui-dropdownWidget.oo-ui-indicatorElement .oo-ui-dropdownWidget-handle .oo-ui-labelElement-label {
margin-right: 2em;
color: #000;
}
.suggestions-result {
color: #eaeaea;
margin: 0;
line-height: 1.5em;
padding: 0.01em 0.25em;
text-align: left;
overflow: hidden;
-o-text-overflow: ellipsis;
text-overflow: ellipsis;
white-space: nowrap;
}
.mw-body a.extiw, .mw-body a.extiw:active {
color: #F4C430;
}
div#mw-panel .portal.first.persistent {
margin-top: 5.5em !important;
border-top: 0px;
}
div#mw-panel .portal {
margin: 0 0.6em 0 0.7em;
padding: 0.25em 0;
direction: ltr;
background-position: top left;
background-repeat: no-repeat;
border-top: 1px solid #f4c430;
text-shadow: 0 0 1px black;
}
div#mw-panel div.portal div.body ul li a:visited {
color: #F28500;
}
div#mw-panel div.portal div.body ul li a {
color: #F4C430;
}
#left-navigation {
margin-top: 10em;
}
#right-navigation {
margin-top: 10em;
}
ul {
list-style-type: disc;
list-style-image: none ;
}
.mw-body a.external:visited {
color: #F28500;
}
.mw-body a.external {
color: #F4C430;
}
a.new:visited, #p-personal a.new:visited {
color: #FF4444;
}
a.new, #p-personal a.new {
color: #F47130;
}
.mw-search-profile-tabs {
background: linear-gradient(180deg , rgba(119, 119, 119, 0.66),rgba(51, 51, 51, 0.33) 100%);
margin-top: 1em;
border: 1px solid silver;
}
.mw-search-profile-tabs div.search-types ul li.current a {
color: #eaeaea;
cursor: default;
font-weight: bold;
}
/*MAIN*/
fieldset#mw-searchoptions {
margin: 0;
padding: 0.5em 0.75em 0.75em 0.75em;
background-color: rgba(51, 51, 51, 0.33);
border: 1px solid silver;
}
.mw-wiki-logo {
-webkit-filter: invert(.5) brightness(10);
}
body {
background-color: #333333;
}
#mw-page-base {
background: none;
height: 200px;
background-image: url(/resources/assets/gf_logo_h_full.png),url(/resources/assets/banner.png);
/*background-position: 1em,top;*/
background-repeat: no-repeat,repeat-x;
}
div.vectorTabs li.selected {
background: linear-gradient(to bottom,#333333 0%,#444444 35%);
}
div.vectorTabs {
background: rgba(0, 0, 0, 0) ;
}
div.vectorTabs ul li {
background: #333333;
}
div.vectorTabs span {
background: rgba(0, 0, 0, 0);
}
.mw-body {
border: 1px solid #333333;
background-color: rgba(12,12,12,0.90);
box-shadow: 0 5px 5px rgba(0,0,0,0.2);
}
div.vectorTabs li.selected a, div.vectorTabs li.selected a:visited {
color: #FFF;
}
div.vectorTabs li a {
color: #969696;
}
.MainPageBG>table {
background: rgba(0,0,0,0) ;
}
.MainPageBG>table>tbody>tr>td>h2 {
background: #333333 ;
border: 1px solid #333333 ;
color: #EAEAEA ;
}
div#mw-panel div.portal h3 {
color: #EAEAEA;
}
#mw-panel.collapsible-nav .portal.collapsed h3 a {
color: #FFEBAD;
}
#mw-panel.collapsible-nav .portal h3 a {
color: #FFEBAD;
text-decoration: none;
}
div#simpleSearch {
background: #444444;
border: 1px solid #FFEBAD;
}
div#simpleSearch input {
margin: 0;
padding: 0;
border: 0;
background-color: transparent;
color: #eaeaea;
}
.suggestions-results {
background-color: #444444;
border: solid 1px #444444;
}
.suggestions-special {
background-color: #333333;
border: solid 1px #333333;
}
.suggestions-special .special-query {
color: #EAEAEA;
font-style: italic;
text-align: left;
}
.suggestions-result-current {
background-color: #333333;
color: #F4C430 !important;
}
.catlinks, td.MainPageBG, table#mp-topbanner, .infobox, #toc, .toc, .tocnumber, .mw-warning, .toccolours, .mbox-small {
border: 1px solid #333333 ;
background-color: #333333 ;
color: #EAEAEA;
box-shadow: 0 2px 10px rgba(0,0,0,0.2) ;
}
.navbox { /*Without shadow*/
border: 1px solid #333333 ;
background-color: #333333 ;
color: #EAEAEA;
}
table.wikitable {
background-color: #333333;
border: 1px solid #333333;
border-collapse: collapse;
color: #EAEAEA;
}
table.wikitable > tr > th, table.wikitable > tr > td, table.wikitable > * > tr > th, table.wikitable > * > tr > td {
border: 1px solid gray;
color: #eaeaea;
/*background: #333333 !important;*/
}
.mw-collapsible>th, .mw-collapsed>th {
color: #FFFFFF ;
}
.navbox th, .navbox-title {
background: rgba(0, 0, 0, 0);
}
.navbox-even {
background: #333333;
}
.navbox-list {
border-color: #333333;
}
.navbox-subgroup .navbox-group, .navbox-subgroup .navbox-abovebelow {
background: #333333;
}
td.navbox-list.navbox-odd {
background: #333333;
}
navbox-subgroup>tr>td {
background: #333333;
}
#mw-newarticletext {
color: #EAEAEA ;
}
.editOptions>div, #wpSummaryLabel>label {
color: #616161 !important ;
}
/* #mw-content-text>table {
background: #333333 ;
border-color: #333333 ;
} */
#p-logo {
width: 380px;
height: 111px;
/*width: 35em;*/
/*height: 10em;*/
}
#p-logo a {
background-image: none;
width: 380px;
height: 111px;
/*width: 35em;*/
/*height: 9em;*/
}
div#footer {
background-color: rgba(10, 10, 10, 0.8);
}
div#footer ul li {
color: #cecece;
}
/*Table*/
.opacity-black {
background-color: #000;
opacity: 0.1;
}
/* width 820以下自动隐藏导航栏 */
@media only screen and (max-width: 820px) {
div#mw-panel {display:none;}
div#left-navigation{margin-left:0;}
.mw-body {margin-left:0;}
}
//磨砂效果head 不会用,放着先
.container{
width: 287px;
height: 285px;
background-image: url(background.png);
background-repeat: no-repeat;
background-attachment: fixed;
overflow: hidden;
}
.frosted-glass{
width: 287px;
height: 285px;
background: inherit;
-webkit-filter: blur(5px);
-moz-filter: blur(5px);
/*-ms-filter: blur(5px);*/
/*-o-filter: blur(5px);*/
filter: blur(5px);
filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius=4, MakeShadow=false);
}
.weather{
width:80px;
height:80px;
margin-top: -200px;
margin-left: 100px;
position: relative;
display: block;
}
//磨砂效果end
//折叠部分
/* Default styling for Navbar template */
.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/8/82/BUTTON_AT.png);
border-image-slice: 7;
border-image-width: auto;
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/6/66/BUTTON_DA.png);
border-image-slice: 7;
border-image-width: auto;
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;
}
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;
}
table.stattable>tbody{
background: rgba(119,119,119,0.33);
}
table.stattable td{
border: 0px solid transparent;
border-spacing: 2px;
border-color: transparent;
}
div.stattable>p{
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.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;
font-weight:bold
}
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/c/cf/BORDER_BIG.png);
border-image-slice: 10;
border-image-width: auto;
background: rgba(51,51,51,0.7);
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 {
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;
}
/*pathnav2*/
div.pathnav a {color:black !important;}
div.pathnav2 a {color:#eaeaea !important;}
/* tabber style1 */
div.tabber1{
display: block;
border: 10px double;
border-image: url(/images/c/cf/BORDER_BIG.png);
border-image-slice: 10;
border-image-width: auto;
background: rgba(51,51,51,0.7);
background-clip: content-box;
}
/* 编辑器 ace_editor 样式 */
.ace_editor {
background: #3c3c3c !important;
}
.ace_editor .ace_gutter {
background: #444444 !important;
}
.codeEditor-status > div {
color: #3c3c3c !important;
}
.editOptions label {
color: #3c3c3c !important;
}