« MediaWiki:Citizen.css » : différence entre les versions

De Battlestar Wiki
Contenu supprimé Contenu ajouté
Aucun résumé des modifications
Balise : Révocation manuelle
Aucun résumé des modifications
 
(17 versions intermédiaires par le même utilisateur non affichées)
Ligne 1 : Ligne 1 :
/* Variables */
/* La totalité du CSS placé ici s’appliquera aux utilisateurs de l’habillage Citizen. */


:root.citizen-feature-custom-width-clientpref-standard {
html {
--width-layout: 1600px;
--width-layout: 1280px;
}
}


@media screen and (prefers-color-scheme:dark) {
:root {
:root.skin-theme-clientpref-os {
--border-color-base: #160807;
--color-surface-0: #cbb57e;
--border-color-base: #ffd700;
--color-surface-1: #cbb57e;
--color-surface-0: #0f090b;
--color-surface-2: #cbb57e;
--color-surface-1: #481919;
--color-surface-3: #cbb57e;
--color-surface-1: #160807;
}
--color-surface-3: #cbb57e;
--color-primary__h: 230;
--color-base--emphasized: #160807;
}
}

:root.skin-citizen-dark {
--background-color-framed: #160807;
--background-color-icon: #ffdd00;
--border-color-base: #ffdd00;
--border-color-base--lighter: #ff9900;
--color-surface-0: #471919;
--color-surface-1: #471919;
--color-surface-2: #471919;
--color-surface-3: #471919;
--color-surface-4: #471919;
--color-primary__h: 45;
--color-base--emphasized: #ffd700;
}
/* width */

.mw-body-header,
.citizen-body {
max-width: 1280px;
}
/* Font style for titles */

@font-face {
font-family: Caprica;
font-style: normal;
src: url('caprica.ttf') format('truetype'),
url('caprica.otf') format('opentype');
}

#content h1,
#content h2,
#content h3,
#content h4,
#content h5,
#content h6,
#content #firstHeading {
font-family: Caprica;
}

#content h1,
#content h2 {
font-variant: small-caps;
}

/* Portails */

.portail {
box-sizing: border-box;
border: 15px solid transparent;
border-image: url('https://media.battlestarwiki.org/w/images/2/20/BSG_Border.png') 60 round;
-webkit-border-image: url('https://media.battlestarwiki.org/w/images/2/20/BSG_Border.png') 60 round;
background: #1f0b0c;
background-clip: padding-box;
padding: 2px;
vertical-align: top;
margin: 0;
z-index: -1;
}

.mw-body .portail h2 {
margin: 8px 0;
background-color: #471919;
border: 1px solid #ff8c00;
padding: 0.2em 0.4em;
color: #ffd700;
}

.mw-body .portail h3 {
color: #ffd700;
}
.navbox .citizen-body table, .mw-body-content table {
margin-top: 0;
}

.client-js .section-subheading {
display: inherit;
}

/* icônes de tête titre principal */

.mw-indicators {
display: inherit;
}

.skin-citizen-dark .mw-indicator {
filter: none;
vertical-align: middle;
}

.skin-citizen ul.gallery {
justify-content: flex-start;
}

.skin-citizen-dark .ext-replacetext-searchoptions {
background-color: #160807;
}

/* Footer */
/* Footer */


@media screen {
.mw-footer {
.citizen-footer {
background: #160807;
padding: var(--space-md) var(--padding-page);
}
margin-top: 0;

}
#mw-drawer-header {
background: var(--background-color-framed);
}

.thumb .thumbinner a.new {
display: inline;
padding: inherit;
background-color: transparent;
}

.citizen-body a.image, .mw-body-content a.image {
display: inline;
}

a.image > img {
transition: transform 250ms cubic-bezier(0.215,0.61,0.355,1);
clip-path: polygon(0 10.00px,10.00px 0,calc(100% - 8px) 0,100% 10.00px,100% calc(100% - 10.00px),calc(100% - 10.00px) 100%,10.00px 100%,0 calc(100% - 10.00px));
}
}
/* General colors */

Dernière version du 21 août 2025 à 19:40

/* Variables */

:root.citizen-feature-custom-width-clientpref-standard {
	--width-layout: 1280px;
}

@media screen and (prefers-color-scheme:dark) {
	:root.skin-theme-clientpref-os {
		--border-color-base: #ffd700;
		--color-surface-0: #0f090b;
		--color-surface-1: #481919;
		--color-surface-1: #160807;
	}
}
/* Footer */

@media screen {
	.citizen-footer {
		padding: var(--space-md) var(--padding-page);
		margin-top: 0;
	}
}
/* General colors */