|
|
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;
| |
− | }
| |
− | ┌
| |