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

/* 这里放置的CSS将影响使用Vector皮肤的用户 */
/* Vector UI样式替代 Start */
/* 通知样式 */
.mw-echo-ui-notificationsInboxWidget-toolbarWrapper {
    background: transparent !important;
}
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active > .oo-ui-buttonElement-button > span {
    color: #eaeaea !important;
}
/* 文件列表背景颜色 */
.mw-datatable td {
    background-color: #333;
}
.mw-datatable tr:hover td {
    background-color: #777;
}
.mw-datatable th {
    background-color: #655219;
}
/* Vector 差异文本样式 */
td.diff-deletedline .diffchange {
    background: #feeec8;
    color: #333;
}
td.diff-addedline .diffchange {
    color: #333;
}
td.diff-context {
    background: #333;
    border-color:#777
}
td.diff-context>div {
    color: #eaeaea;
}
/* Vector 后台样式 */
div#preferences {color:black}
.mw-htmlform-flatlist-item label {color:black}
ul#preftoc li {background-color:#ddd;}
#preferences h1 {color:black}
#preferences a {color:#0645ad;}
/* 杂项 未分类 */
.postedit-icon-checkmark{color:black;}
.mw-echo-ui-notificationBadgeButtonPopupWidget-popup > .oo-ui-popupWidget-popup > .oo-ui-popupWidget-head > .oo-ui-labelElement-label {
    color: black;
}
a.stub {color:#f4c430}
div#p-cactions >h3>span{color:#999}
div#p-cactions >h3 {background:#333}
div#p-cactions > input[type="checkbox"]:checked + h3 {    background: linear-gradient(to bottom,#333333 0%,#444444 35%);}
div#p-cactions > input[type="checkbox"]:checked + h3>span {color: #eaeaea;}
div#p-cactions:hover >h3>span {color:#bbb}
.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);
    background-size: 100%;
    background-repeat: no-repeat;
}
#p-personal {
    height: 28px;
    position: absolute;
    right: 0.0;
    z-index: 100;
    background-image: linear-gradient(45deg,transparent 109px,rgba(85, 85, 85, 0.67) 110px);
    overflow: visible;
    padding-right: .8em;
    padding-top: .3em;
    top: 3px;
    margin-left: 1em;
    width: auto;
    background-position-x: right;

}
/*BASIC*/
a {
    color: #F4C430;
}
a:visited {
    color: #F28500;
}
div {
    color: #EAEAEA;
}
h1, h2, h3, h4, h5, h6 {
    color: #FFEBAD;
}
body {
    background-image: url(/images/1/19/Bg_new.jpg);
    background-repeat: no-repeat;);
    background-repeat: no-repeat;
    background-position: center top;
    background-attachment: fixed;
    background-size: 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);
}
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;
}

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

/* 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;}
    #footer {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 */
/* Wiki UI样式替代 end*/

/** MenuSidebar **/
/* this has to be overridden for every menu */
#p-Menu,
#p-Menu2,
#p-Menu3 {
 overflow: visible; 
}

/* this has to be overridden for every menu */
#p-Menu div,
#p-Menu2 div,
#p-Menu3 div {
 margin: 0;
 padding: 0;
}

/* this is an example to make the list of the second entry bigger e.g. when ther is a longer text in a list item
#p-Menu ul li.item2 ul {
 width: 16em;
}
*/

/* this an example to change the background color of every second list item
li.even {
 background-color: #eeeeee;
}
*/

.menuSidebar ul { /* remove bullets and list indents */
 list-style: none;
 margin: 0;
 padding: 0;
}

/* this div is only for better handling and navigation  ... could also be done in inner ul*/
.menuSidebar ul div { 
 position: absolute;
 top: -6px;
 left: 100%; /* to position them to the right of their containing block */
 width: 100%; /* width is based on the containing block */
 z-index: 100; /* show ul on top */
}

.menuSidebar ul ul { 
 background-color: white;
 border: 1px solid #aaaaaa;
 margin-top: 5px; /* make navigation easier*/
 margin-bottom: 5px; /* make navigation easier*/
 z-index: 101; /* show on top; Needed for IE 7 */
 width: 12em; /* width of inner menu, Needed for IE 7 */
}

.menuSidebar li {
 position: relative; /* make li a container for inner elements */
 margin: 1px;
 z-index: 102; /* show on top; Needed for IE 7 */
}

/* style, color and size links and headings to suit */
.menuSidebar a {
 font-weight: bold;
 display: block;
 border-width: 0px 0px 1px 0px;
 border-style: solid;
 border-color: #aaaaaa;
 margin: 0px;
 padding: 1px;
 padding-left: 5px;
 color: #000000;
 text-decoration: none;
}

/* move the > to the right */
.menuSidebar a em {
 position: absolute;
 right: 4px;
}

.menuSidebar li:hover, /* Needed for IE 7 */
.menuSidebar a:hover {
 background: #ccccff;
}

.menuSidebar li.separator a:hover {
 background: white;
}

/* Needed for IE 7 */
.menuSidebar li.separator a,
.menuSidebar li.separator {
 line-height: 0px;
 height: 0px;
 font-size: 0px;
}

.menuSidebar ul li:last-Child a { 
 border-width: 0px 0px 0px 0px; // remove the last bottom line 
 padding-bottom: 0px;
}

/* hides the first level */
.menuSidebar ul li div { display: none; }

/* shows the first level and hide the second */
.menuSidebar ul li:hover div, 
.menuSidebar ul li div:hover { display: block; } /* div is again used for easier navigation*/
.menuSidebar ul li:hover ul li div { display: none; } /* hide the next level */

/* second level*/
.menuSidebar ul li ul li:hover div,
.menuSidebar ul li ul li div:hover  { display: block; } /* div is again used for easier navigation*/
.menuSidebar ul li ul li:hover ul li div { display: none; }  /* hide the next level */

/* third level */
.menuSidebar ul li ul li ul li:hover div,
.menuSidebar ul li ul li ul li div:hover   { display: block; } /* div is again used for easier navigation*/
.menuSidebar ul li ul li ul li:hover ul li div { display: none; }  /* hide the next level */

/** MenuSidebar end **/