MediaWiki:Common.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.

/* Le wiki aux couleurs de Cabane (site/src/styles/site.css) : crème, bois, prairie, violet. Page importée en MediaWiki:Common.css. */
@font-face { font-family: "Fredoka"; src: url("/cabane/fredoka.woff2") format("woff2"); font-weight: 300 700; font-display: swap; }
:root { --cab-cream: #fff7e3; --cab-cream-2: #f3e4c0; --cab-ink: #6a4a2b; --cab-wood: #cf9c63; --cab-grass: #c1db7e; --cab-grass-ink: #3c7d68; --cab-purple: #5d47b8; --cab-sky: #e4f7fc; }
body, .mw-page-container { background: var(--cab-cream); }
.mw-body, .vector-header-container .mw-header, .vector-page-toolbar { background: transparent; }
.mw-logo-wordmark, .mw-body h1, .mw-body h2, .mw-body h3, .mw-first-heading { font-family: "Fredoka", ui-rounded, system-ui, sans-serif; color: var(--cab-ink); }
.mw-logo-wordmark { font-weight: 700; font-size: 1.35em; }
.mw-body h1, .mw-first-heading { font-weight: 700; }
.mw-body h2 { font-weight: 600; border-bottom-color: var(--cab-cream-2); }
.mw-body h3 { font-weight: 600; }
.mw-body a:not(.new) { color: var(--cab-purple); }
.vector-body { font-size: 1rem; line-height: 1.6; }

/* l'infobox, à droite comme sur les wikis de jeux */
.infobox { float: right; clear: right; width: 290px; margin: 0 0 1em 1.4em; border-collapse: separate; border-spacing: 0; background: #fff; border: 3px solid var(--cab-wood); border-top: 0; border-radius: 0 0 16px 16px; font-size: 0.92em; }
.infobox caption { caption-side: top; padding: 8px 10px 6px; background: var(--cab-wood); color: #fff; font-family: "Fredoka", ui-rounded, sans-serif; font-weight: 700; font-size: 1.25em; text-align: center; border-radius: 16px 16px 0 0; }
.infobox th, .infobox td { padding: 5px 10px; vertical-align: top; border-top: 1px solid var(--cab-cream-2); text-align: left; }
.infobox th { width: 38%; color: var(--cab-ink); font-weight: 600; }
.infobox .infobox-image { text-align: center; background: var(--cab-sky); border-top: 0; padding: 10px; }
.infobox .infobox-sous-titre { text-align: center; font-weight: 600; color: var(--cab-grass-ink); background: #f6fbe9; }
@media (max-width: 720px) { .infobox { float: none; width: auto; max-width: 100%; margin: 0 auto 1em; } }

/* une recette : les ingrédients, une flèche, le résultat (comme dans le sac du jeu) */
.recette { display: inline-block; margin: 0 1em 0.8em 0; padding: 8px 12px 10px; background: #fff; border: 2px solid var(--cab-cream-2); border-radius: 14px; vertical-align: top; }
.recette-poste { font-size: 0.85em; color: var(--cab-grass-ink); font-weight: 600; margin-bottom: 4px; }
.recette-ligne { display: flex; align-items: center; gap: 6px; flex-wrap: wrap; }
.recette-case { position: relative; display: inline-grid; place-items: center; width: 52px; height: 52px; background: var(--cab-cream); border: 2px solid var(--cab-cream-2); border-radius: 10px; }
.recette-case b { position: absolute; right: 4px; bottom: 1px; font-size: 0.85em; color: var(--cab-ink); text-shadow: 0 0 3px #fff, 0 0 3px #fff; }
.recette-fleche { font-size: 1.6em; color: var(--cab-wood); padding: 0 4px; }
.recette-resultat .recette-case { background: #f6fbe9; border-color: var(--cab-grass); }

.objet { white-space: nowrap; }
.objet img { vertical-align: middle; }
.genere { clear: both; margin-top: 2em; padding: 6px 12px; font-size: 0.85em; color: #6b6458; background: var(--cab-cream-2); border-radius: 10px; }
.wikitable { background: #fff; border-radius: 6px; }
.wikitable > tr > th, .wikitable > * > tr > th { background: var(--cab-cream-2); color: var(--cab-ink); }
.gallery .gallerytext { text-align: center; overflow-wrap: normal; word-break: normal; hyphens: auto; }

/* l'accueil */
.accueil-tete { display: grid; grid-template-columns: minmax(0, 1.1fr) minmax(0, 1fr); gap: 1.2em; align-items: center; margin-bottom: 1em; }
.accueil-tete img { width: 100%; height: auto; border-radius: 16px; }
@media (max-width: 720px) { .accueil-tete { grid-template-columns: 1fr; } }
.portails { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 1em; }
.portail { padding: 2px 16px 12px; background: #fff; border: 3px solid var(--cab-cream-2); border-radius: 18px; }
.portail h2 { margin-top: 0.5em; }
.tuiles, .tuiles > p { display: flex; flex-wrap: wrap; gap: 6px 16px; margin: 0; }
.tuiles span { white-space: nowrap; }
.mw-inputbox-centered { margin: 0.6em 0; text-align: left; }
/* l'accueil n'a pas besoin de son titre ; la discussion est fermée (le wiki se lit, il ne s'écrit pas) */
.page-Accueil .vector-page-titlebar, .page-Accueil .vector-page-toolbar { display: none; }
#ca-talk { display: none; }

/* le bandeau de mesure d'audience (MediaWiki:Common.js) : en bas, au-dessus du reste ; Accepter et Refuser de même taille */
.cabane-consent { position: fixed; left: 16px; right: 16px; bottom: 16px; z-index: 100; display: flex; flex-wrap: wrap; gap: 10px 18px; align-items: center; justify-content: center; max-width: 820px; margin: 0 auto; padding: 14px 18px; border-radius: 22px; background: var(--cab-cream); color: var(--cab-ink); border: 3px solid var(--cab-wood); box-shadow: 0 10px 30px rgba(40, 30, 10, .25); font-size: 0.95em; }
.cabane-consent[hidden] { display: none; }
.cabane-consent p { margin: 0; flex: 1 1 300px; }
.cabane-consent a { color: var(--cab-purple); }
.cabane-consent div { display: flex; gap: 10px; }
.cabane-consent button { padding: 8px 22px; border: 0; border-radius: 999px; background: var(--cab-grass-ink); color: #fff; font: 700 1em "Fredoka", ui-rounded, sans-serif; cursor: pointer; }