Version datée du 7 août 2026 à 02:19 par Aisuuuuu (discussion | contributions)
Note : après avoir publié vos modifications, il se peut que vous deviez forcer le rechargement complet du cache de votre navigateur pour voir les changements.
- Firefox / Safari : maintenez la touche Maj (Shift) en cliquant sur le bouton Actualiser ou appuyez sur Ctrl + F5 ou Ctrl + R (⌘ + R sur un Mac).
- Google Chrome : appuyez sur Ctrl + Maj + R (⌘ + Shift + R sur un Mac).
- Edge : maintenez la touche Ctrl en cliquant sur le bouton Actualiser ou pressez Ctrl + F5.
/* Header Site */
.cosmos-header__top-container {
height: 100px;
}
.cosmos-header__local-navigation {
height: 64px;
}
@media screen {
.cosmos-header {
background-color: rgba(192, 2, 91, 0.9);
background-size: 50%;
}
#cosmos-footer {
width: 100%;
border: 0;
margin: 0;
background-color: rgba(139,56,81,0.95);
}
.cosmos-header::before {
background: linear-gradient(to right, rgba(192, 2, 91, 0.9), rgba(0, 0, 0, 0.5)), linear-gradient(to left, rgba(0, 0, 0, 0) 200px, #000000 530px);
}
}
#cosmos-footer li {
color: #F5F5F5;
}
#cosmos-banner {
background-color: #590900;
}
/* Tabber */
.tabber__tab[aria-selected='true'] {
box-shadow: 0 -2px 0 #8100C0 inset;
}
.tabber__header {
box-shadow: inset 0 -1px 0 0 #8A354A;
}
.tabber__tab:hover {
box-shadow:inset 0 -2px 0 0 #8100C0;
color: #C00000;
}
/* Sommaire */
.skin-cosmos .toc {
background-color: rgba(142, 51, 155, 0.25);
padding:1%;
border-radius:5px;
border: white 2px double;
margin-right:15px;
float: left;
font-weight: bold;
}
#mw-content .toc > ul {
border-top: solid 1px transparent;
}
#mw-content h2 {
border-bottom: solid 1px #7A3052;
}
/* Liens */
a {
color: #8200C1;
}
#mw-content a:not(.new) {
color: #A955D7;
}
body a:not(.new) {
color: #A955D7;
}
a:active {
color: #ECC4C4;
}
a.new {
color: #BF5959;
}
/* Page */
#mw-content {
background-color: rgba(88, 39, 54, 0.95);
color: #ffffff;
box-shadow: 0 4px 24px rgba(88, 39, 54, 0.7);
}
#mw-content h2 {
border-bottom: solid 1px #8A354A;
}
.warning {
background-color: rgba(216, 129, 129, 0.95);
padding:1%;
border-radius:5px;
border: white 2px double;
margin-bottom:15px;
color:white;
}
.quote {
background-color: rgba(152, 54, 54, 0.95);
padding:1%;
border-radius:5px;
border: white 2px double;
margin-bottom:15px;
color:white;
}
/* Header Article */
.cosmos-button-primary {
background-color: #C0025B;
}
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button {
color: var(--color-inverted-fixed,#fff);
background-color: #C0025B;
border-color: #C0025B
}
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:hover {
background-color: #EF568F;
border-color: #EF568F
}
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:active,.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button,.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-buttonElement-active > .oo-ui-buttonElement-button,.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-popupToolGroup-active > .oo-ui-buttonElement-button {
color: #fff;
background-color: #8B0143;
border-color: #8B0143;
}
/* Infobox */
.portable-infobox {
border: 1px solid #C00000;
}
.portable-infobox h2 {
border-bottom: solid 1px #C00000;
}
.portable-infobox .pi-border-color {
border: 1px solid #C00000;
}
.portable-infobox .pi-header {
background-color: #C00000;
}
.portable-infobox .pi-title {
background-color: #C00000;
}
.portable-infobox .pi-background {
background-color: #6F2222
}
.portable-infobox .pi-horizontal-group-item:nth-child(even) {
background-color: #6F2222
}
.portable-infobox .pi-media-collection-tabs {
background-color: #6F2222;
}
.portable-infobox .pi-smart-data-label:nth-child(even) .portable-infobox .pi-smart-data-value:nth-child(even) {
background-color: #6F2222
}
.portable-infobox .pi-data {
background-color: #6F2222;
}
.portable-infobox .pi-secondary-background {
background-color: #C00000;
}
.portable-infobox .pi-media-collection .current {
background-color: #8A354A;
color : #ffffff;
}
/* Backgrounds */
/* Default */
body.skin-cosmos{
background: url("/images/9/95/Nix2_Cover.png");
background-repeat: no-repeat;
background-size: cover;
background-position: center top;
background-attachment: fixed;
}
.cosmos-header {
background-image: url("/images/0/0d/Tahicokahn_Illustration.png");
background-position: right center;
background-repeat: no-repeat;
}
/* Custom */
html:has(head link[rel="stylesheet"][href*="Mastaddon.css"])
.cosmos-header {
background-image: url("/images/d/d9/MastaddonBanner.png");
background-position: right top;
}
html:has(head link[rel="stylesheet"][href*="Nix.css"])
body.skin-cosmos{
background-image: url("/images/2/2e/Nix-Tensions_de_Jarl_background.png");
background-position: center bottom;
}
html:has(head link[rel="stylesheet"][href*="Akasen.css"])
body.skin-cosmos{
background-image: url("/images/c/cc/AkasenBanner.png");
}
html:has(head link[rel="stylesheet"][href*="Akasen.css"])
.cosmos-header {
background-image: url("/images/c/cc/AkasenBanner.png");
background-position: right bottom;
}
html:has(head link[rel="stylesheet"][href*="Glycima.css"])
.cosmos-header {
background-image: url("/images/0/0f/GlycimaBanner.png");
background-position: right top;
}
html:has(head link[rel="stylesheet"][href*="Ecarlata.css"])
.cosmos-header {
background-image: url("/images/2/28/EcarlataBanner.png");
background-position: right top;
}
html:has(head link[rel="stylesheet"][href*="Tangereva.css"])
.cosmos-header {
background-image: url("/images/5/52/TangerevaBanner.png");
background-position: right top;
}
html:has(head link[rel="stylesheet"][href*="Cassanes.css"])
.cosmos-header {
background-image: url("/images/0/0f/CassanesBanner.png");
background-position: right center;
}