MediaWiki:Common.css

来自魔法少女小圆维基
跳到导航 跳到搜索

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

  • Firefox或Safari:按住Shift的同时单击刷新,或按Ctrl-F5Ctrl-R(Mac为⌘-R
  • Google Chrome:Ctrl-Shift-R(Mac为⌘-Shift-R
  • Internet Explorer:按住Ctrl的同时单击刷新,或按Ctrl-F5
  • Opera:前往菜单 → 设置(Mac为Opera → Preferences),然后隐私和安全 → 清除浏览数据 → 缓存的图片和文件
/* 此处的 CSS 将应用于所有的皮肤 */

/* ------ 美化、自定义皮肤 ------ */
/* div.mw-body {
	background: url("/assets/Konachan.jpg") repeat scroll 180px 0px !important;
	background-attachment: fixed !important;
} */

code {
  border: 1px solid rgb(221, 221, 221);
  padding: 1px 4px;
  border-radius: 2px;
}

#mw-content-text {
  font-size: 9pt;
}

/*
div#mw-head {
	background: url("") !important;
}

#p-logo {
	position: absolute;
	top: -160px;
	left: 0;
	width: 10em;
	height: 160px;
}
div#mw-panel {
	font-size: @menu-main-font-size;
	position: absolute;
	top: 160px;
	padding-top: 1em;
	width: 10em;
	left: 0;
}
*/


/* navbox(底部导航条)样式 */
/* Default style for navigation boxes */
.navbox {                     /* Navbox container style */
    border: 1px solid #aaa;
    width: 100%; 
    margin: auto;
    clear: both;
    font-size: 88%;
    text-align: center;
    padding: 1px;
}
.navbox-inner,
.navbox-subgroup {
    width: 100%;
}
.navbox th,
.navbox-title,
.navbox-abovebelow {
    text-align: center;       /* Title and above/below styles */
    padding-left: 1em;
    padding-right: 1em;
}
th.navbox-group {             /* Group style */
    white-space: nowrap;
    /* @noflip */
    text-align: right;
}
.navbox,
.navbox-subgroup {
    background: #fdfdfd;      /* Background color */
}
.navbox-list {
    border-color: #fdfdfd;    /* Must match background color */
}
.navbox th,
.navbox-title {
    background: #ccccff;      /* Level 1 color */
}
.navbox-abovebelow,
th.navbox-group,
.navbox-subgroup .navbox-title {
    background: #ddddff;      /* Level 2 color */
}
.navbox-subgroup .navbox-group,
.navbox-subgroup .navbox-abovebelow {
    background: #e6e6ff;      /* Level 3 color */
}
.navbox-even {
    background: #f7f7f7;      /* Even row striping */
}
.navbox-odd {
    background: transparent;  /* Odd row striping */
}
table.navbox + table.navbox {  /* Single pixel border between adjacent navboxes */
    margin-top: -1px;          /* (doesn't work for IE6, but that's okay)       */
}
.navbox .hlist td dl,
.navbox .hlist td ol,
.navbox .hlist td ul,
.navbox td.hlist dl,
.navbox td.hlist ol,
.navbox td.hlist ul {
    padding: 0.125em 0;       /* Adjust hlist padding in navboxes */
}
.navbox .hlist dd,
.navbox .hlist dt,
.navbox .hlist li {
    white-space: nowrap;      /* Nowrap list items in navboxes */
    white-space: normal !ie;  /* IE < 8 no-wraps entire list, so disable it */
}
.navbox .hlist dd dl,
.navbox .hlist dt dl,
.navbox .hlist li ol,
.navbox .hlist li ul {
    white-space: normal;      /* But allow parent list items to be wrapped */
}
ol + table.navbox,
ul + table.navbox {
    margin-top: 0.5em;        /* Prevent lists from clinging to navboxes */
}
 
/* Default styling for Navbar template */
.navbar {
    display: inline;
    font-size: 80%;
    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;
    font-size: 80%;
}
.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: 6em;
}
/* 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;
}

/* old deprecated style */
/* table.navbox {
    background-color: #f9f9f9;
    border: 1px solid #aaa;
    clear: both;
    font-size: 90%;
    margin: 1em 0em 0em;
    padding: 2px;
    text-align: center;
    width: 100%;
}
 
table.navbox th {
    background-color: #ccf;
    padding-left: 1em;
    padding-right: 1em;
}
 
table.navbox tr:not(:first-child) th {
    background-color: #ddf;
} */
 
