MediaWiki:Vector.css

De Catalogue des expositions – Centre Pompidou
Aller à la navigation Aller à la recherche

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).
  • Internet Explorer / Edge : maintenez la touche Ctrl en cliquant sur le bouton Actualiser ou pressez Ctrl + F5.
  • Opera : appuyez sur Ctrl + F5.
/* Tout CSS placé ici sera chargé avec les pages accédées par les utilisateurs de l’habillage Vector */

/* ---------------------- */
/* --- Form Exposition -- */
/* ---------------------- */
.formContainer {
    max-width: 100% !important;
}

/* Ligne */
.formRow p {
    display: grid;
    grid-template-columns: 200px 1fr;
}

/* 3 columns */
.formRow.g3 p {
    grid-template-columns: 180px 20px 1fr;
}

/* Photos */
.formRow.formPicture {
    border: 1px solid #bbbbbb;
    padding: 0 6px;
    border-radius: 4px;
    margin-top: 4px;
}

/* Checkboxes */
.formRow .checkboxesSpan {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
}

/* Show on select */
.formRow.fromFlex {
    display: flex;
    align-items: center;
}
.formRow.fromFlex t, .formRow.fromFlex .inputSpan {
    margin-left: 5px;
}

/* ---------------------- */
/* ---- Img Infoboxes --- */
/* ---------------------- */
.infoboxExposition img {
    height: auto;
    width: 25em;
}


/* ---------------------- */
/* ----- Background ----- */
/* ---------------------- */
body {
    background-color: white !important;
}

#mw-page-base {
    background-color: #ffffff;
    background-image: linear-gradient(to bottom,#ffffff 50%,#ffffff 100%);
}


/* ---------------------- */
/* -------- Logo -------- */
/* ---------------------- */
#p-logo a,
#p-logo {
    background-size: contain;
    height: 90px;
}


/* ---------------------- */
/* -------- Dots -------- */
/* ---------------------- */
dl dd font {
    color: black !important;
}

/* ---------------------- */
/* ------- Titles ------- */
/* ---------------------- */
.vector-body h1,
.vector-body h2 {
    border-bottom: none;
}

.vector-body h1 span.mw-headline,
.vector-body h2 span.mw-headline {
    background-color: #00A154;
    color: white;
    padding: 3px 5px;
}


/* ---------------------- */
/* -------- Links ------- */
/* ---------------------- */
a,
a:visited {
    color: black !important;
    text-decoration: underline !important;
}

a.new,
.vector-menu-tabs .new a,
.vector-menu-tabs .new a:visited {
    color: #DC0036 !important;
}


/* ---------------------- */
/* -- Blue Wiki -> Ppd -- */
/* ---------------------- */
.toctogglelabel {
    color: #0083C6 !important;
}

#pt-notifications-notice .mw-echo-notifications-badge.oo-ui-flaggedElement-unseen:after, #pt-notifications-notice .mw-echo-notifications-badge.mw-echo-unseen-notifications:after,
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button,
.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:checked + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:indeterminate + span {
    background-color: #0083C6 !important;
}

.mw-body {
    border: 1px solid #000000 !important;
}

.vector-menu-tabs, .vector-menu-tabs a, #mw-head .vector-menu-dropdown h3{
    background-image: linear-gradient(to bottom,rgba(167,215,249,0) 0,#000000 100%) !important;
}

.vector-menu-tabs li {
    background-image: linear-gradient(to top,#000000 0,#f6f6f6 1px,#ffffff 100%) !important;
}

/* VE Annuler en rouge */
.oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive > .oo-ui-buttonElement-button {
    background: #DC0036 !important;
    color: white !important;
}