MediaWiki:Common.css
跳到导航
跳到搜索
注意:在发布之后,您可能需要清除浏览器缓存才能看到所作出的变更的影响。
- Firefox或Safari:按住Shift的同时单击刷新,或按Ctrl-F5或Ctrl-R(Mac为⌘-R)
- Google Chrome:按Ctrl-Shift-R(Mac为⌘-Shift-R)
- Internet Explorer或Edge:按住Ctrl的同时单击刷新,或按Ctrl-F5
- Opera:按 Ctrl-F5。
/*
# LoveLivewiki CSS document
# 转载请注明来源
# 部分CSS来自以下站点
# wiki.nekohand.moe zh.moegirl.org
*/
body {
font-family: -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Hiragino Kaku Gothic Pro", Meiryo, "Malgun Gothic", "Helvetica Neue", sans-serif;
background-color: #ffffff;
/*background-image: url('https://wiki-app.loveliv.es/background/background.jpg'); 3.0背景 */
/* 4.0背景 */
background-image: url('https://wiki-app.loveliv.es/background/background-new.jpg');
background-size: cover;
background-repeat: no-repeat;
background-position: top center;
background-attachment: fixed;
}
/* 4.0左上角图标 */
.mw-wiki-logo {
background-image: url(https://wiki-app.loveliv.es/background/4.0icon.jpg) !important;
background-size: contain !important;
-webkit-border-radius: 1em;
-khtml-border-radius: 1em;
-moz-border-radius: 1em;
-o-border-radius: 1em;
border-radius: 1em;
-webkit-transform: scale(0.85);
-moz-transform: scale(0.85);
transform: scale(0.85);
}
pre {
font-family: monospace, monospace;
}
#content {
position: relative;
background: rgb(255,255,255);
background: hsla(0,0%,100%,.7);
}
#content::before {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
-webkit-filter: blur(20px);
filter: blur(20px);
margin: -30px;
}
/* 文字被选择时的颜色 */
::-moz-selection {
background: #fe8900;
color: #fff;
}
::selection {
background: #fe8900;
color: #fff;
}
.body a {
display: block;
position: relative;
width: 85%;
color: #fff !important;
text-decoration: none;
padding: 5px 5px;
/*background: #FF69B4; 3.0配色*/
/*border: 1px solid #FF69B4; 3.0配色*/
/* 4.0配色 */
background: #00a1e9;
border: 1px solid #00a1e9;
}
a:hover, a:active ,a:visited{
text-decoration: none;
/*text-shadow: #ff57bf 0 0 6px; 3.0配色*/
/* 4.0配色 */
text-shadow: 0 0 12px #067bcb;
}
a.new {
color: gray !important;
text-decoration: none;
font-weight: bold;
}
a {
text-decoration: none;
font-weight: bold;
-webkit-transition: all 0.35s;
-moz-transition: all 0.35s;
-o-transition: all 0.35s;
transition: all 0.5s;
/*color: #ff558a !important; 3.0配色*/
/* 4.0配色 */
color: #00a1e9 !important;
}
div#mw-panel div.portal {
background-image: none;
}
div#mw-panel div.portal h3 {
margin-top: 0 !important;
margin-bottom: 8px !important;
font-size: 95%;
text-shadow: 1px 1px 2px rgba(0,0,0,.2);
border-color: #AAA;
background: #FFF;
color: #555 !important;
padding-left: 0.6em;
font-weight: bolder;
cursor: pointer;
-webkit-transition: all 0.35s;
-moz-transition: all 0.35s;
-o-transition: all 0.35s;
transition: all 0.35s;
/*border: solid 1px #EE3AC1; 3.0配色*/
/*border-left: solid 7px #EE3AC1; 3.0配色*/
/* 4.0配色 */
border: solid 1px #00a1e9;
border-left: solid 7px #00a1e9;
}
div#mw-panel div.portal h3:hover {
/*border-radius:0 1em 1em 0; 侧边栏悬浮圆角[关]*/
/*border: solid 1px #fe8900; 3.0配色*/
/*border-left: solid 7px #fe8900; 3.0配色*/
/* 4.0配色 */
border: solid 1px #f08300;
border-left: solid 7px #f08300;
}
div#mw-panel div.portal div.body {
display: none;
}
div#mw-panel #p-logo + div.portal div.body {
display: block;
}
div#mw-panel div.portal div.body ul li {
-webkit-transition: all 0.35s;
-moz-transition: all 0.35s;
-o-transition: all 0.35s;
transition: all 0.35s;
}
div.portal div.body ul li a {
-webkit-transition: all 0.35s;
-moz-transition: all 0.35s;
-o-transition: all 0.35s;
transition: all 0.35s;
}
div.portal div.body ul li a:hover {
/*border-radius:0 1em 1em 0; 侧边栏悬浮圆角[关]*/
/*text-shadow:#EE9A00 0 0 6px; 3.0配色*/
/* 4.0配色 */
text-shadow: 0 0 12px aqua;
}
.tab th {
background-color: transparent !important;
}
/* 首页头像悬浮旋转[关]
.tab tr td a img{
transition:all 0.5s;
}
.tab tr td a img:hover{
-moz-transform:rotate(360deg);
-webkit-transform:rotate(360deg);
transform:rotate(360deg);
}
*/
div#p-personal {
background-color: rgb(255, 255, 255);
background-color: rgba(255, 255, 255, 0.8);
padding: 5px 10px 5px 0;
box-shadow: #666 0 1px 5px;
}
#p-personal ul {
padding-left: 0;
}
/* 旋转加载动画 */
@-webkit-keyframes loading {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@keyframes loading {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
.lazy-hidden {
color: transparent !important;
min-height: 1.6rem;
pointer-events: none;
position: relative;
}
.lazy-hidden::after {
-webkit-animation: loading 500ms infinite linear;
animation: loading 500ms infinite linear;
border: .2rem solid #5764c6;
border-radius: .8rem;
border-right-color: transparent;
border-top-color: transparent;
content: "";
display: block;
height: 1.6rem;
left: 50%;
margin-left: -.8rem;
margin-top: -.8rem;
position: absolute;
top: 50%;
width: 1.6rem;
}
.event-page-banner {
max-width: 100%;
margin: 10px 0;
}
.index-banner {
font-size: 150%;
font-family: Arial, Tahoma, Microsoft YaHei, \5fae\8f6f\96c5\9ed1, Hiragino Sans GB, Microsoft JhengHei, 微軟正黑體, sans-serif;
font-weight: bold;
text-align: center;
text-shadow: 1px 1px 1px #000;
color: #ffffff;
padding: 0.2em 0.4em;
margin: 0;
/*background-color: #fb4092; 3.0配色*/
/* 4.0配色 */
background-color: #00a1e9;
}
#p-personal ul {
background: #eee;
opacity: 0.85;
}
#p-personal a, #p-personal a.new {
background: transparent;
}
table.common-box {
margin: 10px 10%;
padding: 0.2em 0.4em;
border: 1px solid #ddd;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;
-o-border-radius: 10px;
border-radius: 10px;
-webkit-box-shadow: #666 0 2px 3px;
-moz-box-shadow: #666 0 2px 3px;
box-shadow: #666 0 2px 3px;
}
.infobox {
border: 1px solid #aaaaaa;
background-color: #f9f9f9;
color: black;
margin-bottom: 0.5em;
margin-left: 1em;
padding: 0.2em;
float: right;
clear: right;
}
.collapseButton {
float: right;
font-weight: normal;
margin-left: 0.5em;
text-align: right;
width: auto;
}
.navbar ul {
display: inline;
white-space: nowrap;
}
.navbox-title .navbar {
float: left;
text-align: left;
margin-right: 0.5em;
width: 8em;
}
.navbox .hlist dd, .navbox .hlist dt, .navbox .hlist li {
white-space: nowrap;
white-space: normal
}
.navbar li {
word-spacing: -0.125em;
}
.hlist dd, .hlist dt, .hlist li {
display: inline;
/*margin: 0;*/
}
div#mw-page-base, div#mw-head {
background-color: transparent !important;
background-image: none;
}
#playsummary table {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
border: 1px solid #333;
border-collapse: collapse;
border-spacing: 2px;
display: table;
margin-bottom: 1em;
margin-top: 1em;
margin-left: 1px;
text-indent: 0;
}
#playsummary table tbody tr td {
border: 1px solid #333;
display: table-cell;
padding: 4px;
text-align: inherit;
/*vertical-align: inherit;*/
}
#playsummary table thead tr th {
background: #fff;
border: 1px solid #333;
color: #000;
display: table-cell;
font-weight: bold;
padding: 4px;
/*vertical-align: inherit;*/
}
.mw-body p {
line-height: 1.5;
margin: 0 0;
}
table.mw-collapsible.mw-collapsed.wikitable {
margin: 0 0;
}
table.mw-collapsible.wikitable {
margin: 0 0;
}
.mcContingut p {
line-height: 0.5;
}
div.vectorMenu {
background-image: url(/skins/Vector/images/tab-break.png);
}
/* 容器框样式HERE STARTS "METABOX" COLOUR-SCHEMES*/
/* Configuració per defecte en lila
Tons usats; 1; 7050a0 2; 9070c0 3; b090e0 4; d0b0ff 5; f0d0ff */
.mcBoto {
background-color: #d0b0ff;
/* 4 */
border: 0.15em solid #000000;
border-color: #f0d0ff #b090e0 #9070c0 #f0d0ff;
/* 5 3 3 5 */
border-top-left-radius: .5em;
border-top-right-radius: .5em;
-moz-border-radius: .5em .5em 0em 0em;
cursor: pointer;
display: inline;
margin-right: 0.1em;
padding: 0.2em 0.3em 0.2em 0.3em;
position: relative;
}
.mcBoto a, .mcBoto strong {
background: none !important;
color: #7050a0 !important;
/* 1 */
font-size: 90%;
font-weight: bold;
padding: 0 !important;
text-decoration: none !important;
}
.mcBoto a:hover, .mcBoto strong:hover {
color: black !important;
text-decoration: underline !important;
}
.mcBotoSel {
background-color: #9070c0;
/* 2 */
border: 0.15em solid #000000;
border-color: #b090e0 #7050a0 #9070c0 #b090e0;
/* 3 1 2 3 */
border-top-left-radius: .5em;
border-top-right-radius: .5em;
-moz-border-radius: .5em .5em 0 0;
-webkit-border-radius: .5em .5em 0 0;
border-radius: .5em .5em 0 0;
cursor: default;
display: inline;
margin-right: 0.1em;
padding: 0.2em 0.3em 0.2em 0.3em;
position: relative;
color: white;
}
.mcBotoSel a {
background: none !important;
color: white !important;
cursor: default;
font-size: 90%;
font-weight: bold;
padding: 0 !important;
text-decoration: none !important;
}
.mcContingut {
background-color: #f8f8ff;
border: 0.2em solid #9070c0;
/* 2 */
border-color: #9070c0 #7050a0 #7050a0 #9070c0 ;
/* 2 1 1 2 */
-moz-border-radius: 0 .5em .5em 0;
-webkit-border-radius: 0 .5em .5em 0;
border-radius: 0 .5em .5em 0;
border-top-left-radius: .5em;
border-top-right-radius: .5em;
padding: 1em;
position: static;
/* Si hi posem relative falla amb MSIE */
}
.mcPestanya {
background-color: #f8f8ff;
border-color: #7050a0 #b090e0 #b090e0 #7050a0;
/* 1 3 3 1 */
width: 100%;
}
/* Configuració del Verd 1;60b030 2;75c045 3;90d060 4;a5e085 5;c0f090 */
.mcVerd .mcBoto {
background-color: #a5e085;
/* 4 */
border-color: #c0f090 #90d060 #75c045 #c0f090;
/* 5 3 2 5 */
}
.mcVerd .mcBoto a, .mcVerd .mcBoto strong {
color: #60b030 !important;
/* 1 */
font-size: 90%
}
.mcVerd .mcBoto a:hover, .mcVerd .mcBoto strong:hover {
color: black !important;
text-decoration: underline;
}
.mcVerd .mcBotoSel {
background-color: #75c045;
/* 2 */
border-color: #90d060 #60b030 #75c045 #90d060;
/* 3 1 2 3 */
}
.mcVerd .mcContingut {
background-color: #f5fffa;
border-color: #75c045 #60b030 #60b030 #75c045 ;
/* 2 1 1 2 */
}
.mcVerd .mcPestanya {
background-color: #f5fffa;
border-color: #60b030 #90d060 #90d060 #60b030;
/* 1 3 3 1 */
}
/* Configuració del Vermell 1;CC0000 2;FF0000 3;FF8888 4;FFAAAA 5;FFCCCC */
.mcVermell .mcBoto {
background-color: #FFAAAA;
/* 4 */
border-color: #FFCCCC #FF8888 #FF0000 #FFCCCC;
/* 5 3 2 5 */
}
.mcVermell .mcBoto a, .mcVermell .mcBoto strong {
color: #CC0000 !important;
/* 1 */
font-size: 90%
}
.mcVermell .mcBoto a:hover , .mcVermell .mcBoto strong:hover {
color: black !important;
text-decoration: underline;
}
.mcVermell .mcBotoSel {
background-color: #FF0000;
/* 2 */
border-color: #FF8888 #CC0000 #FF0000 #FF8888;
/* 3 1 2 3 */
}
.mcVermell .mcContingut {
background-color: #fffafa;
border-color: #FF0000 #CC0000 #CC0000 #FF0000;
/* 2 1 1 2 */
}
.mcVermell .mcPestanya {
background-color: #fffafa;
border-color: #CC0000 #FF0000 #FF0000 #CC0000;
/* 1 3 3 1 */
}
/* Configuració del Blau 1;3379de 2;5b8dd6 3;88abde 4;a7c1e6 5;c8d6e9 */
.mcBlau .mcBoto {
background-color: #a7c1e6;
/* 4 */
border-color: #c8d6e9 #88abde #5b8dd6 #c8d6e9;
/* 5 3 2 5 */
}
.mcBlau .mcBoto a, .mcBlau .mcBoto strong {
color: #3379de !important;
/* 1 */
font-size: 90%
}
.mcBlau .mcBoto a:hover , .mcBlau .mcBoto strong:hover {
color: black !important;
text-decoration: underline;
}
.mcBlau .mcBotoSel {
background-color: #5b8dd6;
/* 2 */
border-color: #88abde #3379de #5b8dd6 #88abde;
/* 3 1 2 3 */
}
.mcBlau .mcContingut {
background-color: #f0f8ff;
border-color: #5b8dd6 #3379de #3379de #5b8dd6;
/* 2 1 1 2 */
}
.mcBlau .mcPestanya {
background-color: #f0f8ff;
border-color: #3379de #88abde #88abde #3379de;
/* 1 3 3 1 */
}
/* Configuració del Groc 1;ffd813 2;ffe147 3;ffe977 4;fff1a4 5;fef4bc */
.mcGroc .mcBoto {
background-color: #fff1a4;
/* 4 */
border-color: #fef4bc #ffe977 #ffe147 #fef4bc;
/* 5 3 2 5 */
}
.mcGroc .mcBoto a, .mcGroc .mcBoto strong {
color: #ffd813 !important;
/* 1 */
font-size: 90%
}
.mcGroc .mcBoto a:hover , .mcGroc .mcBoto strong:hover {
color: black !important;
text-decoration: underline;
}
.mcGroc .mcBotoSel {
background-color: #ffe147;
/* 2 */
border-color: #ffe977 #ffd813 #ffe147 #ffe977;
/* 3 1 2 3 */
}
.mcGroc .mcContingut {
background-color: #fffce8;
border-color: #ffe147 #ffd813 #ffd813 #ffe147;
/* 2 1 1 2 */
}
.mcGroc .mcPestanya {
background-color: #fffce8;
border-color: #ffd813 #88abde #88abde #ffd813;
/* 1 3 3 1 */
}
/* Configuració del Taronja 1;ff820e 2;ff9d42 3;ffac5d 4;ffbd7f 5;ffd0a4 6;ffeedd */
.mcTaronja .mcBoto {
background-color: #ffbd7f;
/* 4 */
border-color: #ffd0a4 #ffac5d #ff9d42 #ffd0a4;
/* 5 3 2 5 */
}
.mcTaronja .mcBoto a, .mcTaronja .mcBoto strong {
color: #ff820e !important;
/* 1 */
font-size: 90%
}
.mcTaronja .mcBoto a:hover , .mcTaronja .mcBoto strong:hover {
color: black !important;
text-decoration: underline;
}
.mcTaronja .mcBotoSel {
background-color: #ff9d42;
/* 2 */
border-color: #ffac5d #ff820e #ff9d42 #ffac5d;
/* 3 1 2 3 */
}
.mcTaronja .mcContingut {
background-color: #ffeedd;
/* 6 */
border-color: #ff9d42 #ff820e #ff820e #ff9d42;
/* 2 1 1 2 */
}
.mcTaronja .mcPestanya {
background-color: #ffeedd;
/* 6 */
border-color: #ff820e #ffac5d #ffac5d #ff820e;
/* 1 3 3 1 */
}
/*HERE FINISHES "METABOX" COLOUR-SCHEMES*/