MediaWiki:Vector-2022.css

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.

/* Suppression menu apparence Vector 2022*/
.vector-settings {
  display: none !important;
}

@media screen {
	body.page-Accueil .vector-page-titlebar::after {
		background-color: var(--background-color-transparent);
	}
}
	
/* Font style for titles */

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

@media screen and (min-width:1120px) and (max-width:1680px) {
  .mw-page-container,
  .vector-header-container .mw-header,
  .vector-header-container .vector-sticky-header {
    padding-left: 7px;
    padding-right: 7px;
  }
}
@media screen and (min-width:1680px) {
  .mw-page-container,
  .vector-header-container .mw-header,
  .vector-header-container .vector-sticky-header {
    padding-left: 10px;
    padding-right: 10px;
  }
}

@media screen {
	.mw-body .vector-page-titlebar {
		z-index: 3;
	    background-color: var(--background-color-neutral);
	    padding-top: 10px;
	    padding-left: 15px;
	    padding-right: 15px;
		clip-path: polygon(
    		10px 0,         /* haut gauche biseauté */
    		calc(100% - 10px) 0, /* haut droite biseauté */
    		100% 10px,      /* coin haut droit */
    		100% 100%,      /* bas droit */
    		0 100%,         /* bas gauche */
    		0 10px          /* coin haut gauche */
  );
  }
	.mw-body .vector-page-toolbar {
	    background-color: var(--background-color-neutral);
	    padding-left: 15px;
	    padding-right: 15px;
  }
	.mw-body #bodyContent {
	    background-color: var(--background-color-neutral);
	    padding-left: 15px;
	    padding-right: 15px;
	    padding-bottom: 20px;
		clip-path: polygon(
    		0 0,               /* haut gauche */
    		100% 0,            /* haut droit */
    		100% calc(100% - 10px), /* bas droit biseauté */
    		calc(100% - 10px) 100%, /* coin bas droit */
    		10px 100%,         /* coin bas gauche */
    		0 calc(100% - 10px)     /* bas gauche biseauté */
  );
  }
}
.mw-indicators {
    column-gap: 0;
}

  
  
