MediaWiki:Common.css

@import url("https://wiki-app.loveliv.es/css/animate.css");

table.common-box
{
margin: 10px 10%;
padding: 0.2em 0.4em;
border: 1px solid #ddd;
border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;
-o-border-radius: 10px;
-webkit-box-shadow: #666 0px 2px 3px;
-moz-box-shadow: #666 0px 2px 3px;
box-shadow: #666 0px 2px 3px;
}

/* 背景 - 以下属于wiki.nekohand.moe的自定义, 转载请注明 */
body {
background-color: #ffffff;
background-image: url('https://wiki-app.loveliv.es/background/background.jpg');
background-repeat: no-repeat;
background-position: top center;
background-attachment: fixed;
}
#content{
position:relative;
background:hsla(0,0%,100%,.7);
overflow:hidden;
}
#content::before{
content:' ';
position:absolute;
top:0;left:0;right:0;bottom:0;
-webkit-filter:blur(20px);
filter:blur(20px);
margin:-30px;
}


.body a
{
display: block;
position: relative;
width: 85%;
color: #fff !important;
font-size: 80%;
text-decoration: none;
padding: 5px 5px;
background: #FF69B4;
border: 1px solid #FF69B4;
}
div#mw-panel div.portal{
	background-image:none;
}
div#mw-panel div.portal h3 {
margin-top: 0px !important;
margin-bottom: 8px !important;
font-size: 95%;
text-shadow: 1px 1px 2px rgba(0,0,0,.2);
border-color: #AAA;
background: #FFF;
box-shadow: 0 0 0;
border: solid 1px #EE3AC1;
border-left: solid 7px #EE3AC1;
color: #555 !important;
padding-left: 0.6em;
font-weight:bolder;
cursor:pointer;
transition:all 0.35s;
}
div#mw-panel div.portal h3:hover{
	border-radius:0 1em 1em 0;
	border: solid 1px #EE9A00;
    border-left: solid 7px #EE9A00;
}
div#mw-panel #p-logo + div.portal h3{
	display:none !important;
}
div#mw-panel div.portal div.body ul li{
transition:all 0.35s;	
}
div.portal div.body ul li a{
transition:all 0.35s;
}
div.portal div.body ul li a:hover{
border-radius:0 1em 1em 0;
text-shadow:#EE9A00 0 0 6px;
}
.tab th{
background-color:transparent !important;
}
a:hover, a:active {
text-decoration: none;
text-shadow: #ff57bf 0 0 6px;
}
/*
a:hover {
text-decoration: underline;
}
*/
a.new {
color: blue !important;
text-decoration: none;
font-weight: bold;
}
a {
color: #ff558a !important;
text-decoration: none;
font-weight: bold;
transition:all 0.5s;
}
#p-personal ul {

 background: #eee;
 opacity: 0.85;
}
#p-personal a, #p-personal a.new  {
background:transparent;
}



.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 !ie;
}
.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;
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;
}
/*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-radius-topleft: .5em;
  border-radius-topright: .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-radius-topleft: .5em;
  border-radius-topright: .5em;
  -moz-border-radius: .5em .5em 0em 0em;
  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: 0em .5em .5em 0em;
  border-radius-topright: .5em;
  border-radius-bottomright: .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*/