MediaWiki:Common.css
来自小鱼君和他的朋友们
注意：在保存以后，您必须绕过浏览器缓存才能看到所作出的改变。
- 谷歌浏览器（Google Chrome）- Windows：按下“Ctrl”键然后按 F5。OS X系统：同时按⌘ Cmd和⇧ Shift键之后按R键。
- Safari - 按住⇧ Shift键然后点击工具栏中重新载入键。
- 火狐（Firefox）- Windows：按住Ctrl键然后按F5。OS X系统：同时按⌘ Cmd和⇧ Shift键之后按R键。
- Internet Explorer：按住Ctrl键然后按F5（或者点击“刷新”按钮）。
/** local import **/
@import url("/wiki/MediaWiki:Animation.css?ctype=text/css&action=raw");
@import url("/wiki/MediaWiki:BackToTopBtn.css?ctype=text/css&action=raw");
@import url("/wiki/MediaWiki:Portable-infobox.css?ctype=text/css&action=raw");
@import url("/wiki/MediaWiki:Share-btn.css?ctype=text/css&action=raw");
/** dev wiki **/
@import url("/load.php?mode=articles&articles=u:dev:MediaWiki:FandomizedButtons.css&only=styles");
@import url("/load.php?mode=articles&articles=u:dev:MediaWiki:FandomizedToggles/code.css&only=styles");
@import url("/load.php?mode=articles&articles=u:dev:MediaWiki:WdsTooltips.css&only=styles");
/* @import url("https://fonts.googleapis.com/css?family=Josefin+Sans"); */
/*======================= 界面定制 ======================*/
body {
/* 字体 */
font-family: 'Josefin Sans',Arial, Tahoma, "Microsoft YaHei", \5fae\8f6f\96c5\9ed1, "Hiragino Sans GB", "Microsoft JhengHei", 微軟正黑體, sans-serif;
/* 针对宽度过低的设备硬性加载背景图片 */
background: #6b93b1 url("https://vignette.wikia.nocookie.net/dragonfish/images/5/50/Wiki-background/revision/latest/scale-to-width-down/1280?cb=20180308051626&path-prefix=zh") 50% -100px / cover no-repeat fixed !important;
background-attachment: fixed !important;
}
/** 标题 **/
h1.page-header__title {
border: none !important;
background: linear-gradient(90deg,rgb(151, 151, 151),rgba(255,255,255,0));
background-position: 0 24px !important;
background-repeat: repeat-x !important;
background-size: 100% 8px !important;
text-shadow: 2px 0px 0px white;
width: 100%;
padding-left: 4px;
margin-bottom: 9px;
}
/*Main*/
.ns-0 h1.page-header__title {
background: linear-gradient(90deg,rgb(28, 98, 227),rgba(255,255,255,0));
}
/*File*/
.ns-6 h1.page-header__title {
background: linear-gradient(90deg,rgb(88, 216, 165),rgba(255,255,255,0))
}
/*MediaWiki*/
.ns-8 h1.page-header__title {
background: linear-gradient(90deg,rgb(255, 75, 112),rgba(255,255,255,0))
}
/*Template*/
.ns-10 h1.page-header__title {
background: linear-gradient(90deg,rgb(121, 80, 250),rgba(255,255,255,0))
}
.WikiaArticle h2:not(.pi-title):not(.pi-header) {
padding-top: 2px;
border: none !important;
background: linear-gradient(90deg,rgb(127, 172, 255),rgba(210, 232, 255, 0.53));
background-position: 0 18px !important;
background-repeat: repeat-x;
background-size: 100% 4px;
font-size: 21px;
text-shadow: 2px 0px 0px white;
}
.WikiaArticle h3:not(.pi-data-label) {
border: none !important;
background: linear-gradient(90deg,rgb(159, 204, 255),rgba(159, 204, 255, 0));
background-position: 0 18px !important;
background-repeat: repeat-x;
background-size: 100% 2px;
font-size: 19px
}
.WikiaArticle h4 {
border: none !important;
background: linear-gradient(90deg,rgb(159, 204, 255),rgba(159, 204, 255, 0));
background-position: 0 16px !important;
background-repeat: repeat-x;
background-size: 1px 1px;
font-size: 17px
}
.WikiaArticle h5 {
font-size: 16px
}
.WikiaArticle h6 {
}
/*段落编辑链接*/
.edit-pencil{
display: none;
}
.editsection{
background: url(https://vignette.wikia.nocookie.net/dragonfish/images/6/68/Pencil.svg/revision/latest?path-prefix=zh);
background-repeat: no-repeat;
background-size: 14px 14px;
background-position: 0px 4px;
padding-left: 16px;
float: right !important;
}
/* 链接样式 */
a {
text-shadow: 0 -15px 2.5px transparent, 0 15px 2.5px transparent;
text-decoration: none;
transition: all .05s;
}
a:hover {
text-shadow: 0 0 2.5px #33a6ff, 0 0 2.5px #33a6ff;
color: #3386ff;
text-decoration: none;
transition: all .14s linear 0s;
}
.mw-collapsible-toggle a{text-shadow:none;}
a.new {
text-shadow: 0 -15px 2.5px transparent, 0 15px 2.5px transparent;
text-decoration: none;
transition: all .05s;
}
a.new:hover {
text-shadow: 0 0 2.5px #d30, 0 0 2.5px #c20;
text-decoration: none;
transition: all .14s linear 0s;
}
/******* 相册 *******/
.media-gallery-inner .media{/*一些缩放自如的特技*/
transition: all .14s;
}
.media-gallery-inner .media:hover {/*一些缩放自如的特技*/
transform: scale(1.03,1.03);
transition: all .14s;
}
.media-gallery-caption {
cursor: help;/*鼠标放在说明文字上变成问号*/
}
.media-gallery-wrapper .media-gallery-caption a {/*说明文字里的链接*/
color: #a5e2ff;
}
/** 这个是真的有毒啊，右侧就不要显示广告了好🐴 **/
.mainpage #WikiaArticle iframe {display: none}
/** 模版HIDETOC **/
body .tochide{font-size:95%;}
body .mw-collapsed.tochide tr:first-child td{padding:7px!important;}
body .mw-collapsed.tochide tr:last-child td{padding:0 7px!important;}
body .tochide tr:first-child td .mw-collapsible-toggle{top:7px!important}
body .tochide tr:first-child td{padding:7px 7px 0!important;}
body .tochide tr:last-child td{padding:0 7px 7px 7px!important;}
body .tochide td{width:auto;border-width:0;}
body .tochide div.toc#toc{margin:0;padding:0;background:none;background-color:none;border-width:0;width:100%;}
body .tochide #toctitle{display:none;}
body .tochide ul{background-color:transparent;margin:0.5em 1em;}
/********************************************************************************
*这一条下面的来自http://zh.moegirl.org/mediawiki:command.css，cc by-nc-sa3.0协议*
*********************************************************************************/
/* 黑幕内被点过的外部链接不变色，放在黑幕代码上面以便overide */
.WikiaArticle a.external:visited {
color: #36b;
}
/** 黑幕（直接配合heimu模版就可以用了）**/
span.heimu a.external,
span.heimu a.external:visited,
span.heimu a.extiw,
span.heimu a.extiw:visited {
color: #252525;
transition: all .14s linear 0s;
}
.heimu,
.heimu a,
a .heimu,
.heimu a.new {
background-color: #252525;
color: #252525;
text-shadow: none;
transition: all .14s linear 0s;
}
body:not(.heimu_toggle_on) .heimu:hover,
body:not(.heimu_toggle_on) .heimu:active,
body:not(.heimu_toggle_on) .heimu.off {
background-color: rgba(100,100,100,0.3);
transition: all .14s linear 0s;
}
body:not(.heimu_toggle_on) .heimu:hover a,
body:not(.heimu_toggle_on) a:hover .heimu,
body:not(.heimu_toggle_on) .heimu.off a,
body:not(.heimu_toggle_on) a:hover .heimu.off {
color: #006cb0;
background-color: rgba(180,180,180,0.3);
transition: all .14s linear 0s;
}
body:not(.heimu_toggle_on) .heimu.off .new,
body:not(.heimu_toggle_on) .heimu.off .new:hover,
body:not(.heimu_toggle_on) .new:hover .heimu.off,
body:not(.heimu_toggle_on) .heimu.off .new,
body:not(.heimu_toggle_on) .heimu.off .new:hover,
body:not(.heimu_toggle_on) .new:hover .heimu.off {
color: #BA0000;
background-color: rgba(100,100,100,0.3);
transition: all .14s linear 0s;
}
/* 萌娘百科引用结束 */
/** 自定义wikitable **/
table.wikitable {
background: rgba(255,255,255,0.4);
border-radius: 5px;
border: 2px solid #2fa7ff;
}
table.wikitable tr:nth-of-type(1) {
background:linear-gradient(65deg,#3ea9ff 33%,#9ad9ff 33%,#9ad9ff 66%,#bfedff 66%,#bfedff 100%) center 0 no-repeat
}
table.wikitable tr:nth-of-type(1) th {
background: none;
}
table.wikitable tr:nth-of-type(n+2) th {
background: white;
}
table.wikitable > tr > th,
table.wikitable > tr > td,
table.wikitable > * > tr > th,
table.wikitable > * > tr > td {
border: 1px #8dd7ff solid;
}
/** NAVBOX改编自维基百科 **/
/**
* Fandom的Lua版本与维基百科不一致，故使用一般方式载入
* 另navbox的class属性会被mercury自动删除，增加custom-前缀欺骗解析器
**/
table.custom-navbox {
border: 1px solid #aaa;
clear: both;
margin: auto;
padding: 1px;
text-align: center;
width: 100%;
}
table.custom-navbox+table.custom-navbox {
margin-top: -1px;
}
.custom-navbox-title,
.custom-navbox-abovebelow,
table.custom-navbox th {
padding-left: 1em;
padding-right: 1em;
text-align: center;
}
.custom-navbox-group {
font-weight: 700;
padding-left: 1em;
padding-right: 1em;
white-space: nowrap;
}
.custom-navbox,
.custom-navbox-subgroup {
background: none repeat scroll 0 0 #fdfdfd;
}
.custom-navbox-list {
border-color: #fdfdfd;
}
.custom-navbox-title,
table.custom-navbox th {
background: none repeat scroll 0 0 #74c5ff;
}
.custom-navbox-abovebelow,
.custom-navbox-group,
.custom-navbox-subgroup .custom-navbox-title {
background: none repeat scroll 0 0 #94cfff;
}
.custom-navbox-subgroup .custom-navbox-group,
.custom-navbox-subgroup .custom-navbox-abovebelow {
background: none repeat scroll 0 0 #a7ddff;
}
.custom-navbox-even {
background: none repeat scroll 0 0 #dff0ff;
}
.custom-navbox-odd {
background: none repeat scroll 0 0 transparent;
}
.collapseButton {
float: right;
font-weight: 400;
text-align: right;
width: auto;
}
.custom-navbox .collapseButton {
width: 6em;
}
/* Fix by case : Rev 1327309 ([[Special:Permalink/1327309]])
Address alignment issue of nested tabs in Navbox */
.custom-navbox .TabLabel {
text-align: left;
}
/* info模板 */
.infoBox {
margin: 0 auto;
}
.infoBoxTitle {
margin: 3px auto;
padding: 0;
text-align: center;
font-weight: 700;
}
.infoBoxIcon {
display: table-cell;
padding: 2px 0 2px .5em;
vertical-align: middle;
}
.infoBoxText {
display: table-cell;
padding: .25em .5em .25em 1.3em;
width: 100%;
vertical-align: middle;
}
.infoBoxContent {
border: 1px solid #ddd;
border-left-width: 0;
background: #fbfbfb;
}
.infoBoxBelow {
margin: 0 auto;
padding: 0;
text-align: center;
}
/** http://zh.diepio.wikia.com/wiki/MediaWiki:Wikia.css **/
/**** 用戶頭像旋轉開始 ****/
.avatar {
-moz-transition: all 0.6s ease;
-ms-transition: all 0.6s ease;
-o-transition: all 0.6s ease;
-webkit-transition: all 0.6s ease;
transition: all 0.6s ease;
}
.avatar:hover {
-moz-transform: rotate(3600deg);
-ms-transform: rotate(3600deg);
-o-transform: rotate(3600deg);
-webkit-transform: rotate(3600deg);
border-radius: 100%;
border-color:DarkTurquoise;
box-shadow: 0 0 20px black;
transform: rotate(360deg);
}
#UPPLightboxWrapper .avatar,
.community-page-admins-list .avatar,
#WallThreadHistory .avatar {
-moz-transform: none;
-ms-transform: none;
-o-transform: none;
-webkit-transform: none;
transform: none;
-moz-transition: none;
-ms-transition: none;
-o-transition: none;
-webkit-transition: none;
transition: none;
border: none;
border-radius: 0;
box-shadow: none;
}
/**** 用戶頭像旋轉結束 ****/
.mirror {
display:inline-block;
transform:scaleX(-1);
-webkit-transform:scaleX(-1)
}
/** 首页跑马灯 **/
@keyframes marquee {
0% { text-indent: 58em }
100% { text-indent: -75em }
}
.marquee {
width: 600px;
margin: 0 auto;
overflow: hidden;
white-space: nowrap;
box-sizing: border-box;
animation: marquee 25s linear infinite;
}
.marquee:hover {
animation-play-state: paused
}
/**
* AKARIN 阿卡林
* Copyright:机智的小鱼君
* 请直接使用akarin模版调用
**/
.akarin,.akarin * {
color: transparent !important;
text-shadow: 5px 5px 13px #959595 !important;
transition: all .14s linear 0s !important;
}
.akarin:hover,
.akarin:active {
color: #808080 !important;
text-shadow: 5px 5px 5px #ccc !important;
transition: all .14s linear 0s !important;
}
a:hover .akarin,a.akarin:hover {
color: #006cff !important;
text-shadow: 5px 5px 5px #0cf !important;
transition: all .14s linear 0s !important;
}
a.new.akarin:hover,
a.new:hover .akarin {
color: #BA0000 !important;
text-shadow: 5px 5px 5px #b30 !important;
transition: all .14s linear 0s !important;
}
/* 针对目录、navbox以及讯息框的优化 */
nav.akarin#toc:hover *,
.pi-horizontal-group.akarin:hover *,
.pi-item.akarin:hover,
.pi-data.akarin:hover * {
color:#888 !important;
}
nav.akarin#toc:hover a,
.pi-horizontal-group.akarin:hover a,
.pi-item.akarin:hover a,
.navbox.akarin td.navbox-list.akarin:hover a,
.pi-data.akarin:hover a {
color:#08f !important;
}
nav.akarin#toc:hover a.new,
.pi-horizontal-group.akarin:hover a.new,
.pi-item.akarin:hover a.new,
.navbox.akarin td.navbox-list.akarin:hover a.new,
.pi-data.akarin:hover a.new {
color:#b00 !important;
}
/** Test item
#WikiaRail.hidethis ul.activity-items {
z-index:-99 !important;
}
#WikiaRail.hidethis ul.activity-items li:before {
content:"";
z-index:99;
display:block;
position:absolute;
text-align:center;
background:url("https://vignette.wikia.nocookie.net/dev/images/4/42/Loading.gif") rgba(234, 250, 255, 0.98) center center no-repeat;
border: 2px dotted #9ed2ff;
height:35px;
width:255px;
}
**/
/** 复制时添加版权说明 **/
.oncopynotify.hidethis {
opacity: 0;
animation-play-state: paused;
right: -300px;
transition: all 1.8s;
}
.oncopynotify {
opacity: 1;
bottom: 42px;
right: 12px;
max-width: 285px;
position: fixed;
z-index: 100000;
height: 2em;
transition: all .8s;
background: white;
box-shadow: 0px 0px 10px #666;
}
.oncopynotify .notify-icon {
background: #5fa0ff;
width: 32px;
}
.oncopynotify .notify-content {
width: auto;
}
.oncopynotify .notify-content .inset {
height: 1.5em;
width: 250px;
margin: 0;
overflow: hidden;
white-space: nowrap;
font-size: 80%;
animation: marquee 10s linear infinite;
}
