erg - Contributions de l’utilisateur [fr]

Open source Open course - 23.03.2024

2024-03-22T11:58:23Z

Dobody : texte pour évènement OsOc2024

{{Actualités
|Published=2024-03-21
|Image=OpenCourseOpenSource2024.gif
|Description=
 

Nous vous invitons à l'édition 2024 d’Open course Open source le 23 mars à 13h dans le cadre des journées portes ouvertes de l'erg.

Au programme, des présentations en mode sprint, informel et enjoué de projets réalisés en open source. Avec la participation d'étudiant·es, d'ex-étudiant·es, de designers, de développeur·euses, d'artistes, d’activistes...

— 13h00: '''Stéphane Noël''' ''Dessin au bic et orienté objet''

— 13h10: '''Clara Bougon et Marie Godefroy''' ''Mettre en page "Curseur"''

— 13h20: '''Maxime Fuhrer''' ''Degoogelisons le printemps''

— 13h30: '''Théophile Gerveau-Mercier, Joan Peralta et Delyo Dobrev''' ''erg-wiki maintenance''

— 13h40: '''Vincent Evrard''' ''Parler avec une puce ESP32''

— 13h50: '''Antoine Gelgon et Pascal Courtois''' ''Ressources numérique et écologie''

— 14h00: '''Loïs Leprêtre et Lucile Poncelet''' ''Birdfont''

— 14h10: PAUSE

— 14h20: '''Ludi Loiseau''' ''Osp plotter station''

— 14h30: '''Delyo Dobrev''' ''Malas hierbas, fragments d'écriture''

— 14h40: '''Le cours de design numérique''' : ''"Imprimer les troubles dans les collections"''

— 14h50: '''Martin Lemaire''' ''Unix, awk et signet.sh''

— 15h00: '''Hélène Bernard''' ''Pandora''

Les étudiant·es et les enseignant·es de [[Design numérique]]
}}

Fichier:OpenCourseOpenSource2024.gif

2024-03-22T11:53:41Z

Dobody : Dobody a téléversé une nouvelle version de Fichier:OpenCourseOpenSource2024.gif

== Description ==
animation GIF pour l'édition 2024 de Open Course Open Source
par delyo
== Conditions d'utilisation ==
{{FAL}}

Fichier:OpenCourseOpenSource2024.gif

2024-03-21T20:29:50Z

Dobody : animation GIF pour l'édition 2024 de Open Course Open Source par delyo

== Description ==
animation GIF pour l'édition 2024 de Open Course Open Source
par delyo
== Conditions d'utilisation ==
{{FAL}}

Utilisateur:Dobody

2024-03-11T12:38:15Z

Dobody :

'''è-è'''

étudiant à l'Ecole Régionale de Gourmandise [[Bienvenue à l’erg | (ERG)]] en Master design numérique.

'' Avancer vers <s>la sobriété</s> le [https://www.urbandictionary.com/define.php?term=straight-edge straight-edge] numérique. ''

Haut les claviers! Ceci est un Wikijacking par le ''worker bee wiki maintenance workshop hardhat crew''
- 22/01/2024

== Liens Inutiles ==

[http://garden.delyo.be/ Mon espace à moi 🚀]

[http://delyo.be/ Portfolio graphiste]

[https://designnumerique.be/wiki/Delyo Mon travail sur le wiki DesignNumerique]

[http://delyo.be/biblio/ Emprunte-moi un livre! :)]

[gemini://dobody.srht.site Site perso Gemini]

== Travail personnel ==

=== Bibliothèque partagée physique ===

''petite recherche surtout pratique''

Nous avons toustes des livres et éditions que nous ne sommes pas en train de lire, aux sujets divers, qui prennent la poussière lentement, allongés sur les étagères d'une bibliothèque ou sur un rebord de fenêtre ou servant d'ajout à un pied de table. Et nous avons toustes des intérêts dans des sujets pour lesquels il nous manque des livres. Si seulement il y avait un moyen d'égaliser ce rapport de surplus et d'insuffisance...

L'idée de la bibliothèque partagée, c'est un espace numérique local aux interactions fortement limitées (pour ne pas y trainer toute la journée). Dans un groupe de gens rapprochés par un espace commun (une école, un lieu de travail, un centre social) chacun.e pourrait y cataloguer ses livres disponibles, chercher ceux des autres, et demander à les emprunter. Celà faciliterait l'accès à certains savoirs pour celleux qui sont moins à l'aise en personne, et permettrait de mettre en commun un savoir d'une façon décentralisée, c.à.d sans avoir à payer un loyer de plus (hormis le loyer-hébergment de l'espace numérique). Un book club qui n'en est pas un, un centre de documentation qui n'en est pas un, une bibliothèque sans en être une exactement.

''le repo git viendra bientôt''

<hr><hr><hr>

=== Collecte, archivage, conservation de productions graphiques situées ===

Ou plus concrètement dans ce cas, située dans la sphère politique anarchiste. ''Les mèmes questions totuefois méritent d'être posées pour toute lutte sociale à caractère radical.''

==== Pourquoi? ====

- Il n'y a pas de base de données dédiée à la conservation digitale des images graphiques de la communauté anarchiste et libertaire.
- ''"Si l'on ne fait pas notre propre histoire, quelqu'un la fera à notre place."''
- La conservation de ces images et sa catégorisation doit se faire par, pour, et au sein des groupes anarchistes. Celà implique le refus de centraliser les données à la manière de [https://systerserver.net/ATNOFS/ '''''ATNOFS'''''].
- D'un autre coté, le contrôle sur ce qui est et n'est pas partagé doit être décidé non pas par une personne mais par un processus démocratique visant consensus. La base de données ne doit pas être une morgue à documents mais un terrain changeant, reflétant les changements dans chaque groupe qui le maintient.

==== Comment? ====

* d'abord, une collection d'images et une manière de les répertorier. '''Un site web / serveur'''
* une facilité d'usage. Les outils doivent être à la disposition de tout le monde, pas juste libres d'utilisation mais abordables dans leur lecture et dans leur modification. Une installation minimale, ''pas de CMS, de database, et de configuration nécessitant un apprentissage.'' '''fait avec un spreadsheet / csv '''
* un moyen d'explorer les contenus. Tout seuls, ils ne servent à rien. '''une page web qui montre ces images et permet l'exploration'''
* facilité d'installation, portabilité. '''PHP est omniprésent et vient couplé avec n'importe quel serveur. Ne nécessite pas plus de configuration'''

==== Philosophie de partage ====

- Le software est libre et à disposition par des initiatives situées dans le réseau anarchiste.
- S'il est mis en ligne sur des repo accessibles à tout le monde, il devient facilement récupérable, utilisable pour des usages contraires aux idées anarchistes. Il faut un protectionnisme certain sans pour autant garder l'information pour soi.
- Partager les fichiers tels quels est envisageable, car pas de configuration spécifique au serveur. Quand un groupe offre les matériaux du projet à un autre, il donne aussi les images qu'il a mis dedans.

''ce repo git ne viendra pas bientôt, voire du tout''

MediaWiki:Ouroboros.css

2024-02-09T14:43:05Z

Dobody :

/*
_ ______ _____ _ _______ _ _ _________ _ _ ______ __ __ ______
| | | ____| / ____| |/ /_ _| \ | | / /__ __| | | | ____| \/ | ____|
| | | |__ | (___ | ' / | | | \| | / / | | | |__| | |__ | \ / | |__
| | | __| \___ \| < | | | . ` | / / | | | __ | __| | |\/| | __|
| |____| |____ ____) | . \ _| |_| |\ |/ / | | | | | | |____| | | | |____
|______|______|_|_____/|_|\_\_____|_|_\_/_/___ _ |_| |_| |_|______|_| |_|______|
/ __ \| ____| ____|_ _/ ____|_ _| ____| |
| | | | |__ | |__ | || | | | | |__ | |
| | | | __| | __| | || | | | | __| | |
| |__| | | | | _| || |____ _| |_| |____| |____
\____/|_|____|_| |_____\_____|_____|______|______|
| __ \| ____|
| | | | |__
| | | | __|
| |__| | |____
|_____/|______|_ _____ _____
| | | ____| __ \ / ____|
| | | |__ | |__) | | __
| | | __| | _ /| | |_ |
| |____ | |____| | \ \| |__| |
|______| |______|_| \_\\_____|

*/
@font-face {
font-family: Hyphont-e;
src: url("/mw/skins/ouroboros/assets/fonts/HYPHONT-E.OTF");
}

@font-face {
font-family: AntiqueNoble;
src: url("/mw/skins/ouroboros/assets/fonts/antiquenoblebold.woff");
}

@font-face {
font-family: Combined;
src: url("/mw/skins/ouroboros/assets/fonts/combined.otf");
}
@font-face {
font-family: Lucette;
src: url("/mw/skins/ouroboros/assets/fonts/LUCETTE/font/otf/Lucette-Regular.otf");
src: url("/mw/skins/ouroboros/assets/fonts/LUCETTE/font/ttf/Lucette-Regular.ttf");
src: url("/mw/skins/ouroboros/assets/fonts/LUCETTE/font/woff/Lucette-Regular.woff");
src: url("/mw/skins/ouroboros/assets/fonts/LUCETTE/font/woff2/Lucette-Regular.woff2");
}
@font-face {
font-family: Lucette;
src: url("/mw/skins/ouroboros/assets/fonts/LUCETTE/font/otf/Lucette-Regularitalic.otf");
src: url("/mw/skins/ouroboros/assets/fonts/LUCETTE/font/ttf/Lucette-Regularitalic.ttf");
src: url("/mw/skins/ouroboros/assets/fonts/LUCETTE/font/woff/Lucette-Regularitalic.woff");
src: url("/mw/skins/ouroboros/assets/fonts/LUCETTE/font/woff2/Lucette-Regularitalic.woff2");
font-style: italic;
}

@font-face {
font-family: Ductus;
src: url("/mw/skins/ouroboros/assets/fonts/ductus/webfonts/DuctusRegular.woff");
src: url("/mw/skins/ouroboros/assets/fonts/ductus/webfonts/DuctusRegular.woff2");
}
/*
@font-face {
font-family: Vega;
src: url("/mw/skins/ouroboros/assets/fonts/otf/Vega-Regular.otf");
src: url("/mw/skins/ouroboros/assets/fonts/Vega-Regular.ttf") format("truetype");
src: url("/mw/skins/ouroboros/assets/fonts/Vega-Regular-Webfont.svg" format("svg"));
src: url("/mw/skins/ouroboros/assets/fonts/Vega-Regular.woff" format("woff"));
src: url("/mw/skins/ouroboros/assets/fonts/Vega-Regular.woff2") format("woff2");
}
*/

/* Global variables. */
:root,
::backdrop {
/* Set sans-serif & mono fonts */
--sans-font: Hyphont-e, -apple-system, BlinkMacSystemFont, "Avenir Next", Avenir,
"Nimbus Sans L", Roboto, "Noto Sans", "Segoe UI", Arial, Helvetica,
"Helvetica Neue", sans-serif;
--mono-font: Consolas, Menlo, Monaco, "Andale Mono", "Ubuntu Mono", monospace;
--standard-border-radius: 5px;

--font-title: Ductus;
--font-body: Hyphont-e;
--font-size: 15pt;
--line-height: 1.3em;

/* Default (light) theme */
--bg: #fff;
--accent-bg: #f5f7ff;
--text: #212121;
--text-light: #585858;
--border: #898EA4;
--accent: #0d47a1;
--accent-hover: #1266e2;
--accent-text: var(--bg);
--code: #d81b60;
--preformatted: #444;
--marked: #ffdd33;
--disabled: #efefef;

--color-a: #a700ff; /* purple */
--color-b: #00ab6b; /* green */

}

/* Dark theme */
@media (prefers-color-scheme: dark) {
:root,
::backdrop {
color-scheme: dark;
--bg: #222;
--accent-bg: #2b2b2b;
--text: #dcdcdc;
--text-light: #ababab;
--accent: #ffb300;
--accent-hover: #ffe099;
--accent-text: var(--bg);
--code: #f06292;
--preformatted: #ccc;
--disabled: #111;

--color-a: #9557b5; /* washed-off purple */
--color-b: #3c856b; /* washed-off green */
--font-size: 15pt;
--line-height: 1.3em;
}
}

/* Reset box-sizing */
*, *::before, *::after {
box-sizing: border-box;
}

body {
font-family: var(--font-body);
font-size: var(--font-size);
line-height: var(--line-height);
padding-top: 3em;
background-color: var(--bg);
color: var(--text);
}
p {
font-size: var(--font-size);
line-height: var(--line-height);
margin-bottom: 0;
}
p + p {
margin-top: var(--line-height);
}

/* INTERFACE ------------------------------------------------------------------ */
/* remove category help button (does it remove other stuff? mmm...) */
#mw-indicator-mw-helplink {
display: none;
}

/* Menu bar, position fixed to be able to grab it to resize the map on mobile devices */
#navwrapper {
position: fixed;
top: 0;
right: 0;
z-index: 1000;
left: 0;
}

h4.namespace.label {
display: none;
}

.mw-editsection, .mw-editsection-like {
font-size: 10px;
}

#actions {
left: initial !important;
right: 14px;
top: -21px;
background-color: var(--accent-bg);
border: 1px solid var(--text-light);
color: var(--text-light);
}
a#actions-button {
margin-top: -1em;
background-color: var(--accent-bg);
padding: 5px;
color: var(--text-light);
}
.fa,
button, .button,
.top-bar-section ul li > a {
font-family: var(--font-body);
}
.fa::before {
font-family: FontAwesome;
}

.top-bar,
.top-bar-section,
#top-bar-left,
#top-bar-right,
#top-bar-right .columns {
display: flex;
background-color: #222;
align-items: center;
justify-content: space-evenly;
}
#top-bar-left {
width: initial;
}
.top-bar-section {
flex-grow: 1;
}
.has-form {
flex-grow: 1;
padding: 0.5em !important;
}
#top-bar-right {
justify-content: space-between;
flex-grow: 1;
}
.top-bar input {
padding-top: 8px;
flex-grow: 1;
height: 2em;
box-sizing: border-box;
border: 0;
outline: 0;
}
.button.search {
background-color: transparent;
border-style: solid;
border-width: 2px;
border-image: linear-gradient(to right, var(--color-a), var(--color-b));
border-image-slice: 1;
top: 2px !important;
position: relative;
margin-left: 0px !important;
box-sizing: border-box;
padding: 0;
width: 80px;
height: 2em;
margin: 0;
top: 0 !important;
}
.button.search:hover {
background-color: var(--color-a);
}
.suggestions-result-current {
background-color: var(--color-b) !important;
}

.top-bar .toggle-topbar a {
text-transform: lowercase;
font-size: 1em;
}

#toc, .toc {
float: right;
margin-left: 1em;
max-width: 45%;
background-color: var(--accent-bg);
border-radius: 5px;
}
.toctitle {
margin-bottom: -1em;
}
#toc h2 {
margin-top: 0.25em;
font-size: 1em;
display: inline-block;
margin-right: 0.5em;
}
#toc ul {
margin: 0;
}
.tocnumber:after {
content: " – ";
}

table.infobox {
width: initial;
max-width: 45%;
}
table.infobox th.head {
background-color: var(--color-b);
}
th, td {
padding: 0.5em !important;
}

li {
line-height: initial;
}

.mw-category-generated {
margin-top: 2em;
}

/* if no content but only listing subcategories */
.mw-parser-output:empty + .mw-category-generated h2 {
display: none;
}

/* If only one subcategory, don't list the initial */
.mw-category-generated #mw-pages div:only-of-type h3,
#mw-subcategories div:only-of-type h3 {
/*display: none;*/
}

/* removes counting of categories */
.mw-category-generated #mw-pages p:first-of-type,
#mw-subcategories p:first-of-type {
display: none;
}

.group {
margin-top: 5em;
}
#catlinks .label {
border-width: 2px;
border-style: solid;
background-color: transparent;
padding: 2px 6px !important;
}

/* HEADER ------------------------------------------------------------------ */
.title-name {
font-family: var(--font-title);
font-weight: bold;
}
.title-name:hover {
color: var(--color-a);
}

.top-bar-section .has-form {
background-color: #222 !important;
}
.top-bar-section .has-dropdown > a::after {
display: none;
}
.top-bar-section .has-dropdown > a {
padding-right: initial !important;
}
.top-bar-section .dropdown li {
width: initial;
/*height: 2em;*/
position: relative;
padding: 0;
border-bottom: 1px solid lightgray;
}
.top-bar-section ul li {
padding: 0 0.5em;
background-color: #222;
}
.top-bar-section ul li:hover {
z-index: 1000;
}
.top-bar-section ul li > a {
font-size: 16px;
padding: 0;
font-weight: bold;
}

li#p-menu > a {
text-transform: uppercase;
padding: 0;
}
li#p-menu > a + ul li {
outline: 1px solid #00a393;
}

.top-bar-section .dropdown li:not(.has-form):not(.active):hover > a:not(.button) {
background: linear-gradient(90deg,var(--color-a), var(--color-b));
}
li#p-menu + li.has-dropdown {
width: 3em;
text-align: center;
}
li#p-menu + li.has-dropdown > a {
border-radius: 100%;
padding: 0;
text-align: center;
line-height: 30px;
margin: auto;
display: inline-block;
width: 30px;
box-sizing: border-box;
height: 30px;
}
.not-logged-in #top-bar-right li:nth-child(3) {
display: none;
}

#toolbox-dropdown li, #personal-tools-dropdown .dropdown li {
float: right;
}

.back h5 {
font-size: 2em !important;
}
a.parent-link {
color: var(--color-b) !important;
font-weight: bold !important;
}

/* Couleurs pour le navbar */

.top-bar, .top-bar.expanded {
background: linear-gradient(90deg, var(--color-a) 0%, var(--color-b) 100%);
}
.top-bar *:not(.dropdown li a, input, .dropdown), .top-bar.expanded *:not(.dropdown li a, input, .dropdown) {
background: transparent !important;
color: white !important;
}
.top-bar.expanded .dropdown {
background-color: #212121;
}
.top-bar .dropdown li {
background-color: var(--bg);
}
.top-bar.expanded .toggle-topbar a span::after
{
box-shadow: 0 0 0 1px #FFFFFF66,0 7px 0 1px #FFFFFF66,0 14px 0 1px #FFFFFF66;
}
.top-bar .dropdown li:hover {
background: linear-gradient(90deg, var(--color-a) 0%, var(--color-b) 100%);
}
.top-bar {
border-bottom: 1px solid var(--color-a);
}
.top-bar-section .has-form {
background-color: transparent !important;
}
.top-bar input {
border: 1px solid var(--text);
background: white !important;
color: black !important;
}

.top-bar .button.search {
border: 1px solid white;
}

/* FIN */

/* CONTENT ------------------------------------------------------------------ */
#page-content {
margin: 1em;
color: var(--text);
}
#english {
position: relative;
top: -1.5em;
}

h1, h2, h3, h4, h5, h6 {
margin-top: 1em;
color: var(--color-b);
line-height: 1.5em;
font-family: var(--font-body);
}
h1, h1#firstHeading, h2 {
font-family: var(--font-title);
font-size: 1.5em;
}
h2 {
font-family: var(--font-title);
}

h1 {
color: var(--color-a);
}
h2 span {
display: initial;
}
h3 {
font-family: var(--font-title);
font-size: 1em;
}
body.action-view #page-content a {
border-image: linear-gradient(to right, var(--color-a), var(--color-b));
border-bottom-width: 2px;
border-image-slice: 1;
color: var(--text);
border-bottom-style: solid;
padding: 3px 5px 1px;

}
#page-content a:hover,
#catlinks .label:hover {
background: linear-gradient(to right,var(--color-a),var(--color-b));
color: white !important;
}
/* Removes user name */
h3#tagline {
display: none;
}
#bodyContent {
margin-top: 3em;
}

#page-content ul, #page-content ol {
font-size: 1em;
margin-top: calc( var(--line-height) / 2) !important;
margin-bottom: calc( var(--line-height) / 1) !important;
}
div {
line-height: 1.4em ;
}
label {
color: var(--text-light);
}
label[for="wpCaptchaWord"]{
background-color: orangered;
}
code, pre {
color: darkgrey;
background-color: #181818;
border: 1px solid darkgrey;
border-radius:3px;
font-size: 0.8em;
}

pre {
padding: 0 2ch;
}

/* ACTUALITÉS ------------------------------------------------------------------ */
.medialisting {
display: flex;
flex-wrap: wrap;
}
.medialisting a {
border: 0 !important;
}
.Media {
display: flex;
align-items: flex-start;
margin-bottom: 1em;
flex-direction: column;
flex-basis: 32%;
box-sizing: border-box;
justify-content: center;
padding: 0.5em;
background: radial-gradient(var(--color-a) -31%, transparent 60%);
}
.Media:nth-child(2n) {
background: radial-gradient(var(--color-b) -31%, transparent 60%);
}
.Media-body {
flex: initial;
}

.flexgal {
display: flex;
flex-wrap: wrap;
}

/* THUMBNAILS ------------------------------------------------------------------ */
.thumbinner {
background-color: var(--accent-bg);
}
.thumb.tleft {
margin-right: 2em;
}
.Media-figure a,
.image.fancybox {
display: inline-block;
}
.magnify a {
text-indent: 0;
width: 25px;
height: 25px;
border-style: solid;
border-width: 2px;
line-height: 15px;
}
.magnify a:before {
content: "+";
font-family: FontAwesome;
font-size: 20px;
}

/* PAGE PRINCIPALE D'ACCUEIL*/
.page-École_de_recherche_graphique #page-content #content ul {
margin-left: 0;
}

.page-École_de_recherche_graphique #page-content #content li {
margin: 20px 0;
border-width: 2px;
border-style: solid;
border-image: linear-gradient(to right, var(--color-a), var(--color-b));
border-image-slice: 1;
padding: 6px;
width: fit-content;
}
.page-École_de_recherche_graphique #page-content #content li a {
border-width: 0;
}

.page-École_de_recherche_graphique #page-content #content li:hover {
background-image: linear-gradient(to right, var(--color-a), var(--color-b));

}

.page-École_de_recherche_graphique #page-content #content li::before {
content: "" !important;
}

.page-École_de_recherche_graphique #page-content # content li a {
border-width: 0px;
border-style: solid;
}
.page-École_de_recherche_graphique #page-content #content li a:hover {
border-width: 0px;
border-style: solid;
background: rgba(0,0,0,0);
}

/* FIN PAGE PRINCIPALE*/

/* MEDIA QUERIES ------------------------------------------------------------------ */
@media (max-width: 800px) {
div.tleft, div.floatleft, table.floatleft {
width: 100%;
margin-bottom: 3em;
}
#toc {
max-width: initial;
width: 100%;
margin-left: 0;

}
}
@media only screen and (max-width: 600px) {
.top-bar,
.top-bar-section,
#top-bar-right,
#top-bar-right .columns {
display: inherit;
}
.top-bar.expanded {
flex-wrap: wrap;
}
.top-bar.expanded .title-area {
display: flex;
flex-grow: 1;
justify-content: space-between;
}
.top-bar.expanded .top-bar,
.top-bar.expanded .top-bar-section,
.top-bar.expanded #top-bar-right,
.top-bar.expanded #top-bar-right .columns {
display: flex;
align-items: center;
flex-wrap: wrap;
}
.divider.show-for-small {
display: none !important;
}

#top-bar-left, #top-bar-right {
padding: 10px 0 0 0;
}
#top-bar-left .dropdown li, #top-bar-right .dropdown li {
padding: 0;
}
}

/* Formulaire d'edition ------------------------------------------------------------------ */
#editform
{
margin-top: -0vh;
line-height: 1.2rem;
}
/* Lien vers page anglaise ------------------------------------------------------------------ */
#english{
font-size: 0.8em;
}

MediaWiki:Ouroboros.css

2024-02-09T14:42:03Z

Dobody :

/*
_ ______ _____ _ _______ _ _ _________ _ _ ______ __ __ ______
| | | ____| / ____| |/ /_ _| \ | | / /__ __| | | | ____| \/ | ____|
| | | |__ | (___ | ' / | | | \| | / / | | | |__| | |__ | \ / | |__
| | | __| \___ \| < | | | . ` | / / | | | __ | __| | |\/| | __|
| |____| |____ ____) | . \ _| |_| |\ |/ / | | | | | | |____| | | | |____
|______|______|_|_____/|_|\_\_____|_|_\_/_/___ _ |_| |_| |_|______|_| |_|______|
/ __ \| ____| ____|_ _/ ____|_ _| ____| |
| | | | |__ | |__ | || | | | | |__ | |
| | | | __| | __| | || | | | | __| | |
| |__| | | | | _| || |____ _| |_| |____| |____
\____/|_|____|_| |_____\_____|_____|______|______|
| __ \| ____|
| | | | |__
| | | | __|
| |__| | |____
|_____/|______|_ _____ _____
| | | ____| __ \ / ____|
| | | |__ | |__) | | __
| | | __| | _ /| | |_ |
| |____ | |____| | \ \| |__| |
|______| |______|_| \_\\_____|

*/
@font-face {
font-family: Hyphont-e;
src: url("/mw/skins/ouroboros/assets/fonts/HYPHONT-E.OTF");
}

@font-face {
font-family: AntiqueNoble;
src: url("/mw/skins/ouroboros/assets/fonts/antiquenoblebold.woff");
}

@font-face {
font-family: Combined;
src: url("/mw/skins/ouroboros/assets/fonts/combined.otf");
}
@font-face {
font-family: Lucette;
src: url("/mw/skins/ouroboros/assets/fonts/LUCETTE/font/otf/Lucette-Regular.otf");
src: url("/mw/skins/ouroboros/assets/fonts/LUCETTE/font/ttf/Lucette-Regular.ttf");
src: url("/mw/skins/ouroboros/assets/fonts/LUCETTE/font/woff/Lucette-Regular.woff");
src: url("/mw/skins/ouroboros/assets/fonts/LUCETTE/font/woff2/Lucette-Regular.woff2");
}
@font-face {
font-family: Lucette;
src: url("/mw/skins/ouroboros/assets/fonts/LUCETTE/font/otf/Lucette-Regularitalic.otf");
src: url("/mw/skins/ouroboros/assets/fonts/LUCETTE/font/ttf/Lucette-Regularitalic.ttf");
src: url("/mw/skins/ouroboros/assets/fonts/LUCETTE/font/woff/Lucette-Regularitalic.woff");
src: url("/mw/skins/ouroboros/assets/fonts/LUCETTE/font/woff2/Lucette-Regularitalic.woff2");
font-style: italic;
}

@font-face {
font-family: Ductus;
src: url("/mw/skins/ouroboros/assets/fonts/ductus/webfonts/DuctusRegular.woff");
src: url("/mw/skins/ouroboros/assets/fonts/ductus/webfonts/DuctusRegular.woff2");
}
/*
@font-face {
font-family: Vega;
src: url("/mw/skins/ouroboros/assets/fonts/otf/Vega-Regular.otf");
src: url("/mw/skins/ouroboros/assets/fonts/Vega-Regular.ttf") format("truetype");
src: url("/mw/skins/ouroboros/assets/fonts/Vega-Regular-Webfont.svg" format("svg"));
src: url("/mw/skins/ouroboros/assets/fonts/Vega-Regular.woff" format("woff"));
src: url("/mw/skins/ouroboros/assets/fonts/Vega-Regular.woff2") format("woff2");
}
*/

/* Global variables. */
:root,
::backdrop {
/* Set sans-serif & mono fonts */
--sans-font: Hyphont-e, -apple-system, BlinkMacSystemFont, "Avenir Next", Avenir,
"Nimbus Sans L", Roboto, "Noto Sans", "Segoe UI", Arial, Helvetica,
"Helvetica Neue", sans-serif;
--mono-font: Consolas, Menlo, Monaco, "Andale Mono", "Ubuntu Mono", monospace;
--standard-border-radius: 5px;

--font-title: Ductus;
--font-body: Hyphont-e;
--font-size: 15pt;
--line-height: 1.3em;

/* Default (light) theme */
--bg: #fff;
--accent-bg: #f5f7ff;
--text: #212121;
--text-light: #585858;
--border: #898EA4;
--accent: #0d47a1;
--accent-hover: #1266e2;
--accent-text: var(--bg);
--code: #d81b60;
--preformatted: #444;
--marked: #ffdd33;
--disabled: #efefef;

--color-a: #a700ff; /* purple */
--color-b: #00ab6b; /* green */

}

/* Dark theme */
@media (prefers-color-scheme: dark) {
:root,
::backdrop {
color-scheme: dark;
--bg: #222;
--accent-bg: #2b2b2b;
--text: #dcdcdc;
--text-light: #ababab;
--accent: #ffb300;
--accent-hover: #ffe099;
--accent-text: var(--bg);
--code: #f06292;
--preformatted: #ccc;
--disabled: #111;

--color-a: #9557b5; /* washed-off purple */
--color-b: #3c856b; /* washed-off green */
--font-size: 15pt;
--line-height: 1.3em;
}
}

/* Reset box-sizing */
*, *::before, *::after {
box-sizing: border-box;
}

body {
font-family: var(--font-body);
font-size: var(--font-size);
line-height: var(--line-height);
padding-top: 3em;
background-color: var(--bg);
color: var(--text);
}
p {
font-size: var(--font-size);
line-height: var(--line-height);
margin-bottom: 0;
}
p + p {
margin-top: var(--line-height);
}

/* INTERFACE ------------------------------------------------------------------ */
/* remove category help button (does it remove other stuff? mmm...) */
#mw-indicator-mw-helplink {
display: none;
}

/* Menu bar, position fixed to be able to grab it to resize the map on mobile devices */
#navwrapper {
position: fixed;
top: 0;
right: 0;
z-index: 1000;
left: 0;
}

h4.namespace.label {
display: none;
}

.mw-editsection, .mw-editsection-like {
font-size: 10px;
}

#actions {
left: initial !important;
right: 14px;
top: -21px;
background-color: var(--accent-bg);
border: 1px solid var(--text-light);
color: var(--text-light);
}
a#actions-button {
margin-top: -1em;
background-color: var(--accent-bg);
padding: 5px;
color: var(--text-light);
}
.fa,
button, .button,
.top-bar-section ul li > a {
font-family: var(--font-body);
}
.fa::before {
font-family: FontAwesome;
}

.top-bar,
.top-bar-section,
#top-bar-left,
#top-bar-right,
#top-bar-right .columns {
display: flex;
background-color: #222;
align-items: center;
justify-content: space-evenly;
}
#top-bar-left {
width: initial;
}
.top-bar-section {
flex-grow: 1;
}
.has-form {
flex-grow: 1;
padding: 0.5em !important;
}
#top-bar-right {
justify-content: space-between;
flex-grow: 1;
}
.top-bar input {
padding-top: 8px;
flex-grow: 1;
height: 2em;
box-sizing: border-box;
border: 0;
outline: 0;
}
.button.search {
background-color: transparent;
border-style: solid;
border-width: 2px;
border-image: linear-gradient(to right, var(--color-a), var(--color-b));
border-image-slice: 1;
top: 2px !important;
position: relative;
margin-left: 0px !important;
box-sizing: border-box;
padding: 0;
width: 80px;
height: 2em;
margin: 0;
top: 0 !important;
}
.button.search:hover {
background-color: var(--color-a);
}
.suggestions-result-current {
background-color: var(--color-b) !important;
}

.top-bar .toggle-topbar a {
text-transform: lowercase;
font-size: 1em;
}

#toc, .toc {
float: right;
margin-left: 1em;
max-width: 45%;
background-color: var(--accent-bg);
border-radius: 5px;
}
.toctitle {
margin-bottom: -1em;
}
#toc h2 {
margin-top: 0.25em;
font-size: 1em;
display: inline-block;
margin-right: 0.5em;
}
#toc ul {
margin: 0;
}
.tocnumber:after {
content: " – ";
}

table.infobox {
width: initial;
max-width: 45%;
}
table.infobox th.head {
background-color: var(--color-b);
}
th, td {
padding: 0.5em !important;
}

li {
line-height: initial;
}

.mw-category-generated {
margin-top: 2em;
}

/* if no content but only listing subcategories */
.mw-parser-output:empty + .mw-category-generated h2 {
display: none;
}

/* If only one subcategory, don't list the initial */
.mw-category-generated #mw-pages div:only-of-type h3,
#mw-subcategories div:only-of-type h3 {
/*display: none;*/
}

/* removes counting of categories */
.mw-category-generated #mw-pages p:first-of-type,
#mw-subcategories p:first-of-type {
display: none;
}

.group {
margin-top: 5em;
}
#catlinks .label {
border-width: 2px;
border-style: solid;
background-color: transparent;
padding: 2px 6px !important;
}

/* HEADER ------------------------------------------------------------------ */
.title-name {
font-family: var(--font-title);
font-weight: bold;
}
.title-name:hover {
color: var(--color-a);
}

.top-bar-section .has-form {
background-color: #222 !important;
}
.top-bar-section .has-dropdown > a::after {
display: none;
}
.top-bar-section .has-dropdown > a {
padding-right: initial !important;
}
.top-bar-section .dropdown li {
width: initial;
/*height: 2em;*/
position: relative;
padding: 0;
border-bottom: 1px solid lightgray;
}
.top-bar-section ul li {
padding: 0 0.5em;
background-color: #222;
}
.top-bar-section ul li:hover {
z-index: 1000;
}
.top-bar-section ul li > a {
font-size: 16px;
padding: 0;
font-weight: bold;
}

li#p-menu > a {
text-transform: uppercase;
padding: 0;
}
li#p-menu > a + ul li {
outline: 1px solid #00a393;
}

.top-bar-section .dropdown li:not(.has-form):not(.active):hover > a:not(.button) {
background: linear-gradient(90deg,var(--color-a), var(--color-b));
}
li#p-menu + li.has-dropdown {
width: 3em;
text-align: center;
}
li#p-menu + li.has-dropdown > a {
border-radius: 100%;
padding: 0;
text-align: center;
line-height: 30px;
margin: auto;
display: inline-block;
width: 30px;
box-sizing: border-box;
height: 30px;
}
.not-logged-in #top-bar-right li:nth-child(3) {
display: none;
}

#toolbox-dropdown li, #personal-tools-dropdown .dropdown li {
float: right;
}

.back h5 {
font-size: 2em !important;
}
a.parent-link {
color: var(--color-b) !important;
font-weight: bold !important;
}

/* Couleurs pour le navbar */

.top-bar, .top-bar.expanded {
background: linear-gradient(90deg, var(--color-a) 0%, var(--color-b) 100%);
}
.top-bar *:not(.dropdown li a, input, .dropdown), .top-bar.expanded *:not(.dropdown li a, input, .dropdown) {
background: transparent !important;
color: white !important;
}
.top-bar.expanded .dropdown {
background-color: #212121;
}
.top-bar .dropdown li {
background-color: var(--bg);
}
.top-bar.expanded .toggle-topbar a span::after
{
box-shadow: 0 0 0 1px #FFFFFF66,0 7px 0 1px #FFFFFF66,0 14px 0 1px #FFFFFF66;
}
.top-bar .dropdown li:hover {
background: linear-gradient(90deg, var(--color-a) 0%, var(--color-b) 100%);
}
.top-bar {
border-bottom: 1px solid var(--color-a);
}
.top-bar-section .has-form {
background-color: transparent !important;
}
.top-bar input {
border: 1px solid var(--text);
background: white !important;
color: black !important;
}

.top-bar .button.search {
border: 1px solid white;
}

/* FIN */

/* CONTENT ------------------------------------------------------------------ */
#page-content {
margin: 1em;
color: var(--text);
}
#english {
position: relative;
top: -1.5em;
}

h1, h2, h3, h4, h5, h6 {
margin-top: 1em;
color: var(--color-b);
line-height: 1.5em;
font-family: var(--font-body);
}
h1, h1#firstHeading, h2 {
font-family: var(--font-title);
font-size: 1.5em;
}
h2 {
font-family: var(--font-title);
}

h1 {
color: var(--color-a);
}
h2 span {
display: initial;
}
h3 {
font-family: var(--font-title);
font-size: 1em;
}
body.action-view #page-content a {
border-image: linear-gradient(to right, var(--color-a), var(--color-b));
border-bottom-width: 2px;
border-image-slice: 1;
color: var(--text);
border-bottom-style: solid;
padding: 3px 5px 1px;

}
#page-content a:hover,
#catlinks .label:hover {
background: linear-gradient(to right,var(--color-a),var(--color-b));
color: white !important;
}
/* Removes user name */
h3#tagline {
display: none;
}
#bodyContent {
margin-top: 3em;
}

#page-content ul, #page-content ol {
font-size: 1em;
margin-top: calc( var(--line-height) / 2) !important;
margin-bottom: calc( var(--line-height) / 1) !important;
}
div {
line-height: 1.4em ;
}
label {
color: var(--text-light);
}
label[for="wpCaptchaWord"]{
background-color: orangered;
}
code, pre {
color: darkgrey;
background-color: #181818;
border: 1px solid darkgrey;
border-radius:3px;
font-size: 0.8em;
}

pre {
padding: 0 2ch;
}

/* ACTUALITÉS ------------------------------------------------------------------ */
.medialisting {
display: flex;
flex-wrap: wrap;
}
.medialisting a {
border: 0 !important;
}
.Media {
display: flex;
align-items: flex-start;
margin-bottom: 1em;
flex-direction: column;
flex-basis: 32%;
box-sizing: border-box;
justify-content: center;
padding: 0.5em;
background: radial-gradient(var(--color-a) -31%, transparent 60%);
}
.Media:nth-child(2n) {
background: radial-gradient(var(--color-b) -31%, transparent 60%);
}
.Media-body {
flex: initial;
}

.flexgal {
display: flex;
flex-wrap: wrap;
}

/* THUMBNAILS ------------------------------------------------------------------ */
.thumbinner {
background-color: var(--accent-bg);
}
.thumb.tleft {
margin-right: 2em;
}
.Media-figure a,
.image.fancybox {
display: inline-block;
}
.magnify a {
text-indent: 0;
width: 25px;
height: 25px;
border-style: solid;
border-width: 2px;
line-height: 15px;
}
.magnify a:before {
content: "+";
font-family: FontAwesome;
font-size: 20px;
}

/* PAGE PRINCIPALE D'ACCUEIL*/
.page-École_de_recherche_graphique #page-content #content ul {
margin-left: 0;
}

.page-École_de_recherche_graphique #page-content #content li {
margin: 20px 0;
border-width: 2px;
border-style: solid;
border-image: linear-gradient(to right, var(--color-a), var(--color-b));
border-image-slice: 1;
padding: 6px;
width: fit-content;
}
.page-École_de_recherche_graphique #page-content #content li a {
border-width: 0;
}

.page-École_de_recherche_graphique #page-content #content li:hover {
background-image: linear-gradient(to right, var(--color-a), var(--color-b));

}

.page-École_de_recherche_graphique #page-content #content li::before {
content: "" !important;
}

.page-École_de_recherche_graphique #page-content # content li a {
border-width: 0px;
border-style: solid;
}
.page-École_de_recherche_graphique #page-content #content li a:hover {
border-width: 0px;
border-style: solid;
background: rgba(0,0,0,0);
}

/* FIN PAGE PRINCIPALE*/

/* MEDIA QUERIES ------------------------------------------------------------------ */
@media (max-width: 800px) {
div.tleft, div.floatleft, table.floatleft {
width: 100%;
margin-bottom: 3em;
}
#toc {
max-width: initial;
width: 100%;
margin-left: 0;

}
}
@media only screen and (max-width: 600px) {
.top-bar,
.top-bar-section,
#top-bar-right,
#top-bar-right .columns {
display: inherit;
}
.top-bar.expanded {
flex-wrap: wrap;
}
.top-bar.expanded .title-area {
display: flex;
flex-grow: 1;
justify-content: space-between;
}
.top-bar.expanded .top-bar,
.top-bar.expanded .top-bar-section,
.top-bar.expanded #top-bar-right,
.top-bar.expanded #top-bar-right .columns {
display: flex;
align-items: center;
flex-wrap: wrap;
}
.divider.show-for-small {
display: none !important;
}

#top-bar-left, #top-bar-right {
padding: 10px 0 0 0;
}
#top-bar-left .dropdown li, #top-bar-right .dropdown li {
padding: 0;
}
}

/* Formulaire d'edition ------------------------------------------------------------------ */
#editform
{
margin-top: -0vh;
}
/* Lien vers page anglaise ------------------------------------------------------------------ */
#english{
font-size: 0.8em;
}

MediaWiki:Ouroboros.css

2024-02-09T14:05:33Z

Dobody :

/*
_ ______ _____ _ _______ _ _ _________ _ _ ______ __ __ ______
| | | ____| / ____| |/ /_ _| \ | | / /__ __| | | | ____| \/ | ____|
| | | |__ | (___ | ' / | | | \| | / / | | | |__| | |__ | \ / | |__
| | | __| \___ \| < | | | . ` | / / | | | __ | __| | |\/| | __|
| |____| |____ ____) | . \ _| |_| |\ |/ / | | | | | | |____| | | | |____
|______|______|_|_____/|_|\_\_____|_|_\_/_/___ _ |_| |_| |_|______|_| |_|______|
/ __ \| ____| ____|_ _/ ____|_ _| ____| |
| | | | |__ | |__ | || | | | | |__ | |
| | | | __| | __| | || | | | | __| | |
| |__| | | | | _| || |____ _| |_| |____| |____
\____/|_|____|_| |_____\_____|_____|______|______|
| __ \| ____|
| | | | |__
| | | | __|
| |__| | |____
|_____/|______|_ _____ _____
| | | ____| __ \ / ____|
| | | |__ | |__) | | __
| | | __| | _ /| | |_ |
| |____ | |____| | \ \| |__| |
|______| |______|_| \_\\_____|

*/

@font-face {
font-family: AntiqueNoble;
src: url("/mw/skins/ouroboros/assets/fonts/antiquenoblebold.woff");
}

@font-face {
font-family: Combined;
src: url("/mw/skins/ouroboros/assets/fonts/combined.otf");
}
@font-face {
font-family: Lucette;
src: url("/mw/skins/ouroboros/assets/fonts/LUCETTE/font/otf/Lucette-Regular.otf");
src: url("/mw/skins/ouroboros/assets/fonts/LUCETTE/font/ttf/Lucette-Regular.ttf");
src: url("/mw/skins/ouroboros/assets/fonts/LUCETTE/font/woff/Lucette-Regular.woff");
src: url("/mw/skins/ouroboros/assets/fonts/LUCETTE/font/woff2/Lucette-Regular.woff2");
}
@font-face {
font-family: Lucette;
src: url("/mw/skins/ouroboros/assets/fonts/LUCETTE/font/otf/Lucette-Regularitalic.otf");
src: url("/mw/skins/ouroboros/assets/fonts/LUCETTE/font/ttf/Lucette-Regularitalic.ttf");
src: url("/mw/skins/ouroboros/assets/fonts/LUCETTE/font/woff/Lucette-Regularitalic.woff");
src: url("/mw/skins/ouroboros/assets/fonts/LUCETTE/font/woff2/Lucette-Regularitalic.woff2");
font-style: italic;
}

@font-face {
font-family: Ductus;
src: url("/mw/skins/ouroboros/assets/fonts/ductus/webfonts/DuctusRegular.woff");
src: url("/mw/skins/ouroboros/assets/fonts/ductus/webfonts/DuctusRegular.woff2");
}
/*
@font-face {
font-family: Vega;
src: url("/mw/skins/ouroboros/assets/fonts/otf/Vega-Regular.otf");
src: url("/mw/skins/ouroboros/assets/fonts/Vega-Regular.ttf") format("truetype");
src: url("/mw/skins/ouroboros/assets/fonts/Vega-Regular-Webfont.svg" format("svg"));
src: url("/mw/skins/ouroboros/assets/fonts/Vega-Regular.woff" format("woff"));
src: url("/mw/skins/ouroboros/assets/fonts/Vega-Regular.woff2") format("woff2");
}
*/

/* Global variables. */
:root,
::backdrop {
/* Set sans-serif & mono fonts */
--sans-font: -apple-system, BlinkMacSystemFont, "Avenir Next", Avenir,
"Nimbus Sans L", Roboto, "Noto Sans", "Segoe UI", Arial, Helvetica,
"Helvetica Neue", sans-serif;
--mono-font: Consolas, Menlo, Monaco, "Andale Mono", "Ubuntu Mono", monospace;
--standard-border-radius: 5px;

/* Default (light) theme */
--bg: #fff;
--accent-bg: #f5f7ff;
--text: #212121;
--text-light: #585858;
--border: #898EA4;
--accent: #0d47a1;
--accent-hover: #1266e2;
--accent-text: var(--bg);
--code: #d81b60;
--preformatted: #444;
--marked: #ffdd33;
--disabled: #efefef;

--font-title: Ductus;
--font-body: Lucette;
--color-a: #a700ff; /* purple */
--color-b: #00ab6b; /* green */
--font-size: 15pt;
--line-height: 1.3em;
}

/* Dark theme */
@media (prefers-color-scheme: dark) {
:root,
::backdrop {
color-scheme: dark;
--bg: #222;
--accent-bg: #2b2b2b;
--text: #dcdcdc;
--text-light: #ababab;
--accent: #ffb300;
--accent-hover: #ffe099;
--accent-text: var(--bg);
--code: #f06292;
--preformatted: #ccc;
--disabled: #111;

--font-title: Ductus;
--font-body: Lucette;
--color-a: #9557b5; /* washed-off purple */
--color-b: #3c856b; /* washed-off green */
--font-size: 15pt;
--line-height: 1.3em;
}
}

/* Reset box-sizing */
*, *::before, *::after {
box-sizing: border-box;
}

body {
font-family: var(--font-body);
font-size: var(--font-size);
line-height: var(--line-height);
padding-top: 3em;
background-color: var(--bg);
color: var(--text);
}
p {
font-size: var(--font-size);
line-height: var(--line-height);
margin-bottom: 0;
}
p + p {
margin-top: var(--line-height);
}

/* INTERFACE ------------------------------------------------------------------ */
/* remove category help button (does it remove other stuff? mmm...) */
#mw-indicator-mw-helplink {
display: none;
}

/* Menu bar, position fixed to be able to grab it to resize the map on mobile devices */
#navwrapper {
position: fixed;
top: 0;
right: 0;
z-index: 1000;
left: 0;
}

h4.namespace.label {
display: none;
}

.mw-editsection, .mw-editsection-like {
font-size: 10px;
}

#actions {
left: initial !important;
right: 14px;
top: -21px;
background-color: var(--accent-bg);
border: 1px solid var(--text-light);
color: var(--text-light);
}
a#actions-button {
margin-top: -1em;
background-color: var(--accent-bg);
padding: 5px;
color: var(--text-light);
}
.fa,
button, .button,
.top-bar-section ul li > a {
font-family: var(--font-body);
}
.fa::before {
font-family: FontAwesome;
}

.top-bar,
.top-bar-section,
#top-bar-left,
#top-bar-right,
#top-bar-right .columns {
display: flex;
background-color: #222;
align-items: center;
justify-content: space-evenly;
}
#top-bar-left {
width: initial;
}
.top-bar-section {
flex-grow: 1;
}
.has-form {
flex-grow: 1;
padding: 0.5em !important;
}
#top-bar-right {
justify-content: space-between;
flex-grow: 1;
}
.top-bar input {
padding-top: 8px;
flex-grow: 1;
height: 2em;
box-sizing: border-box;
border: 0;
outline: 0;
}
.button.search {
background-color: transparent;
border-style: solid;
border-width: 2px;
border-image: linear-gradient(to right, var(--color-a), var(--color-b));
border-image-slice: 1;
top: 2px !important;
position: relative;
margin-left: 0px !important;
box-sizing: border-box;
padding: 0;
width: 80px;
height: 2em;
margin: 0;
top: 0 !important;
}
.button.search:hover {
background-color: var(--color-a);
}
.suggestions-result-current {
background-color: var(--color-b) !important;
}

.top-bar .toggle-topbar a {
text-transform: lowercase;
font-size: 1em;
}

#toc, .toc {
float: right;
margin-left: 1em;
max-width: 45%;
background-color: var(--accent-bg);
border-radius: 5px;
}
.toctitle {
margin-bottom: -1em;
}
#toc h2 {
margin-top: 0.25em;
font-size: 1em;
display: inline-block;
margin-right: 0.5em;
}
#toc ul {
margin: 0;
}
.tocnumber:after {
content: " – ";
}

table.infobox {
width: initial;
max-width: 45%;
}
table.infobox th.head {
background-color: var(--color-b);
}
th, td {
padding: 0.5em !important;
}

li {
line-height: initial;
}

.mw-category-generated {
margin-top: 2em;
}

/* if no content but only listing subcategories */
.mw-parser-output:empty + .mw-category-generated h2 {
display: none;
}

/* If only one subcategory, don't list the initial */
.mw-category-generated #mw-pages div:only-of-type h3,
#mw-subcategories div:only-of-type h3 {
/*display: none;*/
}

/* removes counting of categories */
.mw-category-generated #mw-pages p:first-of-type,
#mw-subcategories p:first-of-type {
display: none;
}

.group {
margin-top: 5em;
}
#catlinks .label {
border-width: 2px;
border-style: solid;
background-color: transparent;
padding: 2px 6px !important;
}

/* HEADER ------------------------------------------------------------------ */
.title-name {
font-family: var(--font-title);
font-weight: bold;
}
.title-name:hover {
color: var(--color-a);
}

.top-bar-section .has-form {
background-color: #222 !important;
}
.top-bar-section .has-dropdown > a::after {
display: none;
}
.top-bar-section .has-dropdown > a {
padding-right: initial !important;
}
.top-bar-section .dropdown li {
width: initial;
/*height: 2em;*/
position: relative;
padding: 0;
border-bottom: 1px solid lightgray;
}
.top-bar-section ul li {
padding: 0 0.5em;
background-color: #222;
}
.top-bar-section ul li:hover {
z-index: 1000;
}
.top-bar-section ul li > a {
font-size: 16px;
padding: 0;
font-weight: bold;
}

li#p-menu > a {
text-transform: uppercase;
padding: 0;
}
li#p-menu > a + ul li {
outline: 1px solid #00a393;
}

.top-bar-section .dropdown li:not(.has-form):not(.active):hover > a:not(.button) {
background: linear-gradient(90deg,var(--color-a), var(--color-b));
}
li#p-menu + li.has-dropdown {
width: 3em;
text-align: center;
}
li#p-menu + li.has-dropdown > a {
border-radius: 100%;
padding: 0;
text-align: center;
line-height: 30px;
margin: auto;
display: inline-block;
width: 30px;
box-sizing: border-box;
height: 30px;
}
.not-logged-in #top-bar-right li:nth-child(3) {
display: none;
}

#toolbox-dropdown li, #personal-tools-dropdown .dropdown li {
float: right;
}

.back h5 {
font-size: 2em !important;
}
a.parent-link {
color: var(--color-b) !important;
font-weight: bold !important;
}

/* Couleurs pour le navbar */

.top-bar, .top-bar.expanded {
background: linear-gradient(90deg, var(--color-a) 0%, var(--color-b) 100%);
}
.top-bar *:not(.dropdown li a, input, .dropdown), .top-bar.expanded *:not(.dropdown li a, input, .dropdown) {
background: transparent !important;
color: white !important;
}
.top-bar.expanded .dropdown {
background-color: #212121;
}
.top-bar .dropdown li {
background-color: var(--bg);
}
.top-bar.expanded .toggle-topbar a span::after
{
box-shadow: 0 0 0 1px #FFFFFF66,0 7px 0 1px #FFFFFF66,0 14px 0 1px #FFFFFF66;
}
.top-bar .dropdown li:hover {
background: linear-gradient(90deg, var(--color-a) 0%, var(--color-b) 100%);
}
.top-bar {
border-bottom: 1px solid var(--color-a);
}
.top-bar-section .has-form {
background-color: transparent !important;
}
.top-bar input {
border: 1px solid var(--text);
background: white !important;
color: black !important;
}

.top-bar .button.search {
border: 1px solid white;
}

/* FIN */

/* CONTENT ------------------------------------------------------------------ */
#page-content {
margin: 1em;
color: var(--text);
}
#english {
position: relative;
top: -1.5em;
}

h1, h2, h3, h4, h5, h6 {
margin-top: 1em;
color: var(--color-b);
line-height: 1.5em;
font-family: var(--font-body);
}
h1, h1#firstHeading, h2 {
font-family: var(--font-title);
font-size: 1.5em;
}
h2 {
font-family: var(--font-title);
}

h1 {
color: var(--color-a);
}
h2 span {
display: initial;
}
h3 {
font-family: var(--font-title);
font-size: 1em;
}
body.action-view #page-content a {
border-image: linear-gradient(to right, var(--color-a), var(--color-b));
border-bottom-width: 2px;
border-image-slice: 1;
color: var(--text);
border-bottom-style: solid;
padding: 3px 5px 1px;

}
#page-content a:hover,
#catlinks .label:hover {
background: linear-gradient(to right,var(--color-a),var(--color-b));
color: white !important;
}
/* Removes user name */
h3#tagline {
display: none;
}
#bodyContent {
margin-top: 3em;
}

#page-content ul, #page-content ol {
font-size: 1em;
margin-top: calc( var(--line-height) / 2) !important;
margin-bottom: calc( var(--line-height) / 1) !important;
}
div {
line-height: 1.4em ;
}
label {
color: var(--text-light);
}
label[for="wpCaptchaWord"]{
background-color: orangered;
}
code, pre {
color: darkgrey;
background-color: #181818;
border: 1px solid darkgrey;
border-radius:3px;
font-size: 0.8em;
}

/* ACTUALITÉS ------------------------------------------------------------------ */
.medialisting {
display: flex;
flex-wrap: wrap;
}
.medialisting a {
border: 0 !important;
}
.Media {
display: flex;
align-items: flex-start;
margin-bottom: 1em;
flex-direction: column;
flex-basis: 32%;
box-sizing: border-box;
justify-content: center;
padding: 0.5em;
background: radial-gradient(var(--color-a) -31%, transparent 60%);
}
.Media:nth-child(2n) {
background: radial-gradient(var(--color-b) -31%, transparent 60%);
}
.Media-body {
flex: initial;
}

.flexgal {
display: flex;
flex-wrap: wrap;
}

/* THUMBNAILS ------------------------------------------------------------------ */
.thumbinner {
background-color: var(--accent-bg);
}
.thumb.tleft {
margin-right: 2em;
}
.Media-figure a,
.image.fancybox {
display: inline-block;
}
.magnify a {
text-indent: 0;
width: 25px;
height: 25px;
border-style: solid;
border-width: 2px;
line-height: 15px;
}
.magnify a:before {
content: "+";
font-family: FontAwesome;
font-size: 20px;
}

/* PAGE PRINCIPALE D'ACCUEIL*/
.page-École_de_recherche_graphique #page-content #content ul {
margin-left: 0;
}

.page-École_de_recherche_graphique #page-content #content li {
margin: 20px 0;
border-width: 2px;
border-style: solid;
border-image: linear-gradient(to right, var(--color-a), var(--color-b));
border-image-slice: 1;
padding: 6px;
width: fit-content;
}
.page-École_de_recherche_graphique #page-content #content li a {
border-width: 0;
}

.page-École_de_recherche_graphique #page-content #content li:hover {
background-image: linear-gradient(to right, var(--color-a), var(--color-b));

}

.page-École_de_recherche_graphique #page-content #content li::before {
content: "" !important;
}

.page-École_de_recherche_graphique #page-content # content li a {
border-width: 0px;
border-style: solid;
}
.page-École_de_recherche_graphique #page-content #content li a:hover {
border-width: 0px;
border-style: solid;
background: rgba(0,0,0,0);
}

/* FIN PAGE PRINCIPALE*/

/* MEDIA QUERIES ------------------------------------------------------------------ */
@media (max-width: 800px) {
div.tleft, div.floatleft, table.floatleft {
width: 100%;
margin-bottom: 3em;
}
#toc {
max-width: initial;
width: 100%;
margin-left: 0;

}
}
@media only screen and (max-width: 600px) {
.top-bar,
.top-bar-section,
#top-bar-right,
#top-bar-right .columns {
display: inherit;
}
.top-bar.expanded {
flex-wrap: wrap;
}
.top-bar.expanded .title-area {
display: flex;
flex-grow: 1;
justify-content: space-between;
}
.top-bar.expanded .top-bar,
.top-bar.expanded .top-bar-section,
.top-bar.expanded #top-bar-right,
.top-bar.expanded #top-bar-right .columns {
display: flex;
align-items: center;
flex-wrap: wrap;
}
.divider.show-for-small {
display: none !important;
}

#top-bar-left, #top-bar-right {
padding: 10px 0 0 0;
}
#top-bar-left .dropdown li, #top-bar-right .dropdown li {
padding: 0;
}
}

/* Formulaire d'edition ------------------------------------------------------------------ */
#editform
{
margin-top: -5vh;
}
/* Lien vers page anglaise ------------------------------------------------------------------ */
#english{
font-size: 0.8em;
}

MediaWiki:Ouroboros.css

2024-02-09T13:57:27Z

Dobody :

/*
_ ______ _____ _ _______ _ _ _________ _ _ ______ __ __ ______
| | | ____| / ____| |/ /_ _| \ | | / /__ __| | | | ____| \/ | ____|
| | | |__ | (___ | ' / | | | \| | / / | | | |__| | |__ | \ / | |__
| | | __| \___ \| < | | | . ` | / / | | | __ | __| | |\/| | __|
| |____| |____ ____) | . \ _| |_| |\ |/ / | | | | | | |____| | | | |____
|______|______|_|_____/|_|\_\_____|_|_\_/_/___ _ |_| |_| |_|______|_| |_|______|
/ __ \| ____| ____|_ _/ ____|_ _| ____| |
| | | | |__ | |__ | || | | | | |__ | |
| | | | __| | __| | || | | | | __| | |
| |__| | | | | _| || |____ _| |_| |____| |____
\____/|_|____|_| |_____\_____|_____|______|______|
| __ \| ____|
| | | | |__
| | | | __|
| |__| | |____
|_____/|______|_ _____ _____
| | | ____| __ \ / ____|
| | | |__ | |__) | | __
| | | __| | _ /| | |_ |
| |____ | |____| | \ \| |__| |
|______| |______|_| \_\\_____|

*/

@font-face {
font-family: AntiqueNoble;
src: url("/mw/skins/ouroboros/assets/fonts/antiquenoblebold.woff");
}

@font-face {
font-family: Combined;
src: url("/mw/skins/ouroboros/assets/fonts/combined.otf");
}
@font-face {
font-family: Lucette;
src: url("/mw/skins/ouroboros/assets/fonts/LUCETTE/font/otf/Lucette-Regular.otf");
src: url("/mw/skins/ouroboros/assets/fonts/LUCETTE/font/ttf/Lucette-Regular.ttf");
src: url("/mw/skins/ouroboros/assets/fonts/LUCETTE/font/woff/Lucette-Regular.woff");
src: url("/mw/skins/ouroboros/assets/fonts/LUCETTE/font/woff2/Lucette-Regular.woff2");
}
@font-face {
font-family: Lucette;
src: url("/mw/skins/ouroboros/assets/fonts/LUCETTE/font/otf/Lucette-Regularitalic.otf");
src: url("/mw/skins/ouroboros/assets/fonts/LUCETTE/font/ttf/Lucette-Regularitalic.ttf");
src: url("/mw/skins/ouroboros/assets/fonts/LUCETTE/font/woff/Lucette-Regularitalic.woff");
src: url("/mw/skins/ouroboros/assets/fonts/LUCETTE/font/woff2/Lucette-Regularitalic.woff2");
font-style: italic;
}

@font-face {
font-family: Ductus;
src: url("/mw/skins/ouroboros/assets/fonts/ductus/webfonts/DuctusRegular.woff");
src: url("/mw/skins/ouroboros/assets/fonts/ductus/webfonts/DuctusRegular.woff2");
}
/*
@font-face {
font-family: Vega;
src: url("/mw/skins/ouroboros/assets/fonts/otf/Vega-Regular.otf");
src: url("/mw/skins/ouroboros/assets/fonts/Vega-Regular.ttf") format("truetype");
src: url("/mw/skins/ouroboros/assets/fonts/Vega-Regular-Webfont.svg" format("svg"));
src: url("/mw/skins/ouroboros/assets/fonts/Vega-Regular.woff" format("woff"));
src: url("/mw/skins/ouroboros/assets/fonts/Vega-Regular.woff2") format("woff2");
}
*/

/* Global variables. */
:root,
::backdrop {
/* Set sans-serif & mono fonts */
--sans-font: -apple-system, BlinkMacSystemFont, "Avenir Next", Avenir,
"Nimbus Sans L", Roboto, "Noto Sans", "Segoe UI", Arial, Helvetica,
"Helvetica Neue", sans-serif;
--mono-font: Consolas, Menlo, Monaco, "Andale Mono", "Ubuntu Mono", monospace;
--standard-border-radius: 5px;

/* Default (light) theme */
--bg: #fff;
--accent-bg: #f5f7ff;
--text: #212121;
--text-light: #585858;
--border: #898EA4;
--accent: #0d47a1;
--accent-hover: #1266e2;
--accent-text: var(--bg);
--code: #d81b60;
--preformatted: #444;
--marked: #ffdd33;
--disabled: #efefef;

--font-title: Ductus;
--font-body: Lucette;
--color-a: #a700ff; /* purple */
--color-b: #00ab6b; /* green */
--font-size: 15pt;
--line-height: 1.3em;
}

/* Dark theme */
@media (prefers-color-scheme: dark) {
:root,
::backdrop {
color-scheme: dark;
--bg: #222;
--accent-bg: #2b2b2b;
--text: #dcdcdc;
--text-light: #ababab;
--accent: #ffb300;
--accent-hover: #ffe099;
--accent-text: var(--bg);
--code: #f06292;
--preformatted: #ccc;
--disabled: #111;

--font-title: Ductus;
--font-body: Lucette;
--color-a: #9557b5; /* washed-off purple */
--color-b: #3c856b; /* washed-off green */
--font-size: 15pt;
--line-height: 1.3em;
}
}

/* Reset box-sizing */
*, *::before, *::after {
box-sizing: border-box;
}

body {
font-family: var(--font-body);
font-size: var(--font-size);
line-height: var(--line-height);
padding-top: 3em;
background-color: var(--bg);
color: var(--text);
}
p {
font-size: var(--font-size);
line-height: var(--line-height);
margin-bottom: 0;
}
p + p {
margin-top: var(--line-height);
}

/* INTERFACE ------------------------------------------------------------------ */
/* remove category help button (does it remove other stuff? mmm...) */
#mw-indicator-mw-helplink {
display: none;
}

/* Menu bar, position fixed to be able to grab it to resize the map on mobile devices */
#navwrapper {
position: fixed;
top: 0;
right: 0;
z-index: 1000;
left: 0;
}

h4.namespace.label {
display: none;
}

.mw-editsection, .mw-editsection-like {
font-size: 10px;
}

#actions {
left: initial !important;
right: 14px;
top: -21px;
background-color: var(--accent-bg);
border: 1px solid var(--text-light);
color: var(--text-light);
}
a#actions-button {
margin-top: -1em;
background-color: var(--accent-bg);
padding: 5px;
color: var(--text-light);
}
.fa,
button, .button,
.top-bar-section ul li > a {
font-family: var(--font-body);
}
.fa::before {
font-family: FontAwesome;
}

.top-bar,
.top-bar-section,
#top-bar-left,
#top-bar-right,
#top-bar-right .columns {
display: flex;
background-color: #222;
align-items: center;
justify-content: space-evenly;
}
#top-bar-left {
width: initial;
}
.top-bar-section {
flex-grow: 1;
}
.has-form {
flex-grow: 1;
padding: 0.5em !important;
}
#top-bar-right {
justify-content: space-between;
flex-grow: 1;
}
.top-bar input {
padding-top: 8px;
flex-grow: 1;
height: 2em;
box-sizing: border-box;
border: 0;
outline: 0;
}
.button.search {
background-color: transparent;
border-style: solid;
border-width: 2px;
border-image: linear-gradient(to right, var(--color-a), var(--color-b));
border-image-slice: 1;
top: 2px !important;
position: relative;
margin-left: 0px !important;
box-sizing: border-box;
padding: 0;
width: 80px;
height: 2em;
margin: 0;
top: 0 !important;
}
.button.search:hover {
background-color: var(--color-a);
}
.suggestions-result-current {
background-color: var(--color-b) !important;
}

.top-bar .toggle-topbar a {
text-transform: lowercase;
font-size: 1em;
}

#toc, .toc {
float: right;
margin-left: 1em;
max-width: 45%;
background-color: var(--accent-bg);
border-radius: 5px;
}
.toctitle {
margin-bottom: -1em;
}
#toc h2 {
margin-top: 0.25em;
font-size: 1em;
display: inline-block;
margin-right: 0.5em;
}
#toc ul {
margin: 0;
}
.tocnumber:after {
content: " – ";
}

table.infobox {
width: initial;
max-width: 45%;
}
table.infobox th.head {
background-color: var(--color-b);
}
th, td {
padding: 0.5em !important;
}

li {
line-height: initial;
}

.mw-category-generated {
margin-top: 2em;
}

/* if no content but only listing subcategories */
.mw-parser-output:empty + .mw-category-generated h2 {
display: none;
}

/* If only one subcategory, don't list the initial */
.mw-category-generated #mw-pages div:only-of-type h3,
#mw-subcategories div:only-of-type h3 {
/*display: none;*/
}

/* removes counting of categories */
.mw-category-generated #mw-pages p:first-of-type,
#mw-subcategories p:first-of-type {
display: none;
}

.group {
margin-top: 5em;
}
#catlinks .label {
border-width: 2px;
border-style: solid;
background-color: transparent;
padding: 2px 6px !important;
}

/* HEADER ------------------------------------------------------------------ */
.title-name {
font-family: var(--font-title);
font-weight: bold;
}
.title-name:hover {
color: var(--color-a);
}

.top-bar-section .has-form {
background-color: #222 !important;
}
.top-bar-section .has-dropdown > a::after {
display: none;
}
.top-bar-section .has-dropdown > a {
padding-right: initial !important;
}
.top-bar-section .dropdown li {
width: initial;
/*height: 2em;*/
position: relative;
padding: 0;
border-bottom: 1px solid lightgray;
}
.top-bar-section ul li {
padding: 0 0.5em;
background-color: #222;
}
.top-bar-section ul li:hover {
z-index: 1000;
}
.top-bar-section ul li > a {
font-size: 16px;
padding: 0;
font-weight: bold;
}

li#p-menu > a {
text-transform: uppercase;
padding: 0;
}
li#p-menu > a + ul li {
outline: 1px solid #00a393;
}

.top-bar-section .dropdown li:not(.has-form):not(.active):hover > a:not(.button) {
background: linear-gradient(90deg,var(--color-a), var(--color-b));
}
li#p-menu + li.has-dropdown {
width: 3em;
text-align: center;
}
li#p-menu + li.has-dropdown > a {
border-radius: 100%;
padding: 0;
text-align: center;
line-height: 30px;
margin: auto;
display: inline-block;
width: 30px;
box-sizing: border-box;
height: 30px;
}
.not-logged-in #top-bar-right li:nth-child(3) {
display: none;
}

#toolbox-dropdown li, #personal-tools-dropdown .dropdown li {
float: right;
}

.back h5 {
font-size: 2em !important;
}
a.parent-link {
color: var(--color-b) !important;
font-weight: bold !important;
}

/* Couleurs pour le navbar */

.top-bar, .top-bar.expanded {
background: linear-gradient(90deg, var(--color-a) 0%, var(--color-b) 100%);
}
.top-bar *:not(.dropdown li a, input, .dropdown), .top-bar.expanded *:not(.dropdown li a, input, .dropdown) {
background: transparent !important;
color: white !important;
}
.top-bar.expanded .dropdown {
background-color: #212121;
}
.top-bar .dropdown li {
background-color: var(--bg);
}
.top-bar.expanded .toggle-topbar a span::after
{
box-shadow: 0 0 0 1px #FFFFFF66,0 7px 0 1px #FFFFFF66,0 14px 0 1px #FFFFFF66;
}
.top-bar .dropdown li:hover {
background: linear-gradient(90deg, var(--color-a) 0%, var(--color-b) 100%);
}
.top-bar {
border-bottom: 1px solid var(--color-a);
}
.top-bar-section .has-form {
background-color: transparent !important;
}
.top-bar input {
border: 1px solid var(--text);
background: white !important;
color: black !important;
}

.top-bar .button.search {
border: 1px solid white;
}

/* FIN */

/* CONTENT ------------------------------------------------------------------ */
#page-content {
margin: 1em;
color: var(--text);
}
#english {
position: relative;
top: -1.5em;
}

h1, h2, h3, h4, h5, h6 {
margin-top: 1em;
color: var(--color-b);
line-height: 1.5em;
font-family: var(--font-body);
}
h1, h1#firstHeading, h2 {
font-family: var(--font-title);
font-size: 1.5em;
}
h2 {
font-family: var(--font-title);
}

h1 {
color: var(--color-a);
}
h2 span {
display: initial;
}
h3 {
font-family: var(--font-title);
font-size: 1em;
}
body.action-view #page-content a {
border-image: linear-gradient(to right, var(--color-a), var(--color-b));
border-bottom-width: 2px;
border-image-slice: 1;
color: var(--text);
border-bottom-style: solid;
padding: 3px 5px 1px;

}
#page-content a:hover,
#catlinks .label:hover {
background: linear-gradient(to right,var(--color-a),var(--color-b));
color: white !important;
}
/* Removes user name */
h3#tagline {
display: none;
}
#bodyContent {
margin-top: 3em;
}

#page-content ul, #page-content ol {
font-size: 1em;
margin-top: calc( var(--line-height) / 2) !important;
margin-bottom: calc( var(--line-height) / 1) !important;
}
div {
line-height: 1.4em ;
}
label {
color: var(--text-light);
}
label[for="wpCaptchaWord"]{
background-color: orangered;
}
code, pre {
color: darkgrey;
background-color: #181818;
border: 1px solid darkgrey;
border-radius:3px;
font-size: 0.8em;
}

/* ACTUALITÉS ------------------------------------------------------------------ */
.medialisting {
display: flex;
flex-wrap: wrap;
}
.medialisting a {
border: 0 !important;
}
.Media {
display: flex;
align-items: flex-start;
margin-bottom: 1em;
flex-direction: column;
flex-basis: 32%;
box-sizing: border-box;
justify-content: center;
padding: 0.5em;
background: radial-gradient(var(--color-a) -31%, transparent 60%);
}
.Media:nth-child(2n) {
background: radial-gradient(var(--color-b) -31%, transparent 60%);
}
.Media-body {
flex: initial;
}

.flexgal {
display: flex;
flex-wrap: wrap;
}

/* THUMBNAILS ------------------------------------------------------------------ */
.thumbinner {
background-color: var(--accent-bg);
}
.thumb.tleft {
margin-right: 2em;
}
.Media-figure a,
.image.fancybox {
display: inline-block;
}
.magnify a {
text-indent: 0;
width: 25px;
height: 25px;
border-style: solid;
border-width: 2px;
line-height: 15px;
}
.magnify a:before {
content: "+";
font-family: FontAwesome;
font-size: 20px;
}

/* PAGE PRINCIPALE D'ACCUEIL*/
.page-École_de_recherche_graphique #page-content #content ul {
margin-left: 0;
}

.page-École_de_recherche_graphique #page-content #content li {
margin: 20px 0;
border-width: 2px;
border-style: solid;
border-image: linear-gradient(to right, var(--color-a), var(--color-b));
border-image-slice: 1;
padding: 6px;
width: fit-content;
}
.page-École_de_recherche_graphique #page-content #content li a {
border-width: 0;
}

.page-École_de_recherche_graphique #page-content #content li:hover {
background-image: linear-gradient(to right, var(--color-a), var(--color-b));

}

.page-École_de_recherche_graphique #page-content #content li::before {
content: "" !important;
}

.page-École_de_recherche_graphique #page-content # content li a {
border-width: 0px;
border-style: solid;
}
.page-École_de_recherche_graphique #page-content #content li a:hover {
border-width: 0px;
border-style: solid;
background: rgba(0,0,0,0);
}

/* FIN PAGE PRINCIPALE*/

/* MEDIA QUERIES ------------------------------------------------------------------ */
@media (max-width: 800px) {
div.tleft, div.floatleft, table.floatleft {
width: 100%;
margin-bottom: 3em;
}
#toc {
max-width: initial;
width: 100%;
margin-left: 0;

}
}
@media only screen and (max-width: 650px) {
.top-bar,
.top-bar-section,
#top-bar-right,
#top-bar-right .columns {
display: inherit;
}
.top-bar.expanded {
flex-wrap: wrap;
}
.top-bar.expanded .title-area {
display: flex;
flex-grow: 1;
justify-content: space-between;
}
.top-bar.expanded .top-bar,
.top-bar.expanded .top-bar-section,
.top-bar.expanded #top-bar-right,
.top-bar.expanded #top-bar-right .columns {
display: flex;
align-items: center;
flex-wrap: wrap;
}
.divider.show-for-small {
display: none !important;
}

#top-bar-left, #top-bar-right {
padding: 10px 0 0 0;
}
#top-bar-left .dropdown li, #top-bar-right .dropdown li {
padding: 0;
}
}

/* Formulaire d'edition ------------------------------------------------------------------ */
#editform
{
margin-top: -5vh;
}
/* Lien vers page anglaise ------------------------------------------------------------------ */
#english{
font-size: 0.8em;
}

MediaWiki:Ouroboros.css

2024-02-08T14:57:43Z

Dobody :

/*
_ ______ _____ _ _______ _ _ _________ _ _ ______ __ __ ______
| | | ____| / ____| |/ /_ _| \ | | / /__ __| | | | ____| \/ | ____|
| | | |__ | (___ | ' / | | | \| | / / | | | |__| | |__ | \ / | |__
| | | __| \___ \| < | | | . ` | / / | | | __ | __| | |\/| | __|
| |____| |____ ____) | . \ _| |_| |\ |/ / | | | | | | |____| | | | |____
|______|______|_|_____/|_|\_\_____|_|_\_/_/___ _ |_| |_| |_|______|_| |_|______|
/ __ \| ____| ____|_ _/ ____|_ _| ____| |
| | | | |__ | |__ | || | | | | |__ | |
| | | | __| | __| | || | | | | __| | |
| |__| | | | | _| || |____ _| |_| |____| |____
\____/|_|____|_| |_____\_____|_____|______|______|
| __ \| ____|
| | | | |__
| | | | __|
| |__| | |____
|_____/|______|_ _____ _____
| | | ____| __ \ / ____|
| | | |__ | |__) | | __
| | | __| | _ /| | |_ |
| |____ | |____| | \ \| |__| |
|______| |______|_| \_\\_____|

*/

@font-face {
font-family: AntiqueNoble;
src: url("/mw/skins/ouroboros/assets/fonts/antiquenoblebold.woff");
}

@font-face {
font-family: Combined;
src: url("/mw/skins/ouroboros/assets/fonts/combined.otf");
}
@font-face {
font-family: Lucette;
src: url("/mw/skins/ouroboros/assets/fonts/LUCETTE/font/otf/Lucette-Regular.otf");
src: url("/mw/skins/ouroboros/assets/fonts/LUCETTE/font/ttf/Lucette-Regular.ttf");
src: url("/mw/skins/ouroboros/assets/fonts/LUCETTE/font/woff/Lucette-Regular.woff");
src: url("/mw/skins/ouroboros/assets/fonts/LUCETTE/font/woff2/Lucette-Regular.woff2");
}
@font-face {
font-family: Lucette;
src: url("/mw/skins/ouroboros/assets/fonts/LUCETTE/font/otf/Lucette-Regularitalic.otf");
src: url("/mw/skins/ouroboros/assets/fonts/LUCETTE/font/ttf/Lucette-Regularitalic.ttf");
src: url("/mw/skins/ouroboros/assets/fonts/LUCETTE/font/woff/Lucette-Regularitalic.woff");
src: url("/mw/skins/ouroboros/assets/fonts/LUCETTE/font/woff2/Lucette-Regularitalic.woff2");
font-style: italic;
}

@font-face {
font-family: Ductus;
src: url("/mw/skins/ouroboros/assets/fonts/ductus/webfonts/DuctusRegular.woff");
src: url("/mw/skins/ouroboros/assets/fonts/ductus/webfonts/DuctusRegular.woff2");
}
/*
@font-face {
font-family: Vega;
src: url("/mw/skins/ouroboros/assets/fonts/otf/Vega-Regular.otf");
src: url("/mw/skins/ouroboros/assets/fonts/Vega-Regular.ttf") format("truetype");
src: url("/mw/skins/ouroboros/assets/fonts/Vega-Regular-Webfont.svg" format("svg"));
src: url("/mw/skins/ouroboros/assets/fonts/Vega-Regular.woff" format("woff"));
src: url("/mw/skins/ouroboros/assets/fonts/Vega-Regular.woff2") format("woff2");
}
*/

/* Global variables. */
:root,
::backdrop {
/* Set sans-serif & mono fonts */
--sans-font: -apple-system, BlinkMacSystemFont, "Avenir Next", Avenir,
"Nimbus Sans L", Roboto, "Noto Sans", "Segoe UI", Arial, Helvetica,
"Helvetica Neue", sans-serif;
--mono-font: Consolas, Menlo, Monaco, "Andale Mono", "Ubuntu Mono", monospace;
--standard-border-radius: 5px;

/* Default (light) theme */
--bg: #fff;
--accent-bg: #f5f7ff;
--text: #212121;
--text-light: #585858;
--border: #898EA4;
--accent: #0d47a1;
--accent-hover: #1266e2;
--accent-text: var(--bg);
--code: #d81b60;
--preformatted: #444;
--marked: #ffdd33;
--disabled: #efefef;

--font-title: Ductus;
--font-body: Lucette;
--color-a: #a700ff; /* purple */
--color-b: #00ab6b; /* green */
--font-size: 15pt;
--line-height: 1.3em;
}

/* Dark theme */
@media (prefers-color-scheme: dark) {
:root,
::backdrop {
color-scheme: dark;
--bg: #222;
--accent-bg: #2b2b2b;
--text: #dcdcdc;
--text-light: #ababab;
--accent: #ffb300;
--accent-hover: #ffe099;
--accent-text: var(--bg);
--code: #f06292;
--preformatted: #ccc;
--disabled: #111;

--font-title: Ductus;
--font-body: Lucette;
--color-a: #9557b5; /* washed-off purple */
--color-b: #3c856b; /* washed-off green */
--font-size: 15pt;
--line-height: 1.3em;
}
}

/* Reset box-sizing */
*, *::before, *::after {
box-sizing: border-box;
}

body {
font-family: var(--font-body);
font-size: var(--font-size);
line-height: var(--line-height);
padding-top: 3em;
background-color: var(--bg);
color: var(--text);
}
p {
font-size: var(--font-size);
line-height: var(--line-height);
margin-bottom: 0;
}
p + p {
margin-top: var(--line-height);
}

/* INTERFACE ------------------------------------------------------------------ */
/* remove category help button (does it remove other stuff? mmm...) */
#mw-indicator-mw-helplink {
display: none;
}

/* Menu bar, position fixed to be able to grab it to resize the map on mobile devices */
#navwrapper {
position: fixed;
top: 0;
right: 0;
z-index: 1000;
left: 0;
}

h4.namespace.label {
display: none;
}

.mw-editsection, .mw-editsection-like {
font-size: 10px;
}

#actions {
left: initial !important;
right: 14px;
top: -21px;
background-color: var(--accent-bg);
border: 1px solid var(--text-light);
color: var(--text-light);
}
a#actions-button {
margin-top: -1em;
background-color: var(--accent-bg);
padding: 5px;
color: var(--text-light);
}
.fa,
button, .button,
.top-bar-section ul li > a {
font-family: var(--font-body);
}
.fa::before {
font-family: FontAwesome;
}

.top-bar,
.top-bar-section,
#top-bar-left,
#top-bar-right,
#top-bar-right .columns {
display: flex;
background-color: #222;
align-items: center;
justify-content: space-evenly;
}
#top-bar-left {
width: initial;
}
.top-bar-section {
flex-grow: 1;
}
.has-form {
flex-grow: 1;
padding: 0.5em !important;
}
#top-bar-right {
justify-content: space-between;
flex-grow: 1;
}
.top-bar input {
padding-top: 8px;
flex-grow: 1;
height: 2em;
box-sizing: border-box;
border: 0;
outline: 0;
}
.button.search {
background-color: transparent;
border-style: solid;
border-width: 2px;
border-image: linear-gradient(to right, var(--color-a), var(--color-b));
border-image-slice: 1;
top: 2px !important;
position: relative;
margin-left: 0px !important;
box-sizing: border-box;
padding: 0;
width: 80px;
height: 2em;
margin: 0;
top: 0 !important;
}
.button.search:hover {
background-color: var(--color-a);
}
.suggestions-result-current {
background-color: var(--color-b) !important;
}

.top-bar .toggle-topbar a {
text-transform: lowercase;
font-size: 1em;
}

#toc, .toc {
float: right;
margin-left: 1em;
max-width: 45%;
background-color: var(--accent-bg);
border-radius: 5px;
}
.toctitle {
margin-bottom: -1em;
}
#toc h2 {
margin-top: 0.25em;
font-size: 1em;
display: inline-block;
margin-right: 0.5em;
}
#toc ul {
margin: 0;
}
.tocnumber:after {
content: " – ";
}

table.infobox {
width: initial;
max-width: 45%;
}
table.infobox th.head {
background-color: var(--color-b);
}
th, td {
padding: 0.5em !important;
}

li {
line-height: initial;
}

.mw-category-generated {
margin-top: 2em;
}

/* if no content but only listing subcategories */
.mw-parser-output:empty + .mw-category-generated h2 {
display: none;
}

/* If only one subcategory, don't list the initial */
.mw-category-generated #mw-pages div:only-of-type h3,
#mw-subcategories div:only-of-type h3 {
/*display: none;*/
}

/* removes counting of categories */
.mw-category-generated #mw-pages p:first-of-type,
#mw-subcategories p:first-of-type {
display: none;
}

.group {
margin-top: 5em;
}
#catlinks .label {
border-width: 2px;
border-style: solid;
background-color: transparent;
padding: 2px 6px !important;
}

/* HEADER ------------------------------------------------------------------ */
.title-name {
font-family: var(--font-title);
font-weight: bold;
}
.title-name:hover {
color: var(--color-a);
}

.top-bar-section .has-form {
background-color: #222 !important;
}
.top-bar-section .has-dropdown > a::after {
display: none;
}
.top-bar-section .has-dropdown > a {
padding-right: initial !important;
}
.top-bar-section .dropdown li {
width: initial;
/*height: 2em;*/
position: relative;
padding: 0;
border-bottom: 1px solid lightgray;
}
.top-bar-section ul li {
padding: 0 0.5em;
background-color: #222;
}
.top-bar-section ul li:hover {
z-index: 1000;
}
.top-bar-section ul li > a {
font-size: 16px;
padding: 0;
font-weight: bold;
}

li#p-menu > a {
text-transform: uppercase;
padding: 0;
}
li#p-menu > a + ul li {
outline: 1px solid #00a393;
}

.top-bar-section .dropdown li:not(.has-form):not(.active):hover > a:not(.button) {
background: linear-gradient(90deg,var(--color-a), var(--color-b));
}
li#p-menu + li.has-dropdown {
width: 3em;
text-align: center;
}
li#p-menu + li.has-dropdown > a {
border-radius: 100%;
padding: 0;
text-align: center;
line-height: 30px;
margin: auto;
display: inline-block;
width: 30px;
box-sizing: border-box;
height: 30px;
}
.not-logged-in #top-bar-right li:nth-child(3) {
display: none;
}

#toolbox-dropdown li, #personal-tools-dropdown .dropdown li {
float: right;
}

.back h5 {
font-size: 2em !important;
}
a.parent-link {
color: var(--color-b) !important;
font-weight: bold !important;
}

/* Couleurs pour le navbar */

.top-bar, .top-bar.expanded {
background: linear-gradient(90deg, var(--color-a) 0%, var(--color-b) 100%);
}
.top-bar *:not(.dropdown li a, input, .dropdown), .top-bar.expanded *:not(.dropdown li a, input, .dropdown) {
background: transparent !important;
color: white !important;
}
.top-bar.expanded .dropdown {
background-color: #212121;
}
.top-bar .dropdown li {
background-color: var(--bg);
}
.top-bar.expanded .toggle-topbar a span::after
{
box-shadow: 0 0 0 1px #FFFFFF66,0 7px 0 1px #FFFFFF66,0 14px 0 1px #FFFFFF66;
}
.top-bar .dropdown li:hover {
background: linear-gradient(90deg, var(--color-a) 0%, var(--color-b) 100%);
}
.top-bar {
border-bottom: 1px solid var(--color-a);
}
.top-bar-section .has-form {
background-color: transparent !important;
}
.top-bar input {
border: 1px solid var(--text);
background: white !important;
color: black !important;
}

.top-bar .button.search {
border: 1px solid white;
}

/* FIN */

/* CONTENT ------------------------------------------------------------------ */
#page-content {
margin: 1em;
color: var(--text);
}
#english {
position: relative;
top: -1.5em;
}

h1, h2, h3, h4, h5, h6 {
margin-top: 1em;
color: var(--color-b);
line-height: 1.5em;
font-family: var(--font-body);
}
h1, h1#firstHeading, h2 {
font-family: var(--font-title);
font-size: 1.5em;
}
h2 {
font-family: var(--font-title);
}

h1 {
color: var(--color-a);
}
h2 span {
display: initial;
}
h3 {
font-family: var(--font-title);
font-size: 1em;
}
body.action-view #page-content a {
border-image: linear-gradient(to right, var(--color-a), var(--color-b));
border-bottom-width: 2px;
border-image-slice: 1;
color: var(--text);
border-bottom-style: solid;
padding: 3px 5px 1px;

}
#page-content a:hover,
#catlinks .label:hover {
background: linear-gradient(to right,var(--color-a),var(--color-b));
color: white !important;
}
/* Removes user name */
h3#tagline {
display: none;
}
#bodyContent {
margin-top: 3em;
}

#page-content ul, #page-content ol {
font-size: 1em;
margin-top: calc( var(--line-height) / 2) !important;
margin-bottom: calc( var(--line-height) / 1) !important;
}
div {
line-height: 1.4em ;
}
label {
color: var(--text-light);
}
label[for="wpCaptchaWord"]{
background-color: orangered;
}
code, pre {
color: darkgrey;
background-color: #181818;
border: 1px solid darkgrey;
border-radius:3px;
font-size: 0.8em;
}

/* ACTUALITÉS ------------------------------------------------------------------ */
.medialisting {
display: flex;
flex-wrap: wrap;
}
.medialisting a {
border: 0 !important;
}
.Media {
display: flex;
align-items: flex-start;
margin-bottom: 1em;
flex-direction: column;
flex-basis: 32%;
box-sizing: border-box;
justify-content: center;
padding: 0.5em;
background: radial-gradient(var(--color-a) -31%, transparent 60%);
}
.Media:nth-child(2n) {
background: radial-gradient(var(--color-b) -31%, transparent 60%);
}
.Media-body {
flex: initial;
}

.flexgal {
display: flex;
flex-wrap: wrap;
}

/* THUMBNAILS ------------------------------------------------------------------ */
.thumbinner {
background-color: var(--accent-bg);
}
.thumb.tleft {
margin-right: 2em;
}
.Media-figure a,
.image.fancybox {
display: inline-block;
}
.magnify a {
text-indent: 0;
width: 25px;
height: 25px;
border-style: solid;
border-width: 2px;
line-height: 15px;
}
.magnify a:before {
content: "+";
font-family: FontAwesome;
font-size: 20px;
}

/* PAGE PRINCIPALE D'ACCUEIL*/
.page-École_de_recherche_graphique #page-content #content ul {
margin-left: 0;
}

.page-École_de_recherche_graphique #page-content #content li {
margin: 20px 0;
border-width: 2px;
border-style: solid;
border-image: linear-gradient(to right, var(--color-a), var(--color-b));
border-image-slice: 1;
padding: 6px;
width: fit-content;
}
.page-École_de_recherche_graphique #page-content #content li a {
border-width: 0;
}

.page-École_de_recherche_graphique #page-content #content li:hover {
background-image: linear-gradient(to right, var(--color-a), var(--color-b));

}

.page-École_de_recherche_graphique #page-content #content li::before {
content: "" !important;
}

.page-École_de_recherche_graphique #page-content # content li a {
border-width: 0px;
border-style: solid;
}
.page-École_de_recherche_graphique #page-content #content li a:hover {
border-width: 0px;
border-style: solid;
background: rgba(0,0,0,0);
}

/* FIN PAGE PRINCIPALE*/

/* MEDIA QUERIES ------------------------------------------------------------------ */
@media (max-width: 800px) {
div.tleft, div.floatleft, table.floatleft {
width: 100%;
margin-bottom: 3em;
}
#toc {
max-width: initial;
width: 100%;
margin-left: 0;

}
}
@media only screen and (max-width: 600px) {
.top-bar,
.top-bar-section,
#top-bar-right,
#top-bar-right .columns {
display: inherit;
}
.top-bar.expanded {
flex-wrap: wrap;
}
.top-bar.expanded .title-area {
display: flex;
flex-grow: 1;
justify-content: space-between;
}
.top-bar.expanded .top-bar,
.top-bar.expanded .top-bar-section,
.top-bar.expanded #top-bar-right,
.top-bar.expanded #top-bar-right .columns {
display: flex;
align-items: center;
flex-wrap: wrap;
}
.divider.show-for-small {
display: none !important;
}

#top-bar-left, #top-bar-right {
padding: 10px 0 0 0;
}
#top-bar-left .dropdown li, #top-bar-right .dropdown li {
padding: 0;
}
}

/* Formulaire d'edition ------------------------------------------------------------------ */
#editform
{
margin-top: -5vh;
}
/* Lien vers page anglaise ------------------------------------------------------------------ */
#english{
font-size: 0.8em;
}

MediaWiki:Ouroboros.css

2024-02-08T14:54:33Z

Dobody :

/*
_ ______ _____ _ _______ _ _ _________ _ _ ______ __ __ ______
| | | ____| / ____| |/ /_ _| \ | | / /__ __| | | | ____| \/ | ____|
| | | |__ | (___ | ' / | | | \| | / / | | | |__| | |__ | \ / | |__
| | | __| \___ \| < | | | . ` | / / | | | __ | __| | |\/| | __|
| |____| |____ ____) | . \ _| |_| |\ |/ / | | | | | | |____| | | | |____
|______|______|_|_____/|_|\_\_____|_|_\_/_/___ _ |_| |_| |_|______|_| |_|______|
/ __ \| ____| ____|_ _/ ____|_ _| ____| |
| | | | |__ | |__ | || | | | | |__ | |
| | | | __| | __| | || | | | | __| | |
| |__| | | | | _| || |____ _| |_| |____| |____
\____/|_|____|_| |_____\_____|_____|______|______|
| __ \| ____|
| | | | |__
| | | | __|
| |__| | |____
|_____/|______|_ _____ _____
| | | ____| __ \ / ____|
| | | |__ | |__) | | __
| | | __| | _ /| | |_ |
| |____ | |____| | \ \| |__| |
|______| |______|_| \_\\_____|

*/

@font-face {
font-family: AntiqueNoble;
src: url("/mw/skins/ouroboros/assets/fonts/antiquenoblebold.woff");
}

@font-face {
font-family: Combined;
src: url("/mw/skins/ouroboros/assets/fonts/combined.otf");
}
@font-face {
font-family: Lucette;
src: url("/mw/skins/ouroboros/assets/fonts/LUCETTE/font/otf/Lucette-Regular.otf");
src: url("/mw/skins/ouroboros/assets/fonts/LUCETTE/font/ttf/Lucette-Regular.ttf");
src: url("/mw/skins/ouroboros/assets/fonts/LUCETTE/font/woff/Lucette-Regular.woff");
src: url("/mw/skins/ouroboros/assets/fonts/LUCETTE/font/woff2/Lucette-Regular.woff2");
}
@font-face {
font-family: Lucette;
src: url("/mw/skins/ouroboros/assets/fonts/LUCETTE/font/otf/Lucette-Regularitalic.otf");
src: url("/mw/skins/ouroboros/assets/fonts/LUCETTE/font/ttf/Lucette-Regularitalic.ttf");
src: url("/mw/skins/ouroboros/assets/fonts/LUCETTE/font/woff/Lucette-Regularitalic.woff");
src: url("/mw/skins/ouroboros/assets/fonts/LUCETTE/font/woff2/Lucette-Regularitalic.woff2");
font-style: italic;
}

@font-face {
font-family: Ductus;
src: url("/mw/skins/ouroboros/assets/fonts/ductus/webfonts/DuctusRegular.woff");
src: url("/mw/skins/ouroboros/assets/fonts/ductus/webfonts/DuctusRegular.woff2");
}
/*
@font-face {
font-family: Vega;
src: url("/mw/skins/ouroboros/assets/fonts/otf/Vega-Regular.otf");
src: url("/mw/skins/ouroboros/assets/fonts/Vega-Regular.ttf") format("truetype");
src: url("/mw/skins/ouroboros/assets/fonts/Vega-Regular-Webfont.svg" format("svg"));
src: url("/mw/skins/ouroboros/assets/fonts/Vega-Regular.woff" format("woff"));
src: url("/mw/skins/ouroboros/assets/fonts/Vega-Regular.woff2") format("woff2");
}
*/

/* Global variables. */
:root,
::backdrop {
/* Set sans-serif & mono fonts */
--sans-font: -apple-system, BlinkMacSystemFont, "Avenir Next", Avenir,
"Nimbus Sans L", Roboto, "Noto Sans", "Segoe UI", Arial, Helvetica,
"Helvetica Neue", sans-serif;
--mono-font: Consolas, Menlo, Monaco, "Andale Mono", "Ubuntu Mono", monospace;
--standard-border-radius: 5px;

/* Default (light) theme */
--bg: #fff;
--accent-bg: #f5f7ff;
--text: #212121;
--text-light: #585858;
--border: #898EA4;
--accent: #0d47a1;
--accent-hover: #1266e2;
--accent-text: var(--bg);
--code: #d81b60;
--preformatted: #444;
--marked: #ffdd33;
--disabled: #efefef;

--font-title: Ductus;
--font-body: Lucette;
--color-a: #a700ff; /* purple */
--color-b: #00ab6b; /* green */
--font-size: 15pt;
--line-height: 1.3em;
}

/* Dark theme */
@media (prefers-color-scheme: dark) {
:root,
::backdrop {
color-scheme: dark;
--bg: #222;
--accent-bg: #2b2b2b;
--text: #dcdcdc;
--text-light: #ababab;
--accent: #ffb300;
--accent-hover: #ffe099;
--accent-text: var(--bg);
--code: #f06292;
--preformatted: #ccc;
--disabled: #111;

--font-title: Ductus;
--font-body: Lucette;
--color-a: #9557b5; /* washed-off purple */
--color-b: #3c856b; /* washed-off green */
--font-size: 15pt;
--line-height: 1.3em;
}
}

/* Reset box-sizing */
*, *::before, *::after {
box-sizing: border-box;
}

body {
font-family: var(--font-body);
font-size: var(--font-size);
line-height: var(--line-height);
padding-top: 3em;
background-color: var(--bg);
color: var(--text);
}
p {
font-size: var(--font-size);
line-height: var(--line-height);
margin-bottom: 0;
}
p + p {
margin-top: var(--line-height);
}

/* INTERFACE ------------------------------------------------------------------ */
/* remove category help button (does it remove other stuff? mmm...) */
#mw-indicator-mw-helplink {
display: none;
}

/* Menu bar, position fixed to be able to grab it to resize the map on mobile devices */
#navwrapper {
position: fixed;
top: 0;
right: 0;
z-index: 1000;
left: 0;
}

h4.namespace.label {
display: none;
}

.mw-editsection, .mw-editsection-like {
font-size: 10px;
}

#actions {
left: initial !important;
right: 14px;
top: -21px;
background-color: var(--accent-bg);
border: 1px solid var(--text-light);
color: var(--text-light);
}
a#actions-button {
margin-top: -1em;
background-color: var(--accent-bg);
padding: 5px;
color: var(--text-light);
}
.fa,
button, .button,
.top-bar-section ul li > a {
font-family: var(--font-body);
}
.fa::before {
font-family: FontAwesome;
}

.top-bar,
.top-bar-section,
#top-bar-left,
#top-bar-right,
#top-bar-right .columns {
display: flex;
background-color: #222;
align-items: center;
justify-content: space-evenly;
}
#top-bar-left {
width: initial;
}
.top-bar-section {
flex-grow: 1;
}
.has-form {
flex-grow: 1;
padding: 0.5em !important;
}
#top-bar-right {
justify-content: space-between;
flex-grow: 1;
}
.top-bar input {
padding-top: 8px;
flex-grow: 1;
height: 2em;
box-sizing: border-box;
border: 0;
outline: 0;
}
.button.search {
background-color: transparent;
border-style: solid;
border-width: 2px;
border-image: linear-gradient(to right, var(--color-a), var(--color-b));
border-image-slice: 1;
top: 2px !important;
position: relative;
margin-left: 0px !important;
box-sizing: border-box;
padding: 0;
width: 80px;
height: 2em;
margin: 0;
top: 0 !important;
}
.button.search:hover {
background-color: var(--color-a);
}
.suggestions-result-current {
background-color: var(--color-b) !important;
}

.top-bar .toggle-topbar a {
text-transform: lowercase;
font-size: 1em;
}

#toc, .toc {
float: right;
margin-left: 1em;
max-width: 45%;
background-color: var(--accent-bg);
border-radius: 5px;
}
.toctitle {
margin-bottom: -1em;
}
#toc h2 {
margin-top: 0.25em;
font-size: 1em;
display: inline-block;
margin-right: 0.5em;
}
#toc ul {
margin: 0;
}
.tocnumber:after {
content: " – ";
}

table.infobox {
width: initial;
max-width: 45%;
}
table.infobox th.head {
background-color: var(--color-b);
}
th, td {
padding: 0.5em !important;
}

li {
line-height: initial;
}

.mw-category-generated {
margin-top: 2em;
}

/* if no content but only listing subcategories */
.mw-parser-output:empty + .mw-category-generated h2 {
display: none;
}

/* If only one subcategory, don't list the initial */
.mw-category-generated #mw-pages div:only-of-type h3,
#mw-subcategories div:only-of-type h3 {
/*display: none;*/
}

/* removes counting of categories */
.mw-category-generated #mw-pages p:first-of-type,
#mw-subcategories p:first-of-type {
display: none;
}

.group {
margin-top: 5em;
}
#catlinks .label {
border-width: 2px;
border-style: solid;
background-color: transparent;
padding: 2px 6px !important;
}

/* HEADER ------------------------------------------------------------------ */
.title-name {
font-family: var(--font-title);
font-weight: bold;
}
.title-name:hover {
color: var(--color-a);
}

.top-bar-section .has-form {
background-color: #222 !important;
}
.top-bar-section .has-dropdown > a::after {
display: none;
}
.top-bar-section .has-dropdown > a {
padding-right: initial !important;
}
.top-bar-section .dropdown li {
width: initial;
/*height: 2em;*/
position: relative;
padding: 0;
border-bottom: 1px solid lightgray;
}
.top-bar-section ul li {
padding: 0 0.5em;
background-color: #222;
}
.top-bar-section ul li:hover {
z-index: 1000;
}
.top-bar-section ul li > a {
font-size: 16px;
padding: 0;
font-weight: bold;
}

li#p-menu > a {
text-transform: uppercase;
padding: 0;
}
li#p-menu > a + ul li {
outline: 1px solid #00a393;
}

.top-bar-section .dropdown li:not(.has-form):not(.active):hover > a:not(.button) {
background: linear-gradient(90deg,var(--color-a), var(--color-b));
}
li#p-menu + li.has-dropdown {
width: 3em;
text-align: center;
}
li#p-menu + li.has-dropdown > a {
border-radius: 100%;
padding: 0;
text-align: center;
line-height: 30px;
margin: auto;
display: inline-block;
width: 30px;
box-sizing: border-box;
height: 30px;
}
.not-logged-in #top-bar-right li:nth-child(3) {
display: none;
}

#toolbox-dropdown li, #personal-tools-dropdown .dropdown li {
float: right;
}

.back h5 {
font-size: 2em !important;
}
a.parent-link {
color: var(--color-b) !important;
font-weight: bold !important;
}

/* Couleurs pour le navbar */

.top-bar, .top-bar.expanded {
background: linear-gradient(90deg, var(--color-a) 0%, var(--color-b) 100%);
}
.top-bar *:not(.dropdown li a, input, .dropdown), .top-bar.expanded *:not(.dropdown li a, input, .dropdown) {
background: transparent !important;
color: white !important;
}
.top-bar.expanded .dropdown {
background-color: #212121;
}
.top-bar .dropdown li {
background-color: var(--bg);
}
.top-bar.expanded .toggle-topbar a span::after
{
box-shadow: 0 0 0 1px #FFFFFF66,0 7px 0 1px #FFFFFF66,0 14px 0 1px #FFFFFF66;
}
.top-bar .dropdown li:hover {
background: linear-gradient(90deg, var(--color-a) 0%, var(--color-b) 100%);
}
.top-bar {
border-bottom: 1px solid var(--color-a);
}
.top-bar-section .has-form {
background-color: transparent !important;
}
.top-bar input {
border: 1px solid var(--text);
background: white !important;
color: black !important;
}

.top-bar .button.search {
border-color: white;
}

/* FIN */

/* CONTENT ------------------------------------------------------------------ */
#page-content {
margin: 1em;
color: var(--text);
}
#english {
position: relative;
top: -1.5em;
}

h1, h2, h3, h4, h5, h6 {
margin-top: 1em;
color: var(--color-b);
line-height: 1.5em;
font-family: var(--font-body);
}
h1, h1#firstHeading, h2 {
font-family: var(--font-title);
font-size: 1.5em;
}
h2 {
font-family: var(--font-title);
}

h1 {
color: var(--color-a);
}
h2 span {
display: initial;
}
h3 {
font-family: var(--font-title);
font-size: 1em;
}
body.action-view #page-content a {
border-image: linear-gradient(to right, var(--color-a), var(--color-b));
border-bottom-width: 2px;
border-image-slice: 1;
color: var(--text);
border-bottom-style: solid;
padding: 3px 5px 1px;

}
#page-content a:hover,
#catlinks .label:hover {
background: linear-gradient(to right,var(--color-a),var(--color-b));
color: white !important;
}
/* Removes user name */
h3#tagline {
display: none;
}
#bodyContent {
margin-top: 3em;
}

#page-content ul, #page-content ol {
font-size: 1em;
margin-top: calc( var(--line-height) / 2) !important;
margin-bottom: calc( var(--line-height) / 1) !important;
}
div {
line-height: 1.4em ;
}
label {
color: var(--text-light);
}
label[for="wpCaptchaWord"]{
background-color: orangered;
}
code, pre {
color: darkgrey;
background-color: #181818;
border: 1px solid darkgrey;
border-radius:3px;
font-size: 0.8em;
}

/* ACTUALITÉS ------------------------------------------------------------------ */
.medialisting {
display: flex;
flex-wrap: wrap;
}
.medialisting a {
border: 0 !important;
}
.Media {
display: flex;
align-items: flex-start;
margin-bottom: 1em;
flex-direction: column;
flex-basis: 32%;
box-sizing: border-box;
justify-content: center;
padding: 0.5em;
background: radial-gradient(var(--color-a) -31%, transparent 60%);
}
.Media:nth-child(2n) {
background: radial-gradient(var(--color-b) -31%, transparent 60%);
}
.Media-body {
flex: initial;
}

.flexgal {
display: flex;
flex-wrap: wrap;
}

/* THUMBNAILS ------------------------------------------------------------------ */
.thumbinner {
background-color: var(--accent-bg);
}
.thumb.tleft {
margin-right: 2em;
}
.Media-figure a,
.image.fancybox {
display: inline-block;
}
.magnify a {
text-indent: 0;
width: 25px;
height: 25px;
border-style: solid;
border-width: 2px;
line-height: 15px;
}
.magnify a:before {
content: "+";
font-family: FontAwesome;
font-size: 20px;
}

/* PAGE PRINCIPALE D'ACCUEIL*/
.page-École_de_recherche_graphique #page-content #content ul {
margin-left: 0;
}

.page-École_de_recherche_graphique #page-content #content li {
margin: 20px 0;
border-width: 2px;
border-style: solid;
border-image: linear-gradient(to right, var(--color-a), var(--color-b));
border-image-slice: 1;
padding: 6px;
width: fit-content;
}
.page-École_de_recherche_graphique #page-content #content li a {
border-width: 0;
}

.page-École_de_recherche_graphique #page-content #content li:hover {
background-image: linear-gradient(to right, var(--color-a), var(--color-b));

}

.page-École_de_recherche_graphique #page-content #content li::before {
content: "" !important;
}

.page-École_de_recherche_graphique #page-content # content li a {
border-width: 0px;
border-style: solid;
}
.page-École_de_recherche_graphique #page-content #content li a:hover {
border-width: 0px;
border-style: solid;
background: rgba(0,0,0,0);
}

/* FIN PAGE PRINCIPALE*/

/* MEDIA QUERIES ------------------------------------------------------------------ */
@media (max-width: 800px) {
div.tleft, div.floatleft, table.floatleft {
width: 100%;
margin-bottom: 3em;
}
#toc {
max-width: initial;
width: 100%;
margin-left: 0;

}
}
@media only screen and (max-width: 600px) {
.top-bar,
.top-bar-section,
#top-bar-right,
#top-bar-right .columns {
display: inherit;
}
.top-bar.expanded {
flex-wrap: wrap;
}
.top-bar.expanded .title-area {
display: flex;
flex-grow: 1;
justify-content: space-between;
}
.top-bar.expanded .top-bar,
.top-bar.expanded .top-bar-section,
.top-bar.expanded #top-bar-right,
.top-bar.expanded #top-bar-right .columns {
display: flex;
align-items: center;
flex-wrap: wrap;
}
.divider.show-for-small {
display: none !important;
}

#top-bar-left, #top-bar-right {
padding: 10px 0 0 0;
}
#top-bar-left .dropdown li, #top-bar-right .dropdown li {
padding: 0;
}
}

/* Formulaire d'edition ------------------------------------------------------------------ */
#editform
{
margin-top: -5vh;
}
/* Lien vers page anglaise ------------------------------------------------------------------ */
#english{
font-size: 0.8em;
}

MediaWiki:Ouroboros.css

2024-02-08T14:44:25Z

Dobody :

/*
_ ______ _____ _ _______ _ _ _________ _ _ ______ __ __ ______
| | | ____| / ____| |/ /_ _| \ | | / /__ __| | | | ____| \/ | ____|
| | | |__ | (___ | ' / | | | \| | / / | | | |__| | |__ | \ / | |__
| | | __| \___ \| < | | | . ` | / / | | | __ | __| | |\/| | __|
| |____| |____ ____) | . \ _| |_| |\ |/ / | | | | | | |____| | | | |____
|______|______|_|_____/|_|\_\_____|_|_\_/_/___ _ |_| |_| |_|______|_| |_|______|
/ __ \| ____| ____|_ _/ ____|_ _| ____| |
| | | | |__ | |__ | || | | | | |__ | |
| | | | __| | __| | || | | | | __| | |
| |__| | | | | _| || |____ _| |_| |____| |____
\____/|_|____|_| |_____\_____|_____|______|______|
| __ \| ____|
| | | | |__
| | | | __|
| |__| | |____
|_____/|______|_ _____ _____
| | | ____| __ \ / ____|
| | | |__ | |__) | | __
| | | __| | _ /| | |_ |
| |____ | |____| | \ \| |__| |
|______| |______|_| \_\\_____|

*/

@font-face {
font-family: AntiqueNoble;
src: url("/mw/skins/ouroboros/assets/fonts/antiquenoblebold.woff");
}

@font-face {
font-family: Combined;
src: url("/mw/skins/ouroboros/assets/fonts/combined.otf");
}
@font-face {
font-family: Lucette;
src: url("/mw/skins/ouroboros/assets/fonts/LUCETTE/font/otf/Lucette-Regular.otf");
src: url("/mw/skins/ouroboros/assets/fonts/LUCETTE/font/ttf/Lucette-Regular.ttf");
src: url("/mw/skins/ouroboros/assets/fonts/LUCETTE/font/woff/Lucette-Regular.woff");
src: url("/mw/skins/ouroboros/assets/fonts/LUCETTE/font/woff2/Lucette-Regular.woff2");
}
@font-face {
font-family: Lucette;
src: url("/mw/skins/ouroboros/assets/fonts/LUCETTE/font/otf/Lucette-Regularitalic.otf");
src: url("/mw/skins/ouroboros/assets/fonts/LUCETTE/font/ttf/Lucette-Regularitalic.ttf");
src: url("/mw/skins/ouroboros/assets/fonts/LUCETTE/font/woff/Lucette-Regularitalic.woff");
src: url("/mw/skins/ouroboros/assets/fonts/LUCETTE/font/woff2/Lucette-Regularitalic.woff2");
font-style: italic;
}

@font-face {
font-family: Ductus;
src: url("/mw/skins/ouroboros/assets/fonts/ductus/webfonts/DuctusRegular.woff");
src: url("/mw/skins/ouroboros/assets/fonts/ductus/webfonts/DuctusRegular.woff2");
}
/*
@font-face {
font-family: Vega;
src: url("/mw/skins/ouroboros/assets/fonts/otf/Vega-Regular.otf");
src: url("/mw/skins/ouroboros/assets/fonts/Vega-Regular.ttf") format("truetype");
src: url("/mw/skins/ouroboros/assets/fonts/Vega-Regular-Webfont.svg" format("svg"));
src: url("/mw/skins/ouroboros/assets/fonts/Vega-Regular.woff" format("woff"));
src: url("/mw/skins/ouroboros/assets/fonts/Vega-Regular.woff2") format("woff2");
}
*/

/* Global variables. */
:root,
::backdrop {
/* Set sans-serif & mono fonts */
--sans-font: -apple-system, BlinkMacSystemFont, "Avenir Next", Avenir,
"Nimbus Sans L", Roboto, "Noto Sans", "Segoe UI", Arial, Helvetica,
"Helvetica Neue", sans-serif;
--mono-font: Consolas, Menlo, Monaco, "Andale Mono", "Ubuntu Mono", monospace;
--standard-border-radius: 5px;

/* Default (light) theme */
--bg: #fff;
--accent-bg: #f5f7ff;
--text: #212121;
--text-light: #585858;
--border: #898EA4;
--accent: #0d47a1;
--accent-hover: #1266e2;
--accent-text: var(--bg);
--code: #d81b60;
--preformatted: #444;
--marked: #ffdd33;
--disabled: #efefef;

--font-title: Ductus;
--font-body: Lucette;
--color-a: #a700ff; /* purple */
--color-b: #00ab6b; /* green */
--font-size: 15pt;
--line-height: 1.3em;
}

/* Dark theme */
@media (prefers-color-scheme: dark) {
:root,
::backdrop {
color-scheme: dark;
--bg: #222;
--accent-bg: #2b2b2b;
--text: #dcdcdc;
--text-light: #ababab;
--accent: #ffb300;
--accent-hover: #ffe099;
--accent-text: var(--bg);
--code: #f06292;
--preformatted: #ccc;
--disabled: #111;

--font-title: Ductus;
--font-body: Lucette;
--color-a: #9557b5; /* washed-off purple */
--color-b: #3c856b; /* washed-off green */
--font-size: 15pt;
--line-height: 1.3em;
}
}

/* Reset box-sizing */
*, *::before, *::after {
box-sizing: border-box;
}

body {
font-family: var(--font-body);
font-size: var(--font-size);
line-height: var(--line-height);
padding-top: 3em;
background-color: var(--bg);
color: var(--text);
}
p {
font-size: var(--font-size);
line-height: var(--line-height);
margin-bottom: 0;
}
p + p {
margin-top: var(--line-height);
}

/* INTERFACE ------------------------------------------------------------------ */
/* remove category help button (does it remove other stuff? mmm...) */
#mw-indicator-mw-helplink {
display: none;
}

/* Menu bar, position fixed to be able to grab it to resize the map on mobile devices */
#navwrapper {
position: fixed;
top: 0;
right: 0;
z-index: 1000;
left: 0;
}

h4.namespace.label {
display: none;
}

.mw-editsection, .mw-editsection-like {
font-size: 10px;
}

#actions {
left: initial !important;
right: 14px;
top: -21px;
background-color: var(--accent-bg);
border: 1px solid var(--text-light);
color: var(--text-light);
}
a#actions-button {
margin-top: -1em;
background-color: var(--accent-bg);
padding: 5px;
color: var(--text-light);
}
.fa,
button, .button,
.top-bar-section ul li > a {
font-family: var(--font-body);
}
.fa::before {
font-family: FontAwesome;
}

.top-bar,
.top-bar-section,
#top-bar-left,
#top-bar-right,
#top-bar-right .columns {
display: flex;
background-color: #222;
align-items: center;
justify-content: space-evenly;
}
#top-bar-left {
width: initial;
}
.top-bar-section {
flex-grow: 1;
}
.has-form {
flex-grow: 1;
padding: 0.5em !important;
}
#top-bar-right {
justify-content: space-between;
flex-grow: 1;
}
.top-bar input {
padding-top: 8px;
flex-grow: 1;
height: 2em;
box-sizing: border-box;
border: 0;
outline: 0;
}
.button.search {
background-color: transparent;
border-style: solid;
border-width: 2px;
border-image: linear-gradient(to right, var(--color-a), var(--color-b));
border-image-slice: 1;
top: 2px !important;
position: relative;
margin-left: 0px !important;
box-sizing: border-box;
padding: 0;
width: 80px;
height: 2em;
margin: 0;
top: 0 !important;
}
.button.search:hover {
background-color: var(--color-a);
}
.suggestions-result-current {
background-color: var(--color-b) !important;
}

.top-bar .toggle-topbar a {
text-transform: lowercase;
font-size: 1em;
}

#toc, .toc {
float: right;
margin-left: 1em;
max-width: 45%;
background-color: var(--accent-bg);
border-radius: 5px;
}
.toctitle {
margin-bottom: -1em;
}
#toc h2 {
margin-top: 0.25em;
font-size: 1em;
display: inline-block;
margin-right: 0.5em;
}
#toc ul {
margin: 0;
}
.tocnumber:after {
content: " – ";
}

table.infobox {
width: initial;
max-width: 45%;
}
table.infobox th.head {
background-color: var(--color-b);
}
th, td {
padding: 0.5em !important;
}

li {
line-height: initial;
}

.mw-category-generated {
margin-top: 2em;
}

/* if no content but only listing subcategories */
.mw-parser-output:empty + .mw-category-generated h2 {
display: none;
}

/* If only one subcategory, don't list the initial */
.mw-category-generated #mw-pages div:only-of-type h3,
#mw-subcategories div:only-of-type h3 {
/*display: none;*/
}

/* removes counting of categories */
.mw-category-generated #mw-pages p:first-of-type,
#mw-subcategories p:first-of-type {
display: none;
}

.group {
margin-top: 5em;
}
#catlinks .label {
border-width: 2px;
border-style: solid;
background-color: transparent;
padding: 2px 6px !important;
}

/* HEADER ------------------------------------------------------------------ */
.title-name {
font-family: var(--font-title);
font-weight: bold;
}
.title-name:hover {
color: var(--color-a);
}

.top-bar-section .has-form {
background-color: #222 !important;
}
.top-bar-section .has-dropdown > a::after {
display: none;
}
.top-bar-section .has-dropdown > a {
padding-right: initial !important;
}
.top-bar-section .dropdown li {
width: initial;
/*height: 2em;*/
position: relative;
padding: 0;
border-bottom: 1px solid lightgray;
}
.top-bar-section ul li {
padding: 0 0.5em;
background-color: #222;
}
.top-bar-section ul li:hover {
z-index: 1000;
}
.top-bar-section ul li > a {
font-size: 16px;
padding: 0;
font-weight: bold;
}

li#p-menu > a {
text-transform: uppercase;
padding: 0;
}
li#p-menu > a + ul li {
outline: 1px solid #00a393;
}

.top-bar-section .dropdown li:not(.has-form):not(.active):hover > a:not(.button) {
background: linear-gradient(90deg,var(--color-a), var(--color-b));
}
li#p-menu + li.has-dropdown {
width: 3em;
text-align: center;
}
li#p-menu + li.has-dropdown > a {
border-radius: 100%;
padding: 0;
text-align: center;
line-height: 30px;
margin: auto;
display: inline-block;
width: 30px;
box-sizing: border-box;
height: 30px;
}
.not-logged-in #top-bar-right li:nth-child(3) {
display: none;
}

#toolbox-dropdown li, #personal-tools-dropdown .dropdown li {
float: right;
}

.back h5 {
font-size: 2em !important;
}
a.parent-link {
color: var(--color-b) !important;
font-weight: bold !important;
}

/* Couleurs pour le navbar */

.top-bar, .top-bar.expanded {
background: linear-gradient(90deg, var(--color-a) 0%, var(--color-b) 100%);
}
.top-bar *:not(.dropdown li a, input, .dropdown), .top-bar.expanded *:not(.dropdown li a, input, .dropdown) {
background: transparent !important;
color: white !important;
}
.top-bar.expanded .dropdown {
background-color: #212121;
}
.top-bar .dropdown li {
background-color: var(--bg);
}
.top-bar.expanded .toggle-topbar a span::after
{
box-shadow: 0 0 0 1px #FFFFFF66,0 7px 0 1px #FFFFFF66,0 14px 0 1px #FFFFFF66;
}
.top-bar .dropdown li:hover {
background: linear-gradient(90deg, var(--color-a) 0%, var(--color-b) 100%);
}
.top-bar {
border-bottom: 1px solid var(--color-a);
}
.top-bar-section .has-form {
background-color: transparent !important;
}
.top-bar input {
border: 1px solid var(--text);
background: white !important;
color: black !important;
}

/* FIN */

/* CONTENT ------------------------------------------------------------------ */
#page-content {
margin: 1em;
color: var(--text);
}
#english {
position: relative;
top: -1.5em;
}

h1, h2, h3, h4, h5, h6 {
margin-top: 1em;
color: var(--color-b);
line-height: 1.5em;
font-family: var(--font-body);
}
h1, h1#firstHeading, h2 {
font-family: var(--font-title);
font-size: 1.5em;
}
h2 {
font-family: var(--font-title);
}

h1 {
color: var(--color-a);
}
h2 span {
display: initial;
}
h3 {
font-family: var(--font-title);
font-size: 1em;
}
body.action-view #page-content a {
border-image: linear-gradient(to right, var(--color-a), var(--color-b));
border-bottom-width: 2px;
border-image-slice: 1;
color: var(--text);
border-bottom-style: solid;
padding: 3px 5px 1px;

}
#page-content a:hover,
#catlinks .label:hover {
background: linear-gradient(to right,var(--color-a),var(--color-b));
color: white !important;
}
/* Removes user name */
h3#tagline {
display: none;
}
#bodyContent {
margin-top: 3em;
}

#page-content ul, #page-content ol {
font-size: 1em;
margin-top: calc( var(--line-height) / 2) !important;
margin-bottom: calc( var(--line-height) / 1) !important;
}
div {
line-height: 1.4em ;
}
label {
color: var(--text-light);
}
label[for="wpCaptchaWord"]{
background-color: orangered;
}
code, pre {
color: darkgrey;
background-color: #181818;
border: 1px solid darkgrey;
border-radius:3px;
font-size: 0.8em;
}

/* ACTUALITÉS ------------------------------------------------------------------ */
.medialisting {
display: flex;
flex-wrap: wrap;
}
.medialisting a {
border: 0 !important;
}
.Media {
display: flex;
align-items: flex-start;
margin-bottom: 1em;
flex-direction: column;
flex-basis: 32%;
box-sizing: border-box;
justify-content: center;
padding: 0.5em;
background: radial-gradient(var(--color-a) -31%, transparent 60%);
}
.Media:nth-child(2n) {
background: radial-gradient(var(--color-b) -31%, transparent 60%);
}
.Media-body {
flex: initial;
}

.flexgal {
display: flex;
flex-wrap: wrap;
}

/* THUMBNAILS ------------------------------------------------------------------ */
.thumbinner {
background-color: var(--accent-bg);
}
.thumb.tleft {
margin-right: 2em;
}
.Media-figure a,
.image.fancybox {
display: inline-block;
}
.magnify a {
text-indent: 0;
width: 25px;
height: 25px;
border-style: solid;
border-width: 2px;
line-height: 15px;
}
.magnify a:before {
content: "+";
font-family: FontAwesome;
font-size: 20px;
}

/* PAGE PRINCIPALE D'ACCUEIL*/
.page-École_de_recherche_graphique #page-content #content ul {
margin-left: 0;
}

.page-École_de_recherche_graphique #page-content #content li {
margin: 20px 0;
border-width: 2px;
border-style: solid;
border-image: linear-gradient(to right, var(--color-a), var(--color-b));
border-image-slice: 1;
padding: 6px;
width: fit-content;
}
.page-École_de_recherche_graphique #page-content #content li a {
border-width: 0;
}

.page-École_de_recherche_graphique #page-content #content li:hover {
background-image: linear-gradient(to right, var(--color-a), var(--color-b));

}

.page-École_de_recherche_graphique #page-content #content li::before {
content: "" !important;
}

.page-École_de_recherche_graphique #page-content # content li a {
border-width: 0px;
border-style: solid;
}
.page-École_de_recherche_graphique #page-content #content li a:hover {
border-width: 0px;
border-style: solid;
background: rgba(0,0,0,0);
}

/* FIN PAGE PRINCIPALE*/

/* MEDIA QUERIES ------------------------------------------------------------------ */
@media (max-width: 800px) {
div.tleft, div.floatleft, table.floatleft {
width: 100%;
margin-bottom: 3em;
}
#toc {
max-width: initial;
width: 100%;
margin-left: 0;

}
}
@media only screen and (max-width: 600px) {
.top-bar,
.top-bar-section,
#top-bar-right,
#top-bar-right .columns {
display: inherit;
}
.top-bar.expanded {
flex-wrap: wrap;
}
.top-bar.expanded .title-area {
display: flex;
flex-grow: 1;
justify-content: space-between;
}
.top-bar.expanded .top-bar,
.top-bar.expanded .top-bar-section,
.top-bar.expanded #top-bar-right,
.top-bar.expanded #top-bar-right .columns {
display: flex;
align-items: center;
flex-wrap: wrap;
}
.divider.show-for-small {
display: none !important;
}

#top-bar-left, #top-bar-right {
padding: 10px 0 0 0;
}
#top-bar-left .dropdown li, #top-bar-right .dropdown li {
padding: 0;
}
}

/* Formulaire d'edition ------------------------------------------------------------------ */
#editform
{
margin-top: -5vh;
}
/* Lien vers page anglaise ------------------------------------------------------------------ */
#english{
font-size: 0.8em;
}

MediaWiki:Ouroboros.css

2024-02-08T14:27:29Z

Dobody :

/*
_ ______ _____ _ _______ _ _ _________ _ _ ______ __ __ ______
| | | ____| / ____| |/ /_ _| \ | | / /__ __| | | | ____| \/ | ____|
| | | |__ | (___ | ' / | | | \| | / / | | | |__| | |__ | \ / | |__
| | | __| \___ \| < | | | . ` | / / | | | __ | __| | |\/| | __|
| |____| |____ ____) | . \ _| |_| |\ |/ / | | | | | | |____| | | | |____
|______|______|_|_____/|_|\_\_____|_|_\_/_/___ _ |_| |_| |_|______|_| |_|______|
/ __ \| ____| ____|_ _/ ____|_ _| ____| |
| | | | |__ | |__ | || | | | | |__ | |
| | | | __| | __| | || | | | | __| | |
| |__| | | | | _| || |____ _| |_| |____| |____
\____/|_|____|_| |_____\_____|_____|______|______|
| __ \| ____|
| | | | |__
| | | | __|
| |__| | |____
|_____/|______|_ _____ _____
| | | ____| __ \ / ____|
| | | |__ | |__) | | __
| | | __| | _ /| | |_ |
| |____ | |____| | \ \| |__| |
|______| |______|_| \_\\_____|

*/

@font-face {
font-family: AntiqueNoble;
src: url("/mw/skins/ouroboros/assets/fonts/antiquenoblebold.woff");
}

@font-face {
font-family: Combined;
src: url("/mw/skins/ouroboros/assets/fonts/combined.otf");
}
@font-face {
font-family: Lucette;
src: url("/mw/skins/ouroboros/assets/fonts/LUCETTE/font/otf/Lucette-Regular.otf");
src: url("/mw/skins/ouroboros/assets/fonts/LUCETTE/font/ttf/Lucette-Regular.ttf");
src: url("/mw/skins/ouroboros/assets/fonts/LUCETTE/font/woff/Lucette-Regular.woff");
src: url("/mw/skins/ouroboros/assets/fonts/LUCETTE/font/woff2/Lucette-Regular.woff2");
}
@font-face {
font-family: Lucette;
src: url("/mw/skins/ouroboros/assets/fonts/LUCETTE/font/otf/Lucette-Regularitalic.otf");
src: url("/mw/skins/ouroboros/assets/fonts/LUCETTE/font/ttf/Lucette-Regularitalic.ttf");
src: url("/mw/skins/ouroboros/assets/fonts/LUCETTE/font/woff/Lucette-Regularitalic.woff");
src: url("/mw/skins/ouroboros/assets/fonts/LUCETTE/font/woff2/Lucette-Regularitalic.woff2");
font-style: italic;
}

@font-face {
font-family: Ductus;
src: url("/mw/skins/ouroboros/assets/fonts/ductus/webfonts/DuctusRegular.woff");
src: url("/mw/skins/ouroboros/assets/fonts/ductus/webfonts/DuctusRegular.woff2");
}
/*
@font-face {
font-family: Vega;
src: url("/mw/skins/ouroboros/assets/fonts/otf/Vega-Regular.otf");
src: url("/mw/skins/ouroboros/assets/fonts/Vega-Regular.ttf") format("truetype");
src: url("/mw/skins/ouroboros/assets/fonts/Vega-Regular-Webfont.svg" format("svg"));
src: url("/mw/skins/ouroboros/assets/fonts/Vega-Regular.woff" format("woff"));
src: url("/mw/skins/ouroboros/assets/fonts/Vega-Regular.woff2") format("woff2");
}
*/

/* Global variables. */
:root,
::backdrop {
/* Set sans-serif & mono fonts */
--sans-font: -apple-system, BlinkMacSystemFont, "Avenir Next", Avenir,
"Nimbus Sans L", Roboto, "Noto Sans", "Segoe UI", Arial, Helvetica,
"Helvetica Neue", sans-serif;
--mono-font: Consolas, Menlo, Monaco, "Andale Mono", "Ubuntu Mono", monospace;
--standard-border-radius: 5px;

/* Default (light) theme */
--bg: #fff;
--accent-bg: #f5f7ff;
--text: #212121;
--text-light: #585858;
--border: #898EA4;
--accent: #0d47a1;
--accent-hover: #1266e2;
--accent-text: var(--bg);
--code: #d81b60;
--preformatted: #444;
--marked: #ffdd33;
--disabled: #efefef;

--font-title: Ductus;
--font-body: Lucette;
--color-a: #a700ff; /* purple */
--color-b: #00ab6b; /* green */
--font-size: 15pt;
--line-height: 1.3em;
}

/* Dark theme */
@media (prefers-color-scheme: dark) {
:root,
::backdrop {
color-scheme: dark;
--bg: #222;
--accent-bg: #2b2b2b;
--text: #dcdcdc;
--text-light: #ababab;
--accent: #ffb300;
--accent-hover: #ffe099;
--accent-text: var(--bg);
--code: #f06292;
--preformatted: #ccc;
--disabled: #111;

--font-title: Ductus;
--font-body: Lucette;
--color-a: #9557b5; /* washed-off purple */
--color-b: #3c856b; /* washed-off green */
--font-size: 15pt;
--line-height: 1.3em;
}
}

/* Reset box-sizing */
*, *::before, *::after {
box-sizing: border-box;
}

body {
font-family: var(--font-body);
font-size: var(--font-size);
line-height: var(--line-height);
padding-top: 3em;
background-color: var(--bg);
color: var(--text);
}
p {
font-size: var(--font-size);
line-height: var(--line-height);
margin-bottom: 0;
}
p + p {
margin-top: var(--line-height);
}

/* INTERFACE ------------------------------------------------------------------ */
/* remove category help button (does it remove other stuff? mmm...) */
#mw-indicator-mw-helplink {
display: none;
}

/* Menu bar, position fixed to be able to grab it to resize the map on mobile devices */
#navwrapper {
position: fixed;
top: 0;
right: 0;
z-index: 1000;
left: 0;
}

h4.namespace.label {
display: none;
}

.mw-editsection, .mw-editsection-like {
font-size: 10px;
}

#actions {
left: initial !important;
right: 14px;
top: -21px;
background-color: var(--accent-bg);
border: 1px solid var(--text-light);
color: var(--text-light);
}
a#actions-button {
margin-top: -1em;
background-color: var(--accent-bg);
padding: 5px;
color: var(--text-light);
}
.fa,
button, .button,
.top-bar-section ul li > a {
font-family: var(--font-body);
}
.fa::before {
font-family: FontAwesome;
}

.top-bar,
.top-bar-section,
#top-bar-left,
#top-bar-right,
#top-bar-right .columns {
display: flex;
background-color: #222;
align-items: center;
justify-content: space-evenly;
}
#top-bar-left {
width: initial;
}
.top-bar-section {
flex-grow: 1;
}
.has-form {
flex-grow: 1;
padding: 0.5em !important;
}
#top-bar-right {
justify-content: space-between;
flex-grow: 1;
}
.top-bar input {
padding-top: 8px;
flex-grow: 1;
height: 2em;
box-sizing: border-box;
border: 0;
outline: 0;
}
.button.search {
background-color: transparent;
border-style: solid;
border-width: 2px;
border-image: linear-gradient(to right, var(--color-a), var(--color-b));
border-image-slice: 1;
top: 2px !important;
position: relative;
margin-left: 0px !important;
box-sizing: border-box;
padding: 0;
width: 80px;
height: 2em;
margin: 0;
top: 0 !important;
}
.button.search:hover {
background-color: var(--color-a);
}
.suggestions-result-current {
background-color: var(--color-b) !important;
}

.top-bar .toggle-topbar a {
text-transform: lowercase;
font-size: 1em;
}

#toc, .toc {
float: right;
margin-left: 1em;
max-width: 45%;
background-color: var(--accent-bg);
border-radius: 5px;
}
.toctitle {
margin-bottom: -1em;
}
#toc h2 {
margin-top: 0.25em;
font-size: 1em;
display: inline-block;
margin-right: 0.5em;
}
#toc ul {
margin: 0;
}
.tocnumber:after {
content: " – ";
}

table.infobox {
width: initial;
max-width: 45%;
}
table.infobox th.head {
background-color: var(--color-b);
}
th, td {
padding: 0.5em !important;
}

li {
line-height: initial;
}

.mw-category-generated {
margin-top: 2em;
}

/* if no content but only listing subcategories */
.mw-parser-output:empty + .mw-category-generated h2 {
display: none;
}

/* If only one subcategory, don't list the initial */
.mw-category-generated #mw-pages div:only-of-type h3,
#mw-subcategories div:only-of-type h3 {
/*display: none;*/
}

/* removes counting of categories */
.mw-category-generated #mw-pages p:first-of-type,
#mw-subcategories p:first-of-type {
display: none;
}

.group {
margin-top: 5em;
}
#catlinks .label {
border-width: 2px;
border-style: solid;
background-color: transparent;
padding: 2px 6px !important;
}

/* HEADER ------------------------------------------------------------------ */
.title-name {
font-family: var(--font-title);
font-weight: bold;
}
.title-name:hover {
color: var(--color-a);
}

.top-bar-section .has-form {
background-color: #222 !important;
}
.top-bar-section .has-dropdown > a::after {
display: none;
}
.top-bar-section .has-dropdown > a {
padding-right: initial !important;
}
.top-bar-section .dropdown li {
width: initial;
/*height: 2em;*/
position: relative;
padding: 0;
border-bottom: 1px solid lightgray;
}
.top-bar-section ul li {
padding: 0 0.5em;
background-color: #222;
}
.top-bar-section ul li:hover {
z-index: 1000;
}
.top-bar-section ul li > a {
font-size: 16px;
padding: 0;
font-weight: bold;
}

li#p-menu > a {
text-transform: uppercase;
padding: 0;
}
li#p-menu > a + ul li {
outline: 1px solid #00a393;
}

.top-bar-section .dropdown li:not(.has-form):not(.active):hover > a:not(.button) {
background: linear-gradient(90deg,var(--color-a), var(--color-b));
}
li#p-menu + li.has-dropdown {
width: 3em;
text-align: center;
}
li#p-menu + li.has-dropdown > a {
border-radius: 100%;
padding: 0;
text-align: center;
line-height: 30px;
margin: auto;
display: inline-block;
width: 30px;
box-sizing: border-box;
height: 30px;
}
.not-logged-in #top-bar-right li:nth-child(3) {
display: none;
}

#toolbox-dropdown li, #personal-tools-dropdown .dropdown li {
float: right;
}

.back h5 {
font-size: 2em !important;
}
a.parent-link {
color: var(--color-b) !important;
font-weight: bold !important;
}

/* Couleurs pour le navbar */

.top-bar, .top-bar.expanded {
background: linear-gradient(90deg, var(--color-a) 0%, var(--color-b) 100%);
}
.top-bar *:not(.dropdown li a, input, .dropdown), .top-bar.expanded *:not(.dropdown li a, input, .dropdown) {
background: transparent !important;
color: white !important;
}
.top-bar.expanded .dropdown {
background-color: var(--text)
}
.top-bar .dropdown li {
background-color: var(--bg);
}
.top-bar.expanded .toggle-topbar a span::after
{
box-shadow: 0 0 0 1px #FFFFFF66,0 7px 0 1px #FFFFFF66,0 14px 0 1px #FFFFFF66;
}
.top-bar .dropdown li:hover {
background: linear-gradient(90deg, var(--color-a) 0%, var(--color-b) 100%);
}
.top-bar {
border-bottom: 1px solid var(--color-a);
}
.top-bar-section .has-form {
background-color: transparent !important;
}
.top-bar input {
border: 1px solid var(--text);
background: white !important;
color: black !important;
}

/* FIN */

/* CONTENT ------------------------------------------------------------------ */
#page-content {
margin: 1em;
color: var(--text);
}
#english {
position: relative;
top: -1.5em;
}

h1, h2, h3, h4, h5, h6 {
margin-top: 1em;
color: var(--color-b);
line-height: 1.5em;
font-family: var(--font-body);
}
h1, h1#firstHeading, h2 {
font-family: var(--font-title);
font-size: 1.5em;
}
h2 {
font-family: var(--font-title);
}

h1 {
color: var(--color-a);
}
h2 span {
display: initial;
}
h3 {
font-family: var(--font-title);
font-size: 1em;
}
body.action-view #page-content a {
border-image: linear-gradient(to right, var(--color-a), var(--color-b));
border-bottom-width: 2px;
border-image-slice: 1;
color: var(--text);
border-bottom-style: solid;
padding: 3px 5px 1px;

}
#page-content a:hover,
#catlinks .label:hover {
background: linear-gradient(to right,var(--color-a),var(--color-b));
color: white !important;
}
/* Removes user name */
h3#tagline {
display: none;
}
#bodyContent {
margin-top: 3em;
}

#page-content ul, #page-content ol {
font-size: 1em;
margin-top: calc( var(--line-height) / 2) !important;
margin-bottom: calc( var(--line-height) / 1) !important;
}
div {
line-height: 1.4em ;
}
label {
color: var(--text-light);
}
label[for="wpCaptchaWord"]{
background-color: orangered;
}
code, pre {
color: darkgrey;
background-color: #181818;
border: 1px solid darkgrey;
border-radius:3px;
font-size: 0.8em;
}

/* ACTUALITÉS ------------------------------------------------------------------ */
.medialisting {
display: flex;
flex-wrap: wrap;
}
.medialisting a {
border: 0 !important;
}
.Media {
display: flex;
align-items: flex-start;
margin-bottom: 1em;
flex-direction: column;
flex-basis: 32%;
box-sizing: border-box;
justify-content: center;
padding: 0.5em;
background: radial-gradient(var(--color-a) -31%, transparent 60%);
}
.Media:nth-child(2n) {
background: radial-gradient(var(--color-b) -31%, transparent 60%);
}
.Media-body {
flex: initial;
}

.flexgal {
display: flex;
flex-wrap: wrap;
}

/* THUMBNAILS ------------------------------------------------------------------ */
.thumbinner {
background-color: var(--accent-bg);
}
.thumb.tleft {
margin-right: 2em;
}
.Media-figure a,
.image.fancybox {
display: inline-block;
}
.magnify a {
text-indent: 0;
width: 25px;
height: 25px;
border-style: solid;
border-width: 2px;
line-height: 15px;
}
.magnify a:before {
content: "+";
font-family: FontAwesome;
font-size: 20px;
}

/* PAGE PRINCIPALE D'ACCUEIL*/
.page-École_de_recherche_graphique #page-content #content ul {
margin-left: 0;
}

.page-École_de_recherche_graphique #page-content #content li {
margin: 20px 0;
border-width: 2px;
border-style: solid;
border-image: linear-gradient(to right, var(--color-a), var(--color-b));
border-image-slice: 1;
padding: 6px;
width: fit-content;
}
.page-École_de_recherche_graphique #page-content #content li a {
border-width: 0;
}

.page-École_de_recherche_graphique #page-content #content li:hover {
background-image: linear-gradient(to right, var(--color-a), var(--color-b));

}

.page-École_de_recherche_graphique #page-content #content li::before {
content: "" !important;
}

.page-École_de_recherche_graphique #page-content # content li a {
border-width: 0px;
border-style: solid;
}
.page-École_de_recherche_graphique #page-content #content li a:hover {
border-width: 0px;
border-style: solid;
background: rgba(0,0,0,0);
}

/* FIN PAGE PRINCIPALE*/

/* MEDIA QUERIES ------------------------------------------------------------------ */
@media (max-width: 800px) {
div.tleft, div.floatleft, table.floatleft {
width: 100%;
margin-bottom: 3em;
}
#toc {
max-width: initial;
width: 100%;
margin-left: 0;

}
}
@media only screen and (max-width: 600px) {
.top-bar,
.top-bar-section,
#top-bar-right,
#top-bar-right .columns {
display: inherit;
}
.top-bar.expanded {
flex-wrap: wrap;
}
.top-bar.expanded .title-area {
display: flex;
flex-grow: 1;
justify-content: space-between;
}
.top-bar.expanded .top-bar,
.top-bar.expanded .top-bar-section,
.top-bar.expanded #top-bar-right,
.top-bar.expanded #top-bar-right .columns {
display: flex;
align-items: center;
flex-wrap: wrap;
}
.divider.show-for-small {
display: none !important;
}

#top-bar-left, #top-bar-right {
padding: 10px 0 0 0;
}
#top-bar-left li, #top-bar-right li {
padding: 0;
}
}

/* Formulaire d'edition ------------------------------------------------------------------ */
#editform
{
margin-top: -5vh;
}
/* Lien vers page anglaise ------------------------------------------------------------------ */
#english{
font-size: 0.8em;
}

MediaWiki:Ouroboros.css

2024-02-08T13:07:49Z

Dobody :

/*
_ ______ _____ _ _______ _ _ _________ _ _ ______ __ __ ______
| | | ____| / ____| |/ /_ _| \ | | / /__ __| | | | ____| \/ | ____|
| | | |__ | (___ | ' / | | | \| | / / | | | |__| | |__ | \ / | |__
| | | __| \___ \| < | | | . ` | / / | | | __ | __| | |\/| | __|
| |____| |____ ____) | . \ _| |_| |\ |/ / | | | | | | |____| | | | |____
|______|______|_|_____/|_|\_\_____|_|_\_/_/___ _ |_| |_| |_|______|_| |_|______|
/ __ \| ____| ____|_ _/ ____|_ _| ____| |
| | | | |__ | |__ | || | | | | |__ | |
| | | | __| | __| | || | | | | __| | |
| |__| | | | | _| || |____ _| |_| |____| |____
\____/|_|____|_| |_____\_____|_____|______|______|
| __ \| ____|
| | | | |__
| | | | __|
| |__| | |____
|_____/|______|_ _____ _____
| | | ____| __ \ / ____|
| | | |__ | |__) | | __
| | | __| | _ /| | |_ |
| |____ | |____| | \ \| |__| |
|______| |______|_| \_\\_____|

*/

@font-face {
font-family: AntiqueNoble;
src: url("/mw/skins/ouroboros/assets/fonts/antiquenoblebold.woff");
}

@font-face {
font-family: Combined;
src: url("/mw/skins/ouroboros/assets/fonts/combined.otf");
}
@font-face {
font-family: Lucette;
src: url("/mw/skins/ouroboros/assets/fonts/LUCETTE/font/otf/Lucette-Regular.otf");
src: url("/mw/skins/ouroboros/assets/fonts/LUCETTE/font/ttf/Lucette-Regular.ttf");
src: url("/mw/skins/ouroboros/assets/fonts/LUCETTE/font/woff/Lucette-Regular.woff");
src: url("/mw/skins/ouroboros/assets/fonts/LUCETTE/font/woff2/Lucette-Regular.woff2");
}
@font-face {
font-family: Lucette;
src: url("/mw/skins/ouroboros/assets/fonts/LUCETTE/font/otf/Lucette-Regularitalic.otf");
src: url("/mw/skins/ouroboros/assets/fonts/LUCETTE/font/ttf/Lucette-Regularitalic.ttf");
src: url("/mw/skins/ouroboros/assets/fonts/LUCETTE/font/woff/Lucette-Regularitalic.woff");
src: url("/mw/skins/ouroboros/assets/fonts/LUCETTE/font/woff2/Lucette-Regularitalic.woff2");
font-style: italic;
}

@font-face {
font-family: Ductus;
src: url("/mw/skins/ouroboros/assets/fonts/ductus/webfonts/DuctusRegular.woff");
src: url("/mw/skins/ouroboros/assets/fonts/ductus/webfonts/DuctusRegular.woff2");
}
/*
@font-face {
font-family: Vega;
src: url("/mw/skins/ouroboros/assets/fonts/otf/Vega-Regular.otf");
src: url("/mw/skins/ouroboros/assets/fonts/Vega-Regular.ttf") format("truetype");
src: url("/mw/skins/ouroboros/assets/fonts/Vega-Regular-Webfont.svg" format("svg"));
src: url("/mw/skins/ouroboros/assets/fonts/Vega-Regular.woff" format("woff"));
src: url("/mw/skins/ouroboros/assets/fonts/Vega-Regular.woff2") format("woff2");
}
*/

/* Global variables. */
:root,
::backdrop {
/* Set sans-serif & mono fonts */
--sans-font: -apple-system, BlinkMacSystemFont, "Avenir Next", Avenir,
"Nimbus Sans L", Roboto, "Noto Sans", "Segoe UI", Arial, Helvetica,
"Helvetica Neue", sans-serif;
--mono-font: Consolas, Menlo, Monaco, "Andale Mono", "Ubuntu Mono", monospace;
--standard-border-radius: 5px;

/* Default (light) theme */
--bg: #fff;
--accent-bg: #f5f7ff;
--text: #212121;
--text-light: #585858;
--border: #898EA4;
--accent: #0d47a1;
--accent-hover: #1266e2;
--accent-text: var(--bg);
--code: #d81b60;
--preformatted: #444;
--marked: #ffdd33;
--disabled: #efefef;

--font-title: Ductus;
--font-body: Lucette;
--color-a: #a700ff; /* purple */
--color-b: #00ab6b; /* green */
--font-size: 15pt;
--line-height: 1.3em;
}

/* Dark theme */
@media (prefers-color-scheme: dark) {
:root,
::backdrop {
color-scheme: dark;
--bg: #222;
--accent-bg: #2b2b2b;
--text: #dcdcdc;
--text-light: #ababab;
--accent: #ffb300;
--accent-hover: #ffe099;
--accent-text: var(--bg);
--code: #f06292;
--preformatted: #ccc;
--disabled: #111;

--font-title: Ductus;
--font-body: Lucette;
--color-a: #9557b5; /* washed-off purple */
--color-b: #3c856b; /* washed-off green */
--font-size: 15pt;
--line-height: 1.3em;
}
}

/* Reset box-sizing */
*, *::before, *::after {
box-sizing: border-box;
}

body {
font-family: var(--font-body);
font-size: var(--font-size);
line-height: var(--line-height);
padding-top: 3em;
background-color: var(--bg);
color: var(--text);
}
p {
font-size: var(--font-size);
line-height: var(--line-height);
margin-bottom: 0;
}
p + p {
margin-top: var(--line-height);
}

/* INTERFACE ------------------------------------------------------------------ */
/* remove category help button (does it remove other stuff? mmm...) */
#mw-indicator-mw-helplink {
display: none;
}

/* Menu bar, position fixed to be able to grab it to resize the map on mobile devices */
#navwrapper {
position: fixed;
top: 0;
right: 0;
z-index: 1000;
left: 0;
}

h4.namespace.label {
display: none;
}

.mw-editsection, .mw-editsection-like {
font-size: 10px;
}

#actions {
left: initial !important;
right: 14px;
top: -21px;
background-color: var(--accent-bg);
border: 1px solid var(--text-light);
color: var(--text-light);
}
a#actions-button {
margin-top: -1em;
background-color: var(--accent-bg);
padding: 5px;
color: var(--text-light);
}
.fa,
button, .button,
.top-bar-section ul li > a {
font-family: var(--font-body);
}
.fa::before {
font-family: FontAwesome;
}

.top-bar,
.top-bar-section,
#top-bar-left,
#top-bar-right,
#top-bar-right .columns {
display: flex;
background-color: #222;
align-items: center;
justify-content: space-evenly;
}
#top-bar-left {
width: initial;
}
.top-bar-section {
flex-grow: 1;
}
.has-form {
flex-grow: 1;
padding: 0.5em !important;
}
#top-bar-right {
justify-content: space-between;
flex-grow: 1;
}
.top-bar input {
padding-top: 8px;
flex-grow: 1;
height: 2em;
box-sizing: border-box;
border: 0;
outline: 0;
}
.button.search {
background-color: transparent;
border-style: solid;
border-width: 2px;
border-image: linear-gradient(to right, var(--color-a), var(--color-b));
border-image-slice: 1;
top: 2px !important;
position: relative;
margin-left: 0px !important;
box-sizing: border-box;
padding: 0;
width: 80px;
height: 2em;
margin: 0;
top: 0 !important;
}
.button.search:hover {
background-color: var(--color-a);
}
.suggestions-result-current {
background-color: var(--color-b) !important;
}

.top-bar .toggle-topbar a {
text-transform: lowercase;
font-size: 1em;
}

#toc, .toc {
float: right;
margin-left: 1em;
max-width: 45%;
background-color: var(--accent-bg);
border-radius: 5px;
}
.toctitle {
margin-bottom: -1em;
}
#toc h2 {
margin-top: 0.25em;
font-size: 1em;
display: inline-block;
margin-right: 0.5em;
}
#toc ul {
margin: 0;
}
.tocnumber:after {
content: " – ";
}

table.infobox {
width: initial;
max-width: 45%;
}
table.infobox th.head {
background-color: var(--color-b);
}
th, td {
padding: 0.5em !important;
}

li {
line-height: initial;
}

.mw-category-generated {
margin-top: 2em;
}

/* if no content but only listing subcategories */
.mw-parser-output:empty + .mw-category-generated h2 {
display: none;
}

/* If only one subcategory, don't list the initial */
.mw-category-generated #mw-pages div:only-of-type h3,
#mw-subcategories div:only-of-type h3 {
/*display: none;*/
}

/* removes counting of categories */
.mw-category-generated #mw-pages p:first-of-type,
#mw-subcategories p:first-of-type {
display: none;
}

.group {
margin-top: 5em;
}
#catlinks .label {
border-width: 2px;
border-style: solid;
background-color: transparent;
padding: 2px 6px !important;
}

/* HEADER ------------------------------------------------------------------ */
.title-name {
font-family: var(--font-title);
font-weight: bold;
}
.title-name:hover {
color: var(--color-a);
}

.top-bar-section .has-form {
background-color: #222 !important;
}
.top-bar-section .has-dropdown > a::after {
display: none;
}
.top-bar-section .has-dropdown > a {
padding-right: initial !important;
}
.top-bar-section .dropdown li {
width: initial;
/*height: 2em;*/
position: relative;
padding: 0;
border-bottom: 1px solid lightgray;
}
.top-bar-section ul li {
padding: 0 0.5em;
background-color: #222;
}
.top-bar-section ul li:hover {
z-index: 1000;
}
.top-bar-section ul li > a {
font-size: 16px;
padding: 0;
font-weight: bold;
}

li#p-menu > a {
text-transform: uppercase;
padding: 0;
}
li#p-menu > a + ul li {
outline: 1px solid #00a393;
}

.top-bar-section .dropdown li:not(.has-form):not(.active):hover > a:not(.button) {
background: linear-gradient(90deg,var(--color-a), var(--color-b));
}
li#p-menu + li.has-dropdown {
width: 3em;
text-align: center;
}
li#p-menu + li.has-dropdown > a {
border-radius: 100%;
padding: 0;
text-align: center;
line-height: 30px;
margin: auto;
display: inline-block;
width: 30px;
box-sizing: border-box;
height: 30px;
}
.not-logged-in #top-bar-right li:nth-child(3) {
display: none;
}

#toolbox-dropdown li, #personal-tools-dropdown .dropdown li {
float: right;
}

.back h5 {
font-size: 2em !important;
}
a.parent-link {
color: var(--color-b) !important;
font-weight: bold !important;
}

/* CONTENT ------------------------------------------------------------------ */
#page-content {
margin: 1em;
color: var(--text);
}
#english {
position: relative;
top: -1.5em;
}

h1, h2, h3, h4, h5, h6 {
margin-top: 1em;
color: var(--color-b);
line-height: 1.5em;
font-family: var(--font-body);
}
h1, h1#firstHeading, h2 {
font-family: var(--font-title);
font-size: 1.5em;
}
h2 {
font-family: var(--font-title);
}

h1 {
color: var(--color-a);
}
h2 span {
display: initial;
}
h3 {
font-family: var(--font-title);
font-size: 1em;
}
body.action-view #page-content a {
border-image: linear-gradient(to right, var(--color-a), var(--color-b));
border-bottom-width: 2px;
border-image-slice: 1;
color: var(--text);
border-bottom-style: solid;
padding: 3px 5px 1px;

}
#page-content a:hover,
#catlinks .label:hover {
background: linear-gradient(to right,var(--color-a),var(--color-b));
color: white !important;
}
/* Removes user name */
h3#tagline {
display: none;
}
#bodyContent {
margin-top: 3em;
}

#page-content ul, #page-content ol {
font-size: 1em;
margin-top: calc( var(--line-height) / 2) !important;
margin-bottom: calc( var(--line-height) / 1) !important;
}
div {
line-height: 1.4em ;
}
label {
color: var(--text-light);
}
label[for="wpCaptchaWord"]{
background-color: orangered;
}
code, pre {
color: darkgrey;
background-color: #181818;
border: 1px solid darkgrey;
border-radius:3px;
font-size: 0.8em;
padding: 1ch;
}

/* ACTUALITÉS ------------------------------------------------------------------ */
.medialisting {
display: flex;
flex-wrap: wrap;
}
.medialisting a {
border: 0 !important;
}
.Media {
display: flex;
align-items: flex-start;
margin-bottom: 1em;
flex-direction: column;
flex-basis: 32%;
box-sizing: border-box;
justify-content: center;
padding: 0.5em;
background: radial-gradient(var(--color-a) -31%, transparent 60%);
}
.Media:nth-child(2n) {
background: radial-gradient(var(--color-b) -31%, transparent 60%);
}
.Media-body {
flex: initial;
}

.flexgal {
display: flex;
flex-wrap: wrap;
}

/* THUMBNAILS ------------------------------------------------------------------ */
.thumbinner {
background-color: var(--accent-bg);
}
.thumb.tleft {
margin-right: 2em;
}
.Media-figure a,
.image.fancybox {
display: inline-block;
}
.magnify a {
text-indent: 0;
width: 25px;
height: 25px;
border-style: solid;
border-width: 2px;
line-height: 15px;
}
.magnify a:before {
content: "+";
font-family: FontAwesome;
font-size: 20px;
}

/* PAGE PRINCIPALE D'ACCUEIL*/
.page-École_de_recherche_graphique #page-content #content ul {
margin-left: 0;
}

.page-École_de_recherche_graphique #page-content #content li {
margin: 20px 0;
border-width: 2px;
border-style: solid;
border-image: linear-gradient(to right, var(--color-a), var(--color-b));
border-image-slice: 1;
padding: 6px;
width: fit-content;
}

.page-École_de_recherche_graphique #page-content #content li:hover {
background-image: linear-gradient(to right, var(--color-a), var(--color-b));

}

.page-École_de_recherche_graphique #page-content #content li::before {
content: "" !important;
}

.page-École_de_recherche_graphique #page-content # content li a {
border-width: 0px;
border-style: solid;
}
.page-École_de_recherche_graphique #page-content #content li a:hover {
border-width: 0px;
border-style: solid;
background: rgba(0,0,0,0);
}

/* FIN PAGE PRINCIPALE*/

/* MEDIA QUERIES ------------------------------------------------------------------ */
@media (max-width: 800px) {
div.tleft, div.floatleft, table.floatleft {
width: 100%;
margin-bottom: 3em;
}
#toc {
max-width: initial;
width: 100%;
margin-left: 0;

}
}
@media only screen and (max-width: 600px) {
.top-bar,
.top-bar-section,
#top-bar-right,
#top-bar-right .columns {
display: inherit;
}
.top-bar.expanded {
flex-wrap: wrap;
}
.top-bar.expanded .title-area {
display: flex;
flex-grow: 1;
justify-content: space-between;
}
.top-bar.expanded .top-bar,
.top-bar.expanded .top-bar-section,
.top-bar.expanded #top-bar-right,
.top-bar.expanded #top-bar-right .columns {
display: flex;
align-items: center;
flex-wrap: wrap;
}
.divider.show-for-small {
display: none !important;
}

#top-bar-left, #top-bar-right {
padding: 10px 0 0 0;
}
#top-bar-left li, #top-bar-right li {
padding: 0 8px 0 8px;
}
}

/* Formulaire d'edition ------------------------------------------------------------------ */
#editform
{
margin-top: -5vh;
}

Catégorie:Workshops

2024-02-06T12:20:29Z

Dobody :

Cette page regroupe l'ensemble des workshops passés et présents à l'erg.

{{#default_form:Workshop}}

MediaWiki:Ouroboros.css

2024-02-05T17:49:57Z

Dobody :

/*
_ ______ _____ _ _______ _ _ _________ _ _ ______ __ __ ______
| | | ____| / ____| |/ /_ _| \ | | / /__ __| | | | ____| \/ | ____|
| | | |__ | (___ | ' / | | | \| | / / | | | |__| | |__ | \ / | |__
| | | __| \___ \| < | | | . ` | / / | | | __ | __| | |\/| | __|
| |____| |____ ____) | . \ _| |_| |\ |/ / | | | | | | |____| | | | |____
|______|______|_|_____/|_|\_\_____|_|_\_/_/___ _ |_| |_| |_|______|_| |_|______|
/ __ \| ____| ____|_ _/ ____|_ _| ____| |
| | | | |__ | |__ | || | | | | |__ | |
| | | | __| | __| | || | | | | __| | |
| |__| | | | | _| || |____ _| |_| |____| |____
\____/|_|____|_| |_____\_____|_____|______|______|
| __ \| ____|
| | | | |__
| | | | __|
| |__| | |____
|_____/|______|_ _____ _____
| | | ____| __ \ / ____|
| | | |__ | |__) | | __
| | | __| | _ /| | |_ |
| |____ | |____| | \ \| |__| |
|______| |______|_| \_\\_____|

*/

@font-face {
font-family: AntiqueNoble;
src: url("/mw/skins/ouroboros/assets/fonts/antiquenoblebold.woff");
}

@font-face {
font-family: Combined;
src: url("/mw/skins/ouroboros/assets/fonts/combined.otf");
}
@font-face {
font-family: Lucette;
src: url("/mw/skins/ouroboros/assets/fonts/LUCETTE/font/otf/Lucette-Regular.otf");
src: url("/mw/skins/ouroboros/assets/fonts/LUCETTE/font/ttf/Lucette-Regular.ttf");
src: url("/mw/skins/ouroboros/assets/fonts/LUCETTE/font/woff/Lucette-Regular.woff");
src: url("/mw/skins/ouroboros/assets/fonts/LUCETTE/font/woff2/Lucette-Regular.woff2");
}
@font-face {
font-family: Lucette;
src: url("/mw/skins/ouroboros/assets/fonts/LUCETTE/font/otf/Lucette-Regularitalic.otf");
src: url("/mw/skins/ouroboros/assets/fonts/LUCETTE/font/ttf/Lucette-Regularitalic.ttf");
src: url("/mw/skins/ouroboros/assets/fonts/LUCETTE/font/woff/Lucette-Regularitalic.woff");
src: url("/mw/skins/ouroboros/assets/fonts/LUCETTE/font/woff2/Lucette-Regularitalic.woff2");
font-style: italic;
}

@font-face {
font-family: Ductus;
src: url("/mw/skins/ouroboros/assets/fonts/ductus/webfonts/DuctusRegular.woff");
src: url("/mw/skins/ouroboros/assets/fonts/ductus/webfonts/DuctusRegular.woff2");
}
/*
@font-face {
font-family: Vega;
src: url("/mw/skins/ouroboros/assets/fonts/otf/Vega-Regular.otf");
src: url("/mw/skins/ouroboros/assets/fonts/Vega-Regular.ttf") format("truetype");
src: url("/mw/skins/ouroboros/assets/fonts/Vega-Regular-Webfont.svg" format("svg"));
src: url("/mw/skins/ouroboros/assets/fonts/Vega-Regular.woff" format("woff"));
src: url("/mw/skins/ouroboros/assets/fonts/Vega-Regular.woff2") format("woff2");
}
*/

/* Global variables. */
:root,
::backdrop {
/* Set sans-serif & mono fonts */
--sans-font: -apple-system, BlinkMacSystemFont, "Avenir Next", Avenir,
"Nimbus Sans L", Roboto, "Noto Sans", "Segoe UI", Arial, Helvetica,
"Helvetica Neue", sans-serif;
--mono-font: Consolas, Menlo, Monaco, "Andale Mono", "Ubuntu Mono", monospace;
--standard-border-radius: 5px;

/* Default (light) theme */
--bg: #fff;
--accent-bg: #f5f7ff;
--text: #212121;
--text-light: #585858;
--border: #898EA4;
--accent: #0d47a1;
--accent-hover: #1266e2;
--accent-text: var(--bg);
--code: #d81b60;
--preformatted: #444;
--marked: #ffdd33;
--disabled: #efefef;

--font-title: Ductus;
--font-body: Lucette;
--color-a: #a700ff; /* purple */
--color-b: #00ab6b; /* green */
--font-size: 15pt;
--line-height: 1.3em;
}

/* Dark theme */
@media (prefers-color-scheme: dark) {
:root,
::backdrop {
color-scheme: dark;
--bg: #222;
--accent-bg: #2b2b2b;
--text: #dcdcdc;
--text-light: #ababab;
--accent: #ffb300;
--accent-hover: #ffe099;
--accent-text: var(--bg);
--code: #f06292;
--preformatted: #ccc;
--disabled: #111;

--font-title: Ductus;
--font-body: Lucette;
--color-a: #9557b5; /* washed-off purple */
--color-b: #3c856b; /* washed-off green */
--font-size: 15pt;
--line-height: 1.3em;
}
}

/* Reset box-sizing */
*, *::before, *::after {
box-sizing: border-box;
}

body {
font-family: var(--font-body);
font-size: var(--font-size);
line-height: var(--line-height);
padding-top: 3em;
background-color: var(--bg);
color: var(--text);
}
p {
font-size: var(--font-size);
line-height: var(--line-height);
margin-bottom: 0;
}
p + p {
margin-top: var(--line-height);
}

/* INTERFACE ------------------------------------------------------------------ */
/* remove category help button (does it remove other stuff? mmm...) */
#mw-indicator-mw-helplink {
display: none;
}

/* Menu bar, position fixed to be able to grab it to resize the map on mobile devices */
#navwrapper {
position: fixed;
top: 0;
right: 0;
z-index: 1000;
left: 0;
}

h4.namespace.label {
display: none;
}

.mw-editsection, .mw-editsection-like {
font-size: 10px;
}

#actions {
left: initial !important;
right: 14px;
top: -21px;
background-color: var(--accent-bg);
border: 1px solid var(--text-light);
color: var(--text-light);
}
a#actions-button {
margin-top: -1em;
background-color: var(--accent-bg);
padding: 5px;
color: var(--text-light);
}
.fa,
button, .button,
.top-bar-section ul li > a {
font-family: var(--font-body);
}
.fa::before {
font-family: FontAwesome;
}

.top-bar,
.top-bar-section,
#top-bar-left,
#top-bar-right,
#top-bar-right .columns {
display: flex;
background-color: #222;
align-items: center;
justify-content: space-evenly;
}
#top-bar-left {
width: initial;
}
.top-bar-section {
flex-grow: 1;
}
.has-form {
flex-grow: 1;
padding: 0.5em !important;
}
#top-bar-right {
justify-content: space-between;
flex-grow: 1;
}
.top-bar input {
padding-top: 8px;
flex-grow: 1;
height: 2em;
box-sizing: border-box;
border: 0;
outline: 0;
}
.button.search {
background-color: transparent;
border-style: solid;
border-width: 2px;
border-image: linear-gradient(to right, var(--color-a), var(--color-b));
border-image-slice: 1;
top: 2px !important;
position: relative;
margin-left: 0px !important;
box-sizing: border-box;
padding: 0;
width: 80px;
height: 2em;
margin: 0;
top: 0 !important;
}
.button.search:hover {
background-color: var(--color-a);
}
.suggestions-result-current {
background-color: var(--color-b) !important;
}

.top-bar .toggle-topbar a {
text-transform: lowercase;
font-size: 1em;
}

#toc, .toc {
float: right;
margin-left: 1em;
max-width: 45%;
background-color: var(--accent-bg);
border-radius: 5px;
}
.toctitle {
margin-bottom: -1em;
}
#toc h2 {
margin-top: 0.25em;
font-size: 1em;
display: inline-block;
margin-right: 0.5em;
}
#toc ul {
margin: 0;
}
.tocnumber:after {
content: " – ";
}

table.infobox {
width: initial;
max-width: 45%;
}
table.infobox th.head {
background-color: var(--color-b);
}
th, td {
padding: 0.5em !important;
}

li {
line-height: initial;
}

.mw-category-generated {
margin-top: 2em;
}

/* if no content but only listing subcategories */
.mw-parser-output:empty + .mw-category-generated h2 {
display: none;
}

/* If only one subcategory, don't list the initial */
.mw-category-generated #mw-pages div:only-of-type h3,
#mw-subcategories div:only-of-type h3 {
/*display: none;*/
}

/* removes counting of categories */
.mw-category-generated #mw-pages p:first-of-type,
#mw-subcategories p:first-of-type {
display: none;
}

.group {
margin-top: 5em;
}
#catlinks .label {
border-width: 2px;
border-style: solid;
background-color: transparent;
padding: 2px 6px !important;
}

/* HEADER ------------------------------------------------------------------ */
.title-name {
font-family: var(--font-title);
font-weight: bold;
}
.title-name:hover {
color: var(--color-a);
}

.top-bar-section .has-form {
background-color: #222 !important;
}
.top-bar-section .has-dropdown > a::after {
display: none;
}
.top-bar-section .has-dropdown > a {
padding-right: initial !important;
}
.top-bar-section .dropdown li {
width: initial;
/*height: 2em;*/
position: relative;
padding: 0;
border-bottom: 1px solid lightgray;
}
.top-bar-section ul li {
padding: 0 0.5em;
background-color: #222;
}
.top-bar-section ul li:hover {
z-index: 1000;
}
.top-bar-section ul li > a {
font-size: 16px;
padding: 0;
font-weight: bold;
}

li#p-menu > a {
text-transform: uppercase;
padding: 0;
}
li#p-menu > a + ul li {
outline: 1px solid #00a393;
}

.top-bar-section .dropdown li:not(.has-form):not(.active):hover > a:not(.button) {
background: linear-gradient(90deg,var(--color-a), var(--color-b));
}
li#p-menu + li.has-dropdown {
width: 3em;
text-align: center;
}
li#p-menu + li.has-dropdown > a {
border-radius: 100%;
padding: 0;
text-align: center;
line-height: 30px;
margin: auto;
display: inline-block;
width: 30px;
box-sizing: border-box;
height: 30px;
}
.not-logged-in #top-bar-right li:nth-child(3) {
display: none;
}

#toolbox-dropdown li, #personal-tools-dropdown .dropdown li {
float: right;
}

.back h5 {
font-size: 2em !important;
}
a.parent-link {
color: var(--color-b) !important;
font-weight: bold !important;
}

/* CONTENT ------------------------------------------------------------------ */
#page-content {
margin: 1em;
color: var(--text);
}
#english {
position: relative;
top: -1.5em;
}

h1, h2, h3, h4, h5, h6 {
margin-top: 1em;
color: var(--color-b);
line-height: 1.5em;
font-family: var(--font-body);
}
h1, h1#firstHeading, h2 {
font-family: var(--font-title);
font-size: 1.5em;
}
h2 {
font-family: var(--font-title);
}

h1 {
color: var(--color-a);
}
h2 span {
display: initial;
}
h3 {
font-family: var(--font-title);
font-size: 1em;
}
body.action-view #page-content a {
border-image: linear-gradient(to right, var(--color-a), var(--color-b));
border-bottom-width: 2px;
border-image-slice: 1;
color: var(--text);
border-bottom-style: solid;
padding: 3px 5px 1px;

}
#page-content a:hover,
#catlinks .label:hover {
background: linear-gradient(to right,var(--color-a),var(--color-b));
color: white !important;
}
/* Removes user name */
h3#tagline {
display: none;
}
#bodyContent {
margin-top: 3em;
}

#page-content ul, #page-content ol {
font-size: 1em;
margin-top: calc( var(--line-height) / 2) !important;
margin-bottom: calc( var(--line-height) / 1) !important;
}
div {
line-height: 1.4em ;
}
label {
color: var(--text-light);
}
label[for="wpCaptchaWord"]{
background-color: orangered;
}
code, pre {
color: darkgrey;
background-color: #181818;
border: 1px solid darkgrey;
border-radius:3px;
font-size: 0.8em;
padding: 1ch;
}

/* ACTUALITÉS ------------------------------------------------------------------ */
.medialisting {
display: flex;
flex-wrap: wrap;
}
.medialisting a {
border: 0 !important;
}
.Media {
display: flex;
align-items: flex-start;
margin-bottom: 1em;
flex-direction: column;
flex-basis: 32%;
box-sizing: border-box;
justify-content: center;
padding: 0.5em;
background: radial-gradient(var(--color-a) -31%, transparent 60%);
}
.Media:nth-child(2n) {
background: radial-gradient(var(--color-b) -31%, transparent 60%);
}
.Media-body {
flex: initial;
}

.flexgal {
display: flex;
flex-wrap: wrap;
}

/* THUMBNAILS ------------------------------------------------------------------ */
.thumbinner {
background-color: var(--accent-bg);
}
.thumb.tleft {
margin-right: 2em;
}
.Media-figure a,
.image.fancybox {
display: inline-block;
}
.magnify a {
text-indent: 0;
width: 25px;
height: 25px;
border-style: solid;
border-width: 2px;
line-height: 15px;
}
.magnify a:before {
content: "+";
font-family: FontAwesome;
font-size: 20px;
}

/* PAGE PRINCIPALE D'ACCUEIL*/
.page-École_de_recherche_graphique #page-content ul {
margin-left: 0;
}

.page-École_de_recherche_graphique #page-content li {
margin: 20px 0;
border-width: 2px;
border-style: solid;
border-image: linear-gradient(to right, var(--color-a), var(--color-b));
border-image-slice: 1;
padding: 6px;
width: fit-content;
}

.page-École_de_recherche_graphique #page-content li:hover {
background-image: linear-gradient(to right, var(--color-a), var(--color-b));

}

.page-École_de_recherche_graphique #page-content li::before {
content: "" !important;
}

.page-École_de_recherche_graphique #page-content li a {
border-width: 0px;
border-style: solid;
}
.page-École_de_recherche_graphique #page-content li a:hover {
border-width: 0px;
border-style: solid;
background: rgba(0,0,0,0);
}

/* FIN PAGE PRINCIPALE*/

/* MEDIA QUERIES ------------------------------------------------------------------ */
@media (max-width: 800px) {
div.tleft, div.floatleft, table.floatleft {
width: 100%;
margin-bottom: 3em;
}
#toc {
max-width: initial;
width: 100%;
margin-left: 0;

}
}
@media only screen and (max-width: 600px) {
.top-bar,
.top-bar-section,
#top-bar-right,
#top-bar-right .columns {
display: inherit;
}
.top-bar.expanded {
flex-wrap: wrap;
}
.top-bar.expanded .title-area {
display: flex;
flex-grow: 1;
justify-content: space-between;
}
.top-bar.expanded .top-bar,
.top-bar.expanded .top-bar-section,
.top-bar.expanded #top-bar-right,
.top-bar.expanded #top-bar-right .columns {
display: flex;
align-items: center;
flex-wrap: wrap;
}
.divider.show-for-small {
display: none !important;
}

#top-bar-left, #top-bar-right {
padding: 10px 0 0 0;
}
#top-bar-left li, #top-bar-right li {
padding: 0 8px 0 8px;
}
}

/* Formulaire d'edition ------------------------------------------------------------------ */
#editform
{
margin-top: -5vh;
}

MediaWiki:Ouroboros.css

2024-02-05T17:44:30Z

Dobody :

/*
_ ______ _____ _ _______ _ _ _________ _ _ ______ __ __ ______
| | | ____| / ____| |/ /_ _| \ | | / /__ __| | | | ____| \/ | ____|
| | | |__ | (___ | ' / | | | \| | / / | | | |__| | |__ | \ / | |__
| | | __| \___ \| < | | | . ` | / / | | | __ | __| | |\/| | __|
| |____| |____ ____) | . \ _| |_| |\ |/ / | | | | | | |____| | | | |____
|______|______|_|_____/|_|\_\_____|_|_\_/_/___ _ |_| |_| |_|______|_| |_|______|
/ __ \| ____| ____|_ _/ ____|_ _| ____| |
| | | | |__ | |__ | || | | | | |__ | |
| | | | __| | __| | || | | | | __| | |
| |__| | | | | _| || |____ _| |_| |____| |____
\____/|_|____|_| |_____\_____|_____|______|______|
| __ \| ____|
| | | | |__
| | | | __|
| |__| | |____
|_____/|______|_ _____ _____
| | | ____| __ \ / ____|
| | | |__ | |__) | | __
| | | __| | _ /| | |_ |
| |____ | |____| | \ \| |__| |
|______| |______|_| \_\\_____|

*/

@font-face {
font-family: AntiqueNoble;
src: url("/mw/skins/ouroboros/assets/fonts/antiquenoblebold.woff");
}

@font-face {
font-family: Combined;
src: url("/mw/skins/ouroboros/assets/fonts/combined.otf");
}
@font-face {
font-family: Lucette;
src: url("/mw/skins/ouroboros/assets/fonts/LUCETTE/font/otf/Lucette-Regular.otf");
src: url("/mw/skins/ouroboros/assets/fonts/LUCETTE/font/ttf/Lucette-Regular.ttf");
src: url("/mw/skins/ouroboros/assets/fonts/LUCETTE/font/woff/Lucette-Regular.woff");
src: url("/mw/skins/ouroboros/assets/fonts/LUCETTE/font/woff2/Lucette-Regular.woff2");
}
@font-face {
font-family: Lucette;
src: url("/mw/skins/ouroboros/assets/fonts/LUCETTE/font/otf/Lucette-Regularitalic.otf");
src: url("/mw/skins/ouroboros/assets/fonts/LUCETTE/font/ttf/Lucette-Regularitalic.ttf");
src: url("/mw/skins/ouroboros/assets/fonts/LUCETTE/font/woff/Lucette-Regularitalic.woff");
src: url("/mw/skins/ouroboros/assets/fonts/LUCETTE/font/woff2/Lucette-Regularitalic.woff2");
font-style: italic;
}

@font-face {
font-family: Ductus;
src: url("/mw/skins/ouroboros/assets/fonts/ductus/webfonts/DuctusRegular.woff");
src: url("/mw/skins/ouroboros/assets/fonts/ductus/webfonts/DuctusRegular.woff2");
}
/*
@font-face {
font-family: Vega;
src: url("/mw/skins/ouroboros/assets/fonts/otf/Vega-Regular.otf");
src: url("/mw/skins/ouroboros/assets/fonts/Vega-Regular.ttf") format("truetype");
src: url("/mw/skins/ouroboros/assets/fonts/Vega-Regular-Webfont.svg" format("svg"));
src: url("/mw/skins/ouroboros/assets/fonts/Vega-Regular.woff" format("woff"));
src: url("/mw/skins/ouroboros/assets/fonts/Vega-Regular.woff2") format("woff2");
}
*/

/* Global variables. */
:root,
::backdrop {
/* Set sans-serif & mono fonts */
--sans-font: -apple-system, BlinkMacSystemFont, "Avenir Next", Avenir,
"Nimbus Sans L", Roboto, "Noto Sans", "Segoe UI", Arial, Helvetica,
"Helvetica Neue", sans-serif;
--mono-font: Consolas, Menlo, Monaco, "Andale Mono", "Ubuntu Mono", monospace;
--standard-border-radius: 5px;

/* Default (light) theme */
--bg: #fff;
--accent-bg: #f5f7ff;
--text: #212121;
--text-light: #585858;
--border: #898EA4;
--accent: #0d47a1;
--accent-hover: #1266e2;
--accent-text: var(--bg);
--code: #d81b60;
--preformatted: #444;
--marked: #ffdd33;
--disabled: #efefef;

--font-title: Ductus;
--font-body: Lucette;
--color-a: #a700ff; /* purple */
--color-b: #00ab6b; /* green */
--font-size: 15pt;
--line-height: 1.3em;
}

/* Dark theme */
@media (prefers-color-scheme: dark) {
:root,
::backdrop {
color-scheme: dark;
--bg: #222;
--accent-bg: #2b2b2b;
--text: #dcdcdc;
--text-light: #ababab;
--accent: #ffb300;
--accent-hover: #ffe099;
--accent-text: var(--bg);
--code: #f06292;
--preformatted: #ccc;
--disabled: #111;

--font-title: Ductus;
--font-body: Lucette;
--color-a: #9557b5; /* washed-off purple */
--color-b: #3c856b; /* washed-off green */
--font-size: 15pt;
--line-height: 1.3em;
}
}

/* Reset box-sizing */
*, *::before, *::after {
box-sizing: border-box;
}

body {
font-family: var(--font-body);
font-size: var(--font-size);
line-height: var(--line-height);
padding-top: 3em;
background-color: var(--bg);
color: var(--text);
}
p {
font-size: var(--font-size);
line-height: var(--line-height);
margin-bottom: 0;
}
p + p {
margin-top: var(--line-height);
}

/* INTERFACE ------------------------------------------------------------------ */
/* remove category help button (does it remove other stuff? mmm...) */
#mw-indicator-mw-helplink {
display: none;
}

/* Menu bar, position fixed to be able to grab it to resize the map on mobile devices */
#navwrapper {
position: fixed;
top: 0;
right: 0;
z-index: 1000;
left: 0;
}

h4.namespace.label {
display: none;
}

.mw-editsection, .mw-editsection-like {
font-size: 10px;
}

#actions {
left: initial !important;
right: 14px;
top: -21px;
background-color: var(--accent-bg);
border: 1px solid var(--text-light);
color: var(--text-light);
}
a#actions-button {
margin-top: -1em;
background-color: var(--accent-bg);
padding: 5px;
color: var(--text-light);
}
.fa,
button, .button,
.top-bar-section ul li > a {
font-family: var(--font-body);
}
.fa::before {
font-family: FontAwesome;
}

.top-bar,
.top-bar-section,
#top-bar-left,
#top-bar-right,
#top-bar-right .columns {
display: flex;
background-color: #222;
align-items: center;
justify-content: space-evenly;
}
#top-bar-left {
width: initial;
}
.top-bar-section {
flex-grow: 1;
}
.has-form {
flex-grow: 1;
padding: 0.5em !important;
}
#top-bar-right {
justify-content: space-between;
flex-grow: 1;
}
.top-bar input {
padding-top: 8px;
flex-grow: 1;
height: 2em;
box-sizing: border-box;
border: 0;
outline: 0;
}
.button.search {
background-color: transparent;
border-style: solid;
border-width: 2px;
border-image: linear-gradient(to right, var(--color-a), var(--color-b));
border-image-slice: 1;
top: 2px !important;
position: relative;
margin-left: 0px !important;
box-sizing: border-box;
padding: 0;
width: 80px;
height: 2em;
margin: 0;
top: 0 !important;
}
.button.search:hover {
background-color: var(--color-a);
}
.suggestions-result-current {
background-color: var(--color-b) !important;
}

.top-bar .toggle-topbar a {
text-transform: lowercase;
font-size: 1em;
}

#toc, .toc {
float: right;
margin-left: 1em;
max-width: 45%;
background-color: var(--accent-bg);
border-radius: 5px;
}
.toctitle {
margin-bottom: -1em;
}
#toc h2 {
margin-top: 0.25em;
font-size: 1em;
display: inline-block;
margin-right: 0.5em;
}
#toc ul {
margin: 0;
}
.tocnumber:after {
content: " – ";
}

table.infobox {
width: initial;
max-width: 45%;
}
table.infobox th.head {
background-color: var(--color-b);
}
th, td {
padding: 0.5em !important;
}

li {
line-height: initial;
}

.mw-category-generated {
margin-top: 2em;
}

/* if no content but only listing subcategories */
.mw-parser-output:empty + .mw-category-generated h2 {
display: none;
}

/* If only one subcategory, don't list the initial */
.mw-category-generated #mw-pages div:only-of-type h3,
#mw-subcategories div:only-of-type h3 {
/*display: none;*/
}

/* removes counting of categories */
.mw-category-generated #mw-pages p:first-of-type,
#mw-subcategories p:first-of-type {
display: none;
}

.group {
margin-top: 5em;
}
#catlinks .label {
border-width: 2px;
border-style: solid;
background-color: transparent;
padding: 2px 6px !important;
}

/* HEADER ------------------------------------------------------------------ */
.title-name {
font-family: var(--font-title);
font-weight: bold;
}
.title-name:hover {
color: var(--color-a);
}

.top-bar-section .has-form {
background-color: #222 !important;
}
.top-bar-section .has-dropdown > a::after {
display: none;
}
.top-bar-section .has-dropdown > a {
padding-right: initial !important;
}
.top-bar-section .dropdown li {
width: initial;
/*height: 2em;*/
position: relative;
padding: 0;
border-bottom: 1px solid lightgray;
}
.top-bar-section ul li {
padding: 0 0.5em;
background-color: #222;
}
.top-bar-section ul li:hover {
z-index: 1000;
}
.top-bar-section ul li > a {
font-size: 16px;
padding: 0;
font-weight: bold;
}

li#p-menu > a {
text-transform: uppercase;
padding: 0;
}
li#p-menu > a + ul li {
outline: 1px solid #00a393;
}

.top-bar-section .dropdown li:not(.has-form):not(.active):hover > a:not(.button) {
background: linear-gradient(90deg,var(--color-a), var(--color-b));
}
li#p-menu + li.has-dropdown {
width: 3em;
text-align: center;
}
li#p-menu + li.has-dropdown > a {
border-radius: 100%;
padding: 0;
text-align: center;
line-height: 30px;
margin: auto;
display: inline-block;
width: 30px;
box-sizing: border-box;
height: 30px;
}
.not-logged-in #top-bar-right li:nth-child(3) {
display: none;
}

#toolbox-dropdown li, #personal-tools-dropdown .dropdown li {
float: right;
}

.back h5 {
font-size: 2em !important;
}
a.parent-link {
color: var(--color-b) !important;
font-weight: bold !important;
}

/* CONTENT ------------------------------------------------------------------ */
#page-content {
margin: 1em;
color: var(--text);
}
#english {
position: relative;
top: -1.5em;
}

h1, h2, h3, h4, h5, h6 {
margin-top: 1em;
color: var(--color-b);
line-height: 1.5em;
font-family: var(--font-body);
}
h1, h1#firstHeading, h2 {
font-family: var(--font-title);
font-size: 1.5em;
}
h2 {
font-family: var(--font-title);
}

h1 {
color: var(--color-a);
}
h2 span {
display: initial;
}
h3 {
font-family: var(--font-title);
font-size: 1em;
}
body.action-view #page-content a {
border-image: linear-gradient(to right, var(--color-a), var(--color-b));
border-bottom-width: 2px;
border-image-slice: 1;
color: var(--text);
border-bottom-style: solid;
padding: 3px 5px 1px;

}
#page-content a:hover,
#catlinks .label:hover {
background: linear-gradient(to right,var(--color-a),var(--color-b));
color: white !important;
}
/* Removes user name */
h3#tagline {
display: none;
}
#bodyContent {
margin-top: 3em;
}

#page-content ul, #page-content ol {
font-size: 1em;
margin-top: calc( var(--line-height) / 2) !important;
margin-bottom: calc( var(--line-height) / 1) !important;
}
div {
line-height: 1.4em ;
}
label {
color: var(--text-light);
}
label[for="wpCaptchaWord"]{
background-color: orangered;
}
code, pre {
color: darkgrey;
background-color: #181818;
border: 1px solid darkgrey;
border-radius:3px;
font-size: 0.8em;
padding: 1ch;
}

/* ACTUALITÉS ------------------------------------------------------------------ */
.medialisting {
display: flex;
flex-wrap: wrap;
}
.medialisting a {
border: 0 !important;
}
.Media {
display: flex;
align-items: flex-start;
margin-bottom: 1em;
flex-direction: column;
flex-basis: 32%;
box-sizing: border-box;
justify-content: center;
padding: 0.5em;
background: radial-gradient(var(--color-a) -31%, transparent 60%);
}
.Media:nth-child(2n) {
background: radial-gradient(var(--color-b) -31%, transparent 60%);
}
.Media-body {
flex: initial;
}

.flexgal {
display: flex;
flex-wrap: wrap;
}

/* THUMBNAILS ------------------------------------------------------------------ */
.thumbinner {
background-color: var(--accent-bg);
}
.thumb.tleft {
margin-right: 2em;
}
.Media-figure a,
.image.fancybox {
display: inline-block;
}
.magnify a {
text-indent: 0;
width: 25px;
height: 25px;
border-style: solid;
border-width: 2px;
line-height: 15px;
}
.magnify a:before {
content: "+";
font-family: FontAwesome;
font-size: 20px;
}

/* PAGE PRINCIPALE D'ACCUEIL*/
.page-École_de_recherche_graphique #page-content ul {
margin-left: 0;
}

.page-École_de_recherche_graphique #page-content li {
margin: 20px 0;
border-width: 2px;
border-style: solid;
border-image: linear-gradient(to right, var(--color-a), var(--color-b));
border-image-slice: 1;
padding: 6px;
}

.page-École_de_recherche_graphique #page-content li:hover {
background-image: linear-gradient(to right, var(--color-a), var(--color-b));

}

.page-École_de_recherche_graphique #page-content li::before {
content: "" !important;
}

.page-École_de_recherche_graphique #page-content li a {
border-width: 0px;
border-style: solid;
}
.page-École_de_recherche_graphique #page-content li a:hover {
border-width: 0px;
border-style: solid;
background: rgba(0,0,0,0);
}

/* FIN PAGE PRINCIPALE*/

/* MEDIA QUERIES ------------------------------------------------------------------ */
@media (max-width: 800px) {
div.tleft, div.floatleft, table.floatleft {
width: 100%;
margin-bottom: 3em;
}
#toc {
max-width: initial;
width: 100%;
margin-left: 0;

}
}
@media only screen and (max-width: 600px) {
.top-bar,
.top-bar-section,
#top-bar-right,
#top-bar-right .columns {
display: inherit;
}
.top-bar.expanded {
flex-wrap: wrap;
}
.top-bar.expanded .title-area {
display: flex;
flex-grow: 1;
justify-content: space-between;
}
.top-bar.expanded .top-bar,
.top-bar.expanded .top-bar-section,
.top-bar.expanded #top-bar-right,
.top-bar.expanded #top-bar-right .columns {
display: flex;
align-items: center;
flex-wrap: wrap;
}
.divider.show-for-small {
display: none !important;
}

#top-bar-left, #top-bar-right {
padding: 10px 0 0 0;
}
#top-bar-left li, #top-bar-right li {
padding: 0 8px 0 8px;
}
}

/* Formulaire d'edition ------------------------------------------------------------------ */
#editform
{
margin-top: -5vh;
}

MediaWiki:Ouroboros.css

2024-02-05T17:34:02Z

Dobody :

/*
_ ______ _____ _ _______ _ _ _________ _ _ ______ __ __ ______
| | | ____| / ____| |/ /_ _| \ | | / /__ __| | | | ____| \/ | ____|
| | | |__ | (___ | ' / | | | \| | / / | | | |__| | |__ | \ / | |__
| | | __| \___ \| < | | | . ` | / / | | | __ | __| | |\/| | __|
| |____| |____ ____) | . \ _| |_| |\ |/ / | | | | | | |____| | | | |____
|______|______|_|_____/|_|\_\_____|_|_\_/_/___ _ |_| |_| |_|______|_| |_|______|
/ __ \| ____| ____|_ _/ ____|_ _| ____| |
| | | | |__ | |__ | || | | | | |__ | |
| | | | __| | __| | || | | | | __| | |
| |__| | | | | _| || |____ _| |_| |____| |____
\____/|_|____|_| |_____\_____|_____|______|______|
| __ \| ____|
| | | | |__
| | | | __|
| |__| | |____
|_____/|______|_ _____ _____
| | | ____| __ \ / ____|
| | | |__ | |__) | | __
| | | __| | _ /| | |_ |
| |____ | |____| | \ \| |__| |
|______| |______|_| \_\\_____|

*/

@font-face {
font-family: AntiqueNoble;
src: url("/mw/skins/ouroboros/assets/fonts/antiquenoblebold.woff");
}

@font-face {
font-family: Combined;
src: url("/mw/skins/ouroboros/assets/fonts/combined.otf");
}
@font-face {
font-family: Lucette;
src: url("/mw/skins/ouroboros/assets/fonts/LUCETTE/font/otf/Lucette-Regular.otf");
src: url("/mw/skins/ouroboros/assets/fonts/LUCETTE/font/ttf/Lucette-Regular.ttf");
src: url("/mw/skins/ouroboros/assets/fonts/LUCETTE/font/woff/Lucette-Regular.woff");
src: url("/mw/skins/ouroboros/assets/fonts/LUCETTE/font/woff2/Lucette-Regular.woff2");
}
@font-face {
font-family: Lucette;
src: url("/mw/skins/ouroboros/assets/fonts/LUCETTE/font/otf/Lucette-Regularitalic.otf");
src: url("/mw/skins/ouroboros/assets/fonts/LUCETTE/font/ttf/Lucette-Regularitalic.ttf");
src: url("/mw/skins/ouroboros/assets/fonts/LUCETTE/font/woff/Lucette-Regularitalic.woff");
src: url("/mw/skins/ouroboros/assets/fonts/LUCETTE/font/woff2/Lucette-Regularitalic.woff2");
font-style: italic;
}

@font-face {
font-family: Ductus;
src: url("/mw/skins/ouroboros/assets/fonts/ductus/webfonts/DuctusRegular.woff");
src: url("/mw/skins/ouroboros/assets/fonts/ductus/webfonts/DuctusRegular.woff2");
}
/*
@font-face {
font-family: Vega;
src: url("/mw/skins/ouroboros/assets/fonts/otf/Vega-Regular.otf");
src: url("/mw/skins/ouroboros/assets/fonts/Vega-Regular.ttf") format("truetype");
src: url("/mw/skins/ouroboros/assets/fonts/Vega-Regular-Webfont.svg" format("svg"));
src: url("/mw/skins/ouroboros/assets/fonts/Vega-Regular.woff" format("woff"));
src: url("/mw/skins/ouroboros/assets/fonts/Vega-Regular.woff2") format("woff2");
}
*/

/* Global variables. */
:root,
::backdrop {
/* Set sans-serif & mono fonts */
--sans-font: -apple-system, BlinkMacSystemFont, "Avenir Next", Avenir,
"Nimbus Sans L", Roboto, "Noto Sans", "Segoe UI", Arial, Helvetica,
"Helvetica Neue", sans-serif;
--mono-font: Consolas, Menlo, Monaco, "Andale Mono", "Ubuntu Mono", monospace;
--standard-border-radius: 5px;

/* Default (light) theme */
--bg: #fff;
--accent-bg: #f5f7ff;
--text: #212121;
--text-light: #585858;
--border: #898EA4;
--accent: #0d47a1;
--accent-hover: #1266e2;
--accent-text: var(--bg);
--code: #d81b60;
--preformatted: #444;
--marked: #ffdd33;
--disabled: #efefef;

--font-title: Ductus;
--font-body: Lucette;
--color-a: #a700ff; /* purple */
--color-b: #00ab6b; /* green */
--font-size: 15pt;
--line-height: 1.3em;
}

/* Dark theme */
@media (prefers-color-scheme: dark) {
:root,
::backdrop {
color-scheme: dark;
--bg: #222;
--accent-bg: #2b2b2b;
--text: #dcdcdc;
--text-light: #ababab;
--accent: #ffb300;
--accent-hover: #ffe099;
--accent-text: var(--bg);
--code: #f06292;
--preformatted: #ccc;
--disabled: #111;

--font-title: Ductus;
--font-body: Lucette;
--color-a: #9557b5; /* washed-off purple */
--color-b: #3c856b; /* washed-off green */
--font-size: 15pt;
--line-height: 1.3em;
}
}

/* Reset box-sizing */
*, *::before, *::after {
box-sizing: border-box;
}

body {
font-family: var(--font-body);
font-size: var(--font-size);
line-height: var(--line-height);
padding-top: 3em;
background-color: var(--bg);
color: var(--text);
}
p {
font-size: var(--font-size);
line-height: var(--line-height);
margin-bottom: 0;
}
p + p {
margin-top: var(--line-height);
}

/* INTERFACE ------------------------------------------------------------------ */
/* remove category help button (does it remove other stuff? mmm...) */
#mw-indicator-mw-helplink {
display: none;
}

/* Menu bar, position fixed to be able to grab it to resize the map on mobile devices */
#navwrapper {
position: fixed;
top: 0;
right: 0;
z-index: 1000;
left: 0;
}

h4.namespace.label {
display: none;
}

.mw-editsection, .mw-editsection-like {
font-size: 10px;
}

#actions {
left: initial !important;
right: 14px;
top: -21px;
background-color: var(--accent-bg);
border: 1px solid var(--text-light);
color: var(--text-light);
}
a#actions-button {
margin-top: -1em;
background-color: var(--accent-bg);
padding: 5px;
color: var(--text-light);
}
.fa,
button, .button,
.top-bar-section ul li > a {
font-family: var(--font-body);
}
.fa::before {
font-family: FontAwesome;
}

.top-bar,
.top-bar-section,
#top-bar-left,
#top-bar-right,
#top-bar-right .columns {
display: flex;
background-color: #222;
align-items: center;
justify-content: space-evenly;
}
#top-bar-left {
width: initial;
}
.top-bar-section {
flex-grow: 1;
}
.has-form {
flex-grow: 1;
padding: 0.5em !important;
}
#top-bar-right {
justify-content: space-between;
flex-grow: 1;
}
.top-bar input {
padding-top: 8px;
flex-grow: 1;
height: 2em;
box-sizing: border-box;
border: 0;
outline: 0;
}
.button.search {
background-color: transparent;
border-style: solid;
border-width: 2px;
border-image: linear-gradient(to right, var(--color-a), var(--color-b));
border-image-slice: 1;
top: 2px !important;
position: relative;
margin-left: 0px !important;
box-sizing: border-box;
padding: 0;
width: 80px;
height: 2em;
margin: 0;
top: 0 !important;
}
.button.search:hover {
background-color: var(--color-a);
}
.suggestions-result-current {
background-color: var(--color-b) !important;
}

.top-bar .toggle-topbar a {
text-transform: lowercase;
font-size: 1em;
}

#toc, .toc {
float: right;
margin-left: 1em;
max-width: 45%;
background-color: var(--accent-bg);
border-radius: 5px;
}
.toctitle {
margin-bottom: -1em;
}
#toc h2 {
margin-top: 0.25em;
font-size: 1em;
display: inline-block;
margin-right: 0.5em;
}
#toc ul {
margin: 0;
}
.tocnumber:after {
content: " – ";
}

table.infobox {
width: initial;
max-width: 45%;
}
table.infobox th.head {
background-color: var(--color-b);
}
th, td {
padding: 0.5em !important;
}

li {
line-height: initial;
}

.mw-category-generated {
margin-top: 2em;
}

/* if no content but only listing subcategories */
.mw-parser-output:empty + .mw-category-generated h2 {
display: none;
}

/* If only one subcategory, don't list the initial */
.mw-category-generated #mw-pages div:only-of-type h3,
#mw-subcategories div:only-of-type h3 {
/*display: none;*/
}

/* removes counting of categories */
.mw-category-generated #mw-pages p:first-of-type,
#mw-subcategories p:first-of-type {
display: none;
}

.group {
margin-top: 5em;
}
#catlinks .label {
border-width: 2px;
border-style: solid;
background-color: transparent;
padding: 2px 6px !important;
}

/* HEADER ------------------------------------------------------------------ */
.title-name {
font-family: var(--font-title);
font-weight: bold;
}
.title-name:hover {
color: var(--color-a);
}

.top-bar-section .has-form {
background-color: #222 !important;
}
.top-bar-section .has-dropdown > a::after {
display: none;
}
.top-bar-section .has-dropdown > a {
padding-right: initial !important;
}
.top-bar-section .dropdown li {
width: initial;
/*height: 2em;*/
position: relative;
padding: 0;
border-bottom: 1px solid lightgray;
}
.top-bar-section ul li {
padding: 0 0.5em;
background-color: #222;
}
.top-bar-section ul li:hover {
z-index: 1000;
}
.top-bar-section ul li > a {
font-size: 16px;
padding: 0;
font-weight: bold;
}

li#p-menu > a {
text-transform: uppercase;
padding: 0;
}
li#p-menu > a + ul li {
outline: 1px solid #00a393;
}

.top-bar-section .dropdown li:not(.has-form):not(.active):hover > a:not(.button) {
background: linear-gradient(90deg,var(--color-a), var(--color-b));
}
li#p-menu + li.has-dropdown {
width: 3em;
text-align: center;
}
li#p-menu + li.has-dropdown > a {
border-radius: 100%;
padding: 0;
text-align: center;
line-height: 30px;
margin: auto;
display: inline-block;
width: 30px;
box-sizing: border-box;
height: 30px;
}
.not-logged-in #top-bar-right li:nth-child(3) {
display: none;
}

#toolbox-dropdown li, #personal-tools-dropdown .dropdown li {
float: right;
}

.back h5 {
font-size: 2em !important;
}
a.parent-link {
color: var(--color-b) !important;
font-weight: bold !important;
}

/* CONTENT ------------------------------------------------------------------ */
#page-content {
margin: 1em;
color: var(--text);
}
#english {
position: relative;
top: -1.5em;
}

h1, h2, h3, h4, h5, h6 {
margin-top: 1em;
color: var(--color-b);
line-height: 1.5em;
font-family: var(--font-body);
}
h1, h1#firstHeading, h2 {
font-family: var(--font-title);
font-size: 1.5em;
}
h2 {
font-family: var(--font-title);
}

h1 {
color: var(--color-a);
}
h2 span {
display: initial;
}
h3 {
font-family: var(--font-title);
font-size: 1em;
}
body.action-view #page-content a {
border-image: linear-gradient(to right, var(--color-a), var(--color-b));
border-bottom-width: 2px;
border-image-slice: 1;
color: var(--text);
border-bottom-style: solid;
padding: 3px 5px 1px;

}
#page-content a:hover,
#catlinks .label:hover {
background: linear-gradient(to right,var(--color-a),var(--color-b));
color: white !important;
}
/* Removes user name */
h3#tagline {
display: none;
}
#bodyContent {
margin-top: 3em;
}

#page-content ul, #page-content ol {
font-size: 1em;
margin-top: calc( var(--line-height) / 2) !important;
margin-bottom: calc( var(--line-height) / 1) !important;
}
div {
line-height: 1.4em ;
}
label {
color: var(--text-light);
}
label[for="wpCaptchaWord"]{
background-color: orangered;
}
code, pre {
color: darkgrey;
background-color: #181818;
border: 1px solid darkgrey;
border-radius:3px;
font-size: 0.8em;
padding: 1ch;
}

/* ACTUALITÉS ------------------------------------------------------------------ */
.medialisting {
display: flex;
flex-wrap: wrap;
}
.medialisting a {
border: 0 !important;
}
.Media {
display: flex;
align-items: flex-start;
margin-bottom: 1em;
flex-direction: column;
flex-basis: 32%;
box-sizing: border-box;
justify-content: center;
padding: 0.5em;
background: radial-gradient(var(--color-a) -31%, transparent 60%);
}
.Media:nth-child(2n) {
background: radial-gradient(var(--color-b) -31%, transparent 60%);
}
.Media-body {
flex: initial;
}

.flexgal {
display: flex;
flex-wrap: wrap;
}

/* THUMBNAILS ------------------------------------------------------------------ */
.thumbinner {
background-color: var(--accent-bg);
}
.thumb.tleft {
margin-right: 2em;
}
.Media-figure a,
.image.fancybox {
display: inline-block;
}
.magnify a {
text-indent: 0;
width: 25px;
height: 25px;
border-style: solid;
border-width: 2px;
line-height: 15px;
}
.magnify a:before {
content: "+";
font-family: FontAwesome;
font-size: 20px;
}

/* PAGE PRINCIPALE D'ACCUEIL*/
.page-École_de_recherche_graphique #page-content ul {
margin-left: 0;
}

.page-École_de_recherche_graphique #page-content li {
margin: 20px 0;
border-width: 2px;
border-style: solid;
border-image: linear-gradient(to right, var(--color-a), var(--color-b));
padding: 6px;
}

.page-École_de_recherche_graphique #page-content li:hover {
background-image: linear-gradient(to right, var(--color-a), var(--color-b));
}

.page-École_de_recherche_graphique #page-content li::before {
content: "" !important;
}

.page-École_de_recherche_graphique #page-content li a {
border-width: 0px;
border-style: solid;
}
.page-École_de_recherche_graphique #page-content li a:hover {
border-width: 0px;
border-style: solid;
background: rgba(0,0,0,0);
}

/* FIN PAGE PRINCIPALE*/

/* MEDIA QUERIES ------------------------------------------------------------------ */
@media (max-width: 800px) {
div.tleft, div.floatleft, table.floatleft {
width: 100%;
margin-bottom: 3em;
}
#toc {
max-width: initial;
width: 100%;
margin-left: 0;

}
}
@media only screen and (max-width: 600px) {
.top-bar,
.top-bar-section,
#top-bar-right,
#top-bar-right .columns {
display: inherit;
}
.top-bar.expanded {
flex-wrap: wrap;
}
.top-bar.expanded .title-area {
display: flex;
flex-grow: 1;
justify-content: space-between;
}
.top-bar.expanded .top-bar,
.top-bar.expanded .top-bar-section,
.top-bar.expanded #top-bar-right,
.top-bar.expanded #top-bar-right .columns {
display: flex;
align-items: center;
flex-wrap: wrap;
}
.divider.show-for-small {
display: none !important;
}

#top-bar-left, #top-bar-right {
padding: 10px 0 0 0;
}
#top-bar-left li, #top-bar-right li {
padding: 0 8px 0 8px;
}
}

/* Formulaire d'edition ------------------------------------------------------------------ */
#editform
{
margin-top: -5vh;
}

MediaWiki:Ouroboros.css

2024-02-05T16:26:16Z

Dobody :

/*
_ ______ _____ _ _______ _ _ _________ _ _ ______ __ __ ______
| | | ____| / ____| |/ /_ _| \ | | / /__ __| | | | ____| \/ | ____|
| | | |__ | (___ | ' / | | | \| | / / | | | |__| | |__ | \ / | |__
| | | __| \___ \| < | | | . ` | / / | | | __ | __| | |\/| | __|
| |____| |____ ____) | . \ _| |_| |\ |/ / | | | | | | |____| | | | |____
|______|______|_|_____/|_|\_\_____|_|_\_/_/___ _ |_| |_| |_|______|_| |_|______|
/ __ \| ____| ____|_ _/ ____|_ _| ____| |
| | | | |__ | |__ | || | | | | |__ | |
| | | | __| | __| | || | | | | __| | |
| |__| | | | | _| || |____ _| |_| |____| |____
\____/|_|____|_| |_____\_____|_____|______|______|
| __ \| ____|
| | | | |__
| | | | __|
| |__| | |____
|_____/|______|_ _____ _____
| | | ____| __ \ / ____|
| | | |__ | |__) | | __
| | | __| | _ /| | |_ |
| |____ | |____| | \ \| |__| |
|______| |______|_| \_\\_____|

*/

@font-face {
font-family: AntiqueNoble;
src: url("/mw/skins/ouroboros/assets/fonts/antiquenoblebold.woff");
}

@font-face {
font-family: Combined;
src: url("/mw/skins/ouroboros/assets/fonts/combined.otf");
}
@font-face {
font-family: Lucette;
src: url("/mw/skins/ouroboros/assets/fonts/LUCETTE/font/otf/Lucette-Regular.otf");
src: url("/mw/skins/ouroboros/assets/fonts/LUCETTE/font/ttf/Lucette-Regular.ttf");
src: url("/mw/skins/ouroboros/assets/fonts/LUCETTE/font/woff/Lucette-Regular.woff");
src: url("/mw/skins/ouroboros/assets/fonts/LUCETTE/font/woff2/Lucette-Regular.woff2");
}
@font-face {
font-family: Lucette;
src: url("/mw/skins/ouroboros/assets/fonts/LUCETTE/font/otf/Lucette-Regularitalic.otf");
src: url("/mw/skins/ouroboros/assets/fonts/LUCETTE/font/ttf/Lucette-Regularitalic.ttf");
src: url("/mw/skins/ouroboros/assets/fonts/LUCETTE/font/woff/Lucette-Regularitalic.woff");
src: url("/mw/skins/ouroboros/assets/fonts/LUCETTE/font/woff2/Lucette-Regularitalic.woff2");
font-style: italic;
}

@font-face {
font-family: Ductus;
src: url("/mw/skins/ouroboros/assets/fonts/ductus/webfonts/DuctusRegular.woff");
src: url("/mw/skins/ouroboros/assets/fonts/ductus/webfonts/DuctusRegular.woff2");
}
/*
@font-face {
font-family: Vega;
src: url("/mw/skins/ouroboros/assets/fonts/otf/Vega-Regular.otf");
src: url("/mw/skins/ouroboros/assets/fonts/Vega-Regular.ttf") format("truetype");
src: url("/mw/skins/ouroboros/assets/fonts/Vega-Regular-Webfont.svg" format("svg"));
src: url("/mw/skins/ouroboros/assets/fonts/Vega-Regular.woff" format("woff"));
src: url("/mw/skins/ouroboros/assets/fonts/Vega-Regular.woff2") format("woff2");
}
*/

/* Global variables. */
:root,
::backdrop {
/* Set sans-serif & mono fonts */
--sans-font: -apple-system, BlinkMacSystemFont, "Avenir Next", Avenir,
"Nimbus Sans L", Roboto, "Noto Sans", "Segoe UI", Arial, Helvetica,
"Helvetica Neue", sans-serif;
--mono-font: Consolas, Menlo, Monaco, "Andale Mono", "Ubuntu Mono", monospace;
--standard-border-radius: 5px;

/* Default (light) theme */
--bg: #fff;
--accent-bg: #f5f7ff;
--text: #212121;
--text-light: #585858;
--border: #898EA4;
--accent: #0d47a1;
--accent-hover: #1266e2;
--accent-text: var(--bg);
--code: #d81b60;
--preformatted: #444;
--marked: #ffdd33;
--disabled: #efefef;

--font-title: Ductus;
--font-body: Lucette;
--color-a: #a700ff; /* purple */
--color-b: #00ab6b; /* green */
--font-size: 15pt;
--line-height: 1.3em;
}

/* Dark theme */
@media (prefers-color-scheme: dark) {
:root,
::backdrop {
color-scheme: dark;
--bg: #222;
--accent-bg: #2b2b2b;
--text: #dcdcdc;
--text-light: #ababab;
--accent: #ffb300;
--accent-hover: #ffe099;
--accent-text: var(--bg);
--code: #f06292;
--preformatted: #ccc;
--disabled: #111;

--font-title: Ductus;
--font-body: Lucette;
--color-a: #9557b5; /* washed-off purple */
--color-b: #3c856b; /* washed-off green */
--font-size: 15pt;
--line-height: 1.3em;
}
}

/* Reset box-sizing */
*, *::before, *::after {
box-sizing: border-box;
}

body {
font-family: var(--font-body);
font-size: var(--font-size);
line-height: var(--line-height);
padding-top: 3em;
background-color: var(--bg);
color: var(--text);
}
p {
font-size: var(--font-size);
line-height: var(--line-height);
margin-bottom: 0;
}
p + p {
margin-top: var(--line-height);
}

/* INTERFACE ------------------------------------------------------------------ */
/* remove category help button (does it remove other stuff? mmm...) */
#mw-indicator-mw-helplink {
display: none;
}

/* Menu bar, position fixed to be able to grab it to resize the map on mobile devices */
#navwrapper {
position: fixed;
top: 0;
right: 0;
z-index: 1000;
left: 0;
}

h4.namespace.label {
display: none;
}

.mw-editsection, .mw-editsection-like {
font-size: 10px;
}

#actions {
left: initial !important;
right: 14px;
top: -21px;
background-color: var(--accent-bg);
border: 1px solid var(--text-light);
color: var(--text-light);
}
a#actions-button {
margin-top: -1em;
background-color: var(--accent-bg);
padding: 5px;
color: var(--text-light);
}
.fa,
button, .button,
.top-bar-section ul li > a {
font-family: var(--font-body);
}
.fa::before {
font-family: FontAwesome;
}

.top-bar,
.top-bar-section,
#top-bar-left,
#top-bar-right,
#top-bar-right .columns {
display: flex;
background-color: #222;
align-items: center;
justify-content: space-evenly;
}
#top-bar-left {
width: initial;
}
.top-bar-section {
flex-grow: 1;
}
.has-form {
flex-grow: 1;
padding: 0.5em !important;
}
#top-bar-right {
justify-content: space-between;
flex-grow: 1;
}
.top-bar input {
padding-top: 8px;
flex-grow: 1;
height: 2em;
box-sizing: border-box;
border: 0;
outline: 0;
}
.button.search {
background-color: transparent;
border-style: solid;
border-width: 2px;
border-image: linear-gradient(to right, var(--color-a), var(--color-b));
border-image-slice: 1;
top: 2px !important;
position: relative;
margin-left: 0px !important;
box-sizing: border-box;
padding: 0;
width: 80px;
height: 2em;
margin: 0;
top: 0 !important;
}
.button.search:hover {
background-color: var(--color-a);
}
.suggestions-result-current {
background-color: var(--color-b) !important;
}

.top-bar .toggle-topbar a {
text-transform: lowercase;
font-size: 1em;
}

#toc, .toc {
float: right;
margin-left: 1em;
max-width: 45%;
background-color: var(--accent-bg);
border-radius: 5px;
}
.toctitle {
margin-bottom: -1em;
}
#toc h2 {
margin-top: 0.25em;
font-size: 1em;
display: inline-block;
margin-right: 0.5em;
}
#toc ul {
margin: 0;
}
.tocnumber:after {
content: " – ";
}

table.infobox {
width: initial;
max-width: 45%;
}
table.infobox th.head {
background-color: var(--color-b);
}
th, td {
padding: 0.5em !important;
}

li {
line-height: initial;
}

.mw-category-generated {
margin-top: 2em;
}

/* if no content but only listing subcategories */
.mw-parser-output:empty + .mw-category-generated h2 {
display: none;
}

/* If only one subcategory, don't list the initial */
.mw-category-generated #mw-pages div:only-of-type h3,
#mw-subcategories div:only-of-type h3 {
/*display: none;*/
}

/* removes counting of categories */
.mw-category-generated #mw-pages p:first-of-type,
#mw-subcategories p:first-of-type {
display: none;
}

.group {
margin-top: 5em;
}
#catlinks .label {
border-width: 2px;
border-style: solid;
background-color: transparent;
padding: 2px 6px !important;
}

/* HEADER ------------------------------------------------------------------ */
.title-name {
font-family: var(--font-title);
font-weight: bold;
}
.title-name:hover {
color: var(--color-a);
}

.top-bar-section .has-form {
background-color: #222 !important;
}
.top-bar-section .has-dropdown > a::after {
display: none;
}
.top-bar-section .has-dropdown > a {
padding-right: initial !important;
}
.top-bar-section .dropdown li {
width: initial;
/*height: 2em;*/
position: relative;
padding: 0;
border-bottom: 1px solid lightgray;
}
.top-bar-section ul li {
padding: 0 0.5em;
background-color: #222;
}
.top-bar-section ul li:hover {
z-index: 1000;
}
.top-bar-section ul li > a {
font-size: 16px;
padding: 0;
font-weight: bold;
}

li#p-menu > a {
text-transform: uppercase;
padding: 0;
}
li#p-menu > a + ul li {
outline: 1px solid #00a393;
}

.top-bar-section .dropdown li:not(.has-form):not(.active):hover > a:not(.button) {
background: linear-gradient(90deg,var(--color-a), var(--color-b));
}
li#p-menu + li.has-dropdown {
width: 3em;
text-align: center;
}
li#p-menu + li.has-dropdown > a {
border-radius: 100%;
padding: 0;
text-align: center;
line-height: 30px;
margin: auto;
display: inline-block;
width: 30px;
box-sizing: border-box;
height: 30px;
}
.not-logged-in #top-bar-right li:nth-child(3) {
display: none;
}

#toolbox-dropdown li, #personal-tools-dropdown .dropdown li {
float: right;
}

.back h5 {
font-size: 2em !important;
}
a.parent-link {
color: var(--color-b) !important;
font-weight: bold !important;
}

/* CONTENT ------------------------------------------------------------------ */
#page-content {
margin: 1em;
color: var(--text);
}
#english {
position: relative;
top: -1.5em;
}

h1, h2, h3, h4, h5, h6 {
margin-top: 1em;
color: var(--color-b);
line-height: 1.5em;
font-family: var(--font-body);
}
h1, h1#firstHeading, h2 {
font-family: var(--font-title);
font-size: 1.5em;
}
h2 {
font-family: var(--font-title);
}

h1 {
color: var(--color-a);
}
h2 span {
display: initial;
}
h3 {
font-family: var(--font-title);
font-size: 1em;
}
body.action-view #page-content a {
border-image: linear-gradient(to right, var(--color-a), var(--color-b));
border-bottom-width: 2px;
border-image-slice: 1;
color: var(--text);
border-bottom-style: solid;
padding: 3px 5px 1px;

}
#page-content a:hover,
#catlinks .label:hover {
background: linear-gradient(to right,var(--color-a),var(--color-b));
color: white !important;
}
/* Removes user name */
h3#tagline {
display: none;
}
#bodyContent {
margin-top: 3em;
}

#page-content ul, #page-content ol {
font-size: 1em;
margin-top: calc( var(--line-height) / 2) !important;
margin-bottom: calc( var(--line-height) / 1) !important;
}
div {
line-height: 1.4em ;
}
label {
color: var(--text-light);
}
label[for="wpCaptchaWord"]{
background-color: orangered;
}
code, pre {
color: darkgrey;
background-color: #181818;
border: 1px solid darkgrey;
border-radius:3px;
font-size: 0.8em;
padding: 1ch;
}

/* ACTUALITÉS ------------------------------------------------------------------ */
.medialisting {
display: flex;
flex-wrap: wrap;
}
.medialisting a {
border: 0 !important;
}
.Media {
display: flex;
align-items: flex-start;
margin-bottom: 1em;
flex-direction: column;
flex-basis: 32%;
box-sizing: border-box;
justify-content: center;
padding: 0.5em;
background: radial-gradient(var(--color-a) -31%, transparent 60%);
}
.Media:nth-child(2n) {
background: radial-gradient(var(--color-b) -31%, transparent 60%);
}
.Media-body {
flex: initial;
}

.flexgal {
display: flex;
flex-wrap: wrap;
}

/* THUMBNAILS ------------------------------------------------------------------ */
.thumbinner {
background-color: var(--accent-bg);
}
.thumb.tleft {
margin-right: 2em;
}
.Media-figure a,
.image.fancybox {
display: inline-block;
}
.magnify a {
text-indent: 0;
width: 25px;
height: 25px;
border-style: solid;
border-width: 2px;
line-height: 15px;
}
.magnify a:before {
content: "+";
font-family: FontAwesome;
font-size: 20px;
}

/* PAGE PRINCIPALE D'ACCUEIL*/
.page-École_de_recherche_graphique #page-content ul {
margin-left: 0;
}

.page-École_de_recherche_graphique #page-content li {
margin: 20px 0;

}

.page-École_de_recherche_graphique #page-content li::before {
content: "" !important;
}

.page-École_de_recherche_graphique #page-content li a {
border-width: 2px;
border-style: solid;
// background-color: rgba(100,100,100,0.2);
padding: 6px;
}

/* FIN PAGE PRINCIPALE*/

/* MEDIA QUERIES ------------------------------------------------------------------ */
@media (max-width: 800px) {
div.tleft, div.floatleft, table.floatleft {
width: 100%;
margin-bottom: 3em;
}
#toc {
max-width: initial;
width: 100%;
margin-left: 0;

}
}
@media only screen and (max-width: 600px) {
.top-bar,
.top-bar-section,
#top-bar-right,
#top-bar-right .columns {
display: inherit;
}
.top-bar.expanded {
flex-wrap: wrap;
}
.top-bar.expanded .title-area {
display: flex;
flex-grow: 1;
justify-content: space-between;
}
.top-bar.expanded .top-bar,
.top-bar.expanded .top-bar-section,
.top-bar.expanded #top-bar-right,
.top-bar.expanded #top-bar-right .columns {
display: flex;
align-items: center;
flex-wrap: wrap;
}
.divider.show-for-small {
display: none !important;
}

#top-bar-left, #top-bar-right {
padding: 10px 0 0 0;
}
#top-bar-left li, #top-bar-right li {
padding: 0 8px 0 8px;
}
}

/* Formulaire d'edition ------------------------------------------------------------------ */
#editform
{
margin-top: -5vh;
}

MediaWiki:Ouroboros.css

2024-02-05T16:05:55Z

Dobody :

/*
_ ______ _____ _ _______ _ _ _________ _ _ ______ __ __ ______
| | | ____| / ____| |/ /_ _| \ | | / /__ __| | | | ____| \/ | ____|
| | | |__ | (___ | ' / | | | \| | / / | | | |__| | |__ | \ / | |__
| | | __| \___ \| < | | | . ` | / / | | | __ | __| | |\/| | __|
| |____| |____ ____) | . \ _| |_| |\ |/ / | | | | | | |____| | | | |____
|______|______|_|_____/|_|\_\_____|_|_\_/_/___ _ |_| |_| |_|______|_| |_|______|
/ __ \| ____| ____|_ _/ ____|_ _| ____| |
| | | | |__ | |__ | || | | | | |__ | |
| | | | __| | __| | || | | | | __| | |
| |__| | | | | _| || |____ _| |_| |____| |____
\____/|_|____|_| |_____\_____|_____|______|______|
| __ \| ____|
| | | | |__
| | | | __|
| |__| | |____
|_____/|______|_ _____ _____
| | | ____| __ \ / ____|
| | | |__ | |__) | | __
| | | __| | _ /| | |_ |
| |____ | |____| | \ \| |__| |
|______| |______|_| \_\\_____|

*/

@font-face {
font-family: AntiqueNoble;
src: url("/mw/skins/ouroboros/assets/fonts/antiquenoblebold.woff");
}

@font-face {
font-family: Combined;
src: url("/mw/skins/ouroboros/assets/fonts/combined.otf");
}
@font-face {
font-family: Lucette;
src: url("/mw/skins/ouroboros/assets/fonts/LUCETTE/font/otf/Lucette-Regular.otf");
src: url("/mw/skins/ouroboros/assets/fonts/LUCETTE/font/ttf/Lucette-Regular.ttf");
src: url("/mw/skins/ouroboros/assets/fonts/LUCETTE/font/woff/Lucette-Regular.woff");
src: url("/mw/skins/ouroboros/assets/fonts/LUCETTE/font/woff2/Lucette-Regular.woff2");
}
@font-face {
font-family: Lucette;
src: url("/mw/skins/ouroboros/assets/fonts/LUCETTE/font/otf/Lucette-Regularitalic.otf");
src: url("/mw/skins/ouroboros/assets/fonts/LUCETTE/font/ttf/Lucette-Regularitalic.ttf");
src: url("/mw/skins/ouroboros/assets/fonts/LUCETTE/font/woff/Lucette-Regularitalic.woff");
src: url("/mw/skins/ouroboros/assets/fonts/LUCETTE/font/woff2/Lucette-Regularitalic.woff2");
font-style: italic;
}

@font-face {
font-family: Ductus;
src: url("/mw/skins/ouroboros/assets/fonts/ductus/webfonts/DuctusRegular.woff");
src: url("/mw/skins/ouroboros/assets/fonts/ductus/webfonts/DuctusRegular.woff2");
}
/*
@font-face {
font-family: Vega;
src: url("/mw/skins/ouroboros/assets/fonts/otf/Vega-Regular.otf");
src: url("/mw/skins/ouroboros/assets/fonts/Vega-Regular.ttf") format("truetype");
src: url("/mw/skins/ouroboros/assets/fonts/Vega-Regular-Webfont.svg" format("svg"));
src: url("/mw/skins/ouroboros/assets/fonts/Vega-Regular.woff" format("woff"));
src: url("/mw/skins/ouroboros/assets/fonts/Vega-Regular.woff2") format("woff2");
}
*/

/* Global variables. */
:root,
::backdrop {
/* Set sans-serif & mono fonts */
--sans-font: -apple-system, BlinkMacSystemFont, "Avenir Next", Avenir,
"Nimbus Sans L", Roboto, "Noto Sans", "Segoe UI", Arial, Helvetica,
"Helvetica Neue", sans-serif;
--mono-font: Consolas, Menlo, Monaco, "Andale Mono", "Ubuntu Mono", monospace;
--standard-border-radius: 5px;

/* Default (light) theme */
--bg: #fff;
--accent-bg: #f5f7ff;
--text: #212121;
--text-light: #585858;
--border: #898EA4;
--accent: #0d47a1;
--accent-hover: #1266e2;
--accent-text: var(--bg);
--code: #d81b60;
--preformatted: #444;
--marked: #ffdd33;
--disabled: #efefef;

--font-title: Ductus;
--font-body: Lucette;
--color-a: #a700ff; /* purple */
--color-b: #00ab6b; /* green */
--font-size: 15pt;
--line-height: 1.3em;
}

/* Dark theme */
@media (prefers-color-scheme: dark) {
:root,
::backdrop {
color-scheme: dark;
--bg: #222;
--accent-bg: #2b2b2b;
--text: #dcdcdc;
--text-light: #ababab;
--accent: #ffb300;
--accent-hover: #ffe099;
--accent-text: var(--bg);
--code: #f06292;
--preformatted: #ccc;
--disabled: #111;

--font-title: Ductus;
--font-body: Lucette;
--color-a: #9557b5; /* washed-off purple */
--color-b: #3c856b; /* washed-off green */
--font-size: 15pt;
--line-height: 1.3em;
}
}

/* Reset box-sizing */
*, *::before, *::after {
box-sizing: border-box;
}

body {
font-family: var(--font-body);
font-size: var(--font-size);
line-height: var(--line-height);
padding-top: 3em;
background-color: var(--bg);
color: var(--text);
border-right: 2px solid #3a3a3a;
}
p {
font-size: var(--font-size);
line-height: var(--line-height);
margin-bottom: 0;
}
p + p {
margin-top: var(--line-height);
}

/* INTERFACE ------------------------------------------------------------------ */
/* remove category help button (does it remove other stuff? mmm...) */
#mw-indicator-mw-helplink {
display: none;
}

/* Menu bar, position fixed to be able to grab it to resize the map on mobile devices */
#navwrapper {
position: fixed;
top: 0;
right: 0;
z-index: 1000;
left: 0;
}

h4.namespace.label {
display: none;
}

.mw-editsection, .mw-editsection-like {
font-size: 10px;
}

#actions {
left: initial !important;
right: 14px;
top: -21px;
background-color: var(--accent-bg);
border: 1px solid var(--text-light);
color: var(--text-light);
}
a#actions-button {
margin-top: -1em;
background-color: var(--accent-bg);
padding: 5px;
color: var(--text-light);
}
.fa,
button, .button,
.top-bar-section ul li > a {
font-family: var(--font-body);
}
.fa::before {
font-family: FontAwesome;
}

.top-bar,
.top-bar-section,
#top-bar-left,
#top-bar-right,
#top-bar-right .columns {
display: flex;
background-color: #222;
align-items: center;
justify-content: space-evenly;
}
#top-bar-left {
width: initial;
}
.top-bar-section {
flex-grow: 1;
}
.has-form {
flex-grow: 1;
padding: 0.5em !important;
}
#top-bar-right {
justify-content: space-between;
flex-grow: 1;
}
.top-bar input {
padding-top: 8px;
flex-grow: 1;
height: 2em;
box-sizing: border-box;
border: 0;
outline: 0;
}
.button.search {
background-color: transparent;
border-style: solid;
border-width: 2px;
border-image: linear-gradient(to right, var(--color-a), var(--color-b));
border-image-slice: 1;
top: 2px !important;
position: relative;
margin-left: 0px !important;
box-sizing: border-box;
padding: 0;
width: 80px;
height: 2em;
margin: 0;
top: 0 !important;
}
.button.search:hover {
background-color: var(--color-a);
}
.suggestions-result-current {
background-color: var(--color-b) !important;
}

.top-bar .toggle-topbar a {
text-transform: lowercase;
font-size: 1em;
}

#toc, .toc {
float: right;
margin-left: 1em;
max-width: 45%;
background-color: var(--accent-bg);
border-radius: 5px;
}
.toctitle {
margin-bottom: -1em;
}
#toc h2 {
margin-top: 0.25em;
font-size: 1em;
display: inline-block;
margin-right: 0.5em;
}
#toc ul {
margin: 0;
}
.tocnumber:after {
content: " – ";
}

table.infobox {
width: initial;
max-width: 45%;
}
table.infobox th.head {
background-color: var(--color-b);
}
th, td {
padding: 0.5em !important;
}

li {
line-height: initial;
}

.mw-category-generated {
margin-top: 2em;
}

/* if no content but only listing subcategories */
.mw-parser-output:empty + .mw-category-generated h2 {
display: none;
}

/* If only one subcategory, don't list the initial */
.mw-category-generated #mw-pages div:only-of-type h3,
#mw-subcategories div:only-of-type h3 {
/*display: none;*/
}

/* removes counting of categories */
.mw-category-generated #mw-pages p:first-of-type,
#mw-subcategories p:first-of-type {
display: none;
}

.group {
margin-top: 5em;
}
#catlinks .label {
border-width: 2px;
border-style: solid;
background-color: transparent;
padding: 2px 6px !important;
}

/* HEADER ------------------------------------------------------------------ */
.title-name {
font-family: var(--font-title);
font-weight: bold;
}
.title-name:hover {
color: var(--color-a);
}

.top-bar-section .has-form {
background-color: #222 !important;
}
.top-bar-section .has-dropdown > a::after {
display: none;
}
.top-bar-section .has-dropdown > a {
padding-right: initial !important;
}
.top-bar-section .dropdown li {
width: initial;
/*height: 2em;*/
position: relative;
padding: 0;
border-bottom: 1px solid lightgray;
}
.top-bar-section ul li {
padding: 0 0.5em;
background-color: #222;
}
.top-bar-section ul li:hover {
z-index: 1000;
}
.top-bar-section ul li > a {
font-size: 16px;
padding: 0;
font-weight: bold;
}

li#p-menu > a {
text-transform: uppercase;
padding: 0;
}
li#p-menu > a + ul li {
outline: 1px solid #00a393;
}

.top-bar-section .dropdown li:not(.has-form):not(.active):hover > a:not(.button) {
background: linear-gradient(90deg,var(--color-a), var(--color-b));
}
li#p-menu + li.has-dropdown {
width: 3em;
text-align: center;
}
li#p-menu + li.has-dropdown > a {
border-radius: 100%;
padding: 0;
text-align: center;
line-height: 30px;
margin: auto;
display: inline-block;
width: 30px;
box-sizing: border-box;
height: 30px;
}
.not-logged-in #top-bar-right li:nth-child(3) {
display: none;
}

#toolbox-dropdown li, #personal-tools-dropdown .dropdown li {
float: right;
}

.back h5 {
font-size: 2em !important;
}
a.parent-link {
color: var(--color-b) !important;
font-weight: bold !important;
}

/* CONTENT ------------------------------------------------------------------ */
#page-content {
margin: 1em;
color: var(--text);
}
#english {
position: relative;
top: -1.5em;
}

h1, h2, h3, h4, h5, h6 {
margin-top: 1em;
color: var(--color-b);
line-height: 1.5em;
font-family: var(--font-body);
}
h1, h1#firstHeading, h2 {
font-family: var(--font-title);
font-size: 1.5em;
}
h2 {
font-family: var(--font-title);
}

h1 {
color: var(--color-a);
}
h2 span {
display: initial;
}
h3 {
font-family: var(--font-title);
font-size: 1em;
}
body.action-view #page-content a {
border-image: linear-gradient(to right, var(--color-a), var(--color-b));
border-bottom-width: 2px;
border-image-slice: 1;
color: var(--text);
border-bottom-style: solid;
padding: 3px 5px 1px;

}
#page-content a:hover,
#catlinks .label:hover {
background: linear-gradient(to right,var(--color-a),var(--color-b));
color: white !important;
}
/* Removes user name */
h3#tagline {
display: none;
}
#bodyContent {
margin-top: 3em;
}

#page-content ul, #page-content ol {
font-size: 1em;
margin-top: calc( var(--line-height) / 2) !important;
margin-bottom: calc( var(--line-height) / 1) !important;
}
div {
line-height: 1.4em ;
}
label {
color: var(--text-light);
}
label[for="wpCaptchaWord"]{
background-color: orangered;
}
code, pre {
color: darkgrey;
background-color: #181818;
border: 1px solid darkgrey;
border-radius:3px;
font-size: 0.8em;
padding: 1ch;
}

/* ACTUALITÉS ------------------------------------------------------------------ */
.medialisting {
display: flex;
flex-wrap: wrap;
}
.medialisting a {
border: 0 !important;
}
.Media {
display: flex;
align-items: flex-start;
margin-bottom: 1em;
flex-direction: column;
flex-basis: 32%;
box-sizing: border-box;
justify-content: center;
padding: 0.5em;
background: radial-gradient(var(--color-a) -31%, transparent 60%);
}
.Media:nth-child(2n) {
background: radial-gradient(var(--color-b) -31%, transparent 60%);
}
.Media-body {
flex: initial;
}

.flexgal {
display: flex;
flex-wrap: wrap;
}

/* THUMBNAILS ------------------------------------------------------------------ */
.thumbinner {
background-color: var(--accent-bg);
}
.thumb.tleft {
margin-right: 2em;
}
.Media-figure a,
.image.fancybox {
display: inline-block;
}
.magnify a {
text-indent: 0;
width: 25px;
height: 25px;
border-style: solid;
border-width: 2px;
line-height: 15px;
}
.magnify a:before {
content: "+";
font-family: FontAwesome;
font-size: 20px;
}

/* PAGE PRINCIPALE D'ACCUEIL*/
.page-École_de_recherche_graphique #page-content ul {
margin-left: 0;
}

.page-École_de_recherche_graphique #page-content li {
margin: 20px 0;

}

.page-École_de_recherche_graphique #page-content li::before {
content: "" !important;
}

.page-École_de_recherche_graphique #page-content li a {
border-width: 2px;
border-style: solid;
// background-color: rgba(100,100,100,0.2);
padding: 6px;
}

/* FIN PAGE PRINCIPALE*/

/* MEDIA QUERIES ------------------------------------------------------------------ */
@media (max-width: 800px) {
div.tleft, div.floatleft, table.floatleft {
width: 100%;
margin-bottom: 3em;
}
#toc {
max-width: initial;
width: 100%;
margin-left: 0;

}
}
@media only screen and (max-width: 600px) {
.top-bar,
.top-bar-section,
#top-bar-right,
#top-bar-right .columns {
display: inherit;
}
.top-bar.expanded {
flex-wrap: wrap;
}
.top-bar.expanded .title-area {
display: flex;
flex-grow: 1;
justify-content: space-between;
}
.top-bar.expanded .top-bar,
.top-bar.expanded .top-bar-section,
.top-bar.expanded #top-bar-right,
.top-bar.expanded #top-bar-right .columns {
display: flex;
align-items: center;
flex-wrap: wrap;
}
.divider.show-for-small {
display: none !important;
}

#top-bar-left, #top-bar-right {
padding: 10px 0 0 0;
}
#top-bar-left li, #top-bar-right li {
padding: 0 8px 0 8px;
}
}

/* Formulaire d'edition ------------------------------------------------------------------ */
#editform
{
margin-top: -5vh;
}

MediaWiki:Ouroboros.css

2024-02-05T15:56:27Z

Dobody :

/*
_ ______ _____ _ _______ _ _ _________ _ _ ______ __ __ ______
| | | ____| / ____| |/ /_ _| \ | | / /__ __| | | | ____| \/ | ____|
| | | |__ | (___ | ' / | | | \| | / / | | | |__| | |__ | \ / | |__
| | | __| \___ \| < | | | . ` | / / | | | __ | __| | |\/| | __|
| |____| |____ ____) | . \ _| |_| |\ |/ / | | | | | | |____| | | | |____
|______|______|_|_____/|_|\_\_____|_|_\_/_/___ _ |_| |_| |_|______|_| |_|______|
/ __ \| ____| ____|_ _/ ____|_ _| ____| |
| | | | |__ | |__ | || | | | | |__ | |
| | | | __| | __| | || | | | | __| | |
| |__| | | | | _| || |____ _| |_| |____| |____
\____/|_|____|_| |_____\_____|_____|______|______|
| __ \| ____|
| | | | |__
| | | | __|
| |__| | |____
|_____/|______|_ _____ _____
| | | ____| __ \ / ____|
| | | |__ | |__) | | __
| | | __| | _ /| | |_ |
| |____ | |____| | \ \| |__| |
|______| |______|_| \_\\_____|

*/

@font-face {
font-family: AntiqueNoble;
src: url("/mw/skins/ouroboros/assets/fonts/antiquenoblebold.woff");
}

@font-face {
font-family: Combined;
src: url("/mw/skins/ouroboros/assets/fonts/combined.otf");
}
@font-face {
font-family: Lucette;
src: url("/mw/skins/ouroboros/assets/fonts/LUCETTE/font/otf/Lucette-Regular.otf");
src: url("/mw/skins/ouroboros/assets/fonts/LUCETTE/font/ttf/Lucette-Regular.ttf");
src: url("/mw/skins/ouroboros/assets/fonts/LUCETTE/font/woff/Lucette-Regular.woff");
src: url("/mw/skins/ouroboros/assets/fonts/LUCETTE/font/woff2/Lucette-Regular.woff2");
}
@font-face {
font-family: Lucette;
src: url("/mw/skins/ouroboros/assets/fonts/LUCETTE/font/otf/Lucette-Regularitalic.otf");
src: url("/mw/skins/ouroboros/assets/fonts/LUCETTE/font/ttf/Lucette-Regularitalic.ttf");
src: url("/mw/skins/ouroboros/assets/fonts/LUCETTE/font/woff/Lucette-Regularitalic.woff");
src: url("/mw/skins/ouroboros/assets/fonts/LUCETTE/font/woff2/Lucette-Regularitalic.woff2");
font-style: italic;
}

@font-face {
font-family: Ductus;
src: url("/mw/skins/ouroboros/assets/fonts/ductus/webfonts/DuctusRegular.woff");
src: url("/mw/skins/ouroboros/assets/fonts/ductus/webfonts/DuctusRegular.woff2");
}
/*
@font-face {
font-family: Vega;
src: url("/mw/skins/ouroboros/assets/fonts/otf/Vega-Regular.otf");
src: url("/mw/skins/ouroboros/assets/fonts/Vega-Regular.ttf") format("truetype");
src: url("/mw/skins/ouroboros/assets/fonts/Vega-Regular-Webfont.svg" format("svg"));
src: url("/mw/skins/ouroboros/assets/fonts/Vega-Regular.woff" format("woff"));
src: url("/mw/skins/ouroboros/assets/fonts/Vega-Regular.woff2") format("woff2");
}
*/

/* Global variables. */
:root,
::backdrop {
/* Set sans-serif & mono fonts */
--sans-font: -apple-system, BlinkMacSystemFont, "Avenir Next", Avenir,
"Nimbus Sans L", Roboto, "Noto Sans", "Segoe UI", Arial, Helvetica,
"Helvetica Neue", sans-serif;
--mono-font: Consolas, Menlo, Monaco, "Andale Mono", "Ubuntu Mono", monospace;
--standard-border-radius: 5px;

/* Default (light) theme */
--bg: #fff;
--accent-bg: #f5f7ff;
--text: #212121;
--text-light: #585858;
--border: #898EA4;
--accent: #0d47a1;
--accent-hover: #1266e2;
--accent-text: var(--bg);
--code: #d81b60;
--preformatted: #444;
--marked: #ffdd33;
--disabled: #efefef;

--font-title: Ductus;
--font-body: Lucette;
--color-a: #a700ff; /* purple */
--color-b: #00ab6b; /* green */
--font-size: 15pt;
--line-height: 1.3em;
}

/* Dark theme */
@media (prefers-color-scheme: dark) {
:root,
::backdrop {
color-scheme: dark;
--bg: #222;
--accent-bg: #2b2b2b;
--text: #dcdcdc;
--text-light: #ababab;
--accent: #ffb300;
--accent-hover: #ffe099;
--accent-text: var(--bg);
--code: #f06292;
--preformatted: #ccc;
--disabled: #111;

--font-title: Ductus;
--font-body: Lucette;
--color-a: #9557b5; /* washed-off purple */
--color-b: #3c856b; /* washed-off green */
--font-size: 15pt;
--line-height: 1.3em;
}
}

/* Reset box-sizing */
*, *::before, *::after {
box-sizing: border-box;
}

body {
font-family: var(--font-body);
font-size: var(--font-size);
line-height: var(--line-height);
padding-top: 3em;
background-color: var(--bg);
color: var(--text);
border-right: 2px solid #3a3a3a;
}
p {
font-size: var(--font-size);
line-height: var(--line-height);
margin-bottom: 0;
}
p + p {
margin-top: var(--line-height);
}

/* INTERFACE ------------------------------------------------------------------ */
/* remove category help button (does it remove other stuff? mmm...) */
#mw-indicator-mw-helplink {
display: none;
}

/* Menu bar, position fixed to be able to grab it to resize the map on mobile devices */
#navwrapper {
position: fixed;
top: 0;
right: 0;
z-index: 1000;
left: 0;
}

h4.namespace.label {
display: none;
}

.mw-editsection, .mw-editsection-like {
font-size: 10px;
}

#actions {
left: initial !important;
right: 14px;
top: -21px;
background-color: var(--accent-bg);
border: 1px solid var(--text-light);
color: var(--text-light);
}
a#actions-button {
margin-top: -1em;
background-color: var(--accent-bg);
padding: 5px;
color: var(--text-light);
}
.fa,
button, .button,
.top-bar-section ul li > a {
font-family: var(--font-body);
}
.fa::before {
font-family: FontAwesome;
}

.top-bar,
.top-bar-section,
#top-bar-left,
#top-bar-right,
#top-bar-right .columns {
display: flex;
background-color: #222;
align-items: center;
justify-content: space-evenly;
}
#top-bar-left {
width: initial;
}
.top-bar-section {
flex-grow: 1;
}
.has-form {
flex-grow: 1;
padding: 0.5em !important;
}
#top-bar-right {
justify-content: space-between;
flex-grow: 1;
}
.top-bar input {
padding-top: 8px;
flex-grow: 1;
height: 2em;
box-sizing: border-box;
border: 0;
outline: 0;
}
.button.search {
background-color: transparent;
border-style: solid;
border-width: 2px;
border-image: linear-gradient(to right, var(--color-a), var(--color-b));
border-image-slice: 1;
top: 2px !important;
position: relative;
margin-left: 0px !important;
box-sizing: border-box;
padding: 0;
width: 80px;
height: 2em;
margin: 0;
top: 0 !important;
}
.button.search:hover {
background-color: var(--color-a);
}
.suggestions-result-current {
background-color: var(--color-b) !important;
}

.top-bar .toggle-topbar a {
text-transform: lowercase;
font-size: 1em;
}

#toc, .toc {
float: right;
margin-left: 1em;
max-width: 45%;
background-color: var(--accent-bg);
border-radius: 5px;
}
.toctitle {
margin-bottom: -1em;
}
#toc h2 {
margin-top: 0.25em;
font-size: 1em;
display: inline-block;
margin-right: 0.5em;
}
#toc ul {
margin: 0;
}
.tocnumber:after {
content: " – ";
}

table.infobox {
width: initial;
max-width: 45%;
}
table.infobox th.head {
background-color: var(--color-b);
}
th, td {
padding: 0.5em !important;
}

li {
line-height: initial;
}

.mw-category-generated {
margin-top: 2em;
}

/* if no content but only listing subcategories */
.mw-parser-output:empty + .mw-category-generated h2 {
display: none;
}

/* If only one subcategory, don't list the initial */
.mw-category-generated #mw-pages div:only-of-type h3,
#mw-subcategories div:only-of-type h3 {
/*display: none;*/
}

/* removes counting of categories */
.mw-category-generated #mw-pages p:first-of-type,
#mw-subcategories p:first-of-type {
display: none;
}

.group {
margin-top: 5em;
}
#catlinks .label {
border-width: 2px;
border-style: solid;
background-color: transparent;
padding: 2px 6px !important;
}

/* HEADER ------------------------------------------------------------------ */
.title-name {
font-family: var(--font-title);
font-weight: bold;
}
.title-name:hover {
color: var(--color-a);
}

.top-bar-section .has-form {
background-color: #222 !important;
}
.top-bar-section .has-dropdown > a::after {
display: none;
}
.top-bar-section .has-dropdown > a {
padding-right: initial !important;
}
.top-bar-section .dropdown li {
width: initial;
/*height: 2em;*/
position: relative;
padding: 0;
border-bottom: 1px solid lightgray;
}
.top-bar-section ul li {
padding: 0 0.5em;
background-color: #222;
}
.top-bar-section ul li:hover {
z-index: 1000;
}
.top-bar-section ul li > a {
font-size: 16px;
padding: 0;
font-weight: bold;
}

li#p-menu > a {
text-transform: uppercase;
padding: 0;
}
li#p-menu > a + ul li {
outline: 1px solid #00a393;
}

.top-bar-section .dropdown li:not(.has-form):not(.active):hover > a:not(.button) {
background: linear-gradient(90deg,var(--color-a), var(--color-b));
}
li#p-menu + li.has-dropdown {
width: 3em;
text-align: center;
}
li#p-menu + li.has-dropdown > a {
border-radius: 100%;
padding: 0;
text-align: center;
line-height: 30px;
margin: auto;
display: inline-block;
width: 30px;
box-sizing: border-box;
height: 30px;
}
.not-logged-in #top-bar-right li:nth-child(3) {
display: none;
}

#toolbox-dropdown li, #personal-tools-dropdown .dropdown li {
float: right;
}

.back h5 {
font-size: 2em !important;
}
a.parent-link {
color: var(--color-b) !important;
font-weight: bold !important;
}

/* CONTENT ------------------------------------------------------------------ */
#page-content {
margin: 1em;
color: var(--text);
}
#english {
position: relative;
top: -1.5em;
}

h1, h2, h3, h4, h5, h6 {
margin-top: 1em;
color: var(--color-b);
line-height: 1.5em;
font-family: var(--font-body);
}
h1, h1#firstHeading, h2 {
font-family: var(--font-title);
font-size: 1.5em;
}
h2 {
font-family: var(--font-title);
}

h1 {
color: var(--color-a);
}
h2 span {
display: initial;
}
h3 {
font-family: var(--font-title);
font-size: 1em;
}
body.action-view #page-content a {
border-image: linear-gradient(to right, var(--color-a), var(--color-b));
border-bottom-width: 2px;
border-image-slice: 1;
color: var(--text);
border-bottom-style: solid;
padding: 3px 5px 1px;

}
#page-content a:hover,
#catlinks .label:hover {
background: linear-gradient(to right,var(--color-a),var(--color-b));
color: white !important;
}
/* Removes user name */
h3#tagline {
display: none;
}
#bodyContent {
margin-top: 3em;
}

#page-content ul, #page-content ol {
font-size: 1em;
margin-top: calc( var(--line-height) / 2) !important;
margin-bottom: calc( var(--line-height) / 1) !important;
}
div {
line-height: 1.4em ;
}
label {
color: var(--text-light);
}
label[for="wpCaptchaWord"]{
background-color: orangered;
}
code, pre {
color: darkgrey;
background-color: #181818;
border: 1px solid darkgrey;
border-radius:3px;
font-size: 0.8em;
padding: 1ch;
}

/* ACTUALITÉS ------------------------------------------------------------------ */
.medialisting {
display: flex;
flex-wrap: wrap;
}
.medialisting a {
border: 0 !important;
}
.Media {
display: flex;
align-items: flex-start;
margin-bottom: 1em;
flex-direction: column;
flex-basis: 32%;
box-sizing: border-box;
justify-content: center;
padding: 0.5em;
background: radial-gradient(var(--color-a) -31%, transparent 60%);
}
.Media:nth-child(2n) {
background: radial-gradient(var(--color-b) -31%, transparent 60%);
}
.Media-body {
flex: initial;
}

.flexgal {
display: flex;
flex-wrap: wrap;
}

/* THUMBNAILS ------------------------------------------------------------------ */
.thumbinner {
background-color: var(--accent-bg);
}
.thumb.tleft {
margin-right: 2em;
}
.Media-figure a,
.image.fancybox {
display: inline-block;
}
.magnify a {
text-indent: 0;
width: 25px;
height: 25px;
border-style: solid;
border-width: 2px;
line-height: 15px;
}
.magnify a:before {
content: "+";
font-family: FontAwesome;
font-size: 20px;
}

/* PAGE PRINCIPALE D'ACCUEIL*/
.page-École_de_recherche_graphique #page-content ul {
margin-left: 0;
}

.page-École_de_recherche_graphique #page-content li {
margin: 20px 0;

}

.page-École_de_recherche_graphique #page-content li::before {
content: "" !important;
}

.page-École_de_recherche_graphique #page-content li a {
border-width: 2px;
border-style: solid;
// background-color: rgba(100,100,100,0.2);
padding: 6px;
}

/* FIN PAGE PRINCIPALE*/

/* MEDIA QUERIES ------------------------------------------------------------------ */
@media (max-width: 800px) {
div.tleft, div.floatleft, table.floatleft {
width: 100%;
margin-bottom: 3em;
}
#toc {
max-width: initial;
width: 100%;
margin-left: 0;

}
}
@media only screen and (max-width: 600px) {
.top-bar,
.top-bar-section,
#top-bar-right,
#top-bar-right .columns {
display: inherit;
}
.top-bar.expanded {
flex-wrap: nowrap;
}
.top-bar.expanded .title-area {
display: flex;
flex-grow: 1;
justify-content: space-between;
}
.top-bar.expanded .top-bar,
.top-bar.expanded .top-bar-section,
.top-bar.expanded #top-bar-right,
.top-bar.expanded #top-bar-right .columns {
display: flex;
align-items: center;
flex-wrap: nowrap;
}
.divider.show-for-small {
display: none !important;
}

#top-bar-left, #top-bar-right {
padding: 10px 0 0 0;
}
#top-bar-left li, #top-bar-right li {
padding: 0 8px 0 8px;
}

.top-bar input {
display: none;
}

}

/* Formulaire d'edition ------------------------------------------------------------------ */
#editform
{
margin-top: -5vh;
}

MediaWiki:Ouroboros.css

2024-02-05T15:52:30Z

Dobody :

/*
_ ______ _____ _ _______ _ _ _________ _ _ ______ __ __ ______
| | | ____| / ____| |/ /_ _| \ | | / /__ __| | | | ____| \/ | ____|
| | | |__ | (___ | ' / | | | \| | / / | | | |__| | |__ | \ / | |__
| | | __| \___ \| < | | | . ` | / / | | | __ | __| | |\/| | __|
| |____| |____ ____) | . \ _| |_| |\ |/ / | | | | | | |____| | | | |____
|______|______|_|_____/|_|\_\_____|_|_\_/_/___ _ |_| |_| |_|______|_| |_|______|
/ __ \| ____| ____|_ _/ ____|_ _| ____| |
| | | | |__ | |__ | || | | | | |__ | |
| | | | __| | __| | || | | | | __| | |
| |__| | | | | _| || |____ _| |_| |____| |____
\____/|_|____|_| |_____\_____|_____|______|______|
| __ \| ____|
| | | | |__
| | | | __|
| |__| | |____
|_____/|______|_ _____ _____
| | | ____| __ \ / ____|
| | | |__ | |__) | | __
| | | __| | _ /| | |_ |
| |____ | |____| | \ \| |__| |
|______| |______|_| \_\\_____|

*/

@font-face {
font-family: AntiqueNoble;
src: url("/mw/skins/ouroboros/assets/fonts/antiquenoblebold.woff");
}

@font-face {
font-family: Combined;
src: url("/mw/skins/ouroboros/assets/fonts/combined.otf");
}
@font-face {
font-family: Lucette;
src: url("/mw/skins/ouroboros/assets/fonts/LUCETTE/font/otf/Lucette-Regular.otf");
src: url("/mw/skins/ouroboros/assets/fonts/LUCETTE/font/ttf/Lucette-Regular.ttf");
src: url("/mw/skins/ouroboros/assets/fonts/LUCETTE/font/woff/Lucette-Regular.woff");
src: url("/mw/skins/ouroboros/assets/fonts/LUCETTE/font/woff2/Lucette-Regular.woff2");
}
@font-face {
font-family: Lucette;
src: url("/mw/skins/ouroboros/assets/fonts/LUCETTE/font/otf/Lucette-Regularitalic.otf");
src: url("/mw/skins/ouroboros/assets/fonts/LUCETTE/font/ttf/Lucette-Regularitalic.ttf");
src: url("/mw/skins/ouroboros/assets/fonts/LUCETTE/font/woff/Lucette-Regularitalic.woff");
src: url("/mw/skins/ouroboros/assets/fonts/LUCETTE/font/woff2/Lucette-Regularitalic.woff2");
font-style: italic;
}

@font-face {
font-family: Ductus;
src: url("/mw/skins/ouroboros/assets/fonts/ductus/webfonts/DuctusRegular.woff");
src: url("/mw/skins/ouroboros/assets/fonts/ductus/webfonts/DuctusRegular.woff2");
}
/*
@font-face {
font-family: Vega;
src: url("/mw/skins/ouroboros/assets/fonts/otf/Vega-Regular.otf");
src: url("/mw/skins/ouroboros/assets/fonts/Vega-Regular.ttf") format("truetype");
src: url("/mw/skins/ouroboros/assets/fonts/Vega-Regular-Webfont.svg" format("svg"));
src: url("/mw/skins/ouroboros/assets/fonts/Vega-Regular.woff" format("woff"));
src: url("/mw/skins/ouroboros/assets/fonts/Vega-Regular.woff2") format("woff2");
}
*/

/* Global variables. */
:root,
::backdrop {
/* Set sans-serif & mono fonts */
--sans-font: -apple-system, BlinkMacSystemFont, "Avenir Next", Avenir,
"Nimbus Sans L", Roboto, "Noto Sans", "Segoe UI", Arial, Helvetica,
"Helvetica Neue", sans-serif;
--mono-font: Consolas, Menlo, Monaco, "Andale Mono", "Ubuntu Mono", monospace;
--standard-border-radius: 5px;

/* Default (light) theme */
--bg: #fff;
--accent-bg: #f5f7ff;
--text: #212121;
--text-light: #585858;
--border: #898EA4;
--accent: #0d47a1;
--accent-hover: #1266e2;
--accent-text: var(--bg);
--code: #d81b60;
--preformatted: #444;
--marked: #ffdd33;
--disabled: #efefef;

--font-title: Ductus;
--font-body: Lucette;
--color-a: #a700ff; /* purple */
--color-a: #9557b5; /* washed-off purple */
--font-size: 15pt;
--line-height: 1.3em;
}

/* Dark theme */
@media (prefers-color-scheme: dark) {
:root,
::backdrop {
color-scheme: dark;
--bg: #222;
--accent-bg: #2b2b2b;
--text: #dcdcdc;
--text-light: #ababab;
--accent: #ffb300;
--accent-hover: #ffe099;
--accent-text: var(--bg);
--code: #f06292;
--preformatted: #ccc;
--disabled: #111;

--font-title: Ductus;
--font-body: Lucette;
--color-a: #9557b5; /* washed-off purple */
--color-b: #3c856b; /* washed-off green */
--font-size: 15pt;
--line-height: 1.3em;
}
}

/* Reset box-sizing */
*, *::before, *::after {
box-sizing: border-box;
}

body {
font-family: var(--font-body);
font-size: var(--font-size);
line-height: var(--line-height);
padding-top: 3em;
background-color: var(--bg);
color: var(--text);
border-right: 2px solid #3a3a3a;
}
p {
font-size: var(--font-size);
line-height: var(--line-height);
margin-bottom: 0;
}
p + p {
margin-top: var(--line-height);
}

/* INTERFACE ------------------------------------------------------------------ */
/* remove category help button (does it remove other stuff? mmm...) */
#mw-indicator-mw-helplink {
display: none;
}

/* Menu bar, position fixed to be able to grab it to resize the map on mobile devices */
#navwrapper {
position: fixed;
top: 0;
right: 0;
z-index: 1000;
left: 0;
}

h4.namespace.label {
display: none;
}

.mw-editsection, .mw-editsection-like {
font-size: 10px;
}

#actions {
left: initial !important;
right: 14px;
top: -21px;
background-color: var(--accent-bg);
border: 1px solid var(--text-light);
color: var(--text-light);
}
a#actions-button {
margin-top: -1em;
background-color: var(--accent-bg);
padding: 5px;
color: var(--text-light);
}
.fa,
button, .button,
.top-bar-section ul li > a {
font-family: var(--font-body);
}
.fa::before {
font-family: FontAwesome;
}

.top-bar,
.top-bar-section,
#top-bar-left,
#top-bar-right,
#top-bar-right .columns {
display: flex;
background-color: #222;
align-items: center;
justify-content: space-evenly;
}
#top-bar-left {
width: initial;
}
.top-bar-section {
flex-grow: 1;
}
.has-form {
flex-grow: 1;
padding: 0.5em !important;
}
#top-bar-right {
justify-content: space-between;
flex-grow: 1;
}
.top-bar input {
padding-top: 8px;
flex-grow: 1;
height: 2em;
box-sizing: border-box;
border: 0;
outline: 0;
}
.button.search {
background-color: transparent;
border-style: solid;
border-width: 2px;
border-image: linear-gradient(to right, var(--color-a), var(--color-b));
border-image-slice: 1;
top: 2px !important;
position: relative;
margin-left: 0px !important;
box-sizing: border-box;
padding: 0;
width: 80px;
height: 2em;
margin: 0;
top: 0 !important;
}
.button.search:hover {
background-color: var(--color-a);
}
.suggestions-result-current {
background-color: var(--color-b) !important;
}

.top-bar .toggle-topbar a {
text-transform: lowercase;
font-size: 1em;
}

#toc, .toc {
float: right;
margin-left: 1em;
max-width: 45%;
background-color: var(--accent-bg);
border-radius: 5px;
}
.toctitle {
margin-bottom: -1em;
}
#toc h2 {
margin-top: 0.25em;
font-size: 1em;
display: inline-block;
margin-right: 0.5em;
}
#toc ul {
margin: 0;
}
.tocnumber:after {
content: " – ";
}

table.infobox {
width: initial;
max-width: 45%;
}
table.infobox th.head {
background-color: var(--color-b);
}
th, td {
padding: 0.5em !important;
}

li {
line-height: initial;
}

.mw-category-generated {
margin-top: 2em;
}

/* if no content but only listing subcategories */
.mw-parser-output:empty + .mw-category-generated h2 {
display: none;
}

/* If only one subcategory, don't list the initial */
.mw-category-generated #mw-pages div:only-of-type h3,
#mw-subcategories div:only-of-type h3 {
/*display: none;*/
}

/* removes counting of categories */
.mw-category-generated #mw-pages p:first-of-type,
#mw-subcategories p:first-of-type {
display: none;
}

.group {
margin-top: 5em;
}
#catlinks .label {
border-width: 2px;
border-style: solid;
background-color: transparent;
padding: 2px 6px !important;
}

/* HEADER ------------------------------------------------------------------ */
.title-name {
font-family: var(--font-title);
font-weight: bold;
}
.title-name:hover {
color: var(--color-a);
}

.top-bar-section .has-form {
background-color: #222 !important;
}
.top-bar-section .has-dropdown > a::after {
display: none;
}
.top-bar-section .has-dropdown > a {
padding-right: initial !important;
}
.top-bar-section .dropdown li {
width: initial;
/*height: 2em;*/
position: relative;
padding: 0;
border-bottom: 1px solid lightgray;
}
.top-bar-section ul li {
padding: 0 0.5em;
background-color: #222;
}
.top-bar-section ul li:hover {
z-index: 1000;
}
.top-bar-section ul li > a {
font-size: 16px;
padding: 0;
font-weight: bold;
}

li#p-menu > a {
text-transform: uppercase;
padding: 0;
}
li#p-menu > a + ul li {
outline: 1px solid #00a393;
}

.top-bar-section .dropdown li:not(.has-form):not(.active):hover > a:not(.button) {
background: linear-gradient(90deg,var(--color-a), var(--color-b));
}
li#p-menu + li.has-dropdown {
width: 3em;
text-align: center;
}
li#p-menu + li.has-dropdown > a {
border-radius: 100%;
padding: 0;
text-align: center;
line-height: 30px;
margin: auto;
display: inline-block;
width: 30px;
box-sizing: border-box;
height: 30px;
}
.not-logged-in #top-bar-right li:nth-child(3) {
display: none;
}

#toolbox-dropdown li, #personal-tools-dropdown .dropdown li {
float: right;
}

.back h5 {
font-size: 2em !important;
}
a.parent-link {
color: var(--color-b) !important;
font-weight: bold !important;
}

/* CONTENT ------------------------------------------------------------------ */
#page-content {
margin: 1em;
color: var(--text);
}
#english {
position: relative;
top: -1.5em;
}

h1, h2, h3, h4, h5, h6 {
margin-top: 1em;
color: var(--color-b);
line-height: 1.5em;
font-family: var(--font-body);
}
h1, h1#firstHeading, h2 {
font-family: var(--font-title);
font-size: 1.5em;
}
h2 {
font-family: var(--font-title);
}

h1 {
color: var(--color-a);
}
h2 span {
display: initial;
}
h3 {
font-family: var(--font-title);
font-size: 1em;
}
body.action-view #page-content a {
border-image: linear-gradient(to right, var(--color-a), var(--color-b));
border-bottom-width: 2px;
border-image-slice: 1;
color: var(--text);
border-bottom-style: solid;
padding: 3px 5px 1px;

}
#page-content a:hover,
#catlinks .label:hover {
background: linear-gradient(to right,var(--color-a),var(--color-b));
color: white !important;
}
/* Removes user name */
h3#tagline {
display: none;
}
#bodyContent {
margin-top: 3em;
}

#page-content ul, #page-content ol {
font-size: 1em;
margin-top: calc( var(--line-height) / 2) !important;
margin-bottom: calc( var(--line-height) / 1) !important;
}
div {
line-height: 1.4em ;
}
label {
color: var(--text-light);
}
label[for="wpCaptchaWord"]{
background-color: orangered;
}
code, pre {
color: darkgrey;
background-color: #181818;
border: 1px solid darkgrey;
border-radius:3px;
font-size: 0.8em;
padding: 1ch;
}

/* ACTUALITÉS ------------------------------------------------------------------ */
.medialisting {
display: flex;
flex-wrap: wrap;
}
.medialisting a {
border: 0 !important;
}
.Media {
display: flex;
align-items: flex-start;
margin-bottom: 1em;
flex-direction: column;
flex-basis: 32%;
box-sizing: border-box;
justify-content: center;
padding: 0.5em;
background: radial-gradient(var(--color-a) -31%, transparent 60%);
}
.Media:nth-child(2n) {
background: radial-gradient(var(--color-b) -31%, transparent 60%);
}
.Media-body {
flex: initial;
}

.flexgal {
display: flex;
flex-wrap: wrap;
}

/* THUMBNAILS ------------------------------------------------------------------ */
.thumbinner {
background-color: var(--accent-bg);
}
.thumb.tleft {
margin-right: 2em;
}
.Media-figure a,
.image.fancybox {
display: inline-block;
}
.magnify a {
text-indent: 0;
width: 25px;
height: 25px;
border-style: solid;
border-width: 2px;
line-height: 15px;
}
.magnify a:before {
content: "+";
font-family: FontAwesome;
font-size: 20px;
}

/* PAGE PRINCIPALE D'ACCUEIL*/
.page-École_de_recherche_graphique #page-content ul {
margin-left: 0;
}

.page-École_de_recherche_graphique #page-content li {
margin: 20px 0;

}

.page-École_de_recherche_graphique #page-content li::before {
content: "" !important;
}

.page-École_de_recherche_graphique #page-content li a {
border-width: 2px;
border-style: solid;
// background-color: rgba(100,100,100,0.2);
padding: 6px;
border-radius: 8px !important;
}

/* FIN PAGE PRINCIPALE*/

/* MEDIA QUERIES ------------------------------------------------------------------ */
@media (max-width: 800px) {
div.tleft, div.floatleft, table.floatleft {
width: 100%;
margin-bottom: 3em;
}
#toc {
max-width: initial;
width: 100%;
margin-left: 0;

}
}
@media only screen and (max-width: 600px) {
.top-bar,
.top-bar-section,
#top-bar-right,
#top-bar-right .columns {
display: inherit;
}
.top-bar.expanded {
flex-wrap: nowrap;
}
.top-bar.expanded .title-area {
display: flex;
flex-grow: 1;
justify-content: space-between;
}
.top-bar.expanded .top-bar,
.top-bar.expanded .top-bar-section,
.top-bar.expanded #top-bar-right,
.top-bar.expanded #top-bar-right .columns {
display: flex;
align-items: center;
flex-wrap: nowrap;
}
.divider.show-for-small {
display: none !important;
}

#top-bar-left, #top-bar-right {
padding: 10px 0 0 0;
}
#top-bar-left li, #top-bar-right li {
padding: 0 8px 0 8px;
}

.top-bar input {
display: none;
}

}

/* Formulaire d'edition ------------------------------------------------------------------ */
#editform
{
margin-top: -5vh;
}

MediaWiki:Ouroboros.css

2024-02-05T15:40:13Z

Dobody :

/*
_ ______ _____ _ _______ _ _ _________ _ _ ______ __ __ ______
| | | ____| / ____| |/ /_ _| \ | | / /__ __| | | | ____| \/ | ____|
| | | |__ | (___ | ' / | | | \| | / / | | | |__| | |__ | \ / | |__
| | | __| \___ \| < | | | . ` | / / | | | __ | __| | |\/| | __|
| |____| |____ ____) | . \ _| |_| |\ |/ / | | | | | | |____| | | | |____
|______|______|_|_____/|_|\_\_____|_|_\_/_/___ _ |_| |_| |_|______|_| |_|______|
/ __ \| ____| ____|_ _/ ____|_ _| ____| |
| | | | |__ | |__ | || | | | | |__ | |
| | | | __| | __| | || | | | | __| | |
| |__| | | | | _| || |____ _| |_| |____| |____
\____/|_|____|_| |_____\_____|_____|______|______|
| __ \| ____|
| | | | |__
| | | | __|
| |__| | |____
|_____/|______|_ _____ _____
| | | ____| __ \ / ____|
| | | |__ | |__) | | __
| | | __| | _ /| | |_ |
| |____ | |____| | \ \| |__| |
|______| |______|_| \_\\_____|

*/

@font-face {
font-family: AntiqueNoble;
src: url("/mw/skins/ouroboros/assets/fonts/antiquenoblebold.woff");
}

@font-face {
font-family: Combined;
src: url("/mw/skins/ouroboros/assets/fonts/combined.otf");
}
@font-face {
font-family: Lucette;
src: url("/mw/skins/ouroboros/assets/fonts/LUCETTE/font/otf/Lucette-Regular.otf");
src: url("/mw/skins/ouroboros/assets/fonts/LUCETTE/font/ttf/Lucette-Regular.ttf");
src: url("/mw/skins/ouroboros/assets/fonts/LUCETTE/font/woff/Lucette-Regular.woff");
src: url("/mw/skins/ouroboros/assets/fonts/LUCETTE/font/woff2/Lucette-Regular.woff2");
}
@font-face {
font-family: Lucette;
src: url("/mw/skins/ouroboros/assets/fonts/LUCETTE/font/otf/Lucette-Regularitalic.otf");
src: url("/mw/skins/ouroboros/assets/fonts/LUCETTE/font/ttf/Lucette-Regularitalic.ttf");
src: url("/mw/skins/ouroboros/assets/fonts/LUCETTE/font/woff/Lucette-Regularitalic.woff");
src: url("/mw/skins/ouroboros/assets/fonts/LUCETTE/font/woff2/Lucette-Regularitalic.woff2");
font-style: italic;
}

@font-face {
font-family: Ductus;
src: url("/mw/skins/ouroboros/assets/fonts/ductus/webfonts/DuctusRegular.woff");
src: url("/mw/skins/ouroboros/assets/fonts/ductus/webfonts/DuctusRegular.woff2");
}
/*
@font-face {
font-family: Vega;
src: url("/mw/skins/ouroboros/assets/fonts/otf/Vega-Regular.otf");
src: url("/mw/skins/ouroboros/assets/fonts/Vega-Regular.ttf") format("truetype");
src: url("/mw/skins/ouroboros/assets/fonts/Vega-Regular-Webfont.svg" format("svg"));
src: url("/mw/skins/ouroboros/assets/fonts/Vega-Regular.woff" format("woff"));
src: url("/mw/skins/ouroboros/assets/fonts/Vega-Regular.woff2") format("woff2");
}
*/

/* Global variables. */
:root,
::backdrop {
/* Set sans-serif & mono fonts */
--sans-font: -apple-system, BlinkMacSystemFont, "Avenir Next", Avenir,
"Nimbus Sans L", Roboto, "Noto Sans", "Segoe UI", Arial, Helvetica,
"Helvetica Neue", sans-serif;
--mono-font: Consolas, Menlo, Monaco, "Andale Mono", "Ubuntu Mono", monospace;
--standard-border-radius: 5px;

/* Default (light) theme */
--bg: #fff;
--accent-bg: #f5f7ff;
--text: #212121;
--text-light: #585858;
--border: #898EA4;
--accent: #0d47a1;
--accent-hover: #1266e2;
--accent-text: var(--bg);
--code: #d81b60;
--preformatted: #444;
--marked: #ffdd33;
--disabled: #efefef;

--font-title: Ductus;
--font-body: Lucette;
--color-a: #9557b5; /* washed-off purple */
--color-b: #3c856b; /* washed-off green */
--font-size: 15pt;
--line-height: 1.3em;
}

/* Dark theme */
@media (prefers-color-scheme: dark) {
:root,
::backdrop {
color-scheme: dark;
--bg: #222;
--accent-bg: #2b2b2b;
--text: #dcdcdc;
--text-light: #ababab;
--accent: #ffb300;
--accent-hover: #ffe099;
--accent-text: var(--bg);
--code: #f06292;
--preformatted: #ccc;
--disabled: #111;

--font-title: Ductus;
--font-body: Lucette;
--color-a: #9557b5; /* washed-off purple */
--color-b: #3c856b; /* washed-off green */
--font-size: 15pt;
--line-height: 1.3em;
}
}

/* Reset box-sizing */
*, *::before, *::after {
box-sizing: border-box;
}

body {
font-family: var(--font-body);
font-size: var(--font-size);
line-height: var(--line-height);
padding-top: 3em;
background-color: var(--bg);
color: var(--text);
border-right: 2px solid #3a3a3a;
}
p {
font-size: var(--font-size);
line-height: var(--line-height);
margin-bottom: 0;
}
p + p {
margin-top: var(--line-height);
}

/* INTERFACE ------------------------------------------------------------------ */
/* remove category help button (does it remove other stuff? mmm...) */
#mw-indicator-mw-helplink {
display: none;
}

/* Menu bar, position fixed to be able to grab it to resize the map on mobile devices */
#navwrapper {
position: fixed;
top: 0;
right: 0;
z-index: 1000;
left: 0;
}

h4.namespace.label {
display: none;
}

.mw-editsection, .mw-editsection-like {
font-size: 10px;
}

#actions {
left: initial !important;
right: 14px;
top: -21px;
background-color: var(--accent-bg);
border: 1px solid var(--text-light);
color: var(--text-light);
}
a#actions-button {
margin-top: -1em;
background-color: var(--accent-bg);
padding: 5px;
color: var(--text-light);
}
.fa,
button, .button,
.top-bar-section ul li > a {
font-family: var(--font-body);
}
.fa::before {
font-family: FontAwesome;
}

.top-bar,
.top-bar-section,
#top-bar-left,
#top-bar-right,
#top-bar-right .columns {
display: flex;
background-color: #222;
align-items: center;
justify-content: space-evenly;
}
#top-bar-left {
width: initial;
}
.top-bar-section {
flex-grow: 1;
}
.has-form {
flex-grow: 1;
padding: 0.5em !important;
}
#top-bar-right {
justify-content: space-between;
flex-grow: 1;
}
.top-bar input {
padding-top: 8px;
flex-grow: 1;
height: 2em;
box-sizing: border-box;
border: 0;
outline: 0;
}
.button.search {
background-color: transparent;
border-style: solid;
border-width: 2px;
border-image: linear-gradient(to right, var(--color-a), var(--color-b));
border-image-slice: 1;
top: 2px !important;
position: relative;
margin-left: 0px !important;
box-sizing: border-box;
padding: 0;
width: 80px;
height: 2em;
margin: 0;
top: 0 !important;
}
.button.search:hover {
background-color: var(--color-a);
}
.suggestions-result-current {
background-color: var(--color-b) !important;
}

.top-bar .toggle-topbar a {
text-transform: lowercase;
font-size: 1em;
}

#toc, .toc {
float: right;
margin-left: 1em;
max-width: 45%;
background-color: var(--accent-bg);
border-radius: 5px;
}
.toctitle {
margin-bottom: -1em;
}
#toc h2 {
margin-top: 0.25em;
font-size: 1em;
display: inline-block;
margin-right: 0.5em;
}
#toc ul {
margin: 0;
}
.tocnumber:after {
content: " – ";
}

table.infobox {
width: initial;
max-width: 45%;
}
table.infobox th.head {
background-color: var(--color-b);
}
th, td {
padding: 0.5em !important;
}

li {
line-height: initial;
}

.mw-category-generated {
margin-top: 2em;
}

/* if no content but only listing subcategories */
.mw-parser-output:empty + .mw-category-generated h2 {
display: none;
}

/* If only one subcategory, don't list the initial */
.mw-category-generated #mw-pages div:only-of-type h3,
#mw-subcategories div:only-of-type h3 {
/*display: none;*/
}

/* removes counting of categories */
.mw-category-generated #mw-pages p:first-of-type,
#mw-subcategories p:first-of-type {
display: none;
}

.group {
margin-top: 5em;
}
#catlinks .label {
border-width: 2px;
border-style: solid;
background-color: transparent;
padding: 2px 6px !important;
}

/* HEADER ------------------------------------------------------------------ */
.title-name {
font-family: var(--font-title);
font-weight: bold;
}
.title-name:hover {
color: var(--color-a);
}

.top-bar-section .has-form {
background-color: #222 !important;
}
.top-bar-section .has-dropdown > a::after {
display: none;
}
.top-bar-section .has-dropdown > a {
padding-right: initial !important;
}
.top-bar-section .dropdown li {
width: initial;
/*height: 2em;*/
position: relative;
padding: 0;
border-bottom: 1px solid lightgray;
}
.top-bar-section ul li {
padding: 0 0.5em;
background-color: #222;
}
.top-bar-section ul li:hover {
z-index: 1000;
}
.top-bar-section ul li > a {
font-size: 16px;
padding: 0;
font-weight: bold;
}

li#p-menu > a {
text-transform: uppercase;
padding: 0;
}
li#p-menu > a + ul li {
outline: 1px solid #00a393;
}

.top-bar-section .dropdown li:not(.has-form):not(.active):hover > a:not(.button) {
background: linear-gradient(90deg,var(--color-a), var(--color-b));
}
li#p-menu + li.has-dropdown {
width: 3em;
text-align: center;
}
li#p-menu + li.has-dropdown > a {
border-radius: 100%;
padding: 0;
text-align: center;
line-height: 30px;
margin: auto;
display: inline-block;
width: 30px;
box-sizing: border-box;
height: 30px;
}
.not-logged-in #top-bar-right li:nth-child(3) {
display: none;
}

#toolbox-dropdown li, #personal-tools-dropdown .dropdown li {
float: right;
}

.back h5 {
font-size: 2em !important;
}
a.parent-link {
color: var(--color-b) !important;
font-weight: bold !important;
}

/* CONTENT ------------------------------------------------------------------ */
#page-content {
margin: 1em;
color: var(--text);
}
#english {
position: relative;
top: -1.5em;
}

h1, h2, h3, h4, h5, h6 {
margin-top: 1em;
color: var(--color-b);
line-height: 1.5em;
font-family: var(--font-body);
}
h1, h1#firstHeading, h2 {
font-family: var(--font-title);
font-size: 1.5em;
}
h2 {
font-family: var(--font-title);
}

h1 {
color: var(--color-a);
}
h2 span {
display: initial;
}
h3 {
font-family: var(--font-title);
font-size: 1em;
}
body.action-view #page-content a {
border-image: linear-gradient(to right, var(--color-a), var(--color-b));
border-bottom-width: 2px;
border-image-slice: 1;
color: var(--text);
border-bottom-style: solid;
padding: 3px 5px 1px;

}
#page-content a:hover,
#catlinks .label:hover {
background: linear-gradient(to right,var(--color-a),var(--color-b));
color: white !important;
}
/* Removes user name */
h3#tagline {
display: none;
}
#bodyContent {
margin-top: 3em;
}

#page-content ul, #page-content ol {
font-size: 1em;
margin-top: calc( var(--line-height) / 2) !important;
margin-bottom: calc( var(--line-height) / 1) !important;
}
div {
line-height: 1.4em ;
}
label {
color: var(--text-light);
}
label[for="wpCaptchaWord"]{
background-color: orangered;
}
code, pre {
color: darkgrey;
background-color: #181818;
border: 1px solid darkgrey;
border-radius:3px;
font-size: 0.8em;
padding: 1ch;
}

/* ACTUALITÉS ------------------------------------------------------------------ */
.medialisting {
display: flex;
flex-wrap: wrap;
}
.medialisting a {
border: 0 !important;
}
.Media {
display: flex;
align-items: flex-start;
margin-bottom: 1em;
flex-direction: column;
flex-basis: 32%;
box-sizing: border-box;
justify-content: center;
padding: 0.5em;
background: radial-gradient(var(--color-a) -31%, transparent 60%);
}
.Media:nth-child(2n) {
background: radial-gradient(var(--color-b) -31%, transparent 60%);
}
.Media-body {
flex: initial;
}

.flexgal {
display: flex;
flex-wrap: wrap;
}

/* THUMBNAILS ------------------------------------------------------------------ */
.thumbinner {
background-color: var(--accent-bg);
}
.thumb.tleft {
margin-right: 2em;
}
.Media-figure a,
.image.fancybox {
display: inline-block;
}
.magnify a {
text-indent: 0;
width: 25px;
height: 25px;
border-style: solid;
border-width: 2px;
line-height: 15px;
}
.magnify a:before {
content: "+";
font-family: FontAwesome;
font-size: 20px;
}

/* PAGE PRINCIPALE D'ACCUEIL*/
.page-École_de_recherche_graphique #page-content ul {
margin-left: 0;
}

.page-École_de_recherche_graphique #page-content li {
margin: 20px 0;

}

.page-École_de_recherche_graphique #page-content li::before {
content: "" !important;
}

.page-École_de_recherche_graphique #page-content li a {
border-width: 2px;
border-style: solid;
// background-color: rgba(100,100,100,0.2);
padding: 6px;
border-radius: 8px !important;
}

/* FIN PAGE PRINCIPALE*/

/* MEDIA QUERIES ------------------------------------------------------------------ */
@media (max-width: 800px) {
div.tleft, div.floatleft, table.floatleft {
width: 100%;
margin-bottom: 3em;
}
#toc {
max-width: initial;
width: 100%;
margin-left: 0;

}
}
@media only screen and (max-width: 600px) {
.top-bar,
.top-bar-section,
#top-bar-right,
#top-bar-right .columns {
display: inherit;
}
.top-bar.expanded {
flex-wrap: nowrap;
}
.top-bar.expanded .title-area {
display: flex;
flex-grow: 1;
justify-content: space-between;
}
.top-bar.expanded .top-bar,
.top-bar.expanded .top-bar-section,
.top-bar.expanded #top-bar-right,
.top-bar.expanded #top-bar-right .columns {
display: flex;
align-items: center;
flex-wrap: nowrap;
}
.divider.show-for-small {
display: none !important;
}

#top-bar-left, #top-bar-right {
padding: 10px 0 0 0;
}
#top-bar-left li, #top-bar-right li {
padding: 0 8px 0 8px;
}

.top-bar input {
display: none;
}

}

/* Formulaire d'edition ------------------------------------------------------------------ */
#editform
{
margin-top: -5vh;
}

MediaWiki:Ouroboros.css

2024-02-05T15:38:03Z

Dobody :

/*
_ ______ _____ _ _______ _ _ _________ _ _ ______ __ __ ______
| | | ____| / ____| |/ /_ _| \ | | / /__ __| | | | ____| \/ | ____|
| | | |__ | (___ | ' / | | | \| | / / | | | |__| | |__ | \ / | |__
| | | __| \___ \| < | | | . ` | / / | | | __ | __| | |\/| | __|
| |____| |____ ____) | . \ _| |_| |\ |/ / | | | | | | |____| | | | |____
|______|______|_|_____/|_|\_\_____|_|_\_/_/___ _ |_| |_| |_|______|_| |_|______|
/ __ \| ____| ____|_ _/ ____|_ _| ____| |
| | | | |__ | |__ | || | | | | |__ | |
| | | | __| | __| | || | | | | __| | |
| |__| | | | | _| || |____ _| |_| |____| |____
\____/|_|____|_| |_____\_____|_____|______|______|
| __ \| ____|
| | | | |__
| | | | __|
| |__| | |____
|_____/|______|_ _____ _____
| | | ____| __ \ / ____|
| | | |__ | |__) | | __
| | | __| | _ /| | |_ |
| |____ | |____| | \ \| |__| |
|______| |______|_| \_\\_____|

*/

@font-face {
font-family: AntiqueNoble;
src: url("/mw/skins/ouroboros/assets/fonts/antiquenoblebold.woff");
}

@font-face {
font-family: Combined;
src: url("/mw/skins/ouroboros/assets/fonts/combined.otf");
}
@font-face {
font-family: Lucette;
src: url("/mw/skins/ouroboros/assets/fonts/LUCETTE/font/otf/Lucette-Regular.otf");
src: url("/mw/skins/ouroboros/assets/fonts/LUCETTE/font/ttf/Lucette-Regular.ttf");
src: url("/mw/skins/ouroboros/assets/fonts/LUCETTE/font/woff/Lucette-Regular.woff");
src: url("/mw/skins/ouroboros/assets/fonts/LUCETTE/font/woff2/Lucette-Regular.woff2");
}
@font-face {
font-family: Lucette;
src: url("/mw/skins/ouroboros/assets/fonts/LUCETTE/font/otf/Lucette-Regularitalic.otf");
src: url("/mw/skins/ouroboros/assets/fonts/LUCETTE/font/ttf/Lucette-Regularitalic.ttf");
src: url("/mw/skins/ouroboros/assets/fonts/LUCETTE/font/woff/Lucette-Regularitalic.woff");
src: url("/mw/skins/ouroboros/assets/fonts/LUCETTE/font/woff2/Lucette-Regularitalic.woff2");
font-style: italic;
}

@font-face {
font-family: Ductus;
src: url("/mw/skins/ouroboros/assets/fonts/ductus/webfonts/DuctusRegular.woff");
src: url("/mw/skins/ouroboros/assets/fonts/ductus/webfonts/DuctusRegular.woff2");
}
/*
@font-face {
font-family: Vega;
src: url("/mw/skins/ouroboros/assets/fonts/otf/Vega-Regular.otf");
src: url("/mw/skins/ouroboros/assets/fonts/Vega-Regular.ttf") format("truetype");
src: url("/mw/skins/ouroboros/assets/fonts/Vega-Regular-Webfont.svg" format("svg"));
src: url("/mw/skins/ouroboros/assets/fonts/Vega-Regular.woff" format("woff"));
src: url("/mw/skins/ouroboros/assets/fonts/Vega-Regular.woff2") format("woff2");
}
*/

/* Global variables. */
:root,
::backdrop {
/* Set sans-serif & mono fonts */
--sans-font: -apple-system, BlinkMacSystemFont, "Avenir Next", Avenir,
"Nimbus Sans L", Roboto, "Noto Sans", "Segoe UI", Arial, Helvetica,
"Helvetica Neue", sans-serif;
--mono-font: Consolas, Menlo, Monaco, "Andale Mono", "Ubuntu Mono", monospace;
--standard-border-radius: 5px;

/* Default (light) theme */
--bg: #fff;
--accent-bg: #f5f7ff;
--text: #212121;
--text-light: #585858;
--border: #898EA4;
--accent: #0d47a1;
--accent-hover: #1266e2;
--accent-text: var(--bg);
--code: #d81b60;
--preformatted: #444;
--marked: #ffdd33;
--disabled: #efefef;

--font-title: Ductus;
--font-body: Lucette;
--color-a: #a700ff; /* purple */
--color-b: #00ab6b; /* green */
--font-size: 15pt;
--line-height: 1.3em;
}

/* Dark theme */
@media (prefers-color-scheme: dark) {
:root,
::backdrop {
color-scheme: dark;
--bg: #222;
--accent-bg: #2b2b2b;
--text: #dcdcdc;
--text-light: #ababab;
--accent: #ffb300;
--accent-hover: #ffe099;
--accent-text: var(--bg);
--code: #f06292;
--preformatted: #ccc;
--disabled: #111;

--font-title: Ductus;
--font-body: Lucette;
--color-a: #9557b5; /* washed-off purple */
--color-b: #3c856b; /* washed-off green */
--font-size: 15pt;
--line-height: 1.3em;
}
}

/* Reset box-sizing */
*, *::before, *::after {
box-sizing: border-box;
}

body {
font-family: var(--font-body);
font-size: var(--font-size);
line-height: var(--line-height);
padding-top: 3em;
background-color: var(--bg);
color: var(--text);
border-right: 2px solid #3a3a3a;
}
p {
font-size: var(--font-size);
line-height: var(--line-height);
margin-bottom: 0;
}
p + p {
margin-top: var(--line-height);
}

/* INTERFACE ------------------------------------------------------------------ */
/* remove category help button (does it remove other stuff? mmm...) */
#mw-indicator-mw-helplink {
display: none;
}

/* Menu bar, position fixed to be able to grab it to resize the map on mobile devices */
#navwrapper {
position: fixed;
top: 0;
right: 0;
z-index: 1000;
left: 0;
}

h4.namespace.label {
display: none;
}

.mw-editsection, .mw-editsection-like {
font-size: 10px;
}

#actions {
left: initial !important;
right: 14px;
top: -21px;
background-color: var(--accent-bg);
border: 1px solid var(--text-light);
color: var(--text-light);
}
a#actions-button {
margin-top: -1em;
background-color: var(--accent-bg);
padding: 5px;
color: var(--text-light);
}
.fa,
button, .button,
.top-bar-section ul li > a {
font-family: var(--font-body);
}
.fa::before {
font-family: FontAwesome;
}

.top-bar,
.top-bar-section,
#top-bar-left,
#top-bar-right,
#top-bar-right .columns {
display: flex;
background-color: #222;
align-items: center;
justify-content: space-evenly;
}
#top-bar-left {
width: initial;
}
.top-bar-section {
flex-grow: 1;
}
.has-form {
flex-grow: 1;
padding: 0.5em !important;
}
#top-bar-right {
justify-content: space-between;
flex-grow: 1;
}
.top-bar input {
padding-top: 8px;
flex-grow: 1;
height: 2em;
box-sizing: border-box;
border: 0;
outline: 0;
}
.button.search {
background-color: transparent;
border-style: solid;
border-width: 2px;
border-image: linear-gradient(to right, var(--color-a), var(--color-b));
border-image-slice: 1;
top: 2px !important;
position: relative;
margin-left: 0px !important;
box-sizing: border-box;
padding: 0;
width: 80px;
height: 2em;
margin: 0;
top: 0 !important;
}
.button.search:hover {
background-color: var(--color-a);
}
.suggestions-result-current {
background-color: var(--color-b) !important;
}

.top-bar .toggle-topbar a {
text-transform: lowercase;
font-size: 1em;
}

#toc, .toc {
float: right;
margin-left: 1em;
max-width: 45%;
background-color: var(--accent-bg);
border-radius: 5px;
}
.toctitle {
margin-bottom: -1em;
}
#toc h2 {
margin-top: 0.25em;
font-size: 1em;
display: inline-block;
margin-right: 0.5em;
}
#toc ul {
margin: 0;
}
.tocnumber:after {
content: " – ";
}

table.infobox {
width: initial;
max-width: 45%;
}
table.infobox th.head {
background-color: var(--color-b);
}
th, td {
padding: 0.5em !important;
}

li {
line-height: initial;
}

.mw-category-generated {
margin-top: 2em;
}

/* if no content but only listing subcategories */
.mw-parser-output:empty + .mw-category-generated h2 {
display: none;
}

/* If only one subcategory, don't list the initial */
.mw-category-generated #mw-pages div:only-of-type h3,
#mw-subcategories div:only-of-type h3 {
/*display: none;*/
}

/* removes counting of categories */
.mw-category-generated #mw-pages p:first-of-type,
#mw-subcategories p:first-of-type {
display: none;
}

.group {
margin-top: 5em;
}
#catlinks .label {
border-width: 2px;
border-style: solid;
background-color: transparent;
padding: 2px 6px !important;
}

/* HEADER ------------------------------------------------------------------ */
.title-name {
font-family: var(--font-title);
font-weight: bold;
}
.title-name:hover {
color: var(--color-a);
}

.top-bar-section .has-form {
background-color: #222 !important;
}
.top-bar-section .has-dropdown > a::after {
display: none;
}
.top-bar-section .has-dropdown > a {
padding-right: initial !important;
}
.top-bar-section .dropdown li {
width: initial;
/*height: 2em;*/
position: relative;
padding: 0;
border-bottom: 1px solid lightgray;
}
.top-bar-section ul li {
padding: 0 0.5em;
background-color: #222;
}
.top-bar-section ul li:hover {
z-index: 1000;
}
.top-bar-section ul li > a {
font-size: 16px;
padding: 0;
font-weight: bold;
}

li#p-menu > a {
text-transform: uppercase;
padding: 0;
}
li#p-menu > a + ul li {
outline: 1px solid #00a393;
}

.top-bar-section .dropdown li:not(.has-form):not(.active):hover > a:not(.button) {
background: linear-gradient(90deg,var(--color-a), var(--color-b));
}
li#p-menu + li.has-dropdown {
width: 3em;
text-align: center;
}
li#p-menu + li.has-dropdown > a {
border-radius: 100%;
padding: 0;
text-align: center;
line-height: 30px;
margin: auto;
display: inline-block;
width: 30px;
box-sizing: border-box;
height: 30px;
}
.not-logged-in #top-bar-right li:nth-child(3) {
display: none;
}

#toolbox-dropdown li, #personal-tools-dropdown .dropdown li {
float: right;
}

.back h5 {
font-size: 2em !important;
}
a.parent-link {
color: var(--color-b) !important;
font-weight: bold !important;
}

/* CONTENT ------------------------------------------------------------------ */
#page-content {
margin: 1em;
color: var(--text);
}
#english {
position: relative;
top: -1.5em;
}

h1, h2, h3, h4, h5, h6 {
margin-top: 1em;
color: var(--color-b);
line-height: 1.5em;
font-family: var(--font-body);
}
h1, h1#firstHeading, h2 {
font-family: var(--font-title);
font-size: 1.5em;
}
h2 {
font-family: var(--font-title);
}

h1 {
color: var(--color-a);
}
h2 span {
display: initial;
}
h3 {
font-family: var(--font-title);
font-size: 1em;
}
body.action-view #page-content a {
border-image: linear-gradient(to right, var(--color-a), var(--color-b));
border-bottom-width: 2px;
border-image-slice: 1;
color: var(--text);
border-bottom-style: solid;
padding: 3px 5px 1px;

}
#page-content a:hover,
#catlinks .label:hover {
background: linear-gradient(to right,var(--color-a),var(--color-b));
color: white !important;
}
/* Removes user name */
h3#tagline {
display: none;
}
#bodyContent {
margin-top: 3em;
}

#page-content ul, #page-content ol {
font-size: 1em;
margin-top: calc( var(--line-height) / 2) !important;
margin-bottom: calc( var(--line-height) / 1) !important;
}
div {
line-height: 1.4em ;
}
label {
color: var(--text-light);
}
label[for="wpCaptchaWord"]{
background-color: orangered;
}
code, pre {
color: darkgrey;
background-color: #181818;
border: 1px solid darkgrey;
border-radius:3px;
font-size: 0.8em;
padding: 1ch;
}

/* ACTUALITÉS ------------------------------------------------------------------ */
.medialisting {
display: flex;
flex-wrap: wrap;
}
.medialisting a {
border: 0 !important;
}
.Media {
display: flex;
align-items: flex-start;
margin-bottom: 1em;
flex-direction: column;
flex-basis: 32%;
box-sizing: border-box;
justify-content: center;
padding: 0.5em;
background: radial-gradient(var(--color-a) -31%, transparent 60%);
}
.Media:nth-child(2n) {
background: radial-gradient(var(--color-b) -31%, transparent 60%);
}
.Media-body {
flex: initial;
}

.flexgal {
display: flex;
flex-wrap: wrap;
}

/* THUMBNAILS ------------------------------------------------------------------ */
.thumbinner {
background-color: var(--accent-bg);
}
.thumb.tleft {
margin-right: 2em;
}
.Media-figure a,
.image.fancybox {
display: inline-block;
}
.magnify a {
text-indent: 0;
width: 25px;
height: 25px;
border-style: solid;
border-width: 2px;
line-height: 15px;
}
.magnify a:before {
content: "+";
font-family: FontAwesome;
font-size: 20px;
}

/* PAGE PRINCIPALE D'ACCUEIL*/
.page-École_de_recherche_graphique #page-content ul {
margin-left: 0;
}

.page-École_de_recherche_graphique #page-content li {
margin: 20px 0;

}

.page-École_de_recherche_graphique #page-content li::before {
content: "" !important;
}

.page-École_de_recherche_graphique #page-content li a {
border-width: 2px;
border-style: solid;
// background-color: rgba(100,100,100,0.2);
padding: 6px;
border-radius: 8px !important;
}

/* FIN PAGE PRINCIPALE*/

/* MEDIA QUERIES ------------------------------------------------------------------ */
@media (max-width: 800px) {
div.tleft, div.floatleft, table.floatleft {
width: 100%;
margin-bottom: 3em;
}
#toc {
max-width: initial;
width: 100%;
margin-left: 0;

}
}
@media only screen and (max-width: 600px) {
.top-bar,
.top-bar-section,
#top-bar-right,
#top-bar-right .columns {
display: inherit;
}
.top-bar.expanded {
flex-wrap: nowrap;
}
.top-bar.expanded .title-area {
display: flex;
flex-grow: 1;
justify-content: space-between;
}
.top-bar.expanded .top-bar,
.top-bar.expanded .top-bar-section,
.top-bar.expanded #top-bar-right,
.top-bar.expanded #top-bar-right .columns {
display: flex;
align-items: center;
flex-wrap: nowrap;
}
.divider.show-for-small {
display: none !important;
}

#top-bar-left, #top-bar-right {
padding: 10px 0 0 0;
}
#top-bar-left li, #top-bar-right li {
padding: 0 8px 0 8px;
}

.top-bar input {
display: none;
}

}

/* Formulaire d'edition ------------------------------------------------------------------ */
#editform
{
margin-top: -5vh;
}

MediaWiki:Ouroboros.css

2024-02-05T15:30:57Z

Dobody :

/*
_ ______ _____ _ _______ _ _ _________ _ _ ______ __ __ ______
| | | ____| / ____| |/ /_ _| \ | | / /__ __| | | | ____| \/ | ____|
| | | |__ | (___ | ' / | | | \| | / / | | | |__| | |__ | \ / | |__
| | | __| \___ \| < | | | . ` | / / | | | __ | __| | |\/| | __|
| |____| |____ ____) | . \ _| |_| |\ |/ / | | | | | | |____| | | | |____
|______|______|_|_____/|_|\_\_____|_|_\_/_/___ _ |_| |_| |_|______|_| |_|______|
/ __ \| ____| ____|_ _/ ____|_ _| ____| |
| | | | |__ | |__ | || | | | | |__ | |
| | | | __| | __| | || | | | | __| | |
| |__| | | | | _| || |____ _| |_| |____| |____
\____/|_|____|_| |_____\_____|_____|______|______|
| __ \| ____|
| | | | |__
| | | | __|
| |__| | |____
|_____/|______|_ _____ _____
| | | ____| __ \ / ____|
| | | |__ | |__) | | __
| | | __| | _ /| | |_ |
| |____ | |____| | \ \| |__| |
|______| |______|_| \_\\_____|

*/

@font-face {
font-family: AntiqueNoble;
src: url("/mw/skins/ouroboros/assets/fonts/antiquenoblebold.woff");
}

@font-face {
font-family: Combined;
src: url("/mw/skins/ouroboros/assets/fonts/combined.otf");
}
@font-face {
font-family: Lucette;
src: url("/mw/skins/ouroboros/assets/fonts/LUCETTE/font/otf/Lucette-Regular.otf");
src: url("/mw/skins/ouroboros/assets/fonts/LUCETTE/font/ttf/Lucette-Regular.ttf");
src: url("/mw/skins/ouroboros/assets/fonts/LUCETTE/font/woff/Lucette-Regular.woff");
src: url("/mw/skins/ouroboros/assets/fonts/LUCETTE/font/woff2/Lucette-Regular.woff2");
}
@font-face {
font-family: Lucette;
src: url("/mw/skins/ouroboros/assets/fonts/LUCETTE/font/otf/Lucette-Regularitalic.otf");
src: url("/mw/skins/ouroboros/assets/fonts/LUCETTE/font/ttf/Lucette-Regularitalic.ttf");
src: url("/mw/skins/ouroboros/assets/fonts/LUCETTE/font/woff/Lucette-Regularitalic.woff");
src: url("/mw/skins/ouroboros/assets/fonts/LUCETTE/font/woff2/Lucette-Regularitalic.woff2");
font-style: italic;
}

@font-face {
font-family: Ductus;
src: url("/mw/skins/ouroboros/assets/fonts/ductus/webfonts/DuctusRegular.woff");
src: url("/mw/skins/ouroboros/assets/fonts/ductus/webfonts/DuctusRegular.woff2");
}
/*
@font-face {
font-family: Vega;
src: url("/mw/skins/ouroboros/assets/fonts/otf/Vega-Regular.otf");
src: url("/mw/skins/ouroboros/assets/fonts/Vega-Regular.ttf") format("truetype");
src: url("/mw/skins/ouroboros/assets/fonts/Vega-Regular-Webfont.svg" format("svg"));
src: url("/mw/skins/ouroboros/assets/fonts/Vega-Regular.woff" format("woff"));
src: url("/mw/skins/ouroboros/assets/fonts/Vega-Regular.woff2") format("woff2");
}
*/

/* Global variables. */
:root,
::backdrop {
/* Set sans-serif & mono fonts */
--sans-font: -apple-system, BlinkMacSystemFont, "Avenir Next", Avenir,
"Nimbus Sans L", Roboto, "Noto Sans", "Segoe UI", Arial, Helvetica,
"Helvetica Neue", sans-serif;
--mono-font: Consolas, Menlo, Monaco, "Andale Mono", "Ubuntu Mono", monospace;
--standard-border-radius: 5px;

/* Default (light) theme */
--bg: #fff;
--accent-bg: #f5f7ff;
--text: #212121;
--text-light: #585858;
--border: #898EA4;
--accent: #0d47a1;
--accent-hover: #1266e2;
--accent-text: var(--bg);
--code: #d81b60;
--preformatted: #444;
--marked: #ffdd33;
--disabled: #efefef;

--font-title: Ductus;
--font-body: Lucette;
--color-a: #a700ff; /* purple */
--color-b: #00ab6b; /* green */
--font-size: 15pt;
--line-height: 1.3em;
}

/* Dark theme */
@media (prefers-color-scheme: dark) {
:root,
::backdrop {
color-scheme: dark;
--bg: #222;
--accent-bg: #2b2b2b;
--text: #dcdcdc;
--text-light: #ababab;
--accent: #ffb300;
--accent-hover: #ffe099;
--accent-text: var(--bg);
--code: #f06292;
--preformatted: #ccc;
--disabled: #111;

--font-title: Ductus;
--font-body: Lucette;
--color-a: #9557b5; /* washed-off purple */
--color-b: #3c856b; /* washed-off green */
--font-size: 15pt;
--line-height: 1.3em;
}
}

/* Reset box-sizing */
*, *::before, *::after {
box-sizing: border-box;
}

body {
font-family: var(--font-body);
font-size: var(--font-size);
line-height: var(--line-height);
padding-top: 3em;
background-color: var(--bg);
color: var(--text);
border-right: 2px solid #3a3a3a;
}
p {
font-size: var(--font-size);
line-height: var(--line-height);
margin-bottom: 0;
}
p + p {
margin-top: var(--line-height);
}

/* INTERFACE ------------------------------------------------------------------ */
/* remove category help button (does it remove other stuff? mmm...) */
#mw-indicator-mw-helplink {
display: none;
}

/* Menu bar, position fixed to be able to grab it to resize the map on mobile devices */
#navwrapper {
position: fixed;
top: 0;
right: 0;
z-index: 1000;
left: 0;
}

h4.namespace.label {
display: none;
}

.mw-editsection, .mw-editsection-like {
font-size: 10px;
}

#actions {
left: initial !important;
right: 14px;
top: -21px;
background-color: var(--accent-bg);
border: 1px solid var(--text-light);
color: var(--text-light);
}
a#actions-button {
margin-top: -1em;
background-color: var(--accent-bg);
padding: 5px;
color: var(--text-light);
}
.fa,
button, .button,
.top-bar-section ul li > a {
font-family: var(--font-body);
}
.fa::before {
font-family: FontAwesome;
}

.top-bar,
.top-bar-section,
#top-bar-left,
#top-bar-right,
#top-bar-right .columns {
display: flex;
background-color: #222;
align-items: center;
justify-content: space-evenly;
}
#top-bar-left {
width: initial;
}
.top-bar-section {
flex-grow: 1;
}
.has-form {
flex-grow: 1;
padding: 0.5em !important;
}
#top-bar-right {
justify-content: space-between;
flex-grow: 1;
}
.top-bar input {
padding-top: 8px;
flex-grow: 1;
height: 2em;
box-sizing: border-box;
border: 0;
outline: 0;
}
.button.search {
background-color: transparent;
border-style: solid;
border-width: 2px;
border-image: linear-gradient(to right, var(--color-a), var(--color-b));
border-image-slice: 1;
top: 2px !important;
position: relative;
margin-left: 0px !important;
box-sizing: border-box;
padding: 0;
width: 80px;
height: 2em;
margin: 0;
top: 0 !important;
}
.button.search:hover {
background-color: var(--color-a);
}
.suggestions-result-current {
background-color: var(--color-b) !important;
}

.top-bar .toggle-topbar a {
text-transform: lowercase;
font-size: 1em;
}

#toc, .toc {
float: right;
margin-left: 1em;
max-width: 45%;
background-color: var(--accent-bg);
border-radius: 5px;
}
.toctitle {
margin-bottom: -1em;
}
#toc h2 {
margin-top: 0.25em;
font-size: 1em;
display: inline-block;
margin-right: 0.5em;
}
#toc ul {
margin: 0;
}
.tocnumber:after {
content: " – ";
}

table.infobox {
width: initial;
max-width: 45%;
}
table.infobox th.head {
background-color: var(--color-b);
}
th, td {
padding: 0.5em !important;
}

li {
line-height: initial;
}

.mw-category-generated {
margin-top: 2em;
}

/* if no content but only listing subcategories */
.mw-parser-output:empty + .mw-category-generated h2 {
display: none;
}

/* If only one subcategory, don't list the initial */
.mw-category-generated #mw-pages div:only-of-type h3,
#mw-subcategories div:only-of-type h3 {
/*display: none;*/
}

/* removes counting of categories */
.mw-category-generated #mw-pages p:first-of-type,
#mw-subcategories p:first-of-type {
display: none;
}

.group {
margin-top: 5em;
}
#catlinks .label {
border-width: 2px;
border-style: solid;
background-color: transparent;
padding: 2px 6px !important;
}

/* HEADER ------------------------------------------------------------------ */
.title-name {
font-family: var(--font-title);
font-weight: bold;
}
.title-name:hover {
color: var(--color-a);
}

.top-bar-section .has-form {
background-color: #222 !important;
}
.top-bar-section .has-dropdown > a::after {
display: none;
}
.top-bar-section .has-dropdown > a {
padding-right: initial !important;
}
.top-bar-section .dropdown li {
width: initial;
/*height: 2em;*/
position: relative;
padding: 0;
border-bottom: 1px solid lightgray;
}
.top-bar-section ul li {
padding: 0 0.5em;
background-color: #222;
}
.top-bar-section ul li:hover {
z-index: 1000;
}
.top-bar-section ul li > a {
font-size: 16px;
padding: 0;
font-weight: bold;
}

li#p-menu > a {
text-transform: uppercase;
padding: 0;
}
li#p-menu > a + ul li {
outline: 1px solid #00a393;
}

.top-bar-section .dropdown li:not(.has-form):not(.active):hover > a:not(.button) {
background: linear-gradient(90deg,var(--color-a), var(--color-b));
}
li#p-menu + li.has-dropdown {
width: 3em;
text-align: center;
}
li#p-menu + li.has-dropdown > a {
border-radius: 100%;
padding: 0;
text-align: center;
line-height: 30px;
margin: auto;
display: inline-block;
width: 30px;
box-sizing: border-box;
height: 30px;
}
.not-logged-in #top-bar-right li:nth-child(3) {
display: none;
}

#toolbox-dropdown li, #personal-tools-dropdown .dropdown li {
float: right;
}

.back h5 {
font-size: 2em !important;
}
a.parent-link {
color: var(--color-b) !important;
font-weight: bold !important;
}

/* CONTENT ------------------------------------------------------------------ */
#page-content {
margin: 1em;
color: var(--text);
}
#english {
position: relative;
top: -1.5em;
}

h1, h2, h3, h4, h5, h6 {
margin-top: 1em;
color: var(--color-b);
line-height: 1.5em;
font-family: var(--font-body);
}
h1, h1#firstHeading, h2 {
font-family: var(--font-title);
font-size: 1.5em;
}
h2 {
font-family: var(--font-title);
}

h1 {
color: var(--color-a);
}
h2 span {
display: initial;
}
h3 {
font-family: var(--font-title);
font-size: 1em;
}
body.action-view #page-content a {
border-image: linear-gradient(to right, var(--color-a), var(--color-b));
border-bottom-width: 2px;
border-image-slice: 1;
color: var(--text);
border-bottom-style: solid;
padding: 3px 5px 1px;

}
#page-content a:hover,
#catlinks .label:hover {
background-color: var(--color-a);
color: white !important;
}
/* Removes user name */
h3#tagline {
display: none;
}
#bodyContent {
margin-top: 3em;
}

#page-content ul, #page-content ol {
font-size: 1em;
margin-top: calc( var(--line-height) / 2) !important;
margin-bottom: calc( var(--line-height) / 1) !important;
}
div {
line-height: 1.4em ;
}
label {
color: var(--text-light);
}
label[for="wpCaptchaWord"]{
background-color: orangered;
}
code, pre {
color: darkgrey;
background-color: #181818;
border: 1px solid darkgrey;
border-radius:3px;
font-size: 0.8em;
padding: 1ch;
}

/* ACTUALITÉS ------------------------------------------------------------------ */
.medialisting {
display: flex;
flex-wrap: wrap;
}
.medialisting a {
border: 0 !important;
}
.Media {
display: flex;
align-items: flex-start;
margin-bottom: 1em;
flex-direction: column;
flex-basis: 32%;
box-sizing: border-box;
justify-content: center;
padding: 0.5em;
background: radial-gradient(var(--color-a) -31%, transparent 60%);
}
.Media:nth-child(2n) {
background: radial-gradient(var(--color-b) -31%, transparent 60%);
}
.Media-body {
flex: initial;
}

.flexgal {
display: flex;
flex-wrap: wrap;
}

/* THUMBNAILS ------------------------------------------------------------------ */
.thumbinner {
background-color: var(--accent-bg);
}
.thumb.tleft {
margin-right: 2em;
}
.Media-figure a,
.image.fancybox {
display: inline-block;
}
.magnify a {
text-indent: 0;
width: 25px;
height: 25px;
border-style: solid;
border-width: 2px;
line-height: 15px;
}
.magnify a:before {
content: "+";
font-family: FontAwesome;
font-size: 20px;
}

/* PAGE PRINCIPALE D'ACCUEIL*/
.page-École_de_recherche_graphique #page-content ul {
margin-left: 0;
}

.page-École_de_recherche_graphique #page-content li {
margin: 20px 0;

}

.page-École_de_recherche_graphique #page-content li::before {
content: "" !important;
}

.page-École_de_recherche_graphique #page-content li a {
border-width: 2px;
border-style: solid;
// background-color: rgba(100,100,100,0.2);
padding: 6px;
border-radius: 8px !important;
}

/* FIN PAGE PRINCIPALE*/

/* MEDIA QUERIES ------------------------------------------------------------------ */
@media (max-width: 800px) {
div.tleft, div.floatleft, table.floatleft {
width: 100%;
margin-bottom: 3em;
}
#toc {
max-width: initial;
width: 100%;
margin-left: 0;

}
}
@media only screen and (max-width: 600px) {
.top-bar,
.top-bar-section,
#top-bar-right,
#top-bar-right .columns {
display: inherit;
}
.top-bar.expanded {
flex-wrap: nowrap;
}
.top-bar.expanded .title-area {
display: flex;
flex-grow: 1;
justify-content: space-between;
}
.top-bar.expanded .top-bar,
.top-bar.expanded .top-bar-section,
.top-bar.expanded #top-bar-right,
.top-bar.expanded #top-bar-right .columns {
display: flex;
align-items: center;
flex-wrap: nowrap;
}
.divider.show-for-small {
display: none !important;
}

#top-bar-left, #top-bar-right {
padding: 10px 0 0 0;
}
#top-bar-left li, #top-bar-right li {
padding: 0 8px 0 8px;
}

.top-bar input {
display: none;
}

}

/* Formulaire d'edition ------------------------------------------------------------------ */
#editform
{
margin-top: -5vh;
}

MediaWiki:Ouroboros.css

2024-02-05T15:05:59Z

Dobody :

/*
_ ______ _____ _ _______ _ _ _________ _ _ ______ __ __ ______
| | | ____| / ____| |/ /_ _| \ | | / /__ __| | | | ____| \/ | ____|
| | | |__ | (___ | ' / | | | \| | / / | | | |__| | |__ | \ / | |__
| | | __| \___ \| < | | | . ` | / / | | | __ | __| | |\/| | __|
| |____| |____ ____) | . \ _| |_| |\ |/ / | | | | | | |____| | | | |____
|______|______|_|_____/|_|\_\_____|_|_\_/_/___ _ |_| |_| |_|______|_| |_|______|
/ __ \| ____| ____|_ _/ ____|_ _| ____| |
| | | | |__ | |__ | || | | | | |__ | |
| | | | __| | __| | || | | | | __| | |
| |__| | | | | _| || |____ _| |_| |____| |____
\____/|_|____|_| |_____\_____|_____|______|______|
| __ \| ____|
| | | | |__
| | | | __|
| |__| | |____
|_____/|______|_ _____ _____
| | | ____| __ \ / ____|
| | | |__ | |__) | | __
| | | __| | _ /| | |_ |
| |____ | |____| | \ \| |__| |
|______| |______|_| \_\\_____|

*/

@font-face {
font-family: AntiqueNoble;
src: url("/mw/skins/ouroboros/assets/fonts/antiquenoblebold.woff");
}

@font-face {
font-family: Combined;
src: url("/mw/skins/ouroboros/assets/fonts/combined.otf");
}
@font-face {
font-family: Lucette;
src: url("/mw/skins/ouroboros/assets/fonts/LUCETTE/font/otf/Lucette-Regular.otf");
src: url("/mw/skins/ouroboros/assets/fonts/LUCETTE/font/ttf/Lucette-Regular.ttf");
src: url("/mw/skins/ouroboros/assets/fonts/LUCETTE/font/woff/Lucette-Regular.woff");
src: url("/mw/skins/ouroboros/assets/fonts/LUCETTE/font/woff2/Lucette-Regular.woff2");
}
@font-face {
font-family: Lucette;
src: url("/mw/skins/ouroboros/assets/fonts/LUCETTE/font/otf/Lucette-Regularitalic.otf");
src: url("/mw/skins/ouroboros/assets/fonts/LUCETTE/font/ttf/Lucette-Regularitalic.ttf");
src: url("/mw/skins/ouroboros/assets/fonts/LUCETTE/font/woff/Lucette-Regularitalic.woff");
src: url("/mw/skins/ouroboros/assets/fonts/LUCETTE/font/woff2/Lucette-Regularitalic.woff2");
font-style: italic;
}

@font-face {
font-family: Ductus;
src: url("/mw/skins/ouroboros/assets/fonts/ductus/webfonts/DuctusRegular.woff");
src: url("/mw/skins/ouroboros/assets/fonts/ductus/webfonts/DuctusRegular.woff2");
}
/*
@font-face {
font-family: Vega;
src: url("/mw/skins/ouroboros/assets/fonts/otf/Vega-Regular.otf");
src: url("/mw/skins/ouroboros/assets/fonts/Vega-Regular.ttf") format("truetype");
src: url("/mw/skins/ouroboros/assets/fonts/Vega-Regular-Webfont.svg" format("svg"));
src: url("/mw/skins/ouroboros/assets/fonts/Vega-Regular.woff" format("woff"));
src: url("/mw/skins/ouroboros/assets/fonts/Vega-Regular.woff2") format("woff2");
}
*/

/* Global variables. */
:root,
::backdrop {
/* Set sans-serif & mono fonts */
--sans-font: -apple-system, BlinkMacSystemFont, "Avenir Next", Avenir,
"Nimbus Sans L", Roboto, "Noto Sans", "Segoe UI", Arial, Helvetica,
"Helvetica Neue", sans-serif;
--mono-font: Consolas, Menlo, Monaco, "Andale Mono", "Ubuntu Mono", monospace;
--standard-border-radius: 5px;

/* Default (light) theme */
--bg: #fff;
--accent-bg: #f5f7ff;
--text: #212121;
--text-light: #585858;
--border: #898EA4;
--accent: #0d47a1;
--accent-hover: #1266e2;
--accent-text: var(--bg);
--code: #d81b60;
--preformatted: #444;
--marked: #ffdd33;
--disabled: #efefef;

--font-title: Ductus;
--font-body: Lucette;
--color-a: #a700ff; /* purple */
--color-b: #00ab6b; /* green */
--font-size: 15pt;
--line-height: 1.3em;
}

/* Dark theme */
@media (prefers-color-scheme: dark) {
:root,
::backdrop {
color-scheme: dark;
--bg: #222;
--accent-bg: #2b2b2b;
--text: #dcdcdc;
--text-light: #ababab;
--accent: #ffb300;
--accent-hover: #ffe099;
--accent-text: var(--bg);
--code: #f06292;
--preformatted: #ccc;
--disabled: #111;

--font-title: Ductus;
--font-body: Lucette;
--color-a: #9557b5; /* washed-off purple */
--color-b: #3c856b; /* washed-off green */
--font-size: 15pt;
--line-height: 1.3em;
}
}

/* Reset box-sizing */
*, *::before, *::after {
box-sizing: border-box;
}

body {
font-family: var(--font-body);
font-size: var(--font-size);
line-height: var(--line-height);
padding-top: 3em;
background-color: var(--bg);
color: var(--text);
border-right: 2px solid #3a3a3a;
}
p {
font-size: var(--font-size);
line-height: var(--line-height);
margin-bottom: 0;
}
p + p {
margin-top: var(--line-height);
}

/* INTERFACE ------------------------------------------------------------------ */
/* remove category help button (does it remove other stuff? mmm...) */
#mw-indicator-mw-helplink {
display: none;
}

/* Menu bar, position fixed to be able to grab it to resize the map on mobile devices */
#navwrapper {
position: fixed;
top: 0;
right: 0;
z-index: 1000;
left: 0;
}

h4.namespace.label {
display: none;
}

.mw-editsection, .mw-editsection-like {
font-size: 10px;
}

#actions {
left: initial !important;
right: 14px;
top: -21px;
background-color: var(--accent-bg);
border: 1px solid var(--text-light);
color: var(--text-light);
}
a#actions-button {
margin-top: -1em;
background-color: var(--accent-bg);
padding: 5px;
color: var(--text-light);
}
.fa,
button, .button,
.top-bar-section ul li > a {
font-family: var(--font-body);
}
.fa::before {
font-family: FontAwesome;
}

.top-bar,
.top-bar-section,
#top-bar-left,
#top-bar-right,
#top-bar-right .columns {
display: flex;
background-color: #222;
align-items: center;
justify-content: space-evenly;
}
#top-bar-left {
width: initial;
}
.top-bar-section {
flex-grow: 1;
}
.has-form {
flex-grow: 1;
padding: 0.5em !important;
}
#top-bar-right {
justify-content: space-between;
flex-grow: 1;
}
.top-bar input {
padding-top: 8px;
flex-grow: 1;
height: 2em;
box-sizing: border-box;
border: 0;
outline: 0;
}
.button.search {
background-color: transparent;
border-style: solid;
border-width: 2px;
border-image: linear-gradient(to right, var(--color-a), var(--color-b));
border-image-slice: 1;
top: 2px !important;
position: relative;
margin-left: 0px !important;
box-sizing: border-box;
padding: 0;
width: 80px;
height: 2em;
margin: 0;
top: 0 !important;
}
.button.search:hover {
background-color: var(--color-a);
}
.suggestions-result-current {
background-color: var(--color-b) !important;
}

.top-bar .toggle-topbar a {
text-transform: lowercase;
font-size: 1em;
}

#toc, .toc {
float: right;
margin-left: 1em;
max-width: 45%;
background-color: var(--accent-bg);
border-radius: 5px;
}
.toctitle {
margin-bottom: -1em;
}
#toc h2 {
margin-top: 0.25em;
font-size: 1em;
display: inline-block;
margin-right: 0.5em;
}
#toc ul {
margin: 0;
}
.tocnumber:after {
content: " – ";
}

table.infobox {
width: initial;
max-width: 45%;
}
table.infobox th.head {
background-color: var(--color-b);
}
th, td {
padding: 0.5em !important;
}

li {
line-height: initial;
}

.mw-category-generated {
margin-top: 2em;
}

/* if no content but only listing subcategories */
.mw-parser-output:empty + .mw-category-generated h2 {
display: none;
}

/* If only one subcategory, don't list the initial */
.mw-category-generated #mw-pages div:only-of-type h3,
#mw-subcategories div:only-of-type h3 {
/*display: none;*/
}

/* removes counting of categories */
.mw-category-generated #mw-pages p:first-of-type,
#mw-subcategories p:first-of-type {
display: none;
}

.group {
margin-top: 5em;
}
#catlinks .label {
border-width: 2px;
border-style: solid;
background-color: transparent;
padding: 2px 6px !important;
}

/* HEADER ------------------------------------------------------------------ */
.title-name {
font-family: var(--font-title);
font-weight: bold;
}
.title-name:hover {
color: var(--color-a);
}

.top-bar-section .has-form {
background-color: #222 !important;
}
.top-bar-section .has-dropdown > a::after {
display: none;
}
.top-bar-section .has-dropdown > a {
padding-right: initial !important;
}
.top-bar-section .dropdown li {
width: initial;
/*height: 2em;*/
position: relative;
padding: 0;
border-bottom: 1px solid lightgray;
}
.top-bar-section ul li {
padding: 0 0.5em;
background-color: #222;
}
.top-bar-section ul li:hover {
z-index: 1000;
}
.top-bar-section ul li > a {
font-size: 16px;
padding: 0;
font-weight: bold;
}

li#p-menu > a {
text-transform: uppercase;
padding: 0;
}
li#p-menu > a + ul li {
outline: 1px solid #00a393;
}

.top-bar-section .dropdown li:not(.has-form):not(.active):hover > a:not(.button) {
background: linear-gradient(90deg,var(--color-a), var(--color-b));
}
li#p-menu + li.has-dropdown {
width: 3em;
text-align: center;
}
li#p-menu + li.has-dropdown > a {
border-radius: 100%;
padding: 0;
text-align: center;
line-height: 30px;
margin: auto;
display: inline-block;
width: 30px;
box-sizing: border-box;
height: 30px;
}
.not-logged-in #top-bar-right li:nth-child(3) {
display: none;
}

#toolbox-dropdown li, #personal-tools-dropdown .dropdown li {
float: right;
}

.back h5 {
font-size: 2em !important;
}
a.parent-link {
color: var(--color-b) !important;
font-weight: bold !important;
}

/* CONTENT ------------------------------------------------------------------ */
#page-content {
margin: 1em;
color: var(--text);
}
#english {
position: relative;
top: -1.5em;
}

h1, h2, h3, h4, h5, h6 {
margin-top: 1em;
color: var(--color-b);
line-height: 1.5em;
font-family: var(--font-body);
}
h1, h1#firstHeading, h2 {
font-family: var(--font-title);
font-size: 1.5em;
}
h2 {
font-family: var(--font-title);
}

h1 {
color: var(--color-a);
}
h2 span {
display: initial;
}
h3 {
font-family: var(--font-title);
font-size: 1em;
}
body.action-view #page-content a {
border-image: linear-gradient(to right, var(--color-a), var(--color-b));
border-bottom-width: 2px;
border-image-slice: 1;
color: var(--text);
border-bottom-style: solid;
padding: 3px 5px 1px;

}
#page-content a:hover,
#catlinks .label:hover {
background-color: var(--color-a);
color: white !important;
}
/* Removes user name */
h3#tagline {
display: none;
}
#bodyContent {
margin-top: 3em;
}

#page-content ul, #page-content ol {
font-size: 1em;
margin-top: calc( var(--line-height) / 2) !important;
margin-bottom: calc( var(--line-height) / 1) !important;
}
div {
line-height: 1.4em ;
}
label {
color: var(--text-light);
}
label[for="wpCaptchaWord"]{
background-color: orangered;
}
code, pre {
color: darkgrey;
background-color: #181818;
border: 1px solid darkgrey;
border-radius:3px;
font-size: 0.8em;
padding: 1ch;
}

/* ACTUALITÉS ------------------------------------------------------------------ */
.medialisting {
display: flex;
flex-wrap: wrap;
}
.medialisting a {
border: 0 !important;
}
.Media {
display: flex;
align-items: flex-start;
margin-bottom: 1em;
flex-direction: column;
flex-basis: 32%;
box-sizing: border-box;
justify-content: center;
padding: 0.5em;
background: radial-gradient(var(--color-a) -31%, transparent 60%);
}
.Media:nth-child(2n) {
background: radial-gradient(var(--color-b) -31%, transparent 60%);
}
.Media-body {
flex: initial;
}

.flexgal {
display: flex;
flex-wrap: wrap;
}

/* THUMBNAILS ------------------------------------------------------------------ */
.thumbinner {
background-color: var(--accent-bg);
}
.thumb.tleft {
margin-right: 2em;
}
.Media-figure a,
.image.fancybox {
display: inline-block;
}
.magnify a {
text-indent: 0;
width: 25px;
height: 25px;
border-style: solid;
border-width: 2px;
line-height: 15px;
}
.magnify a:before {
content: "+";
font-family: FontAwesome;
font-size: 20px;
}

/* MEDIA QUERIES ------------------------------------------------------------------ */
@media (max-width: 800px) {
div.tleft, div.floatleft, table.floatleft {
width: 100%;
margin-bottom: 3em;
}
#toc {
max-width: initial;
width: 100%;
margin-left: 0;

}
}
@media only screen and (max-width: 600px) {
.top-bar,
.top-bar-section,
#top-bar-right,
#top-bar-right .columns {
display: inherit;
}
.top-bar.expanded {
flex-wrap: nowrap;
}
.top-bar.expanded .title-area {
display: flex;
flex-grow: 1;
justify-content: space-between;
}
.top-bar.expanded .top-bar,
.top-bar.expanded .top-bar-section,
.top-bar.expanded #top-bar-right,
.top-bar.expanded #top-bar-right .columns {
display: flex;
align-items: center;
flex-wrap: nowrap;
}
.divider.show-for-small {
display: none !important;
}

#top-bar-left, #top-bar-right {
padding: 10px 0 0 0;
}
#top-bar-left li, #top-bar-right li {
padding: 0 8px 0 8px;
}

.top-bar input {
display: none;
}

}

/* Formulaire d'edition ------------------------------------------------------------------ */
#editform
{
margin-top: -5vh;
}

École de recherche graphique

2024-02-05T14:39:28Z

Dobody :

L’erg est le lieu des pratiques artistiques, plastiques, graphiques qui entrent dans les zones à risque théoriques et formelles. Un lieu et des pédagogies à définir et redéfinir collectivement. C’est un lieu où l’on peut apprendre de ce qui ne marche pas. '''Un lieu de recherche donc.'''

* [[Pédagogie|pédagogie]]
* [[Cursus transdisciplinaire Bachelors - Masters|cursus transdisciplinaire bachelors - masters]]
* [[Doctorat et recherche|recherche]]
* [[Étudier et être accompagné·e à l'erg|étudier et être accompagné·e à l'erg]]
* [[Contact|contact]]

 
{{English|Welcome to erg}}

== news ==

{{NewsActivity
|limit=3
}}

 



'''[https://www.instagram.com/ergunlieuderecherche/?hl=fr instagram]''' / '''[https://www.facebook.com/ergunlieuderecherche facebook]''' /
'''[https://vimeo.com/channels/erg vimeo]'''


__NOTOC__

MediaWiki:Ouroboros.css

2024-02-05T14:19:30Z

Dobody :

/*
_ ______ _____ _ _______ _ _ _________ _ _ ______ __ __ ______
| | | ____| / ____| |/ /_ _| \ | | / /__ __| | | | ____| \/ | ____|
| | | |__ | (___ | ' / | | | \| | / / | | | |__| | |__ | \ / | |__
| | | __| \___ \| < | | | . ` | / / | | | __ | __| | |\/| | __|
| |____| |____ ____) | . \ _| |_| |\ |/ / | | | | | | |____| | | | |____
|______|______|_|_____/|_|\_\_____|_|_\_/_/___ _ |_| |_| |_|______|_| |_|______|
/ __ \| ____| ____|_ _/ ____|_ _| ____| |
| | | | |__ | |__ | || | | | | |__ | |
| | | | __| | __| | || | | | | __| | |
| |__| | | | | _| || |____ _| |_| |____| |____
\____/|_|____|_| |_____\_____|_____|______|______|
| __ \| ____|
| | | | |__
| | | | __|
| |__| | |____
|_____/|______|_ _____ _____
| | | ____| __ \ / ____|
| | | |__ | |__) | | __
| | | __| | _ /| | |_ |
| |____ | |____| | \ \| |__| |
|______| |______|_| \_\\_____|

*/

@font-face {
font-family: AntiqueNoble;
src: url("/mw/skins/ouroboros/assets/fonts/antiquenoblebold.woff");
}

@font-face {
font-family: Combined;
src: url("/mw/skins/ouroboros/assets/fonts/combined.otf");
}
@font-face {
font-family: Lucette;
src: url("/mw/skins/ouroboros/assets/fonts/LUCETTE/font/otf/Lucette-Regular.otf");
src: url("/mw/skins/ouroboros/assets/fonts/LUCETTE/font/ttf/Lucette-Regular.ttf");
src: url("/mw/skins/ouroboros/assets/fonts/LUCETTE/font/woff/Lucette-Regular.woff");
src: url("/mw/skins/ouroboros/assets/fonts/LUCETTE/font/woff2/Lucette-Regular.woff2");
}
@font-face {
font-family: Lucette;
src: url("/mw/skins/ouroboros/assets/fonts/LUCETTE/font/otf/Lucette-Regularitalic.otf");
src: url("/mw/skins/ouroboros/assets/fonts/LUCETTE/font/ttf/Lucette-Regularitalic.ttf");
src: url("/mw/skins/ouroboros/assets/fonts/LUCETTE/font/woff/Lucette-Regularitalic.woff");
src: url("/mw/skins/ouroboros/assets/fonts/LUCETTE/font/woff2/Lucette-Regularitalic.woff2");
font-style: italic;
}

@font-face {
font-family: Ductus;
src: url("/mw/skins/ouroboros/assets/fonts/ductus/webfonts/DuctusRegular.woff");
src: url("/mw/skins/ouroboros/assets/fonts/ductus/webfonts/DuctusRegular.woff2");
}
/*
@font-face {
font-family: Vega;
src: url("/mw/skins/ouroboros/assets/fonts/otf/Vega-Regular.otf");
src: url("/mw/skins/ouroboros/assets/fonts/Vega-Regular.ttf") format("truetype");
src: url("/mw/skins/ouroboros/assets/fonts/Vega-Regular-Webfont.svg" format("svg"));
src: url("/mw/skins/ouroboros/assets/fonts/Vega-Regular.woff" format("woff"));
src: url("/mw/skins/ouroboros/assets/fonts/Vega-Regular.woff2") format("woff2");
}
*/

/* Global variables. */
:root,
::backdrop {
/* Set sans-serif & mono fonts */
--sans-font: -apple-system, BlinkMacSystemFont, "Avenir Next", Avenir,
"Nimbus Sans L", Roboto, "Noto Sans", "Segoe UI", Arial, Helvetica,
"Helvetica Neue", sans-serif;
--mono-font: Consolas, Menlo, Monaco, "Andale Mono", "Ubuntu Mono", monospace;
--standard-border-radius: 5px;

/* Default (light) theme */
--bg: #fff;
--accent-bg: #f5f7ff;
--text: #212121;
--text-light: #585858;
--border: #898EA4;
--accent: #0d47a1;
--accent-hover: #1266e2;
--accent-text: var(--bg);
--code: #d81b60;
--preformatted: #444;
--marked: #ffdd33;
--disabled: #efefef;

--font-title: Ductus;
--font-body: Lucette;
--color-a: #a700ff; /* purple */
--color-b: #00ab6b; /* green */
--font-size: 15pt;
--line-height: 1.3em;
}

/* Dark theme */
@media (prefers-color-scheme: dark) {
:root,
::backdrop {
color-scheme: dark;
--bg: #222;
--accent-bg: #2b2b2b;
--text: #dcdcdc;
--text-light: #ababab;
--accent: #ffb300;
--accent-hover: #ffe099;
--accent-text: var(--bg);
--code: #f06292;
--preformatted: #ccc;
--disabled: #111;

--font-title: Ductus;
--font-body: Lucette;
--color-a: #9557b5; /* washed-off purple */
--color-b: #3c856b; /* washed-off green */
--font-size: 15pt;
--line-height: 1.3em;
}
}

/* Reset box-sizing */
*, *::before, *::after {
box-sizing: border-box;
}

body {
font-family: var(--font-body);
font-size: var(--font-size);
line-height: var(--line-height);
padding-top: 3em;
background-color: var(--bg);
color: var(--text);
border-right: 2px solid #3a3a3a;
}
p {
font-size: var(--font-size);
line-height: var(--line-height);
margin-bottom: 0;
}
p + p {
margin-top: var(--line-height);
}

/* INTERFACE ------------------------------------------------------------------ */
/* remove category help button (does it remove other stuff? mmm...) */
#mw-indicator-mw-helplink {
display: none;
}

/* Menu bar, position fixed to be able to grab it to resize the map on mobile devices */
#navwrapper {
position: fixed;
top: 0;
right: 0;
z-index: 1000;
left: 0;
}

h4.namespace.label {
display: none;
}

.mw-editsection, .mw-editsection-like {
font-size: 10px;
}

#actions {
left: initial !important;
right: 14px;
top: -21px;
background-color: var(--accent-bg);
border: 1px solid var(--text-light);
color: var(--text-light);
}
a#actions-button {
margin-top: -1em;
background-color: var(--accent-bg);
padding: 5px;
color: var(--text-light);
}
.fa,
button, .button,
.top-bar-section ul li > a {
font-family: var(--font-body);
}
.fa::before {
font-family: FontAwesome;
}

.top-bar,
.top-bar-section,
#top-bar-left,
#top-bar-right,
#top-bar-right .columns {
display: flex;
background-color: #222;
align-items: center;
justify-content: space-evenly;
}
#top-bar-left {
width: initial;
}
.top-bar-section {
flex-grow: 1;
}
.has-form {
flex-grow: 1;
padding: 0.5em !important;
}
#top-bar-right {
justify-content: space-between;
flex-grow: 1;
}
.top-bar input {
padding-top: 8px;
flex-grow: 1;
height: 2em;
box-sizing: border-box;
border: 0;
outline: 0;
}
.button.search {
background-color: transparent;
border-style: solid;
border-width: 2px;
border-image: linear-gradient(to right, var(--color-a), var(--color-b));
border-image-slice: 1;
top: 2px !important;
position: relative;
margin-left: 0px !important;
box-sizing: border-box;
padding: 0;
width: 80px;
height: 2em;
margin: 0;
top: 0 !important;
}
.button.search:hover {
background-color: var(--color-a);
}
.suggestions-result-current {
background-color: var(--color-b) !important;
}

.top-bar .toggle-topbar a {
text-transform: lowercase;
font-size: 1em;
}

#toc, .toc {
float: right;
margin-left: 1em;
max-width: 45%;
background-color: var(--accent-bg);
border-radius: 5px;
}
.toctitle {
margin-bottom: -1em;
}
#toc h2 {
margin-top: 0.25em;
font-size: 1em;
display: inline-block;
margin-right: 0.5em;
}
#toc ul {
margin: 0;
}
.tocnumber:after {
content: " – ";
}

table.infobox {
width: initial;
max-width: 45%;
}
table.infobox th.head {
background-color: var(--color-b);
}
th, td {
padding: 0.5em !important;
}

li {
line-height: initial;
}

.mw-category-generated {
margin-top: 2em;
}

/* if no content but only listing subcategories */
.mw-parser-output:empty + .mw-category-generated h2 {
display: none;
}

/* If only one subcategory, don't list the initial */
.mw-category-generated #mw-pages div:only-of-type h3,
#mw-subcategories div:only-of-type h3 {
/*display: none;*/
}

/* removes counting of categories */
.mw-category-generated #mw-pages p:first-of-type,
#mw-subcategories p:first-of-type {
display: none;
}

.group {
margin-top: 5em;
}
#catlinks .label {
border-width: 2px;
border-style: solid;
background-color: transparent;
padding: 2px 6px !important;
}

/* HEADER ------------------------------------------------------------------ */
.title-name {
font-family: var(--font-title);
font-weight: bold;
}
.title-name:hover {
color: var(--color-a);
}

.top-bar-section .has-form {
background-color: #222 !important;
}
.top-bar-section .has-dropdown > a::after {
display: none;
}
.top-bar-section .has-dropdown > a {
padding-right: initial !important;
}
.top-bar-section .dropdown li {
width: initial;
/*height: 2em;*/
position: relative;
padding: 0;
border-bottom: 1px solid lightgray;
}
.top-bar-section ul li {
padding: 0 0.5em;
background-color: #222;
}
.top-bar-section ul li:hover {
z-index: 1000;
}
.top-bar-section ul li > a {
font-size: 16px;
padding: 0;
font-weight: bold;
}

li#p-menu > a {
text-transform: uppercase;
padding: 0;
}
li#p-menu > a + ul li {
outline: 1px solid #00a393;
}

.top-bar-section .dropdown li:not(.has-form):not(.active):hover > a:not(.button) {
background: linear-gradient(90deg,var(--color-a), var(--color-b));
}
li#p-menu + li.has-dropdown {
width: 3em;
text-align: center;
}
li#p-menu + li.has-dropdown > a {
border-radius: 100%;
padding: 0;
text-align: center;
line-height: 30px;
margin: auto;
display: inline-block;
width: 30px;
box-sizing: border-box;
height: 30px;
}
.not-logged-in #top-bar-right li:nth-child(3) {
display: none;
}

#toolbox-dropdown li, #personal-tools-dropdown .dropdown li {
float: right;
}

.back h5 {
font-size: 2em !important;
}
a.parent-link {
color: var(--color-b) !important;
font-weight: bold !important;
}

/* CONTENT ------------------------------------------------------------------ */
#page-content {
margin: 1em;
color: var(--text);
}
#english {
position: relative;
top: -1.5em;
}

h1, h2, h3, h4, h5, h6 {
margin-top: 1em;
color: var(--color-b);
line-height: 1.5em;
font-family: var(--font-body);
}
h1, h1#firstHeading, h2 {
font-family: var(--font-title);
font-size: 1.5em;
}
h2 {
font-family: var(--font-title);
}

h1 {
color: var(--color-a);
}
h2 span {
display: initial;
}
h3 {
font-family: var(--font-title);
font-size: 1em;
}
body.action-view #page-content a {
border-image: linear-gradient(to right, var(--color-a), var(--color-b));
border-bottom-width: 2px;
border-image-slice: 1;
color: var(--text);
border-bottom-style: solid;
padding: 3px 5px 1px;

}
#page-content a:hover,
#catlinks .label:hover {
background-color: var(--color-a);
color: white !important;
}
/* Removes user name */
h3#tagline {
display: none;
}
#bodyContent {
margin-top: 3em;
}

#page-content ul, #page-content ol {
font-size: 1em;
margin-top: calc( var(--line-height) / 2) !important;
margin-bottom: calc( var(--line-height) / 1) !important;
}
div {
line-height: 1.4em ;
}
label {
color: var(--text-light);
}
label[for="wpCaptchaWord"]{
background-color: orangered;
}
code, pre {
color: darkgrey;
background-color: #181818;
border: 1px solid darkgrey;
border-radius:3px;
font-size: 0.8em;
padding: 1ch;
}

/* ACTUALITÉS ------------------------------------------------------------------ */
.medialisting {
display: flex;
flex-wrap: wrap;
}
.medialisting a {
border: 0 !important;
}
.Media {
display: flex;
align-items: flex-start;
margin-bottom: 1em;
flex-direction: column;
flex-basis: 32%;
box-sizing: border-box;
justify-content: center;
padding: 0.5em;
background: radial-gradient(var(--color-a) -31%, transparent 60%);
}
.Media:nth-child(2n) {
background: radial-gradient(var(--color-b) -31%, transparent 60%);
}
.Media-body {
flex: initial;
}

.flexgal {
display: flex;
flex-wrap: wrap;
}

/* THUMBNAILS ------------------------------------------------------------------ */
.thumbinner {
background-color: var(--accent-bg);
}
.thumb.tleft {
margin-right: 2em;
}
.Media-figure a,
.image.fancybox {
display: inline-block;
}
.magnify a {
text-indent: 0;
width: 25px;
height: 25px;
border-style: solid;
border-width: 2px;
line-height: 15px;
}
.magnify a:before {
content: "+";
font-family: FontAwesome;
font-size: 20px;
}

/* MEDIA QUERIES ------------------------------------------------------------------ */
@media (max-width: 800px) {
div.tleft, div.floatleft, table.floatleft {
width: 100%;
margin-bottom: 3em;
}
#toc {
max-width: initial;
width: 100%;
margin-left: 0;

}
}
@media only screen and (max-width: 600px) {
.top-bar,
.top-bar-section,
#top-bar-right,
#top-bar-right .columns {
display: inherit;
}
.top-bar.expanded {
flex-wrap: wrap;
}
.top-bar.expanded .title-area {
display: flex;
flex-grow: 1;
justify-content: space-between;
}
.top-bar.expanded .top-bar,
.top-bar.expanded .top-bar-section,
.top-bar.expanded #top-bar-right,
.top-bar.expanded #top-bar-right .columns {
display: flex;
align-items: center;
flex-wrap: nowrap;
}
.divider.show-for-small {
display: none !important;
}

#top-bar-left, #top-bar-right {
padding: 10px 0 0 0;
}
#top-bar-left li, #top-bar-right li {
padding: 0 8px 0 8px;
}

.top-bar input {
width: 0;
}

}

/* Formulaire d'edition ------------------------------------------------------------------ */
#editform
{
margin-top: -5vh;
}

MediaWiki:Ouroboros.css

2024-02-05T13:55:45Z

Dobody :

/*
_ ______ _____ _ _______ _ _ _________ _ _ ______ __ __ ______
| | | ____| / ____| |/ /_ _| \ | | / /__ __| | | | ____| \/ | ____|
| | | |__ | (___ | ' / | | | \| | / / | | | |__| | |__ | \ / | |__
| | | __| \___ \| < | | | . ` | / / | | | __ | __| | |\/| | __|
| |____| |____ ____) | . \ _| |_| |\ |/ / | | | | | | |____| | | | |____
|______|______|_|_____/|_|\_\_____|_|_\_/_/___ _ |_| |_| |_|______|_| |_|______|
/ __ \| ____| ____|_ _/ ____|_ _| ____| |
| | | | |__ | |__ | || | | | | |__ | |
| | | | __| | __| | || | | | | __| | |
| |__| | | | | _| || |____ _| |_| |____| |____
\____/|_|____|_| |_____\_____|_____|______|______|
| __ \| ____|
| | | | |__
| | | | __|
| |__| | |____
|_____/|______|_ _____ _____
| | | ____| __ \ / ____|
| | | |__ | |__) | | __
| | | __| | _ /| | |_ |
| |____ | |____| | \ \| |__| |
|______| |______|_| \_\\_____|

*/

@font-face {
font-family: AntiqueNoble;
src: url("/mw/skins/ouroboros/assets/fonts/antiquenoblebold.woff");
}

@font-face {
font-family: Combined;
src: url("/mw/skins/ouroboros/assets/fonts/combined.otf");
}
@font-face {
font-family: Lucette;
src: url("/mw/skins/ouroboros/assets/fonts/LUCETTE/font/otf/Lucette-Regular.otf");
src: url("/mw/skins/ouroboros/assets/fonts/LUCETTE/font/ttf/Lucette-Regular.ttf");
src: url("/mw/skins/ouroboros/assets/fonts/LUCETTE/font/woff/Lucette-Regular.woff");
src: url("/mw/skins/ouroboros/assets/fonts/LUCETTE/font/woff2/Lucette-Regular.woff2");
}
@font-face {
font-family: Lucette;
src: url("/mw/skins/ouroboros/assets/fonts/LUCETTE/font/otf/Lucette-Regularitalic.otf");
src: url("/mw/skins/ouroboros/assets/fonts/LUCETTE/font/ttf/Lucette-Regularitalic.ttf");
src: url("/mw/skins/ouroboros/assets/fonts/LUCETTE/font/woff/Lucette-Regularitalic.woff");
src: url("/mw/skins/ouroboros/assets/fonts/LUCETTE/font/woff2/Lucette-Regularitalic.woff2");
font-style: italic;
}

@font-face {
font-family: Ductus;
src: url("/mw/skins/ouroboros/assets/fonts/ductus/webfonts/DuctusRegular.woff");
src: url("/mw/skins/ouroboros/assets/fonts/ductus/webfonts/DuctusRegular.woff2");
}
/*
@font-face {
font-family: Vega;
src: url("/mw/skins/ouroboros/assets/fonts/otf/Vega-Regular.otf");
src: url("/mw/skins/ouroboros/assets/fonts/Vega-Regular.ttf") format("truetype");
src: url("/mw/skins/ouroboros/assets/fonts/Vega-Regular-Webfont.svg" format("svg"));
src: url("/mw/skins/ouroboros/assets/fonts/Vega-Regular.woff" format("woff"));
src: url("/mw/skins/ouroboros/assets/fonts/Vega-Regular.woff2") format("woff2");
}
*/

/* Global variables. */
:root,
::backdrop {
/* Set sans-serif & mono fonts */
--sans-font: -apple-system, BlinkMacSystemFont, "Avenir Next", Avenir,
"Nimbus Sans L", Roboto, "Noto Sans", "Segoe UI", Arial, Helvetica,
"Helvetica Neue", sans-serif;
--mono-font: Consolas, Menlo, Monaco, "Andale Mono", "Ubuntu Mono", monospace;
--standard-border-radius: 5px;

/* Default (light) theme */
--bg: #fff;
--accent-bg: #f5f7ff;
--text: #212121;
--text-light: #585858;
--border: #898EA4;
--accent: #0d47a1;
--accent-hover: #1266e2;
--accent-text: var(--bg);
--code: #d81b60;
--preformatted: #444;
--marked: #ffdd33;
--disabled: #efefef;

--font-title: Ductus;
--font-body: Lucette;
--color-a: #a700ff; /* purple */
--color-b: #00ab6b; /* green */
--font-size: 15pt;
--line-height: 1.3em;
}

/* Dark theme */
@media (prefers-color-scheme: dark) {
:root,
::backdrop {
color-scheme: dark;
--bg: #222;
--accent-bg: #2b2b2b;
--text: #dcdcdc;
--text-light: #ababab;
--accent: #ffb300;
--accent-hover: #ffe099;
--accent-text: var(--bg);
--code: #f06292;
--preformatted: #ccc;
--disabled: #111;

--font-title: Ductus;
--font-body: Lucette;
--color-a: #9557b5; /* washed-off purple */
--color-b: #3c856b; /* washed-off green */
--font-size: 15pt;
--line-height: 1.3em;
}
}

/* Reset box-sizing */
*, *::before, *::after {
box-sizing: border-box;
}

body {
font-family: var(--font-body);
font-size: var(--font-size);
line-height: var(--line-height);
padding-top: 3em;
background-color: var(--bg);
color: var(--text);
border-right: 2px solid #3a3a3a;
}
p {
font-size: var(--font-size);
line-height: var(--line-height);
margin-bottom: 0;
}
p + p {
margin-top: var(--line-height);
}

/* INTERFACE ------------------------------------------------------------------ */
/* remove category help button (does it remove other stuff? mmm...) */
#mw-indicator-mw-helplink {
display: none;
}

/* Menu bar, position fixed to be able to grab it to resize the map on mobile devices */
#navwrapper {
position: fixed;
top: 0;
right: 0;
z-index: 1000;
left: 0;
}

h4.namespace.label {
display: none;
}

.mw-editsection, .mw-editsection-like {
font-size: 10px;
}

#actions {
left: initial !important;
right: 14px;
top: -21px;
background-color: var(--accent-bg);
border: 1px solid var(--text-light);
color: var(--text-light);
}
a#actions-button {
margin-top: -1em;
background-color: var(--accent-bg);
padding: 5px;
color: var(--text-light);
}
.fa,
button, .button,
.top-bar-section ul li > a {
font-family: var(--font-body);
}
.fa::before {
font-family: FontAwesome;
}

.top-bar,
.top-bar-section,
#top-bar-left,
#top-bar-right,
#top-bar-right .columns {
display: flex;
background-color: #222;
align-items: center;
justify-content: space-evenly;
}
#top-bar-left {
width: initial;
}
.top-bar-section {
flex-grow: 1;
}
.has-form {
flex-grow: 1;
padding: 0.5em !important;
}
#top-bar-right {
justify-content: space-between;
flex-grow: 1;
}
.top-bar input {
padding-top: 8px;
flex-grow: 1;
height: 2em;
box-sizing: border-box;
border: 0;
outline: 0;
}
.button.search {
background-color: transparent;
border-style: solid;
border-width: 2px;
border-image: linear-gradient(to right, var(--color-a), var(--color-b));
border-image-slice: 1;
top: 2px !important;
position: relative;
margin-left: 0px !important;
box-sizing: border-box;
padding: 0;
width: 80px;
height: 2em;
margin: 0;
top: 0 !important;
}
.button.search:hover {
background-color: var(--color-a);
}
.suggestions-result-current {
background-color: var(--color-b) !important;
}

.top-bar .toggle-topbar a {
text-transform: lowercase;
font-size: 1em;
}

#toc, .toc {
float: right;
margin-left: 1em;
max-width: 45%;
background-color: var(--accent-bg);
border-radius: 5px;
}
.toctitle {
margin-bottom: -1em;
}
#toc h2 {
margin-top: 0.25em;
font-size: 1em;
display: inline-block;
margin-right: 0.5em;
}
#toc ul {
margin: 0;
}
.tocnumber:after {
content: " – ";
}

table.infobox {
width: initial;
max-width: 45%;
}
table.infobox th.head {
background-color: var(--color-b);
}
th, td {
padding: 0.5em !important;
}

li {
line-height: initial;
}

.mw-category-generated {
margin-top: 2em;
}

/* if no content but only listing subcategories */
.mw-parser-output:empty + .mw-category-generated h2 {
display: none;
}

/* If only one subcategory, don't list the initial */
.mw-category-generated #mw-pages div:only-of-type h3,
#mw-subcategories div:only-of-type h3 {
/*display: none;*/
}

/* removes counting of categories */
.mw-category-generated #mw-pages p:first-of-type,
#mw-subcategories p:first-of-type {
display: none;
}

.group {
margin-top: 5em;
}
#catlinks .label {
border-width: 2px;
border-style: solid;
background-color: transparent;
padding: 2px 6px !important;
}

/* HEADER ------------------------------------------------------------------ */
.title-name {
font-family: var(--font-title);
font-weight: bold;
}
.title-name:hover {
color: var(--color-a);
}

.top-bar-section .has-form {
background-color: #222 !important;
}
.top-bar-section .has-dropdown > a::after {
display: none;
}
.top-bar-section .has-dropdown > a {
padding-right: initial !important;
}
.top-bar-section .dropdown li {
width: initial;
/*height: 2em;*/
position: relative;
padding: 0;
border-bottom: 1px solid lightgray;
}
.top-bar-section ul li {
padding: 0 0.5em;
background-color: #222;
}
.top-bar-section ul li:hover {
z-index: 1000;
}
.top-bar-section ul li > a {
font-size: 16px;
padding: 0;
font-weight: bold;
}

li#p-menu > a {
text-transform: uppercase;
padding: 0;
}
li#p-menu > a + ul li {
outline: 1px solid #00a393;
}

.top-bar-section .dropdown li:not(.has-form):not(.active):hover > a:not(.button) {
background: linear-gradient(90deg,var(--color-a), var(--color-b));
}
li#p-menu + li.has-dropdown {
width: 3em;
text-align: center;
}
li#p-menu + li.has-dropdown > a {
border-radius: 100%;
padding: 0;
text-align: center;
line-height: 30px;
margin: auto;
display: inline-block;
width: 30px;
box-sizing: border-box;
height: 30px;
}
.not-logged-in #top-bar-right li:nth-child(3) {
display: none;
}

#toolbox-dropdown li, #personal-tools-dropdown .dropdown li {
float: right;
}

.back h5 {
font-size: 2em !important;
}
a.parent-link {
color: var(--color-b) !important;
font-weight: bold !important;
}

/* CONTENT ------------------------------------------------------------------ */
#page-content {
margin: 1em;
color: var(--text);
}
#english {
position: relative;
top: -1.5em;
}

h1, h2, h3, h4, h5, h6 {
margin-top: 1em;
color: var(--color-b);
line-height: 1.5em;
font-family: var(--font-body);
}
h1, h1#firstHeading, h2 {
font-family: var(--font-title);
font-size: 1.5em;
}
h2 {
font-family: var(--font-title);
}

h1 {
color: var(--color-a);
}
h2 span {
display: initial;
}
h3 {
font-family: var(--font-title);
font-size: 1em;
}
body.action-view #page-content a {
border-image: linear-gradient(to right, var(--color-a), var(--color-b));
border-bottom-width: 2px;
border-image-slice: 1;
color: var(--text);
border-bottom-style: solid;
padding: 3px 5px 1px;

}
#page-content a:hover,
#catlinks .label:hover {
background-color: var(--color-a);
color: white !important;
}
/* Removes user name */
h3#tagline {
display: none;
}
#bodyContent {
margin-top: 3em;
}

#page-content ul, #page-content ol {
font-size: 1em;
margin-top: calc( var(--line-height) / 2) !important;
margin-bottom: calc( var(--line-height) / 1) !important;
}
div {
line-height: 1.4em ;
}
label {
color: var(--text-light);
}
label[for="wpCaptchaWord"]{
background-color: orangered;
}
code, pre {
color: darkgrey;
background-color: #181818;
border: 1px solid darkgrey;
border-radius:3px;
font-size: 0.8em;
padding: 1ch;
}

/* ACTUALITÉS ------------------------------------------------------------------ */
.medialisting {
display: flex;
flex-wrap: wrap;
}
.medialisting a {
border: 0 !important;
}
.Media {
display: flex;
align-items: flex-start;
margin-bottom: 1em;
flex-direction: column;
flex-basis: 32%;
box-sizing: border-box;
justify-content: center;
padding: 0.5em;
background: radial-gradient(var(--color-a) -31%, transparent 60%);
}
.Media:nth-child(2n) {
background: radial-gradient(var(--color-b) -31%, transparent 60%);
}
.Media-body {
flex: initial;
}

.flexgal {
display: flex;
flex-wrap: wrap;
}

/* THUMBNAILS ------------------------------------------------------------------ */
.thumbinner {
background-color: var(--accent-bg);
}
.thumb.tleft {
margin-right: 2em;
}
.Media-figure a,
.image.fancybox {
display: inline-block;
}
.magnify a {
text-indent: 0;
width: 25px;
height: 25px;
border-style: solid;
border-width: 2px;
line-height: 15px;
}
.magnify a:before {
content: "+";
font-family: FontAwesome;
font-size: 20px;
}

/* MEDIA QUERIES ------------------------------------------------------------------ */
@media (max-width: 800px) {
div.tleft, div.floatleft, table.floatleft {
width: 100%;
margin-bottom: 3em;
}
#toc {
max-width: initial;
width: 100%;
margin-left: 0;

}
}
@media only screen and (max-width: 600px) {
.top-bar,
.top-bar-section,
#top-bar-right,
#top-bar-right .columns {
display: inherit;
}
.top-bar.expanded {
flex-wrap: wrap;
}
.top-bar.expanded .title-area {
display: flex;
flex-grow: 1;
justify-content: space-between;
}
.top-bar.expanded .top-bar,
.top-bar.expanded .top-bar-section,
.top-bar.expanded #top-bar-right,
.top-bar.expanded #top-bar-right .columns {
display: flex;
align-items: center;
flex-wrap: nowrap;
}
.divider.show-for-small {
display: none !important;
}

#top-bar-left, #top-bar-right {
padding: 10px 0 0 0;
}
#top-bar-left li, #top-bar-right li {
padding: 0 8px 0 8px;
}

.top-bar input {
display:none;
}

}

/* Formulaire d'edition ------------------------------------------------------------------ */
#editform
{
margin-top: -5vh;
}

MediaWiki:Ouroboros.css

2024-02-05T13:52:34Z

Dobody :

/*
_ ______ _____ _ _______ _ _ _________ _ _ ______ __ __ ______
| | | ____| / ____| |/ /_ _| \ | | / /__ __| | | | ____| \/ | ____|
| | | |__ | (___ | ' / | | | \| | / / | | | |__| | |__ | \ / | |__
| | | __| \___ \| < | | | . ` | / / | | | __ | __| | |\/| | __|
| |____| |____ ____) | . \ _| |_| |\ |/ / | | | | | | |____| | | | |____
|______|______|_|_____/|_|\_\_____|_|_\_/_/___ _ |_| |_| |_|______|_| |_|______|
/ __ \| ____| ____|_ _/ ____|_ _| ____| |
| | | | |__ | |__ | || | | | | |__ | |
| | | | __| | __| | || | | | | __| | |
| |__| | | | | _| || |____ _| |_| |____| |____
\____/|_|____|_| |_____\_____|_____|______|______|
| __ \| ____|
| | | | |__
| | | | __|
| |__| | |____
|_____/|______|_ _____ _____
| | | ____| __ \ / ____|
| | | |__ | |__) | | __
| | | __| | _ /| | |_ |
| |____ | |____| | \ \| |__| |
|______| |______|_| \_\\_____|

*/

@font-face {
font-family: AntiqueNoble;
src: url("/mw/skins/ouroboros/assets/fonts/antiquenoblebold.woff");
}

@font-face {
font-family: Combined;
src: url("/mw/skins/ouroboros/assets/fonts/combined.otf");
}
@font-face {
font-family: Lucette;
src: url("/mw/skins/ouroboros/assets/fonts/LUCETTE/font/otf/Lucette-Regular.otf");
src: url("/mw/skins/ouroboros/assets/fonts/LUCETTE/font/ttf/Lucette-Regular.ttf");
src: url("/mw/skins/ouroboros/assets/fonts/LUCETTE/font/woff/Lucette-Regular.woff");
src: url("/mw/skins/ouroboros/assets/fonts/LUCETTE/font/woff2/Lucette-Regular.woff2");
}
@font-face {
font-family: Lucette;
src: url("/mw/skins/ouroboros/assets/fonts/LUCETTE/font/otf/Lucette-Regularitalic.otf");
src: url("/mw/skins/ouroboros/assets/fonts/LUCETTE/font/ttf/Lucette-Regularitalic.ttf");
src: url("/mw/skins/ouroboros/assets/fonts/LUCETTE/font/woff/Lucette-Regularitalic.woff");
src: url("/mw/skins/ouroboros/assets/fonts/LUCETTE/font/woff2/Lucette-Regularitalic.woff2");
font-style: italic;
}

@font-face {
font-family: Ductus;
src: url("/mw/skins/ouroboros/assets/fonts/ductus/webfonts/DuctusRegular.woff");
src: url("/mw/skins/ouroboros/assets/fonts/ductus/webfonts/DuctusRegular.woff2");
}
/*
@font-face {
font-family: Vega;
src: url("/mw/skins/ouroboros/assets/fonts/otf/Vega-Regular.otf");
src: url("/mw/skins/ouroboros/assets/fonts/Vega-Regular.ttf") format("truetype");
src: url("/mw/skins/ouroboros/assets/fonts/Vega-Regular-Webfont.svg" format("svg"));
src: url("/mw/skins/ouroboros/assets/fonts/Vega-Regular.woff" format("woff"));
src: url("/mw/skins/ouroboros/assets/fonts/Vega-Regular.woff2") format("woff2");
}
*/

/* Global variables. */
:root,
::backdrop {
/* Set sans-serif & mono fonts */
--sans-font: -apple-system, BlinkMacSystemFont, "Avenir Next", Avenir,
"Nimbus Sans L", Roboto, "Noto Sans", "Segoe UI", Arial, Helvetica,
"Helvetica Neue", sans-serif;
--mono-font: Consolas, Menlo, Monaco, "Andale Mono", "Ubuntu Mono", monospace;
--standard-border-radius: 5px;

/* Default (light) theme */
--bg: #fff;
--accent-bg: #f5f7ff;
--text: #212121;
--text-light: #585858;
--border: #898EA4;
--accent: #0d47a1;
--accent-hover: #1266e2;
--accent-text: var(--bg);
--code: #d81b60;
--preformatted: #444;
--marked: #ffdd33;
--disabled: #efefef;

--font-title: Ductus;
--font-body: Lucette;
--color-a: #a700ff; /* purple */
--color-b: #00ab6b; /* green */
--font-size: 15pt;
--line-height: 1.3em;
}

/* Dark theme */
@media (prefers-color-scheme: dark) {
:root,
::backdrop {
color-scheme: dark;
--bg: #222;
--accent-bg: #2b2b2b;
--text: #dcdcdc;
--text-light: #ababab;
--accent: #ffb300;
--accent-hover: #ffe099;
--accent-text: var(--bg);
--code: #f06292;
--preformatted: #ccc;
--disabled: #111;

--font-title: Ductus;
--font-body: Lucette;
--color-a: #9557b5; /* washed-off purple */
--color-b: #3c856b; /* washed-off green */
--font-size: 15pt;
--line-height: 1.3em;
}
}

/* Reset box-sizing */
*, *::before, *::after {
box-sizing: border-box;
}

body {
font-family: var(--font-body);
font-size: var(--font-size);
line-height: var(--line-height);
padding-top: 3em;
background-color: var(--bg);
color: var(--text);
border-right: 2px solid #3a3a3a;
}
p {
font-size: var(--font-size);
line-height: var(--line-height);
margin-bottom: 0;
}
p + p {
margin-top: var(--line-height);
}

/* INTERFACE ------------------------------------------------------------------ */
/* remove category help button (does it remove other stuff? mmm...) */
#mw-indicator-mw-helplink {
display: none;
}

/* Menu bar, position fixed to be able to grab it to resize the map on mobile devices */
#navwrapper {
position: fixed;
top: 0;
right: 0;
z-index: 1000;
left: 0;
}

h4.namespace.label {
display: none;
}

.mw-editsection, .mw-editsection-like {
font-size: 10px;
}

#actions {
left: initial !important;
right: 14px;
top: -21px;
background-color: var(--accent-bg);
border: 1px solid var(--text-light);
color: var(--text-light);
}
a#actions-button {
margin-top: -1em;
background-color: var(--accent-bg);
padding: 5px;
color: var(--text-light);
}
.fa,
button, .button,
.top-bar-section ul li > a {
font-family: var(--font-body);
}
.fa::before {
font-family: FontAwesome;
}

.top-bar,
.top-bar-section,
#top-bar-left,
#top-bar-right,
#top-bar-right .columns {
display: flex;
background-color: #222;
align-items: center;
justify-content: space-evenly;
}
#top-bar-left {
width: initial;
}
.top-bar-section {
flex-grow: 1;
}
.has-form {
flex-grow: 1;
padding: 0.5em !important;
}
#top-bar-right {
justify-content: space-between;
flex-grow: 1;
}
.top-bar input {
padding-top: 8px;
flex-grow: 1;
height: 2em;
box-sizing: border-box;
border: 0;
outline: 0;
}
.button.search {
background-color: transparent;
border-style: solid;
border-width: 2px;
border-image: linear-gradient(to right, var(--color-a), var(--color-b));
border-image-slice: 1;
top: 2px !important;
position: relative;
margin-left: 0px !important;
box-sizing: border-box;
padding: 0;
width: 80px;
height: 2em;
margin: 0;
top: 0 !important;
}
.button.search:hover {
background-color: var(--color-a);
}
.suggestions-result-current {
background-color: var(--color-b) !important;
}

.top-bar .toggle-topbar a {
text-transform: lowercase;
font-size: 1em;
}

#toc, .toc {
float: right;
margin-left: 1em;
max-width: 45%;
background-color: var(--accent-bg);
border-radius: 5px;
}
.toctitle {
margin-bottom: -1em;
}
#toc h2 {
margin-top: 0.25em;
font-size: 1em;
display: inline-block;
margin-right: 0.5em;
}
#toc ul {
margin: 0;
}
.tocnumber:after {
content: " – ";
}

table.infobox {
width: initial;
max-width: 45%;
}
table.infobox th.head {
background-color: var(--color-b);
}
th, td {
padding: 0.5em !important;
}

li {
line-height: initial;
}

.mw-category-generated {
margin-top: 2em;
}

/* if no content but only listing subcategories */
.mw-parser-output:empty + .mw-category-generated h2 {
display: none;
}

/* If only one subcategory, don't list the initial */
.mw-category-generated #mw-pages div:only-of-type h3,
#mw-subcategories div:only-of-type h3 {
/*display: none;*/
}

/* removes counting of categories */
.mw-category-generated #mw-pages p:first-of-type,
#mw-subcategories p:first-of-type {
display: none;
}

.group {
margin-top: 5em;
}
#catlinks .label {
border-width: 2px;
border-style: solid;
background-color: transparent;
padding: 2px 6px !important;
}

/* HEADER ------------------------------------------------------------------ */
.title-name {
font-family: var(--font-title);
font-weight: bold;
}
.title-name:hover {
color: var(--color-a);
}

.top-bar-section .has-form {
background-color: #222 !important;
}
.top-bar-section .has-dropdown > a::after {
display: none;
}
.top-bar-section .has-dropdown > a {
padding-right: initial !important;
}
.top-bar-section .dropdown li {
width: initial;
/*height: 2em;*/
position: relative;
padding: 0;
border-bottom: 1px solid lightgray;
}
.top-bar-section ul li {
padding: 0 0.5em;
background-color: #222;
}
.top-bar-section ul li:hover {
z-index: 1000;
}
.top-bar-section ul li > a {
font-size: 16px;
padding: 0;
font-weight: bold;
}

li#p-menu > a {
text-transform: uppercase;
padding: 0;
}
li#p-menu > a + ul li {
outline: 1px solid #00a393;
}

.top-bar-section .dropdown li:not(.has-form):not(.active):hover > a:not(.button) {
background: linear-gradient(90deg,var(--color-a), var(--color-b));
}
li#p-menu + li.has-dropdown {
width: 3em;
text-align: center;
}
li#p-menu + li.has-dropdown > a {
border-radius: 100%;
padding: 0;
text-align: center;
line-height: 30px;
margin: auto;
display: inline-block;
width: 30px;
box-sizing: border-box;
height: 30px;
}
.not-logged-in #top-bar-right li:nth-child(3) {
display: none;
}

#toolbox-dropdown li, #personal-tools-dropdown .dropdown li {
float: right;
}

.back h5 {
font-size: 2em !important;
}
a.parent-link {
color: var(--color-b) !important;
font-weight: bold !important;
}

/* CONTENT ------------------------------------------------------------------ */
#page-content {
margin: 1em;
color: var(--text);
}
#english {
position: relative;
top: -1.5em;
}

h1, h2, h3, h4, h5, h6 {
margin-top: 1em;
color: var(--color-b);
line-height: 1.5em;
font-family: var(--font-body);
}
h1, h1#firstHeading, h2 {
font-family: var(--font-title);
font-size: 1.5em;
}
h2 {
font-family: var(--font-title);
}

h1 {
color: var(--color-a);
}
h2 span {
display: initial;
}
h3 {
font-family: var(--font-title);
font-size: 1em;
}
body.action-view #page-content a {
border-image: linear-gradient(to right, var(--color-a), var(--color-b));
border-bottom-width: 2px;
border-image-slice: 1;
color: var(--text);
border-bottom-style: solid;
padding: 3px 5px 1px;

}
#page-content a:hover,
#catlinks .label:hover {
background-color: var(--color-a);
color: white !important;
}
/* Removes user name */
h3#tagline {
display: none;
}
#bodyContent {
margin-top: 3em;
}

#page-content ul, #page-content ol {
font-size: 1em;
margin-top: calc( var(--line-height) / 2) !important;
margin-bottom: calc( var(--line-height) / 1) !important;
}
div {
line-height: 1.4em ;
}
label {
color: var(--text-light);
}
label[for="wpCaptchaWord"]{
background-color: orangered;
}
code, pre {
color: darkgrey;
background-color: #181818;
border: 1px solid darkgrey;
border-radius:3px;
font-size: 0.8em;
padding: 1ch;
}

/* ACTUALITÉS ------------------------------------------------------------------ */
.medialisting {
display: flex;
flex-wrap: wrap;
}
.medialisting a {
border: 0 !important;
}
.Media {
display: flex;
align-items: flex-start;
margin-bottom: 1em;
flex-direction: column;
flex-basis: 32%;
box-sizing: border-box;
justify-content: center;
padding: 0.5em;
background: radial-gradient(var(--color-a) -31%, transparent 60%);
}
.Media:nth-child(2n) {
background: radial-gradient(var(--color-b) -31%, transparent 60%);
}
.Media-body {
flex: initial;
}

.flexgal {
display: flex;
flex-wrap: wrap;
}

/* THUMBNAILS ------------------------------------------------------------------ */
.thumbinner {
background-color: var(--accent-bg);
}
.thumb.tleft {
margin-right: 2em;
}
.Media-figure a,
.image.fancybox {
display: inline-block;
}
.magnify a {
text-indent: 0;
width: 25px;
height: 25px;
border-style: solid;
border-width: 2px;
line-height: 15px;
}
.magnify a:before {
content: "+";
font-family: FontAwesome;
font-size: 20px;
}

/* MEDIA QUERIES ------------------------------------------------------------------ */
@media (max-width: 800px) {
div.tleft, div.floatleft, table.floatleft {
width: 100%;
margin-bottom: 3em;
}
#toc {
max-width: initial;
width: 100%;
margin-left: 0;

}
}
@media only screen and (max-width: 600px) {
.top-bar,
.top-bar-section,
#top-bar-right,
#top-bar-right .columns {
display: inherit;
}
.top-bar.expanded {
flex-wrap: wrap;
}
.top-bar.expanded .title-area {
display: flex;
flex-grow: 1;
justify-content: space-between;
}
.top-bar.expanded .top-bar,
.top-bar.expanded .top-bar-section,
.top-bar.expanded #top-bar-right,
.top-bar.expanded #top-bar-right .columns {
display: flex;
align-items: center;
flex-wrap: nowrap;
}
.divider.show-for-small {
display: none !important;
}

.top-bar-section #top-bar-left{
padding: 10px 0 0 0;
}
.top-bar-section #top-bar-left li {
padding: 0 8px 0 8px;
}

.top-bar input {
display:none;
}

}

/* Formulaire d'edition ------------------------------------------------------------------ */
#editform
{
margin-top: -5vh;
}

MediaWiki:Ouroboros.css

2024-02-05T13:50:36Z

Dobody :

/*
_ ______ _____ _ _______ _ _ _________ _ _ ______ __ __ ______
| | | ____| / ____| |/ /_ _| \ | | / /__ __| | | | ____| \/ | ____|
| | | |__ | (___ | ' / | | | \| | / / | | | |__| | |__ | \ / | |__
| | | __| \___ \| < | | | . ` | / / | | | __ | __| | |\/| | __|
| |____| |____ ____) | . \ _| |_| |\ |/ / | | | | | | |____| | | | |____
|______|______|_|_____/|_|\_\_____|_|_\_/_/___ _ |_| |_| |_|______|_| |_|______|
/ __ \| ____| ____|_ _/ ____|_ _| ____| |
| | | | |__ | |__ | || | | | | |__ | |
| | | | __| | __| | || | | | | __| | |
| |__| | | | | _| || |____ _| |_| |____| |____
\____/|_|____|_| |_____\_____|_____|______|______|
| __ \| ____|
| | | | |__
| | | | __|
| |__| | |____
|_____/|______|_ _____ _____
| | | ____| __ \ / ____|
| | | |__ | |__) | | __
| | | __| | _ /| | |_ |
| |____ | |____| | \ \| |__| |
|______| |______|_| \_\\_____|

*/

@font-face {
font-family: AntiqueNoble;
src: url("/mw/skins/ouroboros/assets/fonts/antiquenoblebold.woff");
}

@font-face {
font-family: Combined;
src: url("/mw/skins/ouroboros/assets/fonts/combined.otf");
}
@font-face {
font-family: Lucette;
src: url("/mw/skins/ouroboros/assets/fonts/LUCETTE/font/otf/Lucette-Regular.otf");
src: url("/mw/skins/ouroboros/assets/fonts/LUCETTE/font/ttf/Lucette-Regular.ttf");
src: url("/mw/skins/ouroboros/assets/fonts/LUCETTE/font/woff/Lucette-Regular.woff");
src: url("/mw/skins/ouroboros/assets/fonts/LUCETTE/font/woff2/Lucette-Regular.woff2");
}
@font-face {
font-family: Lucette;
src: url("/mw/skins/ouroboros/assets/fonts/LUCETTE/font/otf/Lucette-Regularitalic.otf");
src: url("/mw/skins/ouroboros/assets/fonts/LUCETTE/font/ttf/Lucette-Regularitalic.ttf");
src: url("/mw/skins/ouroboros/assets/fonts/LUCETTE/font/woff/Lucette-Regularitalic.woff");
src: url("/mw/skins/ouroboros/assets/fonts/LUCETTE/font/woff2/Lucette-Regularitalic.woff2");
font-style: italic;
}

@font-face {
font-family: Ductus;
src: url("/mw/skins/ouroboros/assets/fonts/ductus/webfonts/DuctusRegular.woff");
src: url("/mw/skins/ouroboros/assets/fonts/ductus/webfonts/DuctusRegular.woff2");
}
/*
@font-face {
font-family: Vega;
src: url("/mw/skins/ouroboros/assets/fonts/otf/Vega-Regular.otf");
src: url("/mw/skins/ouroboros/assets/fonts/Vega-Regular.ttf") format("truetype");
src: url("/mw/skins/ouroboros/assets/fonts/Vega-Regular-Webfont.svg" format("svg"));
src: url("/mw/skins/ouroboros/assets/fonts/Vega-Regular.woff" format("woff"));
src: url("/mw/skins/ouroboros/assets/fonts/Vega-Regular.woff2") format("woff2");
}
*/

/* Global variables. */
:root,
::backdrop {
/* Set sans-serif & mono fonts */
--sans-font: -apple-system, BlinkMacSystemFont, "Avenir Next", Avenir,
"Nimbus Sans L", Roboto, "Noto Sans", "Segoe UI", Arial, Helvetica,
"Helvetica Neue", sans-serif;
--mono-font: Consolas, Menlo, Monaco, "Andale Mono", "Ubuntu Mono", monospace;
--standard-border-radius: 5px;

/* Default (light) theme */
--bg: #fff;
--accent-bg: #f5f7ff;
--text: #212121;
--text-light: #585858;
--border: #898EA4;
--accent: #0d47a1;
--accent-hover: #1266e2;
--accent-text: var(--bg);
--code: #d81b60;
--preformatted: #444;
--marked: #ffdd33;
--disabled: #efefef;

--font-title: Ductus;
--font-body: Lucette;
--color-a: #a700ff; /* purple */
--color-b: #00ab6b; /* green */
--font-size: 15pt;
--line-height: 1.3em;
}

/* Dark theme */
@media (prefers-color-scheme: dark) {
:root,
::backdrop {
color-scheme: dark;
--bg: #222;
--accent-bg: #2b2b2b;
--text: #dcdcdc;
--text-light: #ababab;
--accent: #ffb300;
--accent-hover: #ffe099;
--accent-text: var(--bg);
--code: #f06292;
--preformatted: #ccc;
--disabled: #111;

--font-title: Ductus;
--font-body: Lucette;
--color-a: #9557b5; /* washed-off purple */
--color-b: #3c856b; /* washed-off green */
--font-size: 15pt;
--line-height: 1.3em;
}
}

/* Reset box-sizing */
*, *::before, *::after {
box-sizing: border-box;
}

body {
font-family: var(--font-body);
font-size: var(--font-size);
line-height: var(--line-height);
padding-top: 3em;
background-color: var(--bg);
color: var(--text);
border-right: 2px solid #3a3a3a;
}
p {
font-size: var(--font-size);
line-height: var(--line-height);
margin-bottom: 0;
}
p + p {
margin-top: var(--line-height);
}

/* INTERFACE ------------------------------------------------------------------ */
/* remove category help button (does it remove other stuff? mmm...) */
#mw-indicator-mw-helplink {
display: none;
}

/* Menu bar, position fixed to be able to grab it to resize the map on mobile devices */
#navwrapper {
position: fixed;
top: 0;
right: 0;
z-index: 1000;
left: 0;
}

h4.namespace.label {
display: none;
}

.mw-editsection, .mw-editsection-like {
font-size: 10px;
}

#actions {
left: initial !important;
right: 14px;
top: -21px;
background-color: var(--accent-bg);
border: 1px solid var(--text-light);
color: var(--text-light);
}
a#actions-button {
margin-top: -1em;
background-color: var(--accent-bg);
padding: 5px;
color: var(--text-light);
}
.fa,
button, .button,
.top-bar-section ul li > a {
font-family: var(--font-body);
}
.fa::before {
font-family: FontAwesome;
}

.top-bar,
.top-bar-section,
#top-bar-left,
#top-bar-right,
#top-bar-right .columns {
display: flex;
background-color: #222;
align-items: center;
justify-content: space-evenly;
}
#top-bar-left {
width: initial;
}
.top-bar-section {
flex-grow: 1;
}
.has-form {
flex-grow: 1;
padding: 0.5em !important;
}
#top-bar-right {
justify-content: space-between;
flex-grow: 1;
}
.top-bar input {
padding-top: 8px;
flex-grow: 1;
height: 2em;
box-sizing: border-box;
border: 0;
outline: 0;
}
.button.search {
background-color: transparent;
border-style: solid;
border-width: 2px;
border-image: linear-gradient(to right, var(--color-a), var(--color-b));
border-image-slice: 1;
top: 2px !important;
position: relative;
margin-left: 0px !important;
box-sizing: border-box;
padding: 0;
width: 80px;
height: 2em;
margin: 0;
top: 0 !important;
}
.button.search:hover {
background-color: var(--color-a);
}
.suggestions-result-current {
background-color: var(--color-b) !important;
}

.top-bar .toggle-topbar a {
text-transform: lowercase;
font-size: 1em;
}

#toc, .toc {
float: right;
margin-left: 1em;
max-width: 45%;
background-color: var(--accent-bg);
border-radius: 5px;
}
.toctitle {
margin-bottom: -1em;
}
#toc h2 {
margin-top: 0.25em;
font-size: 1em;
display: inline-block;
margin-right: 0.5em;
}
#toc ul {
margin: 0;
}
.tocnumber:after {
content: " – ";
}

table.infobox {
width: initial;
max-width: 45%;
}
table.infobox th.head {
background-color: var(--color-b);
}
th, td {
padding: 0.5em !important;
}

li {
line-height: initial;
}

.mw-category-generated {
margin-top: 2em;
}

/* if no content but only listing subcategories */
.mw-parser-output:empty + .mw-category-generated h2 {
display: none;
}

/* If only one subcategory, don't list the initial */
.mw-category-generated #mw-pages div:only-of-type h3,
#mw-subcategories div:only-of-type h3 {
/*display: none;*/
}

/* removes counting of categories */
.mw-category-generated #mw-pages p:first-of-type,
#mw-subcategories p:first-of-type {
display: none;
}

.group {
margin-top: 5em;
}
#catlinks .label {
border-width: 2px;
border-style: solid;
background-color: transparent;
padding: 2px 6px !important;
}

/* HEADER ------------------------------------------------------------------ */
.title-name {
font-family: var(--font-title);
font-weight: bold;
}
.title-name:hover {
color: var(--color-a);
}

.top-bar-section .has-form {
background-color: #222 !important;
}
.top-bar-section .has-dropdown > a::after {
display: none;
}
.top-bar-section .has-dropdown > a {
padding-right: initial !important;
}
.top-bar-section .dropdown li {
width: initial;
/*height: 2em;*/
position: relative;
padding: 0;
border-bottom: 1px solid lightgray;
}
.top-bar-section ul li {
padding: 0 0.5em;
background-color: #222;
}
.top-bar-section ul li:hover {
z-index: 1000;
}
.top-bar-section ul li > a {
font-size: 16px;
padding: 0;
font-weight: bold;
}

li#p-menu > a {
text-transform: uppercase;
padding: 0;
}
li#p-menu > a + ul li {
outline: 1px solid #00a393;
}

.top-bar-section .dropdown li:not(.has-form):not(.active):hover > a:not(.button) {
background: linear-gradient(90deg,var(--color-a), var(--color-b));
}
li#p-menu + li.has-dropdown {
width: 3em;
text-align: center;
}
li#p-menu + li.has-dropdown > a {
border-radius: 100%;
padding: 0;
text-align: center;
line-height: 30px;
margin: auto;
display: inline-block;
width: 30px;
box-sizing: border-box;
height: 30px;
}
.not-logged-in #top-bar-right li:nth-child(3) {
display: none;
}

#toolbox-dropdown li, #personal-tools-dropdown .dropdown li {
float: right;
}

.back h5 {
font-size: 2em !important;
}
a.parent-link {
color: var(--color-b) !important;
font-weight: bold !important;
}

/* CONTENT ------------------------------------------------------------------ */
#page-content {
margin: 1em;
color: var(--text);
}
#english {
position: relative;
top: -1.5em;
}

h1, h2, h3, h4, h5, h6 {
margin-top: 1em;
color: var(--color-b);
line-height: 1.5em;
font-family: var(--font-body);
}
h1, h1#firstHeading, h2 {
font-family: var(--font-title);
font-size: 1.5em;
}
h2 {
font-family: var(--font-title);
}

h1 {
color: var(--color-a);
}
h2 span {
display: initial;
}
h3 {
font-family: var(--font-title);
font-size: 1em;
}
body.action-view #page-content a {
border-image: linear-gradient(to right, var(--color-a), var(--color-b));
border-bottom-width: 2px;
border-image-slice: 1;
color: var(--text);
border-bottom-style: solid;
padding: 3px 5px 1px;

}
#page-content a:hover,
#catlinks .label:hover {
background-color: var(--color-a);
color: white !important;
}
/* Removes user name */
h3#tagline {
display: none;
}
#bodyContent {
margin-top: 3em;
}

#page-content ul, #page-content ol {
font-size: 1em;
margin-top: calc( var(--line-height) / 2) !important;
margin-bottom: calc( var(--line-height) / 1) !important;
}
div {
line-height: 1.4em ;
}
label {
color: var(--text-light);
}
label[for="wpCaptchaWord"]{
background-color: orangered;
}
code, pre {
color: darkgrey;
background-color: #181818;
border: 1px solid darkgrey;
border-radius:3px;
font-size: 0.8em;
padding: 1ch;
}

/* ACTUALITÉS ------------------------------------------------------------------ */
.medialisting {
display: flex;
flex-wrap: wrap;
}
.medialisting a {
border: 0 !important;
}
.Media {
display: flex;
align-items: flex-start;
margin-bottom: 1em;
flex-direction: column;
flex-basis: 32%;
box-sizing: border-box;
justify-content: center;
padding: 0.5em;
background: radial-gradient(var(--color-a) -31%, transparent 60%);
}
.Media:nth-child(2n) {
background: radial-gradient(var(--color-b) -31%, transparent 60%);
}
.Media-body {
flex: initial;
}

.flexgal {
display: flex;
flex-wrap: wrap;
}

/* THUMBNAILS ------------------------------------------------------------------ */
.thumbinner {
background-color: var(--accent-bg);
}
.thumb.tleft {
margin-right: 2em;
}
.Media-figure a,
.image.fancybox {
display: inline-block;
}
.magnify a {
text-indent: 0;
width: 25px;
height: 25px;
border-style: solid;
border-width: 2px;
line-height: 15px;
}
.magnify a:before {
content: "+";
font-family: FontAwesome;
font-size: 20px;
}

/* MEDIA QUERIES ------------------------------------------------------------------ */
@media (max-width: 800px) {
div.tleft, div.floatleft, table.floatleft {
width: 100%;
margin-bottom: 3em;
}
#toc {
max-width: initial;
width: 100%;
margin-left: 0;

}
}
@media only screen and (max-width: 600px) {
.top-bar,
.top-bar-section,
#top-bar-right,
#top-bar-right .columns {
display: inherit;
}
.top-bar.expanded {
flex-wrap: wrap;
}
.top-bar.expanded .title-area {
display: flex;
flex-grow: 1;
justify-content: space-between;
}
.top-bar.expanded .top-bar,
.top-bar.expanded .top-bar-section,
.top-bar.expanded #top-bar-right,
.top-bar.expanded #top-bar-right .columns {
display: flex;
align-items: center;
flex-wrap: wrap;
}
.divider.show-for-small {
display: none !important;
}

.top-bar-section #top-bar-left{
padding: 10px 0 0 0;
}
.top-bar-section #top-bar-left li {
padding: 0 8px 0 8px;
}

.top-bar input {
display:none;
}

}

/* Formulaire d'edition ------------------------------------------------------------------ */
#editform
{
margin-top: -5vh;
}

MediaWiki:Ouroboros.css

2024-02-05T13:46:59Z

Dobody :

/*
_ ______ _____ _ _______ _ _ _________ _ _ ______ __ __ ______
| | | ____| / ____| |/ /_ _| \ | | / /__ __| | | | ____| \/ | ____|
| | | |__ | (___ | ' / | | | \| | / / | | | |__| | |__ | \ / | |__
| | | __| \___ \| < | | | . ` | / / | | | __ | __| | |\/| | __|
| |____| |____ ____) | . \ _| |_| |\ |/ / | | | | | | |____| | | | |____
|______|______|_|_____/|_|\_\_____|_|_\_/_/___ _ |_| |_| |_|______|_| |_|______|
/ __ \| ____| ____|_ _/ ____|_ _| ____| |
| | | | |__ | |__ | || | | | | |__ | |
| | | | __| | __| | || | | | | __| | |
| |__| | | | | _| || |____ _| |_| |____| |____
\____/|_|____|_| |_____\_____|_____|______|______|
| __ \| ____|
| | | | |__
| | | | __|
| |__| | |____
|_____/|______|_ _____ _____
| | | ____| __ \ / ____|
| | | |__ | |__) | | __
| | | __| | _ /| | |_ |
| |____ | |____| | \ \| |__| |
|______| |______|_| \_\\_____|

*/

@font-face {
font-family: AntiqueNoble;
src: url("/mw/skins/ouroboros/assets/fonts/antiquenoblebold.woff");
}

@font-face {
font-family: Combined;
src: url("/mw/skins/ouroboros/assets/fonts/combined.otf");
}
@font-face {
font-family: Lucette;
src: url("/mw/skins/ouroboros/assets/fonts/LUCETTE/font/otf/Lucette-Regular.otf");
src: url("/mw/skins/ouroboros/assets/fonts/LUCETTE/font/ttf/Lucette-Regular.ttf");
src: url("/mw/skins/ouroboros/assets/fonts/LUCETTE/font/woff/Lucette-Regular.woff");
src: url("/mw/skins/ouroboros/assets/fonts/LUCETTE/font/woff2/Lucette-Regular.woff2");
}
@font-face {
font-family: Lucette;
src: url("/mw/skins/ouroboros/assets/fonts/LUCETTE/font/otf/Lucette-Regularitalic.otf");
src: url("/mw/skins/ouroboros/assets/fonts/LUCETTE/font/ttf/Lucette-Regularitalic.ttf");
src: url("/mw/skins/ouroboros/assets/fonts/LUCETTE/font/woff/Lucette-Regularitalic.woff");
src: url("/mw/skins/ouroboros/assets/fonts/LUCETTE/font/woff2/Lucette-Regularitalic.woff2");
font-style: italic;
}

@font-face {
font-family: Ductus;
src: url("/mw/skins/ouroboros/assets/fonts/ductus/webfonts/DuctusRegular.woff");
src: url("/mw/skins/ouroboros/assets/fonts/ductus/webfonts/DuctusRegular.woff2");
}
/*
@font-face {
font-family: Vega;
src: url("/mw/skins/ouroboros/assets/fonts/otf/Vega-Regular.otf");
src: url("/mw/skins/ouroboros/assets/fonts/Vega-Regular.ttf") format("truetype");
src: url("/mw/skins/ouroboros/assets/fonts/Vega-Regular-Webfont.svg" format("svg"));
src: url("/mw/skins/ouroboros/assets/fonts/Vega-Regular.woff" format("woff"));
src: url("/mw/skins/ouroboros/assets/fonts/Vega-Regular.woff2") format("woff2");
}
*/

/* Global variables. */
:root,
::backdrop {
/* Set sans-serif & mono fonts */
--sans-font: -apple-system, BlinkMacSystemFont, "Avenir Next", Avenir,
"Nimbus Sans L", Roboto, "Noto Sans", "Segoe UI", Arial, Helvetica,
"Helvetica Neue", sans-serif;
--mono-font: Consolas, Menlo, Monaco, "Andale Mono", "Ubuntu Mono", monospace;
--standard-border-radius: 5px;

/* Default (light) theme */
--bg: #fff;
--accent-bg: #f5f7ff;
--text: #212121;
--text-light: #585858;
--border: #898EA4;
--accent: #0d47a1;
--accent-hover: #1266e2;
--accent-text: var(--bg);
--code: #d81b60;
--preformatted: #444;
--marked: #ffdd33;
--disabled: #efefef;

--font-title: Ductus;
--font-body: Lucette;
--color-a: #a700ff; /* purple */
--color-b: #00ab6b; /* green */
--font-size: 15pt;
--line-height: 1.3em;
}

/* Dark theme */
@media (prefers-color-scheme: dark) {
:root,
::backdrop {
color-scheme: dark;
--bg: #222;
--accent-bg: #2b2b2b;
--text: #dcdcdc;
--text-light: #ababab;
--accent: #ffb300;
--accent-hover: #ffe099;
--accent-text: var(--bg);
--code: #f06292;
--preformatted: #ccc;
--disabled: #111;

--font-title: Ductus;
--font-body: Lucette;
--color-a: #9557b5; /* washed-off purple */
--color-b: #3c856b; /* washed-off green */
--font-size: 15pt;
--line-height: 1.3em;
}
}

/* Reset box-sizing */
*, *::before, *::after {
box-sizing: border-box;
}

body {
font-family: var(--font-body);
font-size: var(--font-size);
line-height: var(--line-height);
padding-top: 3em;
background-color: var(--bg);
color: var(--text);
border-right: 2px solid #3a3a3a;
}
p {
font-size: var(--font-size);
line-height: var(--line-height);
margin-bottom: 0;
}
p + p {
margin-top: var(--line-height);
}

/* INTERFACE ------------------------------------------------------------------ */
/* remove category help button (does it remove other stuff? mmm...) */
#mw-indicator-mw-helplink {
display: none;
}

/* Menu bar, position fixed to be able to grab it to resize the map on mobile devices */
#navwrapper {
position: fixed;
top: 0;
right: 0;
z-index: 1000;
left: 0;
}

h4.namespace.label {
display: none;
}

.mw-editsection, .mw-editsection-like {
font-size: 10px;
}

#actions {
left: initial !important;
right: 14px;
top: -21px;
background-color: var(--accent-bg);
border: 1px solid var(--text-light);
color: var(--text-light);
}
a#actions-button {
margin-top: -1em;
background-color: var(--accent-bg);
padding: 5px;
color: var(--text-light);
}
.fa,
button, .button,
.top-bar-section ul li > a {
font-family: var(--font-body);
}
.fa::before {
font-family: FontAwesome;
}

.top-bar,
.top-bar-section,
#top-bar-left,
#top-bar-right,
#top-bar-right .columns {
display: flex;
background-color: #222;
align-items: center;
justify-content: space-evenly;
}
#top-bar-left {
width: initial;
}
.top-bar-section {
flex-grow: 1;
}
.has-form {
flex-grow: 1;
padding: 0.5em !important;
}
#top-bar-right {
justify-content: space-between;
flex-grow: 1;
}
.top-bar input {
padding-top: 8px;
flex-grow: 1;
height: 2em;
box-sizing: border-box;
border: 0;
outline: 0;
}
.button.search {
background-color: transparent;
border-style: solid;
border-width: 2px;
border-image: linear-gradient(to right, var(--color-a), var(--color-b));
border-image-slice: 1;
top: 2px !important;
position: relative;
margin-left: 0px !important;
box-sizing: border-box;
padding: 0;
width: 80px;
height: 2em;
margin: 0;
top: 0 !important;
}
.button.search:hover {
background-color: var(--color-a);
}
.suggestions-result-current {
background-color: var(--color-b) !important;
}

.top-bar .toggle-topbar a {
text-transform: lowercase;
font-size: 1em;
}

#toc, .toc {
float: right;
margin-left: 1em;
max-width: 45%;
background-color: var(--accent-bg);
border-radius: 5px;
}
.toctitle {
margin-bottom: -1em;
}
#toc h2 {
margin-top: 0.25em;
font-size: 1em;
display: inline-block;
margin-right: 0.5em;
}
#toc ul {
margin: 0;
}
.tocnumber:after {
content: " – ";
}

table.infobox {
width: initial;
max-width: 45%;
}
table.infobox th.head {
background-color: var(--color-b);
}
th, td {
padding: 0.5em !important;
}

li {
line-height: initial;
}

.mw-category-generated {
margin-top: 2em;
}

/* if no content but only listing subcategories */
.mw-parser-output:empty + .mw-category-generated h2 {
display: none;
}

/* If only one subcategory, don't list the initial */
.mw-category-generated #mw-pages div:only-of-type h3,
#mw-subcategories div:only-of-type h3 {
/*display: none;*/
}

/* removes counting of categories */
.mw-category-generated #mw-pages p:first-of-type,
#mw-subcategories p:first-of-type {
display: none;
}

.group {
margin-top: 5em;
}
#catlinks .label {
border-width: 2px;
border-style: solid;
background-color: transparent;
padding: 2px 6px !important;
}

/* HEADER ------------------------------------------------------------------ */
.title-name {
font-family: var(--font-title);
font-weight: bold;
}
.title-name:hover {
color: var(--color-a);
}

.top-bar-section .has-form {
background-color: #222 !important;
}
.top-bar-section .has-dropdown > a::after {
display: none;
}
.top-bar-section .has-dropdown > a {
padding-right: initial !important;
}
.top-bar-section .dropdown li {
width: initial;
/*height: 2em;*/
position: relative;
padding: 0;
border-bottom: 1px solid lightgray;
}
.top-bar-section ul li {
padding: 0 0.5em;
background-color: #222;
}
.top-bar-section ul li:hover {
z-index: 1000;
}
.top-bar-section ul li > a {
font-size: 16px;
padding: 0;
font-weight: bold;
}

li#p-menu > a {
text-transform: uppercase;
padding: 0;
}
li#p-menu > a + ul li {
outline: 1px solid #00a393;
}

.top-bar-section .dropdown li:not(.has-form):not(.active):hover > a:not(.button) {
background: linear-gradient(90deg,var(--color-a), var(--color-b));
}
li#p-menu + li.has-dropdown {
width: 3em;
text-align: center;
}
li#p-menu + li.has-dropdown > a {
border-radius: 100%;
padding: 0;
text-align: center;
line-height: 30px;
margin: auto;
display: inline-block;
width: 30px;
box-sizing: border-box;
height: 30px;
}
.not-logged-in #top-bar-right li:nth-child(3) {
display: none;
}

#toolbox-dropdown li, #personal-tools-dropdown .dropdown li {
float: right;
}

.back h5 {
font-size: 2em !important;
}
a.parent-link {
color: var(--color-b) !important;
font-weight: bold !important;
}

/* CONTENT ------------------------------------------------------------------ */
#page-content {
margin: 1em;
color: var(--text);
}
#english {
position: relative;
top: -1.5em;
}

h1, h2, h3, h4, h5, h6 {
margin-top: 1em;
color: var(--color-b);
line-height: 1.5em;
font-family: var(--font-body);
}
h1, h1#firstHeading, h2 {
font-family: var(--font-title);
font-size: 1.5em;
}
h2 {
font-family: var(--font-title);
}

h1 {
color: var(--color-a);
}
h2 span {
display: initial;
}
h3 {
font-family: var(--font-title);
font-size: 1em;
}
body.action-view #page-content a {
border-image: linear-gradient(to right, var(--color-a), var(--color-b));
border-bottom-width: 2px;
border-image-slice: 1;
color: var(--text);
border-bottom-style: solid;
padding: 3px 5px 1px;

}
#page-content a:hover,
#catlinks .label:hover {
background-color: var(--color-a);
color: white !important;
}
/* Removes user name */
h3#tagline {
display: none;
}
#bodyContent {
margin-top: 3em;
}

#page-content ul, #page-content ol {
font-size: 1em;
margin-top: calc( var(--line-height) / 2) !important;
margin-bottom: calc( var(--line-height) / 1) !important;
}
div {
line-height: 1.4em ;
}
label {
color: var(--text-light);
}
label[for="wpCaptchaWord"]{
background-color: orangered;
}
code, pre {
color: darkgrey;
background-color: #181818;
border: 1px solid darkgrey;
border-radius:3px;
font-size: 0.8em;
padding: 1ch;
}

/* ACTUALITÉS ------------------------------------------------------------------ */
.medialisting {
display: flex;
flex-wrap: wrap;
}
.medialisting a {
border: 0 !important;
}
.Media {
display: flex;
align-items: flex-start;
margin-bottom: 1em;
flex-direction: column;
flex-basis: 32%;
box-sizing: border-box;
justify-content: center;
padding: 0.5em;
background: radial-gradient(var(--color-a) -31%, transparent 60%);
}
.Media:nth-child(2n) {
background: radial-gradient(var(--color-b) -31%, transparent 60%);
}
.Media-body {
flex: initial;
}

.flexgal {
display: flex;
flex-wrap: wrap;
}

/* THUMBNAILS ------------------------------------------------------------------ */
.thumbinner {
background-color: var(--accent-bg);
}
.thumb.tleft {
margin-right: 2em;
}
.Media-figure a,
.image.fancybox {
display: inline-block;
}
.magnify a {
text-indent: 0;
width: 25px;
height: 25px;
border-style: solid;
border-width: 2px;
line-height: 15px;
}
.magnify a:before {
content: "+";
font-family: FontAwesome;
font-size: 20px;
}

/* MEDIA QUERIES ------------------------------------------------------------------ */
@media (max-width: 800px) {
div.tleft, div.floatleft, table.floatleft {
width: 100%;
margin-bottom: 3em;
}
#toc {
max-width: initial;
width: 100%;
margin-left: 0;

}
}
@media only screen and (max-width: 600px) {
.top-bar,
.top-bar-section,
#top-bar-right,
#top-bar-right .columns {
display: inherit;
}
.top-bar.expanded {
flex-wrap: wrap;
}
.top-bar.expanded .title-area {
display: flex;
flex-grow: 1;
justify-content: space-between;
}
.top-bar.expanded .top-bar,
.top-bar.expanded .top-bar-section,
.top-bar.expanded #top-bar-right,
.top-bar.expanded #top-bar-right .columns {
display: flex;
align-items: center;
flex-wrap: wrap;
}
.divider.show-for-small {
display: none !important;
}

.top-bar-section #top-bar-left{
padding: 10px 0 0 0;
}
.top-bar-section #top-bar-left li {
padding: 0 8px 0 8px;
}

}

/* Formulaire d'edition ------------------------------------------------------------------ */
#editform
{
margin-top: -5vh;
}

MediaWiki:Ouroboros.css

2024-02-05T13:39:34Z

Dobody :

/*
_ ______ _____ _ _______ _ _ _________ _ _ ______ __ __ ______
| | | ____| / ____| |/ /_ _| \ | | / /__ __| | | | ____| \/ | ____|
| | | |__ | (___ | ' / | | | \| | / / | | | |__| | |__ | \ / | |__
| | | __| \___ \| < | | | . ` | / / | | | __ | __| | |\/| | __|
| |____| |____ ____) | . \ _| |_| |\ |/ / | | | | | | |____| | | | |____
|______|______|_|_____/|_|\_\_____|_|_\_/_/___ _ |_| |_| |_|______|_| |_|______|
/ __ \| ____| ____|_ _/ ____|_ _| ____| |
| | | | |__ | |__ | || | | | | |__ | |
| | | | __| | __| | || | | | | __| | |
| |__| | | | | _| || |____ _| |_| |____| |____
\____/|_|____|_| |_____\_____|_____|______|______|
| __ \| ____|
| | | | |__
| | | | __|
| |__| | |____
|_____/|______|_ _____ _____
| | | ____| __ \ / ____|
| | | |__ | |__) | | __
| | | __| | _ /| | |_ |
| |____ | |____| | \ \| |__| |
|______| |______|_| \_\\_____|

*/

@font-face {
font-family: AntiqueNoble;
src: url("/mw/skins/ouroboros/assets/fonts/antiquenoblebold.woff");
}

@font-face {
font-family: Combined;
src: url("/mw/skins/ouroboros/assets/fonts/combined.otf");
}
@font-face {
font-family: Lucette;
src: url("/mw/skins/ouroboros/assets/fonts/LUCETTE/font/otf/Lucette-Regular.otf");
src: url("/mw/skins/ouroboros/assets/fonts/LUCETTE/font/ttf/Lucette-Regular.ttf");
src: url("/mw/skins/ouroboros/assets/fonts/LUCETTE/font/woff/Lucette-Regular.woff");
src: url("/mw/skins/ouroboros/assets/fonts/LUCETTE/font/woff2/Lucette-Regular.woff2");
}
@font-face {
font-family: Lucette;
src: url("/mw/skins/ouroboros/assets/fonts/LUCETTE/font/otf/Lucette-Regularitalic.otf");
src: url("/mw/skins/ouroboros/assets/fonts/LUCETTE/font/ttf/Lucette-Regularitalic.ttf");
src: url("/mw/skins/ouroboros/assets/fonts/LUCETTE/font/woff/Lucette-Regularitalic.woff");
src: url("/mw/skins/ouroboros/assets/fonts/LUCETTE/font/woff2/Lucette-Regularitalic.woff2");
font-style: italic;
}

@font-face {
font-family: Ductus;
src: url("/mw/skins/ouroboros/assets/fonts/ductus/webfonts/DuctusRegular.woff");
src: url("/mw/skins/ouroboros/assets/fonts/ductus/webfonts/DuctusRegular.woff2");
}
/*
@font-face {
font-family: Vega;
src: url("/mw/skins/ouroboros/assets/fonts/otf/Vega-Regular.otf");
src: url("/mw/skins/ouroboros/assets/fonts/Vega-Regular.ttf") format("truetype");
src: url("/mw/skins/ouroboros/assets/fonts/Vega-Regular-Webfont.svg" format("svg"));
src: url("/mw/skins/ouroboros/assets/fonts/Vega-Regular.woff" format("woff"));
src: url("/mw/skins/ouroboros/assets/fonts/Vega-Regular.woff2") format("woff2");
}
*/

/* Global variables. */
:root,
::backdrop {
/* Set sans-serif & mono fonts */
--sans-font: -apple-system, BlinkMacSystemFont, "Avenir Next", Avenir,
"Nimbus Sans L", Roboto, "Noto Sans", "Segoe UI", Arial, Helvetica,
"Helvetica Neue", sans-serif;
--mono-font: Consolas, Menlo, Monaco, "Andale Mono", "Ubuntu Mono", monospace;
--standard-border-radius: 5px;

/* Default (light) theme */
--bg: #fff;
--accent-bg: #f5f7ff;
--text: #212121;
--text-light: #585858;
--border: #898EA4;
--accent: #0d47a1;
--accent-hover: #1266e2;
--accent-text: var(--bg);
--code: #d81b60;
--preformatted: #444;
--marked: #ffdd33;
--disabled: #efefef;

--font-title: Ductus;
--font-body: Lucette;
--color-a: #a700ff; /* purple */
--color-b: #00ab6b; /* green */
--font-size: 15pt;
--line-height: 1.3em;
}

/* Dark theme */
@media (prefers-color-scheme: dark) {
:root,
::backdrop {
color-scheme: dark;
--bg: #222;
--accent-bg: #2b2b2b;
--text: #dcdcdc;
--text-light: #ababab;
--accent: #ffb300;
--accent-hover: #ffe099;
--accent-text: var(--bg);
--code: #f06292;
--preformatted: #ccc;
--disabled: #111;

--font-title: Ductus;
--font-body: Lucette;
--color-a: #9557b5; /* washed-off purple */
--color-b: #3c856b; /* washed-off green */
--font-size: 15pt;
--line-height: 1.3em;
}
}

/* Reset box-sizing */
*, *::before, *::after {
box-sizing: border-box;
}

body {
font-family: var(--font-body);
font-size: var(--font-size);
line-height: var(--line-height);
padding-top: 3em;
background-color: var(--bg);
color: var(--text);
border-right: 2px solid #3a3a3a;
}
p {
font-size: var(--font-size);
line-height: var(--line-height);
margin-bottom: 0;
}
p + p {
margin-top: var(--line-height);
}

/* INTERFACE ------------------------------------------------------------------ */
/* remove category help button (does it remove other stuff? mmm...) */
#mw-indicator-mw-helplink {
display: none;
}

/* Menu bar, position fixed to be able to grab it to resize the map on mobile devices */
#navwrapper {
position: fixed;
top: 0;
right: 0;
z-index: 1000;
left: 0;
}

h4.namespace.label {
display: none;
}

.mw-editsection, .mw-editsection-like {
font-size: 10px;
}

#actions {
left: initial !important;
right: 14px;
top: -21px;
background-color: var(--accent-bg);
border: 1px solid var(--text-light);
color: var(--text-light);
}
a#actions-button {
margin-top: -1em;
background-color: var(--accent-bg);
padding: 5px;
color: var(--text-light);
}
.fa,
button, .button,
.top-bar-section ul li > a {
font-family: var(--font-body);
}
.fa::before {
font-family: FontAwesome;
}

.top-bar,
.top-bar-section,
#top-bar-left,
#top-bar-right,
#top-bar-right .columns {
display: flex;
background-color: #222;
align-items: center;
justify-content: space-evenly;
}
#top-bar-left {
width: initial;
}
.top-bar-section {
flex-grow: 1;
}
.has-form {
flex-grow: 1;
padding: 0.5em !important;
}
#top-bar-right {
justify-content: space-between;
flex-grow: 1;
}
.top-bar input {
padding-top: 8px;
flex-grow: 1;
height: 2em;
box-sizing: border-box;
border: 0;
outline: 0;
}
.button.search {
background-color: transparent;
border-style: solid;
border-width: 2px;
border-image: linear-gradient(to right, var(--color-a), var(--color-b));
border-image-slice: 1;
top: 2px !important;
position: relative;
margin-left: 0px !important;
box-sizing: border-box;
padding: 0;
width: 80px;
height: 2em;
margin: 0;
top: 0 !important;
}
.button.search:hover {
background-color: var(--color-a);
}
.suggestions-result-current {
background-color: var(--color-b) !important;
}

.top-bar .toggle-topbar a {
text-transform: lowercase;
font-size: 1em;
}

#toc, .toc {
float: right;
margin-left: 1em;
max-width: 45%;
background-color: var(--accent-bg);
border-radius: 5px;
}
.toctitle {
margin-bottom: -1em;
}
#toc h2 {
margin-top: 0.25em;
font-size: 1em;
display: inline-block;
margin-right: 0.5em;
}
#toc ul {
margin: 0;
}
.tocnumber:after {
content: " – ";
}

table.infobox {
width: initial;
max-width: 45%;
}
table.infobox th.head {
background-color: var(--color-b);
}
th, td {
padding: 0.5em !important;
}

li {
line-height: initial;
}

.mw-category-generated {
margin-top: 2em;
}

/* if no content but only listing subcategories */
.mw-parser-output:empty + .mw-category-generated h2 {
display: none;
}

/* If only one subcategory, don't list the initial */
.mw-category-generated #mw-pages div:only-of-type h3,
#mw-subcategories div:only-of-type h3 {
/*display: none;*/
}

/* removes counting of categories */
.mw-category-generated #mw-pages p:first-of-type,
#mw-subcategories p:first-of-type {
display: none;
}

.group {
margin-top: 5em;
}
#catlinks .label {
border-width: 2px;
border-style: solid;
background-color: transparent;
padding: 2px 6px !important;
}

/* HEADER ------------------------------------------------------------------ */
.title-name {
font-family: var(--font-title);
font-weight: bold;
}
.title-name:hover {
color: var(--color-a);
}

.top-bar-section .has-form {
background-color: #222 !important;
}
.top-bar-section .has-dropdown > a::after {
display: none;
}
.top-bar-section .has-dropdown > a {
padding-right: initial !important;
}
.top-bar-section .dropdown li {
width: initial;
/*height: 2em;*/
position: relative;
padding: 0;
border-bottom: 1px solid lightgray;
}
.top-bar-section ul li {
padding: 0 0.5em;
background-color: #222;
}
.top-bar-section ul li:hover {
z-index: 1000;
}
.top-bar-section ul li > a {
font-size: 16px;
padding: 0;
font-weight: bold;
}

li#p-menu > a {
text-transform: uppercase;
padding: 0;
}
li#p-menu > a + ul li {
outline: 1px solid #00a393;
}

.top-bar-section .dropdown li:not(.has-form):not(.active):hover > a:not(.button) {
background: linear-gradient(90deg,var(--color-a), var(--color-b));
}
li#p-menu + li.has-dropdown {
width: 3em;
text-align: center;
}
li#p-menu + li.has-dropdown > a {
border-radius: 100%;
padding: 0;
text-align: center;
line-height: 30px;
margin: auto;
display: inline-block;
width: 30px;
box-sizing: border-box;
height: 30px;
}
.not-logged-in #top-bar-right li:nth-child(3) {
display: none;
}

#toolbox-dropdown li, #personal-tools-dropdown .dropdown li {
float: right;
}

.back h5 {
font-size: 2em !important;
}
a.parent-link {
color: var(--color-b) !important;
font-weight: bold !important;
}

/* CONTENT ------------------------------------------------------------------ */
#page-content {
margin: 1em;
color: var(--text);
}
#english {
position: relative;
top: -1.5em;
}

h1, h2, h3, h4, h5, h6 {
margin-top: 1em;
color: var(--color-b);
line-height: 1.5em;
font-family: var(--font-body);
}
h1, h1#firstHeading, h2 {
font-family: var(--font-title);
font-size: 1.5em;
}
h2 {
font-family: var(--font-title);
}

h1 {
color: var(--color-a);
}
h2 span {
display: initial;
}
h3 {
font-family: var(--font-title);
font-size: 1em;
}
body.action-view #page-content a {
border-image: linear-gradient(to right, var(--color-a), var(--color-b));
border-bottom-width: 2px;
border-image-slice: 1;
color: var(--text);
border-bottom-style: solid;
padding: 3px 5px 1px;

}
#page-content a:hover,
#catlinks .label:hover {
background-color: var(--color-a);
color: white !important;
}
/* Removes user name */
h3#tagline {
display: none;
}
#bodyContent {
margin-top: 3em;
}

#page-content ul, #page-content ol {
font-size: 1em;
margin-top: calc( var(--line-height) / 2) !important;
margin-bottom: calc( var(--line-height) / 1) !important;
}
div {
line-height: 1.4em ;
}
label {
color: var(--text-light);
}
label[for="wpCaptchaWord"]{
background-color: orangered;
}
code, pre {
color: darkgrey;
background-color: #181818;
border: 1px solid darkgrey;
border-radius:3px;
font-size: 0.8em;
padding: 1ch;
}

/* ACTUALITÉS ------------------------------------------------------------------ */
.medialisting {
display: flex;
flex-wrap: wrap;
}
.medialisting a {
border: 0 !important;
}
.Media {
display: flex;
align-items: flex-start;
margin-bottom: 1em;
flex-direction: column;
flex-basis: 32%;
box-sizing: border-box;
justify-content: center;
padding: 0.5em;
background: radial-gradient(var(--color-a) -31%, transparent 60%);
}
.Media:nth-child(2n) {
background: radial-gradient(var(--color-b) -31%, transparent 60%);
}
.Media-body {
flex: initial;
}

.flexgal {
display: flex;
flex-wrap: wrap;
}

/* THUMBNAILS ------------------------------------------------------------------ */
.thumbinner {
background-color: var(--accent-bg);
}
.thumb.tleft {
margin-right: 2em;
}
.Media-figure a,
.image.fancybox {
display: inline-block;
}
.magnify a {
text-indent: 0;
width: 25px;
height: 25px;
border-style: solid;
border-width: 2px;
line-height: 15px;
}
.magnify a:before {
content: "+";
font-family: FontAwesome;
font-size: 20px;
}

/* MEDIA QUERIES ------------------------------------------------------------------ */
@media (max-width: 800px) {
div.tleft, div.floatleft, table.floatleft {
width: 100%;
margin-bottom: 3em;
}
#toc {
max-width: initial;
width: 100%;
margin-left: 0;

}
}
@media only screen and (max-width: 600px) {
.top-bar,
.top-bar-section,
#top-bar-right,
#top-bar-right .columns {
display: inherit;
}
.top-bar.expanded {
flex-wrap: wrap;
}
.top-bar.expanded .title-area {
display: flex;
flex-grow: 1;
justify-content: space-between;
}
.top-bar.expanded .top-bar,
.top-bar.expanded .top-bar-section,
.top-bar.expanded #top-bar-right,
.top-bar.expanded #top-bar-right .columns {
display: flex;
align-items: center;
flex-wrap: wrap;
}
.divider.show-for-small {
display: none !important;
}

.top-bar-section #top-bar-left{
padding: 10px 0 0 0;
}
.top-bar-section #top-bar-left li {
margin: 0 5px 0 5px;
}

}

/* Formulaire d'edition ------------------------------------------------------------------ */
#editform
{
margin-top: -5vh;
}

MediaWiki:Ouroboros.css

2024-02-05T13:25:03Z

Dobody :

/*
_ ______ _____ _ _______ _ _ _________ _ _ ______ __ __ ______
| | | ____| / ____| |/ /_ _| \ | | / /__ __| | | | ____| \/ | ____|
| | | |__ | (___ | ' / | | | \| | / / | | | |__| | |__ | \ / | |__
| | | __| \___ \| < | | | . ` | / / | | | __ | __| | |\/| | __|
| |____| |____ ____) | . \ _| |_| |\ |/ / | | | | | | |____| | | | |____
|______|______|_|_____/|_|\_\_____|_|_\_/_/___ _ |_| |_| |_|______|_| |_|______|
/ __ \| ____| ____|_ _/ ____|_ _| ____| |
| | | | |__ | |__ | || | | | | |__ | |
| | | | __| | __| | || | | | | __| | |
| |__| | | | | _| || |____ _| |_| |____| |____
\____/|_|____|_| |_____\_____|_____|______|______|
| __ \| ____|
| | | | |__
| | | | __|
| |__| | |____
|_____/|______|_ _____ _____
| | | ____| __ \ / ____|
| | | |__ | |__) | | __
| | | __| | _ /| | |_ |
| |____ | |____| | \ \| |__| |
|______| |______|_| \_\\_____|

*/

@font-face {
font-family: AntiqueNoble;
src: url("/mw/skins/ouroboros/assets/fonts/antiquenoblebold.woff");
}

@font-face {
font-family: Combined;
src: url("/mw/skins/ouroboros/assets/fonts/combined.otf");
}
@font-face {
font-family: Lucette;
src: url("/mw/skins/ouroboros/assets/fonts/LUCETTE/font/otf/Lucette-Regular.otf");
src: url("/mw/skins/ouroboros/assets/fonts/LUCETTE/font/ttf/Lucette-Regular.ttf");
src: url("/mw/skins/ouroboros/assets/fonts/LUCETTE/font/woff/Lucette-Regular.woff");
src: url("/mw/skins/ouroboros/assets/fonts/LUCETTE/font/woff2/Lucette-Regular.woff2");
}
@font-face {
font-family: Lucette;
src: url("/mw/skins/ouroboros/assets/fonts/LUCETTE/font/otf/Lucette-Regularitalic.otf");
src: url("/mw/skins/ouroboros/assets/fonts/LUCETTE/font/ttf/Lucette-Regularitalic.ttf");
src: url("/mw/skins/ouroboros/assets/fonts/LUCETTE/font/woff/Lucette-Regularitalic.woff");
src: url("/mw/skins/ouroboros/assets/fonts/LUCETTE/font/woff2/Lucette-Regularitalic.woff2");
font-style: italic;
}

@font-face {
font-family: Ductus;
src: url("/mw/skins/ouroboros/assets/fonts/ductus/webfonts/DuctusRegular.woff");
src: url("/mw/skins/ouroboros/assets/fonts/ductus/webfonts/DuctusRegular.woff2");
}
/*
@font-face {
font-family: Vega;
src: url("/mw/skins/ouroboros/assets/fonts/otf/Vega-Regular.otf");
src: url("/mw/skins/ouroboros/assets/fonts/Vega-Regular.ttf") format("truetype");
src: url("/mw/skins/ouroboros/assets/fonts/Vega-Regular-Webfont.svg" format("svg"));
src: url("/mw/skins/ouroboros/assets/fonts/Vega-Regular.woff" format("woff"));
src: url("/mw/skins/ouroboros/assets/fonts/Vega-Regular.woff2") format("woff2");
}
*/

/* Global variables. */
:root,
::backdrop {
/* Set sans-serif & mono fonts */
--sans-font: -apple-system, BlinkMacSystemFont, "Avenir Next", Avenir,
"Nimbus Sans L", Roboto, "Noto Sans", "Segoe UI", Arial, Helvetica,
"Helvetica Neue", sans-serif;
--mono-font: Consolas, Menlo, Monaco, "Andale Mono", "Ubuntu Mono", monospace;
--standard-border-radius: 5px;

/* Default (light) theme */
--bg: #fff;
--accent-bg: #f5f7ff;
--text: #212121;
--text-light: #585858;
--border: #898EA4;
--accent: #0d47a1;
--accent-hover: #1266e2;
--accent-text: var(--bg);
--code: #d81b60;
--preformatted: #444;
--marked: #ffdd33;
--disabled: #efefef;

--font-title: Ductus;
--font-body: Lucette;
--color-a: #a700ff; /* purple */
--color-b: #00ab6b; /* green */
--font-size: 15pt;
--line-height: 1.3em;
}

/* Dark theme */
@media (prefers-color-scheme: dark) {
:root,
::backdrop {
color-scheme: dark;
--bg: #222;
--accent-bg: #2b2b2b;
--text: #dcdcdc;
--text-light: #ababab;
--accent: #ffb300;
--accent-hover: #ffe099;
--accent-text: var(--bg);
--code: #f06292;
--preformatted: #ccc;
--disabled: #111;

--font-title: Ductus;
--font-body: Lucette;
--color-a: #9557b5; /* washed-off purple */
--color-b: #3c856b; /* washed-off green */
--font-size: 15pt;
--line-height: 1.3em;
}
}

/* Reset box-sizing */
*, *::before, *::after {
box-sizing: border-box;
}

body {
font-family: var(--font-body);
font-size: var(--font-size);
line-height: var(--line-height);
padding-top: 3em;
background-color: var(--bg);
color: var(--text);
border-right: 2px solid #3a3a3a;
}
p {
font-size: var(--font-size);
line-height: var(--line-height);
margin-bottom: 0;
}
p + p {
margin-top: var(--line-height);
}

/* INTERFACE ------------------------------------------------------------------ */
/* remove category help button (does it remove other stuff? mmm...) */
#mw-indicator-mw-helplink {
display: none;
}

/* Menu bar, position fixed to be able to grab it to resize the map on mobile devices */
#navwrapper {
position: fixed;
top: 0;
right: 0;
z-index: 1000;
left: 0;
}

h4.namespace.label {
display: none;
}

.mw-editsection, .mw-editsection-like {
font-size: 10px;
}

#actions {
left: initial !important;
right: 14px;
top: -21px;
background-color: var(--accent-bg);
border: 1px solid var(--text-light);
color: var(--text-light);
}
a#actions-button {
margin-top: -1em;
background-color: var(--accent-bg);
padding: 5px;
color: var(--text-light);
}
.fa,
button, .button,
.top-bar-section ul li > a {
font-family: var(--font-body);
}
.fa::before {
font-family: FontAwesome;
}

.top-bar,
.top-bar-section,
#top-bar-left,
#top-bar-right,
#top-bar-right .columns {
display: flex;
background-color: #222;
align-items: center;
justify-content: space-evenly;
}
#top-bar-left {
width: initial;
}
.top-bar-section {
flex-grow: 1;
}
.has-form {
flex-grow: 1;
padding: 0.5em !important;
}
#top-bar-right {
justify-content: space-between;
flex-grow: 1;
}
.top-bar input {
padding-top: 8px;
flex-grow: 1;
height: 2em;
box-sizing: border-box;
border: 0;
outline: 0;
}
.button.search {
background-color: transparent;
border-style: solid;
border-width: 2px;
border-image: linear-gradient(to right, var(--color-a), var(--color-b));
border-image-slice: 1;
top: 2px !important;
position: relative;
margin-left: 0px !important;
box-sizing: border-box;
padding: 0;
width: 80px;
height: 2em;
margin: 0;
top: 0 !important;
}
.button.search:hover {
background-color: var(--color-a);
}
.suggestions-result-current {
background-color: var(--color-b) !important;
}

.top-bar .toggle-topbar a {
text-transform: lowercase;
font-size: 1em;
}

#toc, .toc {
float: right;
margin-left: 1em;
max-width: 45%;
background-color: var(--accent-bg);
border-radius: 5px;
}
.toctitle {
margin-bottom: -1em;
}
#toc h2 {
margin-top: 0.25em;
font-size: 1em;
display: inline-block;
margin-right: 0.5em;
}
#toc ul {
margin: 0;
}
.tocnumber:after {
content: " – ";
}

table.infobox {
width: initial;
max-width: 45%;
}
table.infobox th.head {
background-color: var(--color-b);
}
th, td {
padding: 0.5em !important;
}

li {
line-height: initial;
}

.mw-category-generated {
margin-top: 2em;
}

/* if no content but only listing subcategories */
.mw-parser-output:empty + .mw-category-generated h2 {
display: none;
}

/* If only one subcategory, don't list the initial */
.mw-category-generated #mw-pages div:only-of-type h3,
#mw-subcategories div:only-of-type h3 {
/*display: none;*/
}

/* removes counting of categories */
.mw-category-generated #mw-pages p:first-of-type,
#mw-subcategories p:first-of-type {
display: none;
}

.group {
margin-top: 5em;
}
#catlinks .label {
border-width: 2px;
border-style: solid;
background-color: transparent;
padding: 2px 6px !important;
}

/* HEADER ------------------------------------------------------------------ */
.title-name {
font-family: var(--font-title);
font-weight: bold;
}
.title-name:hover {
color: var(--color-a);
}

.top-bar-section .has-form {
background-color: #222 !important;
}
.top-bar-section .has-dropdown > a::after {
display: none;
}
.top-bar-section .has-dropdown > a {
padding-right: initial !important;
}
.top-bar-section .dropdown li {
width: initial;
/*height: 2em;*/
position: relative;
padding: 0;
border-bottom: 1px solid lightgray;
}
.top-bar-section ul li {
padding: 0 0.5em;
background-color: #222;
}
.top-bar-section ul li:hover {
z-index: 1000;
}
.top-bar-section ul li > a {
font-size: 16px;
padding: 0;
font-weight: bold;
}

li#p-menu > a {
text-transform: uppercase;
padding: 0;
}
li#p-menu > a + ul li {
outline: 1px solid #00a393;
}

.top-bar-section .dropdown li:not(.has-form):not(.active):hover > a:not(.button) {
background: linear-gradient(90deg,var(--color-a), var(--color-b));
}
li#p-menu + li.has-dropdown {
width: 3em;
text-align: center;
}
li#p-menu + li.has-dropdown > a {
border-radius: 100%;
padding: 0;
text-align: center;
line-height: 30px;
margin: auto;
display: inline-block;
width: 30px;
box-sizing: border-box;
height: 30px;
}
.not-logged-in #top-bar-right li:nth-child(3) {
display: none;
}

#toolbox-dropdown li, #personal-tools-dropdown .dropdown li {
float: right;
}

.back h5 {
font-size: 2em !important;
}
a.parent-link {
color: var(--color-b) !important;
font-weight: bold !important;
}

/* CONTENT ------------------------------------------------------------------ */
#page-content {
margin: 1em;
color: var(--text);
}
#english {
position: relative;
top: -1.5em;
}

h1, h2, h3, h4, h5, h6 {
margin-top: 1em;
color: var(--color-b);
line-height: 1.5em;
font-family: var(--font-body);
}
h1, h1#firstHeading, h2 {
font-family: var(--font-title);
font-size: 1.5em;
}
h2 {
font-family: var(--font-title);
}

h1 {
color: var(--color-a);
}
h2 span {
display: initial;
}
h3 {
font-family: var(--font-title);
font-size: 1em;
}
body.action-view #page-content a {
border-image: linear-gradient(to right, var(--color-a), var(--color-b));
border-bottom-width: 2px;
border-image-slice: 1;
color: var(--text);
border-bottom-style: solid;
padding: 3px 5px 1px;

}
#page-content a:hover,
#catlinks .label:hover {
background-color: var(--color-a);
color: white !important;
}
/* Removes user name */
h3#tagline {
display: none;
}
#bodyContent {
margin-top: 3em;
}

#page-content ul, #page-content ol {
font-size: 1em;
margin-top: calc( var(--line-height) / 2) !important;
margin-bottom: calc( var(--line-height) / 1) !important;
}
div {
line-height: 1.4em ;
}
label {
color: var(--text-light);
}
label[for="wpCaptchaWord"]{
background-color: orangered;
}
code, pre {
color: darkgrey;
background-color: #181818;
border: 1px solid darkgrey;
border-radius:3px;
font-size: 0.8em;
padding: 1ch;
}

/* ACTUALITÉS ------------------------------------------------------------------ */
.medialisting {
display: flex;
flex-wrap: wrap;
}
.medialisting a {
border: 0 !important;
}
.Media {
display: flex;
align-items: flex-start;
margin-bottom: 1em;
flex-direction: column;
flex-basis: 32%;
box-sizing: border-box;
justify-content: center;
padding: 0.5em;
background: radial-gradient(var(--color-a) -31%, transparent 60%);
}
.Media:nth-child(2n) {
background: radial-gradient(var(--color-b) -31%, transparent 60%);
}
.Media-body {
flex: initial;
}

.flexgal {
display: flex;
flex-wrap: wrap;
}

/* THUMBNAILS ------------------------------------------------------------------ */
.thumbinner {
background-color: var(--accent-bg);
}
.thumb.tleft {
margin-right: 2em;
}
.Media-figure a,
.image.fancybox {
display: inline-block;
}
.magnify a {
text-indent: 0;
width: 25px;
height: 25px;
border-style: solid;
border-width: 2px;
line-height: 15px;
}
.magnify a:before {
content: "+";
font-family: FontAwesome;
font-size: 20px;
}

/* MEDIA QUERIES ------------------------------------------------------------------ */
@media (max-width: 800px) {
div.tleft, div.floatleft, table.floatleft {
width: 100%;
margin-bottom: 3em;
}
#toc {
max-width: initial;
width: 100%;
margin-left: 0;

}
}
@media only screen and (max-width: 600px) {
.top-bar,
.top-bar-section,
#top-bar-right,
#top-bar-right .columns {
display: inherit;
}
.top-bar.expanded {
flex-wrap: wrap;
}
.top-bar.expanded .title-area {
display: flex;
flex-grow: 1;
justify-content: space-between;
}
.top-bar.expanded .top-bar,
.top-bar.expanded .top-bar-section,
.top-bar.expanded #top-bar-right,
.top-bar.expanded #top-bar-right .columns {
display: flex;
align-items: center;
flex-wrap: wrap;
}
.divider.show-for-small {
display: none !important;
}

.top-bar-section .top-bar-left{
padding: 10px 0 0 0;
}
.top-bar-section .top-bar-left li {
margin: 0 5px 0 5px;
}

}

/* Formulaire d'edition ------------------------------------------------------------------ */
#editform
{
margin-top: -5vh;
}

MediaWiki:Ouroboros.css

2024-02-05T13:06:09Z

Dobody :

/*
_ ______ _____ _ _______ _ _ _________ _ _ ______ __ __ ______
| | | ____| / ____| |/ /_ _| \ | | / /__ __| | | | ____| \/ | ____|
| | | |__ | (___ | ' / | | | \| | / / | | | |__| | |__ | \ / | |__
| | | __| \___ \| < | | | . ` | / / | | | __ | __| | |\/| | __|
| |____| |____ ____) | . \ _| |_| |\ |/ / | | | | | | |____| | | | |____
|______|______|_|_____/|_|\_\_____|_|_\_/_/___ _ |_| |_| |_|______|_| |_|______|
/ __ \| ____| ____|_ _/ ____|_ _| ____| |
| | | | |__ | |__ | || | | | | |__ | |
| | | | __| | __| | || | | | | __| | |
| |__| | | | | _| || |____ _| |_| |____| |____
\____/|_|____|_| |_____\_____|_____|______|______|
| __ \| ____|
| | | | |__
| | | | __|
| |__| | |____
|_____/|______|_ _____ _____
| | | ____| __ \ / ____|
| | | |__ | |__) | | __
| | | __| | _ /| | |_ |
| |____ | |____| | \ \| |__| |
|______| |______|_| \_\\_____|

*/

@font-face {
font-family: AntiqueNoble;
src: url("/mw/skins/ouroboros/assets/fonts/antiquenoblebold.woff");
}

@font-face {
font-family: Combined;
src: url("/mw/skins/ouroboros/assets/fonts/combined.otf");
}
@font-face {
font-family: Lucette;
src: url("/mw/skins/ouroboros/assets/fonts/LUCETTE/font/otf/Lucette-Regular.otf");
src: url("/mw/skins/ouroboros/assets/fonts/LUCETTE/font/ttf/Lucette-Regular.ttf");
src: url("/mw/skins/ouroboros/assets/fonts/LUCETTE/font/woff/Lucette-Regular.woff");
src: url("/mw/skins/ouroboros/assets/fonts/LUCETTE/font/woff2/Lucette-Regular.woff2");
}
@font-face {
font-family: Lucette;
src: url("/mw/skins/ouroboros/assets/fonts/LUCETTE/font/otf/Lucette-Regularitalic.otf");
src: url("/mw/skins/ouroboros/assets/fonts/LUCETTE/font/ttf/Lucette-Regularitalic.ttf");
src: url("/mw/skins/ouroboros/assets/fonts/LUCETTE/font/woff/Lucette-Regularitalic.woff");
src: url("/mw/skins/ouroboros/assets/fonts/LUCETTE/font/woff2/Lucette-Regularitalic.woff2");
font-style: italic;
}

@font-face {
font-family: Ductus;
src: url("/mw/skins/ouroboros/assets/fonts/ductus/webfonts/DuctusRegular.woff");
src: url("/mw/skins/ouroboros/assets/fonts/ductus/webfonts/DuctusRegular.woff2");
}
/*
@font-face {
font-family: Vega;
src: url("/mw/skins/ouroboros/assets/fonts/otf/Vega-Regular.otf");
src: url("/mw/skins/ouroboros/assets/fonts/Vega-Regular.ttf") format("truetype");
src: url("/mw/skins/ouroboros/assets/fonts/Vega-Regular-Webfont.svg" format("svg"));
src: url("/mw/skins/ouroboros/assets/fonts/Vega-Regular.woff" format("woff"));
src: url("/mw/skins/ouroboros/assets/fonts/Vega-Regular.woff2") format("woff2");
}
*/

/* Global variables. */
:root,
::backdrop {
/* Set sans-serif & mono fonts */
--sans-font: -apple-system, BlinkMacSystemFont, "Avenir Next", Avenir,
"Nimbus Sans L", Roboto, "Noto Sans", "Segoe UI", Arial, Helvetica,
"Helvetica Neue", sans-serif;
--mono-font: Consolas, Menlo, Monaco, "Andale Mono", "Ubuntu Mono", monospace;
--standard-border-radius: 5px;

/* Default (light) theme */
--bg: #fff;
--accent-bg: #f5f7ff;
--text: #212121;
--text-light: #585858;
--border: #898EA4;
--accent: #0d47a1;
--accent-hover: #1266e2;
--accent-text: var(--bg);
--code: #d81b60;
--preformatted: #444;
--marked: #ffdd33;
--disabled: #efefef;

--font-title: Ductus;
--font-body: Lucette;
--color-a: #a700ff; /* purple */
--color-b: #00ab6b; /* green */
--font-size: 15pt;
--line-height: 1.3em;
}

/* Dark theme */
@media (prefers-color-scheme: dark) {
:root,
::backdrop {
color-scheme: dark;
--bg: #222;
--accent-bg: #2b2b2b;
--text: #dcdcdc;
--text-light: #ababab;
--accent: #ffb300;
--accent-hover: #ffe099;
--accent-text: var(--bg);
--code: #f06292;
--preformatted: #ccc;
--disabled: #111;

--font-title: Ductus;
--font-body: Lucette;
--color-a: #9557b5; /* washed-off purple */
--color-b: #3c856b; /* washed-off green */
--font-size: 15pt;
--line-height: 1.3em;
}
}

/* Reset box-sizing */
*, *::before, *::after {
box-sizing: border-box;
}

body {
font-family: var(--font-body);
font-size: var(--font-size);
line-height: var(--line-height);
padding-top: 3em;
background-color: var(--bg);
color: var(--text);
border-right: 2px solid #3a3a3a;
}
p {
font-size: var(--font-size);
line-height: var(--line-height);
margin-bottom: 0;
}
p + p {
margin-top: var(--line-height);
}

/* INTERFACE ------------------------------------------------------------------ */
/* remove category help button (does it remove other stuff? mmm...) */
#mw-indicator-mw-helplink {
display: none;
}

/* Menu bar, position fixed to be able to grab it to resize the map on mobile devices */
#navwrapper {
position: fixed;
top: 0;
right: 0;
z-index: 1000;
left: 0;
}

h4.namespace.label {
display: none;
}

.mw-editsection, .mw-editsection-like {
font-size: 10px;
}

#actions {
left: initial !important;
right: 14px;
top: -21px;
background-color: var(--accent-bg);
border: 1px solid var(--text-light);
color: var(--text-light);
}
a#actions-button {
margin-top: -1em;
background-color: var(--accent-bg);
padding: 5px;
color: var(--text-light);
}
.fa,
button, .button,
.top-bar-section ul li > a {
font-family: var(--font-body);
}
.fa::before {
font-family: FontAwesome;
}

.top-bar,
.top-bar-section,
#top-bar-left,
#top-bar-right,
#top-bar-right .columns {
display: flex;
background-color: #222;
align-items: center;
justify-content: space-evenly;
}
#top-bar-left {
width: initial;
}
.top-bar-section {
flex-grow: 1;
}
.has-form {
flex-grow: 1;
padding: 0.5em !important;
}
#top-bar-right {
justify-content: space-between;
flex-grow: 1;
}
.top-bar input {
padding-top: 8px;
flex-grow: 1;
height: 2em;
box-sizing: border-box;
border: 0;
outline: 0;
}
.button.search {
background-color: transparent;
border-style: solid;
border-width: 2px;
border-image: linear-gradient(to right, var(--color-a), var(--color-b));
border-image-slice: 1;
top: 2px !important;
position: relative;
margin-left: 0px !important;
box-sizing: border-box;
padding: 0;
width: 80px;
height: 2em;
margin: 0;
top: 0 !important;
}
.button.search:hover {
background-color: var(--color-a);
}
.suggestions-result-current {
background-color: var(--color-b) !important;
}

.top-bar .toggle-topbar a {
text-transform: lowercase;
font-size: 1em;
}

#toc, .toc {
float: right;
margin-left: 1em;
max-width: 45%;
background-color: var(--accent-bg);
border-radius: 5px;
}
.toctitle {
margin-bottom: -1em;
}
#toc h2 {
margin-top: 0.25em;
font-size: 1em;
display: inline-block;
margin-right: 0.5em;
}
#toc ul {
margin: 0;
}
.tocnumber:after {
content: " – ";
}

table.infobox {
width: initial;
max-width: 45%;
}
table.infobox th.head {
background-color: var(--color-b);
}
th, td {
padding: 0.5em !important;
}

li {
line-height: initial;
}

.mw-category-generated {
margin-top: 2em;
}

/* if no content but only listing subcategories */
.mw-parser-output:empty + .mw-category-generated h2 {
display: none;
}

/* If only one subcategory, don't list the initial */
.mw-category-generated #mw-pages div:only-of-type h3,
#mw-subcategories div:only-of-type h3 {
/*display: none;*/
}

/* removes counting of categories */
.mw-category-generated #mw-pages p:first-of-type,
#mw-subcategories p:first-of-type {
display: none;
}

.group {
margin-top: 5em;
}
#catlinks .label {
border-width: 2px;
border-style: solid;
background-color: transparent;
padding: 2px 6px !important;
}

/* HEADER ------------------------------------------------------------------ */
.title-name {
font-family: var(--font-title);
font-weight: bold;
}
.title-name:hover {
color: var(--color-a);
}

.top-bar-section .has-form {
background-color: #222 !important;
}
.top-bar-section .has-dropdown > a::after {
display: none;
}
.top-bar-section .has-dropdown > a {
padding-right: initial !important;
}
.top-bar-section .dropdown li {
width: initial;
/*height: 2em;*/
position: relative;
padding: 0;
border-bottom: 1px solid lightgray;
}
.top-bar-section ul li {
padding: 0 0.5em;
background-color: #222;
}
.top-bar-section ul li:hover {
z-index: 1000;
}
.top-bar-section ul li > a {
font-size: 16px;
padding: 0;
font-weight: bold;
}

li#p-menu > a {
text-transform: uppercase;
padding: 0;
}
li#p-menu > a + ul li {
outline: 1px solid #00a393;
}

.top-bar-section .dropdown li:not(.has-form):not(.active):hover > a:not(.button) {
background: linear-gradient(90deg,var(--color-a), var(--color-b));
}
li#p-menu + li.has-dropdown {
width: 3em;
text-align: center;
}
li#p-menu + li.has-dropdown > a {
border-radius: 100%;
padding: 0;
text-align: center;
line-height: 30px;
margin: auto;
display: inline-block;
width: 30px;
box-sizing: border-box;
height: 30px;
}
.not-logged-in #top-bar-right li:nth-child(3) {
display: none;
}

#toolbox-dropdown li, #personal-tools-dropdown .dropdown li {
float: right;
}

.back h5 {
font-size: 2em !important;
}
a.parent-link {
color: var(--color-b) !important;
font-weight: bold !important;
}

/* CONTENT ------------------------------------------------------------------ */
#page-content {
margin: 1em;
color: var(--text);
}
#english {
position: relative;
top: -1.5em;
}

h1, h2, h3, h4, h5, h6 {
margin-top: 1em;
color: var(--color-b);
line-height: 1.5em;
font-family: var(--font-body);
}
h1, h1#firstHeading, h2 {
font-family: var(--font-title);
font-size: 1.5em;
}
h2 {
font-family: var(--font-title);
}

h1 {
color: var(--color-a);
}
h2 span {
display: initial;
}
h3 {
font-family: var(--font-title);
font-size: 1em;
}
body.action-view #page-content a {
border-image: linear-gradient(to right, var(--color-a), var(--color-b));
border-bottom-width: 2px;
border-image-slice: 1;
color: var(--text);
border-bottom-style: solid;
padding: 3px 5px 1px;

}
#page-content a:hover,
#catlinks .label:hover {
background-color: var(--color-a);
color: white !important;
}
/* Removes user name */
h3#tagline {
display: none;
}
#bodyContent {
margin-top: 3em;
}

#page-content ul, #page-content ol {
font-size: 1em;
margin-top: calc( var(--line-height) / 2) !important;
margin-bottom: calc( var(--line-height) / 1) !important;
}
div {
line-height: 1.4em ;
}
label {
color: var(--text-light);
}
label[for="wpCaptchaWord"]{
background-color: orangered;
}
code, pre {
color: darkgrey;
background-color: #181818;
border: 1px solid darkgrey;
border-radius:3px;
font-size: 0.8em;
padding: 1ch;
}

/* ACTUALITÉS ------------------------------------------------------------------ */
.medialisting {
display: flex;
flex-wrap: wrap;
}
.medialisting a {
border: 0 !important;
}
.Media {
display: flex;
align-items: flex-start;
margin-bottom: 1em;
flex-direction: column;
flex-basis: 32%;
box-sizing: border-box;
justify-content: center;
padding: 0.5em;
background: radial-gradient(var(--color-a) -31%, transparent 60%);
}
.Media:nth-child(2n) {
background: radial-gradient(var(--color-b) -31%, transparent 60%);
}
.Media-body {
flex: initial;
}

.flexgal {
display: flex;
flex-wrap: wrap;
}

/* THUMBNAILS ------------------------------------------------------------------ */
.thumbinner {
background-color: var(--accent-bg);
}
.thumb.tleft {
margin-right: 2em;
}
.Media-figure a,
.image.fancybox {
display: inline-block;
}
.magnify a {
text-indent: 0;
width: 25px;
height: 25px;
border-style: solid;
border-width: 2px;
line-height: 15px;
}
.magnify a:before {
content: "+";
font-family: FontAwesome;
font-size: 20px;
}

/* MEDIA QUERIES ------------------------------------------------------------------ */
@media (max-width: 800px) {
div.tleft, div.floatleft, table.floatleft {
width: 100%;
margin-bottom: 3em;
}
#toc {
max-width: initial;
width: 100%;
margin-left: 0;

}
}
@media only screen and (max-width: 600px) {
.top-bar,
.top-bar-section,
#top-bar-right,
#top-bar-right .columns {
display: inherit;
}
.top-bar.expanded {
flex-wrap: wrap;
}
.top-bar.expanded .title-area {
display: flex;
flex-grow: 1;
justify-content: space-between;
}
.top-bar.expanded .top-bar,
.top-bar.expanded .top-bar-section,
.top-bar.expanded #top-bar-right,
.top-bar.expanded #top-bar-right .columns {
display: flex;
align-items: center;
flex-wrap: wrap;
}
.divider.show-for-small {
display: none !important;
}
}

/* Formulaire d'edition ------------------------------------------------------------------ */
#editform
{
margin-top: -5vh;
}

MediaWiki:Ouroboros.css

2024-02-05T12:54:01Z

Dobody :

/*
_ ______ _____ _ _______ _ _ _________ _ _ ______ __ __ ______
| | | ____| / ____| |/ /_ _| \ | | / /__ __| | | | ____| \/ | ____|
| | | |__ | (___ | ' / | | | \| | / / | | | |__| | |__ | \ / | |__
| | | __| \___ \| < | | | . ` | / / | | | __ | __| | |\/| | __|
| |____| |____ ____) | . \ _| |_| |\ |/ / | | | | | | |____| | | | |____
|______|______|_|_____/|_|\_\_____|_|_\_/_/___ _ |_| |_| |_|______|_| |_|______|
/ __ \| ____| ____|_ _/ ____|_ _| ____| |
| | | | |__ | |__ | || | | | | |__ | |
| | | | __| | __| | || | | | | __| | |
| |__| | | | | _| || |____ _| |_| |____| |____
\____/|_|____|_| |_____\_____|_____|______|______|
| __ \| ____|
| | | | |__
| | | | __|
| |__| | |____
|_____/|______|_ _____ _____
| | | ____| __ \ / ____|
| | | |__ | |__) | | __
| | | __| | _ /| | |_ |
| |____ | |____| | \ \| |__| |
|______| |______|_| \_\\_____|

*/

@font-face {
font-family: AntiqueNoble;
src: url("/mw/skins/ouroboros/assets/fonts/antiquenoblebold.woff");
}

@font-face {
font-family: Combined;
src: url("/mw/skins/ouroboros/assets/fonts/combined.otf");
}
@font-face {
font-family: Lucette;
src: url("/mw/skins/ouroboros/assets/fonts/LUCETTE/font/otf/Lucette-Regular.otf");
src: url("/mw/skins/ouroboros/assets/fonts/LUCETTE/font/ttf/Lucette-Regular.ttf");
src: url("/mw/skins/ouroboros/assets/fonts/LUCETTE/font/woff/Lucette-Regular.woff");
src: url("/mw/skins/ouroboros/assets/fonts/LUCETTE/font/woff2/Lucette-Regular.woff2");
}
@font-face {
font-family: Lucette;
src: url("/mw/skins/ouroboros/assets/fonts/LUCETTE/font/otf/Lucette-Regularitalic.otf");
src: url("/mw/skins/ouroboros/assets/fonts/LUCETTE/font/ttf/Lucette-Regularitalic.ttf");
src: url("/mw/skins/ouroboros/assets/fonts/LUCETTE/font/woff/Lucette-Regularitalic.woff");
src: url("/mw/skins/ouroboros/assets/fonts/LUCETTE/font/woff2/Lucette-Regularitalic.woff2");
font-style: italic;
}

@font-face {
font-family: Ductus;
src: url("/mw/skins/ouroboros/assets/fonts/ductus/webfonts/DuctusRegular.woff");
src: url("/mw/skins/ouroboros/assets/fonts/ductus/webfonts/DuctusRegular.woff2");
}
/*
@font-face {
font-family: Vega;
src: url("/mw/skins/ouroboros/assets/fonts/otf/Vega-Regular.otf");
src: url("/mw/skins/ouroboros/assets/fonts/Vega-Regular.ttf") format("truetype");
src: url("/mw/skins/ouroboros/assets/fonts/Vega-Regular-Webfont.svg" format("svg"));
src: url("/mw/skins/ouroboros/assets/fonts/Vega-Regular.woff" format("woff"));
src: url("/mw/skins/ouroboros/assets/fonts/Vega-Regular.woff2") format("woff2");
}
*/

/* Global variables. */
:root,
::backdrop {
/* Set sans-serif & mono fonts */
--sans-font: -apple-system, BlinkMacSystemFont, "Avenir Next", Avenir,
"Nimbus Sans L", Roboto, "Noto Sans", "Segoe UI", Arial, Helvetica,
"Helvetica Neue", sans-serif;
--mono-font: Consolas, Menlo, Monaco, "Andale Mono", "Ubuntu Mono", monospace;
--standard-border-radius: 5px;

/* Default (light) theme */
--bg: #fff;
--accent-bg: #f5f7ff;
--text: #212121;
--text-light: #585858;
--border: #898EA4;
--accent: #0d47a1;
--accent-hover: #1266e2;
--accent-text: var(--bg);
--code: #d81b60;
--preformatted: #444;
--marked: #ffdd33;
--disabled: #efefef;

--font-title: Ductus;
--font-body: Lucette;
--color-a: #a700ff; /* purple */
--color-b: #00ab6b; /* green */
--font-size: 15pt;
--line-height: 1.3em;
}

/* Dark theme */
@media (prefers-color-scheme: dark) {
:root,
::backdrop {
color-scheme: dark;
--bg: #222;
--accent-bg: #2b2b2b;
--text: #dcdcdc;
--text-light: #ababab;
--accent: #ffb300;
--accent-hover: #ffe099;
--accent-text: var(--bg);
--code: #f06292;
--preformatted: #ccc;
--disabled: #111;

--font-title: Ductus;
--font-body: Lucette;
--color-a: #9557b5; /* washed-off purple */
--color-b: #3c856b; /* washed-off green */
--font-size: 15pt;
--line-height: 1.3em;
}
}

/* Reset box-sizing */
*, *::before, *::after {
box-sizing: border-box;
}

body {
font-family: var(--font-body);
font-size: var(--font-size);
line-height: var(--line-height);
padding-top: 3em;
background-color: var(--bg);
color: var(--text);
border-right: 2px solid #3a3a3a;
}
p {
font-size: var(--font-size);
line-height: var(--line-height);
margin-bottom: 0;
}
p + p {
margin-top: var(--line-height);
}

/* INTERFACE ------------------------------------------------------------------ */
/* remove category help button (does it remove other stuff? mmm...) */
#mw-indicator-mw-helplink {
display: none;
}

/* Menu bar, position fixed to be able to grab it to resize the map on mobile devices */
#navwrapper {
position: fixed;
top: 0;
right: 0;
z-index: 1000;
left: 0;
}

h4.namespace.label {
display: none;
}

.mw-editsection, .mw-editsection-like {
font-size: 10px;
}

#actions {
left: initial !important;
right: 14px;
top: -21px;
background-color: var(--accent-bg);
border: 1px solid var(--text-light);
color: var(--text-light);
}
a#actions-button {
margin-top: -1em;
background-color: var(--accent-bg);
padding: 5px;
color: var(--text-light);
}
.fa,
button, .button,
.top-bar-section ul li > a {
font-family: var(--font-body);
}
.fa::before {
font-family: FontAwesome;
}

.top-bar,
.top-bar-section,
#top-bar-left,
#top-bar-right,
#top-bar-right .columns {
display: flex;
background-color: #222;
align-items: center;
justify-content: space-evenly;
}
#top-bar-left {
width: initial;
}
.top-bar-section {
flex-grow: 1;
}
.has-form {
flex-grow: 1;
padding: 0.5em !important;
}
#top-bar-right {
justify-content: space-between;
flex-grow: 1;
}
.top-bar input {
padding-top: 8px;
flex-grow: 1;
height: 2em;
box-sizing: border-box;
border: 0;
outline: 0;
}
.button.search {
background-color: transparent;
border-style: solid;
border-width: 2px;
border-image: linear-gradient(to right, var(--color-a), var(--color-b));
border-image-slice: 1;
top: 2px !important;
position: relative;
margin-left: 0px !important;
box-sizing: border-box;
padding: 0;
width: 80px;
height: 2em;
margin: 0;
top: 0 !important;
}
.button.search:hover {
background-color: var(--color-a);
}
.suggestions-result-current {
background-color: var(--color-b) !important;
}

.top-bar .toggle-topbar a {
text-transform: lowercase;
font-size: 1em;
}

#toc, .toc {
float: right;
margin-left: 1em;
max-width: 45%;
background-color: var(--accent-bg);
border-radius: 5px;
}
.toctitle {
margin-bottom: -1em;
}
#toc h2 {
margin-top: 0.25em;
font-size: 1em;
display: inline-block;
margin-right: 0.5em;
}
#toc ul {
margin: 0;
}
.tocnumber:after {
content: " – ";
}

table.infobox {
width: initial;
max-width: 45%;
}
table.infobox th.head {
background-color: var(--color-b);
}
th, td {
padding: 0.5em !important;
}

li {
line-height: initial;
}

.mw-category-generated {
margin-top: 2em;
}

/* if no content but only listing subcategories */
.mw-parser-output:empty + .mw-category-generated h2 {
display: none;
}

/* If only one subcategory, don't list the initial */
.mw-category-generated #mw-pages div:only-of-type h3,
#mw-subcategories div:only-of-type h3 {
/*display: none;*/
}

/* removes counting of categories */
.mw-category-generated #mw-pages p:first-of-type,
#mw-subcategories p:first-of-type {
display: none;
}

.group {
margin-top: 5em;
}
#catlinks .label {
border-width: 2px;
border-style: solid;
background-color: transparent;
padding: 2px 6px !important;
}

/* HEADER ------------------------------------------------------------------ */
.title-name {
font-family: var(--font-title);
font-weight: bold;
}
.title-name:hover {
color: var(--color-a);
}

.top-bar-section .has-form {
background-color: #222 !important;
}
.top-bar-section .has-dropdown > a::after {
display: none;
}
.top-bar-section .has-dropdown > a {
padding-right: initial !important;
}
.top-bar-section .dropdown li {
width: initial;
/*height: 2em;*/
position: relative;
padding: 0;
border-bottom: 1px solid lightgray;
}
.top-bar-section ul li {
padding: 0 0.5em;
background-color: #222;
}
.top-bar-section ul li:hover {
z-index: 1000;
}
.top-bar-section ul li > a {
font-size: 16px;
padding: 0;
font-weight: bold;
}

li#p-menu > a {
text-transform: uppercase;
padding: 0;
}
li#p-menu > a + ul li {
outline: 1px solid #00a393;
}

.top-bar-section .dropdown li:not(.has-form):not(.active):hover > a:not(.button) {
background: linear-gradient(90deg,var(--color-a), var(--color-b));
}
li#p-menu + li.has-dropdown {
width: 3em;
text-align: center;
}
li#p-menu + li.has-dropdown > a {
border-radius: 100%;
padding: 0;
text-align: center;
line-height: 30px;
margin: auto;
display: inline-block;
width: 30px;
box-sizing: border-box;
height: 30px;
}
.not-logged-in #top-bar-right li:nth-child(3) {
display: none;
}

#toolbox-dropdown li, #personal-tools-dropdown .dropdown li {
float: right;
}

.back h5 {
font-size: 2em !important;
}
a.parent-link {
color: var(--color-b) !important;
font-weight: bold !important;
}

/* CONTENT ------------------------------------------------------------------ */
#page-content {
margin: 1em;
color: var(--text);
}
#english {
position: relative;
top: -1.5em;
}

h1, h2, h3, h4, h5, h6 {
margin-top: 1em;
color: var(--color-b);
line-height: 1.5em;
font-family: var(--font-body);
}
h1, h1#firstHeading, h2 {
font-family: var(--font-title);
font-size: 1.5em;
}
h2 {
font-family: var(--font-title);
}

h1 {
color: var(--color-a);
}
h2 span {
display: initial;
}
h3 {
font-family: var(--font-title);
font-size: 1em;
}
body.action-view #page-content a {
border-image: linear-gradient(to right, var(--color-a), var(--color-b));
border-bottom-width: 2px;
border-image-slice: 1;
color: var(--text);
border-bottom-style: solid;
padding: 3px 5px 1px;

}
#page-content a:hover,
#catlinks .label:hover {
background-color: var(--color-a);
color: white !important;
}
/* Removes user name */
h3#tagline {
display: none;
}
#bodyContent {
margin-top: 3em;
}

#page-content ul, #page-content ol {
font-size: 1em;
margin-top: calc( var(--line-height) / 2) !important;
margin-bottom: calc( var(--line-height) / 1) !important;
}
div {
line-height: 1.4em ;
}
label {
color: var(--text-light);
}
label[for="wpCaptchaWord"]{
background-color: orangered;
}
code, pre {
color: darkgrey;
background-color: #181818;
border: 1px solid darkgrey;
border-radius:3px;
font-size: 0.8em;
padding: 1ch;
}

/* ACTUALITÉS ------------------------------------------------------------------ */
.medialisting {
display: flex;
flex-wrap: wrap;
}
.medialisting a {
border: 0 !important;
}
.Media {
display: flex;
align-items: flex-start;
margin-bottom: 1em;
flex-direction: column;
flex-basis: 32%;
box-sizing: border-box;
justify-content: center;
padding: 0.5em;
background: radial-gradient(var(--color-a) -31%, transparent 60%);
}
.Media:nth-child(2n) {
background: radial-gradient(var(--color-b) -31%, transparent 60%);
}
.Media-body {
flex: initial;
}

.flexgal {
display: flex;
flex-wrap: wrap;
}

/* THUMBNAILS ------------------------------------------------------------------ */
.thumbinner {
background-color: var(--accent-bg);
}
.thumb.tleft {
margin-right: 2em;
}
.Media-figure a,
.image.fancybox {
display: inline-block;
}
.magnify a {
text-indent: 0;
width: 25px;
height: 25px;
border-style: solid;
border-width: 2px;
line-height: 15px;
}
.magnify a:before {
content: "+";
font-family: FontAwesome;
font-size: 20px;
}

/* MEDIA QUERIES ------------------------------------------------------------------ */
@media (max-width: 800px) {
div.tleft, div.floatleft, table.floatleft {
width: 100%;
margin-bottom: 3em;
}
#toc {
max-width: initial;
width: 100%;
margin-left: 0;

}
}
@media only screen and (max-width: 600px) {
.top-bar,
.top-bar-section,
#top-bar-right,
#top-bar-right .columns {
display: inherit;
}
.top-bar.expanded {
flex-wrap: nowrap;
}
.top-bar.expanded .title-area {
display: flex;
flex-grow: 1;
justify-content: space-between;
}
.top-bar.expanded .top-bar,
.top-bar.expanded .top-bar-section,
.top-bar.expanded #top-bar-right,
.top-bar.expanded #top-bar-right .columns {
display: flex;
align-items: center;
}
.divider.show-for-small {
display: none !important;
}
}

/* Formulaire d'edition ------------------------------------------------------------------ */
#editform
{
margin-top: -5vh;
}

École de recherche graphique

2024-02-02T16:37:18Z

Dobody :

__NOTITLE__
{{DISPLAYTITLE:؜؜؜؜؜؜؜⁣erg}}

== école de recherche graphique ==

L’erg est le lieu des pratiques artistiques, plastiques, graphiques qui entrent dans les zones à risque théoriques et formelles. Un lieu et des pédagogies à définir et redéfinir collectivement. C’est un lieu où l’on peut apprendre de ce qui ne marche pas. '''Un lieu de recherche donc.'''
 
 
°[[Projet pédagogique|projet pédagogique]]

 
°[[Cursus transdisciplinaire Bachelors - Masters|programmes transdisciplinaire Bachelors - Masters]]
 

°[[Espaces transversaux, pratiques collectives|espaces transversaux, pratiques collectives]]

 
°[[Étudier et être accompagné·e à l'erg|étudier et être accompagné·e à l'erg]]

 
°[[Doctorat et recherche|doctorat et recherche]]

 
°[[Contact|contact]]

 


== news ==

{{NewsActivity
|limit=3
}}





'''[https://www.instagram.com/ergunlieuderecherche/?hl=fr instagram]''' / '''[https://www.facebook.com/ergunlieuderecherche facebook]''' /
'''[https://vimeo.com/channels/erg vimeo]'''


__NOTOC__

École de recherche graphique

2024-02-02T16:30:29Z

Dobody :

__NOTITLE__
{{DISPLAYTITLE:؜؜؜؜؜؜؜⁣erg}}


L’erg est le lieu des pratiques artistiques, plastiques, graphiques qui entrent dans les zones à risque théoriques et formelles. Un lieu et des pédagogies à définir et redéfinir collectivement. C’est un lieu où l’on peut apprendre de ce qui ne marche pas. '''Un lieu de recherche donc.'''
 
 
°[[Projet pédagogique|projet pédagogique]]

 
°[[Cursus transdisciplinaire Bachelors - Masters|programmes transdisciplinaire Bachelors - Masters]]
 

°[[Espaces transversaux, pratiques collectives|espaces transversaux, pratiques collectives]]

 
°[[Étudier et être accompagné·e à l'erg|étudier et être accompagné·e à l'erg]]

 
°[[Doctorat et recherche|doctorat et recherche]]

 
°[[Contact|contact]]

 


== news ==

{{NewsActivity
|limit=3
}}





'''[https://www.instagram.com/ergunlieuderecherche/?hl=fr instagram]''' / '''[https://www.facebook.com/ergunlieuderecherche facebook]''' /
'''[https://vimeo.com/channels/erg vimeo]'''


__NOTOC__

MediaWiki:Ouroboros.css

2024-02-02T16:29:25Z

Dobody :

/*
_ ______ _____ _ _______ _ _ _________ _ _ ______ __ __ ______
| | | ____| / ____| |/ /_ _| \ | | / /__ __| | | | ____| \/ | ____|
| | | |__ | (___ | ' / | | | \| | / / | | | |__| | |__ | \ / | |__
| | | __| \___ \| < | | | . ` | / / | | | __ | __| | |\/| | __|
| |____| |____ ____) | . \ _| |_| |\ |/ / | | | | | | |____| | | | |____
|______|______|_|_____/|_|\_\_____|_|_\_/_/___ _ |_| |_| |_|______|_| |_|______|
/ __ \| ____| ____|_ _/ ____|_ _| ____| |
| | | | |__ | |__ | || | | | | |__ | |
| | | | __| | __| | || | | | | __| | |
| |__| | | | | _| || |____ _| |_| |____| |____
\____/|_|____|_| |_____\_____|_____|______|______|
| __ \| ____|
| | | | |__
| | | | __|
| |__| | |____
|_____/|______|_ _____ _____
| | | ____| __ \ / ____|
| | | |__ | |__) | | __
| | | __| | _ /| | |_ |
| |____ | |____| | \ \| |__| |
|______| |______|_| \_\\_____|

*/

@font-face {
font-family: AntiqueNoble;
src: url("/mw/skins/ouroboros/assets/fonts/antiquenoblebold.woff");
}

@font-face {
font-family: Combined;
src: url("/mw/skins/ouroboros/assets/fonts/combined.otf");
}
@font-face {
font-family: Lucette;
src: url("/mw/skins/ouroboros/assets/fonts/LUCETTE/font/otf/Lucette-Regular.otf");
src: url("/mw/skins/ouroboros/assets/fonts/LUCETTE/font/ttf/Lucette-Regular.ttf");
src: url("/mw/skins/ouroboros/assets/fonts/LUCETTE/font/woff/Lucette-Regular.woff");
src: url("/mw/skins/ouroboros/assets/fonts/LUCETTE/font/woff2/Lucette-Regular.woff2");
}
@font-face {
font-family: Lucette;
src: url("/mw/skins/ouroboros/assets/fonts/LUCETTE/font/otf/Lucette-Regularitalic.otf");
src: url("/mw/skins/ouroboros/assets/fonts/LUCETTE/font/ttf/Lucette-Regularitalic.ttf");
src: url("/mw/skins/ouroboros/assets/fonts/LUCETTE/font/woff/Lucette-Regularitalic.woff");
src: url("/mw/skins/ouroboros/assets/fonts/LUCETTE/font/woff2/Lucette-Regularitalic.woff2");
font-style: italic;
}

@font-face {
font-family: Ductus;
src: url("/mw/skins/ouroboros/assets/fonts/ductus/webfonts/DuctusRegular.woff");
src: url("/mw/skins/ouroboros/assets/fonts/ductus/webfonts/DuctusRegular.woff2");
}
/*
@font-face {
font-family: Vega;
src: url("/mw/skins/ouroboros/assets/fonts/otf/Vega-Regular.otf");
src: url("/mw/skins/ouroboros/assets/fonts/Vega-Regular.ttf") format("truetype");
src: url("/mw/skins/ouroboros/assets/fonts/Vega-Regular-Webfont.svg" format("svg"));
src: url("/mw/skins/ouroboros/assets/fonts/Vega-Regular.woff" format("woff"));
src: url("/mw/skins/ouroboros/assets/fonts/Vega-Regular.woff2") format("woff2");
}
*/

/* Global variables. */
:root,
::backdrop {
/* Set sans-serif & mono fonts */
--sans-font: -apple-system, BlinkMacSystemFont, "Avenir Next", Avenir,
"Nimbus Sans L", Roboto, "Noto Sans", "Segoe UI", Arial, Helvetica,
"Helvetica Neue", sans-serif;
--mono-font: Consolas, Menlo, Monaco, "Andale Mono", "Ubuntu Mono", monospace;
--standard-border-radius: 5px;

/* Default (light) theme */
--bg: #fff;
--accent-bg: #f5f7ff;
--text: #212121;
--text-light: #585858;
--border: #898EA4;
--accent: #0d47a1;
--accent-hover: #1266e2;
--accent-text: var(--bg);
--code: #d81b60;
--preformatted: #444;
--marked: #ffdd33;
--disabled: #efefef;

--font-title: Ductus;
--font-body: Lucette;
--color-a: #a700ff; /* purple */
--color-b: #00ab6b; /* green */
--font-size: 15pt;
--line-height: 1.3em;
}

/* Dark theme */
@media (prefers-color-scheme: dark) {
:root,
::backdrop {
color-scheme: dark;
--bg: #222;
--accent-bg: #2b2b2b;
--text: #dcdcdc;
--text-light: #ababab;
--accent: #ffb300;
--accent-hover: #ffe099;
--accent-text: var(--bg);
--code: #f06292;
--preformatted: #ccc;
--disabled: #111;

--font-title: Ductus;
--font-body: Lucette;
--color-a: #9557b5; /* washed-off purple */
--color-b: #3c856b; /* washed-off green */
--font-size: 15pt;
--line-height: 1.3em;
}
}

/* Reset box-sizing */
*, *::before, *::after {
box-sizing: border-box;
}

body {
font-family: var(--font-body);
font-size: var(--font-size);
line-height: var(--line-height);
padding-top: 3em;
background-color: var(--bg);
color: var(--text);
border-right: 2px solid #3a3a3a;
}
p {
font-size: var(--font-size);
line-height: var(--line-height);
margin-bottom: 0;
}
p + p {
margin-top: var(--line-height);
}

/* INTERFACE ------------------------------------------------------------------ */
/* remove category help button (does it remove other stuff? mmm...) */
#mw-indicator-mw-helplink {
display: none;
}

/* Menu bar, position fixed to be able to grab it to resize the map on mobile devices */
#navwrapper {
position: fixed;
top: 0;
right: 0;
z-index: 1000;
left: 0;
}

h4.namespace.label {
display: none;
}

.mw-editsection, .mw-editsection-like {
font-size: 10px;
}

#actions {
left: initial !important;
right: 14px;
top: -21px;
background-color: var(--accent-bg);
border: 1px solid var(--text-light);
color: var(--text-light);
}
a#actions-button {
margin-top: -1em;
background-color: var(--accent-bg);
padding: 5px;
color: var(--text-light);
}
.fa,
button, .button,
.top-bar-section ul li > a {
font-family: var(--font-body);
}
.fa::before {
font-family: FontAwesome;
}

.top-bar,
.top-bar-section,
#top-bar-left,
#top-bar-right,
#top-bar-right .columns {
display: flex;
background-color: #222;
align-items: center;
justify-content: space-evenly;
}
#top-bar-left {
width: initial;
}
.top-bar-section {
flex-grow: 1;
}
.has-form {
flex-grow: 1;
padding: 0.5em !important;
}
#top-bar-right {
justify-content: space-between;
flex-grow: 1;
}
.top-bar input {
padding-top: 8px;
flex-grow: 1;
height: 2em;
box-sizing: border-box;
border: 0;
outline: 0;
}
.button.search {
background-color: transparent;
border-style: solid;
border-width: 2px;
border-image: linear-gradient(to right, var(--color-a), var(--color-b));
border-image-slice: 1;
top: 2px !important;
position: relative;
margin-left: 0px !important;
box-sizing: border-box;
padding: 0;
width: 80px;
height: 2em;
margin: 0;
top: 0 !important;
}
.button.search:hover {
background-color: var(--color-a);
}
.suggestions-result-current {
background-color: var(--color-b) !important;
}

.top-bar .toggle-topbar a {
text-transform: lowercase;
font-size: 1em;
}

#toc, .toc {
float: right;
margin-left: 1em;
max-width: 45%;
background-color: var(--accent-bg);
border-radius: 5px;
}
.toctitle {
margin-bottom: -1em;
}
#toc h2 {
margin-top: 0.25em;
font-size: 1em;
display: inline-block;
margin-right: 0.5em;
}
#toc ul {
margin: 0;
}
.tocnumber:after {
content: " – ";
}

table.infobox {
width: initial;
max-width: 45%;
}
table.infobox th.head {
background-color: var(--color-b);
}
th, td {
padding: 0.5em !important;
}

li {
line-height: initial;
}

.mw-category-generated {
margin-top: 2em;
}

/* if no content but only listing subcategories */
.mw-parser-output:empty + .mw-category-generated h2 {
display: none;
}

/* If only one subcategory, don't list the initial */
.mw-category-generated #mw-pages div:only-of-type h3,
#mw-subcategories div:only-of-type h3 {
/*display: none;*/
}

/* removes counting of categories */
.mw-category-generated #mw-pages p:first-of-type,
#mw-subcategories p:first-of-type {
display: none;
}

.group {
margin-top: 5em;
}
#catlinks .label {
border-width: 2px;
border-style: solid;
background-color: transparent;
padding: 2px 6px !important;
}

/* HEADER ------------------------------------------------------------------ */
.title-name {
font-family: var(--font-title);
font-weight: bold;
}
.title-name:hover {
color: var(--color-a);
}

.top-bar-section .has-form {
background-color: #222 !important;
}
.top-bar-section .has-dropdown > a::after {
display: none;
}
.top-bar-section .has-dropdown > a {
padding-right: initial !important;
}
.top-bar-section .dropdown li {
width: initial;
/*height: 2em;*/
position: relative;
padding: 0;
border-bottom: 1px solid lightgray;
}
.top-bar-section ul li {
padding: 0 0.5em;
background-color: #222;
}
.top-bar-section ul li:hover {
z-index: 1000;
}
.top-bar-section ul li > a {
font-size: 16px;
padding: 0;
font-weight: bold;
}

li#p-menu > a {
text-transform: uppercase;
padding: 0;
}
li#p-menu > a + ul li {
outline: 1px solid #00a393;
}

.top-bar-section .dropdown li:not(.has-form):not(.active):hover > a:not(.button) {
background: linear-gradient(90deg,var(--color-a), var(--color-b));
}
li#p-menu + li.has-dropdown {
width: 3em;
text-align: center;
}
li#p-menu + li.has-dropdown > a {
border-radius: 100%;
padding: 0;
text-align: center;
line-height: 30px;
margin: auto;
display: inline-block;
width: 30px;
box-sizing: border-box;
height: 30px;
}
.not-logged-in #top-bar-right li:nth-child(3) {
display: none;
}

#toolbox-dropdown li, #personal-tools-dropdown .dropdown li {
float: right;
}

.back h5 {
font-size: 2em !important;
}
a.parent-link {
color: var(--color-b) !important;
font-weight: bold !important;
}

/* CONTENT ------------------------------------------------------------------ */
#page-content {
margin: 1em;
color: var(--text);
}
#english {
position: relative;
top: -1.5em;
}

h1, h2, h3, h4, h5, h6 {
margin-top: 1em;
color: var(--color-b);
line-height: 1.5em;
font-family: var(--font-body);
}
h1, h1#firstHeading, h2 {
font-family: var(--font-title);
font-size: 1.5em;
}
h2 {
font-family: var(--font-title);
}

h1 {
color: var(--color-a);
}
h2 span {
display: initial;
}
h3 {
font-family: var(--font-title);
font-size: 1em;
}
body.action-view #page-content a {
border-image: linear-gradient(to right, var(--color-a), var(--color-b));
border-bottom-width: 2px;
border-image-slice: 1;
color: var(--text);
border-bottom-style: solid;
padding: 3px 5px 1px;

}
#page-content a:hover,
#catlinks .label:hover {
background-color: var(--color-a);
color: white !important;
}
/* Removes user name */
h3#tagline {
display: none;
}
#bodyContent {
margin-top: 3em;
}

#page-content ul, #page-content ol {
font-size: 1em;
margin-top: calc( var(--line-height) / 2) !important;
margin-bottom: calc( var(--line-height) / 1) !important;
}
div {
line-height: 1.4em ;
}
label {
color: var(--text-light);
}
label[for="wpCaptchaWord"]{
background-color: orangered;
}
code, pre {
color: darkgrey;
background-color: #181818;
border: 1px solid darkgrey;
border-radius:3px;
font-size: 0.8em;
padding: 1ch;
}

/* ACTUALITÉS ------------------------------------------------------------------ */
.medialisting {
display: flex;
flex-wrap: wrap;
}
.medialisting a {
border: 0 !important;
}
.Media {
display: flex;
align-items: flex-start;
margin-bottom: 1em;
flex-direction: column;
flex-basis: 32%;
box-sizing: border-box;
justify-content: center;
padding: 0.5em;
background: radial-gradient(var(--color-a) -31%, transparent 60%);
}
.Media:nth-child(2n) {
background: radial-gradient(var(--color-b) -31%, transparent 60%);
}
.Media-body {
flex: initial;
}

.flexgal {
display: flex;
flex-wrap: wrap;
}

/* THUMBNAILS ------------------------------------------------------------------ */
.thumbinner {
background-color: var(--accent-bg);
}
.thumb.tleft {
margin-right: 2em;
}
.Media-figure a,
.image.fancybox {
display: inline-block;
}
.magnify a {
text-indent: 0;
width: 25px;
height: 25px;
border-style: solid;
border-width: 2px;
line-height: 15px;
}
.magnify a:before {
content: "+";
font-family: FontAwesome;
font-size: 20px;
}

/* MEDIA QUERIES ------------------------------------------------------------------ */
@media (max-width: 800px) {
div.tleft, div.floatleft, table.floatleft {
width: 100%;
margin-bottom: 3em;
}
#toc {
max-width: initial;
width: 100%;
margin-left: 0;

}
}
@media only screen and (max-width: 600px) {
.top-bar,
.top-bar-section,
#top-bar-right,
#top-bar-right .columns {
display: inherit;
}
.top-bar.expanded {
flex-wrap: wrap;
}
.top-bar.expanded .title-area {
display: flex;
flex-grow: 1;
justify-content: space-between;
}
.top-bar.expanded .top-bar,
.top-bar.expanded .top-bar-section,
.top-bar.expanded #top-bar-right,
.top-bar.expanded #top-bar-right .columns {
display: flex;
align-items: center;
}
.divider.show-for-small {
display: none !important;
}
}

/* Formulaire d'edition ------------------------------------------------------------------ */
#editform
{
margin-top: -5vh;
}

MediaWiki:Ouroboros.css

2024-02-02T16:28:10Z

Dobody :

/*
_ ______ _____ _ _______ _ _ _________ _ _ ______ __ __ ______
| | | ____| / ____| |/ /_ _| \ | | / /__ __| | | | ____| \/ | ____|
| | | |__ | (___ | ' / | | | \| | / / | | | |__| | |__ | \ / | |__
| | | __| \___ \| < | | | . ` | / / | | | __ | __| | |\/| | __|
| |____| |____ ____) | . \ _| |_| |\ |/ / | | | | | | |____| | | | |____
|______|______|_|_____/|_|\_\_____|_|_\_/_/___ _ |_| |_| |_|______|_| |_|______|
/ __ \| ____| ____|_ _/ ____|_ _| ____| |
| | | | |__ | |__ | || | | | | |__ | |
| | | | __| | __| | || | | | | __| | |
| |__| | | | | _| || |____ _| |_| |____| |____
\____/|_|____|_| |_____\_____|_____|______|______|
| __ \| ____|
| | | | |__
| | | | __|
| |__| | |____
|_____/|______|_ _____ _____
| | | ____| __ \ / ____|
| | | |__ | |__) | | __
| | | __| | _ /| | |_ |
| |____ | |____| | \ \| |__| |
|______| |______|_| \_\\_____|

*/

@font-face {
font-family: AntiqueNoble;
src: url("/mw/skins/ouroboros/assets/fonts/antiquenoblebold.woff");
}

@font-face {
font-family: Combined;
src: url("/mw/skins/ouroboros/assets/fonts/combined.otf");
}
@font-face {
font-family: Lucette;
src: url("/mw/skins/ouroboros/assets/fonts/LUCETTE/font/otf/Lucette-Regular.otf");
src: url("/mw/skins/ouroboros/assets/fonts/LUCETTE/font/ttf/Lucette-Regular.ttf");
src: url("/mw/skins/ouroboros/assets/fonts/LUCETTE/font/woff/Lucette-Regular.woff");
src: url("/mw/skins/ouroboros/assets/fonts/LUCETTE/font/woff2/Lucette-Regular.woff2");
}
@font-face {
font-family: Lucette;
src: url("/mw/skins/ouroboros/assets/fonts/LUCETTE/font/otf/Lucette-Regularitalic.otf");
src: url("/mw/skins/ouroboros/assets/fonts/LUCETTE/font/ttf/Lucette-Regularitalic.ttf");
src: url("/mw/skins/ouroboros/assets/fonts/LUCETTE/font/woff/Lucette-Regularitalic.woff");
src: url("/mw/skins/ouroboros/assets/fonts/LUCETTE/font/woff2/Lucette-Regularitalic.woff2");
font-style: italic;
}

@font-face {
font-family: Ductus;
src: url("/mw/skins/ouroboros/assets/fonts/ductus/regular/webfonts/DuctusRegular.woff");
src: url("/mw/skins/ouroboros/assets/fonts/ductus/regular/webfonts/DuctusRegular.woff2");
}
/*
@font-face {
font-family: Vega;
src: url("/mw/skins/ouroboros/assets/fonts/otf/Vega-Regular.otf");
src: url("/mw/skins/ouroboros/assets/fonts/Vega-Regular.ttf") format("truetype");
src: url("/mw/skins/ouroboros/assets/fonts/Vega-Regular-Webfont.svg" format("svg"));
src: url("/mw/skins/ouroboros/assets/fonts/Vega-Regular.woff" format("woff"));
src: url("/mw/skins/ouroboros/assets/fonts/Vega-Regular.woff2") format("woff2");
}
*/

/* Global variables. */
:root,
::backdrop {
/* Set sans-serif & mono fonts */
--sans-font: -apple-system, BlinkMacSystemFont, "Avenir Next", Avenir,
"Nimbus Sans L", Roboto, "Noto Sans", "Segoe UI", Arial, Helvetica,
"Helvetica Neue", sans-serif;
--mono-font: Consolas, Menlo, Monaco, "Andale Mono", "Ubuntu Mono", monospace;
--standard-border-radius: 5px;

/* Default (light) theme */
--bg: #fff;
--accent-bg: #f5f7ff;
--text: #212121;
--text-light: #585858;
--border: #898EA4;
--accent: #0d47a1;
--accent-hover: #1266e2;
--accent-text: var(--bg);
--code: #d81b60;
--preformatted: #444;
--marked: #ffdd33;
--disabled: #efefef;

--font-title: Ductus;
--font-body: Lucette;
--color-a: #a700ff; /* purple */
--color-b: #00ab6b; /* green */
--font-size: 15pt;
--line-height: 1.3em;
}

/* Dark theme */
@media (prefers-color-scheme: dark) {
:root,
::backdrop {
color-scheme: dark;
--bg: #222;
--accent-bg: #2b2b2b;
--text: #dcdcdc;
--text-light: #ababab;
--accent: #ffb300;
--accent-hover: #ffe099;
--accent-text: var(--bg);
--code: #f06292;
--preformatted: #ccc;
--disabled: #111;

--font-title: Ductus;
--font-body: Lucette;
--color-a: #9557b5; /* washed-off purple */
--color-b: #3c856b; /* washed-off green */
--font-size: 15pt;
--line-height: 1.3em;
}
}

/* Reset box-sizing */
*, *::before, *::after {
box-sizing: border-box;
}

body {
font-family: var(--font-body);
font-size: var(--font-size);
line-height: var(--line-height);
padding-top: 3em;
background-color: var(--bg);
color: var(--text);
border-right: 2px solid #3a3a3a;
}
p {
font-size: var(--font-size);
line-height: var(--line-height);
margin-bottom: 0;
}
p + p {
margin-top: var(--line-height);
}

/* INTERFACE ------------------------------------------------------------------ */
/* remove category help button (does it remove other stuff? mmm...) */
#mw-indicator-mw-helplink {
display: none;
}

/* Menu bar, position fixed to be able to grab it to resize the map on mobile devices */
#navwrapper {
position: fixed;
top: 0;
right: 0;
z-index: 1000;
left: 0;
}

h4.namespace.label {
display: none;
}

.mw-editsection, .mw-editsection-like {
font-size: 10px;
}

#actions {
left: initial !important;
right: 14px;
top: -21px;
background-color: var(--accent-bg);
border: 1px solid var(--text-light);
color: var(--text-light);
}
a#actions-button {
margin-top: -1em;
background-color: var(--accent-bg);
padding: 5px;
color: var(--text-light);
}
.fa,
button, .button,
.top-bar-section ul li > a {
font-family: var(--font-body);
}
.fa::before {
font-family: FontAwesome;
}

.top-bar,
.top-bar-section,
#top-bar-left,
#top-bar-right,
#top-bar-right .columns {
display: flex;
background-color: #222;
align-items: center;
justify-content: space-evenly;
}
#top-bar-left {
width: initial;
}
.top-bar-section {
flex-grow: 1;
}
.has-form {
flex-grow: 1;
padding: 0.5em !important;
}
#top-bar-right {
justify-content: space-between;
flex-grow: 1;
}
.top-bar input {
padding-top: 8px;
flex-grow: 1;
height: 2em;
box-sizing: border-box;
border: 0;
outline: 0;
}
.button.search {
background-color: transparent;
border-style: solid;
border-width: 2px;
border-image: linear-gradient(to right, var(--color-a), var(--color-b));
border-image-slice: 1;
top: 2px !important;
position: relative;
margin-left: 0px !important;
box-sizing: border-box;
padding: 0;
width: 80px;
height: 2em;
margin: 0;
top: 0 !important;
}
.button.search:hover {
background-color: var(--color-a);
}
.suggestions-result-current {
background-color: var(--color-b) !important;
}

.top-bar .toggle-topbar a {
text-transform: lowercase;
font-size: 1em;
}

#toc, .toc {
float: right;
margin-left: 1em;
max-width: 45%;
background-color: var(--accent-bg);
border-radius: 5px;
}
.toctitle {
margin-bottom: -1em;
}
#toc h2 {
margin-top: 0.25em;
font-size: 1em;
display: inline-block;
margin-right: 0.5em;
}
#toc ul {
margin: 0;
}
.tocnumber:after {
content: " – ";
}

table.infobox {
width: initial;
max-width: 45%;
}
table.infobox th.head {
background-color: var(--color-b);
}
th, td {
padding: 0.5em !important;
}

li {
line-height: initial;
}

.mw-category-generated {
margin-top: 2em;
}

/* if no content but only listing subcategories */
.mw-parser-output:empty + .mw-category-generated h2 {
display: none;
}

/* If only one subcategory, don't list the initial */
.mw-category-generated #mw-pages div:only-of-type h3,
#mw-subcategories div:only-of-type h3 {
/*display: none;*/
}

/* removes counting of categories */
.mw-category-generated #mw-pages p:first-of-type,
#mw-subcategories p:first-of-type {
display: none;
}

.group {
margin-top: 5em;
}
#catlinks .label {
border-width: 2px;
border-style: solid;
background-color: transparent;
padding: 2px 6px !important;
}

/* HEADER ------------------------------------------------------------------ */
.title-name {
font-family: var(--font-title);
font-weight: bold;
}
.title-name:hover {
color: var(--color-a);
}

.top-bar-section .has-form {
background-color: #222 !important;
}
.top-bar-section .has-dropdown > a::after {
display: none;
}
.top-bar-section .has-dropdown > a {
padding-right: initial !important;
}
.top-bar-section .dropdown li {
width: initial;
/*height: 2em;*/
position: relative;
padding: 0;
border-bottom: 1px solid lightgray;
}
.top-bar-section ul li {
padding: 0 0.5em;
background-color: #222;
}
.top-bar-section ul li:hover {
z-index: 1000;
}
.top-bar-section ul li > a {
font-size: 16px;
padding: 0;
font-weight: bold;
}

li#p-menu > a {
text-transform: uppercase;
padding: 0;
}
li#p-menu > a + ul li {
outline: 1px solid #00a393;
}

.top-bar-section .dropdown li:not(.has-form):not(.active):hover > a:not(.button) {
background: linear-gradient(90deg,var(--color-a), var(--color-b));
}
li#p-menu + li.has-dropdown {
width: 3em;
text-align: center;
}
li#p-menu + li.has-dropdown > a {
border-radius: 100%;
padding: 0;
text-align: center;
line-height: 30px;
margin: auto;
display: inline-block;
width: 30px;
box-sizing: border-box;
height: 30px;
}
.not-logged-in #top-bar-right li:nth-child(3) {
display: none;
}

#toolbox-dropdown li, #personal-tools-dropdown .dropdown li {
float: right;
}

.back h5 {
font-size: 2em !important;
}
a.parent-link {
color: var(--color-b) !important;
font-weight: bold !important;
}

/* CONTENT ------------------------------------------------------------------ */
#page-content {
margin: 1em;
color: var(--text);
}
#english {
position: relative;
top: -1.5em;
}

h1, h2, h3, h4, h5, h6 {
margin-top: 1em;
color: var(--color-b);
line-height: 1.5em;
font-family: var(--font-body);
}
h1, h1#firstHeading, h2 {
font-family: var(--font-title);
font-size: 1.5em;
}
h2 {
font-family: var(--font-title);
}

h1 {
color: var(--color-a);
}
h2 span {
display: initial;
}
h3 {
font-family: var(--font-title);
font-size: 1em;
}
body.action-view #page-content a {
border-image: linear-gradient(to right, var(--color-a), var(--color-b));
border-bottom-width: 2px;
border-image-slice: 1;
color: var(--text);
border-bottom-style: solid;
padding: 3px 5px 1px;

}
#page-content a:hover,
#catlinks .label:hover {
background-color: var(--color-a);
color: white !important;
}
/* Removes user name */
h3#tagline {
display: none;
}
#bodyContent {
margin-top: 3em;
}

#page-content ul, #page-content ol {
font-size: 1em;
margin-top: calc( var(--line-height) / 2) !important;
margin-bottom: calc( var(--line-height) / 1) !important;
}
div {
line-height: 1.4em ;
}
label {
color: var(--text-light);
}
label[for="wpCaptchaWord"]{
background-color: orangered;
}
code, pre {
color: darkgrey;
background-color: #181818;
border: 1px solid darkgrey;
border-radius:3px;
font-size: 0.8em;
padding: 1ch;
}

/* ACTUALITÉS ------------------------------------------------------------------ */
.medialisting {
display: flex;
flex-wrap: wrap;
}
.medialisting a {
border: 0 !important;
}
.Media {
display: flex;
align-items: flex-start;
margin-bottom: 1em;
flex-direction: column;
flex-basis: 32%;
box-sizing: border-box;
justify-content: center;
padding: 0.5em;
background: radial-gradient(var(--color-a) -31%, transparent 60%);
}
.Media:nth-child(2n) {
background: radial-gradient(var(--color-b) -31%, transparent 60%);
}
.Media-body {
flex: initial;
}

.flexgal {
display: flex;
flex-wrap: wrap;
}

/* THUMBNAILS ------------------------------------------------------------------ */
.thumbinner {
background-color: var(--accent-bg);
}
.thumb.tleft {
margin-right: 2em;
}
.Media-figure a,
.image.fancybox {
display: inline-block;
}
.magnify a {
text-indent: 0;
width: 25px;
height: 25px;
border-style: solid;
border-width: 2px;
line-height: 15px;
}
.magnify a:before {
content: "+";
font-family: FontAwesome;
font-size: 20px;
}

/* MEDIA QUERIES ------------------------------------------------------------------ */
@media (max-width: 800px) {
div.tleft, div.floatleft, table.floatleft {
width: 100%;
margin-bottom: 3em;
}
#toc {
max-width: initial;
width: 100%;
margin-left: 0;

}
}
@media only screen and (max-width: 600px) {
.top-bar,
.top-bar-section,
#top-bar-right,
#top-bar-right .columns {
display: inherit;
}
.top-bar.expanded {
flex-wrap: wrap;
}
.top-bar.expanded .title-area {
display: flex;
flex-grow: 1;
justify-content: space-between;
}
.top-bar.expanded .top-bar,
.top-bar.expanded .top-bar-section,
.top-bar.expanded #top-bar-right,
.top-bar.expanded #top-bar-right .columns {
display: flex;
align-items: center;
}
.divider.show-for-small {
display: none !important;
}
}

/* Formulaire d'edition ------------------------------------------------------------------ */
#editform
{
margin-top: -5vh;
}

MediaWiki:Ouroboros.css

2024-02-02T16:24:56Z

Dobody :

/*
_ ______ _____ _ _______ _ _ _________ _ _ ______ __ __ ______
| | | ____| / ____| |/ /_ _| \ | | / /__ __| | | | ____| \/ | ____|
| | | |__ | (___ | ' / | | | \| | / / | | | |__| | |__ | \ / | |__
| | | __| \___ \| < | | | . ` | / / | | | __ | __| | |\/| | __|
| |____| |____ ____) | . \ _| |_| |\ |/ / | | | | | | |____| | | | |____
|______|______|_|_____/|_|\_\_____|_|_\_/_/___ _ |_| |_| |_|______|_| |_|______|
/ __ \| ____| ____|_ _/ ____|_ _| ____| |
| | | | |__ | |__ | || | | | | |__ | |
| | | | __| | __| | || | | | | __| | |
| |__| | | | | _| || |____ _| |_| |____| |____
\____/|_|____|_| |_____\_____|_____|______|______|
| __ \| ____|
| | | | |__
| | | | __|
| |__| | |____
|_____/|______|_ _____ _____
| | | ____| __ \ / ____|
| | | |__ | |__) | | __
| | | __| | _ /| | |_ |
| |____ | |____| | \ \| |__| |
|______| |______|_| \_\\_____|

*/

@font-face {
font-family: AntiqueNoble;
src: url("/mw/skins/ouroboros/assets/fonts/antiquenoblebold.woff");
}

@font-face {
font-family: Combined;
src: url("/mw/skins/ouroboros/assets/fonts/combined.otf");
}
@font-face {
font-family: Lucette;
src: url("/mw/skins/ouroboros/assets/fonts/LUCETTE/font/otf/Lucette-Regular.otf");
src: url("/mw/skins/ouroboros/assets/fonts/LUCETTE/font/ttf/Lucette-Regular.ttf");
src: url("/mw/skins/ouroboros/assets/fonts/LUCETTE/font/woff/Lucette-Regular.woff");
src: url("/mw/skins/ouroboros/assets/fonts/LUCETTE/font/woff2/Lucette-Regular.woff2");
}
@font-face {
font-family: Lucette;
src: url("/mw/skins/ouroboros/assets/fonts/LUCETTE/font/otf/Lucette-Regularitalic.otf");
src: url("/mw/skins/ouroboros/assets/fonts/LUCETTE/font/ttf/Lucette-Regularitalic.ttf");
src: url("/mw/skins/ouroboros/assets/fonts/LUCETTE/font/woff/Lucette-Regularitalic.woff");
src: url("/mw/skins/ouroboros/assets/fonts/LUCETTE/font/woff2/Lucette-Regularitalic.woff2");
font-style: italic;
}

@font-face {
font-family: Ductus;
src: url("/mw/skins/ouroboros/assets/fonts/Ductus/regular/webfonts/DuctusRegular.woff");
src: url("/mw/skins/ouroboros/assets/fonts/Ductus/regular/webfonts/DuctusRegular.woff2");
}
/*
@font-face {
font-family: Vega;
src: url("/mw/skins/ouroboros/assets/fonts/otf/Vega-Regular.otf");
src: url("/mw/skins/ouroboros/assets/fonts/Vega-Regular.ttf") format("truetype");
src: url("/mw/skins/ouroboros/assets/fonts/Vega-Regular-Webfont.svg" format("svg"));
src: url("/mw/skins/ouroboros/assets/fonts/Vega-Regular.woff" format("woff"));
src: url("/mw/skins/ouroboros/assets/fonts/Vega-Regular.woff2") format("woff2");
}
*/

/* Global variables. */
:root,
::backdrop {
/* Set sans-serif & mono fonts */
--sans-font: -apple-system, BlinkMacSystemFont, "Avenir Next", Avenir,
"Nimbus Sans L", Roboto, "Noto Sans", "Segoe UI", Arial, Helvetica,
"Helvetica Neue", sans-serif;
--mono-font: Consolas, Menlo, Monaco, "Andale Mono", "Ubuntu Mono", monospace;
--standard-border-radius: 5px;

/* Default (light) theme */
--bg: #fff;
--accent-bg: #f5f7ff;
--text: #212121;
--text-light: #585858;
--border: #898EA4;
--accent: #0d47a1;
--accent-hover: #1266e2;
--accent-text: var(--bg);
--code: #d81b60;
--preformatted: #444;
--marked: #ffdd33;
--disabled: #efefef;

--font-title: Ductus;
--font-body: Lucette;
--color-a: #a700ff; /* purple */
--color-b: #00ab6b; /* green */
--font-size: 15pt;
--line-height: 1.3em;
}

/* Dark theme */
@media (prefers-color-scheme: dark) {
:root,
::backdrop {
color-scheme: dark;
--bg: #222;
--accent-bg: #2b2b2b;
--text: #dcdcdc;
--text-light: #ababab;
--accent: #ffb300;
--accent-hover: #ffe099;
--accent-text: var(--bg);
--code: #f06292;
--preformatted: #ccc;
--disabled: #111;

--font-title: Ductus;
--font-body: Lucette;
--color-a: #9557b5; /* washed-off purple */
--color-b: #3c856b; /* washed-off green */
--font-size: 15pt;
--line-height: 1.3em;
}
}

/* Reset box-sizing */
*, *::before, *::after {
box-sizing: border-box;
}

body {
font-family: var(--font-body);
font-size: var(--font-size);
line-height: var(--line-height);
padding-top: 3em;
background-color: var(--bg);
color: var(--text);
border-right: 2px solid #3a3a3a;
}
p {
font-size: var(--font-size);
line-height: var(--line-height);
margin-bottom: 0;
}
p + p {
margin-top: var(--line-height);
}

/* INTERFACE ------------------------------------------------------------------ */
/* remove category help button (does it remove other stuff? mmm...) */
#mw-indicator-mw-helplink {
display: none;
}

/* Menu bar, position fixed to be able to grab it to resize the map on mobile devices */
#navwrapper {
position: fixed;
top: 0;
right: 0;
z-index: 1000;
left: 0;
}

h4.namespace.label {
display: none;
}

.mw-editsection, .mw-editsection-like {
font-size: 10px;
}

#actions {
left: initial !important;
right: 14px;
top: -21px;
background-color: var(--accent-bg);
border: 1px solid var(--text-light);
color: var(--text-light);
}
a#actions-button {
margin-top: -1em;
background-color: var(--accent-bg);
padding: 5px;
color: var(--text-light);
}
.fa,
button, .button,
.top-bar-section ul li > a {
font-family: var(--font-body);
}
.fa::before {
font-family: FontAwesome;
}

.top-bar,
.top-bar-section,
#top-bar-left,
#top-bar-right,
#top-bar-right .columns {
display: flex;
background-color: #222;
align-items: center;
justify-content: space-evenly;
}
#top-bar-left {
width: initial;
}
.top-bar-section {
flex-grow: 1;
}
.has-form {
flex-grow: 1;
padding: 0.5em !important;
}
#top-bar-right {
justify-content: space-between;
flex-grow: 1;
}
.top-bar input {
padding-top: 8px;
flex-grow: 1;
height: 2em;
box-sizing: border-box;
border: 0;
outline: 0;
}
.button.search {
background-color: transparent;
border-style: solid;
border-width: 2px;
border-image: linear-gradient(to right, var(--color-a), var(--color-b));
border-image-slice: 1;
top: 2px !important;
position: relative;
margin-left: 0px !important;
box-sizing: border-box;
padding: 0;
width: 80px;
height: 2em;
margin: 0;
top: 0 !important;
}
.button.search:hover {
background-color: var(--color-a);
}
.suggestions-result-current {
background-color: var(--color-b) !important;
}

.top-bar .toggle-topbar a {
text-transform: lowercase;
font-size: 1em;
}

#toc, .toc {
float: right;
margin-left: 1em;
max-width: 45%;
background-color: var(--accent-bg);
border-radius: 5px;
}
.toctitle {
margin-bottom: -1em;
}
#toc h2 {
margin-top: 0.25em;
font-size: 1em;
display: inline-block;
margin-right: 0.5em;
}
#toc ul {
margin: 0;
}
.tocnumber:after {
content: " – ";
}

table.infobox {
width: initial;
max-width: 45%;
}
table.infobox th.head {
background-color: var(--color-b);
}
th, td {
padding: 0.5em !important;
}

li {
line-height: initial;
}

.mw-category-generated {
margin-top: 2em;
}

/* if no content but only listing subcategories */
.mw-parser-output:empty + .mw-category-generated h2 {
display: none;
}

/* If only one subcategory, don't list the initial */
.mw-category-generated #mw-pages div:only-of-type h3,
#mw-subcategories div:only-of-type h3 {
/*display: none;*/
}

/* removes counting of categories */
.mw-category-generated #mw-pages p:first-of-type,
#mw-subcategories p:first-of-type {
display: none;
}

.group {
margin-top: 5em;
}
#catlinks .label {
border-width: 2px;
border-style: solid;
background-color: transparent;
padding: 2px 6px !important;
}

/* HEADER ------------------------------------------------------------------ */
.title-name {
font-family: var(--font-title);
font-weight: bold;
}
.title-name:hover {
color: var(--color-a);
}

.top-bar-section .has-form {
background-color: #222 !important;
}
.top-bar-section .has-dropdown > a::after {
display: none;
}
.top-bar-section .has-dropdown > a {
padding-right: initial !important;
}
.top-bar-section .dropdown li {
width: initial;
/*height: 2em;*/
position: relative;
padding: 0;
border-bottom: 1px solid lightgray;
}
.top-bar-section ul li {
padding: 0 0.5em;
background-color: #222;
}
.top-bar-section ul li:hover {
z-index: 1000;
}
.top-bar-section ul li > a {
font-size: 16px;
padding: 0;
font-weight: bold;
}

li#p-menu > a {
text-transform: uppercase;
padding: 0;
}
li#p-menu > a + ul li {
outline: 1px solid #00a393;
}

.top-bar-section .dropdown li:not(.has-form):not(.active):hover > a:not(.button) {
background: linear-gradient(90deg,var(--color-a), var(--color-b));
}
li#p-menu + li.has-dropdown {
width: 3em;
text-align: center;
}
li#p-menu + li.has-dropdown > a {
border-radius: 100%;
padding: 0;
text-align: center;
line-height: 30px;
margin: auto;
display: inline-block;
width: 30px;
box-sizing: border-box;
height: 30px;
}
.not-logged-in #top-bar-right li:nth-child(3) {
display: none;
}

#toolbox-dropdown li, #personal-tools-dropdown .dropdown li {
float: right;
}

.back h5 {
font-size: 2em !important;
}
a.parent-link {
color: var(--color-b) !important;
font-weight: bold !important;
}

/* CONTENT ------------------------------------------------------------------ */
#page-content {
margin: 1em;
color: var(--text);
}
#english {
position: relative;
top: -1.5em;
}

h1, h2, h3, h4, h5, h6 {
margin-top: 1em;
color: var(--color-b);
line-height: 1.5em;
font-family: var(--font-body);
}
h1, h1#firstHeading, h2 {
font-family: var(--font-title);
font-size: 1.5em;
}
h2 {
font-family: var(--font-title);
}

h1 {
color: var(--color-a);
}
h2 span {
display: initial;
}
h3 {
font-family: var(--font-title);
font-size: 1em;
}
body.action-view #page-content a {
border-image: linear-gradient(to right, var(--color-a), var(--color-b));
border-bottom-width: 2px;
border-image-slice: 1;
color: var(--text);
border-bottom-style: solid;
padding: 3px 5px 1px;

}
#page-content a:hover,
#catlinks .label:hover {
background-color: var(--color-a);
color: white !important;
}
/* Removes user name */
h3#tagline {
display: none;
}
#bodyContent {
margin-top: 3em;
}

#page-content ul, #page-content ol {
font-size: 1em;
margin-top: calc( var(--line-height) / 2) !important;
margin-bottom: calc( var(--line-height) / 1) !important;
}
div {
line-height: 1.4em ;
}
label {
color: var(--text-light);
}
label[for="wpCaptchaWord"]{
background-color: orangered;
}
code, pre {
color: darkgrey;
background-color: #181818;
border: 1px solid darkgrey;
border-radius:3px;
font-size: 0.8em;
padding: 1ch;
}

/* ACTUALITÉS ------------------------------------------------------------------ */
.medialisting {
display: flex;
flex-wrap: wrap;
}
.medialisting a {
border: 0 !important;
}
.Media {
display: flex;
align-items: flex-start;
margin-bottom: 1em;
flex-direction: column;
flex-basis: 32%;
box-sizing: border-box;
justify-content: center;
padding: 0.5em;
background: radial-gradient(var(--color-a) -31%, transparent 60%);
}
.Media:nth-child(2n) {
background: radial-gradient(var(--color-b) -31%, transparent 60%);
}
.Media-body {
flex: initial;
}

.flexgal {
display: flex;
flex-wrap: wrap;
}

/* THUMBNAILS ------------------------------------------------------------------ */
.thumbinner {
background-color: var(--accent-bg);
}
.thumb.tleft {
margin-right: 2em;
}
.Media-figure a,
.image.fancybox {
display: inline-block;
}
.magnify a {
text-indent: 0;
width: 25px;
height: 25px;
border-style: solid;
border-width: 2px;
line-height: 15px;
}
.magnify a:before {
content: "+";
font-family: FontAwesome;
font-size: 20px;
}

/* MEDIA QUERIES ------------------------------------------------------------------ */
@media (max-width: 800px) {
div.tleft, div.floatleft, table.floatleft {
width: 100%;
margin-bottom: 3em;
}
#toc {
max-width: initial;
width: 100%;
margin-left: 0;

}
}
@media only screen and (max-width: 600px) {
.top-bar,
.top-bar-section,
#top-bar-right,
#top-bar-right .columns {
display: inherit;
}
.top-bar.expanded {
flex-wrap: wrap;
}
.top-bar.expanded .title-area {
display: flex;
flex-grow: 1;
justify-content: space-between;
}
.top-bar.expanded .top-bar,
.top-bar.expanded .top-bar-section,
.top-bar.expanded #top-bar-right,
.top-bar.expanded #top-bar-right .columns {
display: flex;
align-items: center;
}
.divider.show-for-small {
display: none !important;
}
}

/* Formulaire d'edition ------------------------------------------------------------------ */
#editform
{
margin-top: -5vh;
}

MediaWiki:Common.css

2024-02-02T15:49:13Z

Dobody :

/* C O M M O N . c s s
*
* # dark mode
* # templates
* ## badges

/* une media query qui permet de prendre en compte la préférence de couleur du navigateur.
Tout ce qui est en dehors de cette @media est pour le thème blanc et dans le @media (prefers-color-scheme: dark) */

/* Liste des éléments à inverser
* div.thumbcaption /* image "thumb"
* button.button.search /* lien externes
* a.external.free /* lien externes
* table.wikitable /* Table wiki ex : En construction Pika
*/

/*
@media (prefers-color-scheme: dark) {

.page-Bienvenue_à_l’erg h1 {
display:inline=block;
color:red !important;
}
code {
background-color: #111;
border-radius: 4px;
border: 2px solid #666;
color: #999;
font-size: .9em;
}
.title {
color: #9557b5;
}
.mw-headline {
color: #3c856b;
}
body.action-view #page-content a {
color: white;
}
html {
background-color: #222;
background-color: #222;
color: white;
}
body{.
background-color:inherit;
color:inherit;
background: #222;
}
}

*/
pre{

border-radius: 10px;
}
.rssicon {
display: inline-block;
width: 32px;
height: 32px;
background-image: url(/mw/resources/assets/Feed-icon.png);
}

.hidden {
display: none;
}

table.infobox {
width: 30em;
font-size: 90%;
border: 1px solid #aaaaaa;
background-color: #f9f9f9;
color: black;
margin-bottom: 0.5em;
margin-left: 1em;
padding: 0.2em;
float: right;
clear: right;
text-align:left;
}

table.infobox th.head {
text-align: center;
background-color:#ccccff;
}

/* Flexgal */
div.flexgal {
box-sizing: border-box;
margin: 0;
padding: 0;
}

div.flexgal div.item {
display: flexbox;
}
div.flexgal div.item p {
margin: 0;
padding: 0; /* padding + margin seem to conflict with the grid layout */
}
a img {
border: none;
vertical-align: top; /* magically this cancels the containing anchor's bottom border */
}

div.pubdate {
clear: both;
}

.Media {
display: flex;
align-items: flex-start;
margin-bottom: 1em;
}

.Media-figure {
margin-right: 1em;
}

.Media-body {
flex: 1;
}

/* simplify the footer links */
ul#poweredby, li#footer-disclaimer { display: none; }

.snowflake {
position:absolute;
color:blue;
transition: top 5s linear;
-webkit-text-stroke-width: 1px;
-webkit-text-stroke-color: rgba(0,0,0,0.01);
}

#content {
max-width: 80ch;
margin: auto;
}

/* -- External Image Template -- */
.externalimage-holder {
display:inline-block;
position: relative;
}
.externalimage-holder img {
width: 100%;
height: auto;
}

/* -- Captcha Page Edition -- */
label[for=wpCaptchaWord] {
background-color:#FFCCCB;
color:white;
border:2px solid white;
}

/* -- Badges -- */
.badge {
margin:10px;
display:inline-block;
box-sizing:border-box;
padding:0;
margin:0;

border:2px solid red;
width:300px;
height:75px;

overflow:hidden;
}

.badge p {
margin:0;
text-align:center;

font-size: 8pt;
line-height: 9pt;
}

.badge .b-icon {
padding:5px;
border-right:1px solid black;
position:relative;
display:inline-block;
width:25%;
height:100%;

vertical-align:top;
}

.badge .b-infos {
position:relative;
display:inline-block;
width:70%;
}

.badge h6 {
text-align:center;
margin:0;
padding:0;
}

#content li:not(#toc ul li) {list-style: none; margin-bottom: 10px; position: relative; }
#content li:not(#toc ul li)::before {content: "\22C6 \00a0"; }
#toc {z-index: 100;}

MediaWiki:Common.css

2024-02-02T15:47:49Z

Dobody :

MediaWiki:Common.css

2024-02-02T15:40:09Z

Dobody :

/* C O M M O N . c s s
*
* # dark mode
* # templates
* ## badges

/* une media query qui permet de prendre en compte la préférence de couleur du navigateur.
Tout ce qui est en dehors de cette @media est pour le thème blanc et dans le @media (prefers-color-scheme: dark) */

/* Liste des éléments à inverser
* div.thumbcaption /* image "thumb"
* button.button.search /* lien externes
* a.external.free /* lien externes
* table.wikitable /* Table wiki ex : En construction Pika
*/

/*
@media (prefers-color-scheme: dark) {

.page-Bienvenue_à_l’erg h1 {
display:inline=block;
color:red !important;
}
code {
background-color: #111;
border-radius: 4px;
border: 2px solid #666;
color: #999;
font-size: .9em;
}
.title {
color: #9557b5;
}
.mw-headline {
color: #3c856b;
}
body.action-view #page-content a {
color: white;
}
html {
background-color: #222;
background-color: #222;
color: white;
}
body{.
background-color:inherit;
color:inherit;
background: #222;
}
}

*/
pre{

border-radius: 10px;
}
.rssicon {
display: inline-block;
width: 32px;
height: 32px;
background-image: url(/mw/resources/assets/Feed-icon.png);
}

.hidden {
display: none;
}

table.infobox {
width: 30em;
font-size: 90%;
border: 1px solid #aaaaaa;
background-color: #f9f9f9;
color: black;
margin-bottom: 0.5em;
margin-left: 1em;
padding: 0.2em;
float: right;
clear: right;
text-align:left;
}

table.infobox th.head {
text-align: center;
background-color:#ccccff;
}

/* Flexgal */
div.flexgal {
box-sizing: border-box;
margin: 0;
padding: 0;
}

div.flexgal div.item {
display: flexbox;
}
div.flexgal div.item p {
margin: 0;
padding: 0; /* padding + margin seem to conflict with the grid layout */
}
a img {
border: none;
vertical-align: top; /* magically this cancels the containing anchor's bottom border */
}

div.pubdate {
clear: both;
}

.Media {
display: flex;
align-items: flex-start;
margin-bottom: 1em;
}

.Media-figure {
margin-right: 1em;
}

.Media-body {
flex: 1;
}

/* simplify the footer links */
ul#poweredby, li#footer-disclaimer { display: none; }

.snowflake {
position:absolute;
color:blue;
transition: top 5s linear;
-webkit-text-stroke-width: 1px;
-webkit-text-stroke-color: rgba(0,0,0,0.01);
}

#content {
max-width: 80ch;
margin: auto;
}

/* -- External Image Template -- */
.externalimage-holder {
display:inline-block;
position: relative;
}
.externalimage-holder img {
width: 100%;
height: auto;
}

/* -- Captcha Page Edition -- */
label[for=wpCaptchaWord] {
background-color:#FFCCCB;
color:white;
border:2px solid white;
}

/* -- Badges -- */
.badge {
margin:10px;
display:inline-block;
box-sizing:border-box;
padding:0;
margin:0;

border:2px solid red;
width:300px;
height:75px;

overflow:hidden;
}

.badge p {
margin:0;
text-align:center;

font-size: 8pt;
line-height: 9pt;
}

.badge .b-icon {
padding:5px;
border-right:1px solid black;
position:relative;
display:inline-block;
width:25%;
height:100%;

vertical-align:top;
}

.badge .b-infos {
position:relative;
display:inline-block;
width:70%;
}

.badge h6 {
text-align:center;
margin:0;
padding:0;
}

#content li:not(#toc ul li) {list-style: none; margin-bottom: 10px; position: relative; }
// #content li:not(#toc ul li)::before {content: "\2192 \00a0"; }
#toc {z-index: 100;}

MediaWiki:Ouroboros.css

2024-02-02T15:35:33Z

Dobody :

/*
_ ______ _____ _ _______ _ _ _________ _ _ ______ __ __ ______
| | | ____| / ____| |/ /_ _| \ | | / /__ __| | | | ____| \/ | ____|
| | | |__ | (___ | ' / | | | \| | / / | | | |__| | |__ | \ / | |__
| | | __| \___ \| < | | | . ` | / / | | | __ | __| | |\/| | __|
| |____| |____ ____) | . \ _| |_| |\ |/ / | | | | | | |____| | | | |____
|______|______|_|_____/|_|\_\_____|_|_\_/_/___ _ |_| |_| |_|______|_| |_|______|
/ __ \| ____| ____|_ _/ ____|_ _| ____| |
| | | | |__ | |__ | || | | | | |__ | |
| | | | __| | __| | || | | | | __| | |
| |__| | | | | _| || |____ _| |_| |____| |____
\____/|_|____|_| |_____\_____|_____|______|______|
| __ \| ____|
| | | | |__
| | | | __|
| |__| | |____
|_____/|______|_ _____ _____
| | | ____| __ \ / ____|
| | | |__ | |__) | | __
| | | __| | _ /| | |_ |
| |____ | |____| | \ \| |__| |
|______| |______|_| \_\\_____|

*/

@font-face {
font-family: AntiqueNoble;
src: url("/mw/skins/ouroboros/assets/fonts/antiquenoblebold.woff");
}

@font-face {
font-family: Combined;
src: url("/mw/skins/ouroboros/assets/fonts/combined.otf");
}
@font-face {
font-family: Lucette;
src: url("/mw/skins/ouroboros/assets/fonts/LUCETTE/font/otf/Lucette-Regular.otf");
src: url("/mw/skins/ouroboros/assets/fonts/LUCETTE/font/ttf/Lucette-Regular.ttf");
src: url("/mw/skins/ouroboros/assets/fonts/LUCETTE/font/woff/Lucette-Regular.woff");
src: url("/mw/skins/ouroboros/assets/fonts/LUCETTE/font/woff2/Lucette-Regular.woff2");
}
@font-face {
font-family: Lucette;
src: url("/mw/skins/ouroboros/assets/fonts/LUCETTE/font/otf/Lucette-Regularitalic.otf");
src: url("/mw/skins/ouroboros/assets/fonts/LUCETTE/font/ttf/Lucette-Regularitalic.ttf");
src: url("/mw/skins/ouroboros/assets/fonts/LUCETTE/font/woff/Lucette-Regularitalic.woff");
src: url("/mw/skins/ouroboros/assets/fonts/LUCETTE/font/woff2/Lucette-Regularitalic.woff2");
font-style: italic;
}
/*
@font-face {
font-family: Vega;
src: url("/mw/skins/ouroboros/assets/fonts/otf/Vega-Regular.otf");
src: url("/mw/skins/ouroboros/assets/fonts/Vega-Regular.ttf") format("truetype");
src: url("/mw/skins/ouroboros/assets/fonts/Vega-Regular-Webfont.svg" format("svg"));
src: url("/mw/skins/ouroboros/assets/fonts/Vega-Regular.woff" format("woff"));
src: url("/mw/skins/ouroboros/assets/fonts/Vega-Regular.woff2") format("woff2");
}
*/

/* Global variables. */
:root,
::backdrop {
/* Set sans-serif & mono fonts */
--sans-font: -apple-system, BlinkMacSystemFont, "Avenir Next", Avenir,
"Nimbus Sans L", Roboto, "Noto Sans", "Segoe UI", Arial, Helvetica,
"Helvetica Neue", sans-serif;
--mono-font: Consolas, Menlo, Monaco, "Andale Mono", "Ubuntu Mono", monospace;
--standard-border-radius: 5px;

/* Default (light) theme */
--bg: #fff;
--accent-bg: #f5f7ff;
--text: #212121;
--text-light: #585858;
--border: #898EA4;
--accent: #0d47a1;
--accent-hover: #1266e2;
--accent-text: var(--bg);
--code: #d81b60;
--preformatted: #444;
--marked: #ffdd33;
--disabled: #efefef;

--font-title: Ductus;
--font-body: Lucette;
--color-a: #a700ff; /* purple */
--color-b: #00ab6b; /* green */
--font-size: 15pt;
--line-height: 1.3em;
}

/* Dark theme */
@media (prefers-color-scheme: dark) {
:root,
::backdrop {
color-scheme: dark;
--bg: #222;
--accent-bg: #2b2b2b;
--text: #dcdcdc;
--text-light: #ababab;
--accent: #ffb300;
--accent-hover: #ffe099;
--accent-text: var(--bg);
--code: #f06292;
--preformatted: #ccc;
--disabled: #111;

--font-title: Ductus;
--font-body: Lucette;
--color-a: #9557b5; /* washed-off purple */
--color-b: #3c856b; /* washed-off green */
--font-size: 15pt;
--line-height: 1.3em;
}
}

/* Reset box-sizing */
*, *::before, *::after {
box-sizing: border-box;
}

body {
font-family: var(--font-body);
font-size: var(--font-size);
line-height: var(--line-height);
padding-top: 3em;
background-color: var(--bg);
color: var(--text);
border-right: 2px solid #3a3a3a;
}
p {
font-size: var(--font-size);
line-height: var(--line-height);
margin-bottom: 0;
}
p + p {
margin-top: var(--line-height);
}

/* INTERFACE ------------------------------------------------------------------ */
/* remove category help button (does it remove other stuff? mmm...) */
#mw-indicator-mw-helplink {
display: none;
}

/* Menu bar, position fixed to be able to grab it to resize the map on mobile devices */
#navwrapper {
position: fixed;
top: 0;
right: 0;
z-index: 1000;
left: 0;
}

h4.namespace.label {
display: none;
}

.mw-editsection, .mw-editsection-like {
font-size: 10px;
}

#actions {
left: initial !important;
right: 14px;
top: -21px;
background-color: var(--accent-bg);
border: 1px solid var(--text-light);
color: var(--text-light);
}
a#actions-button {
margin-top: -1em;
background-color: var(--accent-bg);
padding: 5px;
color: var(--text-light);
}
.fa,
button, .button,
.top-bar-section ul li > a {
font-family: var(--font-body);
}
.fa::before {
font-family: FontAwesome;
}

.top-bar,
.top-bar-section,
#top-bar-left,
#top-bar-right,
#top-bar-right .columns {
display: flex;
background-color: #222;
align-items: center;
justify-content: space-evenly;
}
#top-bar-left {
width: initial;
}
.top-bar-section {
flex-grow: 1;
}
.has-form {
flex-grow: 1;
padding: 0.5em !important;
}
#top-bar-right {
justify-content: space-between;
flex-grow: 1;
}
.top-bar input {
padding-top: 8px;
flex-grow: 1;
height: 2em;
box-sizing: border-box;
border: 0;
outline: 0;
}
.button.search {
background-color: transparent;
border-style: solid;
border-width: 2px;
border-image: linear-gradient(to right, var(--color-a), var(--color-b));
border-image-slice: 1;
top: 2px !important;
position: relative;
margin-left: 0px !important;
box-sizing: border-box;
padding: 0;
width: 80px;
height: 2em;
margin: 0;
top: 0 !important;
}
.button.search:hover {
background-color: var(--color-a);
}
.suggestions-result-current {
background-color: var(--color-b) !important;
}

.top-bar .toggle-topbar a {
text-transform: lowercase;
font-size: 1em;
}

#toc, .toc {
float: right;
margin-left: 1em;
max-width: 45%;
background-color: var(--accent-bg);
border-radius: 5px;
}
.toctitle {
margin-bottom: -1em;
}
#toc h2 {
margin-top: 0.25em;
font-size: 1em;
display: inline-block;
margin-right: 0.5em;
}
#toc ul {
margin: 0;
}
.tocnumber:after {
content: " – ";
}

table.infobox {
width: initial;
max-width: 45%;
}
table.infobox th.head {
background-color: var(--color-b);
}
th, td {
padding: 0.5em !important;
}

li {
line-height: initial;
}

.mw-category-generated {
margin-top: 2em;
}

/* if no content but only listing subcategories */
.mw-parser-output:empty + .mw-category-generated h2 {
display: none;
}

/* If only one subcategory, don't list the initial */
.mw-category-generated #mw-pages div:only-of-type h3,
#mw-subcategories div:only-of-type h3 {
/*display: none;*/
}

/* removes counting of categories */
.mw-category-generated #mw-pages p:first-of-type,
#mw-subcategories p:first-of-type {
display: none;
}

.group {
margin-top: 5em;
}
#catlinks .label {
border-width: 2px;
border-style: solid;
background-color: transparent;
padding: 2px 6px !important;
}

/* HEADER ------------------------------------------------------------------ */
.title-name {
font-family: var(--font-title);
font-weight: bold;
}
.title-name:hover {
color: var(--color-a);
}

.top-bar-section .has-form {
background-color: #222 !important;
}
.top-bar-section .has-dropdown > a::after {
display: none;
}
.top-bar-section .has-dropdown > a {
padding-right: initial !important;
}
.top-bar-section .dropdown li {
width: initial;
/*height: 2em;*/
position: relative;
padding: 0;
border-bottom: 1px solid lightgray;
}
.top-bar-section ul li {
padding: 0 0.5em;
background-color: #222;
}
.top-bar-section ul li:hover {
z-index: 1000;
}
.top-bar-section ul li > a {
font-size: 16px;
padding: 0;
font-weight: bold;
}

li#p-menu > a {
text-transform: uppercase;
padding: 0;
}
li#p-menu > a + ul li {
outline: 1px solid #00a393;
}

.top-bar-section .dropdown li:not(.has-form):not(.active):hover > a:not(.button) {
background: linear-gradient(90deg,var(--color-a), var(--color-b));
}
li#p-menu + li.has-dropdown {
width: 3em;
text-align: center;
}
li#p-menu + li.has-dropdown > a {
border-radius: 100%;
padding: 0;
text-align: center;
line-height: 30px;
margin: auto;
display: inline-block;
width: 30px;
box-sizing: border-box;
height: 30px;
}
.not-logged-in #top-bar-right li:nth-child(3) {
display: none;
}

#toolbox-dropdown li, #personal-tools-dropdown .dropdown li {
float: right;
}

.back h5 {
font-size: 2em !important;
}
a.parent-link {
color: var(--color-b) !important;
font-weight: bold !important;
}

/* CONTENT ------------------------------------------------------------------ */
#page-content {
margin: 1em;
color: var(--text);
}
#english {
position: relative;
top: -1.5em;
}

h1, h2, h3, h4, h5, h6 {
margin-top: 1em;
color: var(--color-b);
line-height: 1.5em;
font-family: var(--font-body);
}
h1, h1#firstHeading, h2 {
font-family: var(--font-title);
font-size: 1.5em;
}
h2 {
font-family: var(--font-title);
}

h1 {
color: var(--color-a);
}
h2 span {
display: initial;
}
h3 {
font-family: var(--font-title);
font-size: 1em;
}
body.action-view #page-content a {
border-image: linear-gradient(to right, var(--color-a), var(--color-b));
border-bottom-width: 2px;
border-image-slice: 1;
color: var(--text);
border-bottom-style: solid;
padding: 3px 5px 1px;

}
#page-content a:hover,
#catlinks .label:hover {
background-color: var(--color-a);
color: white !important;
}
/* Removes user name */
h3#tagline {
display: none;
}
#bodyContent {
margin-top: 3em;
}

#page-content ul, #page-content ol {
font-size: 1em;
margin-top: calc( var(--line-height) / 2) !important;
margin-bottom: calc( var(--line-height) / 1) !important;
}
div {
line-height: 1.4em ;
}
label {
color: var(--text-light);
}
label[for="wpCaptchaWord"]{
background-color: orangered;
}
code, pre {
color: darkgrey;
background-color: #181818;
border: 1px solid darkgrey;
border-radius:3px;
font-size: 0.8em;
padding: 1ch;
}

/* ACTUALITÉS ------------------------------------------------------------------ */
.medialisting {
display: flex;
flex-wrap: wrap;
}
.medialisting a {
border: 0 !important;
}
.Media {
display: flex;
align-items: flex-start;
margin-bottom: 1em;
flex-direction: column;
flex-basis: 32%;
box-sizing: border-box;
justify-content: center;
padding: 0.5em;
background: radial-gradient(var(--color-a) -31%, transparent 60%);
}
.Media:nth-child(2n) {
background: radial-gradient(var(--color-b) -31%, transparent 60%);
}
.Media-body {
flex: initial;
}

.flexgal {
display: flex;
flex-wrap: wrap;
}

/* THUMBNAILS ------------------------------------------------------------------ */
.thumbinner {
background-color: var(--accent-bg);
}
.thumb.tleft {
margin-right: 2em;
}
.Media-figure a,
.image.fancybox {
display: inline-block;
}
.magnify a {
text-indent: 0;
width: 25px;
height: 25px;
border-style: solid;
border-width: 2px;
line-height: 15px;
}
.magnify a:before {
content: "+";
font-family: FontAwesome;
font-size: 20px;
}

/* MEDIA QUERIES ------------------------------------------------------------------ */
@media (max-width: 800px) {
div.tleft, div.floatleft, table.floatleft {
width: 100%;
margin-bottom: 3em;
}
#toc {
max-width: initial;
width: 100%;
margin-left: 0;

}
}
@media only screen and (max-width: 600px) {
.top-bar,
.top-bar-section,
#top-bar-right,
#top-bar-right .columns {
display: inherit;
}
.top-bar.expanded {
flex-wrap: wrap;
}
.top-bar.expanded .title-area {
display: flex;
flex-grow: 1;
justify-content: space-between;
}
.top-bar.expanded .top-bar,
.top-bar.expanded .top-bar-section,
.top-bar.expanded #top-bar-right,
.top-bar.expanded #top-bar-right .columns {
display: flex;
align-items: center;
}
.divider.show-for-small {
display: none !important;
}
}

/* Formulaire d'edition ------------------------------------------------------------------ */
#editform
{
margin-top: -5vh;
}

MediaWiki:Ouroboros.css

2024-02-02T15:30:35Z

Dobody :

/*
_ ______ _____ _ _______ _ _ _________ _ _ ______ __ __ ______
| | | ____| / ____| |/ /_ _| \ | | / /__ __| | | | ____| \/ | ____|
| | | |__ | (___ | ' / | | | \| | / / | | | |__| | |__ | \ / | |__
| | | __| \___ \| < | | | . ` | / / | | | __ | __| | |\/| | __|
| |____| |____ ____) | . \ _| |_| |\ |/ / | | | | | | |____| | | | |____
|______|______|_|_____/|_|\_\_____|_|_\_/_/___ _ |_| |_| |_|______|_| |_|______|
/ __ \| ____| ____|_ _/ ____|_ _| ____| |
| | | | |__ | |__ | || | | | | |__ | |
| | | | __| | __| | || | | | | __| | |
| |__| | | | | _| || |____ _| |_| |____| |____
\____/|_|____|_| |_____\_____|_____|______|______|
| __ \| ____|
| | | | |__
| | | | __|
| |__| | |____
|_____/|______|_ _____ _____
| | | ____| __ \ / ____|
| | | |__ | |__) | | __
| | | __| | _ /| | |_ |
| |____ | |____| | \ \| |__| |
|______| |______|_| \_\\_____|

*/

@font-face {
font-family: AntiqueNoble;
src: url("/mw/skins/ouroboros/assets/fonts/antiquenoblebold.woff");
}

@font-face {
font-family: Combined;
src: url("/mw/skins/ouroboros/assets/fonts/combined.otf");
}
@font-face {
font-family: Lucette;
src: url("/mw/skins/ouroboros/assets/fonts/LUCETTE/font/otf/Lucette-Regular.otf");
src: url("/mw/skins/ouroboros/assets/fonts/LUCETTE/font/ttf/Lucette-Regular.ttf");
src: url("/mw/skins/ouroboros/assets/fonts/LUCETTE/font/woff/Lucette-Regular.woff");
src: url("/mw/skins/ouroboros/assets/fonts/LUCETTE/font/woff2/Lucette-Regular.woff2");
}
@font-face {
font-family: Lucette;
src: url("/mw/skins/ouroboros/assets/fonts/LUCETTE/font/otf/Lucette-Regularitalic.otf");
src: url("/mw/skins/ouroboros/assets/fonts/LUCETTE/font/ttf/Lucette-Regularitalic.ttf");
src: url("/mw/skins/ouroboros/assets/fonts/LUCETTE/font/woff/Lucette-Regularitalic.woff");
src: url("/mw/skins/ouroboros/assets/fonts/LUCETTE/font/woff2/Lucette-Regularitalic.woff2");
font-style: italic;
}
/*
@font-face {
font-family: Vega;
src: url("/mw/skins/ouroboros/assets/fonts/otf/Vega-Regular.otf");
src: url("/mw/skins/ouroboros/assets/fonts/Vega-Regular.ttf") format("truetype");
src: url("/mw/skins/ouroboros/assets/fonts/Vega-Regular-Webfont.svg" format("svg"));
src: url("/mw/skins/ouroboros/assets/fonts/Vega-Regular.woff" format("woff"));
src: url("/mw/skins/ouroboros/assets/fonts/Vega-Regular.woff2") format("woff2");
}
*/

/* Global variables. */
:root,
::backdrop {
/* Set sans-serif & mono fonts */
--sans-font: -apple-system, BlinkMacSystemFont, "Avenir Next", Avenir,
"Nimbus Sans L", Roboto, "Noto Sans", "Segoe UI", Arial, Helvetica,
"Helvetica Neue", sans-serif;
--mono-font: Consolas, Menlo, Monaco, "Andale Mono", "Ubuntu Mono", monospace;
--standard-border-radius: 5px;

/* Default (light) theme */
--bg: #fff;
--accent-bg: #f5f7ff;
--text: #212121;
--text-light: #585858;
--border: #898EA4;
--accent: #0d47a1;
--accent-hover: #1266e2;
--accent-text: var(--bg);
--code: #d81b60;
--preformatted: #444;
--marked: #ffdd33;
--disabled: #efefef;

--font-title: Ductus;
--font-body: Lucette;
--color-a: #a700ff; /* purple */
--color-b: #00ab6b; /* green */
--font-size: 15pt;
--line-height: 1.3em;
}

/* Dark theme */
@media (prefers-color-scheme: dark) {
:root,
::backdrop {
color-scheme: dark;
--bg: #222;
--accent-bg: #2b2b2b;
--text: #dcdcdc;
--text-light: #ababab;
--accent: #ffb300;
--accent-hover: #ffe099;
--accent-text: var(--bg);
--code: #f06292;
--preformatted: #ccc;
--disabled: #111;

--font-title: Ductus;
--font-body: Lucette;
--color-a: #9557b5; /* washed-off purple */
--color-b: #3c856b; /* washed-off green */
--font-size: 15pt;
--line-height: 1.3em;
}
}

/* Reset box-sizing */
*, *::before, *::after {
box-sizing: border-box;
}

body {
font-family: var(--font-body);
font-size: var(--font-size);
line-height: var(--line-height);
padding-top: 3em;
background-color: var(--bg);
color: var(--text);
border-right: 2px solid #3a3a3a;
}
p {
font-size: var(--font-size);
line-height: var(--line-height);
margin-bottom: 0;
}
p + p {
margin-top: var(--line-height);
}

/* INTERFACE ------------------------------------------------------------------ */
/* remove category help button (does it remove other stuff? mmm...) */
#mw-indicator-mw-helplink {
display: none;
}

/* Menu bar, position fixed to be able to grab it to resize the map on mobile devices */
#navwrapper {
position: fixed;
top: 0;
right: 0;
z-index: 1000;
left: 0;
}

h4.namespace.label {
display: none;
}

.mw-editsection, .mw-editsection-like {
font-size: 10px;
}

#actions {
left: initial !important;
right: 14px;
top: -21px;
background-color: var(--accent-bg);
border: 1px solid var(--text-light);
color: var(--text-light);
}
a#actions-button {
margin-top: -1em;
background-color: var(--accent-bg);
padding: 5px;
color: var(--text-light);
}
.fa,
button, .button,
.top-bar-section ul li > a {
font-family: var(--font-body);
}
.fa::before {
font-family: FontAwesome;
}

.top-bar,
.top-bar-section,
#top-bar-left,
#top-bar-right,
#top-bar-right .columns {
display: flex;
background-color: #222;
align-items: center;
justify-content: space-evenly;
}
#top-bar-left {
width: initial;
}
.top-bar-section {
flex-grow: 1;
}
.has-form {
flex-grow: 1;
padding: 0.5em !important;
}
#top-bar-right {
justify-content: space-between;
flex-grow: 1;
}
.top-bar input {
padding-top: 8px;
flex-grow: 1;
height: 2em;
box-sizing: border-box;
border: 0;
outline: 0;
}
.button.search {
background-color: transparent;
border-style: solid;
border-width: 2px;
border-image: linear-gradient(to right, var(--color-a), var(--color-b));
border-image-slice: 1;
top: 2px !important;
position: relative;
margin-left: 0px !important;
box-sizing: border-box;
padding: 0;
width: 80px;
height: 2em;
margin: 0;
top: 0 !important;
}
.button.search:hover {
background-color: var(--color-a);
}
.suggestions-result-current {
background-color: var(--color-b) !important;
}

.top-bar .toggle-topbar a {
text-transform: lowercase;
font-size: 1em;
}

#toc, .toc {
float: right;
margin-left: 1em;
max-width: 45%;
background-color: var(--accent-bg);
border-radius: 5px;
}
.toctitle {
margin-bottom: -1em;
}
#toc h2 {
margin-top: 0.25em;
font-size: 1em;
display: inline-block;
margin-right: 0.5em;
}
#toc ul {
margin: 0;
}
.tocnumber:after {
content: " – ";
}

table.infobox {
width: initial;
max-width: 45%;
}
table.infobox th.head {
background-color: var(--color-b);
}
th, td {
padding: 0.5em !important;
}

li {
line-height: initial;
}

.mw-category-generated {
margin-top: 2em;
}

/* if no content but only listing subcategories */
.mw-parser-output:empty + .mw-category-generated h2 {
display: none;
}

/* If only one subcategory, don't list the initial */
.mw-category-generated #mw-pages div:only-of-type h3,
#mw-subcategories div:only-of-type h3 {
/*display: none;*/
}

/* removes counting of categories */
.mw-category-generated #mw-pages p:first-of-type,
#mw-subcategories p:first-of-type {
display: none;
}

.group {
margin-top: 5em;
}
#catlinks .label {
border-width: 2px;
border-style: solid;
background-color: transparent;
padding: 2px 6px !important;
}

/* HEADER ------------------------------------------------------------------ */
.title-name {
font-family: var(--font-title);
font-weight: bold;
}
.title-name:hover {
color: var(--color-a);
}

.top-bar-section .has-form {
background-color: #222 !important;
}
.top-bar-section .has-dropdown > a::after {
display: none;
}
.top-bar-section .has-dropdown > a {
padding-right: initial !important;
}
.top-bar-section .dropdown li {
width: initial;
/*height: 2em;*/
position: relative;
padding: 0;
border-bottom: 1px solid lightgray;
}
.top-bar-section ul li {
padding: 0 0.5em;
background-color: #222;
}
.top-bar-section ul li:hover {
z-index: 1000;
}
.top-bar-section ul li > a {
font-size: 16px;
padding: 0;
font-weight: bold;
}

li#p-menu > a {
text-transform: uppercase;
padding: 0;
}
li#p-menu > a + ul li {
outline: 1px solid #00a393;
}

.top-bar-section .dropdown li:not(.has-form):not(.active):hover > a:not(.button) {
background: linear-gradient(90deg,var(--color-a), var(--color-b));
}
li#p-menu + li.has-dropdown {
width: 3em;
text-align: center;
}
li#p-menu + li.has-dropdown > a {
border-radius: 100%;
padding: 0;
text-align: center;
line-height: 30px;
margin: auto;
display: inline-block;
width: 30px;
box-sizing: border-box;
height: 30px;
}
.not-logged-in #top-bar-right li:nth-child(3) {
display: none;
}

#toolbox-dropdown li, #personal-tools-dropdown .dropdown li {
float: right;
}

.back h5 {
font-size: 2em !important;
}
a.parent-link {
color: var(--color-b) !important;
font-weight: bold !important;
}

/* CONTENT ------------------------------------------------------------------ */
#page-content {
margin: 1em;
color: var(--text);
}
#english {
position: relative;
top: -1.5em;
}

h1, h2, h3, h4, h5, h6 {
margin-top: 1em;
color: var(--color-b);
line-height: 1.5em;
font-family: var(--font-body);
}
h1, h1#firstHeading, h2 {
font-family: var(--font-title);
font-size: 1.5em;
}
h2 {
font-family: var(--font-body);
}

h1 {
color: var(--color-a);
}
h2 span {
display: initial;
}
h3 {
font-family: var(--font-title);
font-size: 1em;
}
body.action-view #page-content a {
border-image: linear-gradient(to right, var(--color-a), var(--color-b));
border-bottom-width: 2px;
border-image-slice: 1;
color: var(--text);
border-bottom-style: solid;
padding: 3px 5px 1px;

}
#page-content a:hover,
#catlinks .label:hover {
background-color: var(--color-a);
color: white !important;
}
/* Removes user name */
h3#tagline {
display: none;
}
#bodyContent {
margin-top: 3em;
}

#page-content ul, #page-content ol {
font-size: 1em;
margin-top: calc( var(--line-height) / 2) !important;
margin-bottom: calc( var(--line-height) / 1) !important;
}
div {
line-height: 1.4em ;
}
label {
color: var(--text-light);
}
label[for="wpCaptchaWord"]{
background-color: orangered;
}
code, pre {
color: darkgrey;
background-color: #181818;
border: 1px solid darkgrey;
border-radius:3px;
font-size: 0.8em;
padding: 1ch;
}

/* ACTUALITÉS ------------------------------------------------------------------ */
.medialisting {
display: flex;
flex-wrap: wrap;
}
.medialisting a {
border: 0 !important;
}
.Media {
display: flex;
align-items: flex-start;
margin-bottom: 1em;
flex-direction: column;
flex-basis: 32%;
box-sizing: border-box;
justify-content: center;
padding: 0.5em;
background: radial-gradient(var(--color-a) -31%, transparent 60%);
}
.Media:nth-child(2n) {
background: radial-gradient(var(--color-b) -31%, transparent 60%);
}
.Media-body {
flex: initial;
}

.flexgal {
display: flex;
flex-wrap: wrap;
}

/* THUMBNAILS ------------------------------------------------------------------ */
.thumbinner {
background-color: var(--accent-bg);
}
.thumb.tleft {
margin-right: 2em;
}
.Media-figure a,
.image.fancybox {
display: inline-block;
}
.magnify a {
text-indent: 0;
width: 25px;
height: 25px;
border-style: solid;
border-width: 2px;
line-height: 15px;
}
.magnify a:before {
content: "+";
font-family: FontAwesome;
font-size: 20px;
}

/* MEDIA QUERIES ------------------------------------------------------------------ */
@media (max-width: 800px) {
div.tleft, div.floatleft, table.floatleft {
width: 100%;
margin-bottom: 3em;
}
#toc {
max-width: initial;
width: 100%;
margin-left: 0;

}
}
@media only screen and (max-width: 600px) {
.top-bar,
.top-bar-section,
#top-bar-right,
#top-bar-right .columns {
display: inherit;
}
.top-bar.expanded {
flex-wrap: wrap;
}
.top-bar.expanded .title-area {
display: flex;
flex-grow: 1;
justify-content: space-between;
}
.top-bar.expanded .top-bar,
.top-bar.expanded .top-bar-section,
.top-bar.expanded #top-bar-right,
.top-bar.expanded #top-bar-right .columns {
display: flex;
align-items: center;
}
.divider.show-for-small {
display: none !important;
}
}

/* Formulaire d'edition ------------------------------------------------------------------ */
#editform
{
margin-top: -5vh;
}

MediaWiki:Ouroboros.css

2024-02-02T15:29:43Z

Dobody :

/*
_ ______ _____ _ _______ _ _ _________ _ _ ______ __ __ ______
| | | ____| / ____| |/ /_ _| \ | | / /__ __| | | | ____| \/ | ____|
| | | |__ | (___ | ' / | | | \| | / / | | | |__| | |__ | \ / | |__
| | | __| \___ \| < | | | . ` | / / | | | __ | __| | |\/| | __|
| |____| |____ ____) | . \ _| |_| |\ |/ / | | | | | | |____| | | | |____
|______|______|_|_____/|_|\_\_____|_|_\_/_/___ _ |_| |_| |_|______|_| |_|______|
/ __ \| ____| ____|_ _/ ____|_ _| ____| |
| | | | |__ | |__ | || | | | | |__ | |
| | | | __| | __| | || | | | | __| | |
| |__| | | | | _| || |____ _| |_| |____| |____
\____/|_|____|_| |_____\_____|_____|______|______|
| __ \| ____|
| | | | |__
| | | | __|
| |__| | |____
|_____/|______|_ _____ _____
| | | ____| __ \ / ____|
| | | |__ | |__) | | __
| | | __| | _ /| | |_ |
| |____ | |____| | \ \| |__| |
|______| |______|_| \_\\_____|

*/

@font-face {
font-family: AntiqueNoble;
src: url("/mw/skins/ouroboros/assets/fonts/antiquenoblebold.woff");
}

@font-face {
font-family: Combined;
src: url("/mw/skins/ouroboros/assets/fonts/combined.otf");
}
@font-face {
font-family: Lucette;
src: url("/mw/skins/ouroboros/assets/fonts/LUCETTE/font/otf/Lucette-Regular.otf");
src: url("/mw/skins/ouroboros/assets/fonts/LUCETTE/font/ttf/Lucette-Regular.ttf");
src: url("/mw/skins/ouroboros/assets/fonts/LUCETTE/font/woff/Lucette-Regular.woff");
src: url("/mw/skins/ouroboros/assets/fonts/LUCETTE/font/woff2/Lucette-Regular.woff2");
}
@font-face {
font-family: Lucette;
src: url("/mw/skins/ouroboros/assets/fonts/LUCETTE/font/otf/Lucette-Regularitalic.otf");
src: url("/mw/skins/ouroboros/assets/fonts/LUCETTE/font/ttf/Lucette-Regularitalic.ttf");
src: url("/mw/skins/ouroboros/assets/fonts/LUCETTE/font/woff/Lucette-Regularitalic.woff");
src: url("/mw/skins/ouroboros/assets/fonts/LUCETTE/font/woff2/Lucette-Regularitalic.woff2");
font-style: italic;
}
/*
@font-face {
font-family: Vega;
src: url("/mw/skins/ouroboros/assets/fonts/otf/Vega-Regular.otf");
src: url("/mw/skins/ouroboros/assets/fonts/Vega-Regular.ttf") format("truetype");
src: url("/mw/skins/ouroboros/assets/fonts/Vega-Regular-Webfont.svg" format("svg"));
src: url("/mw/skins/ouroboros/assets/fonts/Vega-Regular.woff" format("woff"));
src: url("/mw/skins/ouroboros/assets/fonts/Vega-Regular.woff2") format("woff2");
}
*/

/* Global variables. */
:root,
::backdrop {
/* Set sans-serif & mono fonts */
--sans-font: -apple-system, BlinkMacSystemFont, "Avenir Next", Avenir,
"Nimbus Sans L", Roboto, "Noto Sans", "Segoe UI", Arial, Helvetica,
"Helvetica Neue", sans-serif;
--mono-font: Consolas, Menlo, Monaco, "Andale Mono", "Ubuntu Mono", monospace;
--standard-border-radius: 5px;

/* Default (light) theme */
--bg: #fff;
--accent-bg: #f5f7ff;
--text: #212121;
--text-light: #585858;
--border: #898EA4;
--accent: #0d47a1;
--accent-hover: #1266e2;
--accent-text: var(--bg);
--code: #d81b60;
--preformatted: #444;
--marked: #ffdd33;
--disabled: #efefef;

--font-title: Ductus;
--font-body: Lucette;
--color-a: #a700ff; /* purple */
--color-b: #00ab6b; /* green */
--font-size: 15pt;
--line-height: 1.3em;
}

/* Dark theme */
@media (prefers-color-scheme: dark) {
:root,
::backdrop {
color-scheme: dark;
--bg: #222;
--accent-bg: #2b2b2b;
--text: #dcdcdc;
--text-light: #ababab;
--accent: #ffb300;
--accent-hover: #ffe099;
--accent-text: var(--bg);
--code: #f06292;
--preformatted: #ccc;
--disabled: #111;

--font-title: Ductus;
--font-body: Lucette;
--color-a: #9557b5; /* washed-off purple */
--color-b: #3c856b; /* washed-off green */
--font-size: 15pt;
--line-height: 1.3em;
}
}

/* Reset box-sizing */
*, *::before, *::after {
box-sizing: border-box;
}

body {
font-family: var(--font-body);
font-size: var(--font-size);
line-height: var(--line-height);
padding-top: 3em;
background-color: var(--bg);
color: var(--text);
border-right: 2px solid #3a3a3a;
}
p {
font-size: var(--font-size);
line-height: var(--line-height);
margin-bottom: 0;
}
p + p {
margin-top: var(--line-height);
}

/* INTERFACE ------------------------------------------------------------------ */
/* remove category help button (does it remove other stuff? mmm...) */
#mw-indicator-mw-helplink {
display: none;
}

/* Menu bar, position fixed to be able to grab it to resize the map on mobile devices */
#navwrapper {
position: fixed;
top: 0;
right: 0;
z-index: 1000;
left: 0;
}

h4.namespace.label {
display: none;
}

.mw-editsection, .mw-editsection-like {
font-size: 10px;
}

#actions {
left: initial !important;
right: 14px;
top: -21px;
background-color: var(--accent-bg);
border: 1px solid var(--text-light);
color: var(--text-light);
}
a#actions-button {
margin-top: -1em;
background-color: var(--accent-bg);
padding: 5px;
color: var(--text-light);
}
.fa,
button, .button,
.top-bar-section ul li > a {
font-family: var(--font-body);
}
.fa::before {
font-family: FontAwesome;
}

.top-bar,
.top-bar-section,
#top-bar-left,
#top-bar-right,
#top-bar-right .columns {
display: flex;
background-color: #222;
align-items: center;
justify-content: space-evenly;
}
#top-bar-left {
width: initial;
}
.top-bar-section {
flex-grow: 1;
}
.has-form {
flex-grow: 1;
padding: 0.5em !important;
}
#top-bar-right {
justify-content: space-between;
flex-grow: 1;
}
.top-bar input {
padding-top: 8px;
flex-grow: 1;
height: 2em;
box-sizing: border-box;
border: 0;
outline: 0;
}
.button.search {
background-color: transparent;
border-style: solid;
border-width: 2px;
border-image: linear-gradient(to right, var(--color-a), var(--color-b));
border-image-slice: 1;
top: 2px !important;
position: relative;
margin-left: 0px !important;
box-sizing: border-box;
padding: 0;
width: 80px;
height: 2em;
margin: 0;
top: 0 !important;
}
.button.search:hover {
background-color: var(--color-a);
}
.suggestions-result-current {
background-color: var(--color-b) !important;
}

.top-bar .toggle-topbar a {
text-transform: lowercase;
font-size: 1em;
}

#toc, .toc {
float: right;
margin-left: 1em;
max-width: 45%;
background-color: var(--accent-bg);
border-radius: 5px;
}
.toctitle {
margin-bottom: -1em;
}
#toc h2 {
margin-top: 0.25em;
font-size: 1em;
display: inline-block;
margin-right: 0.5em;
}
#toc ul {
margin: 0;
}
.tocnumber:after {
content: " – ";
}

table.infobox {
width: initial;
max-width: 45%;
}
table.infobox th.head {
background-color: var(--color-b);
}
th, td {
padding: 0.5em !important;
}

li {
line-height: initial;
}

.mw-category-generated {
margin-top: 2em;
}

/* if no content but only listing subcategories */
.mw-parser-output:empty + .mw-category-generated h2 {
display: none;
}

/* If only one subcategory, don't list the initial */
.mw-category-generated #mw-pages div:only-of-type h3,
#mw-subcategories div:only-of-type h3 {
/*display: none;*/
}

/* removes counting of categories */
.mw-category-generated #mw-pages p:first-of-type,
#mw-subcategories p:first-of-type {
display: none;
}

.group {
margin-top: 5em;
}
#catlinks .label {
border-width: 2px;
border-style: solid;
background-color: transparent;
padding: 2px 6px !important;
}

/* HEADER ------------------------------------------------------------------ */
.title-name {
font-family: var(--font-title);
font-weight: bold;
}
.title-name:hover {
color: var(--color-a);
}

.top-bar-section .has-form {
background-color: #222 !important;
}
.top-bar-section .has-dropdown > a::after {
display: none;
}
.top-bar-section .has-dropdown > a {
padding-right: initial !important;
}
.top-bar-section .dropdown li {
width: initial;
/*height: 2em;*/
position: relative;
padding: 0;
border-bottom: 1px solid lightgray;
}
.top-bar-section ul li {
padding: 0 0.5em;
background-color: #222;
}
.top-bar-section ul li:hover {
z-index: 1000;
}
.top-bar-section ul li > a {
font-size: 16px;
padding: 0;
font-weight: bold;
}

li#p-menu > a {
text-transform: uppercase;
padding: 0;
}
li#p-menu > a + ul li {
outline: 1px solid #00a393;
}

.top-bar-section .dropdown li:not(.has-form):not(.active):hover > a:not(.button) {
background: linear-gradient(90deg,var(--color-a), var(--color-b));
}
li#p-menu + li.has-dropdown {
width: 3em;
text-align: center;
}
li#p-menu + li.has-dropdown > a {
border-radius: 100%;
padding: 0;
text-align: center;
line-height: 30px;
margin: auto;
display: inline-block;
width: 30px;
box-sizing: border-box;
height: 30px;
}
.not-logged-in #top-bar-right li:nth-child(3) {
display: none;
}

#toolbox-dropdown li, #personal-tools-dropdown .dropdown li {
float: right;
}

.back h5 {
font-size: 2em !important;
}
a.parent-link {
color: var(--color-b) !important;
font-weight: bold !important;
}

/* CONTENT ------------------------------------------------------------------ */
#page-content {
margin: 1em;
color: var(--text);
}
#english {
position: relative;
top: -1.5em;
}

h1, h2, h3, h4, h5, h6 {
margin-top: 1em;
color: var(--color-b);
line-height: 1.5em;
font-family: var(--font-body);
}
h1, h1#firstHeading, h2 {
font-family: var(--font-title);
font-size: 1.5em;
}
h2 {
font-family: var(--font-body);
}

h1 {
color: var(--color-a);
}
h2 span {
display: initial;
}
h3 {
font-family: var(--font-title);
font-size: 1em;
}
body.action-view #page-content a {
border-image: linear-gradient(to right, var(--color-a), var(--color-b));
border-bottom-width: 2px;
border-image-slice: 1;
color: var(--text);
border-bottom-style: solid;
padding: 3px 5px 1px;

}
#page-content a:hover,
#catlinks .label:hover {
background-color: var(--color-a);
color: white !important;
}
/* Removes user name */
h3#tagline {
display: none;
}
#bodyContent {
margin-top: 3em;
}

#page-content ul, #page-content ol {
font-size: 1em;
margin-top: calc( var(--line-height) / 2) !important;
margin-bottom: calc( var(--line-height) / 2) !important;
}
div {
line-height: 1.4em ;
}
label {
color: var(--text-light);
}
label[for="wpCaptchaWord"]{
background-color: orangered;
}
code, pre {
color: darkgrey;
background-color: #181818;
border: 1px solid darkgrey;
border-radius:3px;
font-size: 0.8em;
padding: 1ch;
}

/* ACTUALITÉS ------------------------------------------------------------------ */
.medialisting {
display: flex;
flex-wrap: wrap;
}
.medialisting a {
border: 0 !important;
}
.Media {
display: flex;
align-items: flex-start;
margin-bottom: 1em;
flex-direction: column;
flex-basis: 32%;
box-sizing: border-box;
justify-content: center;
padding: 0.5em;
background: radial-gradient(var(--color-a) -31%, transparent 60%);
}
.Media:nth-child(2n) {
background: radial-gradient(var(--color-b) -31%, transparent 60%);
}
.Media-body {
flex: initial;
}

.flexgal {
display: flex;
flex-wrap: wrap;
}

/* THUMBNAILS ------------------------------------------------------------------ */
.thumbinner {
background-color: var(--accent-bg);
}
.thumb.tleft {
margin-right: 2em;
}
.Media-figure a,
.image.fancybox {
display: inline-block;
}
.magnify a {
text-indent: 0;
width: 25px;
height: 25px;
border-style: solid;
border-width: 2px;
line-height: 15px;
}
.magnify a:before {
content: "+";
font-family: FontAwesome;
font-size: 20px;
}

/* MEDIA QUERIES ------------------------------------------------------------------ */
@media (max-width: 800px) {
div.tleft, div.floatleft, table.floatleft {
width: 100%;
margin-bottom: 3em;
}
#toc {
max-width: initial;
width: 100%;
margin-left: 0;

}
}
@media only screen and (max-width: 600px) {
.top-bar,
.top-bar-section,
#top-bar-right,
#top-bar-right .columns {
display: inherit;
}
.top-bar.expanded {
flex-wrap: wrap;
}
.top-bar.expanded .title-area {
display: flex;
flex-grow: 1;
justify-content: space-between;
}
.top-bar.expanded .top-bar,
.top-bar.expanded .top-bar-section,
.top-bar.expanded #top-bar-right,
.top-bar.expanded #top-bar-right .columns {
display: flex;
align-items: center;
}
.divider.show-for-small {
display: none !important;
}
}

/* Formulaire d'edition ------------------------------------------------------------------ */
#editform
{
margin-top: -5vh;
}

MediaWiki:Ouroboros.css

2024-02-02T15:28:48Z

Dobody :

/*
_ ______ _____ _ _______ _ _ _________ _ _ ______ __ __ ______
| | | ____| / ____| |/ /_ _| \ | | / /__ __| | | | ____| \/ | ____|
| | | |__ | (___ | ' / | | | \| | / / | | | |__| | |__ | \ / | |__
| | | __| \___ \| < | | | . ` | / / | | | __ | __| | |\/| | __|
| |____| |____ ____) | . \ _| |_| |\ |/ / | | | | | | |____| | | | |____
|______|______|_|_____/|_|\_\_____|_|_\_/_/___ _ |_| |_| |_|______|_| |_|______|
/ __ \| ____| ____|_ _/ ____|_ _| ____| |
| | | | |__ | |__ | || | | | | |__ | |
| | | | __| | __| | || | | | | __| | |
| |__| | | | | _| || |____ _| |_| |____| |____
\____/|_|____|_| |_____\_____|_____|______|______|
| __ \| ____|
| | | | |__
| | | | __|
| |__| | |____
|_____/|______|_ _____ _____
| | | ____| __ \ / ____|
| | | |__ | |__) | | __
| | | __| | _ /| | |_ |
| |____ | |____| | \ \| |__| |
|______| |______|_| \_\\_____|

*/

@font-face {
font-family: AntiqueNoble;
src: url("/mw/skins/ouroboros/assets/fonts/antiquenoblebold.woff");
}

@font-face {
font-family: Combined;
src: url("/mw/skins/ouroboros/assets/fonts/combined.otf");
}
@font-face {
font-family: Lucette;
src: url("/mw/skins/ouroboros/assets/fonts/LUCETTE/font/otf/Lucette-Regular.otf");
src: url("/mw/skins/ouroboros/assets/fonts/LUCETTE/font/ttf/Lucette-Regular.ttf");
src: url("/mw/skins/ouroboros/assets/fonts/LUCETTE/font/woff/Lucette-Regular.woff");
src: url("/mw/skins/ouroboros/assets/fonts/LUCETTE/font/woff2/Lucette-Regular.woff2");
}
@font-face {
font-family: Lucette;
src: url("/mw/skins/ouroboros/assets/fonts/LUCETTE/font/otf/Lucette-Regularitalic.otf");
src: url("/mw/skins/ouroboros/assets/fonts/LUCETTE/font/ttf/Lucette-Regularitalic.ttf");
src: url("/mw/skins/ouroboros/assets/fonts/LUCETTE/font/woff/Lucette-Regularitalic.woff");
src: url("/mw/skins/ouroboros/assets/fonts/LUCETTE/font/woff2/Lucette-Regularitalic.woff2");
font-style: italic;
}
/*
@font-face {
font-family: Vega;
src: url("/mw/skins/ouroboros/assets/fonts/otf/Vega-Regular.otf");
src: url("/mw/skins/ouroboros/assets/fonts/Vega-Regular.ttf") format("truetype");
src: url("/mw/skins/ouroboros/assets/fonts/Vega-Regular-Webfont.svg" format("svg"));
src: url("/mw/skins/ouroboros/assets/fonts/Vega-Regular.woff" format("woff"));
src: url("/mw/skins/ouroboros/assets/fonts/Vega-Regular.woff2") format("woff2");
}
*/

/* Global variables. */
:root,
::backdrop {
/* Set sans-serif & mono fonts */
--sans-font: -apple-system, BlinkMacSystemFont, "Avenir Next", Avenir,
"Nimbus Sans L", Roboto, "Noto Sans", "Segoe UI", Arial, Helvetica,
"Helvetica Neue", sans-serif;
--mono-font: Consolas, Menlo, Monaco, "Andale Mono", "Ubuntu Mono", monospace;
--standard-border-radius: 5px;

/* Default (light) theme */
--bg: #fff;
--accent-bg: #f5f7ff;
--text: #212121;
--text-light: #585858;
--border: #898EA4;
--accent: #0d47a1;
--accent-hover: #1266e2;
--accent-text: var(--bg);
--code: #d81b60;
--preformatted: #444;
--marked: #ffdd33;
--disabled: #efefef;

--font-title: Ductus;
--font-body: Lucette;
--color-a: #a700ff; /* purple */
--color-b: #00ab6b; /* green */
--font-size: 15pt;
--line-height: 1.3em;
}

/* Dark theme */
@media (prefers-color-scheme: dark) {
:root,
::backdrop {
color-scheme: dark;
--bg: #222;
--accent-bg: #2b2b2b;
--text: #dcdcdc;
--text-light: #ababab;
--accent: #ffb300;
--accent-hover: #ffe099;
--accent-text: var(--bg);
--code: #f06292;
--preformatted: #ccc;
--disabled: #111;

--font-title: Ductus;
--font-body: Lucette;
--color-a: #9557b5; /* washed-off purple */
--color-b: #3c856b; /* washed-off green */
--font-size: 15pt;
--line-height: 1.3em;
}
}

/* Reset box-sizing */
*, *::before, *::after {
box-sizing: border-box;
}

body {
font-family: var(--font-body);
font-size: var(--font-size);
line-height: var(--line-height);
padding-top: 3em;
background-color: var(--bg);
color: var(--text);
border-right: 2px solid #3a3a3a;
}
p {
font-size: var(--font-size);
line-height: var(--line-height);
margin-bottom: 0;
}
p + p {
margin-top: var(--line-height);
}

/* INTERFACE ------------------------------------------------------------------ */
/* remove category help button (does it remove other stuff? mmm...) */
#mw-indicator-mw-helplink {
display: none;
}

/* Menu bar, position fixed to be able to grab it to resize the map on mobile devices */
#navwrapper {
position: fixed;
top: 0;
right: 0;
z-index: 1000;
left: 0;
}

h4.namespace.label {
display: none;
}

.mw-editsection, .mw-editsection-like {
font-size: 10px;
}

#actions {
left: initial !important;
right: 14px;
top: -21px;
background-color: var(--accent-bg);
border: 1px solid var(--text-light);
color: var(--text-light);
}
a#actions-button {
margin-top: -1em;
background-color: var(--accent-bg);
padding: 5px;
color: var(--text-light);
}
.fa,
button, .button,
.top-bar-section ul li > a {
font-family: var(--font-body);
}
.fa::before {
font-family: FontAwesome;
}

.top-bar,
.top-bar-section,
#top-bar-left,
#top-bar-right,
#top-bar-right .columns {
display: flex;
background-color: #222;
align-items: center;
justify-content: space-evenly;
}
#top-bar-left {
width: initial;
}
.top-bar-section {
flex-grow: 1;
}
.has-form {
flex-grow: 1;
padding: 0.5em !important;
}
#top-bar-right {
justify-content: space-between;
flex-grow: 1;
}
.top-bar input {
padding-top: 8px;
flex-grow: 1;
height: 2em;
box-sizing: border-box;
border: 0;
outline: 0;
}
.button.search {
background-color: transparent;
border-style: solid;
border-width: 2px;
border-image: linear-gradient(to right, var(--color-a), var(--color-b));
border-image-slice: 1;
top: 2px !important;
position: relative;
margin-left: 0px !important;
box-sizing: border-box;
padding: 0;
width: 80px;
height: 2em;
margin: 0;
top: 0 !important;
}
.button.search:hover {
background-color: var(--color-a);
}
.suggestions-result-current {
background-color: var(--color-b) !important;
}

.top-bar .toggle-topbar a {
text-transform: lowercase;
font-size: 1em;
}

#toc, .toc {
float: right;
margin-left: 1em;
max-width: 45%;
background-color: var(--accent-bg);
border-radius: 5px;
}
.toctitle {
margin-bottom: -1em;
}
#toc h2 {
margin-top: 0.25em;
font-size: 1em;
display: inline-block;
margin-right: 0.5em;
}
#toc ul {
margin: 0;
}
.tocnumber:after {
content: " – ";
}

table.infobox {
width: initial;
max-width: 45%;
}
table.infobox th.head {
background-color: var(--color-b);
}
th, td {
padding: 0.5em !important;
}

li {
line-height: initial;
}

.mw-category-generated {
margin-top: 2em;
}

/* if no content but only listing subcategories */
.mw-parser-output:empty + .mw-category-generated h2 {
display: none;
}

/* If only one subcategory, don't list the initial */
.mw-category-generated #mw-pages div:only-of-type h3,
#mw-subcategories div:only-of-type h3 {
/*display: none;*/
}

/* removes counting of categories */
.mw-category-generated #mw-pages p:first-of-type,
#mw-subcategories p:first-of-type {
display: none;
}

.group {
margin-top: 5em;
}
#catlinks .label {
border-width: 2px;
border-style: solid;
background-color: transparent;
padding: 2px 6px !important;
}

/* HEADER ------------------------------------------------------------------ */
.title-name {
font-family: var(--font-title);
font-weight: bold;
}
.title-name:hover {
color: var(--color-a);
}

.top-bar-section .has-form {
background-color: #222 !important;
}
.top-bar-section .has-dropdown > a::after {
display: none;
}
.top-bar-section .has-dropdown > a {
padding-right: initial !important;
}
.top-bar-section .dropdown li {
width: initial;
/*height: 2em;*/
position: relative;
padding: 0;
border-bottom: 1px solid lightgray;
}
.top-bar-section ul li {
padding: 0 0.5em;
background-color: #222;
}
.top-bar-section ul li:hover {
z-index: 1000;
}
.top-bar-section ul li > a {
font-size: 16px;
padding: 0;
font-weight: bold;
}

li#p-menu > a {
text-transform: uppercase;
padding: 0;
}
li#p-menu > a + ul li {
outline: 1px solid #00a393;
}

.top-bar-section .dropdown li:not(.has-form):not(.active):hover > a:not(.button) {
background: linear-gradient(90deg,var(--color-a), var(--color-b));
}
li#p-menu + li.has-dropdown {
width: 3em;
text-align: center;
}
li#p-menu + li.has-dropdown > a {
border-radius: 100%;
padding: 0;
text-align: center;
line-height: 30px;
margin: auto;
display: inline-block;
width: 30px;
box-sizing: border-box;
height: 30px;
}
.not-logged-in #top-bar-right li:nth-child(3) {
display: none;
}

#toolbox-dropdown li, #personal-tools-dropdown .dropdown li {
float: right;
}

.back h5 {
font-size: 2em !important;
}
a.parent-link {
color: var(--color-b) !important;
font-weight: bold !important;
}

/* CONTENT ------------------------------------------------------------------ */
#page-content {
margin: 1em;
color: var(--text);
}
#english {
position: relative;
top: -1.5em;
}

h1, h2, h3, h4, h5, h6 {
margin-top: 1em;
color: var(--color-b);
line-height: 1.5em;
font-family: var(--font-body);
}
h1, h1#firstHeading, h2 {
font-family: var(--font-title);
font-size: 1.5em;
}
h2 {
font-family: var(--font-body);
}

h1 {
color: var(--color-a);
}
h2 span {
display: initial;
}
h3 {
font-family: var(--font-title);
font-size: 1em;
}
body.action-view #page-content a {
border-image: linear-gradient(to right, var(--color-a), var(--color-b));
border-bottom-width: 2px;
border-image-slice: 1;
color: var(--text);
border-bottom-style: solid;
padding: 3px 5px 1px;

}
#page-content a:hover,
#catlinks .label:hover {
background-color: var(--color-a);
color: white !important;
}
/* Removes user name */
h3#tagline {
display: none;
}
#bodyContent {
margin-top: 3em;
}

#page-content ul, #page-content ol {
font-size: 1em;
margin-top: calc( var(--line-height) / 2) !important;
margin-top: calc( var(--line-height) / 2) !important;
}
div {
line-height: 1.4em ;
}
label {
color: var(--text-light);
}
label[for="wpCaptchaWord"]{
background-color: orangered;
}
code, pre {
color: darkgrey;
background-color: #181818;
border: 1px solid darkgrey;
border-radius:3px;
font-size: 0.8em;
padding: 1ch;
}

/* ACTUALITÉS ------------------------------------------------------------------ */
.medialisting {
display: flex;
flex-wrap: wrap;
}
.medialisting a {
border: 0 !important;
}
.Media {
display: flex;
align-items: flex-start;
margin-bottom: 1em;
flex-direction: column;
flex-basis: 32%;
box-sizing: border-box;
justify-content: center;
padding: 0.5em;
background: radial-gradient(var(--color-a) -31%, transparent 60%);
}
.Media:nth-child(2n) {
background: radial-gradient(var(--color-b) -31%, transparent 60%);
}
.Media-body {
flex: initial;
}

.flexgal {
display: flex;
flex-wrap: wrap;
}

/* THUMBNAILS ------------------------------------------------------------------ */
.thumbinner {
background-color: var(--accent-bg);
}
.thumb.tleft {
margin-right: 2em;
}
.Media-figure a,
.image.fancybox {
display: inline-block;
}
.magnify a {
text-indent: 0;
width: 25px;
height: 25px;
border-style: solid;
border-width: 2px;
line-height: 15px;
}
.magnify a:before {
content: "+";
font-family: FontAwesome;
font-size: 20px;
}

/* MEDIA QUERIES ------------------------------------------------------------------ */
@media (max-width: 800px) {
div.tleft, div.floatleft, table.floatleft {
width: 100%;
margin-bottom: 3em;
}
#toc {
max-width: initial;
width: 100%;
margin-left: 0;

}
}
@media only screen and (max-width: 600px) {
.top-bar,
.top-bar-section,
#top-bar-right,
#top-bar-right .columns {
display: inherit;
}
.top-bar.expanded {
flex-wrap: wrap;
}
.top-bar.expanded .title-area {
display: flex;
flex-grow: 1;
justify-content: space-between;
}
.top-bar.expanded .top-bar,
.top-bar.expanded .top-bar-section,
.top-bar.expanded #top-bar-right,
.top-bar.expanded #top-bar-right .columns {
display: flex;
align-items: center;
}
.divider.show-for-small {
display: none !important;
}
}

/* Formulaire d'edition ------------------------------------------------------------------ */
#editform
{
margin-top: -5vh;
}

MediaWiki:Ouroboros.css

2024-02-02T15:25:46Z

Dobody :

/*
_ ______ _____ _ _______ _ _ _________ _ _ ______ __ __ ______
| | | ____| / ____| |/ /_ _| \ | | / /__ __| | | | ____| \/ | ____|
| | | |__ | (___ | ' / | | | \| | / / | | | |__| | |__ | \ / | |__
| | | __| \___ \| < | | | . ` | / / | | | __ | __| | |\/| | __|
| |____| |____ ____) | . \ _| |_| |\ |/ / | | | | | | |____| | | | |____
|______|______|_|_____/|_|\_\_____|_|_\_/_/___ _ |_| |_| |_|______|_| |_|______|
/ __ \| ____| ____|_ _/ ____|_ _| ____| |
| | | | |__ | |__ | || | | | | |__ | |
| | | | __| | __| | || | | | | __| | |
| |__| | | | | _| || |____ _| |_| |____| |____
\____/|_|____|_| |_____\_____|_____|______|______|
| __ \| ____|
| | | | |__
| | | | __|
| |__| | |____
|_____/|______|_ _____ _____
| | | ____| __ \ / ____|
| | | |__ | |__) | | __
| | | __| | _ /| | |_ |
| |____ | |____| | \ \| |__| |
|______| |______|_| \_\\_____|

*/

@font-face {
font-family: AntiqueNoble;
src: url("/mw/skins/ouroboros/assets/fonts/antiquenoblebold.woff");
}

@font-face {
font-family: Combined;
src: url("/mw/skins/ouroboros/assets/fonts/combined.otf");
}
@font-face {
font-family: Lucette;
src: url("/mw/skins/ouroboros/assets/fonts/LUCETTE/font/otf/Lucette-Regular.otf");
src: url("/mw/skins/ouroboros/assets/fonts/LUCETTE/font/ttf/Lucette-Regular.ttf");
src: url("/mw/skins/ouroboros/assets/fonts/LUCETTE/font/woff/Lucette-Regular.woff");
src: url("/mw/skins/ouroboros/assets/fonts/LUCETTE/font/woff2/Lucette-Regular.woff2");
}
@font-face {
font-family: Lucette;
src: url("/mw/skins/ouroboros/assets/fonts/LUCETTE/font/otf/Lucette-Regularitalic.otf");
src: url("/mw/skins/ouroboros/assets/fonts/LUCETTE/font/ttf/Lucette-Regularitalic.ttf");
src: url("/mw/skins/ouroboros/assets/fonts/LUCETTE/font/woff/Lucette-Regularitalic.woff");
src: url("/mw/skins/ouroboros/assets/fonts/LUCETTE/font/woff2/Lucette-Regularitalic.woff2");
font-style: italic;
}
/*
@font-face {
font-family: Vega;
src: url("/mw/skins/ouroboros/assets/fonts/otf/Vega-Regular.otf");
src: url("/mw/skins/ouroboros/assets/fonts/Vega-Regular.ttf") format("truetype");
src: url("/mw/skins/ouroboros/assets/fonts/Vega-Regular-Webfont.svg" format("svg"));
src: url("/mw/skins/ouroboros/assets/fonts/Vega-Regular.woff" format("woff"));
src: url("/mw/skins/ouroboros/assets/fonts/Vega-Regular.woff2") format("woff2");
}
*/

/* Global variables. */
:root,
::backdrop {
/* Set sans-serif & mono fonts */
--sans-font: -apple-system, BlinkMacSystemFont, "Avenir Next", Avenir,
"Nimbus Sans L", Roboto, "Noto Sans", "Segoe UI", Arial, Helvetica,
"Helvetica Neue", sans-serif;
--mono-font: Consolas, Menlo, Monaco, "Andale Mono", "Ubuntu Mono", monospace;
--standard-border-radius: 5px;

/* Default (light) theme */
--bg: #fff;
--accent-bg: #f5f7ff;
--text: #212121;
--text-light: #585858;
--border: #898EA4;
--accent: #0d47a1;
--accent-hover: #1266e2;
--accent-text: var(--bg);
--code: #d81b60;
--preformatted: #444;
--marked: #ffdd33;
--disabled: #efefef;

--font-title: Ductus;
--font-body: Lucette;
--color-a: #a700ff; /* purple */
--color-b: #00ab6b; /* green */
--font-size: 15pt;
--line-height: 1.3em;
}

/* Dark theme */
@media (prefers-color-scheme: dark) {
:root,
::backdrop {
color-scheme: dark;
--bg: #222;
--accent-bg: #2b2b2b;
--text: #dcdcdc;
--text-light: #ababab;
--accent: #ffb300;
--accent-hover: #ffe099;
--accent-text: var(--bg);
--code: #f06292;
--preformatted: #ccc;
--disabled: #111;

--font-title: Ductus;
--font-body: Lucette;
--color-a: #9557b5; /* washed-off purple */
--color-b: #3c856b; /* washed-off green */
--font-size: 15pt;
--line-height: 1.3em;
}
}

/* Reset box-sizing */
*, *::before, *::after {
box-sizing: border-box;
}

body {
font-family: var(--font-body);
font-size: var(--font-size);
line-height: var(--line-height);
padding-top: 3em;
background-color: var(--bg);
color: var(--text);
border-right: 2px solid #3a3a3a;
}
p {
font-size: var(--font-size);
line-height: var(--line-height);
margin-bottom: 0;
}
p + p {
margin-top: var(--line-height);
}

/* INTERFACE ------------------------------------------------------------------ */
/* remove category help button (does it remove other stuff? mmm...) */
#mw-indicator-mw-helplink {
display: none;
}

/* Menu bar, position fixed to be able to grab it to resize the map on mobile devices */
#navwrapper {
position: fixed;
top: 0;
right: 0;
z-index: 1000;
left: 0;
}

h4.namespace.label {
display: none;
}

.mw-editsection, .mw-editsection-like {
font-size: 10px;
}

#actions {
left: initial !important;
right: 14px;
top: -21px;
background-color: var(--accent-bg);
border: 1px solid var(--text-light);
color: var(--text-light);
}
a#actions-button {
margin-top: -1em;
background-color: var(--accent-bg);
padding: 5px;
color: var(--text-light);
}
.fa,
button, .button,
.top-bar-section ul li > a {
font-family: var(--font-body);
}
.fa::before {
font-family: FontAwesome;
}

.top-bar,
.top-bar-section,
#top-bar-left,
#top-bar-right,
#top-bar-right .columns {
display: flex;
background-color: #222;
align-items: center;
justify-content: space-evenly;
}
#top-bar-left {
width: initial;
}
.top-bar-section {
flex-grow: 1;
}
.has-form {
flex-grow: 1;
padding: 0.5em !important;
}
#top-bar-right {
justify-content: space-between;
flex-grow: 1;
}
.top-bar input {
padding-top: 8px;
flex-grow: 1;
height: 2em;
box-sizing: border-box;
border: 0;
outline: 0;
}
.button.search {
background-color: transparent;
border-style: solid;
border-width: 2px;
border-image: linear-gradient(to right, var(--color-a), var(--color-b));
border-image-slice: 1;
top: 2px !important;
position: relative;
margin-left: 0px !important;
box-sizing: border-box;
padding: 0;
width: 80px;
height: 2em;
margin: 0;
top: 0 !important;
}
.button.search:hover {
background-color: var(--color-a);
}
.suggestions-result-current {
background-color: var(--color-b) !important;
}

.top-bar .toggle-topbar a {
text-transform: lowercase;
font-size: 1em;
}

#toc, .toc {
float: right;
margin-left: 1em;
max-width: 45%;
background-color: var(--accent-bg);
border-radius: 5px;
}
.toctitle {
margin-bottom: -1em;
}
#toc h2 {
margin-top: 0.25em;
font-size: 1em;
display: inline-block;
margin-right: 0.5em;
}
#toc ul {
margin: 0;
}
.tocnumber:after {
content: " – ";
}

table.infobox {
width: initial;
max-width: 45%;
}
table.infobox th.head {
background-color: var(--color-b);
}
th, td {
padding: 0.5em !important;
}

ul {
margin-top: calc( var(--line-height) / 2) !important;
margin-bottom: calc( var(--line-height) / 2) !important;
}

li {
line-height: initial;
}

.mw-category-generated {
margin-top: 2em;
}

/* if no content but only listing subcategories */
.mw-parser-output:empty + .mw-category-generated h2 {
display: none;
}

/* If only one subcategory, don't list the initial */
.mw-category-generated #mw-pages div:only-of-type h3,
#mw-subcategories div:only-of-type h3 {
/*display: none;*/
}

/* removes counting of categories */
.mw-category-generated #mw-pages p:first-of-type,
#mw-subcategories p:first-of-type {
display: none;
}

.group {
margin-top: 5em;
}
#catlinks .label {
border-width: 2px;
border-style: solid;
background-color: transparent;
padding: 2px 6px !important;
}

/* HEADER ------------------------------------------------------------------ */
.title-name {
font-family: var(--font-title);
font-weight: bold;
}
.title-name:hover {
color: var(--color-a);
}

.top-bar-section .has-form {
background-color: #222 !important;
}
.top-bar-section .has-dropdown > a::after {
display: none;
}
.top-bar-section .has-dropdown > a {
padding-right: initial !important;
}
.top-bar-section .dropdown li {
width: initial;
/*height: 2em;*/
position: relative;
padding: 0;
border-bottom: 1px solid lightgray;
}
.top-bar-section ul li {
padding: 0 0.5em;
background-color: #222;
}
.top-bar-section ul li:hover {
z-index: 1000;
}
.top-bar-section ul li > a {
font-size: 16px;
padding: 0;
font-weight: bold;
}

li#p-menu > a {
text-transform: uppercase;
padding: 0;
}
li#p-menu > a + ul li {
outline: 1px solid #00a393;
}

.top-bar-section .dropdown li:not(.has-form):not(.active):hover > a:not(.button) {
background: linear-gradient(90deg,var(--color-a), var(--color-b));
}
li#p-menu + li.has-dropdown {
width: 3em;
text-align: center;
}
li#p-menu + li.has-dropdown > a {
border-radius: 100%;
padding: 0;
text-align: center;
line-height: 30px;
margin: auto;
display: inline-block;
width: 30px;
box-sizing: border-box;
height: 30px;
}
.not-logged-in #top-bar-right li:nth-child(3) {
display: none;
}

#toolbox-dropdown li, #personal-tools-dropdown .dropdown li {
float: right;
}

.back h5 {
font-size: 2em !important;
}
a.parent-link {
color: var(--color-b) !important;
font-weight: bold !important;
}

/* CONTENT ------------------------------------------------------------------ */
#page-content {
margin: 1em;
color: var(--text);
}
#english {
position: relative;
top: -1.5em;
}

h1, h2, h3, h4, h5, h6 {
margin-top: 1em;
color: var(--color-b);
line-height: 1.5em;
font-family: var(--font-body);
}
h1, h1#firstHeading, h2 {
font-family: var(--font-title);
font-size: 1.5em;
}
h2 {
font-family: var(--font-body);
}

h1 {
color: var(--color-a);
}
h2 span {
display: initial;
}
h3 {
font-family: var(--font-title);
font-size: 1em;
}
body.action-view #page-content a {
border-image: linear-gradient(to right, var(--color-a), var(--color-b));
border-bottom-width: 2px;
border-image-slice: 1;
color: var(--text);
border-bottom-style: solid;
padding: 3px 5px 1px;

}
#page-content a:hover,
#catlinks .label:hover {
background-color: var(--color-a);
color: white !important;
}
/* Removes user name */
h3#tagline {
display: none;
}
#bodyContent {
margin-top: 3em;
}

#page-content ul, #page-content ol {
font-size: 1em;
margin-top: var(--line-height) !important;
margin-bottom: var(--line-height) !important;
}
div {
line-height: 1.4em ;
}
label {
color: var(--text-light);
}
label[for="wpCaptchaWord"]{
background-color: orangered;
}
code, pre {
color: darkgrey;
background-color: #181818;
border: 1px solid darkgrey;
border-radius:3px;
font-size: 0.8em;
padding: 1ch;
}

/* ACTUALITÉS ------------------------------------------------------------------ */
.medialisting {
display: flex;
flex-wrap: wrap;
}
.medialisting a {
border: 0 !important;
}
.Media {
display: flex;
align-items: flex-start;
margin-bottom: 1em;
flex-direction: column;
flex-basis: 32%;
box-sizing: border-box;
justify-content: center;
padding: 0.5em;
background: radial-gradient(var(--color-a) -31%, transparent 60%);
}
.Media:nth-child(2n) {
background: radial-gradient(var(--color-b) -31%, transparent 60%);
}
.Media-body {
flex: initial;
}

.flexgal {
display: flex;
flex-wrap: wrap;
}

/* THUMBNAILS ------------------------------------------------------------------ */
.thumbinner {
background-color: var(--accent-bg);
}
.thumb.tleft {
margin-right: 2em;
}
.Media-figure a,
.image.fancybox {
display: inline-block;
}
.magnify a {
text-indent: 0;
width: 25px;
height: 25px;
border-style: solid;
border-width: 2px;
line-height: 15px;
}
.magnify a:before {
content: "+";
font-family: FontAwesome;
font-size: 20px;
}

/* MEDIA QUERIES ------------------------------------------------------------------ */
@media (max-width: 800px) {
div.tleft, div.floatleft, table.floatleft {
width: 100%;
margin-bottom: 3em;
}
#toc {
max-width: initial;
width: 100%;
margin-left: 0;

}
}
@media only screen and (max-width: 600px) {
.top-bar,
.top-bar-section,
#top-bar-right,
#top-bar-right .columns {
display: inherit;
}
.top-bar.expanded {
flex-wrap: wrap;
}
.top-bar.expanded .title-area {
display: flex;
flex-grow: 1;
justify-content: space-between;
}
.top-bar.expanded .top-bar,
.top-bar.expanded .top-bar-section,
.top-bar.expanded #top-bar-right,
.top-bar.expanded #top-bar-right .columns {
display: flex;
align-items: center;
}
.divider.show-for-small {
display: none !important;
}
}

/* Formulaire d'edition ------------------------------------------------------------------ */
#editform
{
margin-top: -5vh;
}

MediaWiki:Ouroboros.css

2024-02-02T15:19:55Z

Dobody :

/*
_ ______ _____ _ _______ _ _ _________ _ _ ______ __ __ ______
| | | ____| / ____| |/ /_ _| \ | | / /__ __| | | | ____| \/ | ____|
| | | |__ | (___ | ' / | | | \| | / / | | | |__| | |__ | \ / | |__
| | | __| \___ \| < | | | . ` | / / | | | __ | __| | |\/| | __|
| |____| |____ ____) | . \ _| |_| |\ |/ / | | | | | | |____| | | | |____
|______|______|_|_____/|_|\_\_____|_|_\_/_/___ _ |_| |_| |_|______|_| |_|______|
/ __ \| ____| ____|_ _/ ____|_ _| ____| |
| | | | |__ | |__ | || | | | | |__ | |
| | | | __| | __| | || | | | | __| | |
| |__| | | | | _| || |____ _| |_| |____| |____
\____/|_|____|_| |_____\_____|_____|______|______|
| __ \| ____|
| | | | |__
| | | | __|
| |__| | |____
|_____/|______|_ _____ _____
| | | ____| __ \ / ____|
| | | |__ | |__) | | __
| | | __| | _ /| | |_ |
| |____ | |____| | \ \| |__| |
|______| |______|_| \_\\_____|

*/

@font-face {
font-family: AntiqueNoble;
src: url("/mw/skins/ouroboros/assets/fonts/antiquenoblebold.woff");
}

@font-face {
font-family: Combined;
src: url("/mw/skins/ouroboros/assets/fonts/combined.otf");
}
@font-face {
font-family: Lucette;
src: url("/mw/skins/ouroboros/assets/fonts/LUCETTE/font/otf/Lucette-Regular.otf");
src: url("/mw/skins/ouroboros/assets/fonts/LUCETTE/font/ttf/Lucette-Regular.ttf");
src: url("/mw/skins/ouroboros/assets/fonts/LUCETTE/font/woff/Lucette-Regular.woff");
src: url("/mw/skins/ouroboros/assets/fonts/LUCETTE/font/woff2/Lucette-Regular.woff2");
}
@font-face {
font-family: Lucette;
src: url("/mw/skins/ouroboros/assets/fonts/LUCETTE/font/otf/Lucette-Regularitalic.otf");
src: url("/mw/skins/ouroboros/assets/fonts/LUCETTE/font/ttf/Lucette-Regularitalic.ttf");
src: url("/mw/skins/ouroboros/assets/fonts/LUCETTE/font/woff/Lucette-Regularitalic.woff");
src: url("/mw/skins/ouroboros/assets/fonts/LUCETTE/font/woff2/Lucette-Regularitalic.woff2");
font-style: italic;
}
/*
@font-face {
font-family: Vega;
src: url("/mw/skins/ouroboros/assets/fonts/otf/Vega-Regular.otf");
src: url("/mw/skins/ouroboros/assets/fonts/Vega-Regular.ttf") format("truetype");
src: url("/mw/skins/ouroboros/assets/fonts/Vega-Regular-Webfont.svg" format("svg"));
src: url("/mw/skins/ouroboros/assets/fonts/Vega-Regular.woff" format("woff"));
src: url("/mw/skins/ouroboros/assets/fonts/Vega-Regular.woff2") format("woff2");
}
*/

/* Global variables. */
:root,
::backdrop {
/* Set sans-serif & mono fonts */
--sans-font: -apple-system, BlinkMacSystemFont, "Avenir Next", Avenir,
"Nimbus Sans L", Roboto, "Noto Sans", "Segoe UI", Arial, Helvetica,
"Helvetica Neue", sans-serif;
--mono-font: Consolas, Menlo, Monaco, "Andale Mono", "Ubuntu Mono", monospace;
--standard-border-radius: 5px;

/* Default (light) theme */
--bg: #fff;
--accent-bg: #f5f7ff;
--text: #212121;
--text-light: #585858;
--border: #898EA4;
--accent: #0d47a1;
--accent-hover: #1266e2;
--accent-text: var(--bg);
--code: #d81b60;
--preformatted: #444;
--marked: #ffdd33;
--disabled: #efefef;

--font-title: Ductus;
--font-body: Lucette;
--color-a: #a700ff; /* purple */
--color-b: #00ab6b; /* green */
--font-size: 15pt;
--line-height: 1.3em;
}

/* Dark theme */
@media (prefers-color-scheme: dark) {
:root,
::backdrop {
color-scheme: dark;
--bg: #222;
--accent-bg: #2b2b2b;
--text: #dcdcdc;
--text-light: #ababab;
--accent: #ffb300;
--accent-hover: #ffe099;
--accent-text: var(--bg);
--code: #f06292;
--preformatted: #ccc;
--disabled: #111;

--font-title: Ductus;
--font-body: Lucette;
--color-a: #9557b5; /* washed-off purple */
--color-b: #3c856b; /* washed-off green */
--font-size: 15pt;
--line-height: 1.3em;
}
}

/* Reset box-sizing */
*, *::before, *::after {
box-sizing: border-box;
}

body {
font-family: var(--font-body);
font-size: var(--font-size);
line-height: var(--line-height);
padding-top: 3em;
background-color: var(--bg);
color: var(--text);
border-right: 2px solid #3a3a3a;
}
p {
font-size: var(--font-size);
line-height: var(--line-height);
margin-bottom: 0;
}
p + p {
margin-top: var(--line-height);
}

/* INTERFACE ------------------------------------------------------------------ */
/* remove category help button (does it remove other stuff? mmm...) */
#mw-indicator-mw-helplink {
display: none;
}

/* Menu bar, position fixed to be able to grab it to resize the map on mobile devices */
#navwrapper {
position: fixed;
top: 0;
right: 0;
z-index: 1000;
left: 0;
}

h4.namespace.label {
display: none;
}

.mw-editsection, .mw-editsection-like {
font-size: 10px;
}

#actions {
left: initial !important;
right: 14px;
top: -21px;
background-color: var(--accent-bg);
border: 1px solid var(--text-light);
color: var(--text-light);
}
a#actions-button {
margin-top: -1em;
background-color: var(--accent-bg);
padding: 5px;
color: var(--text-light);
}
.fa,
button, .button,
.top-bar-section ul li > a {
font-family: var(--font-body);
}
.fa::before {
font-family: FontAwesome;
}

.top-bar,
.top-bar-section,
#top-bar-left,
#top-bar-right,
#top-bar-right .columns {
display: flex;
background-color: #222;
align-items: center;
justify-content: space-evenly;
}
#top-bar-left {
width: initial;
}
.top-bar-section {
flex-grow: 1;
}
.has-form {
flex-grow: 1;
padding: 0.5em !important;
}
#top-bar-right {
justify-content: space-between;
flex-grow: 1;
}
.top-bar input {
padding-top: 8px;
flex-grow: 1;
height: 2em;
box-sizing: border-box;
border: 0;
outline: 0;
}
.button.search {
background-color: transparent;
border-style: solid;
border-width: 2px;
border-image: linear-gradient(to right, var(--color-a), var(--color-b));
border-image-slice: 1;
top: 2px !important;
position: relative;
margin-left: 0px !important;
box-sizing: border-box;
padding: 0;
width: 80px;
height: 2em;
margin: 0;
top: 0 !important;
}
.button.search:hover {
background-color: var(--color-a);
}
.suggestions-result-current {
background-color: var(--color-b) !important;
}

.top-bar .toggle-topbar a {
text-transform: lowercase;
font-size: 1em;
}

#toc, .toc {
float: right;
margin-left: 1em;
max-width: 45%;
background-color: var(--accent-bg);
border-radius: 5px;
}
.toctitle {
margin-bottom: -1em;
}
#toc h2 {
margin-top: 0.25em;
font-size: 1em;
display: inline-block;
margin-right: 0.5em;
}
#toc ul {
margin: 0;
}
.tocnumber:after {
content: " – ";
}

table.infobox {
width: initial;
max-width: 45%;
}
table.infobox th.head {
background-color: var(--color-b);
}
th, td {
padding: 0.5em !important;
}

li {
line-height: initial;
}

.mw-category-generated {
margin-top: 2em;
}

/* if no content but only listing subcategories */
.mw-parser-output:empty + .mw-category-generated h2 {
display: none;
}

/* If only one subcategory, don't list the initial */
.mw-category-generated #mw-pages div:only-of-type h3,
#mw-subcategories div:only-of-type h3 {
/*display: none;*/
}

/* removes counting of categories */
.mw-category-generated #mw-pages p:first-of-type,
#mw-subcategories p:first-of-type {
display: none;
}

.group {
margin-top: 5em;
}
#catlinks .label {
border-width: 2px;
border-style: solid;
background-color: transparent;
padding: 2px 6px !important;
}

/* HEADER ------------------------------------------------------------------ */
.title-name {
font-family: var(--font-title);
font-weight: bold;
}
.title-name:hover {
color: var(--color-a);
}

.top-bar-section .has-form {
background-color: #222 !important;
}
.top-bar-section .has-dropdown > a::after {
display: none;
}
.top-bar-section .has-dropdown > a {
padding-right: initial !important;
}
.top-bar-section .dropdown li {
width: initial;
/*height: 2em;*/
position: relative;
padding: 0;
border-bottom: 1px solid lightgray;
}
.top-bar-section ul li {
padding: 0 0.5em;
background-color: #222;
}
.top-bar-section ul li:hover {
z-index: 1000;
}
.top-bar-section ul li > a {
font-size: 16px;
padding: 0;
font-weight: bold;
}

li#p-menu > a {
text-transform: uppercase;
padding: 0;
}
li#p-menu > a + ul li {
outline: 1px solid #00a393;
}

.top-bar-section .dropdown li:not(.has-form):not(.active):hover > a:not(.button) {
background: linear-gradient(90deg,var(--color-a), var(--color-b));
}
li#p-menu + li.has-dropdown {
width: 3em;
text-align: center;
}
li#p-menu + li.has-dropdown > a {
border-radius: 100%;
padding: 0;
text-align: center;
line-height: 30px;
margin: auto;
display: inline-block;
width: 30px;
box-sizing: border-box;
height: 30px;
}
.not-logged-in #top-bar-right li:nth-child(3) {
display: none;
}

#toolbox-dropdown li, #personal-tools-dropdown .dropdown li {
float: right;
}

.back h5 {
font-size: 2em !important;
}
a.parent-link {
color: var(--color-b) !important;
font-weight: bold !important;
}

/* CONTENT ------------------------------------------------------------------ */
#page-content {
margin: 1em;
color: var(--text);
}
#english {
position: relative;
top: -1.5em;
}

h1, h2, h3, h4, h5, h6 {
margin-top: 1em;
color: var(--color-b);
line-height: 1.5em;
font-family: var(--font-body);
}
h1, h1#firstHeading, h2 {
font-family: var(--font-title);
font-size: 1.5em;
}
h2 {
font-family: var(--font-body);
}

h1 {
color: var(--color-a);
}
h2 span {
display: initial;
}
h3 {
font-family: var(--font-title);
font-size: 1em;
}
body.action-view #page-content a {
border-image: linear-gradient(to right, var(--color-a), var(--color-b));
border-bottom-width: 2px;
border-image-slice: 1;
color: var(--text);
border-bottom-style: solid;
padding: 3px 5px 1px;

}
#page-content a:hover,
#catlinks .label:hover {
background-color: var(--color-a);
color: white !important;
}
/* Removes user name */
h3#tagline {
display: none;
}
#bodyContent {
margin-top: 3em;
}

#page-content ul, #page-content ol {
font-size: 1em;
margin-top: var(--line-height) !important;
margin-bottom: var(--line-height) !important;
}
div {
line-height: 1.4em ;
}
label {
color: var(--text-light);
}
label[for="wpCaptchaWord"]{
background-color: orangered;
}
code, pre {
color: darkgrey;
background-color: #181818;
border: 1px solid darkgrey;
border-radius:3px;
font-size: 0.8em;
padding: 1ch;
}

/* ACTUALITÉS ------------------------------------------------------------------ */
.medialisting {
display: flex;
flex-wrap: wrap;
}
.medialisting a {
border: 0 !important;
}
.Media {
display: flex;
align-items: flex-start;
margin-bottom: 1em;
flex-direction: column;
flex-basis: 32%;
box-sizing: border-box;
justify-content: center;
padding: 0.5em;
background: radial-gradient(var(--color-a) -31%, transparent 60%);
}
.Media:nth-child(2n) {
background: radial-gradient(var(--color-b) -31%, transparent 60%);
}
.Media-body {
flex: initial;
}

.flexgal {
display: flex;
flex-wrap: wrap;
}

/* THUMBNAILS ------------------------------------------------------------------ */
.thumbinner {
background-color: var(--accent-bg);
}
.thumb.tleft {
margin-right: 2em;
}
.Media-figure a,
.image.fancybox {
display: inline-block;
}
.magnify a {
text-indent: 0;
width: 25px;
height: 25px;
border-style: solid;
border-width: 2px;
line-height: 15px;
}
.magnify a:before {
content: "+";
font-family: FontAwesome;
font-size: 20px;
}

/* MEDIA QUERIES ------------------------------------------------------------------ */
@media (max-width: 800px) {
div.tleft, div.floatleft, table.floatleft {
width: 100%;
margin-bottom: 3em;
}
#toc {
max-width: initial;
width: 100%;
margin-left: 0;

}
}
@media only screen and (max-width: 600px) {
.top-bar,
.top-bar-section,
#top-bar-right,
#top-bar-right .columns {
display: inherit;
}
.top-bar.expanded {
flex-wrap: wrap;
}
.top-bar.expanded .title-area {
display: flex;
flex-grow: 1;
justify-content: space-between;
}
.top-bar.expanded .top-bar,
.top-bar.expanded .top-bar-section,
.top-bar.expanded #top-bar-right,
.top-bar.expanded #top-bar-right .columns {
display: flex;
align-items: center;
}
.divider.show-for-small {
display: none !important;
}
}

/* Formulaire d'edition ------------------------------------------------------------------ */
#editform
{
margin-top: -5vh;
}

MediaWiki:Ouroboros.css

2024-02-02T15:10:31Z

Dobody :

/*
_ ______ _____ _ _______ _ _ _________ _ _ ______ __ __ ______
| | | ____| / ____| |/ /_ _| \ | | / /__ __| | | | ____| \/ | ____|
| | | |__ | (___ | ' / | | | \| | / / | | | |__| | |__ | \ / | |__
| | | __| \___ \| < | | | . ` | / / | | | __ | __| | |\/| | __|
| |____| |____ ____) | . \ _| |_| |\ |/ / | | | | | | |____| | | | |____
|______|______|_|_____/|_|\_\_____|_|_\_/_/___ _ |_| |_| |_|______|_| |_|______|
/ __ \| ____| ____|_ _/ ____|_ _| ____| |
| | | | |__ | |__ | || | | | | |__ | |
| | | | __| | __| | || | | | | __| | |
| |__| | | | | _| || |____ _| |_| |____| |____
\____/|_|____|_| |_____\_____|_____|______|______|
| __ \| ____|
| | | | |__
| | | | __|
| |__| | |____
|_____/|______|_ _____ _____
| | | ____| __ \ / ____|
| | | |__ | |__) | | __
| | | __| | _ /| | |_ |
| |____ | |____| | \ \| |__| |
|______| |______|_| \_\\_____|

*/

@font-face {
font-family: AntiqueNoble;
src: url("/mw/skins/ouroboros/assets/fonts/antiquenoblebold.woff");
}

@font-face {
font-family: Combined;
src: url("/mw/skins/ouroboros/assets/fonts/combined.otf");
}
@font-face {
font-family: Lucette;
src: url("/mw/skins/ouroboros/assets/fonts/LUCETTE/font/otf/Lucette-Regular.otf");
src: url("/mw/skins/ouroboros/assets/fonts/LUCETTE/font/ttf/Lucette-Regular.ttf");
src: url("/mw/skins/ouroboros/assets/fonts/LUCETTE/font/woff/Lucette-Regular.woff");
src: url("/mw/skins/ouroboros/assets/fonts/LUCETTE/font/woff2/Lucette-Regular.woff2");
}
@font-face {
font-family: Lucette;
src: url("/mw/skins/ouroboros/assets/fonts/LUCETTE/font/otf/Lucette-Regularitalic.otf");
src: url("/mw/skins/ouroboros/assets/fonts/LUCETTE/font/ttf/Lucette-Regularitalic.ttf");
src: url("/mw/skins/ouroboros/assets/fonts/LUCETTE/font/woff/Lucette-Regularitalic.woff");
src: url("/mw/skins/ouroboros/assets/fonts/LUCETTE/font/woff2/Lucette-Regularitalic.woff2");
font-style: italic;
}
/*
@font-face {
font-family: Vega;
src: url("/mw/skins/ouroboros/assets/fonts/otf/Vega-Regular.otf");
src: url("/mw/skins/ouroboros/assets/fonts/Vega-Regular.ttf") format("truetype");
src: url("/mw/skins/ouroboros/assets/fonts/Vega-Regular-Webfont.svg" format("svg"));
src: url("/mw/skins/ouroboros/assets/fonts/Vega-Regular.woff" format("woff"));
src: url("/mw/skins/ouroboros/assets/fonts/Vega-Regular.woff2") format("woff2");
}
*/

/* Global variables. */
:root,
::backdrop {
/* Set sans-serif & mono fonts */
--sans-font: -apple-system, BlinkMacSystemFont, "Avenir Next", Avenir,
"Nimbus Sans L", Roboto, "Noto Sans", "Segoe UI", Arial, Helvetica,
"Helvetica Neue", sans-serif;
--mono-font: Consolas, Menlo, Monaco, "Andale Mono", "Ubuntu Mono", monospace;
--standard-border-radius: 5px;

/* Default (light) theme */
--bg: #fff;
--accent-bg: #f5f7ff;
--text: #212121;
--text-light: #585858;
--border: #898EA4;
--accent: #0d47a1;
--accent-hover: #1266e2;
--accent-text: var(--bg);
--code: #d81b60;
--preformatted: #444;
--marked: #ffdd33;
--disabled: #efefef;

--font-title: Ductus;
--font-body: Lucette;
--color-a: #a700ff; /* purple */
--color-b: #00ab6b; /* green */
--font-size: 15pt;
--line-height: 1.3em;
}

/* Dark theme */
@media (prefers-color-scheme: dark) {
:root,
::backdrop {
color-scheme: dark;
--bg: #222;
--accent-bg: #2b2b2b;
--text: #dcdcdc;
--text-light: #ababab;
--accent: #ffb300;
--accent-hover: #ffe099;
--accent-text: var(--bg);
--code: #f06292;
--preformatted: #ccc;
--disabled: #111;

--font-title: Ductus;
--font-body: Lucette;
--color-a: #9557b5; /* washed-off purple */
--color-b: #3c856b; /* washed-off green */
--font-size: 15pt;
--line-height: 1.3em;
}
}

/* Reset box-sizing */
*, *::before, *::after {
box-sizing: border-box;
}

body {
font-family: var(--font-body);
font-size: var(--font-size);
line-height: var(--line-height);
padding-top: 3em;
background-color: var(--bg);
color: var(--text);
border-right: 2px solid #3a3a3a;
}
p {
font-size: var(--font-size);
line-height: var(--line-height);
margin-bottom: 0;
}
p + p {
margin-top: var(--line-height);
}

/* INTERFACE ------------------------------------------------------------------ */
/* remove category help button (does it remove other stuff? mmm...) */
#mw-indicator-mw-helplink {
display: none;
}

/* Menu bar, position fixed to be able to grab it to resize the map on mobile devices */
#navwrapper {
position: fixed;
top: 0;
right: 0;
z-index: 1000;
left: 0;
}

h4.namespace.label {
display: none;
}

.mw-editsection, .mw-editsection-like {
font-size: 10px;
}

#actions {
left: initial !important;
right: 14px;
top: -21px;
background-color: var(--accent-bg);
border: 1px solid var(--text-light);
color: var(--text-light);
}
a#actions-button {
margin-top: -1em;
background-color: var(--accent-bg);
padding: 5px;
color: var(--text-light);
}
.fa,
button, .button,
.top-bar-section ul li > a {
font-family: var(--font-body);
}
.fa::before {
font-family: FontAwesome;
}

.top-bar,
.top-bar-section,
#top-bar-left,
#top-bar-right,
#top-bar-right .columns {
display: flex;
background-color: #222;
align-items: center;
justify-content: space-evenly;
}
#top-bar-left {
width: initial;
}
.top-bar-section {
flex-grow: 1;
}
.has-form {
flex-grow: 1;
padding: 0.5em !important;
}
#top-bar-right {
justify-content: space-between;
flex-grow: 1;
}
.top-bar input {
padding-top: 8px;
flex-grow: 1;
height: 2em;
box-sizing: border-box;
border: 0;
outline: 0;
}
.button.search {
background-color: transparent;
border-style: solid;
border-width: 2px;
border-image: linear-gradient(to right, var(--color-a), var(--color-b));
border-image-slice: 1;
top: 2px !important;
position: relative;
margin-left: 0px !important;
box-sizing: border-box;
padding: 0;
width: 80px;
height: 2em;
margin: 0;
top: 0 !important;
}
.button.search:hover {
background-color: var(--color-a);
}
.suggestions-result-current {
background-color: var(--color-b) !important;
}

.top-bar .toggle-topbar a {
text-transform: lowercase;
font-size: 1em;
}

#toc, .toc {
float: right;
margin-left: 1em;
max-width: 45%;
background-color: var(--accent-bg);
border-radius: 5px;
}
.toctitle {
margin-bottom: -1em;
}
#toc h2 {
margin-top: 0.25em;
font-size: 1em;
display: inline-block;
margin-right: 0.5em;
}
#toc ul {
margin: 0;
}
.tocnumber:after {
content: " – ";
}

table.infobox {
width: initial;
max-width: 45%;
}
table.infobox th.head {
background-color: var(--color-b);
}
th, td {
padding: 0.5em !important;
}

li {
line-height: initial;
}

.mw-category-generated {
margin-top: 2em;
}

/* if no content but only listing subcategories */
.mw-parser-output:empty + .mw-category-generated h2 {
display: none;
}

/* If only one subcategory, don't list the initial */
.mw-category-generated #mw-pages div:only-of-type h3,
#mw-subcategories div:only-of-type h3 {
/*display: none;*/
}

/* removes counting of categories */
.mw-category-generated #mw-pages p:first-of-type,
#mw-subcategories p:first-of-type {
display: none;
}

.group {
margin-top: 5em;
}
#catlinks .label {
border-width: 2px;
border-style: solid;
background-color: transparent;
padding: 2px 6px !important;
}

/* HEADER ------------------------------------------------------------------ */
.title-name {
font-family: var(--font-title);
font-weight: bold;
}
.title-name:hover {
color: var(--color-a);
}

.top-bar-section .has-form {
background-color: #222 !important;
}
.top-bar-section .has-dropdown > a::after {
display: none;
}
.top-bar-section .has-dropdown > a {
padding-right: initial !important;
}
.top-bar-section .dropdown li {
width: initial;
/*height: 2em;*/
position: relative;
padding: 0;
border-bottom: 1px solid lightgray;
}
.top-bar-section ul li {
padding: 0 0.5em;
background-color: #222;
}
.top-bar-section ul li:hover {
z-index: 1000;
}
.top-bar-section ul li > a {
font-size: 16px;
padding: 0;
font-weight: bold;
}

li#p-menu > a {
text-transform: uppercase;
padding: 0;
}
li#p-menu > a + ul li {
outline: 1px solid #00a393;
}

.top-bar-section .dropdown li:not(.has-form):not(.active):hover > a:not(.button) {
background: linear-gradient(90deg,var(--color-a), var(--color-b));
}
li#p-menu + li.has-dropdown {
width: 3em;
text-align: center;
}
li#p-menu + li.has-dropdown > a {
border-radius: 100%;
padding: 0;
text-align: center;
line-height: 30px;
margin: auto;
display: inline-block;
width: 30px;
box-sizing: border-box;
height: 30px;
}
.not-logged-in #top-bar-right li:nth-child(3) {
display: none;
}

#toolbox-dropdown li, #personal-tools-dropdown .dropdown li {
float: right;
}

.back h5 {
font-size: 2em !important;
}
a.parent-link {
color: var(--color-b) !important;
font-weight: bold !important;
}

/* CONTENT ------------------------------------------------------------------ */
#page-content {
margin: 1em;
color: var(--text);
}
#english {
position: relative;
top: -1.5em;
}

h1, h2, h3, h4, h5, h6 {
margin-top: 2em;
color: var(--color-b);
line-height: 1.5em;
font-family: var(--font-body);
}
h1, h1#firstHeading, h2 {
font-family: var(--font-title);
font-size: 1.5em;
}
h2 {
font-family: var(--font-body);
}

h1 {
color: var(--color-a);
}
h2 span {
display: initial;
}
h3 {
font-family: var(--font-title);
font-size: 1em;
}
body.action-view #page-content a {
border-image: linear-gradient(to right, var(--color-a), var(--color-b));
border-bottom-width: 2px;
border-image-slice: 1;
color: var(--text);
border-bottom-style: solid;
padding: 3px 5px 1px;

}
#page-content a:hover,
#catlinks .label:hover {
background-color: var(--color-a);
color: white !important;
}
/* Removes user name */
h3#tagline {
display: none;
}
#bodyContent {
margin-top: 3em;
}

#page-content ul, #page-content ol {
font-size: 1em;
margin-top: var(--line-height) !important;
margin-bottom: var(--line-height) !important;
}
div {
line-height: 1.4em ;
}
label {
color: var(--text-light);
}
label[for="wpCaptchaWord"]{
background-color: orangered;
}
code, pre {
color: darkgrey;
background-color: #181818;
border: 1px solid darkgrey;
border-radius:3px;
font-size: 0.8em;
padding: 1ch;
}

/* ACTUALITÉS ------------------------------------------------------------------ */
.medialisting {
display: flex;
flex-wrap: wrap;
}
.medialisting a {
border: 0 !important;
}
.Media {
display: flex;
align-items: flex-start;
margin-bottom: 1em;
flex-direction: column;
flex-basis: 32%;
box-sizing: border-box;
justify-content: center;
padding: 0.5em;
background: radial-gradient(var(--color-a) -31%, transparent 60%);
}
.Media:nth-child(2n) {
background: radial-gradient(var(--color-b) -31%, transparent 60%);
}
.Media-body {
flex: initial;
}

.flexgal {
display: flex;
flex-wrap: wrap;
}

/* THUMBNAILS ------------------------------------------------------------------ */
.thumbinner {
background-color: var(--accent-bg);
}
.thumb.tleft {
margin-right: 2em;
}
.Media-figure a,
.image.fancybox {
display: inline-block;
}
.magnify a {
text-indent: 0;
width: 25px;
height: 25px;
border-style: solid;
border-width: 2px;
line-height: 15px;
}
.magnify a:before {
content: "+";
font-family: FontAwesome;
font-size: 20px;
}

/* MEDIA QUERIES ------------------------------------------------------------------ */
@media (max-width: 800px) {
div.tleft, div.floatleft, table.floatleft {
width: 100%;
margin-bottom: 3em;
}
#toc {
max-width: initial;
width: 100%;
margin-left: 0;

}
}
@media only screen and (max-width: 600px) {
.top-bar,
.top-bar-section,
#top-bar-right,
#top-bar-right .columns {
display: inherit;
}
.top-bar.expanded {
flex-wrap: wrap;
}
.top-bar.expanded .title-area {
display: flex;
flex-grow: 1;
justify-content: space-between;
}
.top-bar.expanded .top-bar,
.top-bar.expanded .top-bar-section,
.top-bar.expanded #top-bar-right,
.top-bar.expanded #top-bar-right .columns {
display: flex;
align-items: center;
}
.divider.show-for-small {
display: none !important;
}
}

/* Formulaire d'edition ------------------------------------------------------------------ */
#editform
{
margin-top: -5vh;
}