https://wiki.erg.be/mw/api.php?action=feedcontributions&feedformat=atom&user=Olfz3b
erg - Contributions de l’utilisateur [fr]
2026-05-24T02:38:55Z
Contributions de l’utilisateur
MediaWiki 1.31.12
https://wiki.erg.be/mw/index.php?title=Utilisateur:Olfz3b&diff=23716
Utilisateur:Olfz3b
2025-03-19T21:25:32Z
<p>Olfz3b : Page blanchie</p>
<hr />
<div></div>
Olfz3b
https://wiki.erg.be/mw/index.php?title=%C3%89cole_de_recherche_graphique&diff=22312
École de recherche graphique
2024-01-30T15:56:20Z
<p>Olfz3b : </p>
<hr />
<div>__NOTITLE__<br />
{{DISPLAYTITLE:<span style="display:none"></span>}}<br />
<pre id="ascii" style="<br />
width: fit-content;<br />
height: 100% ;<br />
border-color: --color-a;<br />
line-height: 12px;<br />
font-size: 15px;<br />
font-family: monospace;<br />
overflow: hidden;<br />
margin: 0 auto;<br />
padding: 0;<br />
background-color: black;<br />
color:dark;<br />
"><br />
__.....__ <br />
.-'' '. .--./) <br />
/ .-''"'-. `. .-,.--. /.''\\ <br />
/ /________\ \ | .-. | | | <br />
| | | | | | \`-' / <br />
\ .-------------' | | | | /("'` <br />
\ '-.____...---. | | '- \ '---. <br />
`. .'cole de | |echerche /'""'.\ raphique <br />
`''-...... -' | | || | <br />
|_| \'. _ _/ <br />
`'---'</pre> <br />
<br><br />
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'''.<br />
<br />
* [[projet pédagogique]]<br />
* [[Cursus_transdisciplinaire_Bachelors_-_Masters|cursus transdisciplinaire]]<br />
* [[Espaces transversaux, pratiques collectives|espaces transversaux, pratiques collectives]]<br />
* [[séminaires, workshops, conférences]]<br />
* [[Guide Wiki | guide pour utiliser le wiki]]<br />
* [[Doctorat_et_recherche|recherche]]<br />
* [[Étudier et être accompagné·e à l'erg|étudier et être accompagné·e à l'erg]]<br />
* [[Autour_de_l'erg|autour de l'erg]]<br />
* [[contact]]<br />
<br />
*[https://infos.erg.school/ infos erg]<br />
*[[Actualités (2023)|news]]<br />
<br />
<br />
{{English|Welcome to erg}}<br />
<br />
----<br />
<br />
== Actualités == <br />
<br />
{{NewsActivity<br />
|limit=3<br />
}}<br />
<br />
<!--<br />
===Newsletter & réseaux===<br />
<br />
Inscrivez-vous à notre '''[http://eepurl.com/igdz0r newsletter]''' ou scannez le QRcode.<br />
<br />
[[Fichier:Qrcoderg.png|150px|link=]] --><br />
<br />
'''[https://www.instagram.com/ergunlieuderecherche/?hl=fr instagram]''' / '''[https://www.facebook.com/ergunlieuderecherche facebook]''' /<br />
'''[https://vimeo.com/channels/erg vimeo]'''<br />
<br />
__NOTOC__</div>
Olfz3b
https://wiki.erg.be/mw/index.php?title=Intranet&diff=22311
Intranet
2024-01-30T15:47:42Z
<p>Olfz3b : /* L'espace des Arts Numériques */</p>
<hr />
<div>Le métier d’étudiant·e, c’est également se tenir informé de ce qu’il se passe à l’école. Pour ce faire, il est nécessaire de consulter sa boîte mail, les valves électroniques (Intranet) et les valves papiers au moins une fois par semaine. C’est par exemple par ce biais que vous pourriez apprendre l’absence d’un·e enseignant·e, les modalités relatives aux travaux et évaluations ainsi que toutes les informations sur la vie quotidienne à l’erg.<br />
<br />
https://www.erg.school/<br />
<br />
== Les services ==<br />
<br />
=== Le Cloud ===<br />
→ [https://cloud.erg.school https://cloud.erg.school]<br />
[[Fichier:Exemple cloud erg 2023-12-16 22-04.png|500x500px|sans_cadre|Exemple de l'interface du cloud.]]<br />
<br />
Le Cloud de l'erg est une instance de [https://nextcloud.com/ Nextcloud]. <br />
<br />
=== Le Serveur Mail ===<br />
→ [https://mail.erg.school https://mail.erg.school].<br />
<br />
Le service mail ton_nom.ton_nom_de_famille@erg.school est une instance de [https://mailcow.email/ Mailcow].<br />
<br />
=== Les Pads ===<br />
→ [https://pads.erg.be/ pads.erg.be]<br />
Le service de pad est un instance d'[https://etherpad.org/ Etherpad].<br />
<br />
=== L'espace des Arts Numériques ===<br />
<br />
[[Julien Dutertre]] a déployé un serveur IRC, un service Git et un wiki dédié à l'orientation Arts Numériques.<br />
<br />
*[https://tdtdt.net https://tdtdt.net]<br />
*[https://irc.tdtdt.net https://irc.tdtdt.net]<br />
*[https://git.tdtdt.net:3003 https://tdtdt.net:3003 - Serveur git]<br />
<br />
=== Pandora ===<br />
EUh...<br />
<br />
=== RdP ? ===<br />
<br />
== Historique de l'usage des services à l'erg ==<br />
<br />
===Le choix du libre===<br />
Interview de [[Peggy Pierrot]] [https://gsara.tv/teletravailler/erg-libre/ (vidéo)]<br />
<br />
__NOTOC___</div>
Olfz3b
https://wiki.erg.be/mw/index.php?title=MediaWiki:Common.js&diff=22297
MediaWiki:Common.js
2024-01-27T22:48:12Z
<p>Olfz3b : </p>
<hr />
<div>console.log("it's tiiiiiime");<br />
<br />
// Changer titre - ne MARCHE PAS pcq complexe iframe-svg<br />
document.title = document.querySelector("h1").innerHTML;<br />
console.log(document.querySelector("h1").innerHTML);<br />
<br />
// Zoomout la carte une fois au moins pcq trop grande<br />
map.zoom_out();<br />
<br />
<br />
var snowflakes = ["❄", "❅", "flocon2neige"];<br />
//var snowflakes = ["E", "R", "G"];<br />
<br />
function createSnowflake() {<br />
var snowflake = document.createElement('div');<br />
snowflake.className = 'snowflake';<br />
snowflake.innerHTML = snowflakes[Math.floor(Math.random() * snowflakes.length)];<br />
snowflake.style.left = Math.floor(Math.random() * (document.documentElement.clientWidth || document.body.clientWidth)) + 'px';<br />
snowflake.style.top = '0';<br />
<br />
document.body.appendChild(snowflake);<br />
<br />
setTimeout(function () {<br />
document.body.removeChild(snowflake);<br />
}, 5000);<br />
}<br />
<br />
function animateSnowflakes() {<br />
var snowflakes = document.getElementsByClassName('snowflake');<br />
var iterationCount = 0;<br />
<br />
function animate() {<br />
for (var i = 0; i < snowflakes.length; i++) {<br />
var snowflake = snowflakes[i];<br />
snowflake.style.top = '0';<br />
void snowflake.offsetWidth; // Trigger reflow<br />
snowflake.style.top = '100vh'; // Set the end position<br />
}<br />
<br />
iterationCount++;<br />
if (iterationCount >= 20) {<br />
clearInterval(animationInterval);<br />
}<br />
}<br />
<br />
var animationInterval = setInterval(animate, 500); // Reset the animation every 5000 milliseconds<br />
}<br />
<br />
function generateSnowflakes() {<br />
for (var i = 0; i < 20; i++) { // Create initial snowflakes<br />
createSnowflake();<br />
}<br />
<br />
setInterval(createSnowflake, 50); // Create a new snowflake every 500 milliseconds<br />
animateSnowflakes();<br />
}<br />
<br />
generateSnowflakes();<br />
<br />
<br />
function findAndReplaceInH1() {<br />
var h1Elements = document.getElementsByTagName('h1');<br />
<br />
for (var i = 0; i < h1Elements.length; i++) {<br />
var h1Element = h1Elements[i];<br />
<br />
if (h1Element.hasChildNodes()) {<br />
findAndReplace(h1Element);<br />
} else {<br />
// Replace occurrences of "erg" with "eeeergggg" in text content<br />
h1Element.innerText = h1Element.innerText.replace(/erg/g, 'eeeergggg');<br />
}<br />
}<br />
}<br />
<br />
// Function to perform find and replace in a given element<br />
function findAndReplace(element) {<br />
if (element.hasChildNodes()) {<br />
element.childNodes.forEach(findAndReplace);<br />
} else if (element.nodeType === Node.TEXT_NODE) {<br />
// Replace occurrences of "erg" with "eeeergggg" in text content<br />
element.nodeValue = element.nodeValue.replace(/eeerrrggg 🤮/g, 'eeerrrggg 🤮');<br />
}<br />
}<br />
<br />
// Call the function to perform find and replace in h1 elements<br />
findAndReplaceInH1();</div>
Olfz3b
https://wiki.erg.be/mw/index.php?title=MediaWiki:Common.js&diff=22296
MediaWiki:Common.js
2024-01-27T22:47:30Z
<p>Olfz3b : </p>
<hr />
<div>console.log("it's tiiiiiime");<br />
<br />
// Changer titre - ne MARCHE PAS pcq complexe iframe-svg<br />
document.title = document.querySelector("h1").innerHTML;<br />
console.log(document.querySelector("h1").innerHTML);<br />
<br />
// Zoomout la carte une fois au moins pcq trop grande<br />
map.zoom_out();<br />
<br />
<br />
var snowflakes = ["❄", "❅", "flocon2neige"];<br />
var snowflakes = ["E", "R", "G"];<br />
<br />
function createSnowflake() {<br />
var snowflake = document.createElement('div');<br />
snowflake.className = 'snowflake';<br />
snowflake.innerHTML = snowflakes[Math.floor(Math.random() * snowflakes.length)];<br />
snowflake.style.left = Math.floor(Math.random() * (document.documentElement.clientWidth || document.body.clientWidth)) + 'px';<br />
snowflake.style.top = '0';<br />
<br />
document.body.appendChild(snowflake);<br />
<br />
setTimeout(function () {<br />
document.body.removeChild(snowflake);<br />
}, 5000);<br />
}<br />
<br />
function animateSnowflakes() {<br />
var snowflakes = document.getElementsByClassName('snowflake');<br />
var iterationCount = 0;<br />
<br />
function animate() {<br />
for (var i = 0; i < snowflakes.length; i++) {<br />
var snowflake = snowflakes[i];<br />
snowflake.style.top = '0';<br />
void snowflake.offsetWidth; // Trigger reflow<br />
snowflake.style.top = '100vh'; // Set the end position<br />
}<br />
<br />
iterationCount++;<br />
if (iterationCount >= 20) {<br />
clearInterval(animationInterval);<br />
}<br />
}<br />
<br />
var animationInterval = setInterval(animate, 500); // Reset the animation every 5000 milliseconds<br />
}<br />
<br />
function generateSnowflakes() {<br />
for (var i = 0; i < 20; i++) { // Create initial snowflakes<br />
createSnowflake();<br />
}<br />
<br />
setInterval(createSnowflake, 50); // Create a new snowflake every 500 milliseconds<br />
animateSnowflakes();<br />
}<br />
<br />
generateSnowflakes();<br />
<br />
<br />
function findAndReplaceInH1() {<br />
var h1Elements = document.getElementsByTagName('h1');<br />
<br />
for (var i = 0; i < h1Elements.length; i++) {<br />
var h1Element = h1Elements[i];<br />
<br />
if (h1Element.hasChildNodes()) {<br />
findAndReplace(h1Element);<br />
} else {<br />
// Replace occurrences of "erg" with "eeeergggg" in text content<br />
h1Element.innerText = h1Element.innerText.replace(/erg/g, 'eeeergggg');<br />
}<br />
}<br />
}<br />
<br />
// Function to perform find and replace in a given element<br />
function findAndReplace(element) {<br />
if (element.hasChildNodes()) {<br />
element.childNodes.forEach(findAndReplace);<br />
} else if (element.nodeType === Node.TEXT_NODE) {<br />
// Replace occurrences of "erg" with "eeeergggg" in text content<br />
element.nodeValue = element.nodeValue.replace(/eeerrrggg 🤮/g, 'eeerrrggg 🤮');<br />
}<br />
}<br />
<br />
// Call the function to perform find and replace in h1 elements<br />
findAndReplaceInH1();</div>
Olfz3b
https://wiki.erg.be/mw/index.php?title=%C3%89cole_de_recherche_graphique&diff=22261
École de recherche graphique
2024-01-26T17:14:22Z
<p>Olfz3b : </p>
<hr />
<div>{{English|Welcome to erg}}<br />
__NOTITLE__<br />
{{DISPLAYTITLE:<span style="display:none"></span>}}<br />
<pre id="ascii" style="<br />
width: fit-content;<br />
height: 100% ;<br />
border-color: --color-a;<br />
line-height: 12px;<br />
font-size: 15px;<br />
font-family: monospace;<br />
overflow: hidden;<br />
margin: 0 auto;<br />
padding: 0;<br />
background-color: black;<br />
color:dark;<br />
"><br />
__.....__ <br />
.-'' '. .--./) <br />
/ .-''"'-. `. .-,.--. /.''\\ <br />
bienvenue à l'/ /________\ \ | .-. | | | <br />
| | | | | | \`-' / <br />
\ .-------------' | | | | /("'` <br />
\ '-.____...---. | | '- \ '---. <br />
`. .'cole de | |echerche /'""'.\ raphique <br />
`''-...... -' | | || | <br />
|_| \'. _ _/ <br />
`'---'</pre> <br />
<br><br />
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'''.<br />
<br />
* [[projet pédagogique]]<br />
* [[Cursus_transdisciplinaire_Bachelors_-_Masters|cursus transdisciplinaire]]<br />
* [[Espaces transversaux, pratiques collectives|espaces transversaux, pratiques collectives]]<br />
* [[séminaires, workshops, conférences]]<br />
* [[Guide Wiki | guide pour utiliser le wiki]]<br />
* [[Doctorat_et_recherche|recherche]]<br />
* [[Étudier et être accompagné·e à l'erg|étudier et être accompagné·e à l'erg]]<br />
* [[Autour_de_l'erg|autour de l'erg]]<br />
* [[contact]]<br />
<br />
*[https://infos.erg.school/ infos erg]<br />
*[[Actualités (2023)|news]]<br />
<br />
{{NewsActivity<br />
|limit=3<br />
}}<br />
<br />
<!--<br />
===Newsletter & réseaux===<br />
<br />
Inscrivez-vous à notre '''[http://eepurl.com/igdz0r newsletter]''' ou scannez le QRcode.<br />
<br />
[[Fichier:Qrcoderg.png|150px|link=]] --><br />
<br />
'''[https://www.instagram.com/ergunlieuderecherche/?hl=fr instagram]''' / '''[https://www.facebook.com/ergunlieuderecherche facebook]''' /<br />
'''[https://vimeo.com/channels/erg vimeo]'''<br />
<br />
<br />
<br />
__NOTOC__</div>
Olfz3b
https://wiki.erg.be/mw/index.php?title=%C3%89cole_de_recherche_graphique&diff=22260
École de recherche graphique
2024-01-26T17:12:54Z
<p>Olfz3b : </p>
<hr />
<div>{{English|Welcome to erg}}<br />
__NOTITLE__<br />
{{DISPLAYTITLE:<span style="display:none"></span>}}<br />
<pre id="ascii" style="<br />
width: fit-content;<br />
height: 100% ;<br />
border-color: --color-a;<br />
line-height: 12px;<br />
font-size: 15px;<br />
font-family: monospace;<br />
overflow: hidden;<br />
margin: 0 auto;<br />
padding: 0;<br />
background-color: black;<br />
color:dark;<br />
"><br />
<pre style = "color:purple"> <br />
__.....__ <br />
.-'' '. .--./) <br />
/ .-''"'-. `. .-,.--. /.''\\ </pre> <br />
bienvenue à l'<pre style = "color:purple">/ /________\ \ | .-. | | | <br />
| | | | | | \`-' / <br />
\ .-------------' | | | | /("'` <br />
\ '-.____...---. | | '- \ '---. <br />
`. .'</pre>cole de | |echerche<pre style = "color:purple"> /'""'.\</pre> raphique <pre style = "color:purple"><br />
`''-...... -' | | || | <br />
|_| \'. _ _/ <br />
`'---'</pre></pre> <br />
<br><br />
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'''.<br />
<br />
* [[projet pédagogique]]<br />
* [[Cursus_transdisciplinaire_Bachelors_-_Masters|cursus transdisciplinaire]]<br />
* [[Espaces transversaux, pratiques collectives|espaces transversaux, pratiques collectives]]<br />
* [[séminaires, workshops, conférences]]<br />
* [[Guide Wiki | guide pour utiliser le wiki]]<br />
* [[Doctorat_et_recherche|recherche]]<br />
* [[Étudier et être accompagné·e à l'erg|étudier et être accompagné·e à l'erg]]<br />
* [[Autour_de_l'erg|autour de l'erg]]<br />
* [[contact]]<br />
<br />
*[https://infos.erg.school/ infos erg]<br />
*[[Actualités (2023)|news]]<br />
<br />
{{NewsActivity<br />
|limit=3<br />
}}<br />
<br />
<!--<br />
===Newsletter & réseaux===<br />
<br />
Inscrivez-vous à notre '''[http://eepurl.com/igdz0r newsletter]''' ou scannez le QRcode.<br />
<br />
[[Fichier:Qrcoderg.png|150px|link=]] --><br />
<br />
'''[https://www.instagram.com/ergunlieuderecherche/?hl=fr instagram]''' / '''[https://www.facebook.com/ergunlieuderecherche facebook]''' /<br />
'''[https://vimeo.com/channels/erg vimeo]'''<br />
<br />
<br />
<br />
__NOTOC__</div>
Olfz3b
https://wiki.erg.be/mw/index.php?title=MediaWiki:Ouroboros.css&diff=22200
MediaWiki:Ouroboros.css
2024-01-25T01:44:20Z
<p>Olfz3b : </p>
<hr />
<div>/*<br />
_ ______ _____ _ _______ _ _ _________ _ _ ______ __ __ ______ <br />
| | | ____| / ____| |/ /_ _| \ | | / /__ __| | | | ____| \/ | ____|<br />
| | | |__ | (___ | ' / | | | \| | / / | | | |__| | |__ | \ / | |__ <br />
| | | __| \___ \| < | | | . ` | / / | | | __ | __| | |\/| | __| <br />
| |____| |____ ____) | . \ _| |_| |\ |/ / | | | | | | |____| | | | |____ <br />
|______|______|_|_____/|_|\_\_____|_|_\_/_/___ _ |_| |_| |_|______|_| |_|______|<br />
/ __ \| ____| ____|_ _/ ____|_ _| ____| | <br />
| | | | |__ | |__ | || | | | | |__ | | <br />
| | | | __| | __| | || | | | | __| | | <br />
| |__| | | | | _| || |____ _| |_| |____| |____ <br />
\____/|_|____|_| |_____\_____|_____|______|______| <br />
| __ \| ____| <br />
| | | | |__ <br />
| | | | __| <br />
| |__| | |____ <br />
|_____/|______|_ _____ _____ <br />
| | | ____| __ \ / ____| <br />
| | | |__ | |__) | | __ <br />
| | | __| | _ /| | |_ | <br />
| |____ | |____| | \ \| |__| | <br />
|______| |______|_| \_\\_____| <br />
<br />
<br />
*/<br />
<br />
<br />
@font-face {<br />
font-family: Combined;<br />
src: url("/mw/skins/foreground/assets/fonts/combined.otf");<br />
}<br />
@font-face {<br />
font-family: Lucette;<br />
src: url("/mw/skins/foreground/assets/fonts/LUCETTE/font/otf/Lucette-Regular.otf");<br />
src: url("/mw/skins/foreground/assets/fonts/LUCETTE/font/ttf/Lucette-Regular.ttf");<br />
src: url("/mw/skins/foreground/assets/fonts/LUCETTE/font/woff/Lucette-Regular.woff");<br />
src: url("/mw/skins/foreground/assets/fonts/LUCETTE/font/woff2/Lucette-Regular.woff2");<br />
}<br />
@font-face {<br />
font-family: Lucette;<br />
src: url("/mw/skins/foreground/assets/fonts/LUCETTE/font/otf/Lucette-Regularitalic.otf");<br />
src: url("/mw/skins/foreground/assets/fonts/LUCETTE/font/ttf/Lucette-Regularitalic.ttf");<br />
src: url("/mw/skins/foreground/assets/fonts/LUCETTE/font/woff/Lucette-Regularitalic.woff");<br />
src: url("/mw/skins/foreground/assets/fonts/LUCETTE/font/woff2/Lucette-Regularitalic.woff2");<br />
font-style: italic;<br />
}<br />
/*<br />
@font-face {<br />
font-family: Vega;<br />
src: url("/mw/skins/foreground/assets/fonts/otf/Vega-Regular.otf");<br />
src: url("/mw/skins/foreground/assets/fonts/Vega-Regular.ttf") format("truetype");<br />
src: url("/mw/skins/foreground/assets/fonts/Vega-Regular-Webfont.svg" format("svg"));<br />
src: url("/mw/skins/foreground/assets/fonts/Vega-Regular.woff" format("woff"));<br />
src: url("/mw/skins/foreground/assets/fonts/Vega-Regular.woff2") format("woff2");<br />
}<br />
*/<br />
<br />
<br />
<br />
<br />
/* Global variables. */<br />
:root,<br />
::backdrop {<br />
/* Set sans-serif & mono fonts */<br />
--sans-font: -apple-system, BlinkMacSystemFont, "Avenir Next", Avenir,<br />
"Nimbus Sans L", Roboto, "Noto Sans", "Segoe UI", Arial, Helvetica,<br />
"Helvetica Neue", sans-serif;<br />
--mono-font: Consolas, Menlo, Monaco, "Andale Mono", "Ubuntu Mono", monospace;<br />
--standard-border-radius: 5px;<br />
<br />
/* Default (light) theme */<br />
--bg: #fff;<br />
--bg-top: #222;<br />
--accent-bg: #f5f7ff;<br />
--text: #212121;<br />
--text-light: #585858;<br />
--border: #898EA4;<br />
--accent: #0d47a1;<br />
--accent-hover: #1266e2;<br />
--accent-text: var(--bg);<br />
--code: #d81b60;<br />
--preformatted: #444;<br />
--marked: #ffdd33;<br />
--disabled: #efefef;<br />
<br />
--font-title: Combined;<br />
--font-body: Lucette;<br />
--color-a: #a700ff; /* purple */<br />
--color-b: #00ab6b; /* green */<br />
--font-size: 23px;<br />
--line-height: 1.3em;<br />
}<br />
<br />
/* Dark theme */<br />
@media (prefers-color-scheme: dark) { /* the world went cyberpunk and nobody noticed it */<br />
:root,<br />
::backdrop {<br />
color-scheme: dark;<br />
--bg: black;<br />
--bg-top: black;<br />
--accent-bg: #2b2b2b;<br />
--text: white;<br />
--text-light: #ababab;<br />
--accent: #ffb300;<br />
--accent-hover: #ffe099;<br />
--accent-text: var(--bg);<br />
--code: #f06292;<br />
--preformatted: #ccc;<br />
--disabled: #111;<br />
<br />
--font-title: Combined;<br />
--font-body: Lucette;<br />
--color-b: #4d3856 ; /* cool purple */<br />
--color-a: #4be239; /* nuke green */<br />
--font-size: 23px;<br />
--line-height: 1.3em;<br />
}<br />
<br />
<br />
<br />
/* Reset box-sizing */<br />
*, *::before, *::after {<br />
box-sizing: border-box;<br />
}<br />
<br />
body {<br />
font-family: var(--font-body);<br />
font-size: var(--font-size);<br />
line-height: var(--line-height);<br />
padding-top: 3em;<br />
background-color: var(--bg);<br />
color: var(--text);<br />
}<br />
p {<br />
font-size: var(--font-size);<br />
line-height: var(--line-height);<br />
margin-bottom: 0;<br />
}<br />
p + p {<br />
margin-top: var(--line-height);<br />
}<br />
<br />
/* INTERFACE ------------------------------------------------------------------ */<br />
/* remove category help button (does it remove other stuff? mmm...) */<br />
#mw-indicator-mw-helplink {<br />
display: none;<br />
}<br />
<br />
/* Menu bar, position fixed to be able to grab it to resize the map on mobile devices */<br />
#navwrapper {<br />
position: fixed;<br />
top: 0;<br />
right: 0;<br />
z-index: 1000;<br />
left: 0;<br />
}<br />
<br />
h4.namespace.label {<br />
display: none;<br />
}<br />
<br />
.mw-editsection, .mw-editsection-like {<br />
font-size: 10px;<br />
}<br />
<br />
#actions {<br />
left: initial !important;<br />
right: 14px;<br />
top: -21px;<br />
background-color: var(--accent-bg);<br />
border: 1px solid var(--text-light);<br />
color: var(--text-light);<br />
}<br />
a#actions-button {<br />
margin-top: -1em;<br />
background-color: var(--accent-bg);<br />
padding: 5px;<br />
color: var(--text-light);<br />
}<br />
.fa,<br />
button, .button,<br />
.top-bar-section ul li > a {<br />
font-family: var(--font-body);<br />
}<br />
.fa::before {<br />
font-family: FontAwesome;<br />
}<br />
<br />
.top-bar,<br />
.top-bar-section,<br />
#top-bar-left,<br />
#top-bar-right,<br />
#top-bar-right .columns {<br />
display: flex;<br />
background-color: var(--bg-top);<br />
align-items: center;<br />
justify-content: space-evenly;<br />
}<br />
#top-bar-left {<br />
width: initial;<br />
}<br />
.top-bar-section {<br />
flex-grow: 1;<br />
}<br />
.has-form {<br />
flex-grow: 1;<br />
padding: 0.5em !important;<br />
}<br />
#top-bar-right {<br />
justify-content: space-between;<br />
flex-grow: 1;<br />
}<br />
.top-bar input {<br />
padding-top: 8px;<br />
flex-grow: 1;<br />
height: 2em;<br />
box-sizing: border-box;<br />
border: 0;<br />
outline: 0;<br />
}<br />
.button.search {<br />
background-color: transparent;<br />
border-style: solid;<br />
border-width: 2px;<br />
border-image: linear-gradient(to right, var(--color-a), var(--color-b));<br />
border-image-slice: 1;<br />
top: 2px !important;<br />
position: relative;<br />
margin-left: 0px !important;<br />
box-sizing: border-box;<br />
padding: 0;<br />
width: 80px;<br />
height: 2em;<br />
margin: 0;<br />
top: 0 !important;<br />
}<br />
.button.search:hover {<br />
background-color: var(--color-a);<br />
}<br />
.suggestions-result-current {<br />
background-color: var(--color-b) !important;<br />
}<br />
<br />
.top-bar .toggle-topbar a {<br />
text-transform: lowercase;<br />
font-size: 1em;<br />
}<br />
<br />
#toc, .toc {<br />
float: right;<br />
margin-left: 1em;<br />
max-width: 45%;<br />
background-color: var(--accent-bg);<br />
border-radius: 5px;<br />
}<br />
.toctitle {<br />
margin-bottom: -1em;<br />
}<br />
#toc h2 {<br />
margin-top: 0.25em;<br />
font-size: 1em;<br />
display: inline-block;<br />
margin-right: 0.5em;<br />
}<br />
#toc ul {<br />
margin: 0;<br />
}<br />
.tocnumber:after {<br />
content: " – ";<br />
}<br />
<br />
table.infobox {<br />
width: initial;<br />
max-width: 45%;<br />
}<br />
table.infobox th.head {<br />
background-color: var(--color-b);<br />
}<br />
th, td {<br />
padding: 0.5em !important;<br />
}<br />
<br />
li {<br />
line-height: initial;<br />
}<br />
<br />
.mw-category-generated {<br />
margin-top: 2em;<br />
}<br />
<br />
/* if no content but only listing subcategories */<br />
.mw-parser-output:empty + .mw-category-generated h2 {<br />
display: none;<br />
}<br />
<br />
/* If only one subcategory, don't list the initial */<br />
.mw-category-generated #mw-pages div:only-of-type h3,<br />
#mw-subcategories div:only-of-type h3 {<br />
/*display: none;*/<br />
}<br />
<br />
/* removes counting of categories */<br />
.mw-category-generated #mw-pages p:first-of-type,<br />
#mw-subcategories p:first-of-type {<br />
display: none;<br />
}<br />
<br />
.group {<br />
margin-top: 5em;<br />
}<br />
#catlinks .label {<br />
border-width: 2px;<br />
border-style: solid;<br />
background-color: transparent;<br />
padding: 2px 6px !important;<br />
}<br />
<br />
/* HEADER ------------------------------------------------------------------ */<br />
.title-name {<br />
font-family: var(--font-title);<br />
font-weight: bold;<br />
}<br />
.title-name:hover {<br />
color: var(--color-a);<br />
}<br />
<br />
<br />
<br />
.top-bar-section .has-form {<br />
background-color: var(--bg-top)!important;<br />
}<br />
.top-bar-section .has-dropdown > a::after {<br />
display: none;<br />
}<br />
.top-bar-section .has-dropdown > a {<br />
padding-right: initial !important;<br />
}<br />
.top-bar-section .dropdown li {<br />
width: initial;<br />
/*height: 2em;*/<br />
position: relative;<br />
padding: 0;<br />
border-bottom: 1px solid lightgray;<br />
}<br />
.top-bar-section ul li {<br />
padding: 0 0.5em;<br />
background-color: var(--bg-top);<br />
}<br />
.top-bar-section ul li:hover {<br />
z-index: 1000;<br />
}<br />
.top-bar-section ul li > a {<br />
font-size: 16px;<br />
padding: 0;<br />
font-weight: bold;<br />
}<br />
<br />
li#p-menu > a {<br />
text-transform: uppercase;<br />
padding: 0;<br />
}<br />
li#p-menu > a + ul li {<br />
outline: 1px solid #00a393;<br />
}<br />
<br />
.top-bar-section .dropdown li:not(.has-form):not(.active):hover > a:not(.button) {<br />
background: linear-gradient(90deg,var(--color-a), var(--color-b));<br />
}<br />
li#p-menu + li.has-dropdown {<br />
width: 3em;<br />
text-align: center;<br />
}<br />
li#p-menu + li.has-dropdown > a {<br />
border-radius: 100%;<br />
padding: 0;<br />
text-align: center;<br />
line-height: 30px;<br />
margin: auto;<br />
display: inline-block;<br />
width: 30px;<br />
box-sizing: border-box;<br />
height: 30px;<br />
}<br />
.not-logged-in #top-bar-right li:nth-child(3) {<br />
display: none;<br />
}<br />
<br />
#toolbox-dropdown li, #personal-tools-dropdown .dropdown li {<br />
float: right;<br />
}<br />
<br />
.back h5 {<br />
font-size: 2em !important;<br />
}<br />
a.parent-link {<br />
color: var(--color-b) !important;<br />
font-weight: bold !important;<br />
}<br />
<br />
/* CONTENT ------------------------------------------------------------------ */<br />
#page-content {<br />
margin: 1em;<br />
color: var(--text);<br />
}<br />
#english {<br />
position: relative;<br />
top: -1.5em;<br />
}<br />
<br />
h1, h2, h3, h4, h5, h6 {<br />
margin-top: 2em;<br />
color: var(--color-b);<br />
line-height: 1.5em;<br />
font-family: var(--font-body);<br />
}<br />
h1, h1#firstHeading, h2 {<br />
font-family: var(--font-title);<br />
font-size: 1.5em;<br />
}<br />
<br />
h1 {<br />
color: var(--color-a);<br />
}<br />
h2 span {<br />
display: initial;<br />
}<br />
h3 {<br />
font-family: var(--font-title);<br />
font-size: 1em;<br />
}<br />
body.action-view #page-content a {<br />
border-image: linear-gradient(to right, var(--color-a), var(--color-b));<br />
border-bottom-width: 2px;<br />
border-image-slice: 1;<br />
color: var(--text);<br />
border-bottom-style: solid;<br />
padding: 3px 5px 1px;<br />
<br />
}<br />
#page-content a:hover,<br />
#catlinks .label:hover {<br />
background-color: var(--color-a);<br />
color: black !important;<br />
}<br />
<br />
/* Removes user name */<br />
h3#tagline {<br />
display: none;<br />
}<br />
#bodyContent {<br />
margin-top: 3em;<br />
}<br />
<br />
#page-content ul, #page-content ol {<br />
font-size: 1em;<br />
margin-top: var(--line-height) !important;<br />
margin-bottom: var(--line-height) !important;<br />
}<br />
div {<br />
line-height: 1.4em ;<br />
}<br />
label {<br />
color: var(--text-light);<br />
}<br />
label[for="wpCaptchaWord"]{<br />
background-color: orangered;<br />
}<br />
code, pre {<br />
color: darkgrey;<br />
background-color: #181818;<br />
border: 1px solid darkgrey;<br />
border-radius:3px;<br />
font-size: 0.8em;<br />
padding: 1ch;<br />
}<br />
<br />
<br />
/* ACTUALITÉS ------------------------------------------------------------------ */<br />
.medialisting {<br />
display: flex;<br />
flex-wrap: wrap;<br />
}<br />
.medialisting a {<br />
border: 0 !important;<br />
}<br />
.Media {<br />
display: flex;<br />
align-items: flex-start;<br />
margin-bottom: 1em;<br />
flex-direction: column;<br />
flex-basis: 32%;<br />
box-sizing: border-box;<br />
justify-content: center;<br />
padding: 0.5em;<br />
background: radial-gradient(var(--color-a) -31%, transparent 60%);<br />
}<br />
.Media:nth-child(2n) {<br />
background: radial-gradient(var(--color-b) -31%, transparent 60%);<br />
}<br />
.Media-body {<br />
flex: initial;<br />
}<br />
<br />
.flexgal {<br />
display: flex;<br />
flex-wrap: wrap;<br />
}<br />
<br />
/* THUMBNAILS ------------------------------------------------------------------ */<br />
.thumbinner {<br />
background-color: var(--accent-bg);<br />
}<br />
.thumb.tleft {<br />
margin-right: 2em;<br />
}<br />
.Media-figure a,<br />
.image.fancybox {<br />
display: inline-block;<br />
}<br />
.magnify a {<br />
text-indent: 0;<br />
width: 25px;<br />
height: 25px;<br />
border-style: solid;<br />
border-width: 2px;<br />
line-height: 15px;<br />
}<br />
.magnify a:before {<br />
content: "+";<br />
font-family: FontAwesome;<br />
font-size: 20px;<br />
}<br />
<br />
/* MEDIA QUERIES ------------------------------------------------------------------ */<br />
@media (max-width: 800px) {<br />
div.tleft, div.floatleft, table.floatleft {<br />
width: 100%;<br />
margin-bottom: 3em;<br />
}<br />
#toc {<br />
max-width: initial;<br />
width: 100%;<br />
margin-left: 0;<br />
<br />
<br />
}<br />
}<br />
@media only screen and (max-width: 600px) {<br />
.top-bar,<br />
.top-bar-section,<br />
#top-bar-right,<br />
#top-bar-right .columns {<br />
display: inherit;<br />
}<br />
.top-bar.expanded {<br />
flex-wrap: wrap;<br />
}<br />
.top-bar.expanded .title-area {<br />
display: flex;<br />
flex-grow: 1;<br />
justify-content: space-between;<br />
}<br />
.top-bar.expanded .top-bar,<br />
.top-bar.expanded .top-bar-section,<br />
.top-bar.expanded #top-bar-right,<br />
.top-bar.expanded #top-bar-right .columns {<br />
display: flex;<br />
align-items: center;<br />
}<br />
.divider.show-for-small {<br />
display: none !important;<br />
}<br />
}<br />
<br />
/* Formulaire d'edition ------------------------------------------------------------------ */<br />
#editform<br />
{<br />
margin-top: -5vh;<br />
}</div>
Olfz3b
https://wiki.erg.be/mw/index.php?title=MediaWiki:Ouroboros.css&diff=22199
MediaWiki:Ouroboros.css
2024-01-25T01:43:26Z
<p>Olfz3b : </p>
<hr />
<div>/*<br />
_ ______ _____ _ _______ _ _ _________ _ _ ______ __ __ ______ <br />
| | | ____| / ____| |/ /_ _| \ | | / /__ __| | | | ____| \/ | ____|<br />
| | | |__ | (___ | ' / | | | \| | / / | | | |__| | |__ | \ / | |__ <br />
| | | __| \___ \| < | | | . ` | / / | | | __ | __| | |\/| | __| <br />
| |____| |____ ____) | . \ _| |_| |\ |/ / | | | | | | |____| | | | |____ <br />
|______|______|_|_____/|_|\_\_____|_|_\_/_/___ _ |_| |_| |_|______|_| |_|______|<br />
/ __ \| ____| ____|_ _/ ____|_ _| ____| | <br />
| | | | |__ | |__ | || | | | | |__ | | <br />
| | | | __| | __| | || | | | | __| | | <br />
| |__| | | | | _| || |____ _| |_| |____| |____ <br />
\____/|_|____|_| |_____\_____|_____|______|______| <br />
| __ \| ____| <br />
| | | | |__ <br />
| | | | __| <br />
| |__| | |____ <br />
|_____/|______|_ _____ _____ <br />
| | | ____| __ \ / ____| <br />
| | | |__ | |__) | | __ <br />
| | | __| | _ /| | |_ | <br />
| |____ | |____| | \ \| |__| | <br />
|______| |______|_| \_\\_____| <br />
<br />
<br />
*/<br />
<br />
<br />
@font-face {<br />
font-family: Combined;<br />
src: url("/mw/skins/foreground/assets/fonts/combined.otf");<br />
}<br />
@font-face {<br />
font-family: Lucette;<br />
src: url("/mw/skins/foreground/assets/fonts/LUCETTE/font/otf/Lucette-Regular.otf");<br />
src: url("/mw/skins/foreground/assets/fonts/LUCETTE/font/ttf/Lucette-Regular.ttf");<br />
src: url("/mw/skins/foreground/assets/fonts/LUCETTE/font/woff/Lucette-Regular.woff");<br />
src: url("/mw/skins/foreground/assets/fonts/LUCETTE/font/woff2/Lucette-Regular.woff2");<br />
}<br />
@font-face {<br />
font-family: Lucette;<br />
src: url("/mw/skins/foreground/assets/fonts/LUCETTE/font/otf/Lucette-Regularitalic.otf");<br />
src: url("/mw/skins/foreground/assets/fonts/LUCETTE/font/ttf/Lucette-Regularitalic.ttf");<br />
src: url("/mw/skins/foreground/assets/fonts/LUCETTE/font/woff/Lucette-Regularitalic.woff");<br />
src: url("/mw/skins/foreground/assets/fonts/LUCETTE/font/woff2/Lucette-Regularitalic.woff2");<br />
font-style: italic;<br />
}<br />
/*<br />
@font-face {<br />
font-family: Vega;<br />
src: url("/mw/skins/foreground/assets/fonts/otf/Vega-Regular.otf");<br />
src: url("/mw/skins/foreground/assets/fonts/Vega-Regular.ttf") format("truetype");<br />
src: url("/mw/skins/foreground/assets/fonts/Vega-Regular-Webfont.svg" format("svg"));<br />
src: url("/mw/skins/foreground/assets/fonts/Vega-Regular.woff" format("woff"));<br />
src: url("/mw/skins/foreground/assets/fonts/Vega-Regular.woff2") format("woff2");<br />
}<br />
*/<br />
<br />
<br />
<br />
<br />
/* Global variables. */<br />
:root,<br />
::backdrop {<br />
/* Set sans-serif & mono fonts */<br />
--sans-font: -apple-system, BlinkMacSystemFont, "Avenir Next", Avenir,<br />
"Nimbus Sans L", Roboto, "Noto Sans", "Segoe UI", Arial, Helvetica,<br />
"Helvetica Neue", sans-serif;<br />
--mono-font: Consolas, Menlo, Monaco, "Andale Mono", "Ubuntu Mono", monospace;<br />
--standard-border-radius: 5px;<br />
<br />
/* Default (light) theme */<br />
--bg: #fff;<br />
--bg-top: #222;<br />
--accent-bg: #f5f7ff;<br />
--text: #212121;<br />
--text-light: #585858;<br />
--border: #898EA4;<br />
--accent: #0d47a1;<br />
--accent-hover: #1266e2;<br />
--accent-text: var(--bg);<br />
--code: #d81b60;<br />
--preformatted: #444;<br />
--marked: #ffdd33;<br />
--disabled: #efefef;<br />
<br />
--font-title: Combined;<br />
--font-body: Lucette;<br />
--color-a: #a700ff; /* purple */<br />
--color-b: #00ab6b; /* green */<br />
--font-size: 23px;<br />
--line-height: 1.3em;<br />
}<br />
<br />
/* Dark theme */<br />
@media (prefers-color-scheme: dark) { /* the world went cyberpunk and nobody noticed it */<br />
:root,<br />
::backdrop {<br />
color-scheme: dark;<br />
--bg: black;<br />
--bg-top: black;<br />
--accent-bg: #2b2b2b;<br />
--text: white;<br />
--text-light: #ababab;<br />
--accent: #ffb300;<br />
--accent-hover: #ffe099;<br />
--accent-text: var(--bg);<br />
--code: #f06292;<br />
--preformatted: #ccc;<br />
--disabled: #111;<br />
<br />
--font-title: Combined;<br />
--font-body: Lucette;<br />
--color-b: #4d3856 ; /* cool purple */<br />
--color-a: #4be239; /* nuke green */<br />
--font-size: 23px;<br />
--line-height: 1.3em;<br />
}<br />
<br />
#page-content a,<br />
#catlinks .label {<br />
color: lightblue;!important;<br />
}<br />
}<br />
<br />
/* Reset box-sizing */<br />
*, *::before, *::after {<br />
box-sizing: border-box;<br />
}<br />
<br />
body {<br />
font-family: var(--font-body);<br />
font-size: var(--font-size);<br />
line-height: var(--line-height);<br />
padding-top: 3em;<br />
background-color: var(--bg);<br />
color: var(--text);<br />
}<br />
p {<br />
font-size: var(--font-size);<br />
line-height: var(--line-height);<br />
margin-bottom: 0;<br />
}<br />
p + p {<br />
margin-top: var(--line-height);<br />
}<br />
<br />
/* INTERFACE ------------------------------------------------------------------ */<br />
/* remove category help button (does it remove other stuff? mmm...) */<br />
#mw-indicator-mw-helplink {<br />
display: none;<br />
}<br />
<br />
/* Menu bar, position fixed to be able to grab it to resize the map on mobile devices */<br />
#navwrapper {<br />
position: fixed;<br />
top: 0;<br />
right: 0;<br />
z-index: 1000;<br />
left: 0;<br />
}<br />
<br />
h4.namespace.label {<br />
display: none;<br />
}<br />
<br />
.mw-editsection, .mw-editsection-like {<br />
font-size: 10px;<br />
}<br />
<br />
#actions {<br />
left: initial !important;<br />
right: 14px;<br />
top: -21px;<br />
background-color: var(--accent-bg);<br />
border: 1px solid var(--text-light);<br />
color: var(--text-light);<br />
}<br />
a#actions-button {<br />
margin-top: -1em;<br />
background-color: var(--accent-bg);<br />
padding: 5px;<br />
color: var(--text-light);<br />
}<br />
.fa,<br />
button, .button,<br />
.top-bar-section ul li > a {<br />
font-family: var(--font-body);<br />
}<br />
.fa::before {<br />
font-family: FontAwesome;<br />
}<br />
<br />
.top-bar,<br />
.top-bar-section,<br />
#top-bar-left,<br />
#top-bar-right,<br />
#top-bar-right .columns {<br />
display: flex;<br />
background-color: var(--bg-top);<br />
align-items: center;<br />
justify-content: space-evenly;<br />
}<br />
#top-bar-left {<br />
width: initial;<br />
}<br />
.top-bar-section {<br />
flex-grow: 1;<br />
}<br />
.has-form {<br />
flex-grow: 1;<br />
padding: 0.5em !important;<br />
}<br />
#top-bar-right {<br />
justify-content: space-between;<br />
flex-grow: 1;<br />
}<br />
.top-bar input {<br />
padding-top: 8px;<br />
flex-grow: 1;<br />
height: 2em;<br />
box-sizing: border-box;<br />
border: 0;<br />
outline: 0;<br />
}<br />
.button.search {<br />
background-color: transparent;<br />
border-style: solid;<br />
border-width: 2px;<br />
border-image: linear-gradient(to right, var(--color-a), var(--color-b));<br />
border-image-slice: 1;<br />
top: 2px !important;<br />
position: relative;<br />
margin-left: 0px !important;<br />
box-sizing: border-box;<br />
padding: 0;<br />
width: 80px;<br />
height: 2em;<br />
margin: 0;<br />
top: 0 !important;<br />
}<br />
.button.search:hover {<br />
background-color: var(--color-a);<br />
}<br />
.suggestions-result-current {<br />
background-color: var(--color-b) !important;<br />
}<br />
<br />
.top-bar .toggle-topbar a {<br />
text-transform: lowercase;<br />
font-size: 1em;<br />
}<br />
<br />
#toc, .toc {<br />
float: right;<br />
margin-left: 1em;<br />
max-width: 45%;<br />
background-color: var(--accent-bg);<br />
border-radius: 5px;<br />
}<br />
.toctitle {<br />
margin-bottom: -1em;<br />
}<br />
#toc h2 {<br />
margin-top: 0.25em;<br />
font-size: 1em;<br />
display: inline-block;<br />
margin-right: 0.5em;<br />
}<br />
#toc ul {<br />
margin: 0;<br />
}<br />
.tocnumber:after {<br />
content: " – ";<br />
}<br />
<br />
table.infobox {<br />
width: initial;<br />
max-width: 45%;<br />
}<br />
table.infobox th.head {<br />
background-color: var(--color-b);<br />
}<br />
th, td {<br />
padding: 0.5em !important;<br />
}<br />
<br />
li {<br />
line-height: initial;<br />
}<br />
<br />
.mw-category-generated {<br />
margin-top: 2em;<br />
}<br />
<br />
/* if no content but only listing subcategories */<br />
.mw-parser-output:empty + .mw-category-generated h2 {<br />
display: none;<br />
}<br />
<br />
/* If only one subcategory, don't list the initial */<br />
.mw-category-generated #mw-pages div:only-of-type h3,<br />
#mw-subcategories div:only-of-type h3 {<br />
/*display: none;*/<br />
}<br />
<br />
/* removes counting of categories */<br />
.mw-category-generated #mw-pages p:first-of-type,<br />
#mw-subcategories p:first-of-type {<br />
display: none;<br />
}<br />
<br />
.group {<br />
margin-top: 5em;<br />
}<br />
#catlinks .label {<br />
border-width: 2px;<br />
border-style: solid;<br />
background-color: transparent;<br />
padding: 2px 6px !important;<br />
}<br />
<br />
/* HEADER ------------------------------------------------------------------ */<br />
.title-name {<br />
font-family: var(--font-title);<br />
font-weight: bold;<br />
}<br />
.title-name:hover {<br />
color: var(--color-a);<br />
}<br />
<br />
<br />
<br />
.top-bar-section .has-form {<br />
background-color: var(--bg-top)!important;<br />
}<br />
.top-bar-section .has-dropdown > a::after {<br />
display: none;<br />
}<br />
.top-bar-section .has-dropdown > a {<br />
padding-right: initial !important;<br />
}<br />
.top-bar-section .dropdown li {<br />
width: initial;<br />
/*height: 2em;*/<br />
position: relative;<br />
padding: 0;<br />
border-bottom: 1px solid lightgray;<br />
}<br />
.top-bar-section ul li {<br />
padding: 0 0.5em;<br />
background-color: var(--bg-top);<br />
}<br />
.top-bar-section ul li:hover {<br />
z-index: 1000;<br />
}<br />
.top-bar-section ul li > a {<br />
font-size: 16px;<br />
padding: 0;<br />
font-weight: bold;<br />
}<br />
<br />
li#p-menu > a {<br />
text-transform: uppercase;<br />
padding: 0;<br />
}<br />
li#p-menu > a + ul li {<br />
outline: 1px solid #00a393;<br />
}<br />
<br />
.top-bar-section .dropdown li:not(.has-form):not(.active):hover > a:not(.button) {<br />
background: linear-gradient(90deg,var(--color-a), var(--color-b));<br />
}<br />
li#p-menu + li.has-dropdown {<br />
width: 3em;<br />
text-align: center;<br />
}<br />
li#p-menu + li.has-dropdown > a {<br />
border-radius: 100%;<br />
padding: 0;<br />
text-align: center;<br />
line-height: 30px;<br />
margin: auto;<br />
display: inline-block;<br />
width: 30px;<br />
box-sizing: border-box;<br />
height: 30px;<br />
}<br />
.not-logged-in #top-bar-right li:nth-child(3) {<br />
display: none;<br />
}<br />
<br />
#toolbox-dropdown li, #personal-tools-dropdown .dropdown li {<br />
float: right;<br />
}<br />
<br />
.back h5 {<br />
font-size: 2em !important;<br />
}<br />
a.parent-link {<br />
color: var(--color-b) !important;<br />
font-weight: bold !important;<br />
}<br />
<br />
/* CONTENT ------------------------------------------------------------------ */<br />
#page-content {<br />
margin: 1em;<br />
color: var(--text);<br />
}<br />
#english {<br />
position: relative;<br />
top: -1.5em;<br />
}<br />
<br />
h1, h2, h3, h4, h5, h6 {<br />
margin-top: 2em;<br />
color: var(--color-b);<br />
line-height: 1.5em;<br />
font-family: var(--font-body);<br />
}<br />
h1, h1#firstHeading, h2 {<br />
font-family: var(--font-title);<br />
font-size: 1.5em;<br />
}<br />
<br />
h1 {<br />
color: var(--color-a);<br />
}<br />
h2 span {<br />
display: initial;<br />
}<br />
h3 {<br />
font-family: var(--font-title);<br />
font-size: 1em;<br />
}<br />
body.action-view #page-content a {<br />
border-image: linear-gradient(to right, var(--color-a), var(--color-b));<br />
border-bottom-width: 2px;<br />
border-image-slice: 1;<br />
color: var(--text);<br />
border-bottom-style: solid;<br />
padding: 3px 5px 1px;<br />
<br />
}<br />
#page-content a:hover,<br />
#catlinks .label:hover {<br />
background-color: var(--color-a);<br />
color: black !important;<br />
}<br />
<br />
/* Removes user name */<br />
h3#tagline {<br />
display: none;<br />
}<br />
#bodyContent {<br />
margin-top: 3em;<br />
}<br />
<br />
#page-content ul, #page-content ol {<br />
font-size: 1em;<br />
margin-top: var(--line-height) !important;<br />
margin-bottom: var(--line-height) !important;<br />
}<br />
div {<br />
line-height: 1.4em ;<br />
}<br />
label {<br />
color: var(--text-light);<br />
}<br />
label[for="wpCaptchaWord"]{<br />
background-color: orangered;<br />
}<br />
code, pre {<br />
color: darkgrey;<br />
background-color: #181818;<br />
border: 1px solid darkgrey;<br />
border-radius:3px;<br />
font-size: 0.8em;<br />
padding: 1ch;<br />
}<br />
<br />
<br />
/* ACTUALITÉS ------------------------------------------------------------------ */<br />
.medialisting {<br />
display: flex;<br />
flex-wrap: wrap;<br />
}<br />
.medialisting a {<br />
border: 0 !important;<br />
}<br />
.Media {<br />
display: flex;<br />
align-items: flex-start;<br />
margin-bottom: 1em;<br />
flex-direction: column;<br />
flex-basis: 32%;<br />
box-sizing: border-box;<br />
justify-content: center;<br />
padding: 0.5em;<br />
background: radial-gradient(var(--color-a) -31%, transparent 60%);<br />
}<br />
.Media:nth-child(2n) {<br />
background: radial-gradient(var(--color-b) -31%, transparent 60%);<br />
}<br />
.Media-body {<br />
flex: initial;<br />
}<br />
<br />
.flexgal {<br />
display: flex;<br />
flex-wrap: wrap;<br />
}<br />
<br />
/* THUMBNAILS ------------------------------------------------------------------ */<br />
.thumbinner {<br />
background-color: var(--accent-bg);<br />
}<br />
.thumb.tleft {<br />
margin-right: 2em;<br />
}<br />
.Media-figure a,<br />
.image.fancybox {<br />
display: inline-block;<br />
}<br />
.magnify a {<br />
text-indent: 0;<br />
width: 25px;<br />
height: 25px;<br />
border-style: solid;<br />
border-width: 2px;<br />
line-height: 15px;<br />
}<br />
.magnify a:before {<br />
content: "+";<br />
font-family: FontAwesome;<br />
font-size: 20px;<br />
}<br />
<br />
/* MEDIA QUERIES ------------------------------------------------------------------ */<br />
@media (max-width: 800px) {<br />
div.tleft, div.floatleft, table.floatleft {<br />
width: 100%;<br />
margin-bottom: 3em;<br />
}<br />
#toc {<br />
max-width: initial;<br />
width: 100%;<br />
margin-left: 0;<br />
<br />
<br />
}<br />
}<br />
@media only screen and (max-width: 600px) {<br />
.top-bar,<br />
.top-bar-section,<br />
#top-bar-right,<br />
#top-bar-right .columns {<br />
display: inherit;<br />
}<br />
.top-bar.expanded {<br />
flex-wrap: wrap;<br />
}<br />
.top-bar.expanded .title-area {<br />
display: flex;<br />
flex-grow: 1;<br />
justify-content: space-between;<br />
}<br />
.top-bar.expanded .top-bar,<br />
.top-bar.expanded .top-bar-section,<br />
.top-bar.expanded #top-bar-right,<br />
.top-bar.expanded #top-bar-right .columns {<br />
display: flex;<br />
align-items: center;<br />
}<br />
.divider.show-for-small {<br />
display: none !important;<br />
}<br />
}<br />
<br />
/* Formulaire d'edition ------------------------------------------------------------------ */<br />
#editform<br />
{<br />
margin-top: -5vh;<br />
}</div>
Olfz3b
https://wiki.erg.be/mw/index.php?title=MediaWiki:Ouroboros.css&diff=22198
MediaWiki:Ouroboros.css
2024-01-25T01:42:35Z
<p>Olfz3b : </p>
<hr />
<div>/*<br />
_ ______ _____ _ _______ _ _ _________ _ _ ______ __ __ ______ <br />
| | | ____| / ____| |/ /_ _| \ | | / /__ __| | | | ____| \/ | ____|<br />
| | | |__ | (___ | ' / | | | \| | / / | | | |__| | |__ | \ / | |__ <br />
| | | __| \___ \| < | | | . ` | / / | | | __ | __| | |\/| | __| <br />
| |____| |____ ____) | . \ _| |_| |\ |/ / | | | | | | |____| | | | |____ <br />
|______|______|_|_____/|_|\_\_____|_|_\_/_/___ _ |_| |_| |_|______|_| |_|______|<br />
/ __ \| ____| ____|_ _/ ____|_ _| ____| | <br />
| | | | |__ | |__ | || | | | | |__ | | <br />
| | | | __| | __| | || | | | | __| | | <br />
| |__| | | | | _| || |____ _| |_| |____| |____ <br />
\____/|_|____|_| |_____\_____|_____|______|______| <br />
| __ \| ____| <br />
| | | | |__ <br />
| | | | __| <br />
| |__| | |____ <br />
|_____/|______|_ _____ _____ <br />
| | | ____| __ \ / ____| <br />
| | | |__ | |__) | | __ <br />
| | | __| | _ /| | |_ | <br />
| |____ | |____| | \ \| |__| | <br />
|______| |______|_| \_\\_____| <br />
<br />
<br />
*/<br />
<br />
<br />
@font-face {<br />
font-family: Combined;<br />
src: url("/mw/skins/foreground/assets/fonts/combined.otf");<br />
}<br />
@font-face {<br />
font-family: Lucette;<br />
src: url("/mw/skins/foreground/assets/fonts/LUCETTE/font/otf/Lucette-Regular.otf");<br />
src: url("/mw/skins/foreground/assets/fonts/LUCETTE/font/ttf/Lucette-Regular.ttf");<br />
src: url("/mw/skins/foreground/assets/fonts/LUCETTE/font/woff/Lucette-Regular.woff");<br />
src: url("/mw/skins/foreground/assets/fonts/LUCETTE/font/woff2/Lucette-Regular.woff2");<br />
}<br />
@font-face {<br />
font-family: Lucette;<br />
src: url("/mw/skins/foreground/assets/fonts/LUCETTE/font/otf/Lucette-Regularitalic.otf");<br />
src: url("/mw/skins/foreground/assets/fonts/LUCETTE/font/ttf/Lucette-Regularitalic.ttf");<br />
src: url("/mw/skins/foreground/assets/fonts/LUCETTE/font/woff/Lucette-Regularitalic.woff");<br />
src: url("/mw/skins/foreground/assets/fonts/LUCETTE/font/woff2/Lucette-Regularitalic.woff2");<br />
font-style: italic;<br />
}<br />
/*<br />
@font-face {<br />
font-family: Vega;<br />
src: url("/mw/skins/foreground/assets/fonts/otf/Vega-Regular.otf");<br />
src: url("/mw/skins/foreground/assets/fonts/Vega-Regular.ttf") format("truetype");<br />
src: url("/mw/skins/foreground/assets/fonts/Vega-Regular-Webfont.svg" format("svg"));<br />
src: url("/mw/skins/foreground/assets/fonts/Vega-Regular.woff" format("woff"));<br />
src: url("/mw/skins/foreground/assets/fonts/Vega-Regular.woff2") format("woff2");<br />
}<br />
*/<br />
<br />
<br />
<br />
<br />
/* Global variables. */<br />
:root,<br />
::backdrop {<br />
/* Set sans-serif & mono fonts */<br />
--sans-font: -apple-system, BlinkMacSystemFont, "Avenir Next", Avenir,<br />
"Nimbus Sans L", Roboto, "Noto Sans", "Segoe UI", Arial, Helvetica,<br />
"Helvetica Neue", sans-serif;<br />
--mono-font: Consolas, Menlo, Monaco, "Andale Mono", "Ubuntu Mono", monospace;<br />
--standard-border-radius: 5px;<br />
<br />
/* Default (light) theme */<br />
--bg: #fff;<br />
--bg-top: #222;<br />
--accent-bg: #f5f7ff;<br />
--text: #212121;<br />
--text-light: #585858;<br />
--border: #898EA4;<br />
--accent: #0d47a1;<br />
--accent-hover: #1266e2;<br />
--accent-text: var(--bg);<br />
--code: #d81b60;<br />
--preformatted: #444;<br />
--marked: #ffdd33;<br />
--disabled: #efefef;<br />
<br />
--font-title: Combined;<br />
--font-body: Lucette;<br />
--color-a: #a700ff; /* purple */<br />
--color-b: #00ab6b; /* green */<br />
--font-size: 23px;<br />
--line-height: 1.3em;<br />
}<br />
<br />
/* Dark theme */<br />
@media (prefers-color-scheme: dark) { /* the world went cyberpunk and nobody noticed it */<br />
:root,<br />
::backdrop {<br />
color-scheme: dark;<br />
--bg: black;<br />
--bg-top: black;<br />
--accent-bg: #2b2b2b;<br />
--text: white;<br />
--text-light: #ababab;<br />
--accent: #ffb300;<br />
--accent-hover: #ffe099;<br />
--accent-text: var(--bg);<br />
--code: #f06292;<br />
--preformatted: #ccc;<br />
--disabled: #111;<br />
<br />
--font-title: Combined;<br />
--font-body: Lucette;<br />
--color-b: #4d3856 ; /* cool purple */<br />
--color-a: #4be239; /* nuke green */<br />
--font-size: 23px;<br />
--line-height: 1.3em;<br />
}<br />
<br />
#page-content a,<br />
#catlinks .label {<br />
color: var(--color-a) !important;<br />
}<br />
}<br />
<br />
/* Reset box-sizing */<br />
*, *::before, *::after {<br />
box-sizing: border-box;<br />
}<br />
<br />
body {<br />
font-family: var(--font-body);<br />
font-size: var(--font-size);<br />
line-height: var(--line-height);<br />
padding-top: 3em;<br />
background-color: var(--bg);<br />
color: var(--text);<br />
}<br />
p {<br />
font-size: var(--font-size);<br />
line-height: var(--line-height);<br />
margin-bottom: 0;<br />
}<br />
p + p {<br />
margin-top: var(--line-height);<br />
}<br />
<br />
/* INTERFACE ------------------------------------------------------------------ */<br />
/* remove category help button (does it remove other stuff? mmm...) */<br />
#mw-indicator-mw-helplink {<br />
display: none;<br />
}<br />
<br />
/* Menu bar, position fixed to be able to grab it to resize the map on mobile devices */<br />
#navwrapper {<br />
position: fixed;<br />
top: 0;<br />
right: 0;<br />
z-index: 1000;<br />
left: 0;<br />
}<br />
<br />
h4.namespace.label {<br />
display: none;<br />
}<br />
<br />
.mw-editsection, .mw-editsection-like {<br />
font-size: 10px;<br />
}<br />
<br />
#actions {<br />
left: initial !important;<br />
right: 14px;<br />
top: -21px;<br />
background-color: var(--accent-bg);<br />
border: 1px solid var(--text-light);<br />
color: var(--text-light);<br />
}<br />
a#actions-button {<br />
margin-top: -1em;<br />
background-color: var(--accent-bg);<br />
padding: 5px;<br />
color: var(--text-light);<br />
}<br />
.fa,<br />
button, .button,<br />
.top-bar-section ul li > a {<br />
font-family: var(--font-body);<br />
}<br />
.fa::before {<br />
font-family: FontAwesome;<br />
}<br />
<br />
.top-bar,<br />
.top-bar-section,<br />
#top-bar-left,<br />
#top-bar-right,<br />
#top-bar-right .columns {<br />
display: flex;<br />
background-color: var(--bg-top);<br />
align-items: center;<br />
justify-content: space-evenly;<br />
}<br />
#top-bar-left {<br />
width: initial;<br />
}<br />
.top-bar-section {<br />
flex-grow: 1;<br />
}<br />
.has-form {<br />
flex-grow: 1;<br />
padding: 0.5em !important;<br />
}<br />
#top-bar-right {<br />
justify-content: space-between;<br />
flex-grow: 1;<br />
}<br />
.top-bar input {<br />
padding-top: 8px;<br />
flex-grow: 1;<br />
height: 2em;<br />
box-sizing: border-box;<br />
border: 0;<br />
outline: 0;<br />
}<br />
.button.search {<br />
background-color: transparent;<br />
border-style: solid;<br />
border-width: 2px;<br />
border-image: linear-gradient(to right, var(--color-a), var(--color-b));<br />
border-image-slice: 1;<br />
top: 2px !important;<br />
position: relative;<br />
margin-left: 0px !important;<br />
box-sizing: border-box;<br />
padding: 0;<br />
width: 80px;<br />
height: 2em;<br />
margin: 0;<br />
top: 0 !important;<br />
}<br />
.button.search:hover {<br />
background-color: var(--color-a);<br />
}<br />
.suggestions-result-current {<br />
background-color: var(--color-b) !important;<br />
}<br />
<br />
.top-bar .toggle-topbar a {<br />
text-transform: lowercase;<br />
font-size: 1em;<br />
}<br />
<br />
#toc, .toc {<br />
float: right;<br />
margin-left: 1em;<br />
max-width: 45%;<br />
background-color: var(--accent-bg);<br />
border-radius: 5px;<br />
}<br />
.toctitle {<br />
margin-bottom: -1em;<br />
}<br />
#toc h2 {<br />
margin-top: 0.25em;<br />
font-size: 1em;<br />
display: inline-block;<br />
margin-right: 0.5em;<br />
}<br />
#toc ul {<br />
margin: 0;<br />
}<br />
.tocnumber:after {<br />
content: " – ";<br />
}<br />
<br />
table.infobox {<br />
width: initial;<br />
max-width: 45%;<br />
}<br />
table.infobox th.head {<br />
background-color: var(--color-b);<br />
}<br />
th, td {<br />
padding: 0.5em !important;<br />
}<br />
<br />
li {<br />
line-height: initial;<br />
}<br />
<br />
.mw-category-generated {<br />
margin-top: 2em;<br />
}<br />
<br />
/* if no content but only listing subcategories */<br />
.mw-parser-output:empty + .mw-category-generated h2 {<br />
display: none;<br />
}<br />
<br />
/* If only one subcategory, don't list the initial */<br />
.mw-category-generated #mw-pages div:only-of-type h3,<br />
#mw-subcategories div:only-of-type h3 {<br />
/*display: none;*/<br />
}<br />
<br />
/* removes counting of categories */<br />
.mw-category-generated #mw-pages p:first-of-type,<br />
#mw-subcategories p:first-of-type {<br />
display: none;<br />
}<br />
<br />
.group {<br />
margin-top: 5em;<br />
}<br />
#catlinks .label {<br />
border-width: 2px;<br />
border-style: solid;<br />
background-color: transparent;<br />
padding: 2px 6px !important;<br />
}<br />
<br />
/* HEADER ------------------------------------------------------------------ */<br />
.title-name {<br />
font-family: var(--font-title);<br />
font-weight: bold;<br />
}<br />
.title-name:hover {<br />
color: var(--color-a);<br />
}<br />
<br />
<br />
<br />
.top-bar-section .has-form {<br />
background-color: var(--bg-top)!important;<br />
}<br />
.top-bar-section .has-dropdown > a::after {<br />
display: none;<br />
}<br />
.top-bar-section .has-dropdown > a {<br />
padding-right: initial !important;<br />
}<br />
.top-bar-section .dropdown li {<br />
width: initial;<br />
/*height: 2em;*/<br />
position: relative;<br />
padding: 0;<br />
border-bottom: 1px solid lightgray;<br />
}<br />
.top-bar-section ul li {<br />
padding: 0 0.5em;<br />
background-color: var(--bg-top);<br />
}<br />
.top-bar-section ul li:hover {<br />
z-index: 1000;<br />
}<br />
.top-bar-section ul li > a {<br />
font-size: 16px;<br />
padding: 0;<br />
font-weight: bold;<br />
}<br />
<br />
li#p-menu > a {<br />
text-transform: uppercase;<br />
padding: 0;<br />
}<br />
li#p-menu > a + ul li {<br />
outline: 1px solid #00a393;<br />
}<br />
<br />
.top-bar-section .dropdown li:not(.has-form):not(.active):hover > a:not(.button) {<br />
background: linear-gradient(90deg,var(--color-a), var(--color-b));<br />
}<br />
li#p-menu + li.has-dropdown {<br />
width: 3em;<br />
text-align: center;<br />
}<br />
li#p-menu + li.has-dropdown > a {<br />
border-radius: 100%;<br />
padding: 0;<br />
text-align: center;<br />
line-height: 30px;<br />
margin: auto;<br />
display: inline-block;<br />
width: 30px;<br />
box-sizing: border-box;<br />
height: 30px;<br />
}<br />
.not-logged-in #top-bar-right li:nth-child(3) {<br />
display: none;<br />
}<br />
<br />
#toolbox-dropdown li, #personal-tools-dropdown .dropdown li {<br />
float: right;<br />
}<br />
<br />
.back h5 {<br />
font-size: 2em !important;<br />
}<br />
a.parent-link {<br />
color: var(--color-b) !important;<br />
font-weight: bold !important;<br />
}<br />
<br />
/* CONTENT ------------------------------------------------------------------ */<br />
#page-content {<br />
margin: 1em;<br />
color: var(--text);<br />
}<br />
#english {<br />
position: relative;<br />
top: -1.5em;<br />
}<br />
<br />
h1, h2, h3, h4, h5, h6 {<br />
margin-top: 2em;<br />
color: var(--color-b);<br />
line-height: 1.5em;<br />
font-family: var(--font-body);<br />
}<br />
h1, h1#firstHeading, h2 {<br />
font-family: var(--font-title);<br />
font-size: 1.5em;<br />
}<br />
<br />
h1 {<br />
color: var(--color-a);<br />
}<br />
h2 span {<br />
display: initial;<br />
}<br />
h3 {<br />
font-family: var(--font-title);<br />
font-size: 1em;<br />
}<br />
body.action-view #page-content a {<br />
border-image: linear-gradient(to right, var(--color-a), var(--color-b));<br />
border-bottom-width: 2px;<br />
border-image-slice: 1;<br />
color: var(--text);<br />
border-bottom-style: solid;<br />
padding: 3px 5px 1px;<br />
<br />
}<br />
#page-content a:hover,<br />
#catlinks .label:hover {<br />
background-color: var(--color-a);<br />
color: black !important;<br />
}<br />
<br />
/* Removes user name */<br />
h3#tagline {<br />
display: none;<br />
}<br />
#bodyContent {<br />
margin-top: 3em;<br />
}<br />
<br />
#page-content ul, #page-content ol {<br />
font-size: 1em;<br />
margin-top: var(--line-height) !important;<br />
margin-bottom: var(--line-height) !important;<br />
}<br />
div {<br />
line-height: 1.4em ;<br />
}<br />
label {<br />
color: var(--text-light);<br />
}<br />
label[for="wpCaptchaWord"]{<br />
background-color: orangered;<br />
}<br />
code, pre {<br />
color: darkgrey;<br />
background-color: #181818;<br />
border: 1px solid darkgrey;<br />
border-radius:3px;<br />
font-size: 0.8em;<br />
padding: 1ch;<br />
}<br />
<br />
<br />
/* ACTUALITÉS ------------------------------------------------------------------ */<br />
.medialisting {<br />
display: flex;<br />
flex-wrap: wrap;<br />
}<br />
.medialisting a {<br />
border: 0 !important;<br />
}<br />
.Media {<br />
display: flex;<br />
align-items: flex-start;<br />
margin-bottom: 1em;<br />
flex-direction: column;<br />
flex-basis: 32%;<br />
box-sizing: border-box;<br />
justify-content: center;<br />
padding: 0.5em;<br />
background: radial-gradient(var(--color-a) -31%, transparent 60%);<br />
}<br />
.Media:nth-child(2n) {<br />
background: radial-gradient(var(--color-b) -31%, transparent 60%);<br />
}<br />
.Media-body {<br />
flex: initial;<br />
}<br />
<br />
.flexgal {<br />
display: flex;<br />
flex-wrap: wrap;<br />
}<br />
<br />
/* THUMBNAILS ------------------------------------------------------------------ */<br />
.thumbinner {<br />
background-color: var(--accent-bg);<br />
}<br />
.thumb.tleft {<br />
margin-right: 2em;<br />
}<br />
.Media-figure a,<br />
.image.fancybox {<br />
display: inline-block;<br />
}<br />
.magnify a {<br />
text-indent: 0;<br />
width: 25px;<br />
height: 25px;<br />
border-style: solid;<br />
border-width: 2px;<br />
line-height: 15px;<br />
}<br />
.magnify a:before {<br />
content: "+";<br />
font-family: FontAwesome;<br />
font-size: 20px;<br />
}<br />
<br />
/* MEDIA QUERIES ------------------------------------------------------------------ */<br />
@media (max-width: 800px) {<br />
div.tleft, div.floatleft, table.floatleft {<br />
width: 100%;<br />
margin-bottom: 3em;<br />
}<br />
#toc {<br />
max-width: initial;<br />
width: 100%;<br />
margin-left: 0;<br />
<br />
<br />
}<br />
}<br />
@media only screen and (max-width: 600px) {<br />
.top-bar,<br />
.top-bar-section,<br />
#top-bar-right,<br />
#top-bar-right .columns {<br />
display: inherit;<br />
}<br />
.top-bar.expanded {<br />
flex-wrap: wrap;<br />
}<br />
.top-bar.expanded .title-area {<br />
display: flex;<br />
flex-grow: 1;<br />
justify-content: space-between;<br />
}<br />
.top-bar.expanded .top-bar,<br />
.top-bar.expanded .top-bar-section,<br />
.top-bar.expanded #top-bar-right,<br />
.top-bar.expanded #top-bar-right .columns {<br />
display: flex;<br />
align-items: center;<br />
}<br />
.divider.show-for-small {<br />
display: none !important;<br />
}<br />
}<br />
<br />
/* Formulaire d'edition ------------------------------------------------------------------ */<br />
#editform<br />
{<br />
margin-top: -5vh;<br />
}</div>
Olfz3b
https://wiki.erg.be/mw/index.php?title=MediaWiki:Ouroboros.css&diff=22197
MediaWiki:Ouroboros.css
2024-01-25T01:40:30Z
<p>Olfz3b : </p>
<hr />
<div>/*<br />
_ ______ _____ _ _______ _ _ _________ _ _ ______ __ __ ______ <br />
| | | ____| / ____| |/ /_ _| \ | | / /__ __| | | | ____| \/ | ____|<br />
| | | |__ | (___ | ' / | | | \| | / / | | | |__| | |__ | \ / | |__ <br />
| | | __| \___ \| < | | | . ` | / / | | | __ | __| | |\/| | __| <br />
| |____| |____ ____) | . \ _| |_| |\ |/ / | | | | | | |____| | | | |____ <br />
|______|______|_|_____/|_|\_\_____|_|_\_/_/___ _ |_| |_| |_|______|_| |_|______|<br />
/ __ \| ____| ____|_ _/ ____|_ _| ____| | <br />
| | | | |__ | |__ | || | | | | |__ | | <br />
| | | | __| | __| | || | | | | __| | | <br />
| |__| | | | | _| || |____ _| |_| |____| |____ <br />
\____/|_|____|_| |_____\_____|_____|______|______| <br />
| __ \| ____| <br />
| | | | |__ <br />
| | | | __| <br />
| |__| | |____ <br />
|_____/|______|_ _____ _____ <br />
| | | ____| __ \ / ____| <br />
| | | |__ | |__) | | __ <br />
| | | __| | _ /| | |_ | <br />
| |____ | |____| | \ \| |__| | <br />
|______| |______|_| \_\\_____| <br />
<br />
<br />
*/<br />
<br />
<br />
@font-face {<br />
font-family: Combined;<br />
src: url("/mw/skins/foreground/assets/fonts/combined.otf");<br />
}<br />
@font-face {<br />
font-family: Lucette;<br />
src: url("/mw/skins/foreground/assets/fonts/LUCETTE/font/otf/Lucette-Regular.otf");<br />
src: url("/mw/skins/foreground/assets/fonts/LUCETTE/font/ttf/Lucette-Regular.ttf");<br />
src: url("/mw/skins/foreground/assets/fonts/LUCETTE/font/woff/Lucette-Regular.woff");<br />
src: url("/mw/skins/foreground/assets/fonts/LUCETTE/font/woff2/Lucette-Regular.woff2");<br />
}<br />
@font-face {<br />
font-family: Lucette;<br />
src: url("/mw/skins/foreground/assets/fonts/LUCETTE/font/otf/Lucette-Regularitalic.otf");<br />
src: url("/mw/skins/foreground/assets/fonts/LUCETTE/font/ttf/Lucette-Regularitalic.ttf");<br />
src: url("/mw/skins/foreground/assets/fonts/LUCETTE/font/woff/Lucette-Regularitalic.woff");<br />
src: url("/mw/skins/foreground/assets/fonts/LUCETTE/font/woff2/Lucette-Regularitalic.woff2");<br />
font-style: italic;<br />
}<br />
/*<br />
@font-face {<br />
font-family: Vega;<br />
src: url("/mw/skins/foreground/assets/fonts/otf/Vega-Regular.otf");<br />
src: url("/mw/skins/foreground/assets/fonts/Vega-Regular.ttf") format("truetype");<br />
src: url("/mw/skins/foreground/assets/fonts/Vega-Regular-Webfont.svg" format("svg"));<br />
src: url("/mw/skins/foreground/assets/fonts/Vega-Regular.woff" format("woff"));<br />
src: url("/mw/skins/foreground/assets/fonts/Vega-Regular.woff2") format("woff2");<br />
}<br />
*/<br />
<br />
<br />
<br />
<br />
/* Global variables. */<br />
:root,<br />
::backdrop {<br />
/* Set sans-serif & mono fonts */<br />
--sans-font: -apple-system, BlinkMacSystemFont, "Avenir Next", Avenir,<br />
"Nimbus Sans L", Roboto, "Noto Sans", "Segoe UI", Arial, Helvetica,<br />
"Helvetica Neue", sans-serif;<br />
--mono-font: Consolas, Menlo, Monaco, "Andale Mono", "Ubuntu Mono", monospace;<br />
--standard-border-radius: 5px;<br />
<br />
/* Default (light) theme */<br />
--bg: #fff;<br />
--bg-top: #222;<br />
--accent-bg: #f5f7ff;<br />
--text: #212121;<br />
--text-light: #585858;<br />
--border: #898EA4;<br />
--accent: #0d47a1;<br />
--accent-hover: #1266e2;<br />
--accent-text: var(--bg);<br />
--code: #d81b60;<br />
--preformatted: #444;<br />
--marked: #ffdd33;<br />
--disabled: #efefef;<br />
<br />
--font-title: Combined;<br />
--font-body: Lucette;<br />
--color-a: #a700ff; /* purple */<br />
--color-b: #00ab6b; /* green */<br />
--font-size: 23px;<br />
--line-height: 1.3em;<br />
}<br />
<br />
/* Dark theme */<br />
@media (prefers-color-scheme: dark) { /* the world went cyberpunk and nobody noticed it */<br />
:root,<br />
::backdrop {<br />
color-scheme: dark;<br />
--bg: black;<br />
--bg-top: black;<br />
--accent-bg: #2b2b2b;<br />
--text: white;<br />
--text-light: #ababab;<br />
--accent: #ffb300;<br />
--accent-hover: #ffe099;<br />
--accent-text: var(--bg);<br />
--code: #f06292;<br />
--preformatted: #ccc;<br />
--disabled: #111;<br />
<br />
--font-title: Combined;<br />
--font-body: Lucette;<br />
--color-b: #4d3856 ; /* cool purple */<br />
--color-a: #4be239; /* nuke green */<br />
--font-size: 23px;<br />
--line-height: 1.3em;<br />
}<br />
}<br />
<br />
/* Reset box-sizing */<br />
*, *::before, *::after {<br />
box-sizing: border-box;<br />
}<br />
<br />
body {<br />
font-family: var(--font-body);<br />
font-size: var(--font-size);<br />
line-height: var(--line-height);<br />
padding-top: 3em;<br />
background-color: var(--bg);<br />
color: var(--text);<br />
}<br />
p {<br />
font-size: var(--font-size);<br />
line-height: var(--line-height);<br />
margin-bottom: 0;<br />
}<br />
p + p {<br />
margin-top: var(--line-height);<br />
}<br />
<br />
/* INTERFACE ------------------------------------------------------------------ */<br />
/* remove category help button (does it remove other stuff? mmm...) */<br />
#mw-indicator-mw-helplink {<br />
display: none;<br />
}<br />
<br />
/* Menu bar, position fixed to be able to grab it to resize the map on mobile devices */<br />
#navwrapper {<br />
position: fixed;<br />
top: 0;<br />
right: 0;<br />
z-index: 1000;<br />
left: 0;<br />
}<br />
<br />
h4.namespace.label {<br />
display: none;<br />
}<br />
<br />
.mw-editsection, .mw-editsection-like {<br />
font-size: 10px;<br />
}<br />
<br />
#actions {<br />
left: initial !important;<br />
right: 14px;<br />
top: -21px;<br />
background-color: var(--accent-bg);<br />
border: 1px solid var(--text-light);<br />
color: var(--text-light);<br />
}<br />
a#actions-button {<br />
margin-top: -1em;<br />
background-color: var(--accent-bg);<br />
padding: 5px;<br />
color: var(--text-light);<br />
}<br />
.fa,<br />
button, .button,<br />
.top-bar-section ul li > a {<br />
font-family: var(--font-body);<br />
}<br />
.fa::before {<br />
font-family: FontAwesome;<br />
}<br />
<br />
.top-bar,<br />
.top-bar-section,<br />
#top-bar-left,<br />
#top-bar-right,<br />
#top-bar-right .columns {<br />
display: flex;<br />
background-color: var(--bg-top);<br />
align-items: center;<br />
justify-content: space-evenly;<br />
}<br />
#top-bar-left {<br />
width: initial;<br />
}<br />
.top-bar-section {<br />
flex-grow: 1;<br />
}<br />
.has-form {<br />
flex-grow: 1;<br />
padding: 0.5em !important;<br />
}<br />
#top-bar-right {<br />
justify-content: space-between;<br />
flex-grow: 1;<br />
}<br />
.top-bar input {<br />
padding-top: 8px;<br />
flex-grow: 1;<br />
height: 2em;<br />
box-sizing: border-box;<br />
border: 0;<br />
outline: 0;<br />
}<br />
.button.search {<br />
background-color: transparent;<br />
border-style: solid;<br />
border-width: 2px;<br />
border-image: linear-gradient(to right, var(--color-a), var(--color-b));<br />
border-image-slice: 1;<br />
top: 2px !important;<br />
position: relative;<br />
margin-left: 0px !important;<br />
box-sizing: border-box;<br />
padding: 0;<br />
width: 80px;<br />
height: 2em;<br />
margin: 0;<br />
top: 0 !important;<br />
}<br />
.button.search:hover {<br />
background-color: var(--color-a);<br />
}<br />
.suggestions-result-current {<br />
background-color: var(--color-b) !important;<br />
}<br />
<br />
.top-bar .toggle-topbar a {<br />
text-transform: lowercase;<br />
font-size: 1em;<br />
}<br />
<br />
#toc, .toc {<br />
float: right;<br />
margin-left: 1em;<br />
max-width: 45%;<br />
background-color: var(--accent-bg);<br />
border-radius: 5px;<br />
}<br />
.toctitle {<br />
margin-bottom: -1em;<br />
}<br />
#toc h2 {<br />
margin-top: 0.25em;<br />
font-size: 1em;<br />
display: inline-block;<br />
margin-right: 0.5em;<br />
}<br />
#toc ul {<br />
margin: 0;<br />
}<br />
.tocnumber:after {<br />
content: " – ";<br />
}<br />
<br />
table.infobox {<br />
width: initial;<br />
max-width: 45%;<br />
}<br />
table.infobox th.head {<br />
background-color: var(--color-b);<br />
}<br />
th, td {<br />
padding: 0.5em !important;<br />
}<br />
<br />
li {<br />
line-height: initial;<br />
}<br />
<br />
.mw-category-generated {<br />
margin-top: 2em;<br />
}<br />
<br />
/* if no content but only listing subcategories */<br />
.mw-parser-output:empty + .mw-category-generated h2 {<br />
display: none;<br />
}<br />
<br />
/* If only one subcategory, don't list the initial */<br />
.mw-category-generated #mw-pages div:only-of-type h3,<br />
#mw-subcategories div:only-of-type h3 {<br />
/*display: none;*/<br />
}<br />
<br />
/* removes counting of categories */<br />
.mw-category-generated #mw-pages p:first-of-type,<br />
#mw-subcategories p:first-of-type {<br />
display: none;<br />
}<br />
<br />
.group {<br />
margin-top: 5em;<br />
}<br />
#catlinks .label {<br />
border-width: 2px;<br />
border-style: solid;<br />
background-color: transparent;<br />
padding: 2px 6px !important;<br />
}<br />
<br />
/* HEADER ------------------------------------------------------------------ */<br />
.title-name {<br />
font-family: var(--font-title);<br />
font-weight: bold;<br />
}<br />
.title-name:hover {<br />
color: var(--color-a);<br />
}<br />
<br />
<br />
<br />
.top-bar-section .has-form {<br />
background-color: var(--bg-top)!important;<br />
}<br />
.top-bar-section .has-dropdown > a::after {<br />
display: none;<br />
}<br />
.top-bar-section .has-dropdown > a {<br />
padding-right: initial !important;<br />
}<br />
.top-bar-section .dropdown li {<br />
width: initial;<br />
/*height: 2em;*/<br />
position: relative;<br />
padding: 0;<br />
border-bottom: 1px solid lightgray;<br />
}<br />
.top-bar-section ul li {<br />
padding: 0 0.5em;<br />
background-color: var(--bg-top);<br />
}<br />
.top-bar-section ul li:hover {<br />
z-index: 1000;<br />
}<br />
.top-bar-section ul li > a {<br />
font-size: 16px;<br />
padding: 0;<br />
font-weight: bold;<br />
}<br />
<br />
li#p-menu > a {<br />
text-transform: uppercase;<br />
padding: 0;<br />
}<br />
li#p-menu > a + ul li {<br />
outline: 1px solid #00a393;<br />
}<br />
<br />
.top-bar-section .dropdown li:not(.has-form):not(.active):hover > a:not(.button) {<br />
background: linear-gradient(90deg,var(--color-a), var(--color-b));<br />
}<br />
li#p-menu + li.has-dropdown {<br />
width: 3em;<br />
text-align: center;<br />
}<br />
li#p-menu + li.has-dropdown > a {<br />
border-radius: 100%;<br />
padding: 0;<br />
text-align: center;<br />
line-height: 30px;<br />
margin: auto;<br />
display: inline-block;<br />
width: 30px;<br />
box-sizing: border-box;<br />
height: 30px;<br />
}<br />
.not-logged-in #top-bar-right li:nth-child(3) {<br />
display: none;<br />
}<br />
<br />
#toolbox-dropdown li, #personal-tools-dropdown .dropdown li {<br />
float: right;<br />
}<br />
<br />
.back h5 {<br />
font-size: 2em !important;<br />
}<br />
a.parent-link {<br />
color: var(--color-b) !important;<br />
font-weight: bold !important;<br />
}<br />
<br />
/* CONTENT ------------------------------------------------------------------ */<br />
#page-content {<br />
margin: 1em;<br />
color: var(--text);<br />
}<br />
#english {<br />
position: relative;<br />
top: -1.5em;<br />
}<br />
<br />
h1, h2, h3, h4, h5, h6 {<br />
margin-top: 2em;<br />
color: var(--color-b);<br />
line-height: 1.5em;<br />
font-family: var(--font-body);<br />
}<br />
h1, h1#firstHeading, h2 {<br />
font-family: var(--font-title);<br />
font-size: 1.5em;<br />
}<br />
<br />
h1 {<br />
color: var(--color-a);<br />
}<br />
h2 span {<br />
display: initial;<br />
}<br />
h3 {<br />
font-family: var(--font-title);<br />
font-size: 1em;<br />
}<br />
body.action-view #page-content a {<br />
border-image: linear-gradient(to right, var(--color-a), var(--color-b));<br />
border-bottom-width: 2px;<br />
border-image-slice: 1;<br />
color: var(--text);<br />
border-bottom-style: solid;<br />
padding: 3px 5px 1px;<br />
<br />
}<br />
#page-content a:hover,<br />
#catlinks .label:hover {<br />
background-color: var(--color-a);<br />
color: black !important;<br />
}<br />
<br />
#page-content a,<br />
#catlinks .label {<br />
color: var(--color-a) !important;<br />
}<br />
/* Removes user name */<br />
h3#tagline {<br />
display: none;<br />
}<br />
#bodyContent {<br />
margin-top: 3em;<br />
}<br />
<br />
#page-content ul, #page-content ol {<br />
font-size: 1em;<br />
margin-top: var(--line-height) !important;<br />
margin-bottom: var(--line-height) !important;<br />
}<br />
div {<br />
line-height: 1.4em ;<br />
}<br />
label {<br />
color: var(--text-light);<br />
}<br />
label[for="wpCaptchaWord"]{<br />
background-color: orangered;<br />
}<br />
code, pre {<br />
color: darkgrey;<br />
background-color: #181818;<br />
border: 1px solid darkgrey;<br />
border-radius:3px;<br />
font-size: 0.8em;<br />
padding: 1ch;<br />
}<br />
<br />
<br />
/* ACTUALITÉS ------------------------------------------------------------------ */<br />
.medialisting {<br />
display: flex;<br />
flex-wrap: wrap;<br />
}<br />
.medialisting a {<br />
border: 0 !important;<br />
}<br />
.Media {<br />
display: flex;<br />
align-items: flex-start;<br />
margin-bottom: 1em;<br />
flex-direction: column;<br />
flex-basis: 32%;<br />
box-sizing: border-box;<br />
justify-content: center;<br />
padding: 0.5em;<br />
background: radial-gradient(var(--color-a) -31%, transparent 60%);<br />
}<br />
.Media:nth-child(2n) {<br />
background: radial-gradient(var(--color-b) -31%, transparent 60%);<br />
}<br />
.Media-body {<br />
flex: initial;<br />
}<br />
<br />
.flexgal {<br />
display: flex;<br />
flex-wrap: wrap;<br />
}<br />
<br />
/* THUMBNAILS ------------------------------------------------------------------ */<br />
.thumbinner {<br />
background-color: var(--accent-bg);<br />
}<br />
.thumb.tleft {<br />
margin-right: 2em;<br />
}<br />
.Media-figure a,<br />
.image.fancybox {<br />
display: inline-block;<br />
}<br />
.magnify a {<br />
text-indent: 0;<br />
width: 25px;<br />
height: 25px;<br />
border-style: solid;<br />
border-width: 2px;<br />
line-height: 15px;<br />
}<br />
.magnify a:before {<br />
content: "+";<br />
font-family: FontAwesome;<br />
font-size: 20px;<br />
}<br />
<br />
/* MEDIA QUERIES ------------------------------------------------------------------ */<br />
@media (max-width: 800px) {<br />
div.tleft, div.floatleft, table.floatleft {<br />
width: 100%;<br />
margin-bottom: 3em;<br />
}<br />
#toc {<br />
max-width: initial;<br />
width: 100%;<br />
margin-left: 0;<br />
<br />
<br />
}<br />
}<br />
@media only screen and (max-width: 600px) {<br />
.top-bar,<br />
.top-bar-section,<br />
#top-bar-right,<br />
#top-bar-right .columns {<br />
display: inherit;<br />
}<br />
.top-bar.expanded {<br />
flex-wrap: wrap;<br />
}<br />
.top-bar.expanded .title-area {<br />
display: flex;<br />
flex-grow: 1;<br />
justify-content: space-between;<br />
}<br />
.top-bar.expanded .top-bar,<br />
.top-bar.expanded .top-bar-section,<br />
.top-bar.expanded #top-bar-right,<br />
.top-bar.expanded #top-bar-right .columns {<br />
display: flex;<br />
align-items: center;<br />
}<br />
.divider.show-for-small {<br />
display: none !important;<br />
}<br />
}<br />
<br />
/* Formulaire d'edition ------------------------------------------------------------------ */<br />
#editform<br />
{<br />
margin-top: -5vh;<br />
}</div>
Olfz3b
https://wiki.erg.be/mw/index.php?title=MediaWiki:Ouroboros.css&diff=22196
MediaWiki:Ouroboros.css
2024-01-25T01:35:23Z
<p>Olfz3b : </p>
<hr />
<div>/*<br />
_ ______ _____ _ _______ _ _ _________ _ _ ______ __ __ ______ <br />
| | | ____| / ____| |/ /_ _| \ | | / /__ __| | | | ____| \/ | ____|<br />
| | | |__ | (___ | ' / | | | \| | / / | | | |__| | |__ | \ / | |__ <br />
| | | __| \___ \| < | | | . ` | / / | | | __ | __| | |\/| | __| <br />
| |____| |____ ____) | . \ _| |_| |\ |/ / | | | | | | |____| | | | |____ <br />
|______|______|_|_____/|_|\_\_____|_|_\_/_/___ _ |_| |_| |_|______|_| |_|______|<br />
/ __ \| ____| ____|_ _/ ____|_ _| ____| | <br />
| | | | |__ | |__ | || | | | | |__ | | <br />
| | | | __| | __| | || | | | | __| | | <br />
| |__| | | | | _| || |____ _| |_| |____| |____ <br />
\____/|_|____|_| |_____\_____|_____|______|______| <br />
| __ \| ____| <br />
| | | | |__ <br />
| | | | __| <br />
| |__| | |____ <br />
|_____/|______|_ _____ _____ <br />
| | | ____| __ \ / ____| <br />
| | | |__ | |__) | | __ <br />
| | | __| | _ /| | |_ | <br />
| |____ | |____| | \ \| |__| | <br />
|______| |______|_| \_\\_____| <br />
<br />
<br />
*/<br />
<br />
<br />
@font-face {<br />
font-family: Combined;<br />
src: url("/mw/skins/foreground/assets/fonts/combined.otf");<br />
}<br />
@font-face {<br />
font-family: Lucette;<br />
src: url("/mw/skins/foreground/assets/fonts/LUCETTE/font/otf/Lucette-Regular.otf");<br />
src: url("/mw/skins/foreground/assets/fonts/LUCETTE/font/ttf/Lucette-Regular.ttf");<br />
src: url("/mw/skins/foreground/assets/fonts/LUCETTE/font/woff/Lucette-Regular.woff");<br />
src: url("/mw/skins/foreground/assets/fonts/LUCETTE/font/woff2/Lucette-Regular.woff2");<br />
}<br />
@font-face {<br />
font-family: Lucette;<br />
src: url("/mw/skins/foreground/assets/fonts/LUCETTE/font/otf/Lucette-Regularitalic.otf");<br />
src: url("/mw/skins/foreground/assets/fonts/LUCETTE/font/ttf/Lucette-Regularitalic.ttf");<br />
src: url("/mw/skins/foreground/assets/fonts/LUCETTE/font/woff/Lucette-Regularitalic.woff");<br />
src: url("/mw/skins/foreground/assets/fonts/LUCETTE/font/woff2/Lucette-Regularitalic.woff2");<br />
font-style: italic;<br />
}<br />
/*<br />
@font-face {<br />
font-family: Vega;<br />
src: url("/mw/skins/foreground/assets/fonts/otf/Vega-Regular.otf");<br />
src: url("/mw/skins/foreground/assets/fonts/Vega-Regular.ttf") format("truetype");<br />
src: url("/mw/skins/foreground/assets/fonts/Vega-Regular-Webfont.svg" format("svg"));<br />
src: url("/mw/skins/foreground/assets/fonts/Vega-Regular.woff" format("woff"));<br />
src: url("/mw/skins/foreground/assets/fonts/Vega-Regular.woff2") format("woff2");<br />
}<br />
*/<br />
<br />
<br />
<br />
<br />
/* Global variables. */<br />
:root,<br />
::backdrop {<br />
/* Set sans-serif & mono fonts */<br />
--sans-font: -apple-system, BlinkMacSystemFont, "Avenir Next", Avenir,<br />
"Nimbus Sans L", Roboto, "Noto Sans", "Segoe UI", Arial, Helvetica,<br />
"Helvetica Neue", sans-serif;<br />
--mono-font: Consolas, Menlo, Monaco, "Andale Mono", "Ubuntu Mono", monospace;<br />
--standard-border-radius: 5px;<br />
<br />
/* Default (light) theme */<br />
--bg: #fff;<br />
--bg-top: #222;<br />
--accent-bg: #f5f7ff;<br />
--text: #212121;<br />
--text-light: #585858;<br />
--border: #898EA4;<br />
--accent: #0d47a1;<br />
--accent-hover: #1266e2;<br />
--accent-text: var(--bg);<br />
--code: #d81b60;<br />
--preformatted: #444;<br />
--marked: #ffdd33;<br />
--disabled: #efefef;<br />
<br />
--font-title: Combined;<br />
--font-body: Lucette;<br />
--color-a: #a700ff; /* purple */<br />
--color-b: #00ab6b; /* green */<br />
--font-size: 23px;<br />
--line-height: 1.3em;<br />
}<br />
<br />
/* Dark theme */<br />
@media (prefers-color-scheme: dark) { /* the world went cyberpunk and nobody noticed it */<br />
:root,<br />
::backdrop {<br />
color-scheme: dark;<br />
--bg: black;<br />
--bg-top: black;<br />
--accent-bg: #2b2b2b;<br />
--text: white;<br />
--text-light: #ababab;<br />
--accent: #ffb300;<br />
--accent-hover: #ffe099;<br />
--accent-text: var(--bg);<br />
--code: #f06292;<br />
--preformatted: #ccc;<br />
--disabled: #111;<br />
<br />
--font-title: Combined;<br />
--font-body: Lucette;<br />
--color-b: #4d3856 ; /* cool purple */<br />
--color-a: #4be239; /* nuke green */<br />
--font-size: 23px;<br />
--line-height: 1.3em;<br />
}<br />
}<br />
<br />
/* Reset box-sizing */<br />
*, *::before, *::after {<br />
box-sizing: border-box;<br />
}<br />
<br />
body {<br />
font-family: var(--font-body);<br />
font-size: var(--font-size);<br />
line-height: var(--line-height);<br />
padding-top: 3em;<br />
background-color: var(--bg);<br />
color: var(--text);<br />
}<br />
p {<br />
font-size: var(--font-size);<br />
line-height: var(--line-height);<br />
margin-bottom: 0;<br />
}<br />
p + p {<br />
margin-top: var(--line-height);<br />
}<br />
<br />
/* INTERFACE ------------------------------------------------------------------ */<br />
/* remove category help button (does it remove other stuff? mmm...) */<br />
#mw-indicator-mw-helplink {<br />
display: none;<br />
}<br />
<br />
/* Menu bar, position fixed to be able to grab it to resize the map on mobile devices */<br />
#navwrapper {<br />
position: fixed;<br />
top: 0;<br />
right: 0;<br />
z-index: 1000;<br />
left: 0;<br />
}<br />
<br />
h4.namespace.label {<br />
display: none;<br />
}<br />
<br />
.mw-editsection, .mw-editsection-like {<br />
font-size: 10px;<br />
}<br />
<br />
#actions {<br />
left: initial !important;<br />
right: 14px;<br />
top: -21px;<br />
background-color: var(--accent-bg);<br />
border: 1px solid var(--text-light);<br />
color: var(--text-light);<br />
}<br />
a#actions-button {<br />
margin-top: -1em;<br />
background-color: var(--accent-bg);<br />
padding: 5px;<br />
color: var(--text-light);<br />
}<br />
.fa,<br />
button, .button,<br />
.top-bar-section ul li > a {<br />
font-family: var(--font-body);<br />
}<br />
.fa::before {<br />
font-family: FontAwesome;<br />
}<br />
<br />
.top-bar,<br />
.top-bar-section,<br />
#top-bar-left,<br />
#top-bar-right,<br />
#top-bar-right .columns {<br />
display: flex;<br />
background-color: var(--bg-top);<br />
align-items: center;<br />
justify-content: space-evenly;<br />
}<br />
#top-bar-left {<br />
width: initial;<br />
}<br />
.top-bar-section {<br />
flex-grow: 1;<br />
}<br />
.has-form {<br />
flex-grow: 1;<br />
padding: 0.5em !important;<br />
}<br />
#top-bar-right {<br />
justify-content: space-between;<br />
flex-grow: 1;<br />
}<br />
.top-bar input {<br />
padding-top: 8px;<br />
flex-grow: 1;<br />
height: 2em;<br />
box-sizing: border-box;<br />
border: 0;<br />
outline: 0;<br />
}<br />
.button.search {<br />
background-color: transparent;<br />
border-style: solid;<br />
border-width: 2px;<br />
border-image: linear-gradient(to right, var(--color-a), var(--color-b));<br />
border-image-slice: 1;<br />
top: 2px !important;<br />
position: relative;<br />
margin-left: 0px !important;<br />
box-sizing: border-box;<br />
padding: 0;<br />
width: 80px;<br />
height: 2em;<br />
margin: 0;<br />
top: 0 !important;<br />
}<br />
.button.search:hover {<br />
background-color: var(--color-a);<br />
}<br />
.suggestions-result-current {<br />
background-color: var(--color-b) !important;<br />
}<br />
<br />
.top-bar .toggle-topbar a {<br />
text-transform: lowercase;<br />
font-size: 1em;<br />
}<br />
<br />
#toc, .toc {<br />
float: right;<br />
margin-left: 1em;<br />
max-width: 45%;<br />
background-color: var(--accent-bg);<br />
border-radius: 5px;<br />
}<br />
.toctitle {<br />
margin-bottom: -1em;<br />
}<br />
#toc h2 {<br />
margin-top: 0.25em;<br />
font-size: 1em;<br />
display: inline-block;<br />
margin-right: 0.5em;<br />
}<br />
#toc ul {<br />
margin: 0;<br />
}<br />
.tocnumber:after {<br />
content: " – ";<br />
}<br />
<br />
table.infobox {<br />
width: initial;<br />
max-width: 45%;<br />
}<br />
table.infobox th.head {<br />
background-color: var(--color-b);<br />
}<br />
th, td {<br />
padding: 0.5em !important;<br />
}<br />
<br />
li {<br />
line-height: initial;<br />
}<br />
<br />
.mw-category-generated {<br />
margin-top: 2em;<br />
}<br />
<br />
/* if no content but only listing subcategories */<br />
.mw-parser-output:empty + .mw-category-generated h2 {<br />
display: none;<br />
}<br />
<br />
/* If only one subcategory, don't list the initial */<br />
.mw-category-generated #mw-pages div:only-of-type h3,<br />
#mw-subcategories div:only-of-type h3 {<br />
/*display: none;*/<br />
}<br />
<br />
/* removes counting of categories */<br />
.mw-category-generated #mw-pages p:first-of-type,<br />
#mw-subcategories p:first-of-type {<br />
display: none;<br />
}<br />
<br />
.group {<br />
margin-top: 5em;<br />
}<br />
#catlinks .label {<br />
border-width: 2px;<br />
border-style: solid;<br />
background-color: transparent;<br />
padding: 2px 6px !important;<br />
}<br />
<br />
/* HEADER ------------------------------------------------------------------ */<br />
.title-name {<br />
font-family: var(--font-title);<br />
font-weight: bold;<br />
}<br />
.title-name:hover {<br />
color: var(--color-a);<br />
}<br />
<br />
<br />
<br />
.top-bar-section .has-form {<br />
background-color: var(--bg-top)!important;<br />
}<br />
.top-bar-section .has-dropdown > a::after {<br />
display: none;<br />
}<br />
.top-bar-section .has-dropdown > a {<br />
padding-right: initial !important;<br />
}<br />
.top-bar-section .dropdown li {<br />
width: initial;<br />
/*height: 2em;*/<br />
position: relative;<br />
padding: 0;<br />
border-bottom: 1px solid lightgray;<br />
}<br />
.top-bar-section ul li {<br />
padding: 0 0.5em;<br />
background-color: var(--bg-top);<br />
}<br />
.top-bar-section ul li:hover {<br />
z-index: 1000;<br />
}<br />
.top-bar-section ul li > a {<br />
font-size: 16px;<br />
padding: 0;<br />
font-weight: bold;<br />
}<br />
<br />
li#p-menu > a {<br />
text-transform: uppercase;<br />
padding: 0;<br />
}<br />
li#p-menu > a + ul li {<br />
outline: 1px solid #00a393;<br />
}<br />
<br />
.top-bar-section .dropdown li:not(.has-form):not(.active):hover > a:not(.button) {<br />
background: linear-gradient(90deg,var(--color-a), var(--color-b));<br />
}<br />
li#p-menu + li.has-dropdown {<br />
width: 3em;<br />
text-align: center;<br />
}<br />
li#p-menu + li.has-dropdown > a {<br />
border-radius: 100%;<br />
padding: 0;<br />
text-align: center;<br />
line-height: 30px;<br />
margin: auto;<br />
display: inline-block;<br />
width: 30px;<br />
box-sizing: border-box;<br />
height: 30px;<br />
}<br />
.not-logged-in #top-bar-right li:nth-child(3) {<br />
display: none;<br />
}<br />
<br />
#toolbox-dropdown li, #personal-tools-dropdown .dropdown li {<br />
float: right;<br />
}<br />
<br />
.back h5 {<br />
font-size: 2em !important;<br />
}<br />
a.parent-link {<br />
color: var(--color-b) !important;<br />
font-weight: bold !important;<br />
}<br />
<br />
/* CONTENT ------------------------------------------------------------------ */<br />
#page-content {<br />
margin: 1em;<br />
color: var(--text);<br />
}<br />
#english {<br />
position: relative;<br />
top: -1.5em;<br />
}<br />
<br />
h1, h2, h3, h4, h5, h6 {<br />
margin-top: 2em;<br />
color: var(--color-b);<br />
line-height: 1.5em;<br />
font-family: var(--font-body);<br />
}<br />
h1, h1#firstHeading, h2 {<br />
font-family: var(--font-title);<br />
font-size: 1.5em;<br />
}<br />
<br />
h1 {<br />
color: var(--color-a);<br />
}<br />
h2 span {<br />
display: initial;<br />
}<br />
h3 {<br />
font-family: var(--font-title);<br />
font-size: 1em;<br />
}<br />
body.action-view #page-content a {<br />
border-image: linear-gradient(to right, var(--color-a), var(--color-b));<br />
border-bottom-width: 2px;<br />
border-image-slice: 1;<br />
color: var(--text);<br />
border-bottom-style: solid;<br />
padding: 3px 5px 1px;<br />
<br />
}<br />
#page-content a:hover,<br />
#catlinks .label:hover {<br />
background-color: var(--color-a);<br />
color: black !important;<br />
}<br />
/* Removes user name */<br />
h3#tagline {<br />
display: none;<br />
}<br />
#bodyContent {<br />
margin-top: 3em;<br />
}<br />
<br />
#page-content ul, #page-content ol {<br />
font-size: 1em;<br />
margin-top: var(--line-height) !important;<br />
margin-bottom: var(--line-height) !important;<br />
}<br />
div {<br />
line-height: 1.4em ;<br />
}<br />
label {<br />
color: var(--text-light);<br />
}<br />
label[for="wpCaptchaWord"]{<br />
background-color: orangered;<br />
}<br />
code, pre {<br />
color: darkgrey;<br />
background-color: #181818;<br />
border: 1px solid darkgrey;<br />
border-radius:3px;<br />
font-size: 0.8em;<br />
padding: 1ch;<br />
}<br />
<br />
<br />
/* ACTUALITÉS ------------------------------------------------------------------ */<br />
.medialisting {<br />
display: flex;<br />
flex-wrap: wrap;<br />
}<br />
.medialisting a {<br />
border: 0 !important;<br />
}<br />
.Media {<br />
display: flex;<br />
align-items: flex-start;<br />
margin-bottom: 1em;<br />
flex-direction: column;<br />
flex-basis: 32%;<br />
box-sizing: border-box;<br />
justify-content: center;<br />
padding: 0.5em;<br />
background: radial-gradient(var(--color-a) -31%, transparent 60%);<br />
}<br />
.Media:nth-child(2n) {<br />
background: radial-gradient(var(--color-b) -31%, transparent 60%);<br />
}<br />
.Media-body {<br />
flex: initial;<br />
}<br />
<br />
.flexgal {<br />
display: flex;<br />
flex-wrap: wrap;<br />
}<br />
<br />
/* THUMBNAILS ------------------------------------------------------------------ */<br />
.thumbinner {<br />
background-color: var(--accent-bg);<br />
}<br />
.thumb.tleft {<br />
margin-right: 2em;<br />
}<br />
.Media-figure a,<br />
.image.fancybox {<br />
display: inline-block;<br />
}<br />
.magnify a {<br />
text-indent: 0;<br />
width: 25px;<br />
height: 25px;<br />
border-style: solid;<br />
border-width: 2px;<br />
line-height: 15px;<br />
}<br />
.magnify a:before {<br />
content: "+";<br />
font-family: FontAwesome;<br />
font-size: 20px;<br />
}<br />
<br />
/* MEDIA QUERIES ------------------------------------------------------------------ */<br />
@media (max-width: 800px) {<br />
div.tleft, div.floatleft, table.floatleft {<br />
width: 100%;<br />
margin-bottom: 3em;<br />
}<br />
#toc {<br />
max-width: initial;<br />
width: 100%;<br />
margin-left: 0;<br />
<br />
<br />
}<br />
}<br />
@media only screen and (max-width: 600px) {<br />
.top-bar,<br />
.top-bar-section,<br />
#top-bar-right,<br />
#top-bar-right .columns {<br />
display: inherit;<br />
}<br />
.top-bar.expanded {<br />
flex-wrap: wrap;<br />
}<br />
.top-bar.expanded .title-area {<br />
display: flex;<br />
flex-grow: 1;<br />
justify-content: space-between;<br />
}<br />
.top-bar.expanded .top-bar,<br />
.top-bar.expanded .top-bar-section,<br />
.top-bar.expanded #top-bar-right,<br />
.top-bar.expanded #top-bar-right .columns {<br />
display: flex;<br />
align-items: center;<br />
}<br />
.divider.show-for-small {<br />
display: none !important;<br />
}<br />
}<br />
<br />
/* Formulaire d'edition ------------------------------------------------------------------ */<br />
#editform<br />
{<br />
margin-top: -5vh;<br />
}<br />
┌</div>
Olfz3b
https://wiki.erg.be/mw/index.php?title=%C3%89cole_de_recherche_graphique&diff=22195
École de recherche graphique
2024-01-25T01:34:53Z
<p>Olfz3b : </p>
<hr />
<div>__NOTITLE__<br />
{{DISPLAYTITLE:<span style="display:none"></span>}}<br />
<br />
<br />
<br />
<pre id="ascii" style="<br />
width: fit-content;<br />
height: 100% ;<br />
border-color: --color-a;<br />
line-height: 12px;<br />
font-size: 15px;<br />
font-family: monospace;<br />
overflow: hidden;<br />
margin: 0 auto;<br />
padding: 0;<br />
background-color: black;<br />
color:dark;<br />
"> <br />
__.....__ <br />
.-'' '. .--./) <br />
/ .-''"'-. `. .-,.--. /.''\\ <br />
bienvenue à l'/ /________\ \ | .-. | | | <br />
| | | | | | \`-' / <br />
\ .-------------' | | | | /("'` <br />
\ '-.____...---. | | '- \ '---. <br />
`. .'cole de | |echerche /'""'.\ raphique <br />
`''-...... -' | | || | <br />
|_| \'. _ _/ <br />
`'---'</pre> <br />
<br />
<br />
<br />
{{English|Welcome to erg}}<br />
<br />
=== winterschool 2024 ===<br />
* [[Workshop : WIKI MAINTENANCE]]<br />
<br />
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'''.<br />
<br />
* [[projet pédagogique]]<br />
* [[Cursus_transdisciplinaire_Bachelors_-_Masters|cursus transdisciplinaire]]<br />
* [[Espaces transversaux, pratiques collectives|espaces transversaux, pratiques collectives]]<br />
* [[séminaires, workshops, conférences]]<br />
* [[Guide Wiki | guide pour utiliser le wiki]]<br />
* [[Doctorat_et_recherche|recherche]]<br />
* [[Étudier et être accompagné·e à l'erg|étudier et être accompagné·e à l'erg]]<br />
* [[Autour_de_l'erg|autour de l'erg]]<br />
* [[contact]]<br />
<br />
<br />
*[[Actualités (2023)|news]]<br />
<br />
{{NewsActivity<br />
|limit=4<br />
}}<br />
<br />
===Newsletter & réseaux===<br />
<br />
Inscrivez-vous à notre '''[http://eepurl.com/igdz0r newsletter]''' ou scannez le QRcode.<br />
<br />
<!-- [[Fichier:Qrcoderg.png|150px|link=]] --><br />
<br />
'''[https://www.instagram.com/ergunlieuderecherche/?hl=fr instagram]''' / '''[https://www.facebook.com/ergunlieuderecherche facebook]''' /<br />
'''[https://vimeo.com/channels/erg vimeo]'''<br />
<br />
<br />
<br />
__NOTOC__</div>
Olfz3b
https://wiki.erg.be/mw/index.php?title=%C3%89cole_de_recherche_graphique&diff=22194
École de recherche graphique
2024-01-25T01:33:05Z
<p>Olfz3b : </p>
<hr />
<div>/*<br />
_ ______ _____ _ _______ _ _ _________ _ _ ______ __ __ ______ <br />
| | | ____| / ____| |/ /_ _| \ | | / /__ __| | | | ____| \/ | ____|<br />
| | | |__ | (___ | ' / | | | \| | / / | | | |__| | |__ | \ / | |__ <br />
| | | __| \___ \| < | | | . ` | / / | | | __ | __| | |\/| | __| <br />
| |____| |____ ____) | . \ _| |_| |\ |/ / | | | | | | |____| | | | |____ <br />
|______|______|_|_____/|_|\_\_____|_|_\_/_/___ _ |_| |_| |_|______|_| |_|______|<br />
/ __ \| ____| ____|_ _/ ____|_ _| ____| | <br />
| | | | |__ | |__ | || | | | | |__ | | <br />
| | | | __| | __| | || | | | | __| | | <br />
| |__| | | | | _| || |____ _| |_| |____| |____ <br />
\____/|_|____|_| |_____\_____|_____|______|______| <br />
| __ \| ____| <br />
| | | | |__ <br />
| | | | __| <br />
| |__| | |____ <br />
|_____/|______|_ _____ _____ <br />
| | | ____| __ \ / ____| <br />
| | | |__ | |__) | | __ <br />
| | | __| | _ /| | |_ | <br />
| |____ | |____| | \ \| |__| | <br />
|______| |______|_| \_\\_____| <br />
<br />
<br />
*/<br />
<br />
<br />
@font-face {<br />
font-family: Combined;<br />
src: url("/mw/skins/foreground/assets/fonts/combined.otf");<br />
}<br />
@font-face {<br />
font-family: Lucette;<br />
src: url("/mw/skins/foreground/assets/fonts/LUCETTE/font/otf/Lucette-Regular.otf");<br />
src: url("/mw/skins/foreground/assets/fonts/LUCETTE/font/ttf/Lucette-Regular.ttf");<br />
src: url("/mw/skins/foreground/assets/fonts/LUCETTE/font/woff/Lucette-Regular.woff");<br />
src: url("/mw/skins/foreground/assets/fonts/LUCETTE/font/woff2/Lucette-Regular.woff2");<br />
}<br />
@font-face {<br />
font-family: Lucette;<br />
src: url("/mw/skins/foreground/assets/fonts/LUCETTE/font/otf/Lucette-Regularitalic.otf");<br />
src: url("/mw/skins/foreground/assets/fonts/LUCETTE/font/ttf/Lucette-Regularitalic.ttf");<br />
src: url("/mw/skins/foreground/assets/fonts/LUCETTE/font/woff/Lucette-Regularitalic.woff");<br />
src: url("/mw/skins/foreground/assets/fonts/LUCETTE/font/woff2/Lucette-Regularitalic.woff2");<br />
font-style: italic;<br />
}<br />
/*<br />
@font-face {<br />
font-family: Vega;<br />
src: url("/mw/skins/foreground/assets/fonts/otf/Vega-Regular.otf");<br />
src: url("/mw/skins/foreground/assets/fonts/Vega-Regular.ttf") format("truetype");<br />
src: url("/mw/skins/foreground/assets/fonts/Vega-Regular-Webfont.svg" format("svg"));<br />
src: url("/mw/skins/foreground/assets/fonts/Vega-Regular.woff" format("woff"));<br />
src: url("/mw/skins/foreground/assets/fonts/Vega-Regular.woff2") format("woff2");<br />
}<br />
*/<br />
<br />
<br />
<br />
<br />
/* Global variables. */<br />
:root,<br />
::backdrop {<br />
/* Set sans-serif & mono fonts */<br />
--sans-font: -apple-system, BlinkMacSystemFont, "Avenir Next", Avenir,<br />
"Nimbus Sans L", Roboto, "Noto Sans", "Segoe UI", Arial, Helvetica,<br />
"Helvetica Neue", sans-serif;<br />
--mono-font: Consolas, Menlo, Monaco, "Andale Mono", "Ubuntu Mono", monospace;<br />
--standard-border-radius: 5px;<br />
<br />
/* Default (light) theme */<br />
--bg: #fff;<br />
--bg-top: #222;<br />
--accent-bg: #f5f7ff;<br />
--text: #212121;<br />
--text-light: #585858;<br />
--border: #898EA4;<br />
--accent: #0d47a1;<br />
--accent-hover: #1266e2;<br />
--accent-text: var(--bg);<br />
--code: #d81b60;<br />
--preformatted: #444;<br />
--marked: #ffdd33;<br />
--disabled: #efefef;<br />
<br />
--font-title: Combined;<br />
--font-body: Lucette;<br />
--color-a: #a700ff; /* purple */<br />
--color-b: #00ab6b; /* green */<br />
--font-size: 23px;<br />
--line-height: 1.3em;<br />
}<br />
<br />
/* Dark theme */<br />
@media (prefers-color-scheme: dark) { /* the world went cyberpunk and nobody noticed it */<br />
:root,<br />
::backdrop {<br />
color-scheme: dark;<br />
--bg: black;<br />
--bg-top: black;<br />
--accent-bg: #2b2b2b;<br />
--text: white;<br />
--text-light: #ababab;<br />
--accent: #ffb300;<br />
--accent-hover: #ffe099;<br />
--accent-text: var(--bg);<br />
--code: #f06292;<br />
--preformatted: #ccc;<br />
--disabled: #111;<br />
<br />
--font-title: Combined;<br />
--font-body: Lucette;<br />
--color-b: #4d3856 ; /* cool purple */<br />
--color-a: #4be239; /* nuke green */<br />
--font-size: 23px;<br />
--line-height: 1.3em;<br />
}<br />
}<br />
<br />
/* Reset box-sizing */<br />
*, *::before, *::after {<br />
box-sizing: border-box;<br />
}<br />
<br />
body {<br />
font-family: var(--font-body);<br />
font-size: var(--font-size);<br />
line-height: var(--line-height);<br />
padding-top: 3em;<br />
background-color: var(--bg);<br />
color: var(--text);<br />
}<br />
p {<br />
font-size: var(--font-size);<br />
line-height: var(--line-height);<br />
margin-bottom: 0;<br />
}<br />
p + p {<br />
margin-top: var(--line-height);<br />
}<br />
<br />
/* INTERFACE ------------------------------------------------------------------ */<br />
/* remove category help button (does it remove other stuff? mmm...) */<br />
#mw-indicator-mw-helplink {<br />
display: none;<br />
}<br />
<br />
/* Menu bar, position fixed to be able to grab it to resize the map on mobile devices */<br />
#navwrapper {<br />
position: fixed;<br />
top: 0;<br />
right: 0;<br />
z-index: 1000;<br />
left: 0;<br />
}<br />
<br />
h4.namespace.label {<br />
display: none;<br />
}<br />
<br />
.mw-editsection, .mw-editsection-like {<br />
font-size: 10px;<br />
}<br />
<br />
#actions {<br />
left: initial !important;<br />
right: 14px;<br />
top: -21px;<br />
background-color: var(--accent-bg);<br />
border: 1px solid var(--text-light);<br />
color: var(--text-light);<br />
}<br />
a#actions-button {<br />
margin-top: -1em;<br />
background-color: var(--accent-bg);<br />
padding: 5px;<br />
color: var(--text-light);<br />
}<br />
.fa,<br />
button, .button,<br />
.top-bar-section ul li > a {<br />
font-family: var(--font-body);<br />
}<br />
.fa::before {<br />
font-family: FontAwesome;<br />
}<br />
<br />
.top-bar,<br />
.top-bar-section,<br />
#top-bar-left,<br />
#top-bar-right,<br />
#top-bar-right .columns {<br />
display: flex;<br />
background-color: var(--bg-top);<br />
align-items: center;<br />
justify-content: space-evenly;<br />
}<br />
#top-bar-left {<br />
width: initial;<br />
}<br />
.top-bar-section {<br />
flex-grow: 1;<br />
}<br />
.has-form {<br />
flex-grow: 1;<br />
padding: 0.5em !important;<br />
}<br />
#top-bar-right {<br />
justify-content: space-between;<br />
flex-grow: 1;<br />
}<br />
.top-bar input {<br />
padding-top: 8px;<br />
flex-grow: 1;<br />
height: 2em;<br />
box-sizing: border-box;<br />
border: 0;<br />
outline: 0;<br />
}<br />
.button.search {<br />
background-color: transparent;<br />
border-style: solid;<br />
border-width: 2px;<br />
border-image: linear-gradient(to right, var(--color-a), var(--color-b));<br />
border-image-slice: 1;<br />
top: 2px !important;<br />
position: relative;<br />
margin-left: 0px !important;<br />
box-sizing: border-box;<br />
padding: 0;<br />
width: 80px;<br />
height: 2em;<br />
margin: 0;<br />
top: 0 !important;<br />
}<br />
.button.search:hover {<br />
background-color: var(--color-a);<br />
}<br />
.suggestions-result-current {<br />
background-color: var(--color-b) !important;<br />
}<br />
<br />
.top-bar .toggle-topbar a {<br />
text-transform: lowercase;<br />
font-size: 1em;<br />
}<br />
<br />
#toc, .toc {<br />
float: right;<br />
margin-left: 1em;<br />
max-width: 45%;<br />
background-color: var(--accent-bg);<br />
border-radius: 5px;<br />
}<br />
.toctitle {<br />
margin-bottom: -1em;<br />
}<br />
#toc h2 {<br />
margin-top: 0.25em;<br />
font-size: 1em;<br />
display: inline-block;<br />
margin-right: 0.5em;<br />
}<br />
#toc ul {<br />
margin: 0;<br />
}<br />
.tocnumber:after {<br />
content: " – ";<br />
}<br />
<br />
table.infobox {<br />
width: initial;<br />
max-width: 45%;<br />
}<br />
table.infobox th.head {<br />
background-color: var(--color-b);<br />
}<br />
th, td {<br />
padding: 0.5em !important;<br />
}<br />
<br />
li {<br />
line-height: initial;<br />
}<br />
<br />
.mw-category-generated {<br />
margin-top: 2em;<br />
}<br />
<br />
/* if no content but only listing subcategories */<br />
.mw-parser-output:empty + .mw-category-generated h2 {<br />
display: none;<br />
}<br />
<br />
/* If only one subcategory, don't list the initial */<br />
.mw-category-generated #mw-pages div:only-of-type h3,<br />
#mw-subcategories div:only-of-type h3 {<br />
/*display: none;*/<br />
}<br />
<br />
/* removes counting of categories */<br />
.mw-category-generated #mw-pages p:first-of-type,<br />
#mw-subcategories p:first-of-type {<br />
display: none;<br />
}<br />
<br />
.group {<br />
margin-top: 5em;<br />
}<br />
#catlinks .label {<br />
border-width: 2px;<br />
border-style: solid;<br />
background-color: transparent;<br />
padding: 2px 6px !important;<br />
}<br />
<br />
/* HEADER ------------------------------------------------------------------ */<br />
.title-name {<br />
font-family: var(--font-title);<br />
font-weight: bold;<br />
}<br />
.title-name:hover {<br />
color: var(--color-a);<br />
}<br />
<br />
<br />
<br />
.top-bar-section .has-form {<br />
background-color: var(--bg-top)!important;<br />
}<br />
.top-bar-section .has-dropdown > a::after {<br />
display: none;<br />
}<br />
.top-bar-section .has-dropdown > a {<br />
padding-right: initial !important;<br />
}<br />
.top-bar-section .dropdown li {<br />
width: initial;<br />
/*height: 2em;*/<br />
position: relative;<br />
padding: 0;<br />
border-bottom: 1px solid lightgray;<br />
}<br />
.top-bar-section ul li {<br />
padding: 0 0.5em;<br />
background-color: var(--bg-top);<br />
}<br />
.top-bar-section ul li:hover {<br />
z-index: 1000;<br />
}<br />
.top-bar-section ul li > a {<br />
font-size: 16px;<br />
padding: 0;<br />
font-weight: bold;<br />
}<br />
<br />
li#p-menu > a {<br />
text-transform: uppercase;<br />
padding: 0;<br />
}<br />
li#p-menu > a + ul li {<br />
outline: 1px solid #00a393;<br />
}<br />
<br />
.top-bar-section .dropdown li:not(.has-form):not(.active):hover > a:not(.button) {<br />
background: linear-gradient(90deg,var(--color-a), var(--color-b));<br />
}<br />
li#p-menu + li.has-dropdown {<br />
width: 3em;<br />
text-align: center;<br />
}<br />
li#p-menu + li.has-dropdown > a {<br />
border-radius: 100%;<br />
padding: 0;<br />
text-align: center;<br />
line-height: 30px;<br />
margin: auto;<br />
display: inline-block;<br />
width: 30px;<br />
box-sizing: border-box;<br />
height: 30px;<br />
}<br />
.not-logged-in #top-bar-right li:nth-child(3) {<br />
display: none;<br />
}<br />
<br />
#toolbox-dropdown li, #personal-tools-dropdown .dropdown li {<br />
float: right;<br />
}<br />
<br />
.back h5 {<br />
font-size: 2em !important;<br />
}<br />
a.parent-link {<br />
color: var(--color-b) !important;<br />
font-weight: bold !important;<br />
}<br />
<br />
/* CONTENT ------------------------------------------------------------------ */<br />
#page-content {<br />
margin: 1em;<br />
color: var(--text);<br />
}<br />
#english {<br />
position: relative;<br />
top: -1.5em;<br />
}<br />
<br />
h1, h2, h3, h4, h5, h6 {<br />
margin-top: 2em;<br />
color: var(--color-b);<br />
line-height: 1.5em;<br />
font-family: var(--font-body);<br />
}<br />
h1, h1#firstHeading, h2 {<br />
font-family: var(--font-title);<br />
font-size: 1.5em;<br />
}<br />
<br />
h1 {<br />
color: var(--color-a);<br />
}<br />
h2 span {<br />
display: initial;<br />
}<br />
h3 {<br />
font-family: var(--font-title);<br />
font-size: 1em;<br />
}<br />
body.action-view #page-content a {<br />
border-image: linear-gradient(to right, var(--color-a), var(--color-b));<br />
border-bottom-width: 2px;<br />
border-image-slice: 1;<br />
color: var(--text);<br />
border-bottom-style: solid;<br />
padding: 3px 5px 1px;<br />
<br />
}<br />
#page-content a:hover,<br />
#catlinks .label:hover {<br />
background-color: var(--color-a);<br />
color: black !important;<br />
}<br />
/* Removes user name */<br />
h3#tagline {<br />
display: none;<br />
}<br />
#bodyContent {<br />
margin-top: 3em;<br />
}<br />
<br />
#page-content ul, #page-content ol {<br />
font-size: 1em;<br />
margin-top: var(--line-height) !important;<br />
margin-bottom: var(--line-height) !important;<br />
}<br />
div {<br />
line-height: 1.4em ;<br />
}<br />
label {<br />
color: var(--text-light);<br />
}<br />
label[for="wpCaptchaWord"]{<br />
background-color: orangered;<br />
}<br />
code, pre {<br />
color: darkgrey;<br />
background-color: #181818;<br />
border: 1px solid darkgrey;<br />
border-radius:3px;<br />
font-size: 0.8em;<br />
padding: 1ch;<br />
}<br />
<br />
<br />
/* ACTUALITÉS ------------------------------------------------------------------ */<br />
.medialisting {<br />
display: flex;<br />
flex-wrap: wrap;<br />
}<br />
.medialisting a {<br />
border: 0 !important;<br />
}<br />
.Media {<br />
display: flex;<br />
align-items: flex-start;<br />
margin-bottom: 1em;<br />
flex-direction: column;<br />
flex-basis: 32%;<br />
box-sizing: border-box;<br />
justify-content: center;<br />
padding: 0.5em;<br />
background: radial-gradient(var(--color-a) -31%, transparent 60%);<br />
}<br />
.Media:nth-child(2n) {<br />
background: radial-gradient(var(--color-b) -31%, transparent 60%);<br />
}<br />
.Media-body {<br />
flex: initial;<br />
}<br />
<br />
.flexgal {<br />
display: flex;<br />
flex-wrap: wrap;<br />
}<br />
<br />
/* THUMBNAILS ------------------------------------------------------------------ */<br />
.thumbinner {<br />
background-color: var(--accent-bg);<br />
}<br />
.thumb.tleft {<br />
margin-right: 2em;<br />
}<br />
.Media-figure a,<br />
.image.fancybox {<br />
display: inline-block;<br />
}<br />
.magnify a {<br />
text-indent: 0;<br />
width: 25px;<br />
height: 25px;<br />
border-style: solid;<br />
border-width: 2px;<br />
line-height: 15px;<br />
}<br />
.magnify a:before {<br />
content: "+";<br />
font-family: FontAwesome;<br />
font-size: 20px;<br />
}<br />
<br />
/* MEDIA QUERIES ------------------------------------------------------------------ */<br />
@media (max-width: 800px) {<br />
div.tleft, div.floatleft, table.floatleft {<br />
width: 100%;<br />
margin-bottom: 3em;<br />
}<br />
#toc {<br />
max-width: initial;<br />
width: 100%;<br />
margin-left: 0;<br />
<br />
<br />
}<br />
}<br />
@media only screen and (max-width: 600px) {<br />
.top-bar,<br />
.top-bar-section,<br />
#top-bar-right,<br />
#top-bar-right .columns {<br />
display: inherit;<br />
}<br />
.top-bar.expanded {<br />
flex-wrap: wrap;<br />
}<br />
.top-bar.expanded .title-area {<br />
display: flex;<br />
flex-grow: 1;<br />
justify-content: space-between;<br />
}<br />
.top-bar.expanded .top-bar,<br />
.top-bar.expanded .top-bar-section,<br />
.top-bar.expanded #top-bar-right,<br />
.top-bar.expanded #top-bar-right .columns {<br />
display: flex;<br />
align-items: center;<br />
}<br />
.divider.show-for-small {<br />
display: none !important;<br />
}<br />
}<br />
<br />
/* Formulaire d'edition ------------------------------------------------------------------ */<br />
#editform<br />
{<br />
margin-top: -5vh;<br />
}<br />
┌</div>
Olfz3b
https://wiki.erg.be/mw/index.php?title=MediaWiki:Ouroboros.css&diff=22193
MediaWiki:Ouroboros.css
2024-01-25T01:28:54Z
<p>Olfz3b : </p>
<hr />
<div>/*<br />
_ ______ _____ _ _______ _ _ _________ _ _ ______ __ __ ______ <br />
| | | ____| / ____| |/ /_ _| \ | | / /__ __| | | | ____| \/ | ____|<br />
| | | |__ | (___ | ' / | | | \| | / / | | | |__| | |__ | \ / | |__ <br />
| | | __| \___ \| < | | | . ` | / / | | | __ | __| | |\/| | __| <br />
| |____| |____ ____) | . \ _| |_| |\ |/ / | | | | | | |____| | | | |____ <br />
|______|______|_|_____/|_|\_\_____|_|_\_/_/___ _ |_| |_| |_|______|_| |_|______|<br />
/ __ \| ____| ____|_ _/ ____|_ _| ____| | <br />
| | | | |__ | |__ | || | | | | |__ | | <br />
| | | | __| | __| | || | | | | __| | | <br />
| |__| | | | | _| || |____ _| |_| |____| |____ <br />
\____/|_|____|_| |_____\_____|_____|______|______| <br />
| __ \| ____| <br />
| | | | |__ <br />
| | | | __| <br />
| |__| | |____ <br />
|_____/|______|_ _____ _____ <br />
| | | ____| __ \ / ____| <br />
| | | |__ | |__) | | __ <br />
| | | __| | _ /| | |_ | <br />
| |____ | |____| | \ \| |__| | <br />
|______| |______|_| \_\\_____| <br />
<br />
<br />
*/<br />
<br />
<br />
@font-face {<br />
font-family: Combined;<br />
src: url("/mw/skins/foreground/assets/fonts/combined.otf");<br />
}<br />
@font-face {<br />
font-family: Lucette;<br />
src: url("/mw/skins/foreground/assets/fonts/LUCETTE/font/otf/Lucette-Regular.otf");<br />
src: url("/mw/skins/foreground/assets/fonts/LUCETTE/font/ttf/Lucette-Regular.ttf");<br />
src: url("/mw/skins/foreground/assets/fonts/LUCETTE/font/woff/Lucette-Regular.woff");<br />
src: url("/mw/skins/foreground/assets/fonts/LUCETTE/font/woff2/Lucette-Regular.woff2");<br />
}<br />
@font-face {<br />
font-family: Lucette;<br />
src: url("/mw/skins/foreground/assets/fonts/LUCETTE/font/otf/Lucette-Regularitalic.otf");<br />
src: url("/mw/skins/foreground/assets/fonts/LUCETTE/font/ttf/Lucette-Regularitalic.ttf");<br />
src: url("/mw/skins/foreground/assets/fonts/LUCETTE/font/woff/Lucette-Regularitalic.woff");<br />
src: url("/mw/skins/foreground/assets/fonts/LUCETTE/font/woff2/Lucette-Regularitalic.woff2");<br />
font-style: italic;<br />
}<br />
/*<br />
@font-face {<br />
font-family: Vega;<br />
src: url("/mw/skins/foreground/assets/fonts/otf/Vega-Regular.otf");<br />
src: url("/mw/skins/foreground/assets/fonts/Vega-Regular.ttf") format("truetype");<br />
src: url("/mw/skins/foreground/assets/fonts/Vega-Regular-Webfont.svg" format("svg"));<br />
src: url("/mw/skins/foreground/assets/fonts/Vega-Regular.woff" format("woff"));<br />
src: url("/mw/skins/foreground/assets/fonts/Vega-Regular.woff2") format("woff2");<br />
}<br />
*/<br />
<br />
<br />
<br />
<br />
/* Global variables. */<br />
:root,<br />
::backdrop {<br />
/* Set sans-serif & mono fonts */<br />
--sans-font: -apple-system, BlinkMacSystemFont, "Avenir Next", Avenir,<br />
"Nimbus Sans L", Roboto, "Noto Sans", "Segoe UI", Arial, Helvetica,<br />
"Helvetica Neue", sans-serif;<br />
--mono-font: Consolas, Menlo, Monaco, "Andale Mono", "Ubuntu Mono", monospace;<br />
--standard-border-radius: 5px;<br />
<br />
/* Default (light) theme */<br />
--bg: #fff;<br />
--bg-top: #222;<br />
--accent-bg: #f5f7ff;<br />
--text: #212121;<br />
--text-light: #585858;<br />
--border: #898EA4;<br />
--accent: #0d47a1;<br />
--accent-hover: #1266e2;<br />
--accent-text: var(--bg);<br />
--code: #d81b60;<br />
--preformatted: #444;<br />
--marked: #ffdd33;<br />
--disabled: #efefef;<br />
<br />
--font-title: Combined;<br />
--font-body: Lucette;<br />
--color-a: #a700ff; /* purple */<br />
--color-b: #00ab6b; /* green */<br />
--font-size: 23px;<br />
--line-height: 1.3em;<br />
}<br />
<br />
/* Dark theme */<br />
@media (prefers-color-scheme: dark) { /* the world went cyberpunk and nobody noticed it */<br />
:root,<br />
::backdrop {<br />
color-scheme: dark;<br />
--bg: black;<br />
--bg-top: black;<br />
--accent-bg: #2b2b2b;<br />
--text: white;<br />
--text-light: #ababab;<br />
--accent: #ffb300;<br />
--accent-hover: #ffe099;<br />
--accent-text: var(--bg);<br />
--code: #f06292;<br />
--preformatted: #ccc;<br />
--disabled: #111;<br />
<br />
--font-title: Combined;<br />
--font-body: Lucette;<br />
--color-b: #4d3856 ; /* cool purple */<br />
--color-a: #4be239; /* nuke green */<br />
--font-size: 23px;<br />
--line-height: 1.3em;<br />
}<br />
}<br />
<br />
/* Reset box-sizing */<br />
*, *::before, *::after {<br />
box-sizing: border-box;<br />
}<br />
<br />
body {<br />
font-family: var(--font-body);<br />
font-size: var(--font-size);<br />
line-height: var(--line-height);<br />
padding-top: 3em;<br />
background-color: var(--bg);<br />
color: var(--text);<br />
}<br />
p {<br />
font-size: var(--font-size);<br />
line-height: var(--line-height);<br />
margin-bottom: 0;<br />
}<br />
p + p {<br />
margin-top: var(--line-height);<br />
}<br />
<br />
/* INTERFACE ------------------------------------------------------------------ */<br />
/* remove category help button (does it remove other stuff? mmm...) */<br />
#mw-indicator-mw-helplink {<br />
display: none;<br />
}<br />
<br />
/* Menu bar, position fixed to be able to grab it to resize the map on mobile devices */<br />
#navwrapper {<br />
position: fixed;<br />
top: 0;<br />
right: 0;<br />
z-index: 1000;<br />
left: 0;<br />
}<br />
<br />
h4.namespace.label {<br />
display: none;<br />
}<br />
<br />
.mw-editsection, .mw-editsection-like {<br />
font-size: 10px;<br />
}<br />
<br />
#actions {<br />
left: initial !important;<br />
right: 14px;<br />
top: -21px;<br />
background-color: var(--accent-bg);<br />
border: 1px solid var(--text-light);<br />
color: var(--text-light);<br />
}<br />
a#actions-button {<br />
margin-top: -1em;<br />
background-color: var(--accent-bg);<br />
padding: 5px;<br />
color: var(--text-light);<br />
}<br />
.fa,<br />
button, .button,<br />
.top-bar-section ul li > a {<br />
font-family: var(--font-body);<br />
}<br />
.fa::before {<br />
font-family: FontAwesome;<br />
}<br />
<br />
.top-bar,<br />
.top-bar-section,<br />
#top-bar-left,<br />
#top-bar-right,<br />
#top-bar-right .columns {<br />
display: flex;<br />
background-color: --bg-top;<br />
align-items: center;<br />
justify-content: space-evenly;<br />
}<br />
#top-bar-left {<br />
width: initial;<br />
}<br />
.top-bar-section {<br />
flex-grow: 1;<br />
}<br />
.has-form {<br />
flex-grow: 1;<br />
padding: 0.5em !important;<br />
}<br />
#top-bar-right {<br />
justify-content: space-between;<br />
flex-grow: 1;<br />
}<br />
.top-bar input {<br />
padding-top: 8px;<br />
flex-grow: 1;<br />
height: 2em;<br />
box-sizing: border-box;<br />
border: 0;<br />
outline: 0;<br />
}<br />
.button.search {<br />
background-color: transparent;<br />
border-style: solid;<br />
border-width: 2px;<br />
border-image: linear-gradient(to right, var(--color-a), var(--color-b));<br />
border-image-slice: 1;<br />
top: 2px !important;<br />
position: relative;<br />
margin-left: 0px !important;<br />
box-sizing: border-box;<br />
padding: 0;<br />
width: 80px;<br />
height: 2em;<br />
margin: 0;<br />
top: 0 !important;<br />
}<br />
.button.search:hover {<br />
background-color: var(--color-a);<br />
}<br />
.suggestions-result-current {<br />
background-color: var(--color-b) !important;<br />
}<br />
<br />
.top-bar .toggle-topbar a {<br />
text-transform: lowercase;<br />
font-size: 1em;<br />
}<br />
<br />
#toc, .toc {<br />
float: right;<br />
margin-left: 1em;<br />
max-width: 45%;<br />
background-color: var(--accent-bg);<br />
border-radius: 5px;<br />
}<br />
.toctitle {<br />
margin-bottom: -1em;<br />
}<br />
#toc h2 {<br />
margin-top: 0.25em;<br />
font-size: 1em;<br />
display: inline-block;<br />
margin-right: 0.5em;<br />
}<br />
#toc ul {<br />
margin: 0;<br />
}<br />
.tocnumber:after {<br />
content: " – ";<br />
}<br />
<br />
table.infobox {<br />
width: initial;<br />
max-width: 45%;<br />
}<br />
table.infobox th.head {<br />
background-color: var(--color-b);<br />
}<br />
th, td {<br />
padding: 0.5em !important;<br />
}<br />
<br />
li {<br />
line-height: initial;<br />
}<br />
<br />
.mw-category-generated {<br />
margin-top: 2em;<br />
}<br />
<br />
/* if no content but only listing subcategories */<br />
.mw-parser-output:empty + .mw-category-generated h2 {<br />
display: none;<br />
}<br />
<br />
/* If only one subcategory, don't list the initial */<br />
.mw-category-generated #mw-pages div:only-of-type h3,<br />
#mw-subcategories div:only-of-type h3 {<br />
/*display: none;*/<br />
}<br />
<br />
/* removes counting of categories */<br />
.mw-category-generated #mw-pages p:first-of-type,<br />
#mw-subcategories p:first-of-type {<br />
display: none;<br />
}<br />
<br />
.group {<br />
margin-top: 5em;<br />
}<br />
#catlinks .label {<br />
border-width: 2px;<br />
border-style: solid;<br />
background-color: transparent;<br />
padding: 2px 6px !important;<br />
}<br />
<br />
/* HEADER ------------------------------------------------------------------ */<br />
.title-name {<br />
font-family: var(--font-title);<br />
font-weight: bold;<br />
}<br />
.title-name:hover {<br />
color: var(--color-a);<br />
}<br />
<br />
<br />
<br />
.top-bar-section .has-form {<br />
background-color: --bg-top !important;<br />
}<br />
.top-bar-section .has-dropdown > a::after {<br />
display: none;<br />
}<br />
.top-bar-section .has-dropdown > a {<br />
padding-right: initial !important;<br />
}<br />
.top-bar-section .dropdown li {<br />
width: initial;<br />
/*height: 2em;*/<br />
position: relative;<br />
padding: 0;<br />
border-bottom: 1px solid lightgray;<br />
}<br />
.top-bar-section ul li {<br />
padding: 0 0.5em;<br />
background-color: --bg-top;<br />
}<br />
.top-bar-section ul li:hover {<br />
z-index: 1000;<br />
}<br />
.top-bar-section ul li > a {<br />
font-size: 16px;<br />
padding: 0;<br />
font-weight: bold;<br />
}<br />
<br />
li#p-menu > a {<br />
text-transform: uppercase;<br />
padding: 0;<br />
}<br />
li#p-menu > a + ul li {<br />
outline: 1px solid #00a393;<br />
}<br />
<br />
.top-bar-section .dropdown li:not(.has-form):not(.active):hover > a:not(.button) {<br />
background: linear-gradient(90deg,var(--color-a), var(--color-b));<br />
}<br />
li#p-menu + li.has-dropdown {<br />
width: 3em;<br />
text-align: center;<br />
}<br />
li#p-menu + li.has-dropdown > a {<br />
border-radius: 100%;<br />
padding: 0;<br />
text-align: center;<br />
line-height: 30px;<br />
margin: auto;<br />
display: inline-block;<br />
width: 30px;<br />
box-sizing: border-box;<br />
height: 30px;<br />
}<br />
.not-logged-in #top-bar-right li:nth-child(3) {<br />
display: none;<br />
}<br />
<br />
#toolbox-dropdown li, #personal-tools-dropdown .dropdown li {<br />
float: right;<br />
}<br />
<br />
.back h5 {<br />
font-size: 2em !important;<br />
}<br />
a.parent-link {<br />
color: var(--color-b) !important;<br />
font-weight: bold !important;<br />
}<br />
<br />
/* CONTENT ------------------------------------------------------------------ */<br />
#page-content {<br />
margin: 1em;<br />
color: var(--text);<br />
}<br />
#english {<br />
position: relative;<br />
top: -1.5em;<br />
}<br />
<br />
h1, h2, h3, h4, h5, h6 {<br />
margin-top: 2em;<br />
color: var(--color-b);<br />
line-height: 1.5em;<br />
font-family: var(--font-body);<br />
}<br />
h1, h1#firstHeading, h2 {<br />
font-family: var(--font-title);<br />
font-size: 1.5em;<br />
}<br />
<br />
h1 {<br />
color: var(--color-a);<br />
}<br />
h2 span {<br />
display: initial;<br />
}<br />
h3 {<br />
font-family: var(--font-title);<br />
font-size: 1em;<br />
}<br />
body.action-view #page-content a {<br />
border-image: linear-gradient(to right, var(--color-a), var(--color-b));<br />
border-bottom-width: 2px;<br />
border-image-slice: 1;<br />
color: var(--text);<br />
border-bottom-style: solid;<br />
padding: 3px 5px 1px;<br />
<br />
}<br />
#page-content a:hover,<br />
#catlinks .label:hover {<br />
background-color: var(--color-a);<br />
color: black !important;<br />
}<br />
/* Removes user name */<br />
h3#tagline {<br />
display: none;<br />
}<br />
#bodyContent {<br />
margin-top: 3em;<br />
}<br />
<br />
#page-content ul, #page-content ol {<br />
font-size: 1em;<br />
margin-top: var(--line-height) !important;<br />
margin-bottom: var(--line-height) !important;<br />
}<br />
div {<br />
line-height: 1.4em ;<br />
}<br />
label {<br />
color: var(--text-light);<br />
}<br />
label[for="wpCaptchaWord"]{<br />
background-color: orangered;<br />
}<br />
code, pre {<br />
color: darkgrey;<br />
background-color: #181818;<br />
border: 1px solid darkgrey;<br />
border-radius:3px;<br />
font-size: 0.8em;<br />
padding: 1ch;<br />
}<br />
<br />
<br />
/* ACTUALITÉS ------------------------------------------------------------------ */<br />
.medialisting {<br />
display: flex;<br />
flex-wrap: wrap;<br />
}<br />
.medialisting a {<br />
border: 0 !important;<br />
}<br />
.Media {<br />
display: flex;<br />
align-items: flex-start;<br />
margin-bottom: 1em;<br />
flex-direction: column;<br />
flex-basis: 32%;<br />
box-sizing: border-box;<br />
justify-content: center;<br />
padding: 0.5em;<br />
background: radial-gradient(var(--color-a) -31%, transparent 60%);<br />
}<br />
.Media:nth-child(2n) {<br />
background: radial-gradient(var(--color-b) -31%, transparent 60%);<br />
}<br />
.Media-body {<br />
flex: initial;<br />
}<br />
<br />
.flexgal {<br />
display: flex;<br />
flex-wrap: wrap;<br />
}<br />
<br />
/* THUMBNAILS ------------------------------------------------------------------ */<br />
.thumbinner {<br />
background-color: var(--accent-bg);<br />
}<br />
.thumb.tleft {<br />
margin-right: 2em;<br />
}<br />
.Media-figure a,<br />
.image.fancybox {<br />
display: inline-block;<br />
}<br />
.magnify a {<br />
text-indent: 0;<br />
width: 25px;<br />
height: 25px;<br />
border-style: solid;<br />
border-width: 2px;<br />
line-height: 15px;<br />
}<br />
.magnify a:before {<br />
content: "+";<br />
font-family: FontAwesome;<br />
font-size: 20px;<br />
}<br />
<br />
/* MEDIA QUERIES ------------------------------------------------------------------ */<br />
@media (max-width: 800px) {<br />
div.tleft, div.floatleft, table.floatleft {<br />
width: 100%;<br />
margin-bottom: 3em;<br />
}<br />
#toc {<br />
max-width: initial;<br />
width: 100%;<br />
margin-left: 0;<br />
<br />
<br />
}<br />
}<br />
@media only screen and (max-width: 600px) {<br />
.top-bar,<br />
.top-bar-section,<br />
#top-bar-right,<br />
#top-bar-right .columns {<br />
display: inherit;<br />
}<br />
.top-bar.expanded {<br />
flex-wrap: wrap;<br />
}<br />
.top-bar.expanded .title-area {<br />
display: flex;<br />
flex-grow: 1;<br />
justify-content: space-between;<br />
}<br />
.top-bar.expanded .top-bar,<br />
.top-bar.expanded .top-bar-section,<br />
.top-bar.expanded #top-bar-right,<br />
.top-bar.expanded #top-bar-right .columns {<br />
display: flex;<br />
align-items: center;<br />
}<br />
.divider.show-for-small {<br />
display: none !important;<br />
}<br />
}<br />
<br />
/* Formulaire d'edition ------------------------------------------------------------------ */<br />
#editform<br />
{<br />
margin-top: -5vh;<br />
}</div>
Olfz3b
https://wiki.erg.be/mw/index.php?title=%C3%89cole_de_recherche_graphique&diff=22192
École de recherche graphique
2024-01-25T01:22:28Z
<p>Olfz3b : </p>
<hr />
<div>__NOTITLE__<br />
{{DISPLAYTITLE:<span style="display:none"></span>}}<br />
<br />
<br />
<br />
<pre id="ascii" style="<br />
width: fit-content;<br />
height: 100% ;<br />
border-color: --color-a;<br />
line-height: 12px;<br />
font-size: 15px;<br />
font-family: monospace;<br />
overflow: hidden;<br />
margin: 0 auto;<br />
padding: 0;<br />
background-color: black;<br />
color:dark;<br />
"> <br />
__.....__ <br />
.-'' '. .--./) <br />
/ .-''"'-. `. .-,.--. /.''\\ <br />
bienvenue à l'/ /________\ \ | .-. | | | <br />
| | | | | | \`-' / <br />
\ .-------------' | | | | /("'` <br />
\ '-.____...---. | | '- \ '---. <br />
`. .'cole de | |echerche /'""'.\ raphique <br />
`''-...... -' | | || | <br />
|_| \'. _ _/ <br />
`'---'</pre> <br />
<br />
<br />
<br />
{{English|Welcome to erg}}<br />
<br />
=== winterschool 2024 ===<br />
* [[Workshop : WIKI MAINTENANCE]]<br />
<br />
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'''.<br />
<br />
* [[projet pédagogique]]<br />
* [[Cursus_transdisciplinaire_Bachelors_-_Masters|cursus transdisciplinaire]]<br />
* [[Espaces transversaux, pratiques collectives|espaces transversaux, pratiques collectives]]<br />
* [[séminaires, workshops, conférences]]<br />
* [[Guide Wiki | guide pour utiliser le wiki]]<br />
* [[Doctorat_et_recherche|recherche]]<br />
* [[Étudier et être accompagné·e à l'erg|étudier et être accompagné·e à l'erg]]<br />
* [[Autour_de_l'erg|autour de l'erg]]<br />
* [[contact]]<br />
<br />
<br />
*[[Actualités (2023)|news]]<br />
<br />
{{NewsActivity<br />
|limit=4<br />
}}<br />
<br />
===Newsletter & réseaux===<br />
<br />
Inscrivez-vous à notre '''[http://eepurl.com/igdz0r newsletter]''' ou scannez le QRcode.<br />
<br />
<!-- [[Fichier:Qrcoderg.png|150px|link=]] --><br />
<br />
'''[https://www.instagram.com/ergunlieuderecherche/?hl=fr instagram]''' / '''[https://www.facebook.com/ergunlieuderecherche facebook]''' /<br />
'''[https://vimeo.com/channels/erg vimeo]'''<br />
<br />
<br />
<br />
__NOTOC__</div>
Olfz3b
https://wiki.erg.be/mw/index.php?title=%C3%89cole_de_recherche_graphique&diff=22191
École de recherche graphique
2024-01-25T01:21:44Z
<p>Olfz3b : </p>
<hr />
<div>__NOTITLE__<br />
<span style="display:none">{{DISPLAYTITLE:}}</span><br />
<br />
<br />
<br />
<br />
<pre id="ascii" style="<br />
width: fit-content;<br />
height: 100% ;<br />
border-color: --color-a;<br />
line-height: 12px;<br />
font-size: 15px;<br />
font-family: monospace;<br />
overflow: hidden;<br />
margin: 0 auto;<br />
padding: 0;<br />
background-color: black;<br />
color:dark;<br />
"> <br />
__.....__ <br />
.-'' '. .--./) <br />
/ .-''"'-. `. .-,.--. /.''\\ <br />
bienvenue à l'/ /________\ \ | .-. | | | <br />
| | | | | | \`-' / <br />
\ .-------------' | | | | /("'` <br />
\ '-.____...---. | | '- \ '---. <br />
`. .'cole de | |echerche /'""'.\ raphique <br />
`''-...... -' | | || | <br />
|_| \'. _ _/ <br />
`'---'</pre> <br />
<br />
<br />
<br />
{{English|Welcome to erg}}<br />
<br />
=== winterschool 2024 ===<br />
* [[Workshop : WIKI MAINTENANCE]]<br />
<br />
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'''.<br />
<br />
* [[projet pédagogique]]<br />
* [[Cursus_transdisciplinaire_Bachelors_-_Masters|cursus transdisciplinaire]]<br />
* [[Espaces transversaux, pratiques collectives|espaces transversaux, pratiques collectives]]<br />
* [[séminaires, workshops, conférences]]<br />
* [[Guide Wiki | guide pour utiliser le wiki]]<br />
* [[Doctorat_et_recherche|recherche]]<br />
* [[Étudier et être accompagné·e à l'erg|étudier et être accompagné·e à l'erg]]<br />
* [[Autour_de_l'erg|autour de l'erg]]<br />
* [[contact]]<br />
<br />
<br />
*[[Actualités (2023)|news]]<br />
<br />
{{NewsActivity<br />
|limit=4<br />
}}<br />
<br />
===Newsletter & réseaux===<br />
<br />
Inscrivez-vous à notre '''[http://eepurl.com/igdz0r newsletter]''' ou scannez le QRcode.<br />
<br />
<!-- [[Fichier:Qrcoderg.png|150px|link=]] --><br />
<br />
'''[https://www.instagram.com/ergunlieuderecherche/?hl=fr instagram]''' / '''[https://www.facebook.com/ergunlieuderecherche facebook]''' /<br />
'''[https://vimeo.com/channels/erg vimeo]'''<br />
<br />
<br />
<br />
__NOTOC__</div>
Olfz3b
https://wiki.erg.be/mw/index.php?title=%C3%89cole_de_recherche_graphique&diff=22190
École de recherche graphique
2024-01-25T01:20:58Z
<p>Olfz3b : </p>
<hr />
<div>__NOTITLE__<br />
<span style="display:none">{{DISPLAYTITLE: }}</span><br />
<br />
<br />
<br />
<br />
<pre id="ascii" style="<br />
width: fit-content;<br />
height: 100% ;<br />
border-color: --color-a;<br />
line-height: 12px;<br />
font-size: 15px;<br />
font-family: monospace;<br />
overflow: hidden;<br />
margin: 0 auto;<br />
padding: 0;<br />
background-color: black;<br />
color:dark;<br />
"> <br />
__.....__ <br />
.-'' '. .--./) <br />
/ .-''"'-. `. .-,.--. /.''\\ <br />
bienvenue à l'/ /________\ \ | .-. | | | <br />
| | | | | | \`-' / <br />
\ .-------------' | | | | /("'` <br />
\ '-.____...---. | | '- \ '---. <br />
`. .'cole de | |echerche /'""'.\ raphique <br />
`''-...... -' | | || | <br />
|_| \'. _ _/ <br />
`'---'</pre> <br />
<br />
<br />
<br />
{{English|Welcome to erg}}<br />
<br />
=== winterschool 2024 ===<br />
* [[Workshop : WIKI MAINTENANCE]]<br />
<br />
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'''.<br />
<br />
* [[projet pédagogique]]<br />
* [[Cursus_transdisciplinaire_Bachelors_-_Masters|cursus transdisciplinaire]]<br />
* [[Espaces transversaux, pratiques collectives|espaces transversaux, pratiques collectives]]<br />
* [[séminaires, workshops, conférences]]<br />
* [[Guide Wiki | guide pour utiliser le wiki]]<br />
* [[Doctorat_et_recherche|recherche]]<br />
* [[Étudier et être accompagné·e à l'erg|étudier et être accompagné·e à l'erg]]<br />
* [[Autour_de_l'erg|autour de l'erg]]<br />
* [[contact]]<br />
<br />
<br />
*[[Actualités (2023)|news]]<br />
<br />
{{NewsActivity<br />
|limit=4<br />
}}<br />
<br />
===Newsletter & réseaux===<br />
<br />
Inscrivez-vous à notre '''[http://eepurl.com/igdz0r newsletter]''' ou scannez le QRcode.<br />
<br />
<!-- [[Fichier:Qrcoderg.png|150px|link=]] --><br />
<br />
'''[https://www.instagram.com/ergunlieuderecherche/?hl=fr instagram]''' / '''[https://www.facebook.com/ergunlieuderecherche facebook]''' /<br />
'''[https://vimeo.com/channels/erg vimeo]'''<br />
<br />
<br />
<br />
__NOTOC__</div>
Olfz3b
https://wiki.erg.be/mw/index.php?title=%C3%89cole_de_recherche_graphique&diff=22189
École de recherche graphique
2024-01-25T01:20:20Z
<p>Olfz3b : </p>
<hr />
<div>__NOTITLE__<br />
<span style="display:none">{{DISPLAYTITLE: erg}}</span><br />
<br />
<br />
<br />
<br />
<pre id="ascii" style="<br />
width: fit-content;<br />
height: 100% ;<br />
border-color: --color-a;<br />
line-height: 12px;<br />
font-size: 15px;<br />
font-family: monospace;<br />
overflow: hidden;<br />
margin: 0 auto;<br />
padding: 0;<br />
background-color: black;<br />
color:dark;<br />
"> <br />
__.....__ <br />
.-'' '. .--./) <br />
/ .-''"'-. `. .-,.--. /.''\\ <br />
bienvenue à l'/ /________\ \ | .-. | | | <br />
| | | | | | \`-' / <br />
\ .-------------' | | | | /("'` <br />
\ '-.____...---. | | '- \ '---. <br />
`. .'cole de | |echerche /'""'.\ raphique <br />
`''-...... -' | | || | <br />
|_| \'. _ _/ <br />
`'---'</pre> <br />
<br />
<br />
<br />
{{English|Welcome to erg}}<br />
<br />
=== winterschool 2024 ===<br />
* [[Workshop : WIKI MAINTENANCE]]<br />
<br />
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'''.<br />
<br />
* [[projet pédagogique]]<br />
* [[Cursus_transdisciplinaire_Bachelors_-_Masters|cursus transdisciplinaire]]<br />
* [[Espaces transversaux, pratiques collectives|espaces transversaux, pratiques collectives]]<br />
* [[séminaires, workshops, conférences]]<br />
* [[Guide Wiki | guide pour utiliser le wiki]]<br />
* [[Doctorat_et_recherche|recherche]]<br />
* [[Étudier et être accompagné·e à l'erg|étudier et être accompagné·e à l'erg]]<br />
* [[Autour_de_l'erg|autour de l'erg]]<br />
* [[contact]]<br />
<br />
<br />
*[[Actualités (2023)|news]]<br />
<br />
{{NewsActivity<br />
|limit=4<br />
}}<br />
<br />
===Newsletter & réseaux===<br />
<br />
Inscrivez-vous à notre '''[http://eepurl.com/igdz0r newsletter]''' ou scannez le QRcode.<br />
<br />
<!-- [[Fichier:Qrcoderg.png|150px|link=]] --><br />
<br />
'''[https://www.instagram.com/ergunlieuderecherche/?hl=fr instagram]''' / '''[https://www.facebook.com/ergunlieuderecherche facebook]''' /<br />
'''[https://vimeo.com/channels/erg vimeo]'''<br />
<br />
<br />
<br />
__NOTOC__</div>
Olfz3b
https://wiki.erg.be/mw/index.php?title=%C3%89cole_de_recherche_graphique&diff=22188
École de recherche graphique
2024-01-25T01:19:48Z
<p>Olfz3b : </p>
<hr />
<div>__NOTITLE__<br />
<span style="display:none">{{DISPLAYTITLE: </>}}</span><br />
<br />
<br />
<br />
<br />
<pre id="ascii" style="<br />
width: fit-content;<br />
height: 100% ;<br />
border-color: --color-a;<br />
line-height: 12px;<br />
font-size: 15px;<br />
font-family: monospace;<br />
overflow: hidden;<br />
margin: 0 auto;<br />
padding: 0;<br />
background-color: black;<br />
color:dark;<br />
"> <br />
__.....__ <br />
.-'' '. .--./) <br />
/ .-''"'-. `. .-,.--. /.''\\ <br />
bienvenue à l'/ /________\ \ | .-. | | | <br />
| | | | | | \`-' / <br />
\ .-------------' | | | | /("'` <br />
\ '-.____...---. | | '- \ '---. <br />
`. .'cole de | |echerche /'""'.\ raphique <br />
`''-...... -' | | || | <br />
|_| \'. _ _/ <br />
`'---'</pre> <br />
<br />
<br />
<br />
{{English|Welcome to erg}}<br />
<br />
=== winterschool 2024 ===<br />
* [[Workshop : WIKI MAINTENANCE]]<br />
<br />
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'''.<br />
<br />
* [[projet pédagogique]]<br />
* [[Cursus_transdisciplinaire_Bachelors_-_Masters|cursus transdisciplinaire]]<br />
* [[Espaces transversaux, pratiques collectives|espaces transversaux, pratiques collectives]]<br />
* [[séminaires, workshops, conférences]]<br />
* [[Guide Wiki | guide pour utiliser le wiki]]<br />
* [[Doctorat_et_recherche|recherche]]<br />
* [[Étudier et être accompagné·e à l'erg|étudier et être accompagné·e à l'erg]]<br />
* [[Autour_de_l'erg|autour de l'erg]]<br />
* [[contact]]<br />
<br />
<br />
*[[Actualités (2023)|news]]<br />
<br />
{{NewsActivity<br />
|limit=4<br />
}}<br />
<br />
===Newsletter & réseaux===<br />
<br />
Inscrivez-vous à notre '''[http://eepurl.com/igdz0r newsletter]''' ou scannez le QRcode.<br />
<br />
<!-- [[Fichier:Qrcoderg.png|150px|link=]] --><br />
<br />
'''[https://www.instagram.com/ergunlieuderecherche/?hl=fr instagram]''' / '''[https://www.facebook.com/ergunlieuderecherche facebook]''' /<br />
'''[https://vimeo.com/channels/erg vimeo]'''<br />
<br />
<br />
<br />
__NOTOC__</div>
Olfz3b
https://wiki.erg.be/mw/index.php?title=%C3%89cole_de_recherche_graphique&diff=22187
École de recherche graphique
2024-01-25T01:19:05Z
<p>Olfz3b : </p>
<hr />
<div>__NOTITLE__<br />
<span style="display:none">{{DISPLAYTITLE: @erg}}</span><br />
<br />
<br />
<br />
<br />
<pre id="ascii" style="<br />
width: fit-content;<br />
height: 100% ;<br />
border-color: --color-a;<br />
line-height: 12px;<br />
font-size: 15px;<br />
font-family: monospace;<br />
overflow: hidden;<br />
margin: 0 auto;<br />
padding: 0;<br />
background-color: black;<br />
color:dark;<br />
"> <br />
__.....__ <br />
.-'' '. .--./) <br />
/ .-''"'-. `. .-,.--. /.''\\ <br />
bienvenue à l'/ /________\ \ | .-. | | | <br />
| | | | | | \`-' / <br />
\ .-------------' | | | | /("'` <br />
\ '-.____...---. | | '- \ '---. <br />
`. .'cole de | |echerche /'""'.\ raphique <br />
`''-...... -' | | || | <br />
|_| \'. _ _/ <br />
`'---'</pre> <br />
<br />
<br />
<br />
{{English|Welcome to erg}}<br />
<br />
=== winterschool 2024 ===<br />
* [[Workshop : WIKI MAINTENANCE]]<br />
<br />
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'''.<br />
<br />
* [[projet pédagogique]]<br />
* [[Cursus_transdisciplinaire_Bachelors_-_Masters|cursus transdisciplinaire]]<br />
* [[Espaces transversaux, pratiques collectives|espaces transversaux, pratiques collectives]]<br />
* [[séminaires, workshops, conférences]]<br />
* [[Guide Wiki | guide pour utiliser le wiki]]<br />
* [[Doctorat_et_recherche|recherche]]<br />
* [[Étudier et être accompagné·e à l'erg|étudier et être accompagné·e à l'erg]]<br />
* [[Autour_de_l'erg|autour de l'erg]]<br />
* [[contact]]<br />
<br />
<br />
*[[Actualités (2023)|news]]<br />
<br />
{{NewsActivity<br />
|limit=4<br />
}}<br />
<br />
===Newsletter & réseaux===<br />
<br />
Inscrivez-vous à notre '''[http://eepurl.com/igdz0r newsletter]''' ou scannez le QRcode.<br />
<br />
<!-- [[Fichier:Qrcoderg.png|150px|link=]] --><br />
<br />
'''[https://www.instagram.com/ergunlieuderecherche/?hl=fr instagram]''' / '''[https://www.facebook.com/ergunlieuderecherche facebook]''' /<br />
'''[https://vimeo.com/channels/erg vimeo]'''<br />
<br />
<br />
<br />
__NOTOC__</div>
Olfz3b
https://wiki.erg.be/mw/index.php?title=MediaWiki:Ouroboros.css&diff=22186
MediaWiki:Ouroboros.css
2024-01-25T01:17:10Z
<p>Olfz3b : </p>
<hr />
<div>/*<br />
_ ______ _____ _ _______ _ _ _________ _ _ ______ __ __ ______ <br />
| | | ____| / ____| |/ /_ _| \ | | / /__ __| | | | ____| \/ | ____|<br />
| | | |__ | (___ | ' / | | | \| | / / | | | |__| | |__ | \ / | |__ <br />
| | | __| \___ \| < | | | . ` | / / | | | __ | __| | |\/| | __| <br />
| |____| |____ ____) | . \ _| |_| |\ |/ / | | | | | | |____| | | | |____ <br />
|______|______|_|_____/|_|\_\_____|_|_\_/_/___ _ |_| |_| |_|______|_| |_|______|<br />
/ __ \| ____| ____|_ _/ ____|_ _| ____| | <br />
| | | | |__ | |__ | || | | | | |__ | | <br />
| | | | __| | __| | || | | | | __| | | <br />
| |__| | | | | _| || |____ _| |_| |____| |____ <br />
\____/|_|____|_| |_____\_____|_____|______|______| <br />
| __ \| ____| <br />
| | | | |__ <br />
| | | | __| <br />
| |__| | |____ <br />
|_____/|______|_ _____ _____ <br />
| | | ____| __ \ / ____| <br />
| | | |__ | |__) | | __ <br />
| | | __| | _ /| | |_ | <br />
| |____ | |____| | \ \| |__| | <br />
|______| |______|_| \_\\_____| <br />
<br />
<br />
*/<br />
<br />
<br />
@font-face {<br />
font-family: Combined;<br />
src: url("/mw/skins/foreground/assets/fonts/combined.otf");<br />
}<br />
@font-face {<br />
font-family: Lucette;<br />
src: url("/mw/skins/foreground/assets/fonts/LUCETTE/font/otf/Lucette-Regular.otf");<br />
src: url("/mw/skins/foreground/assets/fonts/LUCETTE/font/ttf/Lucette-Regular.ttf");<br />
src: url("/mw/skins/foreground/assets/fonts/LUCETTE/font/woff/Lucette-Regular.woff");<br />
src: url("/mw/skins/foreground/assets/fonts/LUCETTE/font/woff2/Lucette-Regular.woff2");<br />
}<br />
@font-face {<br />
font-family: Lucette;<br />
src: url("/mw/skins/foreground/assets/fonts/LUCETTE/font/otf/Lucette-Regularitalic.otf");<br />
src: url("/mw/skins/foreground/assets/fonts/LUCETTE/font/ttf/Lucette-Regularitalic.ttf");<br />
src: url("/mw/skins/foreground/assets/fonts/LUCETTE/font/woff/Lucette-Regularitalic.woff");<br />
src: url("/mw/skins/foreground/assets/fonts/LUCETTE/font/woff2/Lucette-Regularitalic.woff2");<br />
font-style: italic;<br />
}<br />
/*<br />
@font-face {<br />
font-family: Vega;<br />
src: url("/mw/skins/foreground/assets/fonts/otf/Vega-Regular.otf");<br />
src: url("/mw/skins/foreground/assets/fonts/Vega-Regular.ttf") format("truetype");<br />
src: url("/mw/skins/foreground/assets/fonts/Vega-Regular-Webfont.svg" format("svg"));<br />
src: url("/mw/skins/foreground/assets/fonts/Vega-Regular.woff" format("woff"));<br />
src: url("/mw/skins/foreground/assets/fonts/Vega-Regular.woff2") format("woff2");<br />
}<br />
*/<br />
<br />
<br />
<br />
<br />
/* Global variables. */<br />
:root,<br />
::backdrop {<br />
/* Set sans-serif & mono fonts */<br />
--sans-font: -apple-system, BlinkMacSystemFont, "Avenir Next", Avenir,<br />
"Nimbus Sans L", Roboto, "Noto Sans", "Segoe UI", Arial, Helvetica,<br />
"Helvetica Neue", sans-serif;<br />
--mono-font: Consolas, Menlo, Monaco, "Andale Mono", "Ubuntu Mono", monospace;<br />
--standard-border-radius: 5px;<br />
<br />
/* Default (light) theme */<br />
--bg: #fff;<br />
--accent-bg: #f5f7ff;<br />
--text: #212121;<br />
--text-light: #585858;<br />
--border: #898EA4;<br />
--accent: #0d47a1;<br />
--accent-hover: #1266e2;<br />
--accent-text: var(--bg);<br />
--code: #d81b60;<br />
--preformatted: #444;<br />
--marked: #ffdd33;<br />
--disabled: #efefef;<br />
<br />
--font-title: Combined;<br />
--font-body: Lucette;<br />
--color-a: #a700ff; /* purple */<br />
--color-b: #00ab6b; /* green */<br />
--font-size: 23px;<br />
--line-height: 1.3em;<br />
}<br />
<br />
/* Dark theme */<br />
@media (prefers-color-scheme: dark) { /* the world went cyberpunk and nobody noticed it */<br />
:root,<br />
::backdrop {<br />
color-scheme: dark;<br />
--bg: black;<br />
--accent-bg: #2b2b2b;<br />
--text: white;<br />
--text-light: #ababab;<br />
--accent: #ffb300;<br />
--accent-hover: #ffe099;<br />
--accent-text: var(--bg);<br />
--code: #f06292;<br />
--preformatted: #ccc;<br />
--disabled: #111;<br />
<br />
--font-title: Combined;<br />
--font-body: Lucette;<br />
--color-b: #4d3856 ; /* cool purple */<br />
--color-a: #4be239; /* nuke green */<br />
--font-size: 23px;<br />
--line-height: 1.3em;<br />
}<br />
}<br />
<br />
/* Reset box-sizing */<br />
*, *::before, *::after {<br />
box-sizing: border-box;<br />
}<br />
<br />
body {<br />
font-family: var(--font-body);<br />
font-size: var(--font-size);<br />
line-height: var(--line-height);<br />
padding-top: 3em;<br />
background-color: var(--bg);<br />
color: var(--text);<br />
}<br />
p {<br />
font-size: var(--font-size);<br />
line-height: var(--line-height);<br />
margin-bottom: 0;<br />
}<br />
p + p {<br />
margin-top: var(--line-height);<br />
}<br />
<br />
/* INTERFACE ------------------------------------------------------------------ */<br />
/* remove category help button (does it remove other stuff? mmm...) */<br />
#mw-indicator-mw-helplink {<br />
display: none;<br />
}<br />
<br />
/* Menu bar, position fixed to be able to grab it to resize the map on mobile devices */<br />
#navwrapper {<br />
position: fixed;<br />
top: 0;<br />
right: 0;<br />
z-index: 1000;<br />
left: 0;<br />
}<br />
<br />
h4.namespace.label {<br />
display: none;<br />
}<br />
<br />
.mw-editsection, .mw-editsection-like {<br />
font-size: 10px;<br />
}<br />
<br />
#actions {<br />
left: initial !important;<br />
right: 14px;<br />
top: -21px;<br />
background-color: var(--accent-bg);<br />
border: 1px solid var(--text-light);<br />
color: var(--text-light);<br />
}<br />
a#actions-button {<br />
margin-top: -1em;<br />
background-color: var(--accent-bg);<br />
padding: 5px;<br />
color: var(--text-light);<br />
}<br />
.fa,<br />
button, .button,<br />
.top-bar-section ul li > a {<br />
font-family: var(--font-body);<br />
}<br />
.fa::before {<br />
font-family: FontAwesome;<br />
}<br />
<br />
.top-bar,<br />
.top-bar-section,<br />
#top-bar-left,<br />
#top-bar-right,<br />
#top-bar-right .columns {<br />
display: flex;<br />
background-color: #222;<br />
align-items: center;<br />
justify-content: space-evenly;<br />
}<br />
#top-bar-left {<br />
width: initial;<br />
}<br />
.top-bar-section {<br />
flex-grow: 1;<br />
}<br />
.has-form {<br />
flex-grow: 1;<br />
padding: 0.5em !important;<br />
}<br />
#top-bar-right {<br />
justify-content: space-between;<br />
flex-grow: 1;<br />
}<br />
.top-bar input {<br />
padding-top: 8px;<br />
flex-grow: 1;<br />
height: 2em;<br />
box-sizing: border-box;<br />
border: 0;<br />
outline: 0;<br />
}<br />
.button.search {<br />
background-color: transparent;<br />
border-style: solid;<br />
border-width: 2px;<br />
border-image: linear-gradient(to right, var(--color-a), var(--color-b));<br />
border-image-slice: 1;<br />
top: 2px !important;<br />
position: relative;<br />
margin-left: 0px !important;<br />
box-sizing: border-box;<br />
padding: 0;<br />
width: 80px;<br />
height: 2em;<br />
margin: 0;<br />
top: 0 !important;<br />
}<br />
.button.search:hover {<br />
background-color: var(--color-a);<br />
}<br />
.suggestions-result-current {<br />
background-color: var(--color-b) !important;<br />
}<br />
<br />
.top-bar .toggle-topbar a {<br />
text-transform: lowercase;<br />
font-size: 1em;<br />
}<br />
<br />
#toc, .toc {<br />
float: right;<br />
margin-left: 1em;<br />
max-width: 45%;<br />
background-color: var(--accent-bg);<br />
border-radius: 5px;<br />
}<br />
.toctitle {<br />
margin-bottom: -1em;<br />
}<br />
#toc h2 {<br />
margin-top: 0.25em;<br />
font-size: 1em;<br />
display: inline-block;<br />
margin-right: 0.5em;<br />
}<br />
#toc ul {<br />
margin: 0;<br />
}<br />
.tocnumber:after {<br />
content: " – ";<br />
}<br />
<br />
table.infobox {<br />
width: initial;<br />
max-width: 45%;<br />
}<br />
table.infobox th.head {<br />
background-color: var(--color-b);<br />
}<br />
th, td {<br />
padding: 0.5em !important;<br />
}<br />
<br />
li {<br />
line-height: initial;<br />
}<br />
<br />
.mw-category-generated {<br />
margin-top: 2em;<br />
}<br />
<br />
/* if no content but only listing subcategories */<br />
.mw-parser-output:empty + .mw-category-generated h2 {<br />
display: none;<br />
}<br />
<br />
/* If only one subcategory, don't list the initial */<br />
.mw-category-generated #mw-pages div:only-of-type h3,<br />
#mw-subcategories div:only-of-type h3 {<br />
/*display: none;*/<br />
}<br />
<br />
/* removes counting of categories */<br />
.mw-category-generated #mw-pages p:first-of-type,<br />
#mw-subcategories p:first-of-type {<br />
display: none;<br />
}<br />
<br />
.group {<br />
margin-top: 5em;<br />
}<br />
#catlinks .label {<br />
border-width: 2px;<br />
border-style: solid;<br />
background-color: transparent;<br />
padding: 2px 6px !important;<br />
}<br />
<br />
/* HEADER ------------------------------------------------------------------ */<br />
.title-name {<br />
font-family: var(--font-title);<br />
font-weight: bold;<br />
}<br />
.title-name:hover {<br />
color: var(--color-a);<br />
}<br />
<br />
<br />
<br />
.top-bar-section .has-form {<br />
background-color: #222 !important;<br />
}<br />
.top-bar-section .has-dropdown > a::after {<br />
display: none;<br />
}<br />
.top-bar-section .has-dropdown > a {<br />
padding-right: initial !important;<br />
}<br />
.top-bar-section .dropdown li {<br />
width: initial;<br />
/*height: 2em;*/<br />
position: relative;<br />
padding: 0;<br />
border-bottom: 1px solid lightgray;<br />
}<br />
.top-bar-section ul li {<br />
padding: 0 0.5em;<br />
background-color: #222;<br />
}<br />
.top-bar-section ul li:hover {<br />
z-index: 1000;<br />
}<br />
.top-bar-section ul li > a {<br />
font-size: 16px;<br />
padding: 0;<br />
font-weight: bold;<br />
}<br />
<br />
li#p-menu > a {<br />
text-transform: uppercase;<br />
padding: 0;<br />
}<br />
li#p-menu > a + ul li {<br />
outline: 1px solid #00a393;<br />
}<br />
<br />
.top-bar-section .dropdown li:not(.has-form):not(.active):hover > a:not(.button) {<br />
background: linear-gradient(90deg,var(--color-a), var(--color-b));<br />
}<br />
li#p-menu + li.has-dropdown {<br />
width: 3em;<br />
text-align: center;<br />
}<br />
li#p-menu + li.has-dropdown > a {<br />
border-radius: 100%;<br />
padding: 0;<br />
text-align: center;<br />
line-height: 30px;<br />
margin: auto;<br />
display: inline-block;<br />
width: 30px;<br />
box-sizing: border-box;<br />
height: 30px;<br />
}<br />
.not-logged-in #top-bar-right li:nth-child(3) {<br />
display: none;<br />
}<br />
<br />
#toolbox-dropdown li, #personal-tools-dropdown .dropdown li {<br />
float: right;<br />
}<br />
<br />
.back h5 {<br />
font-size: 2em !important;<br />
}<br />
a.parent-link {<br />
color: var(--color-b) !important;<br />
font-weight: bold !important;<br />
}<br />
<br />
/* CONTENT ------------------------------------------------------------------ */<br />
#page-content {<br />
margin: 1em;<br />
color: var(--text);<br />
}<br />
#english {<br />
position: relative;<br />
top: -1.5em;<br />
}<br />
<br />
h1, h2, h3, h4, h5, h6 {<br />
margin-top: 2em;<br />
color: var(--color-b);<br />
line-height: 1.5em;<br />
font-family: var(--font-body);<br />
}<br />
h1, h1#firstHeading, h2 {<br />
font-family: var(--font-title);<br />
font-size: 1.5em;<br />
}<br />
<br />
h1 {<br />
color: var(--color-a);<br />
}<br />
h2 span {<br />
display: initial;<br />
}<br />
h3 {<br />
font-family: var(--font-title);<br />
font-size: 1em;<br />
}<br />
body.action-view #page-content a {<br />
border-image: linear-gradient(to right, var(--color-a), var(--color-b));<br />
border-bottom-width: 2px;<br />
border-image-slice: 1;<br />
color: var(--text);<br />
border-bottom-style: solid;<br />
padding: 3px 5px 1px;<br />
<br />
}<br />
#page-content a:hover,<br />
#catlinks .label:hover {<br />
background-color: var(--color-a);<br />
color: black !important;<br />
}<br />
/* Removes user name */<br />
h3#tagline {<br />
display: none;<br />
}<br />
#bodyContent {<br />
margin-top: 3em;<br />
}<br />
<br />
#page-content ul, #page-content ol {<br />
font-size: 1em;<br />
margin-top: var(--line-height) !important;<br />
margin-bottom: var(--line-height) !important;<br />
}<br />
div {<br />
line-height: 1.4em ;<br />
}<br />
label {<br />
color: var(--text-light);<br />
}<br />
label[for="wpCaptchaWord"]{<br />
background-color: orangered;<br />
}<br />
code, pre {<br />
color: darkgrey;<br />
background-color: #181818;<br />
border: 1px solid darkgrey;<br />
border-radius:3px;<br />
font-size: 0.8em;<br />
padding: 1ch;<br />
}<br />
<br />
<br />
/* ACTUALITÉS ------------------------------------------------------------------ */<br />
.medialisting {<br />
display: flex;<br />
flex-wrap: wrap;<br />
}<br />
.medialisting a {<br />
border: 0 !important;<br />
}<br />
.Media {<br />
display: flex;<br />
align-items: flex-start;<br />
margin-bottom: 1em;<br />
flex-direction: column;<br />
flex-basis: 32%;<br />
box-sizing: border-box;<br />
justify-content: center;<br />
padding: 0.5em;<br />
background: radial-gradient(var(--color-a) -31%, transparent 60%);<br />
}<br />
.Media:nth-child(2n) {<br />
background: radial-gradient(var(--color-b) -31%, transparent 60%);<br />
}<br />
.Media-body {<br />
flex: initial;<br />
}<br />
<br />
.flexgal {<br />
display: flex;<br />
flex-wrap: wrap;<br />
}<br />
<br />
/* THUMBNAILS ------------------------------------------------------------------ */<br />
.thumbinner {<br />
background-color: var(--accent-bg);<br />
}<br />
.thumb.tleft {<br />
margin-right: 2em;<br />
}<br />
.Media-figure a,<br />
.image.fancybox {<br />
display: inline-block;<br />
}<br />
.magnify a {<br />
text-indent: 0;<br />
width: 25px;<br />
height: 25px;<br />
border-style: solid;<br />
border-width: 2px;<br />
line-height: 15px;<br />
}<br />
.magnify a:before {<br />
content: "+";<br />
font-family: FontAwesome;<br />
font-size: 20px;<br />
}<br />
<br />
/* MEDIA QUERIES ------------------------------------------------------------------ */<br />
@media (max-width: 800px) {<br />
div.tleft, div.floatleft, table.floatleft {<br />
width: 100%;<br />
margin-bottom: 3em;<br />
}<br />
#toc {<br />
max-width: initial;<br />
width: 100%;<br />
margin-left: 0;<br />
<br />
<br />
}<br />
}<br />
@media only screen and (max-width: 600px) {<br />
.top-bar,<br />
.top-bar-section,<br />
#top-bar-right,<br />
#top-bar-right .columns {<br />
display: inherit;<br />
}<br />
.top-bar.expanded {<br />
flex-wrap: wrap;<br />
}<br />
.top-bar.expanded .title-area {<br />
display: flex;<br />
flex-grow: 1;<br />
justify-content: space-between;<br />
}<br />
.top-bar.expanded .top-bar,<br />
.top-bar.expanded .top-bar-section,<br />
.top-bar.expanded #top-bar-right,<br />
.top-bar.expanded #top-bar-right .columns {<br />
display: flex;<br />
align-items: center;<br />
}<br />
.divider.show-for-small {<br />
display: none !important;<br />
}<br />
}<br />
<br />
/* Formulaire d'edition ------------------------------------------------------------------ */<br />
#editform<br />
{<br />
margin-top: -5vh;<br />
}</div>
Olfz3b
https://wiki.erg.be/mw/index.php?title=MediaWiki:Ouroboros.css&diff=22185
MediaWiki:Ouroboros.css
2024-01-25T01:16:39Z
<p>Olfz3b : </p>
<hr />
<div>/*<br />
_ ______ _____ _ _______ _ _ _________ _ _ ______ __ __ ______ <br />
| | | ____| / ____| |/ /_ _| \ | | / /__ __| | | | ____| \/ | ____|<br />
| | | |__ | (___ | ' / | | | \| | / / | | | |__| | |__ | \ / | |__ <br />
| | | __| \___ \| < | | | . ` | / / | | | __ | __| | |\/| | __| <br />
| |____| |____ ____) | . \ _| |_| |\ |/ / | | | | | | |____| | | | |____ <br />
|______|______|_|_____/|_|\_\_____|_|_\_/_/___ _ |_| |_| |_|______|_| |_|______|<br />
/ __ \| ____| ____|_ _/ ____|_ _| ____| | <br />
| | | | |__ | |__ | || | | | | |__ | | <br />
| | | | __| | __| | || | | | | __| | | <br />
| |__| | | | | _| || |____ _| |_| |____| |____ <br />
\____/|_|____|_| |_____\_____|_____|______|______| <br />
| __ \| ____| <br />
| | | | |__ <br />
| | | | __| <br />
| |__| | |____ <br />
|_____/|______|_ _____ _____ <br />
| | | ____| __ \ / ____| <br />
| | | |__ | |__) | | __ <br />
| | | __| | _ /| | |_ | <br />
| |____ | |____| | \ \| |__| | <br />
|______| |______|_| \_\\_____| <br />
<br />
<br />
*/<br />
<br />
<br />
@font-face {<br />
font-family: Combined;<br />
src: url("/mw/skins/foreground/assets/fonts/combined.otf");<br />
}<br />
@font-face {<br />
font-family: Lucette;<br />
src: url("/mw/skins/foreground/assets/fonts/LUCETTE/font/otf/Lucette-Regular.otf");<br />
src: url("/mw/skins/foreground/assets/fonts/LUCETTE/font/ttf/Lucette-Regular.ttf");<br />
src: url("/mw/skins/foreground/assets/fonts/LUCETTE/font/woff/Lucette-Regular.woff");<br />
src: url("/mw/skins/foreground/assets/fonts/LUCETTE/font/woff2/Lucette-Regular.woff2");<br />
}<br />
@font-face {<br />
font-family: Lucette;<br />
src: url("/mw/skins/foreground/assets/fonts/LUCETTE/font/otf/Lucette-Regularitalic.otf");<br />
src: url("/mw/skins/foreground/assets/fonts/LUCETTE/font/ttf/Lucette-Regularitalic.ttf");<br />
src: url("/mw/skins/foreground/assets/fonts/LUCETTE/font/woff/Lucette-Regularitalic.woff");<br />
src: url("/mw/skins/foreground/assets/fonts/LUCETTE/font/woff2/Lucette-Regularitalic.woff2");<br />
font-style: italic;<br />
}<br />
/*<br />
@font-face {<br />
font-family: Vega;<br />
src: url("/mw/skins/foreground/assets/fonts/otf/Vega-Regular.otf");<br />
src: url("/mw/skins/foreground/assets/fonts/Vega-Regular.ttf") format("truetype");<br />
src: url("/mw/skins/foreground/assets/fonts/Vega-Regular-Webfont.svg" format("svg"));<br />
src: url("/mw/skins/foreground/assets/fonts/Vega-Regular.woff" format("woff"));<br />
src: url("/mw/skins/foreground/assets/fonts/Vega-Regular.woff2") format("woff2");<br />
}<br />
*/<br />
<br />
<br />
<br />
<br />
/* Global variables. */<br />
:root,<br />
::backdrop {<br />
/* Set sans-serif & mono fonts */<br />
--sans-font: -apple-system, BlinkMacSystemFont, "Avenir Next", Avenir,<br />
"Nimbus Sans L", Roboto, "Noto Sans", "Segoe UI", Arial, Helvetica,<br />
"Helvetica Neue", sans-serif;<br />
--mono-font: Consolas, Menlo, Monaco, "Andale Mono", "Ubuntu Mono", monospace;<br />
--standard-border-radius: 5px;<br />
<br />
/* Default (light) theme */<br />
--bg: #fff;<br />
--accent-bg: #f5f7ff;<br />
--text: #212121;<br />
--text-light: #585858;<br />
--border: #898EA4;<br />
--accent: #0d47a1;<br />
--accent-hover: #1266e2;<br />
--accent-text: var(--bg);<br />
--code: #d81b60;<br />
--preformatted: #444;<br />
--marked: #ffdd33;<br />
--disabled: #efefef;<br />
<br />
--font-title: Combined;<br />
--font-body: Lucette;<br />
--color-a: #a700ff; /* purple */<br />
--color-b: #00ab6b; /* green */<br />
--font-size: 23px;<br />
--line-height: 1.3em;<br />
}<br />
<br />
/* Dark theme */<br />
@media (prefers-color-scheme: dark) { /* the world went cyberpunk and nobody noticed it */<br />
:root,<br />
::backdrop {<br />
color-scheme: dark;<br />
--bg: black;<br />
--accent-bg: #2b2b2b;<br />
--text: white;<br />
--text-light: #ababab;<br />
--accent: #ffb300;<br />
--accent-hover: #ffe099;<br />
--accent-text: var(--bg);<br />
--code: #f06292;<br />
--preformatted: #ccc;<br />
--disabled: #111;<br />
<br />
--font-title: Combined;<br />
--font-body: Lucette;<br />
--color-b: 4d3856 ; /* cool purple */<br />
--color-a: #4be239; /* nuke green */<br />
--font-size: 23px;<br />
--line-height: 1.3em;<br />
}<br />
}<br />
<br />
/* Reset box-sizing */<br />
*, *::before, *::after {<br />
box-sizing: border-box;<br />
}<br />
<br />
body {<br />
font-family: var(--font-body);<br />
font-size: var(--font-size);<br />
line-height: var(--line-height);<br />
padding-top: 3em;<br />
background-color: var(--bg);<br />
color: var(--text);<br />
}<br />
p {<br />
font-size: var(--font-size);<br />
line-height: var(--line-height);<br />
margin-bottom: 0;<br />
}<br />
p + p {<br />
margin-top: var(--line-height);<br />
}<br />
<br />
/* INTERFACE ------------------------------------------------------------------ */<br />
/* remove category help button (does it remove other stuff? mmm...) */<br />
#mw-indicator-mw-helplink {<br />
display: none;<br />
}<br />
<br />
/* Menu bar, position fixed to be able to grab it to resize the map on mobile devices */<br />
#navwrapper {<br />
position: fixed;<br />
top: 0;<br />
right: 0;<br />
z-index: 1000;<br />
left: 0;<br />
}<br />
<br />
h4.namespace.label {<br />
display: none;<br />
}<br />
<br />
.mw-editsection, .mw-editsection-like {<br />
font-size: 10px;<br />
}<br />
<br />
#actions {<br />
left: initial !important;<br />
right: 14px;<br />
top: -21px;<br />
background-color: var(--accent-bg);<br />
border: 1px solid var(--text-light);<br />
color: var(--text-light);<br />
}<br />
a#actions-button {<br />
margin-top: -1em;<br />
background-color: var(--accent-bg);<br />
padding: 5px;<br />
color: var(--text-light);<br />
}<br />
.fa,<br />
button, .button,<br />
.top-bar-section ul li > a {<br />
font-family: var(--font-body);<br />
}<br />
.fa::before {<br />
font-family: FontAwesome;<br />
}<br />
<br />
.top-bar,<br />
.top-bar-section,<br />
#top-bar-left,<br />
#top-bar-right,<br />
#top-bar-right .columns {<br />
display: flex;<br />
background-color: #222;<br />
align-items: center;<br />
justify-content: space-evenly;<br />
}<br />
#top-bar-left {<br />
width: initial;<br />
}<br />
.top-bar-section {<br />
flex-grow: 1;<br />
}<br />
.has-form {<br />
flex-grow: 1;<br />
padding: 0.5em !important;<br />
}<br />
#top-bar-right {<br />
justify-content: space-between;<br />
flex-grow: 1;<br />
}<br />
.top-bar input {<br />
padding-top: 8px;<br />
flex-grow: 1;<br />
height: 2em;<br />
box-sizing: border-box;<br />
border: 0;<br />
outline: 0;<br />
}<br />
.button.search {<br />
background-color: transparent;<br />
border-style: solid;<br />
border-width: 2px;<br />
border-image: linear-gradient(to right, var(--color-a), var(--color-b));<br />
border-image-slice: 1;<br />
top: 2px !important;<br />
position: relative;<br />
margin-left: 0px !important;<br />
box-sizing: border-box;<br />
padding: 0;<br />
width: 80px;<br />
height: 2em;<br />
margin: 0;<br />
top: 0 !important;<br />
}<br />
.button.search:hover {<br />
background-color: var(--color-a);<br />
}<br />
.suggestions-result-current {<br />
background-color: var(--color-b) !important;<br />
}<br />
<br />
.top-bar .toggle-topbar a {<br />
text-transform: lowercase;<br />
font-size: 1em;<br />
}<br />
<br />
#toc, .toc {<br />
float: right;<br />
margin-left: 1em;<br />
max-width: 45%;<br />
background-color: var(--accent-bg);<br />
border-radius: 5px;<br />
}<br />
.toctitle {<br />
margin-bottom: -1em;<br />
}<br />
#toc h2 {<br />
margin-top: 0.25em;<br />
font-size: 1em;<br />
display: inline-block;<br />
margin-right: 0.5em;<br />
}<br />
#toc ul {<br />
margin: 0;<br />
}<br />
.tocnumber:after {<br />
content: " – ";<br />
}<br />
<br />
table.infobox {<br />
width: initial;<br />
max-width: 45%;<br />
}<br />
table.infobox th.head {<br />
background-color: var(--color-b);<br />
}<br />
th, td {<br />
padding: 0.5em !important;<br />
}<br />
<br />
li {<br />
line-height: initial;<br />
}<br />
<br />
.mw-category-generated {<br />
margin-top: 2em;<br />
}<br />
<br />
/* if no content but only listing subcategories */<br />
.mw-parser-output:empty + .mw-category-generated h2 {<br />
display: none;<br />
}<br />
<br />
/* If only one subcategory, don't list the initial */<br />
.mw-category-generated #mw-pages div:only-of-type h3,<br />
#mw-subcategories div:only-of-type h3 {<br />
/*display: none;*/<br />
}<br />
<br />
/* removes counting of categories */<br />
.mw-category-generated #mw-pages p:first-of-type,<br />
#mw-subcategories p:first-of-type {<br />
display: none;<br />
}<br />
<br />
.group {<br />
margin-top: 5em;<br />
}<br />
#catlinks .label {<br />
border-width: 2px;<br />
border-style: solid;<br />
background-color: transparent;<br />
padding: 2px 6px !important;<br />
}<br />
<br />
/* HEADER ------------------------------------------------------------------ */<br />
.title-name {<br />
font-family: var(--font-title);<br />
font-weight: bold;<br />
}<br />
.title-name:hover {<br />
color: var(--color-a);<br />
}<br />
<br />
<br />
<br />
.top-bar-section .has-form {<br />
background-color: #222 !important;<br />
}<br />
.top-bar-section .has-dropdown > a::after {<br />
display: none;<br />
}<br />
.top-bar-section .has-dropdown > a {<br />
padding-right: initial !important;<br />
}<br />
.top-bar-section .dropdown li {<br />
width: initial;<br />
/*height: 2em;*/<br />
position: relative;<br />
padding: 0;<br />
border-bottom: 1px solid lightgray;<br />
}<br />
.top-bar-section ul li {<br />
padding: 0 0.5em;<br />
background-color: #222;<br />
}<br />
.top-bar-section ul li:hover {<br />
z-index: 1000;<br />
}<br />
.top-bar-section ul li > a {<br />
font-size: 16px;<br />
padding: 0;<br />
font-weight: bold;<br />
}<br />
<br />
li#p-menu > a {<br />
text-transform: uppercase;<br />
padding: 0;<br />
}<br />
li#p-menu > a + ul li {<br />
outline: 1px solid #00a393;<br />
}<br />
<br />
.top-bar-section .dropdown li:not(.has-form):not(.active):hover > a:not(.button) {<br />
background: linear-gradient(90deg,var(--color-a), var(--color-b));<br />
}<br />
li#p-menu + li.has-dropdown {<br />
width: 3em;<br />
text-align: center;<br />
}<br />
li#p-menu + li.has-dropdown > a {<br />
border-radius: 100%;<br />
padding: 0;<br />
text-align: center;<br />
line-height: 30px;<br />
margin: auto;<br />
display: inline-block;<br />
width: 30px;<br />
box-sizing: border-box;<br />
height: 30px;<br />
}<br />
.not-logged-in #top-bar-right li:nth-child(3) {<br />
display: none;<br />
}<br />
<br />
#toolbox-dropdown li, #personal-tools-dropdown .dropdown li {<br />
float: right;<br />
}<br />
<br />
.back h5 {<br />
font-size: 2em !important;<br />
}<br />
a.parent-link {<br />
color: var(--color-b) !important;<br />
font-weight: bold !important;<br />
}<br />
<br />
/* CONTENT ------------------------------------------------------------------ */<br />
#page-content {<br />
margin: 1em;<br />
color: var(--text);<br />
}<br />
#english {<br />
position: relative;<br />
top: -1.5em;<br />
}<br />
<br />
h1, h2, h3, h4, h5, h6 {<br />
margin-top: 2em;<br />
color: var(--color-b);<br />
line-height: 1.5em;<br />
font-family: var(--font-body);<br />
}<br />
h1, h1#firstHeading, h2 {<br />
font-family: var(--font-title);<br />
font-size: 1.5em;<br />
}<br />
<br />
h1 {<br />
color: var(--color-a);<br />
}<br />
h2 span {<br />
display: initial;<br />
}<br />
h3 {<br />
font-family: var(--font-title);<br />
font-size: 1em;<br />
}<br />
body.action-view #page-content a {<br />
border-image: linear-gradient(to right, var(--color-a), var(--color-b));<br />
border-bottom-width: 2px;<br />
border-image-slice: 1;<br />
color: var(--text);<br />
border-bottom-style: solid;<br />
padding: 3px 5px 1px;<br />
<br />
}<br />
#page-content a:hover,<br />
#catlinks .label:hover {<br />
background-color: var(--color-a);<br />
color: black !important;<br />
}<br />
/* Removes user name */<br />
h3#tagline {<br />
display: none;<br />
}<br />
#bodyContent {<br />
margin-top: 3em;<br />
}<br />
<br />
#page-content ul, #page-content ol {<br />
font-size: 1em;<br />
margin-top: var(--line-height) !important;<br />
margin-bottom: var(--line-height) !important;<br />
}<br />
div {<br />
line-height: 1.4em ;<br />
}<br />
label {<br />
color: var(--text-light);<br />
}<br />
label[for="wpCaptchaWord"]{<br />
background-color: orangered;<br />
}<br />
code, pre {<br />
color: darkgrey;<br />
background-color: #181818;<br />
border: 1px solid darkgrey;<br />
border-radius:3px;<br />
font-size: 0.8em;<br />
padding: 1ch;<br />
}<br />
<br />
<br />
/* ACTUALITÉS ------------------------------------------------------------------ */<br />
.medialisting {<br />
display: flex;<br />
flex-wrap: wrap;<br />
}<br />
.medialisting a {<br />
border: 0 !important;<br />
}<br />
.Media {<br />
display: flex;<br />
align-items: flex-start;<br />
margin-bottom: 1em;<br />
flex-direction: column;<br />
flex-basis: 32%;<br />
box-sizing: border-box;<br />
justify-content: center;<br />
padding: 0.5em;<br />
background: radial-gradient(var(--color-a) -31%, transparent 60%);<br />
}<br />
.Media:nth-child(2n) {<br />
background: radial-gradient(var(--color-b) -31%, transparent 60%);<br />
}<br />
.Media-body {<br />
flex: initial;<br />
}<br />
<br />
.flexgal {<br />
display: flex;<br />
flex-wrap: wrap;<br />
}<br />
<br />
/* THUMBNAILS ------------------------------------------------------------------ */<br />
.thumbinner {<br />
background-color: var(--accent-bg);<br />
}<br />
.thumb.tleft {<br />
margin-right: 2em;<br />
}<br />
.Media-figure a,<br />
.image.fancybox {<br />
display: inline-block;<br />
}<br />
.magnify a {<br />
text-indent: 0;<br />
width: 25px;<br />
height: 25px;<br />
border-style: solid;<br />
border-width: 2px;<br />
line-height: 15px;<br />
}<br />
.magnify a:before {<br />
content: "+";<br />
font-family: FontAwesome;<br />
font-size: 20px;<br />
}<br />
<br />
/* MEDIA QUERIES ------------------------------------------------------------------ */<br />
@media (max-width: 800px) {<br />
div.tleft, div.floatleft, table.floatleft {<br />
width: 100%;<br />
margin-bottom: 3em;<br />
}<br />
#toc {<br />
max-width: initial;<br />
width: 100%;<br />
margin-left: 0;<br />
<br />
<br />
}<br />
}<br />
@media only screen and (max-width: 600px) {<br />
.top-bar,<br />
.top-bar-section,<br />
#top-bar-right,<br />
#top-bar-right .columns {<br />
display: inherit;<br />
}<br />
.top-bar.expanded {<br />
flex-wrap: wrap;<br />
}<br />
.top-bar.expanded .title-area {<br />
display: flex;<br />
flex-grow: 1;<br />
justify-content: space-between;<br />
}<br />
.top-bar.expanded .top-bar,<br />
.top-bar.expanded .top-bar-section,<br />
.top-bar.expanded #top-bar-right,<br />
.top-bar.expanded #top-bar-right .columns {<br />
display: flex;<br />
align-items: center;<br />
}<br />
.divider.show-for-small {<br />
display: none !important;<br />
}<br />
}<br />
<br />
/* Formulaire d'edition ------------------------------------------------------------------ */<br />
#editform<br />
{<br />
margin-top: -5vh;<br />
}</div>
Olfz3b
https://wiki.erg.be/mw/index.php?title=MediaWiki:Ouroboros.css&diff=22184
MediaWiki:Ouroboros.css
2024-01-25T01:15:50Z
<p>Olfz3b : </p>
<hr />
<div>/*<br />
_ ______ _____ _ _______ _ _ _________ _ _ ______ __ __ ______ <br />
| | | ____| / ____| |/ /_ _| \ | | / /__ __| | | | ____| \/ | ____|<br />
| | | |__ | (___ | ' / | | | \| | / / | | | |__| | |__ | \ / | |__ <br />
| | | __| \___ \| < | | | . ` | / / | | | __ | __| | |\/| | __| <br />
| |____| |____ ____) | . \ _| |_| |\ |/ / | | | | | | |____| | | | |____ <br />
|______|______|_|_____/|_|\_\_____|_|_\_/_/___ _ |_| |_| |_|______|_| |_|______|<br />
/ __ \| ____| ____|_ _/ ____|_ _| ____| | <br />
| | | | |__ | |__ | || | | | | |__ | | <br />
| | | | __| | __| | || | | | | __| | | <br />
| |__| | | | | _| || |____ _| |_| |____| |____ <br />
\____/|_|____|_| |_____\_____|_____|______|______| <br />
| __ \| ____| <br />
| | | | |__ <br />
| | | | __| <br />
| |__| | |____ <br />
|_____/|______|_ _____ _____ <br />
| | | ____| __ \ / ____| <br />
| | | |__ | |__) | | __ <br />
| | | __| | _ /| | |_ | <br />
| |____ | |____| | \ \| |__| | <br />
|______| |______|_| \_\\_____| <br />
<br />
<br />
*/<br />
<br />
<br />
@font-face {<br />
font-family: Combined;<br />
src: url("/mw/skins/foreground/assets/fonts/combined.otf");<br />
}<br />
@font-face {<br />
font-family: Lucette;<br />
src: url("/mw/skins/foreground/assets/fonts/LUCETTE/font/otf/Lucette-Regular.otf");<br />
src: url("/mw/skins/foreground/assets/fonts/LUCETTE/font/ttf/Lucette-Regular.ttf");<br />
src: url("/mw/skins/foreground/assets/fonts/LUCETTE/font/woff/Lucette-Regular.woff");<br />
src: url("/mw/skins/foreground/assets/fonts/LUCETTE/font/woff2/Lucette-Regular.woff2");<br />
}<br />
@font-face {<br />
font-family: Lucette;<br />
src: url("/mw/skins/foreground/assets/fonts/LUCETTE/font/otf/Lucette-Regularitalic.otf");<br />
src: url("/mw/skins/foreground/assets/fonts/LUCETTE/font/ttf/Lucette-Regularitalic.ttf");<br />
src: url("/mw/skins/foreground/assets/fonts/LUCETTE/font/woff/Lucette-Regularitalic.woff");<br />
src: url("/mw/skins/foreground/assets/fonts/LUCETTE/font/woff2/Lucette-Regularitalic.woff2");<br />
font-style: italic;<br />
}<br />
/*<br />
@font-face {<br />
font-family: Vega;<br />
src: url("/mw/skins/foreground/assets/fonts/otf/Vega-Regular.otf");<br />
src: url("/mw/skins/foreground/assets/fonts/Vega-Regular.ttf") format("truetype");<br />
src: url("/mw/skins/foreground/assets/fonts/Vega-Regular-Webfont.svg" format("svg"));<br />
src: url("/mw/skins/foreground/assets/fonts/Vega-Regular.woff" format("woff"));<br />
src: url("/mw/skins/foreground/assets/fonts/Vega-Regular.woff2") format("woff2");<br />
}<br />
*/<br />
<br />
<br />
<br />
<br />
/* Global variables. */<br />
:root,<br />
::backdrop {<br />
/* Set sans-serif & mono fonts */<br />
--sans-font: -apple-system, BlinkMacSystemFont, "Avenir Next", Avenir,<br />
"Nimbus Sans L", Roboto, "Noto Sans", "Segoe UI", Arial, Helvetica,<br />
"Helvetica Neue", sans-serif;<br />
--mono-font: Consolas, Menlo, Monaco, "Andale Mono", "Ubuntu Mono", monospace;<br />
--standard-border-radius: 5px;<br />
<br />
/* Default (light) theme */<br />
--bg: #fff;<br />
--accent-bg: #f5f7ff;<br />
--text: #212121;<br />
--text-light: #585858;<br />
--border: #898EA4;<br />
--accent: #0d47a1;<br />
--accent-hover: #1266e2;<br />
--accent-text: var(--bg);<br />
--code: #d81b60;<br />
--preformatted: #444;<br />
--marked: #ffdd33;<br />
--disabled: #efefef;<br />
<br />
--font-title: Combined;<br />
--font-body: Lucette;<br />
--color-a: #a700ff; /* purple */<br />
--color-b: #00ab6b; /* green */<br />
--font-size: 23px;<br />
--line-height: 1.3em;<br />
}<br />
<br />
/* Dark theme */<br />
@media (prefers-color-scheme: dark) { /* the world went cyberpunk and nobody noticed it */<br />
:root,<br />
::backdrop {<br />
color-scheme: dark;<br />
--bg: black;<br />
--accent-bg: #2b2b2b;<br />
--text: white;<br />
--text-light: #ababab;<br />
--accent: #ffb300;<br />
--accent-hover: #ffe099;<br />
--accent-text: var(--bg);<br />
--code: #f06292;<br />
--preformatted: #ccc;<br />
--disabled: #111;<br />
<br />
--font-title: Combined;<br />
--font-body: Lucette;<br />
--color-b: #311837 ; /* cool green */<br />
--color-a: #4be239; /* nuke green */<br />
--font-size: 23px;<br />
--line-height: 1.3em;<br />
}<br />
}<br />
<br />
/* Reset box-sizing */<br />
*, *::before, *::after {<br />
box-sizing: border-box;<br />
}<br />
<br />
body {<br />
font-family: var(--font-body);<br />
font-size: var(--font-size);<br />
line-height: var(--line-height);<br />
padding-top: 3em;<br />
background-color: var(--bg);<br />
color: var(--text);<br />
}<br />
p {<br />
font-size: var(--font-size);<br />
line-height: var(--line-height);<br />
margin-bottom: 0;<br />
}<br />
p + p {<br />
margin-top: var(--line-height);<br />
}<br />
<br />
/* INTERFACE ------------------------------------------------------------------ */<br />
/* remove category help button (does it remove other stuff? mmm...) */<br />
#mw-indicator-mw-helplink {<br />
display: none;<br />
}<br />
<br />
/* Menu bar, position fixed to be able to grab it to resize the map on mobile devices */<br />
#navwrapper {<br />
position: fixed;<br />
top: 0;<br />
right: 0;<br />
z-index: 1000;<br />
left: 0;<br />
}<br />
<br />
h4.namespace.label {<br />
display: none;<br />
}<br />
<br />
.mw-editsection, .mw-editsection-like {<br />
font-size: 10px;<br />
}<br />
<br />
#actions {<br />
left: initial !important;<br />
right: 14px;<br />
top: -21px;<br />
background-color: var(--accent-bg);<br />
border: 1px solid var(--text-light);<br />
color: var(--text-light);<br />
}<br />
a#actions-button {<br />
margin-top: -1em;<br />
background-color: var(--accent-bg);<br />
padding: 5px;<br />
color: var(--text-light);<br />
}<br />
.fa,<br />
button, .button,<br />
.top-bar-section ul li > a {<br />
font-family: var(--font-body);<br />
}<br />
.fa::before {<br />
font-family: FontAwesome;<br />
}<br />
<br />
.top-bar,<br />
.top-bar-section,<br />
#top-bar-left,<br />
#top-bar-right,<br />
#top-bar-right .columns {<br />
display: flex;<br />
background-color: #222;<br />
align-items: center;<br />
justify-content: space-evenly;<br />
}<br />
#top-bar-left {<br />
width: initial;<br />
}<br />
.top-bar-section {<br />
flex-grow: 1;<br />
}<br />
.has-form {<br />
flex-grow: 1;<br />
padding: 0.5em !important;<br />
}<br />
#top-bar-right {<br />
justify-content: space-between;<br />
flex-grow: 1;<br />
}<br />
.top-bar input {<br />
padding-top: 8px;<br />
flex-grow: 1;<br />
height: 2em;<br />
box-sizing: border-box;<br />
border: 0;<br />
outline: 0;<br />
}<br />
.button.search {<br />
background-color: transparent;<br />
border-style: solid;<br />
border-width: 2px;<br />
border-image: linear-gradient(to right, var(--color-a), var(--color-b));<br />
border-image-slice: 1;<br />
top: 2px !important;<br />
position: relative;<br />
margin-left: 0px !important;<br />
box-sizing: border-box;<br />
padding: 0;<br />
width: 80px;<br />
height: 2em;<br />
margin: 0;<br />
top: 0 !important;<br />
}<br />
.button.search:hover {<br />
background-color: var(--color-a);<br />
}<br />
.suggestions-result-current {<br />
background-color: var(--color-b) !important;<br />
}<br />
<br />
.top-bar .toggle-topbar a {<br />
text-transform: lowercase;<br />
font-size: 1em;<br />
}<br />
<br />
#toc, .toc {<br />
float: right;<br />
margin-left: 1em;<br />
max-width: 45%;<br />
background-color: var(--accent-bg);<br />
border-radius: 5px;<br />
}<br />
.toctitle {<br />
margin-bottom: -1em;<br />
}<br />
#toc h2 {<br />
margin-top: 0.25em;<br />
font-size: 1em;<br />
display: inline-block;<br />
margin-right: 0.5em;<br />
}<br />
#toc ul {<br />
margin: 0;<br />
}<br />
.tocnumber:after {<br />
content: " – ";<br />
}<br />
<br />
table.infobox {<br />
width: initial;<br />
max-width: 45%;<br />
}<br />
table.infobox th.head {<br />
background-color: var(--color-b);<br />
}<br />
th, td {<br />
padding: 0.5em !important;<br />
}<br />
<br />
li {<br />
line-height: initial;<br />
}<br />
<br />
.mw-category-generated {<br />
margin-top: 2em;<br />
}<br />
<br />
/* if no content but only listing subcategories */<br />
.mw-parser-output:empty + .mw-category-generated h2 {<br />
display: none;<br />
}<br />
<br />
/* If only one subcategory, don't list the initial */<br />
.mw-category-generated #mw-pages div:only-of-type h3,<br />
#mw-subcategories div:only-of-type h3 {<br />
/*display: none;*/<br />
}<br />
<br />
/* removes counting of categories */<br />
.mw-category-generated #mw-pages p:first-of-type,<br />
#mw-subcategories p:first-of-type {<br />
display: none;<br />
}<br />
<br />
.group {<br />
margin-top: 5em;<br />
}<br />
#catlinks .label {<br />
border-width: 2px;<br />
border-style: solid;<br />
background-color: transparent;<br />
padding: 2px 6px !important;<br />
}<br />
<br />
/* HEADER ------------------------------------------------------------------ */<br />
.title-name {<br />
font-family: var(--font-title);<br />
font-weight: bold;<br />
}<br />
.title-name:hover {<br />
color: var(--color-a);<br />
}<br />
<br />
<br />
<br />
.top-bar-section .has-form {<br />
background-color: #222 !important;<br />
}<br />
.top-bar-section .has-dropdown > a::after {<br />
display: none;<br />
}<br />
.top-bar-section .has-dropdown > a {<br />
padding-right: initial !important;<br />
}<br />
.top-bar-section .dropdown li {<br />
width: initial;<br />
/*height: 2em;*/<br />
position: relative;<br />
padding: 0;<br />
border-bottom: 1px solid lightgray;<br />
}<br />
.top-bar-section ul li {<br />
padding: 0 0.5em;<br />
background-color: #222;<br />
}<br />
.top-bar-section ul li:hover {<br />
z-index: 1000;<br />
}<br />
.top-bar-section ul li > a {<br />
font-size: 16px;<br />
padding: 0;<br />
font-weight: bold;<br />
}<br />
<br />
li#p-menu > a {<br />
text-transform: uppercase;<br />
padding: 0;<br />
}<br />
li#p-menu > a + ul li {<br />
outline: 1px solid #00a393;<br />
}<br />
<br />
.top-bar-section .dropdown li:not(.has-form):not(.active):hover > a:not(.button) {<br />
background: linear-gradient(90deg,var(--color-a), var(--color-b));<br />
}<br />
li#p-menu + li.has-dropdown {<br />
width: 3em;<br />
text-align: center;<br />
}<br />
li#p-menu + li.has-dropdown > a {<br />
border-radius: 100%;<br />
padding: 0;<br />
text-align: center;<br />
line-height: 30px;<br />
margin: auto;<br />
display: inline-block;<br />
width: 30px;<br />
box-sizing: border-box;<br />
height: 30px;<br />
}<br />
.not-logged-in #top-bar-right li:nth-child(3) {<br />
display: none;<br />
}<br />
<br />
#toolbox-dropdown li, #personal-tools-dropdown .dropdown li {<br />
float: right;<br />
}<br />
<br />
.back h5 {<br />
font-size: 2em !important;<br />
}<br />
a.parent-link {<br />
color: var(--color-b) !important;<br />
font-weight: bold !important;<br />
}<br />
<br />
/* CONTENT ------------------------------------------------------------------ */<br />
#page-content {<br />
margin: 1em;<br />
color: var(--text);<br />
}<br />
#english {<br />
position: relative;<br />
top: -1.5em;<br />
}<br />
<br />
h1, h2, h3, h4, h5, h6 {<br />
margin-top: 2em;<br />
color: var(--color-b);<br />
line-height: 1.5em;<br />
font-family: var(--font-body);<br />
}<br />
h1, h1#firstHeading, h2 {<br />
font-family: var(--font-title);<br />
font-size: 1.5em;<br />
}<br />
<br />
h1 {<br />
color: var(--color-a);<br />
}<br />
h2 span {<br />
display: initial;<br />
}<br />
h3 {<br />
font-family: var(--font-title);<br />
font-size: 1em;<br />
}<br />
body.action-view #page-content a {<br />
border-image: linear-gradient(to right, var(--color-a), var(--color-b));<br />
border-bottom-width: 2px;<br />
border-image-slice: 1;<br />
color: var(--text);<br />
border-bottom-style: solid;<br />
padding: 3px 5px 1px;<br />
<br />
}<br />
#page-content a:hover,<br />
#catlinks .label:hover {<br />
background-color: var(--color-a);<br />
color: black !important;<br />
}<br />
/* Removes user name */<br />
h3#tagline {<br />
display: none;<br />
}<br />
#bodyContent {<br />
margin-top: 3em;<br />
}<br />
<br />
#page-content ul, #page-content ol {<br />
font-size: 1em;<br />
margin-top: var(--line-height) !important;<br />
margin-bottom: var(--line-height) !important;<br />
}<br />
div {<br />
line-height: 1.4em ;<br />
}<br />
label {<br />
color: var(--text-light);<br />
}<br />
label[for="wpCaptchaWord"]{<br />
background-color: orangered;<br />
}<br />
code, pre {<br />
color: darkgrey;<br />
background-color: #181818;<br />
border: 1px solid darkgrey;<br />
border-radius:3px;<br />
font-size: 0.8em;<br />
padding: 1ch;<br />
}<br />
<br />
<br />
/* ACTUALITÉS ------------------------------------------------------------------ */<br />
.medialisting {<br />
display: flex;<br />
flex-wrap: wrap;<br />
}<br />
.medialisting a {<br />
border: 0 !important;<br />
}<br />
.Media {<br />
display: flex;<br />
align-items: flex-start;<br />
margin-bottom: 1em;<br />
flex-direction: column;<br />
flex-basis: 32%;<br />
box-sizing: border-box;<br />
justify-content: center;<br />
padding: 0.5em;<br />
background: radial-gradient(var(--color-a) -31%, transparent 60%);<br />
}<br />
.Media:nth-child(2n) {<br />
background: radial-gradient(var(--color-b) -31%, transparent 60%);<br />
}<br />
.Media-body {<br />
flex: initial;<br />
}<br />
<br />
.flexgal {<br />
display: flex;<br />
flex-wrap: wrap;<br />
}<br />
<br />
/* THUMBNAILS ------------------------------------------------------------------ */<br />
.thumbinner {<br />
background-color: var(--accent-bg);<br />
}<br />
.thumb.tleft {<br />
margin-right: 2em;<br />
}<br />
.Media-figure a,<br />
.image.fancybox {<br />
display: inline-block;<br />
}<br />
.magnify a {<br />
text-indent: 0;<br />
width: 25px;<br />
height: 25px;<br />
border-style: solid;<br />
border-width: 2px;<br />
line-height: 15px;<br />
}<br />
.magnify a:before {<br />
content: "+";<br />
font-family: FontAwesome;<br />
font-size: 20px;<br />
}<br />
<br />
/* MEDIA QUERIES ------------------------------------------------------------------ */<br />
@media (max-width: 800px) {<br />
div.tleft, div.floatleft, table.floatleft {<br />
width: 100%;<br />
margin-bottom: 3em;<br />
}<br />
#toc {<br />
max-width: initial;<br />
width: 100%;<br />
margin-left: 0;<br />
<br />
<br />
}<br />
}<br />
@media only screen and (max-width: 600px) {<br />
.top-bar,<br />
.top-bar-section,<br />
#top-bar-right,<br />
#top-bar-right .columns {<br />
display: inherit;<br />
}<br />
.top-bar.expanded {<br />
flex-wrap: wrap;<br />
}<br />
.top-bar.expanded .title-area {<br />
display: flex;<br />
flex-grow: 1;<br />
justify-content: space-between;<br />
}<br />
.top-bar.expanded .top-bar,<br />
.top-bar.expanded .top-bar-section,<br />
.top-bar.expanded #top-bar-right,<br />
.top-bar.expanded #top-bar-right .columns {<br />
display: flex;<br />
align-items: center;<br />
}<br />
.divider.show-for-small {<br />
display: none !important;<br />
}<br />
}<br />
<br />
/* Formulaire d'edition ------------------------------------------------------------------ */<br />
#editform<br />
{<br />
margin-top: -5vh;<br />
}</div>
Olfz3b
https://wiki.erg.be/mw/index.php?title=%C3%89cole_de_recherche_graphique&diff=22183
École de recherche graphique
2024-01-25T01:12:37Z
<p>Olfz3b : </p>
<hr />
<div>__NOTITLE__<br />
<span style="display:none">{{DISPLAYTITLE: }}</span><br />
<br />
<br />
<br />
<br />
<pre id="ascii" style="<br />
width: fit-content;<br />
height: 100% ;<br />
border-color: --color-a;<br />
line-height: 12px;<br />
font-size: 15px;<br />
font-family: monospace;<br />
overflow: hidden;<br />
margin: 0 auto;<br />
padding: 0;<br />
background-color: black;<br />
color:dark;<br />
"> <br />
__.....__ <br />
.-'' '. .--./) <br />
/ .-''"'-. `. .-,.--. /.''\\ <br />
bienvenue à l'/ /________\ \ | .-. | | | <br />
| | | | | | \`-' / <br />
\ .-------------' | | | | /("'` <br />
\ '-.____...---. | | '- \ '---. <br />
`. .'cole de | |echerche /'""'.\ raphique <br />
`''-...... -' | | || | <br />
|_| \'. _ _/ <br />
`'---'</pre> <br />
<br />
<br />
<br />
{{English|Welcome to erg}}<br />
<br />
=== winterschool 2024 ===<br />
* [[Workshop : WIKI MAINTENANCE]]<br />
<br />
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'''.<br />
<br />
* [[projet pédagogique]]<br />
* [[Cursus_transdisciplinaire_Bachelors_-_Masters|cursus transdisciplinaire]]<br />
* [[Espaces transversaux, pratiques collectives|espaces transversaux, pratiques collectives]]<br />
* [[séminaires, workshops, conférences]]<br />
* [[Guide Wiki | guide pour utiliser le wiki]]<br />
* [[Doctorat_et_recherche|recherche]]<br />
* [[Étudier et être accompagné·e à l'erg|étudier et être accompagné·e à l'erg]]<br />
* [[Autour_de_l'erg|autour de l'erg]]<br />
* [[contact]]<br />
<br />
<br />
*[[Actualités (2023)|news]]<br />
<br />
{{NewsActivity<br />
|limit=4<br />
}}<br />
<br />
===Newsletter & réseaux===<br />
<br />
Inscrivez-vous à notre '''[http://eepurl.com/igdz0r newsletter]''' ou scannez le QRcode.<br />
<br />
<!-- [[Fichier:Qrcoderg.png|150px|link=]] --><br />
<br />
'''[https://www.instagram.com/ergunlieuderecherche/?hl=fr instagram]''' / '''[https://www.facebook.com/ergunlieuderecherche facebook]''' /<br />
'''[https://vimeo.com/channels/erg vimeo]'''<br />
<br />
<br />
<br />
__NOTOC__</div>
Olfz3b
https://wiki.erg.be/mw/index.php?title=MediaWiki:Ouroboros.css&diff=22182
MediaWiki:Ouroboros.css
2024-01-25T01:11:41Z
<p>Olfz3b : </p>
<hr />
<div>/*<br />
_ ______ _____ _ _______ _ _ _________ _ _ ______ __ __ ______ <br />
| | | ____| / ____| |/ /_ _| \ | | / /__ __| | | | ____| \/ | ____|<br />
| | | |__ | (___ | ' / | | | \| | / / | | | |__| | |__ | \ / | |__ <br />
| | | __| \___ \| < | | | . ` | / / | | | __ | __| | |\/| | __| <br />
| |____| |____ ____) | . \ _| |_| |\ |/ / | | | | | | |____| | | | |____ <br />
|______|______|_|_____/|_|\_\_____|_|_\_/_/___ _ |_| |_| |_|______|_| |_|______|<br />
/ __ \| ____| ____|_ _/ ____|_ _| ____| | <br />
| | | | |__ | |__ | || | | | | |__ | | <br />
| | | | __| | __| | || | | | | __| | | <br />
| |__| | | | | _| || |____ _| |_| |____| |____ <br />
\____/|_|____|_| |_____\_____|_____|______|______| <br />
| __ \| ____| <br />
| | | | |__ <br />
| | | | __| <br />
| |__| | |____ <br />
|_____/|______|_ _____ _____ <br />
| | | ____| __ \ / ____| <br />
| | | |__ | |__) | | __ <br />
| | | __| | _ /| | |_ | <br />
| |____ | |____| | \ \| |__| | <br />
|______| |______|_| \_\\_____| <br />
<br />
<br />
*/<br />
<br />
<br />
@font-face {<br />
font-family: Combined;<br />
src: url("/mw/skins/foreground/assets/fonts/combined.otf");<br />
}<br />
@font-face {<br />
font-family: Lucette;<br />
src: url("/mw/skins/foreground/assets/fonts/LUCETTE/font/otf/Lucette-Regular.otf");<br />
src: url("/mw/skins/foreground/assets/fonts/LUCETTE/font/ttf/Lucette-Regular.ttf");<br />
src: url("/mw/skins/foreground/assets/fonts/LUCETTE/font/woff/Lucette-Regular.woff");<br />
src: url("/mw/skins/foreground/assets/fonts/LUCETTE/font/woff2/Lucette-Regular.woff2");<br />
}<br />
@font-face {<br />
font-family: Lucette;<br />
src: url("/mw/skins/foreground/assets/fonts/LUCETTE/font/otf/Lucette-Regularitalic.otf");<br />
src: url("/mw/skins/foreground/assets/fonts/LUCETTE/font/ttf/Lucette-Regularitalic.ttf");<br />
src: url("/mw/skins/foreground/assets/fonts/LUCETTE/font/woff/Lucette-Regularitalic.woff");<br />
src: url("/mw/skins/foreground/assets/fonts/LUCETTE/font/woff2/Lucette-Regularitalic.woff2");<br />
font-style: italic;<br />
}<br />
/*<br />
@font-face {<br />
font-family: Vega;<br />
src: url("/mw/skins/foreground/assets/fonts/otf/Vega-Regular.otf");<br />
src: url("/mw/skins/foreground/assets/fonts/Vega-Regular.ttf") format("truetype");<br />
src: url("/mw/skins/foreground/assets/fonts/Vega-Regular-Webfont.svg" format("svg"));<br />
src: url("/mw/skins/foreground/assets/fonts/Vega-Regular.woff" format("woff"));<br />
src: url("/mw/skins/foreground/assets/fonts/Vega-Regular.woff2") format("woff2");<br />
}<br />
*/<br />
<br />
<br />
<br />
<br />
/* Global variables. */<br />
:root,<br />
::backdrop {<br />
/* Set sans-serif & mono fonts */<br />
--sans-font: -apple-system, BlinkMacSystemFont, "Avenir Next", Avenir,<br />
"Nimbus Sans L", Roboto, "Noto Sans", "Segoe UI", Arial, Helvetica,<br />
"Helvetica Neue", sans-serif;<br />
--mono-font: Consolas, Menlo, Monaco, "Andale Mono", "Ubuntu Mono", monospace;<br />
--standard-border-radius: 5px;<br />
<br />
/* Default (light) theme */<br />
--bg: #fff;<br />
--accent-bg: #f5f7ff;<br />
--text: #212121;<br />
--text-light: #585858;<br />
--border: #898EA4;<br />
--accent: #0d47a1;<br />
--accent-hover: #1266e2;<br />
--accent-text: var(--bg);<br />
--code: #d81b60;<br />
--preformatted: #444;<br />
--marked: #ffdd33;<br />
--disabled: #efefef;<br />
<br />
--font-title: Combined;<br />
--font-body: Lucette;<br />
--color-a: #a700ff; /* purple */<br />
--color-b: #00ab6b; /* green */<br />
--font-size: 23px;<br />
--line-height: 1.3em;<br />
}<br />
<br />
/* Dark theme */<br />
@media (prefers-color-scheme: dark) { /* the world went cyberpunk and nobody noticed it */<br />
:root,<br />
::backdrop {<br />
color-scheme: dark;<br />
--bg: black;<br />
--accent-bg: #2b2b2b;<br />
--text: white;<br />
--text-light: #ababab;<br />
--accent: #ffb300;<br />
--accent-hover: #ffe099;<br />
--accent-text: var(--bg);<br />
--code: #f06292;<br />
--preformatted: #ccc;<br />
--disabled: #111;<br />
<br />
--font-title: Combined;<br />
--font-body: Lucette;<br />
--color-b: #4da14a ; /* cool green */<br />
--color-a: #4be239; /* nuke green */<br />
--font-size: 23px;<br />
--line-height: 1.3em;<br />
}<br />
}<br />
<br />
/* Reset box-sizing */<br />
*, *::before, *::after {<br />
box-sizing: border-box;<br />
}<br />
<br />
body {<br />
font-family: var(--font-body);<br />
font-size: var(--font-size);<br />
line-height: var(--line-height);<br />
padding-top: 3em;<br />
background-color: var(--bg);<br />
color: var(--text);<br />
}<br />
p {<br />
font-size: var(--font-size);<br />
line-height: var(--line-height);<br />
margin-bottom: 0;<br />
}<br />
p + p {<br />
margin-top: var(--line-height);<br />
}<br />
<br />
/* INTERFACE ------------------------------------------------------------------ */<br />
/* remove category help button (does it remove other stuff? mmm...) */<br />
#mw-indicator-mw-helplink {<br />
display: none;<br />
}<br />
<br />
/* Menu bar, position fixed to be able to grab it to resize the map on mobile devices */<br />
#navwrapper {<br />
position: fixed;<br />
top: 0;<br />
right: 0;<br />
z-index: 1000;<br />
left: 0;<br />
}<br />
<br />
h4.namespace.label {<br />
display: none;<br />
}<br />
<br />
.mw-editsection, .mw-editsection-like {<br />
font-size: 10px;<br />
}<br />
<br />
#actions {<br />
left: initial !important;<br />
right: 14px;<br />
top: -21px;<br />
background-color: var(--accent-bg);<br />
border: 1px solid var(--text-light);<br />
color: var(--text-light);<br />
}<br />
a#actions-button {<br />
margin-top: -1em;<br />
background-color: var(--accent-bg);<br />
padding: 5px;<br />
color: var(--text-light);<br />
}<br />
.fa,<br />
button, .button,<br />
.top-bar-section ul li > a {<br />
font-family: var(--font-body);<br />
}<br />
.fa::before {<br />
font-family: FontAwesome;<br />
}<br />
<br />
.top-bar,<br />
.top-bar-section,<br />
#top-bar-left,<br />
#top-bar-right,<br />
#top-bar-right .columns {<br />
display: flex;<br />
background-color: #222;<br />
align-items: center;<br />
justify-content: space-evenly;<br />
}<br />
#top-bar-left {<br />
width: initial;<br />
}<br />
.top-bar-section {<br />
flex-grow: 1;<br />
}<br />
.has-form {<br />
flex-grow: 1;<br />
padding: 0.5em !important;<br />
}<br />
#top-bar-right {<br />
justify-content: space-between;<br />
flex-grow: 1;<br />
}<br />
.top-bar input {<br />
padding-top: 8px;<br />
flex-grow: 1;<br />
height: 2em;<br />
box-sizing: border-box;<br />
border: 0;<br />
outline: 0;<br />
}<br />
.button.search {<br />
background-color: transparent;<br />
border-style: solid;<br />
border-width: 2px;<br />
border-image: linear-gradient(to right, var(--color-a), var(--color-b));<br />
border-image-slice: 1;<br />
top: 2px !important;<br />
position: relative;<br />
margin-left: 0px !important;<br />
box-sizing: border-box;<br />
padding: 0;<br />
width: 80px;<br />
height: 2em;<br />
margin: 0;<br />
top: 0 !important;<br />
}<br />
.button.search:hover {<br />
background-color: var(--color-a);<br />
}<br />
.suggestions-result-current {<br />
background-color: var(--color-b) !important;<br />
}<br />
<br />
.top-bar .toggle-topbar a {<br />
text-transform: lowercase;<br />
font-size: 1em;<br />
}<br />
<br />
#toc, .toc {<br />
float: right;<br />
margin-left: 1em;<br />
max-width: 45%;<br />
background-color: var(--accent-bg);<br />
border-radius: 5px;<br />
}<br />
.toctitle {<br />
margin-bottom: -1em;<br />
}<br />
#toc h2 {<br />
margin-top: 0.25em;<br />
font-size: 1em;<br />
display: inline-block;<br />
margin-right: 0.5em;<br />
}<br />
#toc ul {<br />
margin: 0;<br />
}<br />
.tocnumber:after {<br />
content: " – ";<br />
}<br />
<br />
table.infobox {<br />
width: initial;<br />
max-width: 45%;<br />
}<br />
table.infobox th.head {<br />
background-color: var(--color-b);<br />
}<br />
th, td {<br />
padding: 0.5em !important;<br />
}<br />
<br />
li {<br />
line-height: initial;<br />
}<br />
<br />
.mw-category-generated {<br />
margin-top: 2em;<br />
}<br />
<br />
/* if no content but only listing subcategories */<br />
.mw-parser-output:empty + .mw-category-generated h2 {<br />
display: none;<br />
}<br />
<br />
/* If only one subcategory, don't list the initial */<br />
.mw-category-generated #mw-pages div:only-of-type h3,<br />
#mw-subcategories div:only-of-type h3 {<br />
/*display: none;*/<br />
}<br />
<br />
/* removes counting of categories */<br />
.mw-category-generated #mw-pages p:first-of-type,<br />
#mw-subcategories p:first-of-type {<br />
display: none;<br />
}<br />
<br />
.group {<br />
margin-top: 5em;<br />
}<br />
#catlinks .label {<br />
border-width: 2px;<br />
border-style: solid;<br />
background-color: transparent;<br />
padding: 2px 6px !important;<br />
}<br />
<br />
/* HEADER ------------------------------------------------------------------ */<br />
.title-name {<br />
font-family: var(--font-title);<br />
font-weight: bold;<br />
}<br />
.title-name:hover {<br />
color: var(--color-a);<br />
}<br />
<br />
<br />
<br />
.top-bar-section .has-form {<br />
background-color: #222 !important;<br />
}<br />
.top-bar-section .has-dropdown > a::after {<br />
display: none;<br />
}<br />
.top-bar-section .has-dropdown > a {<br />
padding-right: initial !important;<br />
}<br />
.top-bar-section .dropdown li {<br />
width: initial;<br />
/*height: 2em;*/<br />
position: relative;<br />
padding: 0;<br />
border-bottom: 1px solid lightgray;<br />
}<br />
.top-bar-section ul li {<br />
padding: 0 0.5em;<br />
background-color: #222;<br />
}<br />
.top-bar-section ul li:hover {<br />
z-index: 1000;<br />
}<br />
.top-bar-section ul li > a {<br />
font-size: 16px;<br />
padding: 0;<br />
font-weight: bold;<br />
}<br />
<br />
li#p-menu > a {<br />
text-transform: uppercase;<br />
padding: 0;<br />
}<br />
li#p-menu > a + ul li {<br />
outline: 1px solid #00a393;<br />
}<br />
<br />
.top-bar-section .dropdown li:not(.has-form):not(.active):hover > a:not(.button) {<br />
background: linear-gradient(90deg,var(--color-a), var(--color-b));<br />
}<br />
li#p-menu + li.has-dropdown {<br />
width: 3em;<br />
text-align: center;<br />
}<br />
li#p-menu + li.has-dropdown > a {<br />
border-radius: 100%;<br />
padding: 0;<br />
text-align: center;<br />
line-height: 30px;<br />
margin: auto;<br />
display: inline-block;<br />
width: 30px;<br />
box-sizing: border-box;<br />
height: 30px;<br />
}<br />
.not-logged-in #top-bar-right li:nth-child(3) {<br />
display: none;<br />
}<br />
<br />
#toolbox-dropdown li, #personal-tools-dropdown .dropdown li {<br />
float: right;<br />
}<br />
<br />
.back h5 {<br />
font-size: 2em !important;<br />
}<br />
a.parent-link {<br />
color: var(--color-b) !important;<br />
font-weight: bold !important;<br />
}<br />
<br />
/* CONTENT ------------------------------------------------------------------ */<br />
#page-content {<br />
margin: 1em;<br />
color: var(--text);<br />
}<br />
#english {<br />
position: relative;<br />
top: -1.5em;<br />
}<br />
<br />
h1, h2, h3, h4, h5, h6 {<br />
margin-top: 2em;<br />
color: var(--color-b);<br />
line-height: 1.5em;<br />
font-family: var(--font-body);<br />
}<br />
h1, h1#firstHeading, h2 {<br />
font-family: var(--font-title);<br />
font-size: 1.5em;<br />
}<br />
<br />
h1 {<br />
color: var(--color-a);<br />
}<br />
h2 span {<br />
display: initial;<br />
}<br />
h3 {<br />
font-family: var(--font-title);<br />
font-size: 1em;<br />
}<br />
body.action-view #page-content a {<br />
border-image: linear-gradient(to right, var(--color-a), var(--color-b));<br />
border-bottom-width: 2px;<br />
border-image-slice: 1;<br />
color: var(--text);<br />
border-bottom-style: solid;<br />
padding: 3px 5px 1px;<br />
<br />
}<br />
#page-content a:hover,<br />
#catlinks .label:hover {<br />
background-color: var(--color-a);<br />
color: black !important;<br />
}<br />
/* Removes user name */<br />
h3#tagline {<br />
display: none;<br />
}<br />
#bodyContent {<br />
margin-top: 3em;<br />
}<br />
<br />
#page-content ul, #page-content ol {<br />
font-size: 1em;<br />
margin-top: var(--line-height) !important;<br />
margin-bottom: var(--line-height) !important;<br />
}<br />
div {<br />
line-height: 1.4em ;<br />
}<br />
label {<br />
color: var(--text-light);<br />
}<br />
label[for="wpCaptchaWord"]{<br />
background-color: orangered;<br />
}<br />
code, pre {<br />
color: darkgrey;<br />
background-color: #181818;<br />
border: 1px solid darkgrey;<br />
border-radius:3px;<br />
font-size: 0.8em;<br />
padding: 1ch;<br />
}<br />
<br />
<br />
/* ACTUALITÉS ------------------------------------------------------------------ */<br />
.medialisting {<br />
display: flex;<br />
flex-wrap: wrap;<br />
}<br />
.medialisting a {<br />
border: 0 !important;<br />
}<br />
.Media {<br />
display: flex;<br />
align-items: flex-start;<br />
margin-bottom: 1em;<br />
flex-direction: column;<br />
flex-basis: 32%;<br />
box-sizing: border-box;<br />
justify-content: center;<br />
padding: 0.5em;<br />
background: radial-gradient(var(--color-a) -31%, transparent 60%);<br />
}<br />
.Media:nth-child(2n) {<br />
background: radial-gradient(var(--color-b) -31%, transparent 60%);<br />
}<br />
.Media-body {<br />
flex: initial;<br />
}<br />
<br />
.flexgal {<br />
display: flex;<br />
flex-wrap: wrap;<br />
}<br />
<br />
/* THUMBNAILS ------------------------------------------------------------------ */<br />
.thumbinner {<br />
background-color: var(--accent-bg);<br />
}<br />
.thumb.tleft {<br />
margin-right: 2em;<br />
}<br />
.Media-figure a,<br />
.image.fancybox {<br />
display: inline-block;<br />
}<br />
.magnify a {<br />
text-indent: 0;<br />
width: 25px;<br />
height: 25px;<br />
border-style: solid;<br />
border-width: 2px;<br />
line-height: 15px;<br />
}<br />
.magnify a:before {<br />
content: "+";<br />
font-family: FontAwesome;<br />
font-size: 20px;<br />
}<br />
<br />
/* MEDIA QUERIES ------------------------------------------------------------------ */<br />
@media (max-width: 800px) {<br />
div.tleft, div.floatleft, table.floatleft {<br />
width: 100%;<br />
margin-bottom: 3em;<br />
}<br />
#toc {<br />
max-width: initial;<br />
width: 100%;<br />
margin-left: 0;<br />
<br />
<br />
}<br />
}<br />
@media only screen and (max-width: 600px) {<br />
.top-bar,<br />
.top-bar-section,<br />
#top-bar-right,<br />
#top-bar-right .columns {<br />
display: inherit;<br />
}<br />
.top-bar.expanded {<br />
flex-wrap: wrap;<br />
}<br />
.top-bar.expanded .title-area {<br />
display: flex;<br />
flex-grow: 1;<br />
justify-content: space-between;<br />
}<br />
.top-bar.expanded .top-bar,<br />
.top-bar.expanded .top-bar-section,<br />
.top-bar.expanded #top-bar-right,<br />
.top-bar.expanded #top-bar-right .columns {<br />
display: flex;<br />
align-items: center;<br />
}<br />
.divider.show-for-small {<br />
display: none !important;<br />
}<br />
}<br />
<br />
/* Formulaire d'edition ------------------------------------------------------------------ */<br />
#editform<br />
{<br />
margin-top: -5vh;<br />
}</div>
Olfz3b
https://wiki.erg.be/mw/index.php?title=MediaWiki:Ouroboros.css&diff=22181
MediaWiki:Ouroboros.css
2024-01-25T01:09:13Z
<p>Olfz3b : </p>
<hr />
<div>/*<br />
_ ______ _____ _ _______ _ _ _________ _ _ ______ __ __ ______ <br />
| | | ____| / ____| |/ /_ _| \ | | / /__ __| | | | ____| \/ | ____|<br />
| | | |__ | (___ | ' / | | | \| | / / | | | |__| | |__ | \ / | |__ <br />
| | | __| \___ \| < | | | . ` | / / | | | __ | __| | |\/| | __| <br />
| |____| |____ ____) | . \ _| |_| |\ |/ / | | | | | | |____| | | | |____ <br />
|______|______|_|_____/|_|\_\_____|_|_\_/_/___ _ |_| |_| |_|______|_| |_|______|<br />
/ __ \| ____| ____|_ _/ ____|_ _| ____| | <br />
| | | | |__ | |__ | || | | | | |__ | | <br />
| | | | __| | __| | || | | | | __| | | <br />
| |__| | | | | _| || |____ _| |_| |____| |____ <br />
\____/|_|____|_| |_____\_____|_____|______|______| <br />
| __ \| ____| <br />
| | | | |__ <br />
| | | | __| <br />
| |__| | |____ <br />
|_____/|______|_ _____ _____ <br />
| | | ____| __ \ / ____| <br />
| | | |__ | |__) | | __ <br />
| | | __| | _ /| | |_ | <br />
| |____ | |____| | \ \| |__| | <br />
|______| |______|_| \_\\_____| <br />
<br />
<br />
*/<br />
<br />
<br />
@font-face {<br />
font-family: Combined;<br />
src: url("/mw/skins/foreground/assets/fonts/combined.otf");<br />
}<br />
@font-face {<br />
font-family: Lucette;<br />
src: url("/mw/skins/foreground/assets/fonts/LUCETTE/font/otf/Lucette-Regular.otf");<br />
src: url("/mw/skins/foreground/assets/fonts/LUCETTE/font/ttf/Lucette-Regular.ttf");<br />
src: url("/mw/skins/foreground/assets/fonts/LUCETTE/font/woff/Lucette-Regular.woff");<br />
src: url("/mw/skins/foreground/assets/fonts/LUCETTE/font/woff2/Lucette-Regular.woff2");<br />
}<br />
@font-face {<br />
font-family: Lucette;<br />
src: url("/mw/skins/foreground/assets/fonts/LUCETTE/font/otf/Lucette-Regularitalic.otf");<br />
src: url("/mw/skins/foreground/assets/fonts/LUCETTE/font/ttf/Lucette-Regularitalic.ttf");<br />
src: url("/mw/skins/foreground/assets/fonts/LUCETTE/font/woff/Lucette-Regularitalic.woff");<br />
src: url("/mw/skins/foreground/assets/fonts/LUCETTE/font/woff2/Lucette-Regularitalic.woff2");<br />
font-style: italic;<br />
}<br />
/*<br />
@font-face {<br />
font-family: Vega;<br />
src: url("/mw/skins/foreground/assets/fonts/otf/Vega-Regular.otf");<br />
src: url("/mw/skins/foreground/assets/fonts/Vega-Regular.ttf") format("truetype");<br />
src: url("/mw/skins/foreground/assets/fonts/Vega-Regular-Webfont.svg" format("svg"));<br />
src: url("/mw/skins/foreground/assets/fonts/Vega-Regular.woff" format("woff"));<br />
src: url("/mw/skins/foreground/assets/fonts/Vega-Regular.woff2") format("woff2");<br />
}<br />
*/<br />
<br />
<br />
<br />
<br />
/* Global variables. */<br />
:root,<br />
::backdrop {<br />
/* Set sans-serif & mono fonts */<br />
--sans-font: -apple-system, BlinkMacSystemFont, "Avenir Next", Avenir,<br />
"Nimbus Sans L", Roboto, "Noto Sans", "Segoe UI", Arial, Helvetica,<br />
"Helvetica Neue", sans-serif;<br />
--mono-font: Consolas, Menlo, Monaco, "Andale Mono", "Ubuntu Mono", monospace;<br />
--standard-border-radius: 5px;<br />
<br />
/* Default (light) theme */<br />
--bg: #fff;<br />
--accent-bg: #f5f7ff;<br />
--text: #212121;<br />
--text-light: #585858;<br />
--border: #898EA4;<br />
--accent: #0d47a1;<br />
--accent-hover: #1266e2;<br />
--accent-text: var(--bg);<br />
--code: #d81b60;<br />
--preformatted: #444;<br />
--marked: #ffdd33;<br />
--disabled: #efefef;<br />
<br />
--font-title: Combined;<br />
--font-body: Lucette;<br />
--color-a: #a700ff; /* purple */<br />
--color-b: #00ab6b; /* green */<br />
--font-size: 23px;<br />
--line-height: 1.3em;<br />
}<br />
<br />
/* Dark theme */<br />
@media (prefers-color-scheme: dark) { /* the world went cyberpunk and nobody noticed it */<br />
:root,<br />
::backdrop {<br />
color-scheme: dark;<br />
--bg: black;<br />
--accent-bg: #2b2b2b;<br />
--text: white;<br />
--text-light: #ababab;<br />
--accent: #ffb300;<br />
--accent-hover: #ffe099;<br />
--accent-text: var(--bg);<br />
--code: #f06292;<br />
--preformatted: #ccc;<br />
--disabled: #111;<br />
<br />
--font-title: Combined;<br />
--font-body: Lucette;<br />
--color-b: #4da14a ; /* cool green */<br />
--color-a: #4be239; /* nuke green */<br />
--font-size: 23px;<br />
--line-height: 1.3em;<br />
}<br />
}<br />
<br />
/* Reset box-sizing */<br />
*, *::before, *::after {<br />
box-sizing: border-box;<br />
}<br />
<br />
body {<br />
font-family: var(--font-body);<br />
font-size: var(--font-size);<br />
line-height: var(--line-height);<br />
padding-top: 3em;<br />
background-color: var(--bg);<br />
color: var(--text);<br />
}<br />
p {<br />
font-size: var(--font-size);<br />
line-height: var(--line-height);<br />
margin-bottom: 0;<br />
}<br />
p + p {<br />
margin-top: var(--line-height);<br />
}<br />
<br />
/* INTERFACE ------------------------------------------------------------------ */<br />
/* remove category help button (does it remove other stuff? mmm...) */<br />
#mw-indicator-mw-helplink {<br />
display: none;<br />
}<br />
<br />
/* Menu bar, position fixed to be able to grab it to resize the map on mobile devices */<br />
#navwrapper {<br />
position: fixed;<br />
top: 0;<br />
right: 0;<br />
z-index: 1000;<br />
left: 0;<br />
}<br />
<br />
h4.namespace.label {<br />
display: none;<br />
}<br />
<br />
.mw-editsection, .mw-editsection-like {<br />
font-size: 10px;<br />
}<br />
<br />
#actions {<br />
left: initial !important;<br />
right: 14px;<br />
top: -21px;<br />
background-color: var(--accent-bg);<br />
border: 1px solid var(--text-light);<br />
color: var(--text-light);<br />
}<br />
a#actions-button {<br />
margin-top: -1em;<br />
background-color: var(--accent-bg);<br />
padding: 5px;<br />
color: var(--text-light);<br />
}<br />
.fa,<br />
button, .button,<br />
.top-bar-section ul li > a {<br />
font-family: var(--font-body);<br />
}<br />
.fa::before {<br />
font-family: FontAwesome;<br />
}<br />
<br />
.top-bar,<br />
.top-bar-section,<br />
#top-bar-left,<br />
#top-bar-right,<br />
#top-bar-right .columns {<br />
display: flex;<br />
background-color: #222;<br />
align-items: center;<br />
justify-content: space-evenly;<br />
}<br />
#top-bar-left {<br />
width: initial;<br />
}<br />
.top-bar-section {<br />
flex-grow: 1;<br />
}<br />
.has-form {<br />
flex-grow: 1;<br />
padding: 0.5em !important;<br />
}<br />
#top-bar-right {<br />
justify-content: space-between;<br />
flex-grow: 1;<br />
}<br />
.top-bar input {<br />
padding-top: 8px;<br />
flex-grow: 1;<br />
height: 2em;<br />
box-sizing: border-box;<br />
border: 0;<br />
outline: 0;<br />
}<br />
.button.search {<br />
background-color: transparent;<br />
border-style: solid;<br />
border-width: 2px;<br />
border-image: linear-gradient(to right, var(--color-a), var(--color-b));<br />
border-image-slice: 1;<br />
top: 2px !important;<br />
position: relative;<br />
margin-left: 0px !important;<br />
box-sizing: border-box;<br />
padding: 0;<br />
width: 80px;<br />
height: 2em;<br />
margin: 0;<br />
top: 0 !important;<br />
}<br />
.button.search:hover {<br />
background-color: var(--color-a);<br />
}<br />
.suggestions-result-current {<br />
background-color: var(--color-b) !important;<br />
}<br />
<br />
.top-bar .toggle-topbar a {<br />
text-transform: lowercase;<br />
font-size: 1em;<br />
}<br />
<br />
#toc, .toc {<br />
float: right;<br />
margin-left: 1em;<br />
max-width: 45%;<br />
background-color: var(--accent-bg);<br />
border-radius: 5px;<br />
}<br />
.toctitle {<br />
margin-bottom: -1em;<br />
}<br />
#toc h2 {<br />
margin-top: 0.25em;<br />
font-size: 1em;<br />
display: inline-block;<br />
margin-right: 0.5em;<br />
}<br />
#toc ul {<br />
margin: 0;<br />
}<br />
.tocnumber:after {<br />
content: " – ";<br />
}<br />
<br />
table.infobox {<br />
width: initial;<br />
max-width: 45%;<br />
}<br />
table.infobox th.head {<br />
background-color: var(--color-b);<br />
}<br />
th, td {<br />
padding: 0.5em !important;<br />
}<br />
<br />
li {<br />
line-height: initial;<br />
}<br />
<br />
.mw-category-generated {<br />
margin-top: 2em;<br />
}<br />
<br />
/* if no content but only listing subcategories */<br />
.mw-parser-output:empty + .mw-category-generated h2 {<br />
display: none;<br />
}<br />
<br />
/* If only one subcategory, don't list the initial */<br />
.mw-category-generated #mw-pages div:only-of-type h3,<br />
#mw-subcategories div:only-of-type h3 {<br />
/*display: none;*/<br />
}<br />
<br />
/* removes counting of categories */<br />
.mw-category-generated #mw-pages p:first-of-type,<br />
#mw-subcategories p:first-of-type {<br />
display: none;<br />
}<br />
<br />
.group {<br />
margin-top: 5em;<br />
}<br />
#catlinks .label {<br />
border-width: 2px;<br />
border-style: solid;<br />
background-color: transparent;<br />
padding: 2px 6px !important;<br />
}<br />
<br />
/* HEADER ------------------------------------------------------------------ */<br />
.title-name {<br />
font-family: var(--font-title);<br />
font-weight: bold;<br />
}<br />
.title-name:hover {<br />
color: var(--color-a);<br />
}<br />
<br />
<br />
<br />
.top-bar-section .has-form {<br />
background-color: #222 !important;<br />
}<br />
.top-bar-section .has-dropdown > a::after {<br />
display: none;<br />
}<br />
.top-bar-section .has-dropdown > a {<br />
padding-right: initial !important;<br />
}<br />
.top-bar-section .dropdown li {<br />
width: initial;<br />
/*height: 2em;*/<br />
position: relative;<br />
padding: 0;<br />
border-bottom: 1px solid lightgray;<br />
}<br />
.top-bar-section ul li {<br />
padding: 0 0.5em;<br />
background-color: #222;<br />
}<br />
.top-bar-section ul li:hover {<br />
z-index: 1000;<br />
}<br />
.top-bar-section ul li > a {<br />
font-size: 16px;<br />
padding: 0;<br />
font-weight: bold;<br />
}<br />
<br />
li#p-menu > a {<br />
text-transform: uppercase;<br />
padding: 0;<br />
}<br />
li#p-menu > a + ul li {<br />
outline: 1px solid #00a393;<br />
}<br />
<br />
.top-bar-section .dropdown li:not(.has-form):not(.active):hover > a:not(.button) {<br />
background: linear-gradient(90deg,var(--color-a), var(--color-b));<br />
}<br />
li#p-menu + li.has-dropdown {<br />
width: 3em;<br />
text-align: center;<br />
}<br />
li#p-menu + li.has-dropdown > a {<br />
border-radius: 100%;<br />
padding: 0;<br />
text-align: center;<br />
line-height: 30px;<br />
margin: auto;<br />
display: inline-block;<br />
width: 30px;<br />
box-sizing: border-box;<br />
height: 30px;<br />
}<br />
.not-logged-in #top-bar-right li:nth-child(3) {<br />
display: none;<br />
}<br />
<br />
#toolbox-dropdown li, #personal-tools-dropdown .dropdown li {<br />
float: right;<br />
}<br />
<br />
.back h5 {<br />
font-size: 2em !important;<br />
}<br />
a.parent-link {<br />
color: var(--color-b) !important;<br />
font-weight: bold !important;<br />
}<br />
<br />
/* CONTENT ------------------------------------------------------------------ */<br />
#page-content {<br />
margin: 1em;<br />
color: var(--text);<br />
}<br />
#english {<br />
position: relative;<br />
top: -1.5em;<br />
}<br />
<br />
h1, h2, h3, h4, h5, h6 {<br />
margin-top: 2em;<br />
color: var(--color-b);<br />
line-height: 1.5em;<br />
font-family: var(--font-body);<br />
}<br />
h1, h1#firstHeading, h2 {<br />
font-family: var(--font-title);<br />
font-size: 1.5em;<br />
}<br />
<br />
h1 {<br />
color: var(--color-a);<br />
}<br />
h2 span {<br />
display: initial;<br />
}<br />
h3 {<br />
font-family: var(--font-title);<br />
font-size: 1em;<br />
}<br />
body.action-view #page-content a {<br />
border-image: linear-gradient(to right, var(--color-a), var(--color-b));<br />
border-bottom-width: 2px;<br />
border-image-slice: 1;<br />
color: var(--text);<br />
border-bottom-style: solid;<br />
padding: 3px 5px 1px;<br />
<br />
}<br />
#page-content a:hover,<br />
#catlinks .label:hover {<br />
background-color: var(--color-a);<br />
color: white !important;<br />
}<br />
/* Removes user name */<br />
h3#tagline {<br />
display: none;<br />
}<br />
#bodyContent {<br />
margin-top: 3em;<br />
}<br />
<br />
#page-content ul, #page-content ol {<br />
font-size: 1em;<br />
margin-top: var(--line-height) !important;<br />
margin-bottom: var(--line-height) !important;<br />
}<br />
div {<br />
line-height: 1.4em ;<br />
}<br />
label {<br />
color: var(--text-light);<br />
}<br />
label[for="wpCaptchaWord"]{<br />
background-color: orangered;<br />
}<br />
code, pre {<br />
color: darkgrey;<br />
background-color: #181818;<br />
border: 1px solid darkgrey;<br />
border-radius:3px;<br />
font-size: 0.8em;<br />
padding: 1ch;<br />
}<br />
<br />
<br />
/* ACTUALITÉS ------------------------------------------------------------------ */<br />
.medialisting {<br />
display: flex;<br />
flex-wrap: wrap;<br />
}<br />
.medialisting a {<br />
border: 0 !important;<br />
}<br />
.Media {<br />
display: flex;<br />
align-items: flex-start;<br />
margin-bottom: 1em;<br />
flex-direction: column;<br />
flex-basis: 32%;<br />
box-sizing: border-box;<br />
justify-content: center;<br />
padding: 0.5em;<br />
background: radial-gradient(var(--color-a) -31%, transparent 60%);<br />
}<br />
.Media:nth-child(2n) {<br />
background: radial-gradient(var(--color-b) -31%, transparent 60%);<br />
}<br />
.Media-body {<br />
flex: initial;<br />
}<br />
<br />
.flexgal {<br />
display: flex;<br />
flex-wrap: wrap;<br />
}<br />
<br />
/* THUMBNAILS ------------------------------------------------------------------ */<br />
.thumbinner {<br />
background-color: var(--accent-bg);<br />
}<br />
.thumb.tleft {<br />
margin-right: 2em;<br />
}<br />
.Media-figure a,<br />
.image.fancybox {<br />
display: inline-block;<br />
}<br />
.magnify a {<br />
text-indent: 0;<br />
width: 25px;<br />
height: 25px;<br />
border-style: solid;<br />
border-width: 2px;<br />
line-height: 15px;<br />
}<br />
.magnify a:before {<br />
content: "+";<br />
font-family: FontAwesome;<br />
font-size: 20px;<br />
}<br />
<br />
/* MEDIA QUERIES ------------------------------------------------------------------ */<br />
@media (max-width: 800px) {<br />
div.tleft, div.floatleft, table.floatleft {<br />
width: 100%;<br />
margin-bottom: 3em;<br />
}<br />
#toc {<br />
max-width: initial;<br />
width: 100%;<br />
margin-left: 0;<br />
<br />
<br />
}<br />
}<br />
@media only screen and (max-width: 600px) {<br />
.top-bar,<br />
.top-bar-section,<br />
#top-bar-right,<br />
#top-bar-right .columns {<br />
display: inherit;<br />
}<br />
.top-bar.expanded {<br />
flex-wrap: wrap;<br />
}<br />
.top-bar.expanded .title-area {<br />
display: flex;<br />
flex-grow: 1;<br />
justify-content: space-between;<br />
}<br />
.top-bar.expanded .top-bar,<br />
.top-bar.expanded .top-bar-section,<br />
.top-bar.expanded #top-bar-right,<br />
.top-bar.expanded #top-bar-right .columns {<br />
display: flex;<br />
align-items: center;<br />
}<br />
.divider.show-for-small {<br />
display: none !important;<br />
}<br />
}<br />
<br />
/* Formulaire d'edition ------------------------------------------------------------------ */<br />
#editform<br />
{<br />
margin-top: -5vh;<br />
}</div>
Olfz3b
https://wiki.erg.be/mw/index.php?title=MediaWiki:Ouroboros.css&diff=22180
MediaWiki:Ouroboros.css
2024-01-25T01:06:44Z
<p>Olfz3b : </p>
<hr />
<div>/*<br />
_ ______ _____ _ _______ _ _ _________ _ _ ______ __ __ ______ <br />
| | | ____| / ____| |/ /_ _| \ | | / /__ __| | | | ____| \/ | ____|<br />
| | | |__ | (___ | ' / | | | \| | / / | | | |__| | |__ | \ / | |__ <br />
| | | __| \___ \| < | | | . ` | / / | | | __ | __| | |\/| | __| <br />
| |____| |____ ____) | . \ _| |_| |\ |/ / | | | | | | |____| | | | |____ <br />
|______|______|_|_____/|_|\_\_____|_|_\_/_/___ _ |_| |_| |_|______|_| |_|______|<br />
/ __ \| ____| ____|_ _/ ____|_ _| ____| | <br />
| | | | |__ | |__ | || | | | | |__ | | <br />
| | | | __| | __| | || | | | | __| | | <br />
| |__| | | | | _| || |____ _| |_| |____| |____ <br />
\____/|_|____|_| |_____\_____|_____|______|______| <br />
| __ \| ____| <br />
| | | | |__ <br />
| | | | __| <br />
| |__| | |____ <br />
|_____/|______|_ _____ _____ <br />
| | | ____| __ \ / ____| <br />
| | | |__ | |__) | | __ <br />
| | | __| | _ /| | |_ | <br />
| |____ | |____| | \ \| |__| | <br />
|______| |______|_| \_\\_____| <br />
<br />
<br />
*/<br />
<br />
<br />
@font-face {<br />
font-family: Combined;<br />
src: url("/mw/skins/foreground/assets/fonts/combined.otf");<br />
}<br />
@font-face {<br />
font-family: Lucette;<br />
src: url("/mw/skins/foreground/assets/fonts/LUCETTE/font/otf/Lucette-Regular.otf");<br />
src: url("/mw/skins/foreground/assets/fonts/LUCETTE/font/ttf/Lucette-Regular.ttf");<br />
src: url("/mw/skins/foreground/assets/fonts/LUCETTE/font/woff/Lucette-Regular.woff");<br />
src: url("/mw/skins/foreground/assets/fonts/LUCETTE/font/woff2/Lucette-Regular.woff2");<br />
}<br />
@font-face {<br />
font-family: Lucette;<br />
src: url("/mw/skins/foreground/assets/fonts/LUCETTE/font/otf/Lucette-Regularitalic.otf");<br />
src: url("/mw/skins/foreground/assets/fonts/LUCETTE/font/ttf/Lucette-Regularitalic.ttf");<br />
src: url("/mw/skins/foreground/assets/fonts/LUCETTE/font/woff/Lucette-Regularitalic.woff");<br />
src: url("/mw/skins/foreground/assets/fonts/LUCETTE/font/woff2/Lucette-Regularitalic.woff2");<br />
font-style: italic;<br />
}<br />
/*<br />
@font-face {<br />
font-family: Vega;<br />
src: url("/mw/skins/foreground/assets/fonts/otf/Vega-Regular.otf");<br />
src: url("/mw/skins/foreground/assets/fonts/Vega-Regular.ttf") format("truetype");<br />
src: url("/mw/skins/foreground/assets/fonts/Vega-Regular-Webfont.svg" format("svg"));<br />
src: url("/mw/skins/foreground/assets/fonts/Vega-Regular.woff" format("woff"));<br />
src: url("/mw/skins/foreground/assets/fonts/Vega-Regular.woff2") format("woff2");<br />
}<br />
*/<br />
<br />
<br />
<br />
<br />
/* Global variables. */<br />
:root,<br />
::backdrop {<br />
/* Set sans-serif & mono fonts */<br />
--sans-font: -apple-system, BlinkMacSystemFont, "Avenir Next", Avenir,<br />
"Nimbus Sans L", Roboto, "Noto Sans", "Segoe UI", Arial, Helvetica,<br />
"Helvetica Neue", sans-serif;<br />
--mono-font: Consolas, Menlo, Monaco, "Andale Mono", "Ubuntu Mono", monospace;<br />
--standard-border-radius: 5px;<br />
<br />
/* Default (light) theme */<br />
--bg: #fff;<br />
--accent-bg: #f5f7ff;<br />
--text: #212121;<br />
--text-light: #585858;<br />
--border: #898EA4;<br />
--accent: #0d47a1;<br />
--accent-hover: #1266e2;<br />
--accent-text: var(--bg);<br />
--code: #d81b60;<br />
--preformatted: #444;<br />
--marked: #ffdd33;<br />
--disabled: #efefef;<br />
<br />
--font-title: Combined;<br />
--font-body: Lucette;<br />
--color-a: #a700ff; /* purple */<br />
--color-b: #00ab6b; /* green */<br />
--font-size: 23px;<br />
--line-height: 1.3em;<br />
}<br />
<br />
/* Dark theme */<br />
@media (prefers-color-scheme: dark) { /* the world went cyberpunk and nobody noticed it */<br />
:root,<br />
::backdrop {<br />
color-scheme: dark;<br />
--bg: black;<br />
--accent-bg: #2b2b2b;<br />
--text: white;<br />
--text-light: #ababab;<br />
--accent: #ffb300;<br />
--accent-hover: #ffe099;<br />
--accent-text: var(--bg);<br />
--code: #f06292;<br />
--preformatted: #ccc;<br />
--disabled: #111;<br />
<br />
--font-title: Combined;<br />
--font-body: Lucette;<br />
--color-a: #4da14a ; /* cool green */<br />
--color-b: #4be239; /* nuke green */<br />
--font-size: 23px;<br />
--line-height: 1.3em;<br />
}<br />
}<br />
<br />
/* Reset box-sizing */<br />
*, *::before, *::after {<br />
box-sizing: border-box;<br />
}<br />
<br />
body {<br />
font-family: var(--font-body);<br />
font-size: var(--font-size);<br />
line-height: var(--line-height);<br />
padding-top: 3em;<br />
background-color: var(--bg);<br />
color: var(--text);<br />
}<br />
p {<br />
font-size: var(--font-size);<br />
line-height: var(--line-height);<br />
margin-bottom: 0;<br />
}<br />
p + p {<br />
margin-top: var(--line-height);<br />
}<br />
<br />
/* INTERFACE ------------------------------------------------------------------ */<br />
/* remove category help button (does it remove other stuff? mmm...) */<br />
#mw-indicator-mw-helplink {<br />
display: none;<br />
}<br />
<br />
/* Menu bar, position fixed to be able to grab it to resize the map on mobile devices */<br />
#navwrapper {<br />
position: fixed;<br />
top: 0;<br />
right: 0;<br />
z-index: 1000;<br />
left: 0;<br />
}<br />
<br />
h4.namespace.label {<br />
display: none;<br />
}<br />
<br />
.mw-editsection, .mw-editsection-like {<br />
font-size: 10px;<br />
}<br />
<br />
#actions {<br />
left: initial !important;<br />
right: 14px;<br />
top: -21px;<br />
background-color: var(--accent-bg);<br />
border: 1px solid var(--text-light);<br />
color: var(--text-light);<br />
}<br />
a#actions-button {<br />
margin-top: -1em;<br />
background-color: var(--accent-bg);<br />
padding: 5px;<br />
color: var(--text-light);<br />
}<br />
.fa,<br />
button, .button,<br />
.top-bar-section ul li > a {<br />
font-family: var(--font-body);<br />
}<br />
.fa::before {<br />
font-family: FontAwesome;<br />
}<br />
<br />
.top-bar,<br />
.top-bar-section,<br />
#top-bar-left,<br />
#top-bar-right,<br />
#top-bar-right .columns {<br />
display: flex;<br />
background-color: #222;<br />
align-items: center;<br />
justify-content: space-evenly;<br />
}<br />
#top-bar-left {<br />
width: initial;<br />
}<br />
.top-bar-section {<br />
flex-grow: 1;<br />
}<br />
.has-form {<br />
flex-grow: 1;<br />
padding: 0.5em !important;<br />
}<br />
#top-bar-right {<br />
justify-content: space-between;<br />
flex-grow: 1;<br />
}<br />
.top-bar input {<br />
padding-top: 8px;<br />
flex-grow: 1;<br />
height: 2em;<br />
box-sizing: border-box;<br />
border: 0;<br />
outline: 0;<br />
}<br />
.button.search {<br />
background-color: transparent;<br />
border-style: solid;<br />
border-width: 2px;<br />
border-image: linear-gradient(to right, var(--color-a), var(--color-b));<br />
border-image-slice: 1;<br />
top: 2px !important;<br />
position: relative;<br />
margin-left: 0px !important;<br />
box-sizing: border-box;<br />
padding: 0;<br />
width: 80px;<br />
height: 2em;<br />
margin: 0;<br />
top: 0 !important;<br />
}<br />
.button.search:hover {<br />
background-color: var(--color-a);<br />
}<br />
.suggestions-result-current {<br />
background-color: var(--color-b) !important;<br />
}<br />
<br />
.top-bar .toggle-topbar a {<br />
text-transform: lowercase;<br />
font-size: 1em;<br />
}<br />
<br />
#toc, .toc {<br />
float: right;<br />
margin-left: 1em;<br />
max-width: 45%;<br />
background-color: var(--accent-bg);<br />
border-radius: 5px;<br />
}<br />
.toctitle {<br />
margin-bottom: -1em;<br />
}<br />
#toc h2 {<br />
margin-top: 0.25em;<br />
font-size: 1em;<br />
display: inline-block;<br />
margin-right: 0.5em;<br />
}<br />
#toc ul {<br />
margin: 0;<br />
}<br />
.tocnumber:after {<br />
content: " – ";<br />
}<br />
<br />
table.infobox {<br />
width: initial;<br />
max-width: 45%;<br />
}<br />
table.infobox th.head {<br />
background-color: var(--color-b);<br />
}<br />
th, td {<br />
padding: 0.5em !important;<br />
}<br />
<br />
li {<br />
line-height: initial;<br />
}<br />
<br />
.mw-category-generated {<br />
margin-top: 2em;<br />
}<br />
<br />
/* if no content but only listing subcategories */<br />
.mw-parser-output:empty + .mw-category-generated h2 {<br />
display: none;<br />
}<br />
<br />
/* If only one subcategory, don't list the initial */<br />
.mw-category-generated #mw-pages div:only-of-type h3,<br />
#mw-subcategories div:only-of-type h3 {<br />
/*display: none;*/<br />
}<br />
<br />
/* removes counting of categories */<br />
.mw-category-generated #mw-pages p:first-of-type,<br />
#mw-subcategories p:first-of-type {<br />
display: none;<br />
}<br />
<br />
.group {<br />
margin-top: 5em;<br />
}<br />
#catlinks .label {<br />
border-width: 2px;<br />
border-style: solid;<br />
background-color: transparent;<br />
padding: 2px 6px !important;<br />
}<br />
<br />
/* HEADER ------------------------------------------------------------------ */<br />
.title-name {<br />
font-family: var(--font-title);<br />
font-weight: bold;<br />
}<br />
.title-name:hover {<br />
color: var(--color-a);<br />
}<br />
<br />
<br />
<br />
.top-bar-section .has-form {<br />
background-color: #222 !important;<br />
}<br />
.top-bar-section .has-dropdown > a::after {<br />
display: none;<br />
}<br />
.top-bar-section .has-dropdown > a {<br />
padding-right: initial !important;<br />
}<br />
.top-bar-section .dropdown li {<br />
width: initial;<br />
/*height: 2em;*/<br />
position: relative;<br />
padding: 0;<br />
border-bottom: 1px solid lightgray;<br />
}<br />
.top-bar-section ul li {<br />
padding: 0 0.5em;<br />
background-color: #222;<br />
}<br />
.top-bar-section ul li:hover {<br />
z-index: 1000;<br />
}<br />
.top-bar-section ul li > a {<br />
font-size: 16px;<br />
padding: 0;<br />
font-weight: bold;<br />
}<br />
<br />
li#p-menu > a {<br />
text-transform: uppercase;<br />
padding: 0;<br />
}<br />
li#p-menu > a + ul li {<br />
outline: 1px solid #00a393;<br />
}<br />
<br />
.top-bar-section .dropdown li:not(.has-form):not(.active):hover > a:not(.button) {<br />
background: linear-gradient(90deg,var(--color-a), var(--color-b));<br />
}<br />
li#p-menu + li.has-dropdown {<br />
width: 3em;<br />
text-align: center;<br />
}<br />
li#p-menu + li.has-dropdown > a {<br />
border-radius: 100%;<br />
padding: 0;<br />
text-align: center;<br />
line-height: 30px;<br />
margin: auto;<br />
display: inline-block;<br />
width: 30px;<br />
box-sizing: border-box;<br />
height: 30px;<br />
}<br />
.not-logged-in #top-bar-right li:nth-child(3) {<br />
display: none;<br />
}<br />
<br />
#toolbox-dropdown li, #personal-tools-dropdown .dropdown li {<br />
float: right;<br />
}<br />
<br />
.back h5 {<br />
font-size: 2em !important;<br />
}<br />
a.parent-link {<br />
color: var(--color-b) !important;<br />
font-weight: bold !important;<br />
}<br />
<br />
/* CONTENT ------------------------------------------------------------------ */<br />
#page-content {<br />
margin: 1em;<br />
color: var(--text);<br />
}<br />
#english {<br />
position: relative;<br />
top: -1.5em;<br />
}<br />
<br />
h1, h2, h3, h4, h5, h6 {<br />
margin-top: 2em;<br />
color: var(--color-b);<br />
line-height: 1.5em;<br />
font-family: var(--font-body);<br />
}<br />
h1, h1#firstHeading, h2 {<br />
font-family: var(--font-title);<br />
font-size: 1.5em;<br />
}<br />
<br />
h1 {<br />
color: var(--color-a);<br />
}<br />
h2 span {<br />
display: initial;<br />
}<br />
h3 {<br />
font-family: var(--font-title);<br />
font-size: 1em;<br />
}<br />
body.action-view #page-content a {<br />
border-image: linear-gradient(to right, var(--color-a), var(--color-b));<br />
border-bottom-width: 2px;<br />
border-image-slice: 1;<br />
color: var(--text);<br />
border-bottom-style: solid;<br />
padding: 3px 5px 1px;<br />
<br />
}<br />
#page-content a:hover,<br />
#catlinks .label:hover {<br />
background-color: var(--color-a);<br />
color: white !important;<br />
}<br />
/* Removes user name */<br />
h3#tagline {<br />
display: none;<br />
}<br />
#bodyContent {<br />
margin-top: 3em;<br />
}<br />
<br />
#page-content ul, #page-content ol {<br />
font-size: 1em;<br />
margin-top: var(--line-height) !important;<br />
margin-bottom: var(--line-height) !important;<br />
}<br />
div {<br />
line-height: 1.4em ;<br />
}<br />
label {<br />
color: var(--text-light);<br />
}<br />
label[for="wpCaptchaWord"]{<br />
background-color: orangered;<br />
}<br />
code, pre {<br />
color: darkgrey;<br />
background-color: #181818;<br />
border: 1px solid darkgrey;<br />
border-radius:3px;<br />
font-size: 0.8em;<br />
padding: 1ch;<br />
}<br />
<br />
<br />
/* ACTUALITÉS ------------------------------------------------------------------ */<br />
.medialisting {<br />
display: flex;<br />
flex-wrap: wrap;<br />
}<br />
.medialisting a {<br />
border: 0 !important;<br />
}<br />
.Media {<br />
display: flex;<br />
align-items: flex-start;<br />
margin-bottom: 1em;<br />
flex-direction: column;<br />
flex-basis: 32%;<br />
box-sizing: border-box;<br />
justify-content: center;<br />
padding: 0.5em;<br />
background: radial-gradient(var(--color-a) -31%, transparent 60%);<br />
}<br />
.Media:nth-child(2n) {<br />
background: radial-gradient(var(--color-b) -31%, transparent 60%);<br />
}<br />
.Media-body {<br />
flex: initial;<br />
}<br />
<br />
.flexgal {<br />
display: flex;<br />
flex-wrap: wrap;<br />
}<br />
<br />
/* THUMBNAILS ------------------------------------------------------------------ */<br />
.thumbinner {<br />
background-color: var(--accent-bg);<br />
}<br />
.thumb.tleft {<br />
margin-right: 2em;<br />
}<br />
.Media-figure a,<br />
.image.fancybox {<br />
display: inline-block;<br />
}<br />
.magnify a {<br />
text-indent: 0;<br />
width: 25px;<br />
height: 25px;<br />
border-style: solid;<br />
border-width: 2px;<br />
line-height: 15px;<br />
}<br />
.magnify a:before {<br />
content: "+";<br />
font-family: FontAwesome;<br />
font-size: 20px;<br />
}<br />
<br />
/* MEDIA QUERIES ------------------------------------------------------------------ */<br />
@media (max-width: 800px) {<br />
div.tleft, div.floatleft, table.floatleft {<br />
width: 100%;<br />
margin-bottom: 3em;<br />
}<br />
#toc {<br />
max-width: initial;<br />
width: 100%;<br />
margin-left: 0;<br />
<br />
<br />
}<br />
}<br />
@media only screen and (max-width: 600px) {<br />
.top-bar,<br />
.top-bar-section,<br />
#top-bar-right,<br />
#top-bar-right .columns {<br />
display: inherit;<br />
}<br />
.top-bar.expanded {<br />
flex-wrap: wrap;<br />
}<br />
.top-bar.expanded .title-area {<br />
display: flex;<br />
flex-grow: 1;<br />
justify-content: space-between;<br />
}<br />
.top-bar.expanded .top-bar,<br />
.top-bar.expanded .top-bar-section,<br />
.top-bar.expanded #top-bar-right,<br />
.top-bar.expanded #top-bar-right .columns {<br />
display: flex;<br />
align-items: center;<br />
}<br />
.divider.show-for-small {<br />
display: none !important;<br />
}<br />
}<br />
<br />
/* Formulaire d'edition ------------------------------------------------------------------ */<br />
#editform<br />
{<br />
margin-top: -5vh;<br />
}</div>
Olfz3b
https://wiki.erg.be/mw/index.php?title=MediaWiki:Ouroboros.css&diff=22179
MediaWiki:Ouroboros.css
2024-01-25T01:05:27Z
<p>Olfz3b : </p>
<hr />
<div>/*<br />
_ ______ _____ _ _______ _ _ _________ _ _ ______ __ __ ______ <br />
| | | ____| / ____| |/ /_ _| \ | | / /__ __| | | | ____| \/ | ____|<br />
| | | |__ | (___ | ' / | | | \| | / / | | | |__| | |__ | \ / | |__ <br />
| | | __| \___ \| < | | | . ` | / / | | | __ | __| | |\/| | __| <br />
| |____| |____ ____) | . \ _| |_| |\ |/ / | | | | | | |____| | | | |____ <br />
|______|______|_|_____/|_|\_\_____|_|_\_/_/___ _ |_| |_| |_|______|_| |_|______|<br />
/ __ \| ____| ____|_ _/ ____|_ _| ____| | <br />
| | | | |__ | |__ | || | | | | |__ | | <br />
| | | | __| | __| | || | | | | __| | | <br />
| |__| | | | | _| || |____ _| |_| |____| |____ <br />
\____/|_|____|_| |_____\_____|_____|______|______| <br />
| __ \| ____| <br />
| | | | |__ <br />
| | | | __| <br />
| |__| | |____ <br />
|_____/|______|_ _____ _____ <br />
| | | ____| __ \ / ____| <br />
| | | |__ | |__) | | __ <br />
| | | __| | _ /| | |_ | <br />
| |____ | |____| | \ \| |__| | <br />
|______| |______|_| \_\\_____| <br />
<br />
<br />
*/<br />
<br />
<br />
@font-face {<br />
font-family: Combined;<br />
src: url("/mw/skins/foreground/assets/fonts/combined.otf");<br />
}<br />
@font-face {<br />
font-family: Lucette;<br />
src: url("/mw/skins/foreground/assets/fonts/LUCETTE/font/otf/Lucette-Regular.otf");<br />
src: url("/mw/skins/foreground/assets/fonts/LUCETTE/font/ttf/Lucette-Regular.ttf");<br />
src: url("/mw/skins/foreground/assets/fonts/LUCETTE/font/woff/Lucette-Regular.woff");<br />
src: url("/mw/skins/foreground/assets/fonts/LUCETTE/font/woff2/Lucette-Regular.woff2");<br />
}<br />
@font-face {<br />
font-family: Lucette;<br />
src: url("/mw/skins/foreground/assets/fonts/LUCETTE/font/otf/Lucette-Regularitalic.otf");<br />
src: url("/mw/skins/foreground/assets/fonts/LUCETTE/font/ttf/Lucette-Regularitalic.ttf");<br />
src: url("/mw/skins/foreground/assets/fonts/LUCETTE/font/woff/Lucette-Regularitalic.woff");<br />
src: url("/mw/skins/foreground/assets/fonts/LUCETTE/font/woff2/Lucette-Regularitalic.woff2");<br />
font-style: italic;<br />
}<br />
/*<br />
@font-face {<br />
font-family: Vega;<br />
src: url("/mw/skins/foreground/assets/fonts/otf/Vega-Regular.otf");<br />
src: url("/mw/skins/foreground/assets/fonts/Vega-Regular.ttf") format("truetype");<br />
src: url("/mw/skins/foreground/assets/fonts/Vega-Regular-Webfont.svg" format("svg"));<br />
src: url("/mw/skins/foreground/assets/fonts/Vega-Regular.woff" format("woff"));<br />
src: url("/mw/skins/foreground/assets/fonts/Vega-Regular.woff2") format("woff2");<br />
}<br />
*/<br />
<br />
<br />
<br />
<br />
/* Global variables. */<br />
:root,<br />
::backdrop {<br />
/* Set sans-serif & mono fonts */<br />
--sans-font: -apple-system, BlinkMacSystemFont, "Avenir Next", Avenir,<br />
"Nimbus Sans L", Roboto, "Noto Sans", "Segoe UI", Arial, Helvetica,<br />
"Helvetica Neue", sans-serif;<br />
--mono-font: Consolas, Menlo, Monaco, "Andale Mono", "Ubuntu Mono", monospace;<br />
--standard-border-radius: 5px;<br />
<br />
/* Default (light) theme */<br />
--bg: #fff;<br />
--accent-bg: #f5f7ff;<br />
--text: #212121;<br />
--text-light: #585858;<br />
--border: #898EA4;<br />
--accent: #0d47a1;<br />
--accent-hover: #1266e2;<br />
--accent-text: var(--bg);<br />
--code: #d81b60;<br />
--preformatted: #444;<br />
--marked: #ffdd33;<br />
--disabled: #efefef;<br />
<br />
--font-title: Combined;<br />
--font-body: Lucette;<br />
--color-a: #a700ff; /* purple */<br />
--color-b: #00ab6b; /* green */<br />
--font-size: 23px;<br />
--line-height: 1.3em;<br />
}<br />
<br />
/* Dark theme */<br />
@media (prefers-color-scheme: dark) {<br />
:root,<br />
::backdrop {<br />
color-scheme: dark;<br />
--bg: black;<br />
--accent-bg: #2b2b2b;<br />
--text: white;<br />
--text-light: #ababab;<br />
--accent: #ffb300;<br />
--accent-hover: #ffe099;<br />
--accent-text: var(--bg);<br />
--code: #f06292;<br />
--preformatted: #ccc;<br />
--disabled: #111;<br />
<br />
--font-title: Combined;<br />
--font-body: Lucette;<br />
--color-a: #4da14a ; /* cool green */<br />
--color-b: #4be239; /* nuke green */<br />
--font-size: 23px;<br />
--line-height: 1.3em;<br />
}<br />
}<br />
<br />
/* Reset box-sizing */<br />
*, *::before, *::after {<br />
box-sizing: border-box;<br />
}<br />
<br />
body {<br />
font-family: var(--font-body);<br />
font-size: var(--font-size);<br />
line-height: var(--line-height);<br />
padding-top: 3em;<br />
background-color: var(--bg);<br />
color: var(--text);<br />
}<br />
p {<br />
font-size: var(--font-size);<br />
line-height: var(--line-height);<br />
margin-bottom: 0;<br />
}<br />
p + p {<br />
margin-top: var(--line-height);<br />
}<br />
<br />
/* INTERFACE ------------------------------------------------------------------ */<br />
/* remove category help button (does it remove other stuff? mmm...) */<br />
#mw-indicator-mw-helplink {<br />
display: none;<br />
}<br />
<br />
/* Menu bar, position fixed to be able to grab it to resize the map on mobile devices */<br />
#navwrapper {<br />
position: fixed;<br />
top: 0;<br />
right: 0;<br />
z-index: 1000;<br />
left: 0;<br />
}<br />
<br />
h4.namespace.label {<br />
display: none;<br />
}<br />
<br />
.mw-editsection, .mw-editsection-like {<br />
font-size: 10px;<br />
}<br />
<br />
#actions {<br />
left: initial !important;<br />
right: 14px;<br />
top: -21px;<br />
background-color: var(--accent-bg);<br />
border: 1px solid var(--text-light);<br />
color: var(--text-light);<br />
}<br />
a#actions-button {<br />
margin-top: -1em;<br />
background-color: var(--accent-bg);<br />
padding: 5px;<br />
color: var(--text-light);<br />
}<br />
.fa,<br />
button, .button,<br />
.top-bar-section ul li > a {<br />
font-family: var(--font-body);<br />
}<br />
.fa::before {<br />
font-family: FontAwesome;<br />
}<br />
<br />
.top-bar,<br />
.top-bar-section,<br />
#top-bar-left,<br />
#top-bar-right,<br />
#top-bar-right .columns {<br />
display: flex;<br />
background-color: #222;<br />
align-items: center;<br />
justify-content: space-evenly;<br />
}<br />
#top-bar-left {<br />
width: initial;<br />
}<br />
.top-bar-section {<br />
flex-grow: 1;<br />
}<br />
.has-form {<br />
flex-grow: 1;<br />
padding: 0.5em !important;<br />
}<br />
#top-bar-right {<br />
justify-content: space-between;<br />
flex-grow: 1;<br />
}<br />
.top-bar input {<br />
padding-top: 8px;<br />
flex-grow: 1;<br />
height: 2em;<br />
box-sizing: border-box;<br />
border: 0;<br />
outline: 0;<br />
}<br />
.button.search {<br />
background-color: transparent;<br />
border-style: solid;<br />
border-width: 2px;<br />
border-image: linear-gradient(to right, var(--color-a), var(--color-b));<br />
border-image-slice: 1;<br />
top: 2px !important;<br />
position: relative;<br />
margin-left: 0px !important;<br />
box-sizing: border-box;<br />
padding: 0;<br />
width: 80px;<br />
height: 2em;<br />
margin: 0;<br />
top: 0 !important;<br />
}<br />
.button.search:hover {<br />
background-color: var(--color-a);<br />
}<br />
.suggestions-result-current {<br />
background-color: var(--color-b) !important;<br />
}<br />
<br />
.top-bar .toggle-topbar a {<br />
text-transform: lowercase;<br />
font-size: 1em;<br />
}<br />
<br />
#toc, .toc {<br />
float: right;<br />
margin-left: 1em;<br />
max-width: 45%;<br />
background-color: var(--accent-bg);<br />
border-radius: 5px;<br />
}<br />
.toctitle {<br />
margin-bottom: -1em;<br />
}<br />
#toc h2 {<br />
margin-top: 0.25em;<br />
font-size: 1em;<br />
display: inline-block;<br />
margin-right: 0.5em;<br />
}<br />
#toc ul {<br />
margin: 0;<br />
}<br />
.tocnumber:after {<br />
content: " – ";<br />
}<br />
<br />
table.infobox {<br />
width: initial;<br />
max-width: 45%;<br />
}<br />
table.infobox th.head {<br />
background-color: var(--color-b);<br />
}<br />
th, td {<br />
padding: 0.5em !important;<br />
}<br />
<br />
li {<br />
line-height: initial;<br />
}<br />
<br />
.mw-category-generated {<br />
margin-top: 2em;<br />
}<br />
<br />
/* if no content but only listing subcategories */<br />
.mw-parser-output:empty + .mw-category-generated h2 {<br />
display: none;<br />
}<br />
<br />
/* If only one subcategory, don't list the initial */<br />
.mw-category-generated #mw-pages div:only-of-type h3,<br />
#mw-subcategories div:only-of-type h3 {<br />
/*display: none;*/<br />
}<br />
<br />
/* removes counting of categories */<br />
.mw-category-generated #mw-pages p:first-of-type,<br />
#mw-subcategories p:first-of-type {<br />
display: none;<br />
}<br />
<br />
.group {<br />
margin-top: 5em;<br />
}<br />
#catlinks .label {<br />
border-width: 2px;<br />
border-style: solid;<br />
background-color: transparent;<br />
padding: 2px 6px !important;<br />
}<br />
<br />
/* HEADER ------------------------------------------------------------------ */<br />
.title-name {<br />
font-family: var(--font-title);<br />
font-weight: bold;<br />
}<br />
.title-name:hover {<br />
color: var(--color-a);<br />
}<br />
<br />
<br />
<br />
.top-bar-section .has-form {<br />
background-color: #222 !important;<br />
}<br />
.top-bar-section .has-dropdown > a::after {<br />
display: none;<br />
}<br />
.top-bar-section .has-dropdown > a {<br />
padding-right: initial !important;<br />
}<br />
.top-bar-section .dropdown li {<br />
width: initial;<br />
/*height: 2em;*/<br />
position: relative;<br />
padding: 0;<br />
border-bottom: 1px solid lightgray;<br />
}<br />
.top-bar-section ul li {<br />
padding: 0 0.5em;<br />
background-color: #222;<br />
}<br />
.top-bar-section ul li:hover {<br />
z-index: 1000;<br />
}<br />
.top-bar-section ul li > a {<br />
font-size: 16px;<br />
padding: 0;<br />
font-weight: bold;<br />
}<br />
<br />
li#p-menu > a {<br />
text-transform: uppercase;<br />
padding: 0;<br />
}<br />
li#p-menu > a + ul li {<br />
outline: 1px solid #00a393;<br />
}<br />
<br />
.top-bar-section .dropdown li:not(.has-form):not(.active):hover > a:not(.button) {<br />
background: linear-gradient(90deg,var(--color-a), var(--color-b));<br />
}<br />
li#p-menu + li.has-dropdown {<br />
width: 3em;<br />
text-align: center;<br />
}<br />
li#p-menu + li.has-dropdown > a {<br />
border-radius: 100%;<br />
padding: 0;<br />
text-align: center;<br />
line-height: 30px;<br />
margin: auto;<br />
display: inline-block;<br />
width: 30px;<br />
box-sizing: border-box;<br />
height: 30px;<br />
}<br />
.not-logged-in #top-bar-right li:nth-child(3) {<br />
display: none;<br />
}<br />
<br />
#toolbox-dropdown li, #personal-tools-dropdown .dropdown li {<br />
float: right;<br />
}<br />
<br />
.back h5 {<br />
font-size: 2em !important;<br />
}<br />
a.parent-link {<br />
color: var(--color-b) !important;<br />
font-weight: bold !important;<br />
}<br />
<br />
/* CONTENT ------------------------------------------------------------------ */<br />
#page-content {<br />
margin: 1em;<br />
color: var(--text);<br />
}<br />
#english {<br />
position: relative;<br />
top: -1.5em;<br />
}<br />
<br />
h1, h2, h3, h4, h5, h6 {<br />
margin-top: 2em;<br />
color: var(--color-b);<br />
line-height: 1.5em;<br />
font-family: var(--font-body);<br />
}<br />
h1, h1#firstHeading, h2 {<br />
font-family: var(--font-title);<br />
font-size: 1.5em;<br />
}<br />
<br />
h1 {<br />
color: var(--color-a);<br />
}<br />
h2 span {<br />
display: initial;<br />
}<br />
h3 {<br />
font-family: var(--font-title);<br />
font-size: 1em;<br />
}<br />
body.action-view #page-content a {<br />
border-image: linear-gradient(to right, var(--color-a), var(--color-b));<br />
border-bottom-width: 2px;<br />
border-image-slice: 1;<br />
color: var(--text);<br />
border-bottom-style: solid;<br />
padding: 3px 5px 1px;<br />
<br />
}<br />
#page-content a:hover,<br />
#catlinks .label:hover {<br />
background-color: var(--color-a);<br />
color: white !important;<br />
}<br />
/* Removes user name */<br />
h3#tagline {<br />
display: none;<br />
}<br />
#bodyContent {<br />
margin-top: 3em;<br />
}<br />
<br />
#page-content ul, #page-content ol {<br />
font-size: 1em;<br />
margin-top: var(--line-height) !important;<br />
margin-bottom: var(--line-height) !important;<br />
}<br />
div {<br />
line-height: 1.4em ;<br />
}<br />
label {<br />
color: var(--text-light);<br />
}<br />
label[for="wpCaptchaWord"]{<br />
background-color: orangered;<br />
}<br />
code, pre {<br />
color: darkgrey;<br />
background-color: #181818;<br />
border: 1px solid darkgrey;<br />
border-radius:3px;<br />
font-size: 0.8em;<br />
padding: 1ch;<br />
}<br />
<br />
<br />
/* ACTUALITÉS ------------------------------------------------------------------ */<br />
.medialisting {<br />
display: flex;<br />
flex-wrap: wrap;<br />
}<br />
.medialisting a {<br />
border: 0 !important;<br />
}<br />
.Media {<br />
display: flex;<br />
align-items: flex-start;<br />
margin-bottom: 1em;<br />
flex-direction: column;<br />
flex-basis: 32%;<br />
box-sizing: border-box;<br />
justify-content: center;<br />
padding: 0.5em;<br />
background: radial-gradient(var(--color-a) -31%, transparent 60%);<br />
}<br />
.Media:nth-child(2n) {<br />
background: radial-gradient(var(--color-b) -31%, transparent 60%);<br />
}<br />
.Media-body {<br />
flex: initial;<br />
}<br />
<br />
.flexgal {<br />
display: flex;<br />
flex-wrap: wrap;<br />
}<br />
<br />
/* THUMBNAILS ------------------------------------------------------------------ */<br />
.thumbinner {<br />
background-color: var(--accent-bg);<br />
}<br />
.thumb.tleft {<br />
margin-right: 2em;<br />
}<br />
.Media-figure a,<br />
.image.fancybox {<br />
display: inline-block;<br />
}<br />
.magnify a {<br />
text-indent: 0;<br />
width: 25px;<br />
height: 25px;<br />
border-style: solid;<br />
border-width: 2px;<br />
line-height: 15px;<br />
}<br />
.magnify a:before {<br />
content: "+";<br />
font-family: FontAwesome;<br />
font-size: 20px;<br />
}<br />
<br />
/* MEDIA QUERIES ------------------------------------------------------------------ */<br />
@media (max-width: 800px) {<br />
div.tleft, div.floatleft, table.floatleft {<br />
width: 100%;<br />
margin-bottom: 3em;<br />
}<br />
#toc {<br />
max-width: initial;<br />
width: 100%;<br />
margin-left: 0;<br />
<br />
<br />
}<br />
}<br />
@media only screen and (max-width: 600px) {<br />
.top-bar,<br />
.top-bar-section,<br />
#top-bar-right,<br />
#top-bar-right .columns {<br />
display: inherit;<br />
}<br />
.top-bar.expanded {<br />
flex-wrap: wrap;<br />
}<br />
.top-bar.expanded .title-area {<br />
display: flex;<br />
flex-grow: 1;<br />
justify-content: space-between;<br />
}<br />
.top-bar.expanded .top-bar,<br />
.top-bar.expanded .top-bar-section,<br />
.top-bar.expanded #top-bar-right,<br />
.top-bar.expanded #top-bar-right .columns {<br />
display: flex;<br />
align-items: center;<br />
}<br />
.divider.show-for-small {<br />
display: none !important;<br />
}<br />
}<br />
<br />
/* Formulaire d'edition ------------------------------------------------------------------ */<br />
#editform<br />
{<br />
margin-top: -5vh;<br />
}</div>
Olfz3b
https://wiki.erg.be/mw/index.php?title=MediaWiki:Ouroboros.css&diff=22178
MediaWiki:Ouroboros.css
2024-01-25T01:02:55Z
<p>Olfz3b : </p>
<hr />
<div>/*<br />
_ ______ _____ _ _______ _ _ _________ _ _ ______ __ __ ______ <br />
| | | ____| / ____| |/ /_ _| \ | | / /__ __| | | | ____| \/ | ____|<br />
| | | |__ | (___ | ' / | | | \| | / / | | | |__| | |__ | \ / | |__ <br />
| | | __| \___ \| < | | | . ` | / / | | | __ | __| | |\/| | __| <br />
| |____| |____ ____) | . \ _| |_| |\ |/ / | | | | | | |____| | | | |____ <br />
|______|______|_|_____/|_|\_\_____|_|_\_/_/___ _ |_| |_| |_|______|_| |_|______|<br />
/ __ \| ____| ____|_ _/ ____|_ _| ____| | <br />
| | | | |__ | |__ | || | | | | |__ | | <br />
| | | | __| | __| | || | | | | __| | | <br />
| |__| | | | | _| || |____ _| |_| |____| |____ <br />
\____/|_|____|_| |_____\_____|_____|______|______| <br />
| __ \| ____| <br />
| | | | |__ <br />
| | | | __| <br />
| |__| | |____ <br />
|_____/|______|_ _____ _____ <br />
| | | ____| __ \ / ____| <br />
| | | |__ | |__) | | __ <br />
| | | __| | _ /| | |_ | <br />
| |____ | |____| | \ \| |__| | <br />
|______| |______|_| \_\\_____| <br />
<br />
<br />
*/<br />
<br />
<br />
@font-face {<br />
font-family: Combined;<br />
src: url("/mw/skins/foreground/assets/fonts/combined.otf");<br />
}<br />
@font-face {<br />
font-family: Lucette;<br />
src: url("/mw/skins/foreground/assets/fonts/LUCETTE/font/otf/Lucette-Regular.otf");<br />
src: url("/mw/skins/foreground/assets/fonts/LUCETTE/font/ttf/Lucette-Regular.ttf");<br />
src: url("/mw/skins/foreground/assets/fonts/LUCETTE/font/woff/Lucette-Regular.woff");<br />
src: url("/mw/skins/foreground/assets/fonts/LUCETTE/font/woff2/Lucette-Regular.woff2");<br />
}<br />
@font-face {<br />
font-family: Lucette;<br />
src: url("/mw/skins/foreground/assets/fonts/LUCETTE/font/otf/Lucette-Regularitalic.otf");<br />
src: url("/mw/skins/foreground/assets/fonts/LUCETTE/font/ttf/Lucette-Regularitalic.ttf");<br />
src: url("/mw/skins/foreground/assets/fonts/LUCETTE/font/woff/Lucette-Regularitalic.woff");<br />
src: url("/mw/skins/foreground/assets/fonts/LUCETTE/font/woff2/Lucette-Regularitalic.woff2");<br />
font-style: italic;<br />
}<br />
/*<br />
@font-face {<br />
font-family: Vega;<br />
src: url("/mw/skins/foreground/assets/fonts/otf/Vega-Regular.otf");<br />
src: url("/mw/skins/foreground/assets/fonts/Vega-Regular.ttf") format("truetype");<br />
src: url("/mw/skins/foreground/assets/fonts/Vega-Regular-Webfont.svg" format("svg"));<br />
src: url("/mw/skins/foreground/assets/fonts/Vega-Regular.woff" format("woff"));<br />
src: url("/mw/skins/foreground/assets/fonts/Vega-Regular.woff2") format("woff2");<br />
}<br />
*/<br />
<br />
<br />
<br />
<br />
/* Global variables. */<br />
:root,<br />
::backdrop {<br />
/* Set sans-serif & mono fonts */<br />
--sans-font: -apple-system, BlinkMacSystemFont, "Avenir Next", Avenir,<br />
"Nimbus Sans L", Roboto, "Noto Sans", "Segoe UI", Arial, Helvetica,<br />
"Helvetica Neue", sans-serif;<br />
--mono-font: Consolas, Menlo, Monaco, "Andale Mono", "Ubuntu Mono", monospace;<br />
--standard-border-radius: 5px;<br />
<br />
/* Default (light) theme */<br />
--bg: #fff;<br />
--accent-bg: #f5f7ff;<br />
--text: #212121;<br />
--text-light: #585858;<br />
--border: #898EA4;<br />
--accent: #0d47a1;<br />
--accent-hover: #1266e2;<br />
--accent-text: var(--bg);<br />
--code: #d81b60;<br />
--preformatted: #444;<br />
--marked: #ffdd33;<br />
--disabled: #efefef;<br />
<br />
--font-title: Combined;<br />
--font-body: Lucette;<br />
--color-a: #a700ff; /* purple */<br />
--color-b: #00ab6b; /* green */<br />
--font-size: 23px;<br />
--line-height: 1.3em;<br />
}<br />
<br />
/* Dark theme */<br />
@media (prefers-color-scheme: dark) {<br />
:root,<br />
::backdrop {<br />
color-scheme: dark;<br />
--bg: #222;<br />
--accent-bg: #2b2b2b;<br />
--text: #dcdcdc;<br />
--text-light: #ababab;<br />
--accent: #ffb300;<br />
--accent-hover: #ffe099;<br />
--accent-text: var(--bg);<br />
--code: #f06292;<br />
--preformatted: #ccc;<br />
--disabled: #111;<br />
<br />
--font-title: Combined;<br />
--font-body: Lucette;<br />
--color-a: #9557b5; /* washed-off purple */<br />
--color-b: #3c856b; /* washed-off green */<br />
--font-size: 23px;<br />
--line-height: 1.3em;<br />
}<br />
}<br />
<br />
/* Reset box-sizing */<br />
*, *::before, *::after {<br />
box-sizing: border-box;<br />
}<br />
<br />
body {<br />
font-family: var(--font-body);<br />
font-size: var(--font-size);<br />
line-height: var(--line-height);<br />
padding-top: 3em;<br />
background-color: var(--bg);<br />
color: var(--text);<br />
}<br />
p {<br />
font-size: var(--font-size);<br />
line-height: var(--line-height);<br />
margin-bottom: 0;<br />
}<br />
p + p {<br />
margin-top: var(--line-height);<br />
}<br />
<br />
/* INTERFACE ------------------------------------------------------------------ */<br />
/* remove category help button (does it remove other stuff? mmm...) */<br />
#mw-indicator-mw-helplink {<br />
display: none;<br />
}<br />
<br />
/* Menu bar, position fixed to be able to grab it to resize the map on mobile devices */<br />
#navwrapper {<br />
position: fixed;<br />
top: 0;<br />
right: 0;<br />
z-index: 1000;<br />
left: 0;<br />
}<br />
<br />
h4.namespace.label {<br />
display: none;<br />
}<br />
<br />
.mw-editsection, .mw-editsection-like {<br />
font-size: 10px;<br />
}<br />
<br />
#actions {<br />
left: initial !important;<br />
right: 14px;<br />
top: -21px;<br />
background-color: var(--accent-bg);<br />
border: 1px solid var(--text-light);<br />
color: var(--text-light);<br />
}<br />
a#actions-button {<br />
margin-top: -1em;<br />
background-color: var(--accent-bg);<br />
padding: 5px;<br />
color: var(--text-light);<br />
}<br />
.fa,<br />
button, .button,<br />
.top-bar-section ul li > a {<br />
font-family: var(--font-body);<br />
}<br />
.fa::before {<br />
font-family: FontAwesome;<br />
}<br />
<br />
.top-bar,<br />
.top-bar-section,<br />
#top-bar-left,<br />
#top-bar-right,<br />
#top-bar-right .columns {<br />
display: flex;<br />
background-color: #222;<br />
align-items: center;<br />
justify-content: space-evenly;<br />
}<br />
#top-bar-left {<br />
width: initial;<br />
}<br />
.top-bar-section {<br />
flex-grow: 1;<br />
}<br />
.has-form {<br />
flex-grow: 1;<br />
padding: 0.5em !important;<br />
}<br />
#top-bar-right {<br />
justify-content: space-between;<br />
flex-grow: 1;<br />
}<br />
.top-bar input {<br />
padding-top: 8px;<br />
flex-grow: 1;<br />
height: 2em;<br />
box-sizing: border-box;<br />
border: 0;<br />
outline: 0;<br />
}<br />
.button.search {<br />
background-color: transparent;<br />
border-style: solid;<br />
border-width: 2px;<br />
border-image: linear-gradient(to right, var(--color-a), var(--color-b));<br />
border-image-slice: 1;<br />
top: 2px !important;<br />
position: relative;<br />
margin-left: 0px !important;<br />
box-sizing: border-box;<br />
padding: 0;<br />
width: 80px;<br />
height: 2em;<br />
margin: 0;<br />
top: 0 !important;<br />
}<br />
.button.search:hover {<br />
background-color: var(--color-a);<br />
}<br />
.suggestions-result-current {<br />
background-color: var(--color-b) !important;<br />
}<br />
<br />
.top-bar .toggle-topbar a {<br />
text-transform: lowercase;<br />
font-size: 1em;<br />
}<br />
<br />
#toc, .toc {<br />
float: right;<br />
margin-left: 1em;<br />
max-width: 45%;<br />
background-color: var(--accent-bg);<br />
border-radius: 5px;<br />
}<br />
.toctitle {<br />
margin-bottom: -1em;<br />
}<br />
#toc h2 {<br />
margin-top: 0.25em;<br />
font-size: 1em;<br />
display: inline-block;<br />
margin-right: 0.5em;<br />
}<br />
#toc ul {<br />
margin: 0;<br />
}<br />
.tocnumber:after {<br />
content: " – ";<br />
}<br />
<br />
table.infobox {<br />
width: initial;<br />
max-width: 45%;<br />
}<br />
table.infobox th.head {<br />
background-color: var(--color-b);<br />
}<br />
th, td {<br />
padding: 0.5em !important;<br />
}<br />
<br />
li {<br />
line-height: initial;<br />
}<br />
<br />
.mw-category-generated {<br />
margin-top: 2em;<br />
}<br />
<br />
/* if no content but only listing subcategories */<br />
.mw-parser-output:empty + .mw-category-generated h2 {<br />
display: none;<br />
}<br />
<br />
/* If only one subcategory, don't list the initial */<br />
.mw-category-generated #mw-pages div:only-of-type h3,<br />
#mw-subcategories div:only-of-type h3 {<br />
/*display: none;*/<br />
}<br />
<br />
/* removes counting of categories */<br />
.mw-category-generated #mw-pages p:first-of-type,<br />
#mw-subcategories p:first-of-type {<br />
display: none;<br />
}<br />
<br />
.group {<br />
margin-top: 5em;<br />
}<br />
#catlinks .label {<br />
border-width: 2px;<br />
border-style: solid;<br />
background-color: transparent;<br />
padding: 2px 6px !important;<br />
}<br />
<br />
/* HEADER ------------------------------------------------------------------ */<br />
.title-name {<br />
font-family: var(--font-title);<br />
font-weight: bold;<br />
}<br />
.title-name:hover {<br />
color: var(--color-a);<br />
}<br />
<br />
<br />
<br />
.top-bar-section .has-form {<br />
background-color: #222 !important;<br />
}<br />
.top-bar-section .has-dropdown > a::after {<br />
display: none;<br />
}<br />
.top-bar-section .has-dropdown > a {<br />
padding-right: initial !important;<br />
}<br />
.top-bar-section .dropdown li {<br />
width: initial;<br />
/*height: 2em;*/<br />
position: relative;<br />
padding: 0;<br />
border-bottom: 1px solid lightgray;<br />
}<br />
.top-bar-section ul li {<br />
padding: 0 0.5em;<br />
background-color: #222;<br />
}<br />
.top-bar-section ul li:hover {<br />
z-index: 1000;<br />
}<br />
.top-bar-section ul li > a {<br />
font-size: 16px;<br />
padding: 0;<br />
font-weight: bold;<br />
}<br />
<br />
li#p-menu > a {<br />
text-transform: uppercase;<br />
padding: 0;<br />
}<br />
li#p-menu > a + ul li {<br />
outline: 1px solid #00a393;<br />
}<br />
<br />
.top-bar-section .dropdown li:not(.has-form):not(.active):hover > a:not(.button) {<br />
background: linear-gradient(90deg,var(--color-a), var(--color-b));<br />
}<br />
li#p-menu + li.has-dropdown {<br />
width: 3em;<br />
text-align: center;<br />
}<br />
li#p-menu + li.has-dropdown > a {<br />
border-radius: 100%;<br />
padding: 0;<br />
text-align: center;<br />
line-height: 30px;<br />
margin: auto;<br />
display: inline-block;<br />
width: 30px;<br />
box-sizing: border-box;<br />
height: 30px;<br />
}<br />
.not-logged-in #top-bar-right li:nth-child(3) {<br />
display: none;<br />
}<br />
<br />
#toolbox-dropdown li, #personal-tools-dropdown .dropdown li {<br />
float: right;<br />
}<br />
<br />
.back h5 {<br />
font-size: 2em !important;<br />
}<br />
a.parent-link {<br />
color: var(--color-b) !important;<br />
font-weight: bold !important;<br />
}<br />
<br />
/* CONTENT ------------------------------------------------------------------ */<br />
#page-content {<br />
margin: 1em;<br />
color: var(--text);<br />
}<br />
#english {<br />
position: relative;<br />
top: -1.5em;<br />
}<br />
<br />
h1, h2, h3, h4, h5, h6 {<br />
margin-top: 2em;<br />
color: var(--color-b);<br />
line-height: 1.5em;<br />
font-family: var(--font-body);<br />
}<br />
h1, h1#firstHeading, h2 {<br />
font-family: var(--font-title);<br />
font-size: 1.5em;<br />
}<br />
<br />
h1 {<br />
color: var(--color-a);<br />
}<br />
h2 span {<br />
display: initial;<br />
}<br />
h3 {<br />
font-family: var(--font-title);<br />
font-size: 1em;<br />
}<br />
body.action-view #page-content a {<br />
border-image: linear-gradient(to right, var(--color-a), var(--color-b));<br />
border-bottom-width: 2px;<br />
border-image-slice: 1;<br />
color: var(--text);<br />
border-bottom-style: solid;<br />
padding: 3px 5px 1px;<br />
<br />
}<br />
#page-content a:hover,<br />
#catlinks .label:hover {<br />
background-color: var(--color-a);<br />
color: white !important;<br />
}<br />
/* Removes user name */<br />
h3#tagline {<br />
display: none;<br />
}<br />
#bodyContent {<br />
margin-top: 3em;<br />
}<br />
<br />
#page-content ul, #page-content ol {<br />
font-size: 1em;<br />
margin-top: var(--line-height) !important;<br />
margin-bottom: var(--line-height) !important;<br />
}<br />
div {<br />
line-height: 1.4em ;<br />
}<br />
label {<br />
color: var(--text-light);<br />
}<br />
label[for="wpCaptchaWord"]{<br />
background-color: orangered;<br />
}<br />
code, pre {<br />
color: darkgrey;<br />
background-color: #181818;<br />
border: 1px solid darkgrey;<br />
border-radius:3px;<br />
font-size: 0.8em;<br />
padding: 1ch;<br />
}<br />
<br />
<br />
/* ACTUALITÉS ------------------------------------------------------------------ */<br />
.medialisting {<br />
display: flex;<br />
flex-wrap: wrap;<br />
}<br />
.medialisting a {<br />
border: 0 !important;<br />
}<br />
.Media {<br />
display: flex;<br />
align-items: flex-start;<br />
margin-bottom: 1em;<br />
flex-direction: column;<br />
flex-basis: 32%;<br />
box-sizing: border-box;<br />
justify-content: center;<br />
padding: 0.5em;<br />
background: radial-gradient(var(--color-a) -31%, transparent 60%);<br />
}<br />
.Media:nth-child(2n) {<br />
background: radial-gradient(var(--color-b) -31%, transparent 60%);<br />
}<br />
.Media-body {<br />
flex: initial;<br />
}<br />
<br />
.flexgal {<br />
display: flex;<br />
flex-wrap: wrap;<br />
}<br />
<br />
/* THUMBNAILS ------------------------------------------------------------------ */<br />
.thumbinner {<br />
background-color: var(--accent-bg);<br />
}<br />
.thumb.tleft {<br />
margin-right: 2em;<br />
}<br />
.Media-figure a,<br />
.image.fancybox {<br />
display: inline-block;<br />
}<br />
.magnify a {<br />
text-indent: 0;<br />
width: 25px;<br />
height: 25px;<br />
border-style: solid;<br />
border-width: 2px;<br />
line-height: 15px;<br />
}<br />
.magnify a:before {<br />
content: "+";<br />
font-family: FontAwesome;<br />
font-size: 20px;<br />
}<br />
<br />
/* MEDIA QUERIES ------------------------------------------------------------------ */<br />
@media (max-width: 800px) {<br />
div.tleft, div.floatleft, table.floatleft {<br />
width: 100%;<br />
margin-bottom: 3em;<br />
}<br />
#toc {<br />
max-width: initial;<br />
width: 100%;<br />
margin-left: 0;<br />
<br />
<br />
}<br />
}<br />
@media only screen and (max-width: 600px) {<br />
.top-bar,<br />
.top-bar-section,<br />
#top-bar-right,<br />
#top-bar-right .columns {<br />
display: inherit;<br />
}<br />
.top-bar.expanded {<br />
flex-wrap: wrap;<br />
}<br />
.top-bar.expanded .title-area {<br />
display: flex;<br />
flex-grow: 1;<br />
justify-content: space-between;<br />
}<br />
.top-bar.expanded .top-bar,<br />
.top-bar.expanded .top-bar-section,<br />
.top-bar.expanded #top-bar-right,<br />
.top-bar.expanded #top-bar-right .columns {<br />
display: flex;<br />
align-items: center;<br />
}<br />
.divider.show-for-small {<br />
display: none !important;<br />
}<br />
}<br />
<br />
/* Formulaire d'edition ------------------------------------------------------------------ */<br />
#editform<br />
{<br />
margin-top: -5vh;<br />
}</div>
Olfz3b
https://wiki.erg.be/mw/index.php?title=%C3%89cole_de_recherche_graphique&diff=22177
École de recherche graphique
2024-01-25T00:58:16Z
<p>Olfz3b : </p>
<hr />
<div>__NOTITLE__<br />
<span style="display:none">{{DISPLAYTITLE: }}</span><br />
<br />
<br />
<br />
<br />
<pre id="ascii" style="<br />
width: fit-content;<br />
height: 100% ;<br />
border-color: green;<br />
line-height: 12px;<br />
font-size: 15px;<br />
font-family: monospace;<br />
overflow: hidden;<br />
margin: 0 auto;<br />
padding: 0;<br />
background-color: black;<br />
color:dark;<br />
"> <br />
__.....__ <br />
.-'' '. .--./) <br />
/ .-''"'-. `. .-,.--. /.''\\ <br />
bienvenue à l'/ /________\ \ | .-. | | | <br />
| | | | | | \`-' / <br />
\ .-------------' | | | | /("'` <br />
\ '-.____...---. | | '- \ '---. <br />
`. .'cole de | |echerche /'""'.\ raphique <br />
`''-...... -' | | || | <br />
|_| \'. _ _/ <br />
`'---'</pre> <br />
<br />
<br />
<br />
{{English|Welcome to erg}}<br />
<br />
=== winterschool 2024 ===<br />
* [[Workshop : WIKI MAINTENANCE]]<br />
<br />
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'''.<br />
<br />
* [[projet pédagogique]]<br />
* [[Cursus_transdisciplinaire_Bachelors_-_Masters|cursus transdisciplinaire]]<br />
* [[Espaces transversaux, pratiques collectives|espaces transversaux, pratiques collectives]]<br />
* [[séminaires, workshops, conférences]]<br />
* [[Guide Wiki | guide pour utiliser le wiki]]<br />
* [[Doctorat_et_recherche|recherche]]<br />
* [[Étudier et être accompagné·e à l'erg|étudier et être accompagné·e à l'erg]]<br />
* [[Autour_de_l'erg|autour de l'erg]]<br />
* [[contact]]<br />
<br />
<br />
*[[Actualités (2023)|news]]<br />
<br />
{{NewsActivity<br />
|limit=4<br />
}}<br />
<br />
===Newsletter & réseaux===<br />
<br />
Inscrivez-vous à notre '''[http://eepurl.com/igdz0r newsletter]''' ou scannez le QRcode.<br />
<br />
<!-- [[Fichier:Qrcoderg.png|150px|link=]] --><br />
<br />
'''[https://www.instagram.com/ergunlieuderecherche/?hl=fr instagram]''' / '''[https://www.facebook.com/ergunlieuderecherche facebook]''' /<br />
'''[https://vimeo.com/channels/erg vimeo]'''<br />
<br />
<br />
<br />
__NOTOC__</div>
Olfz3b
https://wiki.erg.be/mw/index.php?title=%C3%89cole_de_recherche_graphique&diff=22176
École de recherche graphique
2024-01-25T00:58:02Z
<p>Olfz3b : </p>
<hr />
<div>__NOTITLE__<br />
<span style="display:none">{{DISPLAYTITLE:{{ }}}}</span><br />
<br />
<br />
<br />
<br />
<pre id="ascii" style="<br />
width: fit-content;<br />
height: 100% ;<br />
border-color: green;<br />
line-height: 12px;<br />
font-size: 15px;<br />
font-family: monospace;<br />
overflow: hidden;<br />
margin: 0 auto;<br />
padding: 0;<br />
background-color: black;<br />
color:dark;<br />
"> <br />
__.....__ <br />
.-'' '. .--./) <br />
/ .-''"'-. `. .-,.--. /.''\\ <br />
bienvenue à l'/ /________\ \ | .-. | | | <br />
| | | | | | \`-' / <br />
\ .-------------' | | | | /("'` <br />
\ '-.____...---. | | '- \ '---. <br />
`. .'cole de | |echerche /'""'.\ raphique <br />
`''-...... -' | | || | <br />
|_| \'. _ _/ <br />
`'---'</pre> <br />
<br />
<br />
<br />
{{English|Welcome to erg}}<br />
<br />
=== winterschool 2024 ===<br />
* [[Workshop : WIKI MAINTENANCE]]<br />
<br />
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'''.<br />
<br />
* [[projet pédagogique]]<br />
* [[Cursus_transdisciplinaire_Bachelors_-_Masters|cursus transdisciplinaire]]<br />
* [[Espaces transversaux, pratiques collectives|espaces transversaux, pratiques collectives]]<br />
* [[séminaires, workshops, conférences]]<br />
* [[Guide Wiki | guide pour utiliser le wiki]]<br />
* [[Doctorat_et_recherche|recherche]]<br />
* [[Étudier et être accompagné·e à l'erg|étudier et être accompagné·e à l'erg]]<br />
* [[Autour_de_l'erg|autour de l'erg]]<br />
* [[contact]]<br />
<br />
<br />
*[[Actualités (2023)|news]]<br />
<br />
{{NewsActivity<br />
|limit=4<br />
}}<br />
<br />
===Newsletter & réseaux===<br />
<br />
Inscrivez-vous à notre '''[http://eepurl.com/igdz0r newsletter]''' ou scannez le QRcode.<br />
<br />
<!-- [[Fichier:Qrcoderg.png|150px|link=]] --><br />
<br />
'''[https://www.instagram.com/ergunlieuderecherche/?hl=fr instagram]''' / '''[https://www.facebook.com/ergunlieuderecherche facebook]''' /<br />
'''[https://vimeo.com/channels/erg vimeo]'''<br />
<br />
<br />
<br />
__NOTOC__</div>
Olfz3b
https://wiki.erg.be/mw/index.php?title=%C3%89cole_de_recherche_graphique&diff=22175
École de recherche graphique
2024-01-25T00:57:36Z
<p>Olfz3b : </p>
<hr />
<div>__NOTITLE__<br />
<span style="display:none">{{DISPLAYTITLE:{{Bienvenue à l'erg}}}}</span><br />
<br />
<br />
<br />
<br />
<pre id="ascii" style="<br />
width: fit-content;<br />
height: 100% ;<br />
border-color: green;<br />
line-height: 12px;<br />
font-size: 15px;<br />
font-family: monospace;<br />
overflow: hidden;<br />
margin: 0 auto;<br />
padding: 0;<br />
background-color: black;<br />
color:dark;<br />
"> <br />
__.....__ <br />
.-'' '. .--./) <br />
/ .-''"'-. `. .-,.--. /.''\\ <br />
bienvenue à l'/ /________\ \ | .-. | | | <br />
| | | | | | \`-' / <br />
\ .-------------' | | | | /("'` <br />
\ '-.____...---. | | '- \ '---. <br />
`. .'cole de | |echerche /'""'.\ raphique <br />
`''-...... -' | | || | <br />
|_| \'. _ _/ <br />
`'---'</pre> <br />
<br />
<br />
<br />
{{English|Welcome to erg}}<br />
<br />
=== winterschool 2024 ===<br />
* [[Workshop : WIKI MAINTENANCE]]<br />
<br />
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'''.<br />
<br />
* [[projet pédagogique]]<br />
* [[Cursus_transdisciplinaire_Bachelors_-_Masters|cursus transdisciplinaire]]<br />
* [[Espaces transversaux, pratiques collectives|espaces transversaux, pratiques collectives]]<br />
* [[séminaires, workshops, conférences]]<br />
* [[Guide Wiki | guide pour utiliser le wiki]]<br />
* [[Doctorat_et_recherche|recherche]]<br />
* [[Étudier et être accompagné·e à l'erg|étudier et être accompagné·e à l'erg]]<br />
* [[Autour_de_l'erg|autour de l'erg]]<br />
* [[contact]]<br />
<br />
<br />
*[[Actualités (2023)|news]]<br />
<br />
{{NewsActivity<br />
|limit=4<br />
}}<br />
<br />
===Newsletter & réseaux===<br />
<br />
Inscrivez-vous à notre '''[http://eepurl.com/igdz0r newsletter]''' ou scannez le QRcode.<br />
<br />
<!-- [[Fichier:Qrcoderg.png|150px|link=]] --><br />
<br />
'''[https://www.instagram.com/ergunlieuderecherche/?hl=fr instagram]''' / '''[https://www.facebook.com/ergunlieuderecherche facebook]''' /<br />
'''[https://vimeo.com/channels/erg vimeo]'''<br />
<br />
<br />
<br />
__NOTOC__</div>
Olfz3b
https://wiki.erg.be/mw/index.php?title=%C3%89cole_de_recherche_graphique&diff=22174
École de recherche graphique
2024-01-25T00:56:06Z
<p>Olfz3b : </p>
<hr />
<div>__NOTITLE__<br />
{{DISPLAYTITLE:<span style="display:none">{{Bienvenue à l'erg}}</span>}}<br />
<br />
<br />
<br />
<br />
<pre id="ascii" style="<br />
width: fit-content;<br />
height: 100% ;<br />
border-color: green;<br />
line-height: 12px;<br />
font-size: 15px;<br />
font-family: monospace;<br />
overflow: hidden;<br />
margin: 0 auto;<br />
padding: 0;<br />
background-color: black;<br />
color:dark;<br />
"> <br />
__.....__ <br />
.-'' '. .--./) <br />
/ .-''"'-. `. .-,.--. /.''\\ <br />
bienvenue à l'/ /________\ \ | .-. | | | <br />
| | | | | | \`-' / <br />
\ .-------------' | | | | /("'` <br />
\ '-.____...---. | | '- \ '---. <br />
`. .'cole de | |echerche /'""'.\ raphique <br />
`''-...... -' | | || | <br />
|_| \'. _ _/ <br />
`'---'</pre> <br />
<br />
<br />
<br />
{{English|Welcome to erg}}<br />
<br />
=== winterschool 2024 ===<br />
* [[Workshop : WIKI MAINTENANCE]]<br />
<br />
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'''.<br />
<br />
* [[projet pédagogique]]<br />
* [[Cursus_transdisciplinaire_Bachelors_-_Masters|cursus transdisciplinaire]]<br />
* [[Espaces transversaux, pratiques collectives|espaces transversaux, pratiques collectives]]<br />
* [[séminaires, workshops, conférences]]<br />
* [[Guide Wiki | guide pour utiliser le wiki]]<br />
* [[Doctorat_et_recherche|recherche]]<br />
* [[Étudier et être accompagné·e à l'erg|étudier et être accompagné·e à l'erg]]<br />
* [[Autour_de_l'erg|autour de l'erg]]<br />
* [[contact]]<br />
<br />
<br />
*[[Actualités (2023)|news]]<br />
<br />
{{NewsActivity<br />
|limit=4<br />
}}<br />
<br />
===Newsletter & réseaux===<br />
<br />
Inscrivez-vous à notre '''[http://eepurl.com/igdz0r newsletter]''' ou scannez le QRcode.<br />
<br />
<!-- [[Fichier:Qrcoderg.png|150px|link=]] --><br />
<br />
'''[https://www.instagram.com/ergunlieuderecherche/?hl=fr instagram]''' / '''[https://www.facebook.com/ergunlieuderecherche facebook]''' /<br />
'''[https://vimeo.com/channels/erg vimeo]'''<br />
<br />
<br />
<br />
__NOTOC__</div>
Olfz3b
https://wiki.erg.be/mw/index.php?title=%C3%89cole_de_recherche_graphique&diff=22173
École de recherche graphique
2024-01-25T00:51:38Z
<p>Olfz3b : </p>
<hr />
<div>__NOTITLE__<br />
{{DISPLAYTITLE:<span style="display:none">{{Bienvenue à l'erg}}</span>}}<br />
<br />
<br />
<br />
<br />
<pre id="ascii" style="<br />
width: fit-content;<br />
height: 100%<br />
border-color: red;<br />
line-height: 12px;<br />
font-size: 15px;<br />
font-family: monospace;<br />
overflow: hidden;<br />
margin: 0 auto;<br />
padding: 0;<br />
background-color: black;<br />
color:red;<br />
"> <br />
__.....__ <br />
.-'' '. .--./) <br />
/ .-''"'-. `. .-,.--. /.''\\ <br />
bienvenue à l'/ /________\ \ | .-. | | | <br />
| | | | | | \`-' / <br />
\ .-------------' | | | | /("'` <br />
\ '-.____...---. | | '- \ '---. <br />
`. .'cole de | |echerche /'""'.\ raphique <br />
`''-...... -' | | || | <br />
|_| \'. _ _/ <br />
`'---'</pre> <br />
<br />
<br />
<br />
{{English|Welcome to erg}}<br />
<br />
=== winterschool 2024 ===<br />
* [[Workshop : WIKI MAINTENANCE]]<br />
<br />
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'''.<br />
<br />
* [[projet pédagogique]]<br />
* [[Cursus_transdisciplinaire_Bachelors_-_Masters|cursus transdisciplinaire]]<br />
* [[Espaces transversaux, pratiques collectives|espaces transversaux, pratiques collectives]]<br />
* [[séminaires, workshops, conférences]]<br />
* [[Guide Wiki | guide pour utiliser le wiki]]<br />
* [[Doctorat_et_recherche|recherche]]<br />
* [[Étudier et être accompagné·e à l'erg|étudier et être accompagné·e à l'erg]]<br />
* [[Autour_de_l'erg|autour de l'erg]]<br />
* [[contact]]<br />
<br />
<br />
*[[Actualités (2023)|news]]<br />
<br />
{{NewsActivity<br />
|limit=4<br />
}}<br />
<br />
===Newsletter & réseaux===<br />
<br />
Inscrivez-vous à notre '''[http://eepurl.com/igdz0r newsletter]''' ou scannez le QRcode.<br />
<br />
<!-- [[Fichier:Qrcoderg.png|150px|link=]] --><br />
<br />
'''[https://www.instagram.com/ergunlieuderecherche/?hl=fr instagram]''' / '''[https://www.facebook.com/ergunlieuderecherche facebook]''' /<br />
'''[https://vimeo.com/channels/erg vimeo]'''<br />
<br />
<br />
<br />
__NOTOC__</div>
Olfz3b
https://wiki.erg.be/mw/index.php?title=%C3%89cole_de_recherche_graphique&diff=22172
École de recherche graphique
2024-01-25T00:51:12Z
<p>Olfz3b : </p>
<hr />
<div>__NOTITLE__<br />
{{DISPLAYTITLE:<span style="display:none">{{Bienvenue à l'erg}}</span>}}<br />
<br />
<br />
<br />
<br />
<pre id="ascii" style="<br />
width: fit-content;<br />
height: 100%<br />
line-height: 12px;<br />
font-size: 15px;<br />
font-family: monospace;<br />
overflow: hidden;<br />
margin: 0 auto;<br />
padding: 0;<br />
background-color: black;<br />
color:red;<br />
"> <br />
__.....__ <br />
.-'' '. .--./) <br />
/ .-''"'-. `. .-,.--. /.''\\ <br />
bienvenue à l'/ /________\ \ | .-. | | | <br />
| | | | | | \`-' / <br />
\ .-------------' | | | | /("'` <br />
\ '-.____...---. | | '- \ '---. <br />
`. .'cole de | |echerche /'""'.\ raphique <br />
`''-...... -' | | || | <br />
|_| \'. _ _/ <br />
`'---'</pre> <br />
<br />
<br />
<br />
{{English|Welcome to erg}}<br />
<br />
=== winterschool 2024 ===<br />
* [[Workshop : WIKI MAINTENANCE]]<br />
<br />
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'''.<br />
<br />
* [[projet pédagogique]]<br />
* [[Cursus_transdisciplinaire_Bachelors_-_Masters|cursus transdisciplinaire]]<br />
* [[Espaces transversaux, pratiques collectives|espaces transversaux, pratiques collectives]]<br />
* [[séminaires, workshops, conférences]]<br />
* [[Guide Wiki | guide pour utiliser le wiki]]<br />
* [[Doctorat_et_recherche|recherche]]<br />
* [[Étudier et être accompagné·e à l'erg|étudier et être accompagné·e à l'erg]]<br />
* [[Autour_de_l'erg|autour de l'erg]]<br />
* [[contact]]<br />
<br />
<br />
*[[Actualités (2023)|news]]<br />
<br />
{{NewsActivity<br />
|limit=4<br />
}}<br />
<br />
===Newsletter & réseaux===<br />
<br />
Inscrivez-vous à notre '''[http://eepurl.com/igdz0r newsletter]''' ou scannez le QRcode.<br />
<br />
<!-- [[Fichier:Qrcoderg.png|150px|link=]] --><br />
<br />
'''[https://www.instagram.com/ergunlieuderecherche/?hl=fr instagram]''' / '''[https://www.facebook.com/ergunlieuderecherche facebook]''' /<br />
'''[https://vimeo.com/channels/erg vimeo]'''<br />
<br />
<br />
<br />
__NOTOC__</div>
Olfz3b
https://wiki.erg.be/mw/index.php?title=%C3%89cole_de_recherche_graphique&diff=22171
École de recherche graphique
2024-01-25T00:50:45Z
<p>Olfz3b : </p>
<hr />
<div>__NOTITLE__<br />
{{DISPLAYTITLE:<span style="display:none">{{Bienvenue à l'erg}}</span>}}<br />
<br />
<br />
<br />
<br />
<pre id="ascii" style="<br />
width: 100%;<br />
<br />
line-height: 12px;<br />
font-size: 15px;<br />
font-family: monospace;<br />
overflow: hidden;<br />
margin: 0 auto;<br />
padding: 0;<br />
background-color: black;<br />
color:red;<br />
"> <br />
__.....__ <br />
.-'' '. .--./) <br />
/ .-''"'-. `. .-,.--. /.''\\ <br />
bienvenue à l'/ /________\ \ | .-. | | | <br />
| | | | | | \`-' / <br />
\ .-------------' | | | | /("'` <br />
\ '-.____...---. | | '- \ '---. <br />
`. .'cole de | |echerche /'""'.\ raphique <br />
`''-...... -' | | || | <br />
|_| \'. _ _/ <br />
`'---'</pre> <br />
<br />
<br />
<br />
{{English|Welcome to erg}}<br />
<br />
=== winterschool 2024 ===<br />
* [[Workshop : WIKI MAINTENANCE]]<br />
<br />
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'''.<br />
<br />
* [[projet pédagogique]]<br />
* [[Cursus_transdisciplinaire_Bachelors_-_Masters|cursus transdisciplinaire]]<br />
* [[Espaces transversaux, pratiques collectives|espaces transversaux, pratiques collectives]]<br />
* [[séminaires, workshops, conférences]]<br />
* [[Guide Wiki | guide pour utiliser le wiki]]<br />
* [[Doctorat_et_recherche|recherche]]<br />
* [[Étudier et être accompagné·e à l'erg|étudier et être accompagné·e à l'erg]]<br />
* [[Autour_de_l'erg|autour de l'erg]]<br />
* [[contact]]<br />
<br />
<br />
*[[Actualités (2023)|news]]<br />
<br />
{{NewsActivity<br />
|limit=4<br />
}}<br />
<br />
===Newsletter & réseaux===<br />
<br />
Inscrivez-vous à notre '''[http://eepurl.com/igdz0r newsletter]''' ou scannez le QRcode.<br />
<br />
<!-- [[Fichier:Qrcoderg.png|150px|link=]] --><br />
<br />
'''[https://www.instagram.com/ergunlieuderecherche/?hl=fr instagram]''' / '''[https://www.facebook.com/ergunlieuderecherche facebook]''' /<br />
'''[https://vimeo.com/channels/erg vimeo]'''<br />
<br />
<br />
<br />
__NOTOC__</div>
Olfz3b
https://wiki.erg.be/mw/index.php?title=%C3%89cole_de_recherche_graphique&diff=22170
École de recherche graphique
2024-01-25T00:50:11Z
<p>Olfz3b : </p>
<hr />
<div>__NOTITLE__<br />
{{DISPLAYTITLE:<span style="display:none">{{Bienvenue à l'erg}}</span>}}<br />
<br />
<br />
<br />
<br />
<pre id="ascii" style="<br />
width: 100%;<br />
height: 33%<br />
line-height: 12px;<br />
font-size: 15px;<br />
font-family: monospace;<br />
overflow: hidden;<br />
margin: 0 auto;<br />
padding: 0;<br />
background-color: black;<br />
color:red;<br />
"> <br />
__.....__ <br />
.-'' '. .--./) <br />
/ .-''"'-. `. .-,.--. /.''\\ <br />
bienvenue à l'/ /________\ \ | .-. | | | <br />
| | | | | | \`-' / <br />
\ .-------------' | | | | /("'` <br />
\ '-.____...---. | | '- \ '---. <br />
`. .'cole de | |echerche /'""'.\ raphique <br />
`''-...... -' | | || | <br />
|_| \'. _ _/ <br />
`'---'</pre> <br />
<br />
<br />
<br />
{{English|Welcome to erg}}<br />
<br />
=== winterschool 2024 ===<br />
* [[Workshop : WIKI MAINTENANCE]]<br />
<br />
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'''.<br />
<br />
* [[projet pédagogique]]<br />
* [[Cursus_transdisciplinaire_Bachelors_-_Masters|cursus transdisciplinaire]]<br />
* [[Espaces transversaux, pratiques collectives|espaces transversaux, pratiques collectives]]<br />
* [[séminaires, workshops, conférences]]<br />
* [[Guide Wiki | guide pour utiliser le wiki]]<br />
* [[Doctorat_et_recherche|recherche]]<br />
* [[Étudier et être accompagné·e à l'erg|étudier et être accompagné·e à l'erg]]<br />
* [[Autour_de_l'erg|autour de l'erg]]<br />
* [[contact]]<br />
<br />
<br />
*[[Actualités (2023)|news]]<br />
<br />
{{NewsActivity<br />
|limit=4<br />
}}<br />
<br />
===Newsletter & réseaux===<br />
<br />
Inscrivez-vous à notre '''[http://eepurl.com/igdz0r newsletter]''' ou scannez le QRcode.<br />
<br />
<!-- [[Fichier:Qrcoderg.png|150px|link=]] --><br />
<br />
'''[https://www.instagram.com/ergunlieuderecherche/?hl=fr instagram]''' / '''[https://www.facebook.com/ergunlieuderecherche facebook]''' /<br />
'''[https://vimeo.com/channels/erg vimeo]'''<br />
<br />
<br />
<br />
__NOTOC__</div>
Olfz3b
https://wiki.erg.be/mw/index.php?title=%C3%89cole_de_recherche_graphique&diff=22169
École de recherche graphique
2024-01-25T00:49:34Z
<p>Olfz3b : </p>
<hr />
<div>__NOTITLE__<br />
{{DISPLAYTITLE:<span style="display:none">{{Bienvenue à l'erg}}</span>}}<br />
<br />
<br />
<br />
<br />
<pre id="ascii" style="<br />
width: fit-content;<br />
line-height: 12px;<br />
font-size: 15px;<br />
font-family: monospace;<br />
overflow: hidden;<br />
margin: 0 auto;<br />
padding: 0;<br />
background-color: black;<br />
color:red;<br />
"> <br />
__.....__ <br />
.-'' '. .--./) <br />
/ .-''"'-. `. .-,.--. /.''\\ <br />
bienvenue à l'/ /________\ \ | .-. | | | <br />
| | | | | | \`-' / <br />
\ .-------------' | | | | /("'` <br />
\ '-.____...---. | | '- \ '---. <br />
`. .'cole de | |echerche /'""'.\ raphique <br />
`''-...... -' | | || | <br />
|_| \'. _ _/ <br />
`'---'</pre> <br />
<br />
<br />
<br />
{{English|Welcome to erg}}<br />
<br />
=== winterschool 2024 ===<br />
* [[Workshop : WIKI MAINTENANCE]]<br />
<br />
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'''.<br />
<br />
* [[projet pédagogique]]<br />
* [[Cursus_transdisciplinaire_Bachelors_-_Masters|cursus transdisciplinaire]]<br />
* [[Espaces transversaux, pratiques collectives|espaces transversaux, pratiques collectives]]<br />
* [[séminaires, workshops, conférences]]<br />
* [[Guide Wiki | guide pour utiliser le wiki]]<br />
* [[Doctorat_et_recherche|recherche]]<br />
* [[Étudier et être accompagné·e à l'erg|étudier et être accompagné·e à l'erg]]<br />
* [[Autour_de_l'erg|autour de l'erg]]<br />
* [[contact]]<br />
<br />
<br />
*[[Actualités (2023)|news]]<br />
<br />
{{NewsActivity<br />
|limit=4<br />
}}<br />
<br />
===Newsletter & réseaux===<br />
<br />
Inscrivez-vous à notre '''[http://eepurl.com/igdz0r newsletter]''' ou scannez le QRcode.<br />
<br />
<!-- [[Fichier:Qrcoderg.png|150px|link=]] --><br />
<br />
'''[https://www.instagram.com/ergunlieuderecherche/?hl=fr instagram]''' / '''[https://www.facebook.com/ergunlieuderecherche facebook]''' /<br />
'''[https://vimeo.com/channels/erg vimeo]'''<br />
<br />
<br />
<br />
__NOTOC__</div>
Olfz3b
https://wiki.erg.be/mw/index.php?title=MediaWiki:Ouroboros.css&diff=22168
MediaWiki:Ouroboros.css
2024-01-25T00:42:25Z
<p>Olfz3b : </p>
<hr />
<div><br />
/*<br />
_ ______ _____ _ _______ _ _ _________ _ _ ______ __ __ ______ <br />
| | | ____| / ____| |/ /_ _| \ | | / /__ __| | | | ____| \/ | ____|<br />
| | | |__ | (___ | ' / | | | \| | / / | | | |__| | |__ | \ / | |__ <br />
| | | __| \___ \| < | | | . ` | / / | | | __ | __| | |\/| | __| <br />
| |____| |____ ____) | . \ _| |_| |\ |/ / | | | | | | |____| | | | |____ <br />
|______|______|_|_____/|_|\_\_____|_|_\_/_/___ _ |_| |_| |_|______|_| |_|______|<br />
/ __ \| ____| ____|_ _/ ____|_ _| ____| | <br />
| | | | |__ | |__ | || | | | | |__ | | <br />
| | | | __| | __| | || | | | | __| | | <br />
| |__| | | | | _| || |____ _| |_| |____| |____ <br />
\____/|_|____|_| |_____\_____|_____|______|______| <br />
| __ \| ____| <br />
| | | | |__ <br />
| | | | __| <br />
| |__| | |____ <br />
|_____/|______|_ _____ _____ <br />
| | | ____| __ \ / ____| <br />
| | | |__ | |__) | | __ <br />
| | | __| | _ /| | |_ | <br />
| |____ | |____| | \ \| |__| | <br />
|______| |______|_| \_\\_____| <br />
<br />
<br />
*/<br />
<br />
<br />
@font-face {<br />
font-family: Combined;<br />
src: url("/mw/skins/foreground/assets/fonts/combined.otf");<br />
}<br />
@font-face {<br />
font-family: Lucette;<br />
src: url("/mw/skins/foreground/assets/fonts/LUCETTE/font/otf/Lucette-Regular.otf");<br />
src: url("/mw/skins/foreground/assets/fonts/LUCETTE/font/ttf/Lucette-Regular.ttf");<br />
src: url("/mw/skins/foreground/assets/fonts/LUCETTE/font/woff/Lucette-Regular.woff");<br />
src: url("/mw/skins/foreground/assets/fonts/LUCETTE/font/woff2/Lucette-Regular.woff2");<br />
}<br />
@font-face {<br />
font-family: Lucette;<br />
src: url("/mw/skins/foreground/assets/fonts/LUCETTE/font/otf/Lucette-Regularitalic.otf");<br />
src: url("/mw/skins/foreground/assets/fonts/LUCETTE/font/ttf/Lucette-Regularitalic.ttf");<br />
src: url("/mw/skins/foreground/assets/fonts/LUCETTE/font/woff/Lucette-Regularitalic.woff");<br />
src: url("/mw/skins/foreground/assets/fonts/LUCETTE/font/woff2/Lucette-Regularitalic.woff2");<br />
font-style: italic;<br />
}<br />
/*<br />
@font-face {<br />
font-family: Vega;<br />
src: url("/mw/skins/foreground/assets/fonts/otf/Vega-Regular.otf");<br />
src: url("/mw/skins/foreground/assets/fonts/Vega-Regular.ttf") format("truetype");<br />
src: url("/mw/skins/foreground/assets/fonts/Vega-Regular-Webfont.svg" format("svg"));<br />
src: url("/mw/skins/foreground/assets/fonts/Vega-Regular.woff" format("woff"));<br />
src: url("/mw/skins/foreground/assets/fonts/Vega-Regular.woff2") format("woff2");<br />
}<br />
*/<br />
<br />
<br />
<br />
<br />
/* Global variables. */<br />
:root,<br />
::backdrop {<br />
/* Set sans-serif & mono fonts */<br />
--sans-font: -apple-system, BlinkMacSystemFont, "Avenir Next", Avenir,<br />
"Nimbus Sans L", Roboto, "Noto Sans", "Segoe UI", Arial, Helvetica,<br />
"Helvetica Neue", sans-serif;<br />
--mono-font: Consolas, Menlo, Monaco, "Andale Mono", "Ubuntu Mono", monospace;<br />
--standard-border-radius: 5px;<br />
<br />
/* Default (light) theme */<br />
--bg: #fff;<br />
--bg-top: #222;<br />
--accent-bg: #f5f7ff;<br />
--text: #212121;<br />
--text-light: #585858;<br />
--border: #898EA4;<br />
--accent: #0d47a1;<br />
--accent-hover: #1266e2;<br />
--accent-text: var(--bg);<br />
--code: #d81b60;<br />
--preformatted: #444;<br />
--marked: #ffdd33;<br />
--disabled: #efefef;<br />
<br />
--font-title: Combined;<br />
--font-body: Lucette;<br />
/*--color-a: #a700ff; /* purple */ */<br />
--color-b: #00ab6b; /* green */<br />
--font-size: 23px;<br />
--line-height: 1.3em;<br />
}<br />
<br />
/* Dark theme */<br />
@media (prefers-color-scheme: dark) {<br />
:root,<br />
::backdrop {<br />
color-scheme: dark;<br />
<br />
--bg: black;<br />
/* sorry I had 2 do this.... */<br />
/* --accent-bg: #2b2b2b; */<br />
--accent-bg: black;<br />
--text: white ; /* #dcdcdc; */<br />
--text-light: #ababab;<br />
--accent: #ffb300;<br />
--accent-hover: #ffe099;<br />
--accent-text: var(--bg);<br />
--code: #f06292;<br />
--preformatted: #ccc;<br />
--disabled: #111;<br />
<br />
--font-title: Combined;<br />
--font-body: Lucette;<br />
--color-a: #4be239 /*#9557b5; washed-off purple */<br />
--color-b: #3c856b; /* washed-off green */ */<br />
--color-a: red; <br />
--color-b: #4da14a ;<br />
--font-size: 23px;<br />
--line-height: 1.3em;<br />
--bg-top: black;<br />
}<br />
}<br />
<br />
/* Reset box-sizing */<br />
*, *::before, *::after {<br />
box-sizing: border-box;<br />
}<br />
<br />
body {<br />
font-family: var(--font-body);<br />
font-size: var(--font-size);<br />
line-height: var(--line-height);<br />
padding-top: 3em;<br />
background-color: var(--bg);<br />
color: var(--text);<br />
}<br />
p {<br />
font-size: var(--font-size);<br />
line-height: var(--line-height);<br />
margin-bottom: 0;<br />
}<br />
p + p {<br />
margin-top: var(--line-height);<br />
}<br />
<br />
/* INTERFACE ------------------------------------------------------------------ */<br />
/* remove category help button (does it remove other stuff? mmm...) */<br />
#mw-indicator-mw-helplink {<br />
display: none;<br />
}<br />
<br />
/* Menu bar, position fixed to be able to grab it to resize the map on mobile devices */<br />
#navwrapper {<br />
position: fixed;<br />
top: 0;<br />
right: 0;<br />
z-index: 1000;<br />
left: 0;<br />
}<br />
<br />
h4.namespace.label {<br />
display: none;<br />
}<br />
<br />
.mw-editsection, .mw-editsection-like {<br />
font-size: 10px;<br />
}<br />
<br />
#actions {<br />
left: initial !important;<br />
right: 14px;<br />
top: -21px;<br />
background-color: var(--accent-bg);<br />
border: 1px solid var(--text-light);<br />
color: var(--text-light);<br />
}<br />
a#actions-button {<br />
margin-top: -1em;<br />
background-color: var(--accent-bg);<br />
padding: 5px;<br />
color: var(--text-light);<br />
}<br />
.fa,<br />
button, .button,<br />
.top-bar-section ul li > a {<br />
font-family: var(--font-body);<br />
}<br />
.fa::before {<br />
font-family: FontAwesome;<br />
}<br />
<br />
.top-bar,<br />
.top-bar-section,<br />
#top-bar-left,<br />
#top-bar-right,<br />
#top-bar-right .columns {<br />
display: flex;<br />
background-color: --bg-top;<br />
align-items: center;<br />
justify-content: space-evenly;<br />
}<br />
#top-bar-left {<br />
width: initial;<br />
}<br />
.top-bar-section {<br />
flex-grow: 1;<br />
}<br />
.has-form {<br />
flex-grow: 1;<br />
padding: 0.5em !important;<br />
}<br />
#top-bar-right {<br />
justify-content: space-between;<br />
flex-grow: 1;<br />
}<br />
.top-bar input {<br />
padding-top: 8px;<br />
flex-grow: 1;<br />
height: 2em;<br />
box-sizing: border-box;<br />
border: 0;<br />
outline: 0;<br />
}<br />
.button.search {<br />
background-color: transparent;<br />
border-style: solid;<br />
border-width: 2px;<br />
border-image: linear-gradient(to right, var(--color-a), var(--color-b));<br />
border-image-slice: 1;<br />
top: 2px !important;<br />
position: relative;<br />
margin-left: 0px !important;<br />
box-sizing: border-box;<br />
padding: 0;<br />
width: 80px;<br />
height: 2em;<br />
margin: 0;<br />
top: 0 !important;<br />
}<br />
.button.search:hover {<br />
background-color: var(--color-a);<br />
}<br />
.suggestions-result-current {<br />
background-color: var(--color-b) !important;<br />
}<br />
<br />
.top-bar .toggle-topbar a {<br />
text-transform: lowercase;<br />
font-size: 1em;<br />
}<br />
<br />
#toc, .toc {<br />
float: right;<br />
margin-left: 1em;<br />
max-width: 45%;<br />
background-color: var(--accent-bg);<br />
border-radius: 5px;<br />
}<br />
.toctitle {<br />
margin-bottom: -1em;<br />
}<br />
#toc h2 {<br />
margin-top: 0.25em;<br />
font-size: 1em;<br />
display: inline-block;<br />
margin-right: 0.5em;<br />
}<br />
#toc ul {<br />
margin: 0;<br />
}<br />
.tocnumber:after {<br />
content: " – ";<br />
}<br />
<br />
table.infobox {<br />
width: initial;<br />
max-width: 45%;<br />
}<br />
table.infobox th.head {<br />
background-color: var(--color-b);<br />
}<br />
th, td {<br />
padding: 0.5em !important;<br />
}<br />
<br />
li {<br />
line-height: initial;<br />
}<br />
<br />
.mw-category-generated {<br />
margin-top: 2em;<br />
}<br />
<br />
/* if no content but only listing subcategories */<br />
.mw-parser-output:empty + .mw-category-generated h2 {<br />
display: none;<br />
}<br />
<br />
/* If only one subcategory, don't list the initial */<br />
.mw-category-generated #mw-pages div:only-of-type h3,<br />
#mw-subcategories div:only-of-type h3 {<br />
/*display: none;*/<br />
}<br />
<br />
/* removes counting of categories */<br />
.mw-category-generated #mw-pages p:first-of-type,<br />
#mw-subcategories p:first-of-type {<br />
display: none;<br />
}<br />
<br />
.group {<br />
margin-top: 5em;<br />
}<br />
#catlinks .label {<br />
border-width: 2px;<br />
border-style: solid;<br />
background-color: transparent;<br />
padding: 2px 6px !important;<br />
}<br />
<br />
/* HEADER ------------------------------------------------------------------ */<br />
.title-name {<br />
font-family: var(--font-title);<br />
font-weight: bold;<br />
}<br />
.title-name:hover {<br />
color: var(--color-a);<br />
}<br />
<br />
<br />
<br />
.top-bar-section .has-form {<br />
background-color: #222 !important;<br />
}<br />
.top-bar-section .has-dropdown > a::after {<br />
display: none;<br />
}<br />
.top-bar-section .has-dropdown > a {<br />
padding-right: initial !important;<br />
}<br />
.top-bar-section .dropdown li {<br />
width: initial;<br />
/*height: 2em;*/<br />
position: relative;<br />
padding: 0;<br />
border-bottom: 1px solid lightgray;<br />
}<br />
.top-bar-section ul li {<br />
padding: 0 0.5em;<br />
background-color: #222;<br />
}<br />
.top-bar-section ul li:hover {<br />
z-index: 1000;<br />
}<br />
.top-bar-section ul li > a {<br />
font-size: 16px;<br />
padding: 0;<br />
font-weight: bold;<br />
}<br />
<br />
li#p-menu > a {<br />
text-transform: uppercase;<br />
padding: 0;<br />
}<br />
li#p-menu > a + ul li {<br />
outline: 1px solid #00a393;<br />
}<br />
<br />
.top-bar-section .dropdown li:not(.has-form):not(.active):hover > a:not(.button) {<br />
background: linear-gradient(90deg,var(--color-a), var(--color-b));<br />
}<br />
li#p-menu + li.has-dropdown {<br />
width: 3em;<br />
text-align: center;<br />
}<br />
li#p-menu + li.has-dropdown > a {<br />
border-radius: 100%;<br />
padding: 0;<br />
text-align: center;<br />
line-height: 30px;<br />
margin: auto;<br />
display: inline-block;<br />
width: 30px;<br />
box-sizing: border-box;<br />
height: 30px;<br />
}<br />
.not-logged-in #top-bar-right li:nth-child(3) {<br />
display: none;<br />
}<br />
<br />
#toolbox-dropdown li, #personal-tools-dropdown .dropdown li {<br />
float: right;<br />
}<br />
<br />
.back h5 {<br />
font-size: 2em !important;<br />
}<br />
a.parent-link {<br />
color: var(--color-b) !important;<br />
font-weight: bold !important;<br />
}<br />
<br />
/* CONTENT ------------------------------------------------------------------ */<br />
#page-content {<br />
margin: 1em;<br />
color: var(--text);<br />
}<br />
#english {<br />
position: relative;<br />
top: -1.5em;<br />
}<br />
<br />
h1, h2, h3, h4, h5, h6 {<br />
margin-top: 2em;<br />
color: var(--color-b);<br />
line-height: 1.5em;<br />
font-family: var(--font-body);<br />
}<br />
h1, h1#firstHeading, h2 {<br />
font-family: var(--font-title);<br />
font-size: 1.5em;<br />
}<br />
<br />
h1 {<br />
color: var(--color-a);<br />
}<br />
h2 span {<br />
display: initial;<br />
}<br />
h3 {<br />
font-family: var(--font-title);<br />
font-size: 1em;<br />
}<br />
body.action-view #page-content a {<br />
border-image: linear-gradient(to right, var(--color-a), var(--color-b));<br />
border-bottom-width: 2px;<br />
border-image-slice: 1;<br />
color: var(--text);<br />
border-bottom-style: solid;<br />
padding: 3px 5px 1px;<br />
<br />
}<br />
#page-content a:hover,<br />
#catlinks .label:hover {<br />
background-color: var(--color-a);<br />
color: white !important;<br />
}<br />
/* Removes user name */<br />
h3#tagline {<br />
display: none;<br />
}<br />
#bodyContent {<br />
margin-top: 3em;<br />
}<br />
<br />
#page-content ul, #page-content ol {<br />
font-size: 1em;<br />
margin-top: var(--line-height) !important;<br />
margin-bottom: var(--line-height) !important;<br />
}<br />
div {<br />
line-height: 1.4em ;<br />
}<br />
label {<br />
color: var(--text-light);<br />
}<br />
label[for="wpCaptchaWord"]{<br />
background-color: orangered;<br />
}<br />
code, pre {<br />
color: darkgrey;<br />
background-color: #181818;<br />
border: 1px solid darkgrey;<br />
border-radius:3px;<br />
font-size: 0.8em;<br />
padding: 1ch;<br />
}<br />
<br />
<br />
/* ACTUALITÉS ------------------------------------------------------------------ */<br />
.medialisting {<br />
display: flex;<br />
flex-wrap: wrap;<br />
}<br />
.medialisting a {<br />
border: 0 !important;<br />
}<br />
.Media {<br />
display: flex;<br />
align-items: flex-start;<br />
margin-bottom: 1em;<br />
flex-direction: column;<br />
flex-basis: 32%;<br />
box-sizing: border-box;<br />
justify-content: center;<br />
padding: 0.5em;<br />
background: radial-gradient(var(--color-a) -31%, transparent 60%);<br />
}<br />
.Media:nth-child(2n) {<br />
background: radial-gradient(var(--color-b) -31%, transparent 60%);<br />
}<br />
.Media-body {<br />
flex: initial;<br />
}<br />
<br />
.flexgal {<br />
display: flex;<br />
flex-wrap: wrap;<br />
}<br />
<br />
/* THUMBNAILS ------------------------------------------------------------------ */<br />
.thumbinner {<br />
background-color: var(--accent-bg);<br />
}<br />
.thumb.tleft {<br />
margin-right: 2em;<br />
}<br />
.Media-figure a,<br />
.image.fancybox {<br />
display: inline-block;<br />
}<br />
.magnify a {<br />
text-indent: 0;<br />
width: 25px;<br />
height: 25px;<br />
border-style: solid;<br />
border-width: 2px;<br />
line-height: 15px;<br />
}<br />
.magnify a:before {<br />
content: "+";<br />
font-family: FontAwesome;<br />
font-size: 20px;<br />
}<br />
<br />
/* MEDIA QUERIES ------------------------------------------------------------------ */<br />
@media (max-width: 800px) {<br />
div.tleft, div.floatleft, table.floatleft {<br />
width: 100%;<br />
margin-bottom: 3em;<br />
}<br />
#toc {<br />
max-width: initial;<br />
width: 100%;<br />
margin-left: 0;<br />
<br />
<br />
}<br />
}<br />
@media only screen and (max-width: 600px) {<br />
.top-bar,<br />
.top-bar-section,<br />
#top-bar-right,<br />
#top-bar-right .columns {<br />
display: inherit;<br />
}<br />
.top-bar.expanded {<br />
flex-wrap: wrap;<br />
}<br />
.top-bar.expanded .title-area {<br />
display: flex;<br />
flex-grow: 1;<br />
justify-content: space-between;<br />
}<br />
.top-bar.expanded .top-bar,<br />
.top-bar.expanded .top-bar-section,<br />
.top-bar.expanded #top-bar-right,<br />
.top-bar.expanded #top-bar-right .columns {<br />
display: flex;<br />
align-items: center;<br />
}<br />
.divider.show-for-small {<br />
display: none !important;<br />
}<br />
}<br />
<br />
/* Formulaire d'edition ------------------------------------------------------------------ */<br />
#editform<br />
{<br />
margin-top: -5vh;<br />
}</div>
Olfz3b
https://wiki.erg.be/mw/index.php?title=MediaWiki:Ouroboros.css&diff=22167
MediaWiki:Ouroboros.css
2024-01-25T00:39:57Z
<p>Olfz3b : </p>
<hr />
<div><br />
/*<br />
_ ______ _____ _ _______ _ _ _________ _ _ ______ __ __ ______ <br />
| | | ____| / ____| |/ /_ _| \ | | / /__ __| | | | ____| \/ | ____|<br />
| | | |__ | (___ | ' / | | | \| | / / | | | |__| | |__ | \ / | |__ <br />
| | | __| \___ \| < | | | . ` | / / | | | __ | __| | |\/| | __| <br />
| |____| |____ ____) | . \ _| |_| |\ |/ / | | | | | | |____| | | | |____ <br />
|______|______|_|_____/|_|\_\_____|_|_\_/_/___ _ |_| |_| |_|______|_| |_|______|<br />
/ __ \| ____| ____|_ _/ ____|_ _| ____| | <br />
| | | | |__ | |__ | || | | | | |__ | | <br />
| | | | __| | __| | || | | | | __| | | <br />
| |__| | | | | _| || |____ _| |_| |____| |____ <br />
\____/|_|____|_| |_____\_____|_____|______|______| <br />
| __ \| ____| <br />
| | | | |__ <br />
| | | | __| <br />
| |__| | |____ <br />
|_____/|______|_ _____ _____ <br />
| | | ____| __ \ / ____| <br />
| | | |__ | |__) | | __ <br />
| | | __| | _ /| | |_ | <br />
| |____ | |____| | \ \| |__| | <br />
|______| |______|_| \_\\_____| <br />
<br />
<br />
*/<br />
<br />
<br />
@font-face {<br />
font-family: Combined;<br />
src: url("/mw/skins/foreground/assets/fonts/combined.otf");<br />
}<br />
@font-face {<br />
font-family: Lucette;<br />
src: url("/mw/skins/foreground/assets/fonts/LUCETTE/font/otf/Lucette-Regular.otf");<br />
src: url("/mw/skins/foreground/assets/fonts/LUCETTE/font/ttf/Lucette-Regular.ttf");<br />
src: url("/mw/skins/foreground/assets/fonts/LUCETTE/font/woff/Lucette-Regular.woff");<br />
src: url("/mw/skins/foreground/assets/fonts/LUCETTE/font/woff2/Lucette-Regular.woff2");<br />
}<br />
@font-face {<br />
font-family: Lucette;<br />
src: url("/mw/skins/foreground/assets/fonts/LUCETTE/font/otf/Lucette-Regularitalic.otf");<br />
src: url("/mw/skins/foreground/assets/fonts/LUCETTE/font/ttf/Lucette-Regularitalic.ttf");<br />
src: url("/mw/skins/foreground/assets/fonts/LUCETTE/font/woff/Lucette-Regularitalic.woff");<br />
src: url("/mw/skins/foreground/assets/fonts/LUCETTE/font/woff2/Lucette-Regularitalic.woff2");<br />
font-style: italic;<br />
}<br />
/*<br />
@font-face {<br />
font-family: Vega;<br />
src: url("/mw/skins/foreground/assets/fonts/otf/Vega-Regular.otf");<br />
src: url("/mw/skins/foreground/assets/fonts/Vega-Regular.ttf") format("truetype");<br />
src: url("/mw/skins/foreground/assets/fonts/Vega-Regular-Webfont.svg" format("svg"));<br />
src: url("/mw/skins/foreground/assets/fonts/Vega-Regular.woff" format("woff"));<br />
src: url("/mw/skins/foreground/assets/fonts/Vega-Regular.woff2") format("woff2");<br />
}<br />
*/<br />
<br />
<br />
<br />
<br />
/* Global variables. */<br />
:root,<br />
::backdrop {<br />
/* Set sans-serif & mono fonts */<br />
--sans-font: -apple-system, BlinkMacSystemFont, "Avenir Next", Avenir,<br />
"Nimbus Sans L", Roboto, "Noto Sans", "Segoe UI", Arial, Helvetica,<br />
"Helvetica Neue", sans-serif;<br />
--mono-font: Consolas, Menlo, Monaco, "Andale Mono", "Ubuntu Mono", monospace;<br />
--standard-border-radius: 5px;<br />
<br />
/* Default (light) theme */<br />
--bg: #fff;<br />
--bg-top: #222;<br />
--accent-bg: #f5f7ff;<br />
--text: #212121;<br />
--text-light: #585858;<br />
--border: #898EA4;<br />
--accent: #0d47a1;<br />
--accent-hover: #1266e2;<br />
--accent-text: var(--bg);<br />
--code: #d81b60;<br />
--preformatted: #444;<br />
--marked: #ffdd33;<br />
--disabled: #efefef;<br />
<br />
--font-title: Combined;<br />
--font-body: Lucette;<br />
/*--color-a: #a700ff; /* purple */ */<br />
--color-b: #00ab6b; /* green */<br />
--font-size: 23px;<br />
--line-height: 1.3em;<br />
}<br />
<br />
/* Dark theme */<br />
@media (prefers-color-scheme: dark) {<br />
:root,<br />
::backdrop {<br />
color-scheme: dark;<br />
<br />
--bg: black;<br />
/* sorry I had 2 do this.... */<br />
/* --accent-bg: #2b2b2b; */<br />
--accent-bg: black;<br />
--text: white ; /* #dcdcdc; */<br />
--text-light: #ababab;<br />
--accent: #ffb300;<br />
--accent-hover: #ffe099;<br />
--accent-text: var(--bg);<br />
--code: #f06292;<br />
--preformatted: #ccc;<br />
--disabled: #111;<br />
<br />
--font-title: Combined;<br />
--font-body: Lucette;<br />
--color-a: #4be239 /*#9557b5; washed-off purple */<br />
--color-b: #3c856b; /* washed-off green */ */<br />
--color-a: red; <br />
--color-b: #4da14a ;<br />
--font-size: 23px;<br />
--line-height: 1.3em;<br />
--bg-top: black;<br />
}<br />
}<br />
<br />
/* Reset box-sizing */<br />
*, *::before, *::after {<br />
box-sizing: border-box;<br />
}<br />
<br />
body {<br />
font-family: var(--font-body);<br />
font-size: var(--font-size);<br />
line-height: var(--line-height);<br />
padding-top: 3em;<br />
background-color: var(--bg);<br />
color: var(--text);<br />
}<br />
p {<br />
font-size: var(--font-size);<br />
line-height: var(--line-height);<br />
margin-bottom: 0;<br />
}<br />
p + p {<br />
margin-top: var(--line-height);<br />
}<br />
<br />
/* INTERFACE ------------------------------------------------------------------ */<br />
/* remove category help button (does it remove other stuff? mmm...) */<br />
#mw-indicator-mw-helplink {<br />
display: none;<br />
}<br />
<br />
/* Menu bar, position fixed to be able to grab it to resize the map on mobile devices */<br />
#navwrapper {<br />
position: fixed;<br />
top: 0;<br />
right: 0;<br />
z-index: 1000;<br />
left: 0;<br />
}<br />
<br />
h4.namespace.label {<br />
display: none;<br />
}<br />
<br />
.mw-editsection, .mw-editsection-like {<br />
font-size: 10px;<br />
}<br />
<br />
#actions {<br />
left: initial !important;<br />
right: 14px;<br />
top: -21px;<br />
background-color: var(--accent-bg);<br />
border: 1px solid var(--text-light);<br />
color: var(--text-light);<br />
}<br />
a#actions-button {<br />
margin-top: -1em;<br />
background-color: var(--accent-bg);<br />
padding: 5px;<br />
color: var(--text-light);<br />
}<br />
.fa,<br />
button, .button,<br />
.top-bar-section ul li > a {<br />
font-family: var(--font-body);<br />
}<br />
.fa::before {<br />
font-family: FontAwesome;<br />
}<br />
<br />
.top-bar,<br />
.top-bar-section,<br />
#top-bar-left,<br />
#top-bar-right,<br />
#top-bar-right .columns {<br />
display: flex;<br />
background-color: --bg-top;<br />
align-items: center;<br />
justify-content: space-evenly;<br />
}<br />
#top-bar-left {<br />
width: initial;<br />
}<br />
.top-bar-section {<br />
flex-grow: 1;<br />
}<br />
.has-form {<br />
flex-grow: 1;<br />
padding: 0.5em !important;<br />
}<br />
#top-bar-right {<br />
justify-content: space-between;<br />
flex-grow: 1;<br />
}<br />
.top-bar input {<br />
padding-top: 8px;<br />
flex-grow: 1;<br />
height: 2em;<br />
box-sizing: border-box;<br />
border: 0;<br />
outline: 0;<br />
}<br />
.button.search {<br />
background-color: transparent;<br />
border-style: solid;<br />
border-width: 2px;<br />
border-image: linear-gradient(to right, var(--color-a), var(--color-b));<br />
border-image-slice: 1;<br />
top: 2px !important;<br />
position: relative;<br />
margin-left: 0px !important;<br />
box-sizing: border-box;<br />
padding: 0;<br />
width: 80px;<br />
height: 2em;<br />
margin: 0;<br />
top: 0 !important;<br />
}<br />
.button.search:hover {<br />
background-color: var(--color-a);<br />
}<br />
.suggestions-result-current {<br />
background-color: var(--color-b) !important;<br />
}<br />
<br />
.top-bar .toggle-topbar a {<br />
text-transform: lowercase;<br />
font-size: 1em;<br />
}<br />
<br />
#toc, .toc {<br />
float: right;<br />
margin-left: 1em;<br />
max-width: 45%;<br />
background-color: var(--accent-bg);<br />
border-radius: 5px;<br />
}<br />
.toctitle {<br />
margin-bottom: -1em;<br />
}<br />
#toc h2 {<br />
margin-top: 0.25em;<br />
font-size: 1em;<br />
display: inline-block;<br />
margin-right: 0.5em;<br />
}<br />
#toc ul {<br />
margin: 0;<br />
}<br />
.tocnumber:after {<br />
content: " – ";<br />
}<br />
<br />
table.infobox {<br />
width: initial;<br />
max-width: 45%;<br />
}<br />
table.infobox th.head {<br />
background-color: var(--color-b);<br />
}<br />
th, td {<br />
padding: 0.5em !important;<br />
}<br />
<br />
li {<br />
line-height: initial;<br />
}<br />
<br />
.mw-category-generated {<br />
margin-top: 2em;<br />
}<br />
<br />
/* if no content but only listing subcategories */<br />
.mw-parser-output:empty + .mw-category-generated h2 {<br />
display: none;<br />
}<br />
<br />
/* If only one subcategory, don't list the initial */<br />
.mw-category-generated #mw-pages div:only-of-type h3,<br />
#mw-subcategories div:only-of-type h3 {<br />
/*display: none;*/<br />
}<br />
<br />
/* removes counting of categories */<br />
.mw-category-generated #mw-pages p:first-of-type,<br />
#mw-subcategories p:first-of-type {<br />
display: none;<br />
}<br />
<br />
.group {<br />
margin-top: 5em;<br />
}<br />
#catlinks .label {<br />
border-width: 2px;<br />
border-style: solid;<br />
background-color: transparent;<br />
padding: 2px 6px !important;<br />
}<br />
<br />
/* HEADER ------------------------------------------------------------------ */<br />
.title-name {<br />
font-family: var(--font-title);<br />
font-weight: bold;<br />
}<br />
.title-name:hover {<br />
color: var(--color-a);<br />
}<br />
<br />
<br />
<br />
.top-bar-section .has-form {<br />
background-color: #222 !important;<br />
}<br />
.top-bar-section .has-dropdown > a::after {<br />
display: none;<br />
}<br />
.top-bar-section .has-dropdown > a {<br />
padding-right: initial !important;<br />
}<br />
.top-bar-section .dropdown li {<br />
width: initial;<br />
/*height: 2em;*/<br />
position: relative;<br />
padding: 0;<br />
border-bottom: 1px solid lightgray;<br />
}<br />
.top-bar-section ul li {<br />
padding: 0 0.5em;<br />
background-color: #222;<br />
}<br />
.top-bar-section ul li:hover {<br />
z-index: 1000;<br />
}<br />
.top-bar-section ul li > a {<br />
font-size: 16px;<br />
padding: 0;<br />
font-weight: bold;<br />
}<br />
<br />
li#p-menu > a {<br />
text-transform: uppercase;<br />
padding: 0;<br />
}<br />
li#p-menu > a + ul li {<br />
outline: 1px solid #00a393;<br />
}<br />
<br />
.top-bar-section .dropdown li:not(.has-form):not(.active):hover > a:not(.button) {<br />
background: linear-gradient(90deg,var(--color-a), var(--color-b));<br />
}<br />
li#p-menu + li.has-dropdown {<br />
width: 3em;<br />
text-align: center;<br />
}<br />
li#p-menu + li.has-dropdown > a {<br />
border-radius: 100%;<br />
padding: 0;<br />
text-align: center;<br />
line-height: 30px;<br />
margin: auto;<br />
display: inline-block;<br />
width: 30px;<br />
box-sizing: border-box;<br />
height: 30px;<br />
}<br />
.not-logged-in #top-bar-right li:nth-child(3) {<br />
display: none;<br />
}<br />
<br />
#toolbox-dropdown li, #personal-tools-dropdown .dropdown li {<br />
float: right;<br />
}<br />
<br />
.back h5 {<br />
font-size: 2em !important;<br />
}<br />
a.parent-link {<br />
color: var(--color-b) !important;<br />
font-weight: bold !important;<br />
}<br />
<br />
/* CONTENT ------------------------------------------------------------------ */<br />
#page-content {<br />
margin: 1em;<br />
color: var(--text);<br />
}<br />
#english {<br />
position: relative;<br />
top: -1.5em;<br />
}<br />
<br />
h1, h2, h3, h4, h5, h6 {<br />
margin-top: 2em;<br />
color: var(--color-b);<br />
line-height: 1.5em;<br />
font-family: var(--font-body);<br />
}<br />
h1, h1#firstHeading, h2 {<br />
font-family: var(--font-title);<br />
font-size: 1.5em;<br />
}<br />
<br />
h1 {<br />
color: var(--color-a);<br />
}<br />
h2 span {<br />
display: initial;<br />
}<br />
h3 {<br />
font-family: var(--font-title);<br />
font-size: 1em;<br />
}<br />
body.action-view #page-content a {<br />
border-image: linear-gradient(to right, var(--color-a), var(--color-b));<br />
border-bottom-width: 2px;<br />
border-image-slice: 1;<br />
color: var(--text);<br />
border-bottom-style: solid;<br />
padding: 3px 5px 1px;<br />
<br />
}<br />
#page-content a:hover,<br />
#catlinks .label:hover {<br />
background-color: var(--color-a);<br />
color: white !important;<br />
}<br />
/* Removes user name */<br />
h3#tagline {<br />
display: none;<br />
}<br />
#bodyContent {<br />
margin-top: 3em;<br />
}<br />
<br />
#page-content ul, #page-content ol {<br />
font-size: 1em;<br />
margin-top: var(--line-height) !important;<br />
margin-bottom: var(--line-height) !important;<br />
}<br />
div {<br />
line-height: 1.4em ;<br />
}<br />
label {<br />
color: var(--text-light);<br />
}<br />
label[for="wpCaptchaWord"]{<br />
background-color: orangered;<br />
}<br />
code, pre {<br />
color: darkgrey;<br />
background-color: #181818;<br />
border: 1px solid darkgrey;<br />
border-radius:3px;<br />
font-size: 0.8em;<br />
padding: 1ch;<br />
}<br />
<br />
<br />
/* ACTUALITÉS ------------------------------------------------------------------ */<br />
.medialisting {<br />
display: flex;<br />
flex-wrap: wrap;<br />
}<br />
.medialisting a {<br />
border: 0 !important;<br />
}<br />
.Media {<br />
display: flex;<br />
align-items: flex-start;<br />
margin-bottom: 1em;<br />
flex-direction: column;<br />
flex-basis: 32%;<br />
box-sizing: border-box;<br />
justify-content: center;<br />
padding: 0.5em;<br />
background: radial-gradient(var(--color-a) -31%, transparent 60%);<br />
}<br />
.Media:nth-child(2n) {<br />
background: radial-gradient(var(--color-b) -31%, transparent 60%);<br />
}<br />
.Media-body {<br />
flex: initial;<br />
}<br />
<br />
.flexgal {<br />
display: flex;<br />
flex-wrap: wrap;<br />
}<br />
<br />
/* THUMBNAILS ------------------------------------------------------------------ */<br />
.thumbinner {<br />
background-color: var(--accent-bg);<br />
}<br />
.thumb.tleft {<br />
margin-right: 2em;<br />
}<br />
.Media-figure a,<br />
.image.fancybox {<br />
display: inline-block;<br />
}<br />
.magnify a {<br />
text-indent: 0;<br />
width: 25px;<br />
height: 25px;<br />
border-style: solid;<br />
border-width: 2px;<br />
line-height: 15px;<br />
}<br />
.magnify a:before {<br />
content: "+";<br />
font-family: FontAwesome;<br />
font-size: 20px;<br />
}<br />
<br />
/* MEDIA QUERIES ------------------------------------------------------------------ */<br />
@media (max-width: 800px) {<br />
div.tleft, div.floatleft, table.floatleft {<br />
width: 100%;<br />
margin-bottom: 3em;<br />
}<br />
#toc {<br />
max-width: initial;<br />
width: 100%;<br />
margin-left: 0;<br />
<br />
<br />
}<br />
}<br />
@media only screen and (max-width: 600px) {<br />
.top-bar,<br />
.top-bar-section,<br />
#top-bar-right,<br />
#top-bar-right .columns {<br />
display: inherit;<br />
}<br />
.top-bar.expanded {<br />
flex-wrap: wrap;<br />
}<br />
.top-bar.expanded .title-area {<br />
display: flex;<br />
flex-grow: 1;<br />
justify-content: space-between;<br />
}<br />
.top-bar.expanded .top-bar,<br />
.top-bar.expanded .top-bar-section,<br />
.top-bar.expanded #top-bar-right,<br />
.top-bar.expanded #top-bar-right .columns {<br />
display: flex;<br />
align-items: center;<br />
}<br />
.divider.show-for-small {<br />
display: none !important;<br />
}<br />
}<br />
<br />
/* Formulaire d'edition ------------------------------------------------------------------ */<br />
#editform<br />
{<br />
margin-top: -5vh;<br />
}</div>
Olfz3b
https://wiki.erg.be/mw/index.php?title=MediaWiki:Ouroboros.css&diff=22166
MediaWiki:Ouroboros.css
2024-01-25T00:36:06Z
<p>Olfz3b : </p>
<hr />
<div><br />
/*<br />
_ ______ _____ _ _______ _ _ _________ _ _ ______ __ __ ______ <br />
| | | ____| / ____| |/ /_ _| \ | | / /__ __| | | | ____| \/ | ____|<br />
| | | |__ | (___ | ' / | | | \| | / / | | | |__| | |__ | \ / | |__ <br />
| | | __| \___ \| < | | | . ` | / / | | | __ | __| | |\/| | __| <br />
| |____| |____ ____) | . \ _| |_| |\ |/ / | | | | | | |____| | | | |____ <br />
|______|______|_|_____/|_|\_\_____|_|_\_/_/___ _ |_| |_| |_|______|_| |_|______|<br />
/ __ \| ____| ____|_ _/ ____|_ _| ____| | <br />
| | | | |__ | |__ | || | | | | |__ | | <br />
| | | | __| | __| | || | | | | __| | | <br />
| |__| | | | | _| || |____ _| |_| |____| |____ <br />
\____/|_|____|_| |_____\_____|_____|______|______| <br />
| __ \| ____| <br />
| | | | |__ <br />
| | | | __| <br />
| |__| | |____ <br />
|_____/|______|_ _____ _____ <br />
| | | ____| __ \ / ____| <br />
| | | |__ | |__) | | __ <br />
| | | __| | _ /| | |_ | <br />
| |____ | |____| | \ \| |__| | <br />
|______| |______|_| \_\\_____| <br />
<br />
<br />
*/<br />
<br />
<br />
@font-face {<br />
font-family: Combined;<br />
src: url("/mw/skins/foreground/assets/fonts/combined.otf");<br />
}<br />
@font-face {<br />
font-family: Lucette;<br />
src: url("/mw/skins/foreground/assets/fonts/LUCETTE/font/otf/Lucette-Regular.otf");<br />
src: url("/mw/skins/foreground/assets/fonts/LUCETTE/font/ttf/Lucette-Regular.ttf");<br />
src: url("/mw/skins/foreground/assets/fonts/LUCETTE/font/woff/Lucette-Regular.woff");<br />
src: url("/mw/skins/foreground/assets/fonts/LUCETTE/font/woff2/Lucette-Regular.woff2");<br />
}<br />
@font-face {<br />
font-family: Lucette;<br />
src: url("/mw/skins/foreground/assets/fonts/LUCETTE/font/otf/Lucette-Regularitalic.otf");<br />
src: url("/mw/skins/foreground/assets/fonts/LUCETTE/font/ttf/Lucette-Regularitalic.ttf");<br />
src: url("/mw/skins/foreground/assets/fonts/LUCETTE/font/woff/Lucette-Regularitalic.woff");<br />
src: url("/mw/skins/foreground/assets/fonts/LUCETTE/font/woff2/Lucette-Regularitalic.woff2");<br />
font-style: italic;<br />
}<br />
/*<br />
@font-face {<br />
font-family: Vega;<br />
src: url("/mw/skins/foreground/assets/fonts/otf/Vega-Regular.otf");<br />
src: url("/mw/skins/foreground/assets/fonts/Vega-Regular.ttf") format("truetype");<br />
src: url("/mw/skins/foreground/assets/fonts/Vega-Regular-Webfont.svg" format("svg"));<br />
src: url("/mw/skins/foreground/assets/fonts/Vega-Regular.woff" format("woff"));<br />
src: url("/mw/skins/foreground/assets/fonts/Vega-Regular.woff2") format("woff2");<br />
}<br />
*/<br />
<br />
<br />
<br />
<br />
/* Global variables. */<br />
:root,<br />
::backdrop {<br />
/* Set sans-serif & mono fonts */<br />
--sans-font: -apple-system, BlinkMacSystemFont, "Avenir Next", Avenir,<br />
"Nimbus Sans L", Roboto, "Noto Sans", "Segoe UI", Arial, Helvetica,<br />
"Helvetica Neue", sans-serif;<br />
--mono-font: Consolas, Menlo, Monaco, "Andale Mono", "Ubuntu Mono", monospace;<br />
--standard-border-radius: 5px;<br />
<br />
/* Default (light) theme */<br />
--bg: #fff;<br />
--bg-top: #222;<br />
--accent-bg: #f5f7ff;<br />
--text: #212121;<br />
--text-light: #585858;<br />
--border: #898EA4;<br />
--accent: #0d47a1;<br />
--accent-hover: #1266e2;<br />
--accent-text: var(--bg);<br />
--code: #d81b60;<br />
--preformatted: #444;<br />
--marked: #ffdd33;<br />
--disabled: #efefef;<br />
<br />
--font-title: Combined;<br />
--font-body: Lucette;<br />
/*--color-a: #a700ff; /* purple */ */<br />
--color-b: #00ab6b; /* green */<br />
--font-size: 23px;<br />
--line-height: 1.3em;<br />
}<br />
<br />
/* Dark theme */<br />
@media (prefers-color-scheme: dark) {<br />
:root,<br />
::backdrop {<br />
color-scheme: dark;<br />
<br />
--bg: black;<br />
/* sorry I had 2 do this.... */<br />
/* --accent-bg: #2b2b2b; */<br />
--accent-bg: black;<br />
--text: white ; /* #dcdcdc; */<br />
--text-light: #ababab;<br />
--accent: #ffb300;<br />
--accent-hover: #ffe099;<br />
--accent-text: var(--bg);<br />
--code: #f06292;<br />
--preformatted: #ccc;<br />
--disabled: #111;<br />
<br />
--font-title: Combined;<br />
--font-body: Lucette;<br />
/*--color-a: #9557b5; /* washed-off purple */<br />
--color-b: #3c856b; /* washed-off green */ */<br />
--color-a: red; <br />
--color-b: green;<br />
--font-size: 23px;<br />
--line-height: 1.3em;<br />
--bg-top: black;<br />
}<br />
}<br />
<br />
/* Reset box-sizing */<br />
*, *::before, *::after {<br />
box-sizing: border-box;<br />
}<br />
<br />
body {<br />
font-family: var(--font-body);<br />
font-size: var(--font-size);<br />
line-height: var(--line-height);<br />
padding-top: 3em;<br />
background-color: var(--bg);<br />
color: var(--text);<br />
}<br />
p {<br />
font-size: var(--font-size);<br />
line-height: var(--line-height);<br />
margin-bottom: 0;<br />
}<br />
p + p {<br />
margin-top: var(--line-height);<br />
}<br />
<br />
/* INTERFACE ------------------------------------------------------------------ */<br />
/* remove category help button (does it remove other stuff? mmm...) */<br />
#mw-indicator-mw-helplink {<br />
display: none;<br />
}<br />
<br />
/* Menu bar, position fixed to be able to grab it to resize the map on mobile devices */<br />
#navwrapper {<br />
position: fixed;<br />
top: 0;<br />
right: 0;<br />
z-index: 1000;<br />
left: 0;<br />
}<br />
<br />
h4.namespace.label {<br />
display: none;<br />
}<br />
<br />
.mw-editsection, .mw-editsection-like {<br />
font-size: 10px;<br />
}<br />
<br />
#actions {<br />
left: initial !important;<br />
right: 14px;<br />
top: -21px;<br />
background-color: var(--accent-bg);<br />
border: 1px solid var(--text-light);<br />
color: var(--text-light);<br />
}<br />
a#actions-button {<br />
margin-top: -1em;<br />
background-color: var(--accent-bg);<br />
padding: 5px;<br />
color: var(--text-light);<br />
}<br />
.fa,<br />
button, .button,<br />
.top-bar-section ul li > a {<br />
font-family: var(--font-body);<br />
}<br />
.fa::before {<br />
font-family: FontAwesome;<br />
}<br />
<br />
.top-bar,<br />
.top-bar-section,<br />
#top-bar-left,<br />
#top-bar-right,<br />
#top-bar-right .columns {<br />
display: flex;<br />
background-color: --bg-top;<br />
align-items: center;<br />
justify-content: space-evenly;<br />
}<br />
#top-bar-left {<br />
width: initial;<br />
}<br />
.top-bar-section {<br />
flex-grow: 1;<br />
}<br />
.has-form {<br />
flex-grow: 1;<br />
padding: 0.5em !important;<br />
}<br />
#top-bar-right {<br />
justify-content: space-between;<br />
flex-grow: 1;<br />
}<br />
.top-bar input {<br />
padding-top: 8px;<br />
flex-grow: 1;<br />
height: 2em;<br />
box-sizing: border-box;<br />
border: 0;<br />
outline: 0;<br />
}<br />
.button.search {<br />
background-color: transparent;<br />
border-style: solid;<br />
border-width: 2px;<br />
border-image: linear-gradient(to right, var(--color-a), var(--color-b));<br />
border-image-slice: 1;<br />
top: 2px !important;<br />
position: relative;<br />
margin-left: 0px !important;<br />
box-sizing: border-box;<br />
padding: 0;<br />
width: 80px;<br />
height: 2em;<br />
margin: 0;<br />
top: 0 !important;<br />
}<br />
.button.search:hover {<br />
background-color: var(--color-a);<br />
}<br />
.suggestions-result-current {<br />
background-color: var(--color-b) !important;<br />
}<br />
<br />
.top-bar .toggle-topbar a {<br />
text-transform: lowercase;<br />
font-size: 1em;<br />
}<br />
<br />
#toc, .toc {<br />
float: right;<br />
margin-left: 1em;<br />
max-width: 45%;<br />
background-color: var(--accent-bg);<br />
border-radius: 5px;<br />
}<br />
.toctitle {<br />
margin-bottom: -1em;<br />
}<br />
#toc h2 {<br />
margin-top: 0.25em;<br />
font-size: 1em;<br />
display: inline-block;<br />
margin-right: 0.5em;<br />
}<br />
#toc ul {<br />
margin: 0;<br />
}<br />
.tocnumber:after {<br />
content: " – ";<br />
}<br />
<br />
table.infobox {<br />
width: initial;<br />
max-width: 45%;<br />
}<br />
table.infobox th.head {<br />
background-color: var(--color-b);<br />
}<br />
th, td {<br />
padding: 0.5em !important;<br />
}<br />
<br />
li {<br />
line-height: initial;<br />
}<br />
<br />
.mw-category-generated {<br />
margin-top: 2em;<br />
}<br />
<br />
/* if no content but only listing subcategories */<br />
.mw-parser-output:empty + .mw-category-generated h2 {<br />
display: none;<br />
}<br />
<br />
/* If only one subcategory, don't list the initial */<br />
.mw-category-generated #mw-pages div:only-of-type h3,<br />
#mw-subcategories div:only-of-type h3 {<br />
/*display: none;*/<br />
}<br />
<br />
/* removes counting of categories */<br />
.mw-category-generated #mw-pages p:first-of-type,<br />
#mw-subcategories p:first-of-type {<br />
display: none;<br />
}<br />
<br />
.group {<br />
margin-top: 5em;<br />
}<br />
#catlinks .label {<br />
border-width: 2px;<br />
border-style: solid;<br />
background-color: transparent;<br />
padding: 2px 6px !important;<br />
}<br />
<br />
/* HEADER ------------------------------------------------------------------ */<br />
.title-name {<br />
font-family: var(--font-title);<br />
font-weight: bold;<br />
}<br />
.title-name:hover {<br />
color: var(--color-a);<br />
}<br />
<br />
<br />
<br />
.top-bar-section .has-form {<br />
background-color: #222 !important;<br />
}<br />
.top-bar-section .has-dropdown > a::after {<br />
display: none;<br />
}<br />
.top-bar-section .has-dropdown > a {<br />
padding-right: initial !important;<br />
}<br />
.top-bar-section .dropdown li {<br />
width: initial;<br />
/*height: 2em;*/<br />
position: relative;<br />
padding: 0;<br />
border-bottom: 1px solid lightgray;<br />
}<br />
.top-bar-section ul li {<br />
padding: 0 0.5em;<br />
background-color: #222;<br />
}<br />
.top-bar-section ul li:hover {<br />
z-index: 1000;<br />
}<br />
.top-bar-section ul li > a {<br />
font-size: 16px;<br />
padding: 0;<br />
font-weight: bold;<br />
}<br />
<br />
li#p-menu > a {<br />
text-transform: uppercase;<br />
padding: 0;<br />
}<br />
li#p-menu > a + ul li {<br />
outline: 1px solid #00a393;<br />
}<br />
<br />
.top-bar-section .dropdown li:not(.has-form):not(.active):hover > a:not(.button) {<br />
background: linear-gradient(90deg,var(--color-a), var(--color-b));<br />
}<br />
li#p-menu + li.has-dropdown {<br />
width: 3em;<br />
text-align: center;<br />
}<br />
li#p-menu + li.has-dropdown > a {<br />
border-radius: 100%;<br />
padding: 0;<br />
text-align: center;<br />
line-height: 30px;<br />
margin: auto;<br />
display: inline-block;<br />
width: 30px;<br />
box-sizing: border-box;<br />
height: 30px;<br />
}<br />
.not-logged-in #top-bar-right li:nth-child(3) {<br />
display: none;<br />
}<br />
<br />
#toolbox-dropdown li, #personal-tools-dropdown .dropdown li {<br />
float: right;<br />
}<br />
<br />
.back h5 {<br />
font-size: 2em !important;<br />
}<br />
a.parent-link {<br />
color: var(--color-b) !important;<br />
font-weight: bold !important;<br />
}<br />
<br />
/* CONTENT ------------------------------------------------------------------ */<br />
#page-content {<br />
margin: 1em;<br />
color: var(--text);<br />
}<br />
#english {<br />
position: relative;<br />
top: -1.5em;<br />
}<br />
<br />
h1, h2, h3, h4, h5, h6 {<br />
margin-top: 2em;<br />
color: var(--color-b);<br />
line-height: 1.5em;<br />
font-family: var(--font-body);<br />
}<br />
h1, h1#firstHeading, h2 {<br />
font-family: var(--font-title);<br />
font-size: 1.5em;<br />
}<br />
<br />
h1 {<br />
color: var(--color-a);<br />
}<br />
h2 span {<br />
display: initial;<br />
}<br />
h3 {<br />
font-family: var(--font-title);<br />
font-size: 1em;<br />
}<br />
body.action-view #page-content a {<br />
border-image: linear-gradient(to right, var(--color-a), var(--color-b));<br />
border-bottom-width: 2px;<br />
border-image-slice: 1;<br />
color: var(--text);<br />
border-bottom-style: solid;<br />
padding: 3px 5px 1px;<br />
<br />
}<br />
#page-content a:hover,<br />
#catlinks .label:hover {<br />
background-color: var(--color-a);<br />
color: white !important;<br />
}<br />
/* Removes user name */<br />
h3#tagline {<br />
display: none;<br />
}<br />
#bodyContent {<br />
margin-top: 3em;<br />
}<br />
<br />
#page-content ul, #page-content ol {<br />
font-size: 1em;<br />
margin-top: var(--line-height) !important;<br />
margin-bottom: var(--line-height) !important;<br />
}<br />
div {<br />
line-height: 1.4em ;<br />
}<br />
label {<br />
color: var(--text-light);<br />
}<br />
label[for="wpCaptchaWord"]{<br />
background-color: orangered;<br />
}<br />
code, pre {<br />
color: darkgrey;<br />
background-color: #181818;<br />
border: 1px solid darkgrey;<br />
border-radius:3px;<br />
font-size: 0.8em;<br />
padding: 1ch;<br />
}<br />
<br />
<br />
/* ACTUALITÉS ------------------------------------------------------------------ */<br />
.medialisting {<br />
display: flex;<br />
flex-wrap: wrap;<br />
}<br />
.medialisting a {<br />
border: 0 !important;<br />
}<br />
.Media {<br />
display: flex;<br />
align-items: flex-start;<br />
margin-bottom: 1em;<br />
flex-direction: column;<br />
flex-basis: 32%;<br />
box-sizing: border-box;<br />
justify-content: center;<br />
padding: 0.5em;<br />
background: radial-gradient(var(--color-a) -31%, transparent 60%);<br />
}<br />
.Media:nth-child(2n) {<br />
background: radial-gradient(var(--color-b) -31%, transparent 60%);<br />
}<br />
.Media-body {<br />
flex: initial;<br />
}<br />
<br />
.flexgal {<br />
display: flex;<br />
flex-wrap: wrap;<br />
}<br />
<br />
/* THUMBNAILS ------------------------------------------------------------------ */<br />
.thumbinner {<br />
background-color: var(--accent-bg);<br />
}<br />
.thumb.tleft {<br />
margin-right: 2em;<br />
}<br />
.Media-figure a,<br />
.image.fancybox {<br />
display: inline-block;<br />
}<br />
.magnify a {<br />
text-indent: 0;<br />
width: 25px;<br />
height: 25px;<br />
border-style: solid;<br />
border-width: 2px;<br />
line-height: 15px;<br />
}<br />
.magnify a:before {<br />
content: "+";<br />
font-family: FontAwesome;<br />
font-size: 20px;<br />
}<br />
<br />
/* MEDIA QUERIES ------------------------------------------------------------------ */<br />
@media (max-width: 800px) {<br />
div.tleft, div.floatleft, table.floatleft {<br />
width: 100%;<br />
margin-bottom: 3em;<br />
}<br />
#toc {<br />
max-width: initial;<br />
width: 100%;<br />
margin-left: 0;<br />
<br />
<br />
}<br />
}<br />
@media only screen and (max-width: 600px) {<br />
.top-bar,<br />
.top-bar-section,<br />
#top-bar-right,<br />
#top-bar-right .columns {<br />
display: inherit;<br />
}<br />
.top-bar.expanded {<br />
flex-wrap: wrap;<br />
}<br />
.top-bar.expanded .title-area {<br />
display: flex;<br />
flex-grow: 1;<br />
justify-content: space-between;<br />
}<br />
.top-bar.expanded .top-bar,<br />
.top-bar.expanded .top-bar-section,<br />
.top-bar.expanded #top-bar-right,<br />
.top-bar.expanded #top-bar-right .columns {<br />
display: flex;<br />
align-items: center;<br />
}<br />
.divider.show-for-small {<br />
display: none !important;<br />
}<br />
}<br />
<br />
/* Formulaire d'edition ------------------------------------------------------------------ */<br />
#editform<br />
{<br />
margin-top: -5vh;<br />
}</div>
Olfz3b
https://wiki.erg.be/mw/index.php?title=MediaWiki:Ouroboros.css&diff=22165
MediaWiki:Ouroboros.css
2024-01-25T00:35:35Z
<p>Olfz3b : </p>
<hr />
<div><br />
/*<br />
_ ______ _____ _ _______ _ _ _________ _ _ ______ __ __ ______ <br />
| | | ____| / ____| |/ /_ _| \ | | / /__ __| | | | ____| \/ | ____|<br />
| | | |__ | (___ | ' / | | | \| | / / | | | |__| | |__ | \ / | |__ <br />
| | | __| \___ \| < | | | . ` | / / | | | __ | __| | |\/| | __| <br />
| |____| |____ ____) | . \ _| |_| |\ |/ / | | | | | | |____| | | | |____ <br />
|______|______|_|_____/|_|\_\_____|_|_\_/_/___ _ |_| |_| |_|______|_| |_|______|<br />
/ __ \| ____| ____|_ _/ ____|_ _| ____| | <br />
| | | | |__ | |__ | || | | | | |__ | | <br />
| | | | __| | __| | || | | | | __| | | <br />
| |__| | | | | _| || |____ _| |_| |____| |____ <br />
\____/|_|____|_| |_____\_____|_____|______|______| <br />
| __ \| ____| <br />
| | | | |__ <br />
| | | | __| <br />
| |__| | |____ <br />
|_____/|______|_ _____ _____ <br />
| | | ____| __ \ / ____| <br />
| | | |__ | |__) | | __ <br />
| | | __| | _ /| | |_ | <br />
| |____ | |____| | \ \| |__| | <br />
|______| |______|_| \_\\_____| <br />
<br />
<br />
*/<br />
<br />
<br />
@font-face {<br />
font-family: Combined;<br />
src: url("/mw/skins/foreground/assets/fonts/combined.otf");<br />
}<br />
@font-face {<br />
font-family: Lucette;<br />
src: url("/mw/skins/foreground/assets/fonts/LUCETTE/font/otf/Lucette-Regular.otf");<br />
src: url("/mw/skins/foreground/assets/fonts/LUCETTE/font/ttf/Lucette-Regular.ttf");<br />
src: url("/mw/skins/foreground/assets/fonts/LUCETTE/font/woff/Lucette-Regular.woff");<br />
src: url("/mw/skins/foreground/assets/fonts/LUCETTE/font/woff2/Lucette-Regular.woff2");<br />
}<br />
@font-face {<br />
font-family: Lucette;<br />
src: url("/mw/skins/foreground/assets/fonts/LUCETTE/font/otf/Lucette-Regularitalic.otf");<br />
src: url("/mw/skins/foreground/assets/fonts/LUCETTE/font/ttf/Lucette-Regularitalic.ttf");<br />
src: url("/mw/skins/foreground/assets/fonts/LUCETTE/font/woff/Lucette-Regularitalic.woff");<br />
src: url("/mw/skins/foreground/assets/fonts/LUCETTE/font/woff2/Lucette-Regularitalic.woff2");<br />
font-style: italic;<br />
}<br />
/*<br />
@font-face {<br />
font-family: Vega;<br />
src: url("/mw/skins/foreground/assets/fonts/otf/Vega-Regular.otf");<br />
src: url("/mw/skins/foreground/assets/fonts/Vega-Regular.ttf") format("truetype");<br />
src: url("/mw/skins/foreground/assets/fonts/Vega-Regular-Webfont.svg" format("svg"));<br />
src: url("/mw/skins/foreground/assets/fonts/Vega-Regular.woff" format("woff"));<br />
src: url("/mw/skins/foreground/assets/fonts/Vega-Regular.woff2") format("woff2");<br />
}<br />
*/<br />
<br />
<br />
<br />
<br />
/* Global variables. */<br />
:root,<br />
::backdrop {<br />
/* Set sans-serif & mono fonts */<br />
--sans-font: -apple-system, BlinkMacSystemFont, "Avenir Next", Avenir,<br />
"Nimbus Sans L", Roboto, "Noto Sans", "Segoe UI", Arial, Helvetica,<br />
"Helvetica Neue", sans-serif;<br />
--mono-font: Consolas, Menlo, Monaco, "Andale Mono", "Ubuntu Mono", monospace;<br />
--standard-border-radius: 5px;<br />
<br />
/* Default (light) theme */<br />
--bg: #fff;<br />
--bg-top: #222;<br />
--accent-bg: #f5f7ff;<br />
--text: #212121;<br />
--text-light: #585858;<br />
--border: #898EA4;<br />
--accent: #0d47a1;<br />
--accent-hover: #1266e2;<br />
--accent-text: var(--bg);<br />
--code: #d81b60;<br />
--preformatted: #444;<br />
--marked: #ffdd33;<br />
--disabled: #efefef;<br />
<br />
--font-title: Combined;<br />
--font-body: Lucette;<br />
/*--color-a: #a700ff; /* purple */ */<br />
--color-b: #00ab6b; /* green */<br />
--font-size: 23px;<br />
--line-height: 1.3em;<br />
}<br />
<br />
/* Dark theme */<br />
@media (prefers-color-scheme: dark) {<br />
:root,<br />
::backdrop {<br />
color-scheme: dark;<br />
<br />
--bg: black;<br />
/* sorry I had 2 do this.... */<br />
/* --accent-bg: #2b2b2b; */<br />
--accent-bg: black;<br />
--text: white ; /* #dcdcdc; */<br />
--text-light: #ababab;<br />
--accent: #ffb300;<br />
--accent-hover: #ffe099;<br />
--accent-text: var(--bg);<br />
--code: #f06292;<br />
--preformatted: #ccc;<br />
--disabled: #111;<br />
<br />
--font-title: Combined;<br />
--font-body: Lucette;<br />
/*--color-a: #9557b5; /* washed-off purple */<br />
--color-b: #3c856b; /* washed-off green */ */<br />
--color-a: red; <br />
--color-b: yellow;<br />
--font-size: 23px;<br />
--line-height: 1.3em;<br />
--bg-top: black;<br />
}<br />
}<br />
<br />
/* Reset box-sizing */<br />
*, *::before, *::after {<br />
box-sizing: border-box;<br />
}<br />
<br />
body {<br />
font-family: var(--font-body);<br />
font-size: var(--font-size);<br />
line-height: var(--line-height);<br />
padding-top: 3em;<br />
background-color: var(--bg);<br />
color: var(--text);<br />
}<br />
p {<br />
font-size: var(--font-size);<br />
line-height: var(--line-height);<br />
margin-bottom: 0;<br />
}<br />
p + p {<br />
margin-top: var(--line-height);<br />
}<br />
<br />
/* INTERFACE ------------------------------------------------------------------ */<br />
/* remove category help button (does it remove other stuff? mmm...) */<br />
#mw-indicator-mw-helplink {<br />
display: none;<br />
}<br />
<br />
/* Menu bar, position fixed to be able to grab it to resize the map on mobile devices */<br />
#navwrapper {<br />
position: fixed;<br />
top: 0;<br />
right: 0;<br />
z-index: 1000;<br />
left: 0;<br />
}<br />
<br />
h4.namespace.label {<br />
display: none;<br />
}<br />
<br />
.mw-editsection, .mw-editsection-like {<br />
font-size: 10px;<br />
}<br />
<br />
#actions {<br />
left: initial !important;<br />
right: 14px;<br />
top: -21px;<br />
background-color: var(--accent-bg);<br />
border: 1px solid var(--text-light);<br />
color: var(--text-light);<br />
}<br />
a#actions-button {<br />
margin-top: -1em;<br />
background-color: var(--accent-bg);<br />
padding: 5px;<br />
color: var(--text-light);<br />
}<br />
.fa,<br />
button, .button,<br />
.top-bar-section ul li > a {<br />
font-family: var(--font-body);<br />
}<br />
.fa::before {<br />
font-family: FontAwesome;<br />
}<br />
<br />
.top-bar,<br />
.top-bar-section,<br />
#top-bar-left,<br />
#top-bar-right,<br />
#top-bar-right .columns {<br />
display: flex;<br />
background-color: --bg-top;<br />
align-items: center;<br />
justify-content: space-evenly;<br />
}<br />
#top-bar-left {<br />
width: initial;<br />
}<br />
.top-bar-section {<br />
flex-grow: 1;<br />
}<br />
.has-form {<br />
flex-grow: 1;<br />
padding: 0.5em !important;<br />
}<br />
#top-bar-right {<br />
justify-content: space-between;<br />
flex-grow: 1;<br />
}<br />
.top-bar input {<br />
padding-top: 8px;<br />
flex-grow: 1;<br />
height: 2em;<br />
box-sizing: border-box;<br />
border: 0;<br />
outline: 0;<br />
}<br />
.button.search {<br />
background-color: transparent;<br />
border-style: solid;<br />
border-width: 2px;<br />
border-image: linear-gradient(to right, var(--color-a), var(--color-b));<br />
border-image-slice: 1;<br />
top: 2px !important;<br />
position: relative;<br />
margin-left: 0px !important;<br />
box-sizing: border-box;<br />
padding: 0;<br />
width: 80px;<br />
height: 2em;<br />
margin: 0;<br />
top: 0 !important;<br />
}<br />
.button.search:hover {<br />
background-color: var(--color-a);<br />
}<br />
.suggestions-result-current {<br />
background-color: var(--color-b) !important;<br />
}<br />
<br />
.top-bar .toggle-topbar a {<br />
text-transform: lowercase;<br />
font-size: 1em;<br />
}<br />
<br />
#toc, .toc {<br />
float: right;<br />
margin-left: 1em;<br />
max-width: 45%;<br />
background-color: var(--accent-bg);<br />
border-radius: 5px;<br />
}<br />
.toctitle {<br />
margin-bottom: -1em;<br />
}<br />
#toc h2 {<br />
margin-top: 0.25em;<br />
font-size: 1em;<br />
display: inline-block;<br />
margin-right: 0.5em;<br />
}<br />
#toc ul {<br />
margin: 0;<br />
}<br />
.tocnumber:after {<br />
content: " – ";<br />
}<br />
<br />
table.infobox {<br />
width: initial;<br />
max-width: 45%;<br />
}<br />
table.infobox th.head {<br />
background-color: var(--color-b);<br />
}<br />
th, td {<br />
padding: 0.5em !important;<br />
}<br />
<br />
li {<br />
line-height: initial;<br />
}<br />
<br />
.mw-category-generated {<br />
margin-top: 2em;<br />
}<br />
<br />
/* if no content but only listing subcategories */<br />
.mw-parser-output:empty + .mw-category-generated h2 {<br />
display: none;<br />
}<br />
<br />
/* If only one subcategory, don't list the initial */<br />
.mw-category-generated #mw-pages div:only-of-type h3,<br />
#mw-subcategories div:only-of-type h3 {<br />
/*display: none;*/<br />
}<br />
<br />
/* removes counting of categories */<br />
.mw-category-generated #mw-pages p:first-of-type,<br />
#mw-subcategories p:first-of-type {<br />
display: none;<br />
}<br />
<br />
.group {<br />
margin-top: 5em;<br />
}<br />
#catlinks .label {<br />
border-width: 2px;<br />
border-style: solid;<br />
background-color: transparent;<br />
padding: 2px 6px !important;<br />
}<br />
<br />
/* HEADER ------------------------------------------------------------------ */<br />
.title-name {<br />
font-family: var(--font-title);<br />
font-weight: bold;<br />
}<br />
.title-name:hover {<br />
color: var(--color-a);<br />
}<br />
<br />
<br />
<br />
.top-bar-section .has-form {<br />
background-color: #222 !important;<br />
}<br />
.top-bar-section .has-dropdown > a::after {<br />
display: none;<br />
}<br />
.top-bar-section .has-dropdown > a {<br />
padding-right: initial !important;<br />
}<br />
.top-bar-section .dropdown li {<br />
width: initial;<br />
/*height: 2em;*/<br />
position: relative;<br />
padding: 0;<br />
border-bottom: 1px solid lightgray;<br />
}<br />
.top-bar-section ul li {<br />
padding: 0 0.5em;<br />
background-color: #222;<br />
}<br />
.top-bar-section ul li:hover {<br />
z-index: 1000;<br />
}<br />
.top-bar-section ul li > a {<br />
font-size: 16px;<br />
padding: 0;<br />
font-weight: bold;<br />
}<br />
<br />
li#p-menu > a {<br />
text-transform: uppercase;<br />
padding: 0;<br />
}<br />
li#p-menu > a + ul li {<br />
outline: 1px solid #00a393;<br />
}<br />
<br />
.top-bar-section .dropdown li:not(.has-form):not(.active):hover > a:not(.button) {<br />
background: linear-gradient(90deg,var(--color-a), var(--color-b));<br />
}<br />
li#p-menu + li.has-dropdown {<br />
width: 3em;<br />
text-align: center;<br />
}<br />
li#p-menu + li.has-dropdown > a {<br />
border-radius: 100%;<br />
padding: 0;<br />
text-align: center;<br />
line-height: 30px;<br />
margin: auto;<br />
display: inline-block;<br />
width: 30px;<br />
box-sizing: border-box;<br />
height: 30px;<br />
}<br />
.not-logged-in #top-bar-right li:nth-child(3) {<br />
display: none;<br />
}<br />
<br />
#toolbox-dropdown li, #personal-tools-dropdown .dropdown li {<br />
float: right;<br />
}<br />
<br />
.back h5 {<br />
font-size: 2em !important;<br />
}<br />
a.parent-link {<br />
color: var(--color-b) !important;<br />
font-weight: bold !important;<br />
}<br />
<br />
/* CONTENT ------------------------------------------------------------------ */<br />
#page-content {<br />
margin: 1em;<br />
color: var(--text);<br />
}<br />
#english {<br />
position: relative;<br />
top: -1.5em;<br />
}<br />
<br />
h1, h2, h3, h4, h5, h6 {<br />
margin-top: 2em;<br />
color: var(--color-b);<br />
line-height: 1.5em;<br />
font-family: var(--font-body);<br />
}<br />
h1, h1#firstHeading, h2 {<br />
font-family: var(--font-title);<br />
font-size: 1.5em;<br />
}<br />
<br />
h1 {<br />
color: var(--color-a);<br />
}<br />
h2 span {<br />
display: initial;<br />
}<br />
h3 {<br />
font-family: var(--font-title);<br />
font-size: 1em;<br />
}<br />
body.action-view #page-content a {<br />
border-image: linear-gradient(to right, var(--color-a), var(--color-b));<br />
border-bottom-width: 2px;<br />
border-image-slice: 1;<br />
color: var(--text);<br />
border-bottom-style: solid;<br />
padding: 3px 5px 1px;<br />
<br />
}<br />
#page-content a:hover,<br />
#catlinks .label:hover {<br />
background-color: var(--color-a);<br />
color: white !important;<br />
}<br />
/* Removes user name */<br />
h3#tagline {<br />
display: none;<br />
}<br />
#bodyContent {<br />
margin-top: 3em;<br />
}<br />
<br />
#page-content ul, #page-content ol {<br />
font-size: 1em;<br />
margin-top: var(--line-height) !important;<br />
margin-bottom: var(--line-height) !important;<br />
}<br />
div {<br />
line-height: 1.4em ;<br />
}<br />
label {<br />
color: var(--text-light);<br />
}<br />
label[for="wpCaptchaWord"]{<br />
background-color: orangered;<br />
}<br />
code, pre {<br />
color: darkgrey;<br />
background-color: #181818;<br />
border: 1px solid darkgrey;<br />
border-radius:3px;<br />
font-size: 0.8em;<br />
padding: 1ch;<br />
}<br />
<br />
<br />
/* ACTUALITÉS ------------------------------------------------------------------ */<br />
.medialisting {<br />
display: flex;<br />
flex-wrap: wrap;<br />
}<br />
.medialisting a {<br />
border: 0 !important;<br />
}<br />
.Media {<br />
display: flex;<br />
align-items: flex-start;<br />
margin-bottom: 1em;<br />
flex-direction: column;<br />
flex-basis: 32%;<br />
box-sizing: border-box;<br />
justify-content: center;<br />
padding: 0.5em;<br />
background: radial-gradient(var(--color-a) -31%, transparent 60%);<br />
}<br />
.Media:nth-child(2n) {<br />
background: radial-gradient(var(--color-b) -31%, transparent 60%);<br />
}<br />
.Media-body {<br />
flex: initial;<br />
}<br />
<br />
.flexgal {<br />
display: flex;<br />
flex-wrap: wrap;<br />
}<br />
<br />
/* THUMBNAILS ------------------------------------------------------------------ */<br />
.thumbinner {<br />
background-color: var(--accent-bg);<br />
}<br />
.thumb.tleft {<br />
margin-right: 2em;<br />
}<br />
.Media-figure a,<br />
.image.fancybox {<br />
display: inline-block;<br />
}<br />
.magnify a {<br />
text-indent: 0;<br />
width: 25px;<br />
height: 25px;<br />
border-style: solid;<br />
border-width: 2px;<br />
line-height: 15px;<br />
}<br />
.magnify a:before {<br />
content: "+";<br />
font-family: FontAwesome;<br />
font-size: 20px;<br />
}<br />
<br />
/* MEDIA QUERIES ------------------------------------------------------------------ */<br />
@media (max-width: 800px) {<br />
div.tleft, div.floatleft, table.floatleft {<br />
width: 100%;<br />
margin-bottom: 3em;<br />
}<br />
#toc {<br />
max-width: initial;<br />
width: 100%;<br />
margin-left: 0;<br />
<br />
<br />
}<br />
}<br />
@media only screen and (max-width: 600px) {<br />
.top-bar,<br />
.top-bar-section,<br />
#top-bar-right,<br />
#top-bar-right .columns {<br />
display: inherit;<br />
}<br />
.top-bar.expanded {<br />
flex-wrap: wrap;<br />
}<br />
.top-bar.expanded .title-area {<br />
display: flex;<br />
flex-grow: 1;<br />
justify-content: space-between;<br />
}<br />
.top-bar.expanded .top-bar,<br />
.top-bar.expanded .top-bar-section,<br />
.top-bar.expanded #top-bar-right,<br />
.top-bar.expanded #top-bar-right .columns {<br />
display: flex;<br />
align-items: center;<br />
}<br />
.divider.show-for-small {<br />
display: none !important;<br />
}<br />
}<br />
<br />
/* Formulaire d'edition ------------------------------------------------------------------ */<br />
#editform<br />
{<br />
margin-top: -5vh;<br />
}</div>
Olfz3b
https://wiki.erg.be/mw/index.php?title=%C3%89cole_de_recherche_graphique&diff=22164
École de recherche graphique
2024-01-24T22:05:44Z
<p>Olfz3b : </p>
<hr />
<div>__NOTITLE__<br />
{{DISPLAYTITLE:<span style="display:none">{{Bienvenue à l'erg}}</span>}}<br />
<br />
<br />
<br />
<br />
<pre id="ascii" style="<br />
width: fit-content;<br />
line-height: 12px;<br />
font-size: 15px;<br />
font-family: monospace;<br />
overflow: hidden;<br />
margin: 0 auto;<br />
padding: 0;<br />
background-color: black;<br />
color:red;<br />
"> <br />
__.....__ <br />
.-'' '. .--./) <br />
/ .-''"'-. `. .-,.--. /.''\\ <br />
bienvenue à l' / /________\ \ | .-. | | | <br />
| | | | | | \`-' / <br />
\ .-------------' | | | | /("'` <br />
\ '-.____...---. | | '- \ '---. <br />
`. .'cole de | |echerche /'""'.\ raphique <br />
`''-...... -' | | || | <br />
|_| \'. _ _/ <br />
`'---'</pre> <br />
<br />
<br />
<br />
{{English|Welcome to erg}}<br />
<br />
=== winterschool 2024 ===<br />
* [[Workshop : WIKI MAINTENANCE]]<br />
<br />
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'''.<br />
<br />
* [[projet pédagogique]]<br />
* [[Cursus_transdisciplinaire_Bachelors_-_Masters|cursus transdisciplinaire]]<br />
* [[Espaces transversaux, pratiques collectives|espaces transversaux, pratiques collectives]]<br />
* [[séminaires, workshops, conférences]]<br />
* [[Guide Wiki | guide pour utiliser le wiki]]<br />
* [[Doctorat_et_recherche|recherche]]<br />
* [[Étudier et être accompagné·e à l'erg|étudier et être accompagné·e à l'erg]]<br />
* [[Autour_de_l'erg|autour de l'erg]]<br />
* [[contact]]<br />
<br />
<br />
*[[Actualités (2023)|news]]<br />
<br />
{{NewsActivity<br />
|limit=4<br />
}}<br />
<br />
===Newsletter & réseaux===<br />
<br />
Inscrivez-vous à notre '''[http://eepurl.com/igdz0r newsletter]''' ou scannez le QRcode.<br />
<br />
<!-- [[Fichier:Qrcoderg.png|150px|link=]] --><br />
<br />
'''[https://www.instagram.com/ergunlieuderecherche/?hl=fr instagram]''' / '''[https://www.facebook.com/ergunlieuderecherche facebook]''' /<br />
'''[https://vimeo.com/channels/erg vimeo]'''<br />
<br />
<br />
<br />
__NOTOC__</div>
Olfz3b
https://wiki.erg.be/mw/index.php?title=%C3%89cole_de_recherche_graphique&diff=22163
École de recherche graphique
2024-01-24T22:05:25Z
<p>Olfz3b : </p>
<hr />
<div>__NOTITLE__<br />
{{DISPLAYTITLE:<span style="display:none">{{Bienvenue à l'erg}}</span>}}<br />
<br />
<br />
<br />
<br />
<pre id="ascii" style="<br />
width: fit-content;<br />
line-height: 15px;<br />
font-size: 15px;<br />
font-family: monospace;<br />
overflow: hidden;<br />
margin: 0 auto;<br />
padding: 0;<br />
background-color: black;<br />
color:red;<br />
"> <br />
__.....__ <br />
.-'' '. .--./) <br />
/ .-''"'-. `. .-,.--. /.''\\ <br />
bienvenue à l' / /________\ \ | .-. | | | <br />
| | | | | | \`-' / <br />
\ .-------------' | | | | /("'` <br />
\ '-.____...---. | | '- \ '---. <br />
`. .'cole de | |echerche /'""'.\ raphique <br />
`''-...... -' | | || | <br />
|_| \'. _ _/ <br />
`'---'</pre> <br />
<br />
<br />
<br />
{{English|Welcome to erg}}<br />
<br />
=== winterschool 2024 ===<br />
* [[Workshop : WIKI MAINTENANCE]]<br />
<br />
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'''.<br />
<br />
* [[projet pédagogique]]<br />
* [[Cursus_transdisciplinaire_Bachelors_-_Masters|cursus transdisciplinaire]]<br />
* [[Espaces transversaux, pratiques collectives|espaces transversaux, pratiques collectives]]<br />
* [[séminaires, workshops, conférences]]<br />
* [[Guide Wiki | guide pour utiliser le wiki]]<br />
* [[Doctorat_et_recherche|recherche]]<br />
* [[Étudier et être accompagné·e à l'erg|étudier et être accompagné·e à l'erg]]<br />
* [[Autour_de_l'erg|autour de l'erg]]<br />
* [[contact]]<br />
<br />
<br />
*[[Actualités (2023)|news]]<br />
<br />
{{NewsActivity<br />
|limit=4<br />
}}<br />
<br />
===Newsletter & réseaux===<br />
<br />
Inscrivez-vous à notre '''[http://eepurl.com/igdz0r newsletter]''' ou scannez le QRcode.<br />
<br />
<!-- [[Fichier:Qrcoderg.png|150px|link=]] --><br />
<br />
'''[https://www.instagram.com/ergunlieuderecherche/?hl=fr instagram]''' / '''[https://www.facebook.com/ergunlieuderecherche facebook]''' /<br />
'''[https://vimeo.com/channels/erg vimeo]'''<br />
<br />
<br />
<br />
__NOTOC__</div>
Olfz3b
https://wiki.erg.be/mw/index.php?title=MediaWiki:Ouroboros.css&diff=22162
MediaWiki:Ouroboros.css
2024-01-24T22:03:09Z
<p>Olfz3b : </p>
<hr />
<div><br />
/*<br />
_ ______ _____ _ _______ _ _ _________ _ _ ______ __ __ ______ <br />
| | | ____| / ____| |/ /_ _| \ | | / /__ __| | | | ____| \/ | ____|<br />
| | | |__ | (___ | ' / | | | \| | / / | | | |__| | |__ | \ / | |__ <br />
| | | __| \___ \| < | | | . ` | / / | | | __ | __| | |\/| | __| <br />
| |____| |____ ____) | . \ _| |_| |\ |/ / | | | | | | |____| | | | |____ <br />
|______|______|_|_____/|_|\_\_____|_|_\_/_/___ _ |_| |_| |_|______|_| |_|______|<br />
/ __ \| ____| ____|_ _/ ____|_ _| ____| | <br />
| | | | |__ | |__ | || | | | | |__ | | <br />
| | | | __| | __| | || | | | | __| | | <br />
| |__| | | | | _| || |____ _| |_| |____| |____ <br />
\____/|_|____|_| |_____\_____|_____|______|______| <br />
| __ \| ____| <br />
| | | | |__ <br />
| | | | __| <br />
| |__| | |____ <br />
|_____/|______|_ _____ _____ <br />
| | | ____| __ \ / ____| <br />
| | | |__ | |__) | | __ <br />
| | | __| | _ /| | |_ | <br />
| |____ | |____| | \ \| |__| | <br />
|______| |______|_| \_\\_____| <br />
<br />
<br />
*/<br />
<br />
<br />
@font-face {<br />
font-family: Combined;<br />
src: url("/mw/skins/foreground/assets/fonts/combined.otf");<br />
}<br />
@font-face {<br />
font-family: Lucette;<br />
src: url("/mw/skins/foreground/assets/fonts/LUCETTE/font/otf/Lucette-Regular.otf");<br />
src: url("/mw/skins/foreground/assets/fonts/LUCETTE/font/ttf/Lucette-Regular.ttf");<br />
src: url("/mw/skins/foreground/assets/fonts/LUCETTE/font/woff/Lucette-Regular.woff");<br />
src: url("/mw/skins/foreground/assets/fonts/LUCETTE/font/woff2/Lucette-Regular.woff2");<br />
}<br />
@font-face {<br />
font-family: Lucette;<br />
src: url("/mw/skins/foreground/assets/fonts/LUCETTE/font/otf/Lucette-Regularitalic.otf");<br />
src: url("/mw/skins/foreground/assets/fonts/LUCETTE/font/ttf/Lucette-Regularitalic.ttf");<br />
src: url("/mw/skins/foreground/assets/fonts/LUCETTE/font/woff/Lucette-Regularitalic.woff");<br />
src: url("/mw/skins/foreground/assets/fonts/LUCETTE/font/woff2/Lucette-Regularitalic.woff2");<br />
font-style: italic;<br />
}<br />
/*<br />
@font-face {<br />
font-family: Vega;<br />
src: url("/mw/skins/foreground/assets/fonts/otf/Vega-Regular.otf");<br />
src: url("/mw/skins/foreground/assets/fonts/Vega-Regular.ttf") format("truetype");<br />
src: url("/mw/skins/foreground/assets/fonts/Vega-Regular-Webfont.svg" format("svg"));<br />
src: url("/mw/skins/foreground/assets/fonts/Vega-Regular.woff" format("woff"));<br />
src: url("/mw/skins/foreground/assets/fonts/Vega-Regular.woff2") format("woff2");<br />
}<br />
*/<br />
<br />
<br />
<br />
<br />
/* Global variables. */<br />
:root,<br />
::backdrop {<br />
/* Set sans-serif & mono fonts */<br />
--sans-font: -apple-system, BlinkMacSystemFont, "Avenir Next", Avenir,<br />
"Nimbus Sans L", Roboto, "Noto Sans", "Segoe UI", Arial, Helvetica,<br />
"Helvetica Neue", sans-serif;<br />
--mono-font: Consolas, Menlo, Monaco, "Andale Mono", "Ubuntu Mono", monospace;<br />
--standard-border-radius: 5px;<br />
<br />
/* Default (light) theme */<br />
--bg: #fff;<br />
--bg-top: #222;<br />
--accent-bg: #f5f7ff;<br />
--text: #212121;<br />
--text-light: #585858;<br />
--border: #898EA4;<br />
--accent: #0d47a1;<br />
--accent-hover: #1266e2;<br />
--accent-text: var(--bg);<br />
--code: #d81b60;<br />
--preformatted: #444;<br />
--marked: #ffdd33;<br />
--disabled: #efefef;<br />
<br />
--font-title: Combined;<br />
--font-body: Lucette;<br />
/*--color-a: #a700ff; /* purple */ */<br />
--color-b: #00ab6b; /* green */<br />
--font-size: 23px;<br />
--line-height: 1.3em;<br />
}<br />
<br />
/* Dark theme */<br />
@media (prefers-color-scheme: dark) {<br />
:root,<br />
::backdrop {<br />
color-scheme: dark;<br />
<br />
--bg: black;<br />
/* sorry I had 2 do this.... */<br />
/* --accent-bg: #2b2b2b; */<br />
--accent-bg: black;<br />
--text: #00ff10 ; /* #dcdcdc; */<br />
--text-light: #ababab;<br />
--accent: #ffb300;<br />
--accent-hover: #ffe099;<br />
--accent-text: var(--bg);<br />
--code: #f06292;<br />
--preformatted: #ccc;<br />
--disabled: #111;<br />
<br />
--font-title: Combined;<br />
--font-body: Lucette;<br />
/*--color-a: #9557b5; /* washed-off purple */<br />
--color-b: #3c856b; /* washed-off green */ */<br />
--color-a: red; <br />
--color-b: yellow;<br />
--font-size: 23px;<br />
--line-height: 1.3em;<br />
--bg-top: black;<br />
}<br />
}<br />
<br />
/* Reset box-sizing */<br />
*, *::before, *::after {<br />
box-sizing: border-box;<br />
}<br />
<br />
body {<br />
font-family: var(--font-body);<br />
font-size: var(--font-size);<br />
line-height: var(--line-height);<br />
padding-top: 3em;<br />
background-color: var(--bg);<br />
color: var(--text);<br />
}<br />
p {<br />
font-size: var(--font-size);<br />
line-height: var(--line-height);<br />
margin-bottom: 0;<br />
}<br />
p + p {<br />
margin-top: var(--line-height);<br />
}<br />
<br />
/* INTERFACE ------------------------------------------------------------------ */<br />
/* remove category help button (does it remove other stuff? mmm...) */<br />
#mw-indicator-mw-helplink {<br />
display: none;<br />
}<br />
<br />
/* Menu bar, position fixed to be able to grab it to resize the map on mobile devices */<br />
#navwrapper {<br />
position: fixed;<br />
top: 0;<br />
right: 0;<br />
z-index: 1000;<br />
left: 0;<br />
}<br />
<br />
h4.namespace.label {<br />
display: none;<br />
}<br />
<br />
.mw-editsection, .mw-editsection-like {<br />
font-size: 10px;<br />
}<br />
<br />
#actions {<br />
left: initial !important;<br />
right: 14px;<br />
top: -21px;<br />
background-color: var(--accent-bg);<br />
border: 1px solid var(--text-light);<br />
color: var(--text-light);<br />
}<br />
a#actions-button {<br />
margin-top: -1em;<br />
background-color: var(--accent-bg);<br />
padding: 5px;<br />
color: var(--text-light);<br />
}<br />
.fa,<br />
button, .button,<br />
.top-bar-section ul li > a {<br />
font-family: var(--font-body);<br />
}<br />
.fa::before {<br />
font-family: FontAwesome;<br />
}<br />
<br />
.top-bar,<br />
.top-bar-section,<br />
#top-bar-left,<br />
#top-bar-right,<br />
#top-bar-right .columns {<br />
display: flex;<br />
background-color: --bg-top;<br />
align-items: center;<br />
justify-content: space-evenly;<br />
}<br />
#top-bar-left {<br />
width: initial;<br />
}<br />
.top-bar-section {<br />
flex-grow: 1;<br />
}<br />
.has-form {<br />
flex-grow: 1;<br />
padding: 0.5em !important;<br />
}<br />
#top-bar-right {<br />
justify-content: space-between;<br />
flex-grow: 1;<br />
}<br />
.top-bar input {<br />
padding-top: 8px;<br />
flex-grow: 1;<br />
height: 2em;<br />
box-sizing: border-box;<br />
border: 0;<br />
outline: 0;<br />
}<br />
.button.search {<br />
background-color: transparent;<br />
border-style: solid;<br />
border-width: 2px;<br />
border-image: linear-gradient(to right, var(--color-a), var(--color-b));<br />
border-image-slice: 1;<br />
top: 2px !important;<br />
position: relative;<br />
margin-left: 0px !important;<br />
box-sizing: border-box;<br />
padding: 0;<br />
width: 80px;<br />
height: 2em;<br />
margin: 0;<br />
top: 0 !important;<br />
}<br />
.button.search:hover {<br />
background-color: var(--color-a);<br />
}<br />
.suggestions-result-current {<br />
background-color: var(--color-b) !important;<br />
}<br />
<br />
.top-bar .toggle-topbar a {<br />
text-transform: lowercase;<br />
font-size: 1em;<br />
}<br />
<br />
#toc, .toc {<br />
float: right;<br />
margin-left: 1em;<br />
max-width: 45%;<br />
background-color: var(--accent-bg);<br />
border-radius: 5px;<br />
}<br />
.toctitle {<br />
margin-bottom: -1em;<br />
}<br />
#toc h2 {<br />
margin-top: 0.25em;<br />
font-size: 1em;<br />
display: inline-block;<br />
margin-right: 0.5em;<br />
}<br />
#toc ul {<br />
margin: 0;<br />
}<br />
.tocnumber:after {<br />
content: " – ";<br />
}<br />
<br />
table.infobox {<br />
width: initial;<br />
max-width: 45%;<br />
}<br />
table.infobox th.head {<br />
background-color: var(--color-b);<br />
}<br />
th, td {<br />
padding: 0.5em !important;<br />
}<br />
<br />
li {<br />
line-height: initial;<br />
}<br />
<br />
.mw-category-generated {<br />
margin-top: 2em;<br />
}<br />
<br />
/* if no content but only listing subcategories */<br />
.mw-parser-output:empty + .mw-category-generated h2 {<br />
display: none;<br />
}<br />
<br />
/* If only one subcategory, don't list the initial */<br />
.mw-category-generated #mw-pages div:only-of-type h3,<br />
#mw-subcategories div:only-of-type h3 {<br />
/*display: none;*/<br />
}<br />
<br />
/* removes counting of categories */<br />
.mw-category-generated #mw-pages p:first-of-type,<br />
#mw-subcategories p:first-of-type {<br />
display: none;<br />
}<br />
<br />
.group {<br />
margin-top: 5em;<br />
}<br />
#catlinks .label {<br />
border-width: 2px;<br />
border-style: solid;<br />
background-color: transparent;<br />
padding: 2px 6px !important;<br />
}<br />
<br />
/* HEADER ------------------------------------------------------------------ */<br />
.title-name {<br />
font-family: var(--font-title);<br />
font-weight: bold;<br />
}<br />
.title-name:hover {<br />
color: var(--color-a);<br />
}<br />
<br />
<br />
<br />
.top-bar-section .has-form {<br />
background-color: #222 !important;<br />
}<br />
.top-bar-section .has-dropdown > a::after {<br />
display: none;<br />
}<br />
.top-bar-section .has-dropdown > a {<br />
padding-right: initial !important;<br />
}<br />
.top-bar-section .dropdown li {<br />
width: initial;<br />
/*height: 2em;*/<br />
position: relative;<br />
padding: 0;<br />
border-bottom: 1px solid lightgray;<br />
}<br />
.top-bar-section ul li {<br />
padding: 0 0.5em;<br />
background-color: #222;<br />
}<br />
.top-bar-section ul li:hover {<br />
z-index: 1000;<br />
}<br />
.top-bar-section ul li > a {<br />
font-size: 16px;<br />
padding: 0;<br />
font-weight: bold;<br />
}<br />
<br />
li#p-menu > a {<br />
text-transform: uppercase;<br />
padding: 0;<br />
}<br />
li#p-menu > a + ul li {<br />
outline: 1px solid #00a393;<br />
}<br />
<br />
.top-bar-section .dropdown li:not(.has-form):not(.active):hover > a:not(.button) {<br />
background: linear-gradient(90deg,var(--color-a), var(--color-b));<br />
}<br />
li#p-menu + li.has-dropdown {<br />
width: 3em;<br />
text-align: center;<br />
}<br />
li#p-menu + li.has-dropdown > a {<br />
border-radius: 100%;<br />
padding: 0;<br />
text-align: center;<br />
line-height: 30px;<br />
margin: auto;<br />
display: inline-block;<br />
width: 30px;<br />
box-sizing: border-box;<br />
height: 30px;<br />
}<br />
.not-logged-in #top-bar-right li:nth-child(3) {<br />
display: none;<br />
}<br />
<br />
#toolbox-dropdown li, #personal-tools-dropdown .dropdown li {<br />
float: right;<br />
}<br />
<br />
.back h5 {<br />
font-size: 2em !important;<br />
}<br />
a.parent-link {<br />
color: var(--color-b) !important;<br />
font-weight: bold !important;<br />
}<br />
<br />
/* CONTENT ------------------------------------------------------------------ */<br />
#page-content {<br />
margin: 1em;<br />
color: var(--text);<br />
}<br />
#english {<br />
position: relative;<br />
top: -1.5em;<br />
}<br />
<br />
h1, h2, h3, h4, h5, h6 {<br />
margin-top: 2em;<br />
color: var(--color-b);<br />
line-height: 1.5em;<br />
font-family: var(--font-body);<br />
}<br />
h1, h1#firstHeading, h2 {<br />
font-family: var(--font-title);<br />
font-size: 1.5em;<br />
}<br />
<br />
h1 {<br />
color: var(--color-a);<br />
}<br />
h2 span {<br />
display: initial;<br />
}<br />
h3 {<br />
font-family: var(--font-title);<br />
font-size: 1em;<br />
}<br />
body.action-view #page-content a {<br />
border-image: linear-gradient(to right, var(--color-a), var(--color-b));<br />
border-bottom-width: 2px;<br />
border-image-slice: 1;<br />
color: var(--text);<br />
border-bottom-style: solid;<br />
padding: 3px 5px 1px;<br />
<br />
}<br />
#page-content a:hover,<br />
#catlinks .label:hover {<br />
background-color: var(--color-a);<br />
color: white !important;<br />
}<br />
/* Removes user name */<br />
h3#tagline {<br />
display: none;<br />
}<br />
#bodyContent {<br />
margin-top: 3em;<br />
}<br />
<br />
#page-content ul, #page-content ol {<br />
font-size: 1em;<br />
margin-top: var(--line-height) !important;<br />
margin-bottom: var(--line-height) !important;<br />
}<br />
div {<br />
line-height: 1.4em ;<br />
}<br />
label {<br />
color: var(--text-light);<br />
}<br />
label[for="wpCaptchaWord"]{<br />
background-color: orangered;<br />
}<br />
code, pre {<br />
color: darkgrey;<br />
background-color: #181818;<br />
border: 1px solid darkgrey;<br />
border-radius:3px;<br />
font-size: 0.8em;<br />
padding: 1ch;<br />
}<br />
<br />
<br />
/* ACTUALITÉS ------------------------------------------------------------------ */<br />
.medialisting {<br />
display: flex;<br />
flex-wrap: wrap;<br />
}<br />
.medialisting a {<br />
border: 0 !important;<br />
}<br />
.Media {<br />
display: flex;<br />
align-items: flex-start;<br />
margin-bottom: 1em;<br />
flex-direction: column;<br />
flex-basis: 32%;<br />
box-sizing: border-box;<br />
justify-content: center;<br />
padding: 0.5em;<br />
background: radial-gradient(var(--color-a) -31%, transparent 60%);<br />
}<br />
.Media:nth-child(2n) {<br />
background: radial-gradient(var(--color-b) -31%, transparent 60%);<br />
}<br />
.Media-body {<br />
flex: initial;<br />
}<br />
<br />
.flexgal {<br />
display: flex;<br />
flex-wrap: wrap;<br />
}<br />
<br />
/* THUMBNAILS ------------------------------------------------------------------ */<br />
.thumbinner {<br />
background-color: var(--accent-bg);<br />
}<br />
.thumb.tleft {<br />
margin-right: 2em;<br />
}<br />
.Media-figure a,<br />
.image.fancybox {<br />
display: inline-block;<br />
}<br />
.magnify a {<br />
text-indent: 0;<br />
width: 25px;<br />
height: 25px;<br />
border-style: solid;<br />
border-width: 2px;<br />
line-height: 15px;<br />
}<br />
.magnify a:before {<br />
content: "+";<br />
font-family: FontAwesome;<br />
font-size: 20px;<br />
}<br />
<br />
/* MEDIA QUERIES ------------------------------------------------------------------ */<br />
@media (max-width: 800px) {<br />
div.tleft, div.floatleft, table.floatleft {<br />
width: 100%;<br />
margin-bottom: 3em;<br />
}<br />
#toc {<br />
max-width: initial;<br />
width: 100%;<br />
margin-left: 0;<br />
<br />
<br />
}<br />
}<br />
@media only screen and (max-width: 600px) {<br />
.top-bar,<br />
.top-bar-section,<br />
#top-bar-right,<br />
#top-bar-right .columns {<br />
display: inherit;<br />
}<br />
.top-bar.expanded {<br />
flex-wrap: wrap;<br />
}<br />
.top-bar.expanded .title-area {<br />
display: flex;<br />
flex-grow: 1;<br />
justify-content: space-between;<br />
}<br />
.top-bar.expanded .top-bar,<br />
.top-bar.expanded .top-bar-section,<br />
.top-bar.expanded #top-bar-right,<br />
.top-bar.expanded #top-bar-right .columns {<br />
display: flex;<br />
align-items: center;<br />
}<br />
.divider.show-for-small {<br />
display: none !important;<br />
}<br />
}<br />
<br />
/* Formulaire d'edition ------------------------------------------------------------------ */<br />
#editform<br />
{<br />
margin-top: -5vh;<br />
}</div>
Olfz3b
https://wiki.erg.be/mw/index.php?title=MediaWiki:Ouroboros.css&diff=22161
MediaWiki:Ouroboros.css
2024-01-24T21:58:50Z
<p>Olfz3b : </p>
<hr />
<div><br />
/*<br />
_ ______ _____ _ _______ _ _ _________ _ _ ______ __ __ ______ <br />
| | | ____| / ____| |/ /_ _| \ | | / /__ __| | | | ____| \/ | ____|<br />
| | | |__ | (___ | ' / | | | \| | / / | | | |__| | |__ | \ / | |__ <br />
| | | __| \___ \| < | | | . ` | / / | | | __ | __| | |\/| | __| <br />
| |____| |____ ____) | . \ _| |_| |\ |/ / | | | | | | |____| | | | |____ <br />
|______|______|_|_____/|_|\_\_____|_|_\_/_/___ _ |_| |_| |_|______|_| |_|______|<br />
/ __ \| ____| ____|_ _/ ____|_ _| ____| | <br />
| | | | |__ | |__ | || | | | | |__ | | <br />
| | | | __| | __| | || | | | | __| | | <br />
| |__| | | | | _| || |____ _| |_| |____| |____ <br />
\____/|_|____|_| |_____\_____|_____|______|______| <br />
| __ \| ____| <br />
| | | | |__ <br />
| | | | __| <br />
| |__| | |____ <br />
|_____/|______|_ _____ _____ <br />
| | | ____| __ \ / ____| <br />
| | | |__ | |__) | | __ <br />
| | | __| | _ /| | |_ | <br />
| |____ | |____| | \ \| |__| | <br />
|______| |______|_| \_\\_____| <br />
<br />
<br />
*/<br />
<br />
<br />
@font-face {<br />
font-family: Combined;<br />
src: url("/mw/skins/foreground/assets/fonts/combined.otf");<br />
}<br />
@font-face {<br />
font-family: Lucette;<br />
src: url("/mw/skins/foreground/assets/fonts/LUCETTE/font/otf/Lucette-Regular.otf");<br />
src: url("/mw/skins/foreground/assets/fonts/LUCETTE/font/ttf/Lucette-Regular.ttf");<br />
src: url("/mw/skins/foreground/assets/fonts/LUCETTE/font/woff/Lucette-Regular.woff");<br />
src: url("/mw/skins/foreground/assets/fonts/LUCETTE/font/woff2/Lucette-Regular.woff2");<br />
}<br />
@font-face {<br />
font-family: Lucette;<br />
src: url("/mw/skins/foreground/assets/fonts/LUCETTE/font/otf/Lucette-Regularitalic.otf");<br />
src: url("/mw/skins/foreground/assets/fonts/LUCETTE/font/ttf/Lucette-Regularitalic.ttf");<br />
src: url("/mw/skins/foreground/assets/fonts/LUCETTE/font/woff/Lucette-Regularitalic.woff");<br />
src: url("/mw/skins/foreground/assets/fonts/LUCETTE/font/woff2/Lucette-Regularitalic.woff2");<br />
font-style: italic;<br />
}<br />
/*<br />
@font-face {<br />
font-family: Vega;<br />
src: url("/mw/skins/foreground/assets/fonts/otf/Vega-Regular.otf");<br />
src: url("/mw/skins/foreground/assets/fonts/Vega-Regular.ttf") format("truetype");<br />
src: url("/mw/skins/foreground/assets/fonts/Vega-Regular-Webfont.svg" format("svg"));<br />
src: url("/mw/skins/foreground/assets/fonts/Vega-Regular.woff" format("woff"));<br />
src: url("/mw/skins/foreground/assets/fonts/Vega-Regular.woff2") format("woff2");<br />
}<br />
*/<br />
<br />
<br />
<br />
<br />
/* Global variables. */<br />
:root,<br />
::backdrop {<br />
/* Set sans-serif & mono fonts */<br />
--sans-font: -apple-system, BlinkMacSystemFont, "Avenir Next", Avenir,<br />
"Nimbus Sans L", Roboto, "Noto Sans", "Segoe UI", Arial, Helvetica,<br />
"Helvetica Neue", sans-serif;<br />
--mono-font: Consolas, Menlo, Monaco, "Andale Mono", "Ubuntu Mono", monospace;<br />
--standard-border-radius: 5px;<br />
<br />
/* Default (light) theme */<br />
--bg: #fff;<br />
--bg-top: #222;<br />
--accent-bg: #f5f7ff;<br />
--text: #212121;<br />
--text-light: #585858;<br />
--border: #898EA4;<br />
--accent: #0d47a1;<br />
--accent-hover: #1266e2;<br />
--accent-text: var(--bg);<br />
--code: #d81b60;<br />
--preformatted: #444;<br />
--marked: #ffdd33;<br />
--disabled: #efefef;<br />
<br />
--font-title: Combined;<br />
--font-body: Lucette;<br />
--color-a: #a700ff; /* purple */<br />
--color-b: #00ab6b; /* green */<br />
--font-size: 23px;<br />
--line-height: 1.3em;<br />
}<br />
<br />
/* Dark theme */<br />
@media (prefers-color-scheme: dark) {<br />
:root,<br />
::backdrop {<br />
color-scheme: dark;<br />
<br />
--bg: black;<br />
/* sorry I had 2 do this.... */<br />
/* --accent-bg: #2b2b2b; */<br />
--accent-bg: black;<br />
--text: #00ff10 ; /* #dcdcdc; */<br />
--text-light: #ababab;<br />
--accent: #ffb300;<br />
--accent-hover: #ffe099;<br />
--accent-text: var(--bg);<br />
--code: #f06292;<br />
--preformatted: #ccc;<br />
--disabled: #111;<br />
<br />
--font-title: Combined;<br />
--font-body: Lucette;<br />
/*--color-a: #9557b5; /* washed-off purple */<br />
--color-b: #3c856b; /* washed-off green */ */<br />
--color-a: red; <br />
--color-b: yellow;<br />
--font-size: 23px;<br />
--line-height: 1.3em;<br />
--bg-top: black;<br />
}<br />
}<br />
<br />
/* Reset box-sizing */<br />
*, *::before, *::after {<br />
box-sizing: border-box;<br />
}<br />
<br />
body {<br />
font-family: var(--font-body);<br />
font-size: var(--font-size);<br />
line-height: var(--line-height);<br />
padding-top: 3em;<br />
background-color: var(--bg);<br />
color: var(--text);<br />
}<br />
p {<br />
font-size: var(--font-size);<br />
line-height: var(--line-height);<br />
margin-bottom: 0;<br />
}<br />
p + p {<br />
margin-top: var(--line-height);<br />
}<br />
<br />
/* INTERFACE ------------------------------------------------------------------ */<br />
/* remove category help button (does it remove other stuff? mmm...) */<br />
#mw-indicator-mw-helplink {<br />
display: none;<br />
}<br />
<br />
/* Menu bar, position fixed to be able to grab it to resize the map on mobile devices */<br />
#navwrapper {<br />
position: fixed;<br />
top: 0;<br />
right: 0;<br />
z-index: 1000;<br />
left: 0;<br />
}<br />
<br />
h4.namespace.label {<br />
display: none;<br />
}<br />
<br />
.mw-editsection, .mw-editsection-like {<br />
font-size: 10px;<br />
}<br />
<br />
#actions {<br />
left: initial !important;<br />
right: 14px;<br />
top: -21px;<br />
background-color: var(--accent-bg);<br />
border: 1px solid var(--text-light);<br />
color: var(--text-light);<br />
}<br />
a#actions-button {<br />
margin-top: -1em;<br />
background-color: var(--accent-bg);<br />
padding: 5px;<br />
color: var(--text-light);<br />
}<br />
.fa,<br />
button, .button,<br />
.top-bar-section ul li > a {<br />
font-family: var(--font-body);<br />
}<br />
.fa::before {<br />
font-family: FontAwesome;<br />
}<br />
<br />
.top-bar,<br />
.top-bar-section,<br />
#top-bar-left,<br />
#top-bar-right,<br />
#top-bar-right .columns {<br />
display: flex;<br />
background-color: --bg-top;<br />
align-items: center;<br />
justify-content: space-evenly;<br />
}<br />
#top-bar-left {<br />
width: initial;<br />
}<br />
.top-bar-section {<br />
flex-grow: 1;<br />
}<br />
.has-form {<br />
flex-grow: 1;<br />
padding: 0.5em !important;<br />
}<br />
#top-bar-right {<br />
justify-content: space-between;<br />
flex-grow: 1;<br />
}<br />
.top-bar input {<br />
padding-top: 8px;<br />
flex-grow: 1;<br />
height: 2em;<br />
box-sizing: border-box;<br />
border: 0;<br />
outline: 0;<br />
}<br />
.button.search {<br />
background-color: transparent;<br />
border-style: solid;<br />
border-width: 2px;<br />
border-image: linear-gradient(to right, var(--color-a), var(--color-b));<br />
border-image-slice: 1;<br />
top: 2px !important;<br />
position: relative;<br />
margin-left: 0px !important;<br />
box-sizing: border-box;<br />
padding: 0;<br />
width: 80px;<br />
height: 2em;<br />
margin: 0;<br />
top: 0 !important;<br />
}<br />
.button.search:hover {<br />
background-color: var(--color-a);<br />
}<br />
.suggestions-result-current {<br />
background-color: var(--color-b) !important;<br />
}<br />
<br />
.top-bar .toggle-topbar a {<br />
text-transform: lowercase;<br />
font-size: 1em;<br />
}<br />
<br />
#toc, .toc {<br />
float: right;<br />
margin-left: 1em;<br />
max-width: 45%;<br />
background-color: var(--accent-bg);<br />
border-radius: 5px;<br />
}<br />
.toctitle {<br />
margin-bottom: -1em;<br />
}<br />
#toc h2 {<br />
margin-top: 0.25em;<br />
font-size: 1em;<br />
display: inline-block;<br />
margin-right: 0.5em;<br />
}<br />
#toc ul {<br />
margin: 0;<br />
}<br />
.tocnumber:after {<br />
content: " – ";<br />
}<br />
<br />
table.infobox {<br />
width: initial;<br />
max-width: 45%;<br />
}<br />
table.infobox th.head {<br />
background-color: var(--color-b);<br />
}<br />
th, td {<br />
padding: 0.5em !important;<br />
}<br />
<br />
li {<br />
line-height: initial;<br />
}<br />
<br />
.mw-category-generated {<br />
margin-top: 2em;<br />
}<br />
<br />
/* if no content but only listing subcategories */<br />
.mw-parser-output:empty + .mw-category-generated h2 {<br />
display: none;<br />
}<br />
<br />
/* If only one subcategory, don't list the initial */<br />
.mw-category-generated #mw-pages div:only-of-type h3,<br />
#mw-subcategories div:only-of-type h3 {<br />
/*display: none;*/<br />
}<br />
<br />
/* removes counting of categories */<br />
.mw-category-generated #mw-pages p:first-of-type,<br />
#mw-subcategories p:first-of-type {<br />
display: none;<br />
}<br />
<br />
.group {<br />
margin-top: 5em;<br />
}<br />
#catlinks .label {<br />
border-width: 2px;<br />
border-style: solid;<br />
background-color: transparent;<br />
padding: 2px 6px !important;<br />
}<br />
<br />
/* HEADER ------------------------------------------------------------------ */<br />
.title-name {<br />
font-family: var(--font-title);<br />
font-weight: bold;<br />
}<br />
.title-name:hover {<br />
color: var(--color-a);<br />
}<br />
<br />
<br />
<br />
.top-bar-section .has-form {<br />
background-color: #222 !important;<br />
}<br />
.top-bar-section .has-dropdown > a::after {<br />
display: none;<br />
}<br />
.top-bar-section .has-dropdown > a {<br />
padding-right: initial !important;<br />
}<br />
.top-bar-section .dropdown li {<br />
width: initial;<br />
/*height: 2em;*/<br />
position: relative;<br />
padding: 0;<br />
border-bottom: 1px solid lightgray;<br />
}<br />
.top-bar-section ul li {<br />
padding: 0 0.5em;<br />
background-color: #222;<br />
}<br />
.top-bar-section ul li:hover {<br />
z-index: 1000;<br />
}<br />
.top-bar-section ul li > a {<br />
font-size: 16px;<br />
padding: 0;<br />
font-weight: bold;<br />
}<br />
<br />
li#p-menu > a {<br />
text-transform: uppercase;<br />
padding: 0;<br />
}<br />
li#p-menu > a + ul li {<br />
outline: 1px solid #00a393;<br />
}<br />
<br />
.top-bar-section .dropdown li:not(.has-form):not(.active):hover > a:not(.button) {<br />
background: linear-gradient(90deg,var(--color-a), var(--color-b));<br />
}<br />
li#p-menu + li.has-dropdown {<br />
width: 3em;<br />
text-align: center;<br />
}<br />
li#p-menu + li.has-dropdown > a {<br />
border-radius: 100%;<br />
padding: 0;<br />
text-align: center;<br />
line-height: 30px;<br />
margin: auto;<br />
display: inline-block;<br />
width: 30px;<br />
box-sizing: border-box;<br />
height: 30px;<br />
}<br />
.not-logged-in #top-bar-right li:nth-child(3) {<br />
display: none;<br />
}<br />
<br />
#toolbox-dropdown li, #personal-tools-dropdown .dropdown li {<br />
float: right;<br />
}<br />
<br />
.back h5 {<br />
font-size: 2em !important;<br />
}<br />
a.parent-link {<br />
color: var(--color-b) !important;<br />
font-weight: bold !important;<br />
}<br />
<br />
/* CONTENT ------------------------------------------------------------------ */<br />
#page-content {<br />
margin: 1em;<br />
color: var(--text);<br />
}<br />
#english {<br />
position: relative;<br />
top: -1.5em;<br />
}<br />
<br />
h1, h2, h3, h4, h5, h6 {<br />
margin-top: 2em;<br />
color: var(--color-b);<br />
line-height: 1.5em;<br />
font-family: var(--font-body);<br />
}<br />
h1, h1#firstHeading, h2 {<br />
font-family: var(--font-title);<br />
font-size: 1.5em;<br />
}<br />
<br />
h1 {<br />
color: var(--color-a);<br />
}<br />
h2 span {<br />
display: initial;<br />
}<br />
h3 {<br />
font-family: var(--font-title);<br />
font-size: 1em;<br />
}<br />
body.action-view #page-content a {<br />
border-image: linear-gradient(to right, var(--color-a), var(--color-b));<br />
border-bottom-width: 2px;<br />
border-image-slice: 1;<br />
color: var(--text);<br />
border-bottom-style: solid;<br />
padding: 3px 5px 1px;<br />
<br />
}<br />
#page-content a:hover,<br />
#catlinks .label:hover {<br />
background-color: var(--color-a);<br />
color: white !important;<br />
}<br />
/* Removes user name */<br />
h3#tagline {<br />
display: none;<br />
}<br />
#bodyContent {<br />
margin-top: 3em;<br />
}<br />
<br />
#page-content ul, #page-content ol {<br />
font-size: 1em;<br />
margin-top: var(--line-height) !important;<br />
margin-bottom: var(--line-height) !important;<br />
}<br />
div {<br />
line-height: 1.4em ;<br />
}<br />
label {<br />
color: var(--text-light);<br />
}<br />
label[for="wpCaptchaWord"]{<br />
background-color: orangered;<br />
}<br />
code, pre {<br />
color: darkgrey;<br />
background-color: #181818;<br />
border: 1px solid darkgrey;<br />
border-radius:3px;<br />
font-size: 0.8em;<br />
padding: 1ch;<br />
}<br />
<br />
<br />
/* ACTUALITÉS ------------------------------------------------------------------ */<br />
.medialisting {<br />
display: flex;<br />
flex-wrap: wrap;<br />
}<br />
.medialisting a {<br />
border: 0 !important;<br />
}<br />
.Media {<br />
display: flex;<br />
align-items: flex-start;<br />
margin-bottom: 1em;<br />
flex-direction: column;<br />
flex-basis: 32%;<br />
box-sizing: border-box;<br />
justify-content: center;<br />
padding: 0.5em;<br />
background: radial-gradient(var(--color-a) -31%, transparent 60%);<br />
}<br />
.Media:nth-child(2n) {<br />
background: radial-gradient(var(--color-b) -31%, transparent 60%);<br />
}<br />
.Media-body {<br />
flex: initial;<br />
}<br />
<br />
.flexgal {<br />
display: flex;<br />
flex-wrap: wrap;<br />
}<br />
<br />
/* THUMBNAILS ------------------------------------------------------------------ */<br />
.thumbinner {<br />
background-color: var(--accent-bg);<br />
}<br />
.thumb.tleft {<br />
margin-right: 2em;<br />
}<br />
.Media-figure a,<br />
.image.fancybox {<br />
display: inline-block;<br />
}<br />
.magnify a {<br />
text-indent: 0;<br />
width: 25px;<br />
height: 25px;<br />
border-style: solid;<br />
border-width: 2px;<br />
line-height: 15px;<br />
}<br />
.magnify a:before {<br />
content: "+";<br />
font-family: FontAwesome;<br />
font-size: 20px;<br />
}<br />
<br />
/* MEDIA QUERIES ------------------------------------------------------------------ */<br />
@media (max-width: 800px) {<br />
div.tleft, div.floatleft, table.floatleft {<br />
width: 100%;<br />
margin-bottom: 3em;<br />
}<br />
#toc {<br />
max-width: initial;<br />
width: 100%;<br />
margin-left: 0;<br />
<br />
<br />
}<br />
}<br />
@media only screen and (max-width: 600px) {<br />
.top-bar,<br />
.top-bar-section,<br />
#top-bar-right,<br />
#top-bar-right .columns {<br />
display: inherit;<br />
}<br />
.top-bar.expanded {<br />
flex-wrap: wrap;<br />
}<br />
.top-bar.expanded .title-area {<br />
display: flex;<br />
flex-grow: 1;<br />
justify-content: space-between;<br />
}<br />
.top-bar.expanded .top-bar,<br />
.top-bar.expanded .top-bar-section,<br />
.top-bar.expanded #top-bar-right,<br />
.top-bar.expanded #top-bar-right .columns {<br />
display: flex;<br />
align-items: center;<br />
}<br />
.divider.show-for-small {<br />
display: none !important;<br />
}<br />
}<br />
<br />
/* Formulaire d'edition ------------------------------------------------------------------ */<br />
#editform<br />
{<br />
margin-top: -5vh;<br />
}</div>
Olfz3b
https://wiki.erg.be/mw/index.php?title=MediaWiki:Ouroboros.css&diff=22160
MediaWiki:Ouroboros.css
2024-01-24T21:11:58Z
<p>Olfz3b : </p>
<hr />
<div><br />
/*<br />
_ ______ _____ _ _______ _ _ _________ _ _ ______ __ __ ______ <br />
| | | ____| / ____| |/ /_ _| \ | | / /__ __| | | | ____| \/ | ____|<br />
| | | |__ | (___ | ' / | | | \| | / / | | | |__| | |__ | \ / | |__ <br />
| | | __| \___ \| < | | | . ` | / / | | | __ | __| | |\/| | __| <br />
| |____| |____ ____) | . \ _| |_| |\ |/ / | | | | | | |____| | | | |____ <br />
|______|______|_|_____/|_|\_\_____|_|_\_/_/___ _ |_| |_| |_|______|_| |_|______|<br />
/ __ \| ____| ____|_ _/ ____|_ _| ____| | <br />
| | | | |__ | |__ | || | | | | |__ | | <br />
| | | | __| | __| | || | | | | __| | | <br />
| |__| | | | | _| || |____ _| |_| |____| |____ <br />
\____/|_|____|_| |_____\_____|_____|______|______| <br />
| __ \| ____| <br />
| | | | |__ <br />
| | | | __| <br />
| |__| | |____ <br />
|_____/|______|_ _____ _____ <br />
| | | ____| __ \ / ____| <br />
| | | |__ | |__) | | __ <br />
| | | __| | _ /| | |_ | <br />
| |____ | |____| | \ \| |__| | <br />
|______| |______|_| \_\\_____| <br />
<br />
<br />
*/<br />
<br />
<br />
@font-face {<br />
font-family: Combined;<br />
src: url("/mw/skins/foreground/assets/fonts/combined.otf");<br />
}<br />
@font-face {<br />
font-family: Lucette;<br />
src: url("/mw/skins/foreground/assets/fonts/LUCETTE/font/otf/Lucette-Regular.otf");<br />
src: url("/mw/skins/foreground/assets/fonts/LUCETTE/font/ttf/Lucette-Regular.ttf");<br />
src: url("/mw/skins/foreground/assets/fonts/LUCETTE/font/woff/Lucette-Regular.woff");<br />
src: url("/mw/skins/foreground/assets/fonts/LUCETTE/font/woff2/Lucette-Regular.woff2");<br />
}<br />
@font-face {<br />
font-family: Lucette;<br />
src: url("/mw/skins/foreground/assets/fonts/LUCETTE/font/otf/Lucette-Regularitalic.otf");<br />
src: url("/mw/skins/foreground/assets/fonts/LUCETTE/font/ttf/Lucette-Regularitalic.ttf");<br />
src: url("/mw/skins/foreground/assets/fonts/LUCETTE/font/woff/Lucette-Regularitalic.woff");<br />
src: url("/mw/skins/foreground/assets/fonts/LUCETTE/font/woff2/Lucette-Regularitalic.woff2");<br />
font-style: italic;<br />
}<br />
/*<br />
@font-face {<br />
font-family: Vega;<br />
src: url("/mw/skins/foreground/assets/fonts/otf/Vega-Regular.otf");<br />
src: url("/mw/skins/foreground/assets/fonts/Vega-Regular.ttf") format("truetype");<br />
src: url("/mw/skins/foreground/assets/fonts/Vega-Regular-Webfont.svg" format("svg"));<br />
src: url("/mw/skins/foreground/assets/fonts/Vega-Regular.woff" format("woff"));<br />
src: url("/mw/skins/foreground/assets/fonts/Vega-Regular.woff2") format("woff2");<br />
}<br />
*/<br />
<br />
<br />
<br />
<br />
/* Global variables. */<br />
:root,<br />
::backdrop {<br />
/* Set sans-serif & mono fonts */<br />
--sans-font: -apple-system, BlinkMacSystemFont, "Avenir Next", Avenir,<br />
"Nimbus Sans L", Roboto, "Noto Sans", "Segoe UI", Arial, Helvetica,<br />
"Helvetica Neue", sans-serif;<br />
--mono-font: Consolas, Menlo, Monaco, "Andale Mono", "Ubuntu Mono", monospace;<br />
--standard-border-radius: 5px;<br />
<br />
/* Default (light) theme */<br />
--bg: #fff;<br />
--accent-bg: #f5f7ff;<br />
--text: #212121;<br />
--text-light: #585858;<br />
--border: #898EA4;<br />
--accent: #0d47a1;<br />
--accent-hover: #1266e2;<br />
--accent-text: var(--bg);<br />
--code: #d81b60;<br />
--preformatted: #444;<br />
--marked: #ffdd33;<br />
--disabled: #efefef;<br />
<br />
--font-title: Combined;<br />
--font-body: Lucette;<br />
--color-a: #a700ff; /* purple */<br />
--color-b: #00ab6b; /* green */<br />
--font-size: 23px;<br />
--line-height: 1.3em;<br />
}<br />
<br />
/* Dark theme */<br />
@media (prefers-color-scheme: dark) {<br />
:root,<br />
::backdrop {<br />
color-scheme: dark;<br />
<br />
--bg: black;<br />
/* sorry I had 2 do this.... */<br />
/* --accent-bg: #2b2b2b; */<br />
--accent-bg: black;<br />
--text: #00ff10 ; /* #dcdcdc; */<br />
--text-light: #ababab;<br />
--accent: #ffb300;<br />
--accent-hover: #ffe099;<br />
--accent-text: var(--bg);<br />
--code: #f06292;<br />
--preformatted: #ccc;<br />
--disabled: #111;<br />
<br />
--font-title: Combined;<br />
--font-body: Lucette;<br />
/*--color-a: #9557b5; /* washed-off purple */<br />
--color-b: #3c856b; /* washed-off green */ */<br />
--color-a: red; /* washed-off purple */<br />
--color-b: yellow; /* washed-off green */<br />
<br />
--font-size: 23px;<br />
--line-height: 1.3em;<br />
}<br />
}<br />
<br />
/* Reset box-sizing */<br />
*, *::before, *::after {<br />
box-sizing: border-box;<br />
}<br />
<br />
body {<br />
font-family: var(--font-body);<br />
font-size: var(--font-size);<br />
line-height: var(--line-height);<br />
padding-top: 3em;<br />
background-color: var(--bg);<br />
color: var(--text);<br />
}<br />
p {<br />
font-size: var(--font-size);<br />
line-height: var(--line-height);<br />
margin-bottom: 0;<br />
}<br />
p + p {<br />
margin-top: var(--line-height);<br />
}<br />
<br />
/* INTERFACE ------------------------------------------------------------------ */<br />
/* remove category help button (does it remove other stuff? mmm...) */<br />
#mw-indicator-mw-helplink {<br />
display: none;<br />
}<br />
<br />
/* Menu bar, position fixed to be able to grab it to resize the map on mobile devices */<br />
#navwrapper {<br />
position: fixed;<br />
top: 0;<br />
right: 0;<br />
z-index: 1000;<br />
left: 0;<br />
}<br />
<br />
h4.namespace.label {<br />
display: none;<br />
}<br />
<br />
.mw-editsection, .mw-editsection-like {<br />
font-size: 10px;<br />
}<br />
<br />
#actions {<br />
left: initial !important;<br />
right: 14px;<br />
top: -21px;<br />
background-color: var(--accent-bg);<br />
border: 1px solid var(--text-light);<br />
color: var(--text-light);<br />
}<br />
a#actions-button {<br />
margin-top: -1em;<br />
background-color: var(--accent-bg);<br />
padding: 5px;<br />
color: var(--text-light);<br />
}<br />
.fa,<br />
button, .button,<br />
.top-bar-section ul li > a {<br />
font-family: var(--font-body);<br />
}<br />
.fa::before {<br />
font-family: FontAwesome;<br />
}<br />
<br />
.top-bar,<br />
.top-bar-section,<br />
#top-bar-left,<br />
#top-bar-right,<br />
#top-bar-right .columns {<br />
display: flex;<br />
background-color: #222;<br />
align-items: center;<br />
justify-content: space-evenly;<br />
}<br />
#top-bar-left {<br />
width: initial;<br />
}<br />
.top-bar-section {<br />
flex-grow: 1;<br />
}<br />
.has-form {<br />
flex-grow: 1;<br />
padding: 0.5em !important;<br />
}<br />
#top-bar-right {<br />
justify-content: space-between;<br />
flex-grow: 1;<br />
}<br />
.top-bar input {<br />
padding-top: 8px;<br />
flex-grow: 1;<br />
height: 2em;<br />
box-sizing: border-box;<br />
border: 0;<br />
outline: 0;<br />
}<br />
.button.search {<br />
background-color: transparent;<br />
border-style: solid;<br />
border-width: 2px;<br />
border-image: linear-gradient(to right, var(--color-a), var(--color-b));<br />
border-image-slice: 1;<br />
top: 2px !important;<br />
position: relative;<br />
margin-left: 0px !important;<br />
box-sizing: border-box;<br />
padding: 0;<br />
width: 80px;<br />
height: 2em;<br />
margin: 0;<br />
top: 0 !important;<br />
}<br />
.button.search:hover {<br />
background-color: var(--color-a);<br />
}<br />
.suggestions-result-current {<br />
background-color: var(--color-b) !important;<br />
}<br />
<br />
.top-bar .toggle-topbar a {<br />
text-transform: lowercase;<br />
font-size: 1em;<br />
}<br />
<br />
#toc, .toc {<br />
float: right;<br />
margin-left: 1em;<br />
max-width: 45%;<br />
background-color: var(--accent-bg);<br />
border-radius: 5px;<br />
}<br />
.toctitle {<br />
margin-bottom: -1em;<br />
}<br />
#toc h2 {<br />
margin-top: 0.25em;<br />
font-size: 1em;<br />
display: inline-block;<br />
margin-right: 0.5em;<br />
}<br />
#toc ul {<br />
margin: 0;<br />
}<br />
.tocnumber:after {<br />
content: " – ";<br />
}<br />
<br />
table.infobox {<br />
width: initial;<br />
max-width: 45%;<br />
}<br />
table.infobox th.head {<br />
background-color: var(--color-b);<br />
}<br />
th, td {<br />
padding: 0.5em !important;<br />
}<br />
<br />
li {<br />
line-height: initial;<br />
}<br />
<br />
.mw-category-generated {<br />
margin-top: 2em;<br />
}<br />
<br />
/* if no content but only listing subcategories */<br />
.mw-parser-output:empty + .mw-category-generated h2 {<br />
display: none;<br />
}<br />
<br />
/* If only one subcategory, don't list the initial */<br />
.mw-category-generated #mw-pages div:only-of-type h3,<br />
#mw-subcategories div:only-of-type h3 {<br />
/*display: none;*/<br />
}<br />
<br />
/* removes counting of categories */<br />
.mw-category-generated #mw-pages p:first-of-type,<br />
#mw-subcategories p:first-of-type {<br />
display: none;<br />
}<br />
<br />
.group {<br />
margin-top: 5em;<br />
}<br />
#catlinks .label {<br />
border-width: 2px;<br />
border-style: solid;<br />
background-color: transparent;<br />
padding: 2px 6px !important;<br />
}<br />
<br />
/* HEADER ------------------------------------------------------------------ */<br />
.title-name {<br />
font-family: var(--font-title);<br />
font-weight: bold;<br />
}<br />
.title-name:hover {<br />
color: var(--color-a);<br />
}<br />
<br />
<br />
<br />
.top-bar-section .has-form {<br />
background-color: #222 !important;<br />
}<br />
.top-bar-section .has-dropdown > a::after {<br />
display: none;<br />
}<br />
.top-bar-section .has-dropdown > a {<br />
padding-right: initial !important;<br />
}<br />
.top-bar-section .dropdown li {<br />
width: initial;<br />
/*height: 2em;*/<br />
position: relative;<br />
padding: 0;<br />
border-bottom: 1px solid lightgray;<br />
}<br />
.top-bar-section ul li {<br />
padding: 0 0.5em;<br />
background-color: #222;<br />
}<br />
.top-bar-section ul li:hover {<br />
z-index: 1000;<br />
}<br />
.top-bar-section ul li > a {<br />
font-size: 16px;<br />
padding: 0;<br />
font-weight: bold;<br />
}<br />
<br />
li#p-menu > a {<br />
text-transform: uppercase;<br />
padding: 0;<br />
}<br />
li#p-menu > a + ul li {<br />
outline: 1px solid #00a393;<br />
}<br />
<br />
.top-bar-section .dropdown li:not(.has-form):not(.active):hover > a:not(.button) {<br />
background: linear-gradient(90deg,var(--color-a), var(--color-b));<br />
}<br />
li#p-menu + li.has-dropdown {<br />
width: 3em;<br />
text-align: center;<br />
}<br />
li#p-menu + li.has-dropdown > a {<br />
border-radius: 100%;<br />
padding: 0;<br />
text-align: center;<br />
line-height: 30px;<br />
margin: auto;<br />
display: inline-block;<br />
width: 30px;<br />
box-sizing: border-box;<br />
height: 30px;<br />
}<br />
.not-logged-in #top-bar-right li:nth-child(3) {<br />
display: none;<br />
}<br />
<br />
#toolbox-dropdown li, #personal-tools-dropdown .dropdown li {<br />
float: right;<br />
}<br />
<br />
.back h5 {<br />
font-size: 2em !important;<br />
}<br />
a.parent-link {<br />
color: var(--color-b) !important;<br />
font-weight: bold !important;<br />
}<br />
<br />
/* CONTENT ------------------------------------------------------------------ */<br />
#page-content {<br />
margin: 1em;<br />
color: var(--text);<br />
}<br />
#english {<br />
position: relative;<br />
top: -1.5em;<br />
}<br />
<br />
h1, h2, h3, h4, h5, h6 {<br />
margin-top: 2em;<br />
color: var(--color-b);<br />
line-height: 1.5em;<br />
font-family: var(--font-body);<br />
}<br />
h1, h1#firstHeading, h2 {<br />
font-family: var(--font-title);<br />
font-size: 1.5em;<br />
}<br />
<br />
h1 {<br />
color: var(--color-a);<br />
}<br />
h2 span {<br />
display: initial;<br />
}<br />
h3 {<br />
font-family: var(--font-title);<br />
font-size: 1em;<br />
}<br />
body.action-view #page-content a {<br />
border-image: linear-gradient(to right, var(--color-a), var(--color-b));<br />
border-bottom-width: 2px;<br />
border-image-slice: 1;<br />
color: var(--text);<br />
border-bottom-style: solid;<br />
padding: 3px 5px 1px;<br />
<br />
}<br />
#page-content a:hover,<br />
#catlinks .label:hover {<br />
background-color: var(--color-a);<br />
color: white !important;<br />
}<br />
/* Removes user name */<br />
h3#tagline {<br />
display: none;<br />
}<br />
#bodyContent {<br />
margin-top: 3em;<br />
}<br />
<br />
#page-content ul, #page-content ol {<br />
font-size: 1em;<br />
margin-top: var(--line-height) !important;<br />
margin-bottom: var(--line-height) !important;<br />
}<br />
div {<br />
line-height: 1.4em ;<br />
}<br />
label {<br />
color: var(--text-light);<br />
}<br />
label[for="wpCaptchaWord"]{<br />
background-color: orangered;<br />
}<br />
code, pre {<br />
color: darkgrey;<br />
background-color: #181818;<br />
border: 1px solid darkgrey;<br />
border-radius:3px;<br />
font-size: 0.8em;<br />
padding: 1ch;<br />
}<br />
<br />
<br />
/* ACTUALITÉS ------------------------------------------------------------------ */<br />
.medialisting {<br />
display: flex;<br />
flex-wrap: wrap;<br />
}<br />
.medialisting a {<br />
border: 0 !important;<br />
}<br />
.Media {<br />
display: flex;<br />
align-items: flex-start;<br />
margin-bottom: 1em;<br />
flex-direction: column;<br />
flex-basis: 32%;<br />
box-sizing: border-box;<br />
justify-content: center;<br />
padding: 0.5em;<br />
background: radial-gradient(var(--color-a) -31%, transparent 60%);<br />
}<br />
.Media:nth-child(2n) {<br />
background: radial-gradient(var(--color-b) -31%, transparent 60%);<br />
}<br />
.Media-body {<br />
flex: initial;<br />
}<br />
<br />
.flexgal {<br />
display: flex;<br />
flex-wrap: wrap;<br />
}<br />
<br />
/* THUMBNAILS ------------------------------------------------------------------ */<br />
.thumbinner {<br />
background-color: var(--accent-bg);<br />
}<br />
.thumb.tleft {<br />
margin-right: 2em;<br />
}<br />
.Media-figure a,<br />
.image.fancybox {<br />
display: inline-block;<br />
}<br />
.magnify a {<br />
text-indent: 0;<br />
width: 25px;<br />
height: 25px;<br />
border-style: solid;<br />
border-width: 2px;<br />
line-height: 15px;<br />
}<br />
.magnify a:before {<br />
content: "+";<br />
font-family: FontAwesome;<br />
font-size: 20px;<br />
}<br />
<br />
/* MEDIA QUERIES ------------------------------------------------------------------ */<br />
@media (max-width: 800px) {<br />
div.tleft, div.floatleft, table.floatleft {<br />
width: 100%;<br />
margin-bottom: 3em;<br />
}<br />
#toc {<br />
max-width: initial;<br />
width: 100%;<br />
margin-left: 0;<br />
<br />
<br />
}<br />
}<br />
@media only screen and (max-width: 600px) {<br />
.top-bar,<br />
.top-bar-section,<br />
#top-bar-right,<br />
#top-bar-right .columns {<br />
display: inherit;<br />
}<br />
.top-bar.expanded {<br />
flex-wrap: wrap;<br />
}<br />
.top-bar.expanded .title-area {<br />
display: flex;<br />
flex-grow: 1;<br />
justify-content: space-between;<br />
}<br />
.top-bar.expanded .top-bar,<br />
.top-bar.expanded .top-bar-section,<br />
.top-bar.expanded #top-bar-right,<br />
.top-bar.expanded #top-bar-right .columns {<br />
display: flex;<br />
align-items: center;<br />
}<br />
.divider.show-for-small {<br />
display: none !important;<br />
}<br />
}<br />
<br />
/* Formulaire d'edition ------------------------------------------------------------------ */<br />
#editform<br />
{<br />
margin-top: -5vh;<br />
}</div>
Olfz3b
https://wiki.erg.be/mw/index.php?title=%C3%89cole_de_recherche_graphique&diff=22159
École de recherche graphique
2024-01-24T21:09:09Z
<p>Olfz3b : </p>
<hr />
<div>__NOTITLE__<br />
{{DISPLAYTITLE:<span style="display:none">{{Bienvenue à l'erg}}</span>}}<br />
<br />
<br />
<br />
<br />
<pre id="ascii" style="<br />
width: fit-content;<br />
line-height: 10px;<br />
font-size: 15px;<br />
font-family: monospace;<br />
overflow: hidden;<br />
margin: 0 auto;<br />
padding: 0;<br />
background-color: black;<br />
color:red;<br />
"> <br />
__.....__ <br />
.-'' '. .--./) <br />
/ .-''"'-. `. .-,.--. /.''\\ <br />
bienvenue à l' / /________\ \ | .-. | | | <br />
| | | | | | \`-' / <br />
\ .-------------' | | | | /("'` <br />
\ '-.____...---. | | '- \ '---. <br />
`. .'cole de | |echerche /'""'.\ raphique <br />
`''-...... -' | | || | <br />
|_| \'. _ _/ <br />
`'---'</pre> <br />
<br />
<br />
<br />
{{English|Welcome to erg}}<br />
<br />
=== winterschool 2024 ===<br />
* [[Workshop : WIKI MAINTENANCE]]<br />
<br />
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'''.<br />
<br />
* [[projet pédagogique]]<br />
* [[Cursus_transdisciplinaire_Bachelors_-_Masters|cursus transdisciplinaire]]<br />
* [[Espaces transversaux, pratiques collectives|espaces transversaux, pratiques collectives]]<br />
* [[séminaires, workshops, conférences]]<br />
* [[Guide Wiki | guide pour utiliser le wiki]]<br />
* [[Doctorat_et_recherche|recherche]]<br />
* [[Étudier et être accompagné·e à l'erg|étudier et être accompagné·e à l'erg]]<br />
* [[Autour_de_l'erg|autour de l'erg]]<br />
* [[contact]]<br />
<br />
<br />
*[[Actualités (2023)|news]]<br />
<br />
{{NewsActivity<br />
|limit=4<br />
}}<br />
<br />
===Newsletter & réseaux===<br />
<br />
Inscrivez-vous à notre '''[http://eepurl.com/igdz0r newsletter]''' ou scannez le QRcode.<br />
<br />
<!-- [[Fichier:Qrcoderg.png|150px|link=]] --><br />
<br />
'''[https://www.instagram.com/ergunlieuderecherche/?hl=fr instagram]''' / '''[https://www.facebook.com/ergunlieuderecherche facebook]''' /<br />
'''[https://vimeo.com/channels/erg vimeo]'''<br />
<br />
<br />
<br />
__NOTOC__</div>
Olfz3b
https://wiki.erg.be/mw/index.php?title=%C3%89cole_de_recherche_graphique&diff=22158
École de recherche graphique
2024-01-24T21:06:52Z
<p>Olfz3b : </p>
<hr />
<div>__NOTITLE__<br />
{{DisplayTitle:[]}}<br />
<br />
<br />
<br />
<br />
<pre id="ascii" style="<br />
width: fit-content;<br />
line-height: 10px;<br />
font-size: 15px;<br />
font-family: monospace;<br />
overflow: hidden;<br />
margin: 0 auto;<br />
padding: 0;<br />
background-color: black;<br />
color:red;<br />
"> <br />
__.....__ <br />
.-'' '. .--./) <br />
/ .-''"'-. `. .-,.--. /.''\\ <br />
bienvenue à l' / /________\ \ | .-. | | | <br />
| | | | | | \`-' / <br />
\ .-------------' | | | | /("'` <br />
\ '-.____...---. | | '- \ '---. <br />
`. .'cole de | |echerche /'""'.\ raphique <br />
`''-...... -' | | || | <br />
|_| \'. _ _/ <br />
`'---'</pre> <br />
<br />
<br />
<br />
{{English|Welcome to erg}}<br />
<br />
=== winterschool 2024 ===<br />
* [[Workshop : WIKI MAINTENANCE]]<br />
<br />
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'''.<br />
<br />
* [[projet pédagogique]]<br />
* [[Cursus_transdisciplinaire_Bachelors_-_Masters|cursus transdisciplinaire]]<br />
* [[Espaces transversaux, pratiques collectives|espaces transversaux, pratiques collectives]]<br />
* [[séminaires, workshops, conférences]]<br />
* [[Guide Wiki | guide pour utiliser le wiki]]<br />
* [[Doctorat_et_recherche|recherche]]<br />
* [[Étudier et être accompagné·e à l'erg|étudier et être accompagné·e à l'erg]]<br />
* [[Autour_de_l'erg|autour de l'erg]]<br />
* [[contact]]<br />
<br />
<br />
*[[Actualités (2023)|news]]<br />
<br />
{{NewsActivity<br />
|limit=4<br />
}}<br />
<br />
===Newsletter & réseaux===<br />
<br />
Inscrivez-vous à notre '''[http://eepurl.com/igdz0r newsletter]''' ou scannez le QRcode.<br />
<br />
<!-- [[Fichier:Qrcoderg.png|150px|link=]] --><br />
<br />
'''[https://www.instagram.com/ergunlieuderecherche/?hl=fr instagram]''' / '''[https://www.facebook.com/ergunlieuderecherche facebook]''' /<br />
'''[https://vimeo.com/channels/erg vimeo]'''<br />
<br />
<br />
<br />
__NOTOC__</div>
Olfz3b