MediaWiki:Common.css

注意：在保存之后，您可能需要清除浏览器缓存才能看到所作出的变更的影响。

• 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将应用于所有皮肤 */
/*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 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 {
    padding-top: 2em;
}
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, .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 {
    position: absolute;
    top: -9em;
    left: 1em;
    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;
}



//磨砂效果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-main-controls,
.sm2-bar-ui .sm2-playlist-drawer {
 background-color: #ffb400;
}
.sm2-bar-ui .sm2-inline-texture {
 background: transparent;
}

/* SMW 样式 */
.smw-editpage-help {
  background-color: #f0f0f000 !important;
}

/* 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;
}

/* 属性表样式 */
.stattable{
    text-shadow: 0 0 1px rgba(0, 0, 0, 0.67);
}

table.stattable> thead > tr > th{
    background: #f4c430;
    color: #111;
    padding: 0 20px;
    word-break:keep-all;
}

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;
}