User:ExE Boss/Sandbox/PortableInfobox-desktop.css: Difference between revisions
< User:ExE Boss | Sandbox
(Create CSS page to style portable infoboxes) |
m (Match existing comment style) |
||
| (8 intermediate revisions by the same user not shown) | |||
| Line 1: | Line 1: | ||
/** | /**********************************<noinclude>*/ | ||
@import url("/User:ExE_Boss/Sandbox/PortableInfobox-common.css?ctype=text/css&action=raw"); | |||
/**********************************</noinclude> | |||
* Portable Infobox Desktop Styles * | |||
**********************************/ | |||
.portable-infobox.pi-theme-crosscode { | .portable-infobox.pi-theme-crosscode { | ||
background-color: #000; | background-color: #000; | ||
color: #DDD; | |||
} | |||
.portable-infobox.pi-theme-crosscode .pi-title, | |||
.portable-infobox.pi-theme-crosscode .pi-secondary-font { | |||
color: #FFF; | |||
} | } | ||
.portable-infobox.pi-theme-crosscode .pi-title, | .portable-infobox.pi-theme-crosscode .pi-title, | ||
.portable-infobox.pi-theme-crosscode .pi-header { | .portable-infobox.pi-theme-crosscode .pi-header { | ||
text-align: center; | text-align: center; | ||
} | } | ||
.portable-infobox.pi-theme-crosscode .pi-image { | .portable-infobox.pi-theme-crosscode .pi-image { | ||
margin: 0; | margin: 0; | ||
} | |||
.portable-infobox.pi-theme-crosscode .pi-caption { | |||
color: inherit; | |||
text-align: center; | |||
} | } | ||
| Line 54: | Line 62: | ||
--theme-characterbox-background: #571b6d; | --theme-characterbox-background: #571b6d; | ||
} | } | ||
/* type="enemy" */ | |||
.portable-infobox.pi-theme-crosscode.type-enemy .pi-image { | |||
padding-bottom: 1em; | |||
padding-top: 1em; | |||
} | |||
/*********************** | |||
* End Portable Infobox * | |||
***********************/ | |||
Latest revision as of 22:31, 7 May 2021
/**********************************<noinclude>*/
@import url("/User:ExE_Boss/Sandbox/PortableInfobox-common.css?ctype=text/css&action=raw");
/**********************************</noinclude>
* Portable Infobox Desktop Styles *
**********************************/
.portable-infobox.pi-theme-crosscode {
background-color: #000;
color: #DDD;
}
.portable-infobox.pi-theme-crosscode .pi-title,
.portable-infobox.pi-theme-crosscode .pi-secondary-font {
color: #FFF;
}
.portable-infobox.pi-theme-crosscode .pi-title,
.portable-infobox.pi-theme-crosscode .pi-header {
text-align: center;
}
.portable-infobox.pi-theme-crosscode .pi-image {
margin: 0;
}
.portable-infobox.pi-theme-crosscode .pi-caption {
color: inherit;
text-align: center;
}
.portable-infobox.pi-theme-crosscode .pi-data-label {
padding-top: 0;
}
/* type="character" */
.portable-infobox.pi-theme-crosscode.type-character .pi-title,
.portable-infobox.pi-theme-crosscode.type-character .pi-header {
background-color: var(--theme-characterbox-background);
}
.portable-infobox.pi-theme-crosscode.type-character {
--theme-characterbox-background: #616b7c;
}
.portable-infobox.pi-theme-crosscode.type-character.pi-theme-Spheromancer {
--theme-characterbox-background: #830905;
}
.portable-infobox.pi-theme-crosscode.type-character.pi-theme-Triblader {
--theme-characterbox-background: #1f6d1b;
}
.portable-infobox.pi-theme-crosscode.type-character.pi-theme-Quadroguard {
--theme-characterbox-background: #1c246c;
}
.portable-infobox.pi-theme-crosscode.type-character.pi-theme-Pentafist {
--theme-characterbox-background: #994b04;
}
.portable-infobox.pi-theme-crosscode.type-character.pi-theme-Hexacast {
--theme-characterbox-background: #571b6d;
}
/* type="enemy" */
.portable-infobox.pi-theme-crosscode.type-enemy .pi-image {
padding-bottom: 1em;
padding-top: 1em;
}
/***********************
* End Portable Infobox *
***********************/