|
|
| Ligne 1 : |
Ligne 1 : |
| /*
| | __NOTITLE__ |
| _ ______ _____ _ _______ _ _ _________ _ _ ______ __ __ ______
| | {{DISPLAYTITLE:<span style="display:none"></span>}} |
| | | | ____| / ____| |/ /_ _| \ | | / /__ __| | | | ____| \/ | ____|
| |
| | | | |__ | (___ | ' / | | | \| | / / | | | |__| | |__ | \ / | |__
| |
| | | | __| \___ \| < | | | . ` | / / | | | __ | __| | |\/| | __|
| |
| | |____| |____ ____) | . \ _| |_| |\ |/ / | | | | | | |____| | | | |____
| |
| |______|______|_|_____/|_|\_\_____|_|_\_/_/___ _ |_| |_| |_|______|_| |_|______|
| |
| / __ \| ____| ____|_ _/ ____|_ _| ____| |
| |
| | | | | |__ | |__ | || | | | | |__ | |
| |
| | | | | __| | __| | || | | | | __| | |
| |
| | |__| | | | | _| || |____ _| |_| |____| |____
| |
| \____/|_|____|_| |_____\_____|_____|______|______|
| |
| | __ \| ____|
| |
| | | | | |__
| |
| | | | | __|
| |
| | |__| | |____
| |
| |_____/|______|_ _____ _____
| |
| | | | ____| __ \ / ____|
| |
| | | | |__ | |__) | | __
| |
| | | | __| | _ /| | |_ |
| |
| | |____ | |____| | \ \| |__| |
| |
| |______| |______|_| \_\\_____|
| |
|
| |
|
| |
| */
| |
|
| |
|
|
| |
|
| @font-face {
| |
| font-family: Combined;
| |
| src: url("/mw/skins/foreground/assets/fonts/combined.otf");
| |
| }
| |
| @font-face {
| |
| font-family: Lucette;
| |
| src: url("/mw/skins/foreground/assets/fonts/LUCETTE/font/otf/Lucette-Regular.otf");
| |
| src: url("/mw/skins/foreground/assets/fonts/LUCETTE/font/ttf/Lucette-Regular.ttf");
| |
| src: url("/mw/skins/foreground/assets/fonts/LUCETTE/font/woff/Lucette-Regular.woff");
| |
| src: url("/mw/skins/foreground/assets/fonts/LUCETTE/font/woff2/Lucette-Regular.woff2");
| |
| }
| |
| @font-face {
| |
| font-family: Lucette;
| |
| src: url("/mw/skins/foreground/assets/fonts/LUCETTE/font/otf/Lucette-Regularitalic.otf");
| |
| src: url("/mw/skins/foreground/assets/fonts/LUCETTE/font/ttf/Lucette-Regularitalic.ttf");
| |
| src: url("/mw/skins/foreground/assets/fonts/LUCETTE/font/woff/Lucette-Regularitalic.woff");
| |
| src: url("/mw/skins/foreground/assets/fonts/LUCETTE/font/woff2/Lucette-Regularitalic.woff2");
| |
| font-style: italic;
| |
| }
| |
| /*
| |
| @font-face {
| |
| font-family: Vega;
| |
| src: url("/mw/skins/foreground/assets/fonts/otf/Vega-Regular.otf");
| |
| src: url("/mw/skins/foreground/assets/fonts/Vega-Regular.ttf") format("truetype");
| |
| src: url("/mw/skins/foreground/assets/fonts/Vega-Regular-Webfont.svg" format("svg"));
| |
| src: url("/mw/skins/foreground/assets/fonts/Vega-Regular.woff" format("woff"));
| |
| src: url("/mw/skins/foreground/assets/fonts/Vega-Regular.woff2") format("woff2");
| |
| }
| |
| */
| |
|
| |
|
| | <pre id="ascii" style=" |
| | width: fit-content; |
| | height: 100% ; |
| | border-color: --color-a; |
| | line-height: 12px; |
| | font-size: 15px; |
| | font-family: monospace; |
| | overflow: hidden; |
| | margin: 0 auto; |
| | padding: 0; |
| | background-color: black; |
| | color:dark; |
| | "> |
| | __.....__ |
| | .-'' '. .--./) |
| | / .-''"'-. `. .-,.--. /.''\\ |
| | bienvenue à l'/ /________\ \ | .-. | | | |
| | | | | | | | \`-' / |
| | \ .-------------' | | | | /("'` |
| | \ '-.____...---. | | '- \ '---. |
| | `. .'cole de | |echerche /'""'.\ raphique |
| | `''-...... -' | | || | |
| | |_| \'. _ _/ |
| | `'---'</pre> |
|
| |
|
|
| |
|
| | |
| | {{English|Welcome to erg}} |
|
| |
|
| /* Global variables. */
| | === winterschool 2024 === |
| :root,
| | * [[Workshop : WIKI MAINTENANCE]] |
| ::backdrop {
| |
| /* Set sans-serif & mono fonts */
| |
| --sans-font: -apple-system, BlinkMacSystemFont, "Avenir Next", Avenir,
| |
| "Nimbus Sans L", Roboto, "Noto Sans", "Segoe UI", Arial, Helvetica,
| |
| "Helvetica Neue", sans-serif;
| |
| --mono-font: Consolas, Menlo, Monaco, "Andale Mono", "Ubuntu Mono", monospace;
| |
| --standard-border-radius: 5px;
| |
|
| |
|
| /* Default (light) theme */
| | 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'''. |
| --bg: #fff;
| |
| --bg-top: #222;
| |
| --accent-bg: #f5f7ff;
| |
| --text: #212121;
| |
| --text-light: #585858;
| |
| --border: #898EA4;
| |
| --accent: #0d47a1;
| |
| --accent-hover: #1266e2;
| |
| --accent-text: var(--bg);
| |
| --code: #d81b60;
| |
| --preformatted: #444;
| |
| --marked: #ffdd33;
| |
| --disabled: #efefef;
| |
|
| |
|
| --font-title: Combined;
| | * [[projet pédagogique]] |
| --font-body: Lucette; | | * [[Cursus_transdisciplinaire_Bachelors_-_Masters|cursus transdisciplinaire]] |
| --color-a: #a700ff; /* purple */
| | * [[Espaces transversaux, pratiques collectives|espaces transversaux, pratiques collectives]] |
| --color-b: #00ab6b; /* green */
| | * [[séminaires, workshops, conférences]] |
| --font-size: 23px;
| | * [[Guide Wiki | guide pour utiliser le wiki]] |
| --line-height: 1.3em;
| | * [[Doctorat_et_recherche|recherche]] |
| }
| | * [[Étudier et être accompagné·e à l'erg|étudier et être accompagné·e à l'erg]] |
| | * [[Autour_de_l'erg|autour de l'erg]] |
| | * [[contact]] |
|
| |
|
| /* Dark theme */
| |
| @media (prefers-color-scheme: dark) { /* the world went cyberpunk and nobody noticed it */
| |
| :root,
| |
| ::backdrop {
| |
| color-scheme: dark;
| |
| --bg: black;
| |
| --bg-top: black;
| |
| --accent-bg: #2b2b2b;
| |
| --text: white;
| |
| --text-light: #ababab;
| |
| --accent: #ffb300;
| |
| --accent-hover: #ffe099;
| |
| --accent-text: var(--bg);
| |
| --code: #f06292;
| |
| --preformatted: #ccc;
| |
| --disabled: #111;
| |
|
| |
|
| --font-title: Combined;
| | *[[Actualités (2023)|news]] |
| --font-body: Lucette;
| |
| --color-b: #4d3856 ; /* cool purple */
| |
| --color-a: #4be239; /* nuke green */
| |
| --font-size: 23px;
| |
| --line-height: 1.3em;
| |
| }
| |
| }
| |
|
| |
|
| /* Reset box-sizing */
| | {{NewsActivity |
| *, *::before, *::after {
| | |limit=4 |
| box-sizing: border-box;
| | }} |
| } | |
|
| |
|
| body {
| | ===Newsletter & réseaux=== |
| font-family: var(--font-body);
| |
| font-size: var(--font-size);
| |
| line-height: var(--line-height);
| |
| padding-top: 3em;
| |
| background-color: var(--bg);
| |
| color: var(--text);
| |
| }
| |
| p {
| |
| font-size: var(--font-size);
| |
| line-height: var(--line-height);
| |
| margin-bottom: 0;
| |
| }
| |
| p + p {
| |
| margin-top: var(--line-height);
| |
| }
| |
|
| |
|
| /* INTERFACE ------------------------------------------------------------------ */
| | Inscrivez-vous à notre '''[http://eepurl.com/igdz0r newsletter]''' ou scannez le QRcode. |
| /* remove category help button (does it remove other stuff? mmm...) */ | |
| #mw-indicator-mw-helplink {
| |
| display: none;
| |
| }
| |
|
| |
|
| /* Menu bar, position fixed to be able to grab it to resize the map on mobile devices */
| | <!-- [[Fichier:Qrcoderg.png|150px|link=]] --> |
| #navwrapper {
| |
| position: fixed;
| |
| top: 0;
| |
| right: 0;
| |
| z-index: 1000;
| |
| left: 0;
| |
| }
| |
|
| |
|
| h4.namespace.label {
| | '''[https://www.instagram.com/ergunlieuderecherche/?hl=fr instagram]''' / '''[https://www.facebook.com/ergunlieuderecherche facebook]''' / |
| display: none;
| | '''[https://vimeo.com/channels/erg vimeo]''' |
| }
| |
|
| |
|
| .mw-editsection, .mw-editsection-like {
| |
| font-size: 10px;
| |
| }
| |
|
| |
|
| #actions {
| |
| left: initial !important;
| |
| right: 14px;
| |
| top: -21px;
| |
| background-color: var(--accent-bg);
| |
| border: 1px solid var(--text-light);
| |
| color: var(--text-light);
| |
| }
| |
| a#actions-button {
| |
| margin-top: -1em;
| |
| background-color: var(--accent-bg);
| |
| padding: 5px;
| |
| color: var(--text-light);
| |
| }
| |
| .fa,
| |
| button, .button,
| |
| .top-bar-section ul li > a {
| |
| font-family: var(--font-body);
| |
| }
| |
| .fa::before {
| |
| font-family: FontAwesome;
| |
| }
| |
|
| |
|
| .top-bar,
| | __NOTOC__ |
| .top-bar-section,
| |
| #top-bar-left,
| |
| #top-bar-right,
| |
| #top-bar-right .columns {
| |
| display: flex;
| |
| background-color: var(--bg-top);
| |
| align-items: center;
| |
| justify-content: space-evenly;
| |
| }
| |
| #top-bar-left {
| |
| width: initial;
| |
| }
| |
| .top-bar-section {
| |
| flex-grow: 1;
| |
| }
| |
| .has-form {
| |
| flex-grow: 1;
| |
| padding: 0.5em !important;
| |
| }
| |
| #top-bar-right {
| |
| justify-content: space-between;
| |
| flex-grow: 1;
| |
| }
| |
| .top-bar input {
| |
| padding-top: 8px;
| |
| flex-grow: 1;
| |
| height: 2em;
| |
| box-sizing: border-box;
| |
| border: 0;
| |
| outline: 0;
| |
| }
| |
| .button.search {
| |
| background-color: transparent;
| |
| border-style: solid;
| |
| border-width: 2px;
| |
| border-image: linear-gradient(to right, var(--color-a), var(--color-b));
| |
| border-image-slice: 1;
| |
| top: 2px !important;
| |
| position: relative;
| |
| margin-left: 0px !important;
| |
| box-sizing: border-box;
| |
| padding: 0;
| |
| width: 80px;
| |
| height: 2em;
| |
| margin: 0;
| |
| top: 0 !important;
| |
| }
| |
| .button.search:hover {
| |
| background-color: var(--color-a);
| |
| }
| |
| .suggestions-result-current {
| |
| background-color: var(--color-b) !important;
| |
| }
| |
| | |
| .top-bar .toggle-topbar a {
| |
| text-transform: lowercase;
| |
| font-size: 1em;
| |
| }
| |
| | |
| #toc, .toc {
| |
| float: right;
| |
| margin-left: 1em;
| |
| max-width: 45%;
| |
| background-color: var(--accent-bg);
| |
| border-radius: 5px;
| |
| }
| |
| .toctitle {
| |
| margin-bottom: -1em;
| |
| }
| |
| #toc h2 {
| |
| margin-top: 0.25em;
| |
| font-size: 1em;
| |
| display: inline-block;
| |
| margin-right: 0.5em;
| |
| }
| |
| #toc ul {
| |
| margin: 0;
| |
| }
| |
| .tocnumber:after {
| |
| content: " – ";
| |
| }
| |
| | |
| table.infobox {
| |
| width: initial;
| |
| max-width: 45%;
| |
| }
| |
| table.infobox th.head {
| |
| background-color: var(--color-b);
| |
| }
| |
| th, td {
| |
| padding: 0.5em !important;
| |
| }
| |
| | |
| li {
| |
| line-height: initial;
| |
| }
| |
| | |
| .mw-category-generated {
| |
| margin-top: 2em;
| |
| }
| |
| | |
| /* if no content but only listing subcategories */
| |
| .mw-parser-output:empty + .mw-category-generated h2 {
| |
| display: none;
| |
| }
| |
| | |
| /* If only one subcategory, don't list the initial */
| |
| .mw-category-generated #mw-pages div:only-of-type h3,
| |
| #mw-subcategories div:only-of-type h3 {
| |
| /*display: none;*/
| |
| }
| |
| | |
| /* removes counting of categories */
| |
| .mw-category-generated #mw-pages p:first-of-type,
| |
| #mw-subcategories p:first-of-type {
| |
| display: none;
| |
| }
| |
| | |
| .group {
| |
| margin-top: 5em;
| |
| }
| |
| #catlinks .label {
| |
| border-width: 2px;
| |
| border-style: solid;
| |
| background-color: transparent;
| |
| padding: 2px 6px !important;
| |
| }
| |
| | |
| /* HEADER ------------------------------------------------------------------ */
| |
| .title-name {
| |
| font-family: var(--font-title);
| |
| font-weight: bold;
| |
| }
| |
| .title-name:hover {
| |
| color: var(--color-a);
| |
| }
| |
| | |
| | |
| | |
| .top-bar-section .has-form {
| |
| background-color: var(--bg-top)!important;
| |
| }
| |
| .top-bar-section .has-dropdown > a::after {
| |
| display: none;
| |
| }
| |
| .top-bar-section .has-dropdown > a {
| |
| padding-right: initial !important;
| |
| }
| |
| .top-bar-section .dropdown li {
| |
| width: initial;
| |
| /*height: 2em;*/
| |
| position: relative;
| |
| padding: 0;
| |
| border-bottom: 1px solid lightgray;
| |
| }
| |
| .top-bar-section ul li {
| |
| padding: 0 0.5em;
| |
| background-color: var(--bg-top);
| |
| }
| |
| .top-bar-section ul li:hover {
| |
| z-index: 1000;
| |
| }
| |
| .top-bar-section ul li > a {
| |
| font-size: 16px;
| |
| padding: 0;
| |
| font-weight: bold;
| |
| }
| |
| | |
| li#p-menu > a {
| |
| text-transform: uppercase;
| |
| padding: 0;
| |
| }
| |
| li#p-menu > a + ul li {
| |
| outline: 1px solid #00a393;
| |
| }
| |
| | |
| .top-bar-section .dropdown li:not(.has-form):not(.active):hover > a:not(.button) {
| |
| background: linear-gradient(90deg,var(--color-a), var(--color-b));
| |
| }
| |
| li#p-menu + li.has-dropdown {
| |
| width: 3em;
| |
| text-align: center;
| |
| }
| |
| li#p-menu + li.has-dropdown > a {
| |
| border-radius: 100%;
| |
| padding: 0;
| |
| text-align: center;
| |
| line-height: 30px;
| |
| margin: auto;
| |
| display: inline-block;
| |
| width: 30px;
| |
| box-sizing: border-box;
| |
| height: 30px;
| |
| }
| |
| .not-logged-in #top-bar-right li:nth-child(3) {
| |
| display: none;
| |
| }
| |
| | |
| #toolbox-dropdown li, #personal-tools-dropdown .dropdown li {
| |
| float: right;
| |
| }
| |
| | |
| .back h5 {
| |
| font-size: 2em !important;
| |
| }
| |
| a.parent-link {
| |
| color: var(--color-b) !important;
| |
| font-weight: bold !important;
| |
| }
| |
| | |
| /* CONTENT ------------------------------------------------------------------ */
| |
| #page-content {
| |
| margin: 1em;
| |
| color: var(--text);
| |
| }
| |
| #english {
| |
| position: relative;
| |
| top: -1.5em;
| |
| }
| |
| | |
| h1, h2, h3, h4, h5, h6 {
| |
| margin-top: 2em;
| |
| color: var(--color-b);
| |
| line-height: 1.5em;
| |
| font-family: var(--font-body);
| |
| }
| |
| h1, h1#firstHeading, h2 {
| |
| font-family: var(--font-title);
| |
| font-size: 1.5em;
| |
| }
| |
| | |
| h1 {
| |
| color: var(--color-a);
| |
| }
| |
| h2 span {
| |
| display: initial;
| |
| }
| |
| h3 {
| |
| font-family: var(--font-title);
| |
| font-size: 1em;
| |
| }
| |
| body.action-view #page-content a {
| |
| border-image: linear-gradient(to right, var(--color-a), var(--color-b));
| |
| border-bottom-width: 2px;
| |
| border-image-slice: 1;
| |
| color: var(--text);
| |
| border-bottom-style: solid;
| |
| padding: 3px 5px 1px;
| |
|
| |
| }
| |
| #page-content a:hover,
| |
| #catlinks .label:hover {
| |
| background-color: var(--color-a);
| |
| color: black !important;
| |
| }
| |
| /* Removes user name */
| |
| h3#tagline {
| |
| display: none;
| |
| }
| |
| #bodyContent {
| |
| margin-top: 3em;
| |
| }
| |
| | |
| #page-content ul, #page-content ol {
| |
| font-size: 1em;
| |
| margin-top: var(--line-height) !important;
| |
| margin-bottom: var(--line-height) !important;
| |
| }
| |
| div {
| |
| line-height: 1.4em ;
| |
| }
| |
| label {
| |
| color: var(--text-light);
| |
| }
| |
| label[for="wpCaptchaWord"]{
| |
| background-color: orangered;
| |
| }
| |
| code, pre {
| |
| color: darkgrey;
| |
| background-color: #181818;
| |
| border: 1px solid darkgrey;
| |
| border-radius:3px;
| |
| font-size: 0.8em;
| |
| padding: 1ch;
| |
| }
| |
| | |
| | |
| /* ACTUALITÉS ------------------------------------------------------------------ */
| |
| .medialisting {
| |
| display: flex;
| |
| flex-wrap: wrap;
| |
| }
| |
| .medialisting a {
| |
| border: 0 !important;
| |
| }
| |
| .Media {
| |
| display: flex;
| |
| align-items: flex-start;
| |
| margin-bottom: 1em;
| |
| flex-direction: column;
| |
| flex-basis: 32%;
| |
| box-sizing: border-box;
| |
| justify-content: center;
| |
| padding: 0.5em;
| |
| background: radial-gradient(var(--color-a) -31%, transparent 60%);
| |
| }
| |
| .Media:nth-child(2n) {
| |
| background: radial-gradient(var(--color-b) -31%, transparent 60%);
| |
| }
| |
| .Media-body {
| |
| flex: initial;
| |
| }
| |
| | |
| .flexgal {
| |
| display: flex;
| |
| flex-wrap: wrap;
| |
| }
| |
| | |
| /* THUMBNAILS ------------------------------------------------------------------ */
| |
| .thumbinner {
| |
| background-color: var(--accent-bg);
| |
| }
| |
| .thumb.tleft {
| |
| margin-right: 2em;
| |
| }
| |
| .Media-figure a,
| |
| .image.fancybox {
| |
| display: inline-block;
| |
| }
| |
| .magnify a {
| |
| text-indent: 0;
| |
| width: 25px;
| |
| height: 25px;
| |
| border-style: solid;
| |
| border-width: 2px;
| |
| line-height: 15px;
| |
| }
| |
| .magnify a:before {
| |
| content: "+";
| |
| font-family: FontAwesome;
| |
| font-size: 20px;
| |
| }
| |
| | |
| /* MEDIA QUERIES ------------------------------------------------------------------ */
| |
| @media (max-width: 800px) {
| |
| div.tleft, div.floatleft, table.floatleft {
| |
| width: 100%;
| |
| margin-bottom: 3em;
| |
| }
| |
| #toc {
| |
| max-width: initial;
| |
| width: 100%;
| |
| margin-left: 0;
| |
| | |
| | |
| }
| |
| }
| |
| @media only screen and (max-width: 600px) {
| |
| .top-bar,
| |
| .top-bar-section,
| |
| #top-bar-right,
| |
| #top-bar-right .columns {
| |
| display: inherit;
| |
| }
| |
| .top-bar.expanded {
| |
| flex-wrap: wrap;
| |
| }
| |
| .top-bar.expanded .title-area {
| |
| display: flex;
| |
| flex-grow: 1;
| |
| justify-content: space-between;
| |
| }
| |
| .top-bar.expanded .top-bar,
| |
| .top-bar.expanded .top-bar-section,
| |
| .top-bar.expanded #top-bar-right,
| |
| .top-bar.expanded #top-bar-right .columns {
| |
| display: flex;
| |
| align-items: center;
| |
| }
| |
| .divider.show-for-small {
| |
| display: none !important;
| |
| }
| |
| }
| |
| | |
| /* Formulaire d'edition ------------------------------------------------------------------ */
| |
| #editform
| |
| {
| |
| margin-top: -5vh;
| |
| }
| |
| ┌
| |
