MediaWiki:Common.css: Difference between revisions
From MENACE Official Wiki
m test alternative infobox colors |
m Protected "MediaWiki:Common.css" ([Edit=Allow only administrators] (indefinite) [Move=Allow only administrators] (indefinite)) |
||
| (30 intermediate revisions by 4 users not shown) | |||
| Line 1: | Line 1: | ||
/* CSS placed here will be applied to all skins */ | /* CSS placed here will be applied to all skins */ | ||
.class{ | |||
font-family: "Noto Sans",sans-serif; | |||
color: #ffffff; | |||
background: #767a7f; | |||
font-size: 0.95em; | |||
line-height: 1.5; | |||
background-image: url(/MENACE/skins/MBHH/resources/images/shade-right.png?9ba42),url(/MENACE/skins/MBHH/resources/images/shade-left.png?30070),url(/MENACE/skins/MBHH/resources/images/shade-bottom.png?ff4a7),url(/MENACE/skins/MBHH/resources/images/hooded-horse-bg-dark.jpg?0001a); | |||
background-repeat: repeat-y,repeat-y,repeat-x,no-repeat; | |||
background-position: right center,left center,center bottom,center center; | |||
background-size: auto,auto,auto,cover; | |||
background-attachment: fixed; | |||
} | |||
#mw-content, #content-bottom-stuff { | |||
background: linear-gradient(to right, #15181b,#202327,#15181b); | |||
filter: drop-shadow(black 0 0 3rem); | |||
border-inline: solid #778467; | |||
outline: solid #13161a 1em; | |||
} | |||
/* CSS for JSON files */ | |||
.mw-json td { | |||
color: #000000; | |||
} | |||
.mw-json th { | |||
color: #000000; | |||
} | |||
/* CSS for all infoboxes */ | |||
.portable_infobox.type-impetus.value { | |||
width: 600px | |||
} | |||
.portable-infobox{ | |||
font-family: "Noto Sans",sans-serif; | |||
color: #ffffff; | |||
background: #000000; | |||
font-size: 0.95em; | |||
line-height: 1.5; | |||
border: 1px solid; | |||
border-color:#778467; | |||
} | |||
/* Overall infobox background */ | |||
.portable-infobox.pi-background { | |||
background-color: #151815; | |||
} | |||
/* Title and header backgrounds */ | |||
.portable-infobox .pi-secondary-background { | |||
background-color: #4e674c; | |||
} | |||
.portable-infobox .pi-border-color { | |||
border-color: #778467; | |||
} | |||
.portable-infobox .pi-data-label { | |||
flex: 90%; | |||
} | |||
.portable-infobox .pi-data-value { | |||
flex: none; | |||
text-align: center; | |||
} | |||
.portable-infobox .pi-title { | |||
font-weight: bold; | |||
background-color: #4e674c; | |||
} | |||
/* | |||
.portable-infobox .pi-item-spacing { | |||
padding: 10px 10px; | |||
} | |||
*/ | |||
/* CSS for ItemTag template */ | |||
.item-tag { | |||
display: inline-block; | |||
margin: 2px 0px; | |||
padding: 0px 12px; | |||
border: 3px solid #404A31; | |||
background-color: #20211D; | |||
font-family: Noto sans, sans-serif; | |||
font-size: 16px; | |||
color: #6E7B62; | |||
line-height: 1.8; | |||
} | |||
/* CSS for Spoiler template */ | |||
.spoiler-content.block { | |||
background-color: rgb(127, 127, 127); | |||
transition: all 0.3s; | |||
cursor: pointer; | |||
} | |||
.spoiler-content.block > span { | |||
opacity: 0; | |||
transition: all 0.3s; | |||
} | |||
.spoiler-content.block > * { | |||
pointer-events: none; | |||
} | |||
.spoiler-content.block.show { | |||
background-color: rgba(127, 127, 127, 0); | |||
} | |||
.spoiler-content.block.show > span { | |||
opacity: 1; | |||
} | |||
.spoiler-content.block.show > * { | |||
pointer-events: unset; | |||
} | |||
.spoiler-content.blur { | |||
filter: blur(10px); | |||
} | |||
.spoiler-content.blur > * { | |||
pointer-events: none; | |||
} | |||
.spoiler-content.blur.show { | |||
filter: none; | |||
} | |||
/* CSS for tabber */ | |||
.tabber__tab, a.tabber__tab, a.tabber__tab:visited { | |||
flex-wrap: wrap; | |||
margin-left: auto; | |||
margin-right: auto; | |||
width: 50%; | |||
text-align: center; | |||
justify-content: center; | |||
} | |||
Latest revision as of 12:23, 4 September 2026
/* CSS placed here will be applied to all skins */
.class{
font-family: "Noto Sans",sans-serif;
color: #ffffff;
background: #767a7f;
font-size: 0.95em;
line-height: 1.5;
background-image: url(/MENACE/skins/MBHH/resources/images/shade-right.png?9ba42),url(/MENACE/skins/MBHH/resources/images/shade-left.png?30070),url(/MENACE/skins/MBHH/resources/images/shade-bottom.png?ff4a7),url(/MENACE/skins/MBHH/resources/images/hooded-horse-bg-dark.jpg?0001a);
background-repeat: repeat-y,repeat-y,repeat-x,no-repeat;
background-position: right center,left center,center bottom,center center;
background-size: auto,auto,auto,cover;
background-attachment: fixed;
}
#mw-content, #content-bottom-stuff {
background: linear-gradient(to right, #15181b,#202327,#15181b);
filter: drop-shadow(black 0 0 3rem);
border-inline: solid #778467;
outline: solid #13161a 1em;
}
/* CSS for JSON files */
.mw-json td {
color: #000000;
}
.mw-json th {
color: #000000;
}
/* CSS for all infoboxes */
.portable_infobox.type-impetus.value {
width: 600px
}
.portable-infobox{
font-family: "Noto Sans",sans-serif;
color: #ffffff;
background: #000000;
font-size: 0.95em;
line-height: 1.5;
border: 1px solid;
border-color:#778467;
}
/* Overall infobox background */
.portable-infobox.pi-background {
background-color: #151815;
}
/* Title and header backgrounds */
.portable-infobox .pi-secondary-background {
background-color: #4e674c;
}
.portable-infobox .pi-border-color {
border-color: #778467;
}
.portable-infobox .pi-data-label {
flex: 90%;
}
.portable-infobox .pi-data-value {
flex: none;
text-align: center;
}
.portable-infobox .pi-title {
font-weight: bold;
background-color: #4e674c;
}
/*
.portable-infobox .pi-item-spacing {
padding: 10px 10px;
}
*/
/* CSS for ItemTag template */
.item-tag {
display: inline-block;
margin: 2px 0px;
padding: 0px 12px;
border: 3px solid #404A31;
background-color: #20211D;
font-family: Noto sans, sans-serif;
font-size: 16px;
color: #6E7B62;
line-height: 1.8;
}
/* CSS for Spoiler template */
.spoiler-content.block {
background-color: rgb(127, 127, 127);
transition: all 0.3s;
cursor: pointer;
}
.spoiler-content.block > span {
opacity: 0;
transition: all 0.3s;
}
.spoiler-content.block > * {
pointer-events: none;
}
.spoiler-content.block.show {
background-color: rgba(127, 127, 127, 0);
}
.spoiler-content.block.show > span {
opacity: 1;
}
.spoiler-content.block.show > * {
pointer-events: unset;
}
.spoiler-content.blur {
filter: blur(10px);
}
.spoiler-content.blur > * {
pointer-events: none;
}
.spoiler-content.blur.show {
filter: none;
}
/* CSS for tabber */
.tabber__tab, a.tabber__tab, a.tabber__tab:visited {
flex-wrap: wrap;
margin-left: auto;
margin-right: auto;
width: 50%;
text-align: center;
justify-content: center;
}