/* no Navbox when printing */
@media print {
    .navbox {
        display: none;
    }
}

/* Navbar相关 */
/* Remove padding from external links displayed without icon */
#bodyContent .plainlinks a {padding: 0 !important}
/* Style for horizontal lists (separator following item) */
.skin-monobook .hlist dl,
.skin-modern .hlist dl,
.skin-vector .hlist dl {
    line-height: 1.5em;
}
.hlist dl,
.hlist ol,
.hlist ul {
    margin: 0;
}
.hlist dd,
.hlist dt,
.hlist li {
    display: inline;
    margin: 0;
}
/* Display nested lists inline */
.hlist dl dl,
.hlist ol ol,
.hlist ul ul {
    display: inline;
}
/* Generate interpuncts */
.hlist dt:after {
    content: " :";
}
.hlist dd:after,
.hlist li:after {
    content: " ·";
    font-weight: bold;
}
.hlist dd:last-child:after,
.hlist dt:last-child:after,
.hlist li:last-child:after {
    content: none;
}
/* for IE 8 */
.hlist dd.nopunct:after,
.hlist dt.nopunct:after,
.hlist li.nopunct:after {
    content: none;
}
/* Add parens around nested lists */
.hlist dl dl:before,
.hlist ol ol:before,
.hlist ul ul:before {
    content: "(";
}
.hlist dl dl:after,
.hlist ol ol:after,
.hlist ul ul:after {
    content: ")";
}
/* Put numbers in ordered lists */
.hlist.hnum ol li {
    counter-increment: level1;
}
.hlist.hnum ol li:before {
    content: counter(level1) " ";
}
.hlist.hnum ol ol li {
    counter-increment: level2;
}
.hlist.hnum ol ol li:before {
    content: counter(level2) " ";
}
 
/* Unbulleted lists */
.plainlist ul {
    line-height: inherit;
    list-style: none none;
    margin: 0;
}
.plainlist ul li {
    margin-bottom: 0;
}




/* Infobox classes copied from en.wikipedia */
 
/* Infobox template 样式 */
.infobox {
    border: 1px solid #aaa;
    background-color: transparent;
    color: black;
    margin: 0.5em 0 0.5em 1em;
    padding: 0.2em;
    float: right;
    clear: right;
}
.infobox th,
.infobox td {
    margin: 1px;
    vertical-align: top;
    text-align:left;
    padding-left:2px;
    padding-right:2px;
}
.infobox-row {
    background-color: rgba(255, 235, 255, 0.5);
}
.infobox caption {
    font-size: larger;
    margin-left: inherit;
}
.infobox.bordered {
    border-collapse: collapse;
}
.infobox.bordered td,
.infobox.bordered th {
    border: 1px solid #aaa;
}
.infobox.bordered .borderless td,
.infobox.bordered .borderless th {
    border: 0;
}
 
/* styles for bordered infobox with merged rows */
.infobox.bordered .mergedtoprow td,
.infobox.bordered .mergedtoprow th {
    border: 0;
    border-top: 1px solid #aaa;
    border-right: 1px solid #aaa;
}
 
.infobox.bordered .mergedrow td,
.infobox.bordered .mergedrow th {
    border: 0;
    border-right: 1px solid #aaa;
}
 
/* Put a checker background at the image description page only visible if the image has transparent background */
#file img {
    background: url("/asserts/Checker-16x16.png") repeat;
}
 
