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))
 
(38 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{
.class{
    font-family: "Noto Sans",sans-serif;
font-family: "Noto Sans",sans-serif;
    color: #ffffff;
color: #ffffff;
    background: #767a7f;
background: #767a7f;
    font-size: 0.95em;
font-size: 0.95em;
    line-height: 1.5;
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-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-repeat: repeat-y,repeat-y,repeat-x,no-repeat;
    background-position: right center,left center,center bottom,center center;
background-position: right center,left center,center bottom,center center;
    background-size: auto,auto,auto,cover;
background-size: auto,auto,auto,cover;
    background-attachment: fixed;
background-attachment: fixed;
    }
}
    .portable-infobox{
 
    font-family: "Noto Sans",sans-serif;
#mw-content, #content-bottom-stuff {
    color: #ffffff;
background: linear-gradient(to right, #15181b,#202327,#15181b);
    background: #0E151F;
filter: drop-shadow(black 0 0 3rem);
    font-size: 0.95em;
border-inline: solid #778467;
    line-height: 1.5;
outline: solid #13161a 1em;
    border:1px solid;
}
    border-color:#0A5899;
 
    }
/* CSS for JSON files */
    .portable-infobox.pi-background {
.mw-json td {
        background-color: #0E151F;
color: #000000;
    }
}
    .portable-infobox .pi-secondary-background {
.mw-json th {
        background-color: #0A9992;
color: #000000;
    }
}
    .portable-infobox .pi-border-color {
 
        border-color: #0A5899;
/* CSS for all infoboxes */
    }
.portable_infobox.type-impetus.value {
    .portable-infobox .pi-data-label {
width: 600px
    flex: 90%;
}
    }
.portable-infobox{
    .portable-infobox.pi-data-value {
font-family: "Noto Sans",sans-serif;
        flex: 0%;
color: #ffffff;
    }
background: #000000;
    /*  
font-size: 0.95em;
    .portable-infobox .pi-item-spacing {
line-height: 1.5;
        padding: 10px 10px;
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;
}