◆少前百科是非盈利性、非官方的少女前线维基百科。 ◆如果您发现某些内容错误/空缺,请勇于修正/添加!参与进来其实很容易!点这里 加入少前百科。 ◆有任何意见、建议、纠错,欢迎在 GFwiki:反馈与建议 提出和讨论。编辑事务讨论QQ群:597764980,微博@GFwiki少前百科 ◆To foreigners,You can use twitter to contact us. |
“MediaWiki:Common.css”的版本间的差异
第439行: | 第439行: | ||
} | } | ||
/* 替代筛选表格样式 End */ | /* 替代筛选表格样式 End */ | ||
+ | |||
+ | /* Tabs extension*/ | ||
+ | .tabs-tabbox {margin:0;} | ||
+ | |||
+ | .tabs-tabbox > .tabs-container { | ||
+ | border: none; | ||
+ | padding: 0; | ||
+ | margin-top: 0; | ||
+ | } | ||
+ | |||
+ | |||
+ | .tabs-tabbox > .tabs-input:checked + .tabs-label, .tabs-input-0:checked + .tabs-input-1 + .tabs-label { | ||
+ | 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; | ||
+ | text-shadow:none; | ||
+ | z-index:5; | ||
+ | height:21px; | ||
+ | } | ||
+ | |||
+ | |||
+ | .tabs-tabbox > .tabs-label { | ||
+ | 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; | ||
+ | } | ||
+ | |||
+ | /*gallery tabs*/ | ||
+ | .tabs-gallery { display:inline-block;} | ||
+ | .tabs-gallery > .tabs-container {margin-top: -24px;} | ||
+ | .tabs-gallery > .tabs-label { | ||
+ | -moz-transition: all .2s ease-in; | ||
+ | -o-transition: all .2s ease-in; | ||
+ | -webkit-transition: all .2s ease-in; | ||
+ | transition: all .2s ease-in; | ||
+ | opacity:0.5; | ||
+ | } | ||
+ | .tabs-gallery > .tabs-label:hover {opacity:1;border-image: url(images/9/9a/BORDER_GY.png);} | ||
+ | |||
+ | |||
+ | /*vertical*/ | ||
+ | .verticaltabber { | ||
+ | display:flex; | ||
+ | flex-wrap:wrap; | ||
+ | } | ||
+ | |||
+ | .verticaltabber > .tabber {display:flex;} | ||
+ | .verticaltabber > .tabber > .tabbertab {display:flex;} | ||
+ | .verticaltabber > .tabber > .tabbertab > p {margin:0;} | ||
+ | |||
+ | .verticaltabber > .tabber ul.tabbernav {order:2;} | ||
+ | .verticaltabber > .tabber ul.tabbernav li {display:flex;} | ||
+ | .verticaltabber > .tabber ul.tabbernav li a {margin: 0 0 3px 0;width:100%;font-style:italic;} | ||
+ | .verticaltabber > .tabber ul.tabbernav li:first-child a {margin: 0 0 3px 0;width:100%;font-style:normal;} | ||
+ | |||
+ | .verticaltabber > .tabber .tabs {margin:auto;} | ||
+ | |||
+ | |||
+ | .paddedtabber-2px > .tabber {padding:2px;} | ||
+ | |||
+ | |||
+ | |||
+ | /* tabs styled tabber */ | ||
+ | |||
+ | /* tab body*/ | ||
+ | .tabstabber > .tabber {padding:0;} | ||
+ | .tabstabber > .tabber .tabbertab {padding: 2px;background-color: transparent;} | ||
+ | |||
+ | .tabstabber > .tabber ul.tabbernav {margin: 10px 0 2px 0;} | ||
+ | |||
+ | |||
+ | .tabstabber > .tabber > .tabbertab > p {margin:0;} | ||
+ | |||
+ | /* inactive tab */ | ||
+ | .tabstabber > .tabber ul.tabbernav li a:link { | ||
+ | background-color: #4E443C; | ||
+ | border-radius: 15px; | ||
+ | color:#F0b000; | ||
+ | border: none; | ||
+ | text-shadow:none; | ||
+ | font-weight: bold; | ||
+ | padding: 3px 6px; | ||
+ | margin: 2px; | ||
+ | } | ||
+ | .tabstabber > .tabber ul.tabbernav li:first-child a:link {margin-left: 10px;} | ||
+ | /* active tab */ | ||
+ | .tabstabber > .tabber ul.tabbernav li.tabberactive a, .tabstabber > .tabber ul.tabbernav li.tabberactive a:link {background-color: #F0b000;color:#4E443C;} |
2018年10月11日 (四) 18:09的版本
/* 这里放置的CSS将应用于所有皮肤 */
/*BASIC*/
a {
color: #F4C430;
}
a:visited {
color: #F28500;
}
div {
color: #EAEAEA !important;
}
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;
}
.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 !important;
}
.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;
}
/*MAIN*/
.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) !important;
}
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) !important;
}
.MainPageBG>table>tbody>tr>td>h2 {
background: #333333 !important;
border: 1px solid #333333 !important;
color: #EAEAEA !important;
}
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;
}
.suggestions-results {
background-color: #444444;
border: solid 1px #444444;
}
.suggestions-special {
background-color: #333333;
border: solid 1px #333333;
}
.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 !important;
background-color: #333333 !important;
color: #EAEAEA;
box-shadow: 0 2px 10px rgba(0,0,0,0.2) !important;
}
.navbox { /*Without shadow*/
border: 1px solid #333333 !important;
background-color: #333333 !important;
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 !important;
}
.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 !important;
}
.editOptions>div, #wpSummaryLabel>label {
color: #616161 !important;
}
#mw-content-text>table {
background: #333333 !important;
border-color: #333333 !important;
}
#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 !important;
}
td.diff-addedline .diffchange {
color: #9e9e9e;
}
td.diff-context>div {
color: #9e9e9e !important;
}
/* 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 */
/* Tabs extension*/
.tabs-tabbox {margin:0;}
.tabs-tabbox > .tabs-container {
border: none;
padding: 0;
margin-top: 0;
}
.tabs-tabbox > .tabs-input:checked + .tabs-label, .tabs-input-0:checked + .tabs-input-1 + .tabs-label {
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;
text-shadow:none;
z-index:5;
height:21px;
}
.tabs-tabbox > .tabs-label {
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;
}
/*gallery tabs*/
.tabs-gallery { display:inline-block;}
.tabs-gallery > .tabs-container {margin-top: -24px;}
.tabs-gallery > .tabs-label {
-moz-transition: all .2s ease-in;
-o-transition: all .2s ease-in;
-webkit-transition: all .2s ease-in;
transition: all .2s ease-in;
opacity:0.5;
}
.tabs-gallery > .tabs-label:hover {opacity:1;border-image: url(images/9/9a/BORDER_GY.png);}
/*vertical*/
.verticaltabber {
display:flex;
flex-wrap:wrap;
}
.verticaltabber > .tabber {display:flex;}
.verticaltabber > .tabber > .tabbertab {display:flex;}
.verticaltabber > .tabber > .tabbertab > p {margin:0;}
.verticaltabber > .tabber ul.tabbernav {order:2;}
.verticaltabber > .tabber ul.tabbernav li {display:flex;}
.verticaltabber > .tabber ul.tabbernav li a {margin: 0 0 3px 0;width:100%;font-style:italic;}
.verticaltabber > .tabber ul.tabbernav li:first-child a {margin: 0 0 3px 0;width:100%;font-style:normal;}
.verticaltabber > .tabber .tabs {margin:auto;}
.paddedtabber-2px > .tabber {padding:2px;}
/* tabs styled tabber */
/* tab body*/
.tabstabber > .tabber {padding:0;}
.tabstabber > .tabber .tabbertab {padding: 2px;background-color: transparent;}
.tabstabber > .tabber ul.tabbernav {margin: 10px 0 2px 0;}
.tabstabber > .tabber > .tabbertab > p {margin:0;}
/* inactive tab */
.tabstabber > .tabber ul.tabbernav li a:link {
background-color: #4E443C;
border-radius: 15px;
color:#F0b000;
border: none;
text-shadow:none;
font-weight: bold;
padding: 3px 6px;
margin: 2px;
}
.tabstabber > .tabber ul.tabbernav li:first-child a:link {margin-left: 10px;}
/* active tab */
.tabstabber > .tabber ul.tabbernav li.tabberactive a, .tabstabber > .tabber ul.tabbernav li.tabberactive a:link {background-color: #F0b000;color:#4E443C;}