|
|
| (120 révisions intermédiaires par 7 utilisateurs non affichées) |
| Ligne 1 : |
Ligne 1 : |
| − | /*
| + | 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. |
| − | _ ______ _____ _ _______ _ _ _________ _ _ ______ __ __ ______
| |
| − | | | | ____| / ____| |/ /_ _| \ | | / /__ __| | | | ____| \/ | ____|
| |
| − | | | | |__ | (___ | ' / | | | \| | / / | | | |__| | |__ | \ / | |__
| |
| − | | | | __| \___ \| < | | | . ` | / / | | | __ | __| | |\/| | __|
| |
| − | | |____| |____ ____) | . \ _| |_| |\ |/ / | | | | | | |____| | | | |____
| |
| − | |______|______|_|_____/|_|\_\_____|_|_\_/_/___ _ |_| |_| |_|______|_| |_|______|
| |
| − | / __ \| ____| ____|_ _/ ____|_ _| ____| |
| |
| − | | | | | |__ | |__ | || | | | | |__ | |
| |
| − | | | | | __| | __| | || | | | | __| | |
| |
| − | | |__| | | | | _| || |____ _| |_| |____| |____
| |
| − | \____/|_|____|_| |_____\_____|_____|______|______|
| |
| − | | __ \| ____|
| |
| − | | | | | |__
| |
| − | | | | | __|
| |
| − | | |__| | |____
| |
| − | |_____/|______|_ _____ _____
| |
| − | | | | ____| __ \ / ____|
| |
| − | | | | |__ | |__) | | __
| |
| − | | | | __| | _ /| | |_ |
| |
| − | | |____ | |____| | \ \| |__| |
| |
| − | |______| |______|_| \_\\_____|
| |
| − |
| |
| − |
| |
| − | */
| |
| | | | |
| | | | |
| − | @font-face {
| + | °°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°° |
| − | font-family: Combined;
| + | *[[Emplois vacants (cadres pédagogique et administratif 2024-2025)|☆emplois vacants 2024-2025☆]] |
| − | 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");
| |
| − | }
| |
| − | */
| |
| | | | |
| | + | *[[☆ouverture des préinscriptions le 19.02.24☆]] |
| | + | °°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°° |
| | | | |
| | + | * [[Pédagogie|pédagogie]] |
| | + | * [[Cursus transdisciplinaire Bachelors - Masters|cursus bachelors - masters]] |
| | + | * [[Doctorat et recherche|doctorat - recherche]] |
| | + | * [[Espaces transversaux, pratiques collectives|espaces transversaux, pratiques collectives]] |
| | + | * [[Étudier et être accompagné·e à l'erg|étudier et être accompagné·e à l'erg]] |
| | + | * [[Contact|contact]] |
| | | | |
| | | | |
| − | /* Global variables. */
| + | <br> |
| − | :root,
| + | {{English|Welcome to erg}} |
| − | ::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 */
| + | == news == |
| − | --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;
| + | {{NewsActivity |
| − | --font-body: Lucette;
| + | |limit=5 |
| − | --color-a: #a700ff; /* purple */
| + | }} |
| − | --color-b: #00ab6b; /* green */
| |
| − | --font-size: 23px;
| |
| − | --line-height: 1.3em;
| |
| − | } | |
| | | | |
| − | /* Dark theme */ | + | ===[https://wiki.erg.be/m/#Actualit%C3%A9s_(2023) archives 2023]=== |
| − | @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;
| |
| − | --font-body: Lucette;
| |
| − | --color-b: #4d3856 ; /* cool purple */
| |
| − | --color-a: #4be239; /* nuke green */
| |
| − | --font-size: 23px;
| |
| − | --line-height: 1.3em;
| |
| − | }
| |
| − | }
| |
| | | | |
| − | /* Reset box-sizing */
| |
| − | *, *::before, *::after {
| |
| − | box-sizing: border-box;
| |
| − | }
| |
| | | | |
| − | body {
| + | <p style="font-family:CirrusCumulus"> </p> |
| − | font-family: var(--font-body); | |
| − | font-size: var(--font-size);
| |
| − | line-height: var(--line-height);
| |
| − | padding-top: 3em;
| |
| − | background-color: var(--bg);
| |
| − | color: var(--text);
| |
| − | }
| |
| − | p { | |
| − | font-size: var(--font-size);
| |
| − | line-height: var(--line-height);
| |
| − | margin-bottom: 0;
| |
| − | }
| |
| − | p + p {
| |
| − | margin-top: var(--line-height);
| |
| − | }
| |
| | | | |
| − | /* INTERFACE ------------------------------------------------------------------ */
| + | <!-- |
| − | /* remove category help button (does it remove other stuff? mmm...) */
| |
| − | #mw-indicator-mw-helplink {
| |
| − | display: none;
| |
| − | }
| |
| | | | |
| − | /* Menu bar, position fixed to be able to grab it to resize the map on mobile devices */
| + | '' |
| − | #navwrapper {
| |
| − | position: fixed;
| |
| − | top: 0;
| |
| − | right: 0;
| |
| − | z-index: 1000;
| |
| − | left: 0;
| |
| − | }
| |
| | | | |
| − | h4.namespace.label {
| |
| − | display: none;
| |
| − | }
| |
| | | | |
| − | .mw-editsection, .mw-editsection-like {
| + | </p> |
| − | font-size: 10px;
| + | __NOTOC__ |
| − | }
| |
| − | | |
| − | #actions {
| |
| − | left: initial !important;
| |
| − | right: 14px;
| |
| − | top: -21px;
| |
| − | background-color: var(--accent-bg);
| |
| − | border: 1px solid var(--text-light);
| |
| − | color: var(--text-light);
| |
| − | }
| |
| − | a#actions-button {
| |
| − | margin-top: -1em;
| |
| − | background-color: var(--accent-bg);
| |
| − | padding: 5px;
| |
| − | color: var(--text-light);
| |
| − | }
| |
| − | .fa,
| |
| − | button, .button,
| |
| − | .top-bar-section ul li > a {
| |
| − | font-family: var(--font-body);
| |
| − | }
| |
| − | .fa::before {
| |
| − | font-family: FontAwesome;
| |
| − | }
| |
| − | | |
| − | .top-bar,
| |
| − | .top-bar-section,
| |
| − | #top-bar-left,
| |
| − | #top-bar-right,
| |
| − | #top-bar-right .columns {
| |
| − | display: flex;
| |
| − | background-color: 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;
| |
| − | }
| |
| − | ┌
| |