@media all {
	.mw-logo-wordmark {
		font-family: Caprica;
		font-size: 1.5em;
		font-variant: small-caps;
	}
	.vector-user-links-main {
		font-family: Caprica;
		font-size: 1.2em;
		font-variant: small-caps;
	}
}
@media screen {
  :root,
  .skin-invert,
  .notheme {
    --color-base:#fff; /* Changé */
    --color-base-fixed:#fff; /* Changé */
    --color-base--hover:#404244;
    --color-emphasized:#ffee00; /* Changé */
    --color-subtle:#bbbbb;
    --color-placeholder:#72777d;
    --color-disabled:#a2a9b1;
    --color-disabled-emphasized:#a2a9b1;
    --color-inverted:#000; /* Changé */
    --color-inverted-fixed:#000; /* Changé */
    --color-progressive:#ffa500; /* Changé */
    --color-progressive--hover:#ffa500; /* Changé */
    --color-progressive--active:#ffa500; /* Changé */
    --color-progressive--focus:#ffa500; /* Changé */
    --color-destructive:#bf3c2c;
    --color-destructive--hover:#9f3526;
    --color-destructive--active:#612419;
    --color-destructive--focus:#36c;
    --color-visited:#ffee00; /* Changé */
    --color-visited--hover:#ffee00; /* Changé */
    --color-visited--active:#ffee00; /* Changé */
    --color-destructive--visited:#9f5555;
    --color-destructive--visited--hover:#854848;
    --color-destructive--visited--active:#512e2e;
    --color-error:#bf3c2c;
    --color-error--hover:#9f3526;
    --color-error--active:#612419;
    --color-warning:#886425;
    --color-success:#177860;
    --color-notice:#404244;
    --color-icon-error:#f11200; /* Changé */
    --color-icon-warning:#ab7f2a;
    --color-icon-success:#099979;
    --color-icon-notice:#72777d;
    --color-content-added:#006400;
    --color-content-removed:#8b0000;
    --filter-invert-icon:0;
    --filter-invert-primary-button-icon:1;
    --box-shadow-color-base:#a2a9b1;
    --box-shadow-color-progressive--active:#233566;
    --box-shadow-color-progressive--focus:#36c;
    --box-shadow-color-progressive-selected:#36c;
    --box-shadow-color-progressive-selected--hover:#3056a9;
    --box-shadow-color-progressive-selected--active:#233566;
    --box-shadow-color-destructive--focus:#36c;
    --box-shadow-color-inverted:#fff;
    --box-shadow-color-alpha-base:rgba(0,0,0,0.06);
    --box-shadow-color-transparent:transparent;
    --mix-blend-mode-base:normal;
    --mix-blend-mode-blend:multiply;
    --background-color-base:#160807;/* Changé  */
    --background-color-base-fixed:#160807;/* Changé #471919; */
    --background-color-neutral:#471919; /* Changé #160807;*/
    --background-color-neutral-subtle:#1f0b0c; /* Changé */
    --background-color-interactive:#160807; /* Changé */
    --background-color-interactive--hover:#dadde3;
    --background-color-interactive--active:#c8ccd1;
    --background-color-interactive-subtle:#1f0b0c; /* Changé */
    --background-color-interactive-subtle--hover:#160807; /* Changé */
    --background-color-interactive-subtle--active:#160807; /* Changé */
    --background-color-disabled:#dadde3;
    --background-color-disabled-subtle:#eaecf0;
    --background-color-inverted:#101418;
    --background-color-progressive:#36c;
    --background-color-progressive--hover:#3056a9;
    --background-color-progressive--active:#233566;
    --background-color-progressive--focus:#36c;
    --background-color-progressive-subtle:#f1f4fd;
    --background-color-progressive-subtle--hover:#dce3f9;
    --background-color-progressive-subtle--active:#cbd6f6;
    --background-color-destructive:#bf3c2c;
    --background-color-destructive--hover:#9f3526;
    --background-color-destructive--active:#612419;
    --background-color-destructive--focus:#36c;
    --background-color-destructive-subtle:#ffe9e5;
    --background-color-destructive-subtle--hover:#ffdad3;
    --background-color-destructive-subtle--active:#ffc8bd;
    --background-color-error:#f54739;
    --background-color-error--hover:#d74032;
    --background-color-error--active:#bf3c2c;
    --background-color-error-subtle:#ff4625; /* Changé */
    --background-color-error-subtle--hover:#ffdad3;
    --background-color-error-subtle--active:#ffc8bd;
    --background-color-warning-subtle:#fdf2d5;
    --background-color-success-subtle:#dff2eb;
    --background-color-notice-subtle:#eaecf0;
    --background-color-content-added:#a3d3ff;
    --background-color-content-removed:#ffe49c;
    --background-color-transparent:transparent;
    --background-color-backdrop-light:rgba(255,255,255,0.65);
    --background-color-backdrop-dark:rgba(0,0,0,0.65);
    --background-color-button-quiet--hover:rgba(0,24,73,0.027);
    --background-color-button-quiet--active:rgba(0,24,73,0.082);
    --background-color-input-binary--checked:#36c;
    --background-color-tab-list-item-framed--hover:rgba(255,255,255,0.3);
    --background-color-tab-list-item-framed--active:rgba(255,255,255,0.65);
    --opacity-icon-base:0.87;
    --opacity-icon-base--hover:0.74;
    --opacity-icon-base--selected:1;
    --opacity-icon-base--disabled:0.51;
    --opacity-icon-placeholder:0.51;
    --opacity-icon-subtle:0.67;
    --border-color-base:#ffd700; /* Changé */
    --border-color-subtle:#c8ccd1;
    --border-color-muted:#dadde3;
    --border-color-interactive:#72777d;
    --border-color-interactive--hover:#27292d;
    --border-color-interactive--active:#202122;
    --border-color-disabled:#c8ccd1;
    --border-color-inverted:#fff;
    --border-color-inverted-fixed:#fff;
    --border-color-progressive:#6485d1;
    --border-color-progressive--hover:#3056a9;
    --border-color-progressive--active:#233566;
    --border-color-progressive--focus:#36c;
    --border-color-destructive:#f54739;
    --border-color-destructive--hover:#9f3526;
    --border-color-destructive--active:#612419;
    --border-color-destructive--focus:#36c;
    --border-color-error:#f54739;
    --border-color-error--hover:#9f3526;
    --border-color-error--active:#612419;
    --border-color-warning:#ab7f2a;
    --border-color-success:#099979;
    --border-color-notice:#72777d;
    --border-color-content-added:#a3d3ff;
    --border-color-content-removed:#ffe49c;
    --border-color-transparent:transparent;
    --border-color-divider:#a2a9b1;
    --outline-color-progressive--focus:#36c;
    --color-link-red:var(--color-destructive);
    --color-link-red--hover:var(--color-destructive--hover);
    --color-link-red--active:var(--color-destructive--active);
    --color-link-red--focus:var(--color-destructive--focus);
    --color-link-red--visited:var(--color-destructive--visited);
    --color-link-red--visited--hover:var(--color-destructive--visited--hover);
    --color-link-red--visited--active:var(--color-destructive--visited--active);
    --accent-color-base:#36c;
    --border-color-input--hover:var(--border-color-interactive);
    --border-color-input-binary:var(--border-color-interactive);
    --border-color-input-binary--hover:var(--border-color-progressive--hover);
    --border-color-input-binary--active:var(--border-color-progressive--active);
    --border-color-input-binary--focus:var(--border-color-progressive--focus);
    --border-color-input-binary--checked:var(--border-color-progressive);
    --color-base--subtle:#54595d
 }
	  .vector-pinnable-element .vector-menu-heading {
	  	border-bottom: 1px solid #eaecf0;
	  }

	.mw-body h1,
	.mw-body .mw-heading1,
	.mw-body-content h1,
	.mw-body-content .mw-heading1,
	.mw-body-content h2,
	.mw-body-content .mw-heading2,
	.vector-sticky-header-context-bar-primary {
    font-family:'Caprica';
  }
  
  .vector-sticky-header-context-bar-primary {
  	color: var(--color-emphasized);
  }
  .mw-file-element {
    clip-path: polygon(0 10.00px,10.00px 0,calc(100% - 10.00px) 0,100% 10.00px,100% calc(100% - 10.00px),calc(100% - 10.00px) 100%,10.00px 100%,0 calc(100% - 10.00px));
  }
  
}

td.portail,
.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;
}

td.portail .mw-heading.mw-heading2,
.portail .mw-heading.mw-heading2 {
        margin: 8px 0;
        background-color: #471919;
        border: 1px solid #ff8c00;
        padding: 0.2em 0.4em;
}