/* Commonly used Wikipedia .wikitable and .prettytable */
table.wikitable,
table.prettytable {
    margin: 1em 1em 1em 0;
    background: #f9f9f9;
    border: 1px #aaa solid;
    border-collapse: collapse;
}
.wikitable th, .wikitable td,
.prettytable th, .prettytable td {
    border: 1px #aaa solid;
    padding: 0.2em;
}
.wikitable th,
.prettytable th {
    background: #f2f2f2;
    text-align: center;
}
.wikitable caption,
.prettytable caption {
    margin-left: inherit;
    margin-right: inherit;
    font-weight: bold;
}
 
.wikiaSkinMonaco #dynamic-links-write-article-row
 { display: none; }


/* -------------- 魔女文字 --------- */
@font-face {
  font-family: MadokaRunes;
  src: url("/assets/MadokaRunes-2.0.ttf");
}
 
@font-face {
  font-family: MadokaMusical;
  src: url("/assets/MadokaMusical.ttf");
}
 
/*
.test {
    background-color: #0f0 !important;
}
*/
 
/* 萌娘百科风格告示框 .common-box 样式 */
.common-box {
    border: 1px solid #DDDDDD;
    border-radius: 10px 10px 10px 10px;
    box-shadow: 0 2px 3px #666666;
    padding: 0.2em 0.4em;
}
 
/* --------- 配色方案 ---------- */
.madoka {background-color: #FFE0FF;}
.homura {background-color: #D0B0E0;}
.mami {background-color: #F5E29D;}
.sayaka {background-color: #96CFE2;}
.kyoko {background-color: #F58080;}
.qb {background-color: #E0E0E0;}
 
.madoka-light {background-color: rgba(255, 235, 255, 0.5);}
.homura-light {background-color: rgba(224, 208, 255, 0.5);}
.mami-light {background-color: rgba(255, 240, 176, 0.5);}
.sayaka-light {background-color: rgba(192, 239, 255, 0.5);}
.kyoko-light {background-color: rgba(255, 210, 200, 0.5);} /* rgba(255, 192, 192, 0.5);} */
.qb-light {background-color: rgba(240, 240, 240, 0.5);}

.theme {background-color: #3366CC; color: #FFFFFF;}
.theme-light {background-color: #A0C0F0;}


/* ------ wiki.puella-magi.net inline-spoilers 涂白风格 ------ */
.inline-spoilers {
  /*background: #222;
  color: #222;*/
  background: white;
  color: white !important;
  border-bottom: 1px solid #b3b3b3;
  border-left:   1px solid #b3b3b3;
  border-right:  1px solid #b3b3b3;
  padding: 2px;
}
.inline-spoilers>a {
  background: white;
  color: white !important;
}
/* .inline-spoilers * {
  background: white;
  color: white;
} */
.inline-spoilers:hover, .inline-spoilers:hover * {
  color: black !important;
}
.inline-spoilers:hover a {
  color: blue !important;
}

/* --------------- 涂黑风格 ----------- */
.inline-black, .inline-black>a {
  background: black;
  color: black;
}
.inline-black::selection>a {
  color: blue;
}

/* ----- 隐藏 Toolbox sidebar ----- */
#p-tb { display:none !important; }

/* ----- 显示副标题Tagline ----- */
#siteSub { display:block; }

/* ------ Manga Time Kirara Magica 的{{杂志}}模板自定义 ----- */
.kirara-magazine tr:nth-child(even) td:first-child,
.kirara-magazine tr:nth-child(even) td:nth-child(3),
.kirara-magazine tr:nth-child(even) td:last-child {
  display: none;
}

/* ------ 主条目rellink样式 -------- */
/* Hatnotes and disambiguation notices */
.rellink /*,
.dablink */ {
    /* font-style: italic; */
    /* @noflip */
    padding-left: 1.6em;
    margin-bottom: 0.5em;
}
.rellink i /*,
.dablink i */ {
    font-style: normal;
}