◆少前百科是非盈利性、非官方的少女前线维基百科。 ◆如果您发现某些内容错误/空缺,请勇于修正/添加!参与进来其实很容易!点这里 加入少前百科。 ◆有任何意见、建议、纠错,欢迎在 GFwiki:反馈与建议 提出和讨论。编辑事务讨论QQ群:597764980,微博@GFwiki少前百科 ◆To foreigners,You can use twitter to contact us. |
“MediaWiki:Vector.css”的版本间的差异
Mikumikuer(讨论 | 贡献) |
Mikumikuer(讨论 | 贡献) |
||
第1行: | 第1行: | ||
/* 这里放置的CSS将影响使用Vector皮肤的用户 */ | /* 这里放置的CSS将影响使用Vector皮肤的用户 */ | ||
+ | /* Wiki UI样式替代 Start */ | ||
.mw-body { | .mw-body { | ||
background-color: rgba(16, 16, 16, 0.78); | background-color: rgba(16, 16, 16, 0.78); | ||
} | } | ||
− | + | div#content { | |
− | + | overflow-x: hidden; | |
− | + | } | |
− | |||
a.stub {color:#f4c430} | a.stub {color:#f4c430} | ||
div#p-cactions >h3>span{color:#999} | div#p-cactions >h3>span{color:#999} |
2018年12月17日 (一) 21:55的版本
/* 这里放置的CSS将影响使用Vector皮肤的用户 */
/* Wiki UI样式替代 Start */
.mw-body {
background-color: rgba(16, 16, 16, 0.78);
}
div#content {
overflow-x: hidden;
}
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(/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;
}
/* 编辑器 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;}
}
/* 磨砂效果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*/