...
 
Commits (2)
......@@ -11,7 +11,7 @@
include('inc/variables.php');
include('inc/functions.php');
include('inc/head.php');
include('agenda.php');
include('agenda.php');
?>
<section id="apropos" class="content" data-simplebar data-simplebar-auto-hide="false">
......@@ -22,7 +22,7 @@
<li class="en">En</li>
</ul>
<?php endif ?>
<img class="claire" src="<?php echo $config->urls->templates ?>/style/claire-s-working.png"/>
<article class="letexte">
<h1><?= $page->title ?></h1>
......
......@@ -4,15 +4,16 @@
<html>
<head>
<title>Claire Williams</title>
<meta name="viewport" content="width=device-width, height=device-height, initial-scale=1.0,
maximum-scale=1.0, user-scalable=no, shrink-to-fit=no">
<link rel="stylesheet" type="text/css" href="<?php echo $config->urls->templates ?>style/reset.css" />
<link rel="shortcut icon" type="image/x-icon" href="<?php echo $config->urls->templates ?>style/faviconok.ico"/>
<link rel="stylesheet" type="text/css" href="<?php echo $config->urls->templates ?>style/main.css" />
<!-- <link rel="stylesheet/less" type="text/css" href="<?php echo $config->urls->templates ?>style/main.less" /> -->
<link rel="stylesheet/less" type="text/css" href="<?php echo $config->urls->templates?>style/responsive.less" />
<link rel="stylesheet/less" type="text/css" href="<?php echo $config->urls->templates?>style/responsive.css" />
<script type="text/javascript" src="<?php echo $config->urls->templates ?>js/lib/jquery-3.2.1.min.js"></script>
<script type="text/javascript" src="<?php echo $config->urls->templates ?>js/lib/less.min.js"></script>
<script type="text/javascript" src="<?php echo $config->urls->templates ?>js/lib/masonry.pkgd.min.js"></script>
<script type="text/javascript" src="<?php echo $config->urls->templates ?>js/lib/simplebar.js"></script>
<noscript>
<style>
[data-simplebar] {
......
......@@ -105,16 +105,14 @@
<?php endforeach ?>
</div>
<?php if ($currentPage == 'apropos'): ?>
<?php if ($currentPage == 'apropos' || $currentPage == 'onePage'): ?>
<div id="licencescredits" class="licencescredits">
<img class="logoFWB" alt="Fédération Wallonie Bruxelles" src="http://www.culture.be/fileadmin/sites/culture/upload/culture_super_editor/culture_editor/images/Logos_FWB/logo_noir.jpg"/>
<br>
<a rel="license" href="http://creativecommons.org/licenses/by-sa/4.0/">
<?php echo $currentPage == 'apropos' ? '<img class="logoFWB" alt="Fédération Wallonie Bruxelles" src="http://www.culture.be/fileadmin/sites/culture/upload/culture_super_editor/culture_editor/images/Logos_FWB/logo_noir.jpg"/><br>' : ''; ?>
This work is licensed under <a href="http://artlibre.org/licence/lal/en/">Free Art License</a> and&nbsp;<a rel="license" href="http://creativecommons.org/licenses/by-sa/4.0/">Creative Commons Attribution-ShareAlike 4.0 International License</a>
<img alt="Creative Commons License" src="https://i.creativecommons.org/l/by-sa/4.0/80x15.png" /></a>
This work is licensed under a <a rel="license" href="http://creativecommons.org/licenses/by-sa/4.0/">Creative Commons Attribution-ShareAlike 4.0 International License</a>
<p>Design &amp; développement: <a href="http://www.luuse.io/">Luuse</a></p>
<?php echo $currentPage == 'apropos' ? '<p>Design &amp; développement: <a href="http://www.luuse.io/">Luuse</a></p>' : ''; ?>
</div>
<?php endif; ?>
......
......@@ -203,6 +203,7 @@ function hoverGoAfter(){
function escalier(nav, tagList) {
var size2 = tagList.css('font-size');
console.log(size2);
var size = parseInt(size2.substr(0, size2.length - 2))+2;
tagList.each(function(){
var li = $(this);
......@@ -285,6 +286,7 @@ function openAgenda(nav, actu){
}
function closeAgenda(actu){
actu.find('h1').click(function(){
actu.css({'visibility': 'hidden'});
actu.children('.simplebar-track').hide();
......@@ -426,3 +428,13 @@ function addPreToCode(){
}
})
}
function navTop(nav) {
var title = nav.find('h1');
title.children('a').click(function(e){
e.preventDefault();
})
title.click(function(){
$(this).parents('#nav').toggleClass('mobileClicked');
})
}
......@@ -58,11 +58,20 @@ $(document).ready(function() {
addPreToCode();
if ($(window).width() < 600) {
navTop(nav);
} else if ($(window).width() >= 600){
$('head').append('<script type="text/javascript" src="<?php echo $config->urls->templates ?>js/lib/simplebar.js"></script>');
}
})
$(window).on('load', function() {
var actu = $('#actu');
var nav = $('#nav');
var page = $('.content').attr('id');
var tagListCats = nav.find('.categories ul li:not(:nth-of-type(1))');
var tagListMenu = nav.find('#menu ul li:not(:nth-of-type(1)) a');
var tagListTitle = nav.find('.categories ul li.title h1');
......@@ -72,9 +81,11 @@ $(window).on('load', function() {
setTimeout(function(){ masoFallback(article) }, 3000);
openAgendaOnLoad(actu);
whiteSpaceHeight(nav);
escalier(nav, tagListMenu);
escalier(nav, tagListCats);
escalier(nav, tagListTitle);
// if (page != 'apropos') {
escalier(nav, tagListMenu);
escalier(nav, tagListCats);
escalier(nav, tagListTitle);
// }
})
......
html,body{padding:0;height:100%;overflow-y:hidden}html ::-moz-selection,body ::-moz-selection{color:#fff;background:#00f}html ::selection,body ::selection{color:#fff;background:#00f}@font-face{font-family:"bien";src:url("fontes/BienchenSAS-Regular1104.ttf")}@font-face{font-family:"oldStandard";src:url("fontes/OldStandard-Regular.ttf")}@font-face{font-family:"oldS-round";src:url("fontes/OldS-round.otf")}@font-face{font-family:'oldS-Italic';src:url('fontes/OldStandard-Italic.ttf')}@font-face{font-family:'iA-regular';src:url('fontes/CutiveMono/CutiveMono-Regular.ttf')}@font-face{font-family:'iA-regularItalic';src:url('fontes/iA/iAWriterDuospace-RegularItalic.ttf')}@font-face{font-family:'select-list';src:url('fontes/CutiveMono-Regular-fixed-20.otf')}@font-face{font-family:'round';src:url('fontes/round/OldRound-30-1-1.ttf')}@font-face{font-family:'round-hover';src:url('fontes/round/OldRound-30-hover.ttf')}@font-face{font-family:'round-nonselect';src:url('fontes/round/OldRound-30-nonselect.ttf')}body{display:-webkit-box;display:-ms-flexbox;display:flex;padding:0;background:#fff}body .menuMobile{display:none}body h1{font-family:"bien";font-size:1vw;letter-spacing:.1vw}body #actu{background:rgba(0,0,255,0.8);position:absolute;visibility:hidden;top:0;left:0;right:0;bottom:0;z-index:100;color:#00f;font-family:"iA-regular"}body #actu h1{color:#fff;font-family:"oldStandard";font-size:72px;text-transform:uppercase;padding:12px;margin:12px;display:inline-block;position:fixed;right:24px;font-weight:lighter;z-index:25;color:#00f;-webkit-text-fill-color:#fff;-webkit-text-stroke-width:1px;-webkit-text-stroke-color:#00f}@keyframes blinker{60%{opacity:0}}body #actu h1:hover{color:#110f2e;cursor:pointer;outline:0}body #actu ul{background:#fff;padding:12px;outline:1px solid;margin-top:-6px;z-index:10;position:relative;display:inline-block}body #actu ul li.title{text-transform:uppercase;font-family:"bien";letter-spacing:3px}body #actu ul li{display:inline;color:#110f2e;padding-bottom:12px}body #actu ul li sup{vertical-align:middle}body #actu ul li p,body #actu ul li img{display:none}body #actu ul li img{width:90%}body #actu ul li:after{content:' ⦚ ';color:#00f}body #actu ul li:nth-last-of-type(1):after{content:''}body #actu ul li:nth-last-of-type(2):after{content:''}body #actu ul .btnPlus{text-decoration:none;cursor:pointer}body #actu ul .btnPlus .up{display:none}body #actu ul .btnPlus:hover{animation:blinker .2s linear infinite}body #actu ul.open{margin-left:30px;width:50%;font-size:1.8vw}body #actu ul:hover{z-index:20;position:relative;cursor:pointer;outline:2px solid}body #actu p:first-of-type{padding-top:12px}body #actu p{font-family:"oldStandard";font-size:1.5vw;line-height:1.9vw}body #actu img{margin-top:12px}body section{width:0;padding:12px;-webkit-box-flex:10;-ms-flex-positive:10;flex-grow:10;-ms-flex-preferred-size:auto;flex-basis:auto}body section#blog article.behind{background:#fff;outline:1px solid #00f}body section#blog article.behind h2,body section#blog article.behind h1{color:#00f}body section#blog article.behindHover{background:#fff;outline:1px solid #00f}body section#blog article.behindHover h2,body section#blog article.behindHover h1{color:#00f}body section#projets article.behind{opacity:1;position:fixed}body section#projets article.behind .image{background:#00f;border-radius:3px}body section#projets article.behind .image img{mix-blend-mode:screen;-webkit-filter:grayscale(100%) contrast(120%);filter:grayscale(100%) contrast(120%);opacity:1;border-radius:3px}body section#projets article.behind h1{letter-spacing:3px;color:#00f;padding-bottom:4px;border-bottom:2px solid #00f}body section#projets article.behindHover{position:fixed;height:120px;width:auto}body section#projets article.behindHover h1{color:#110f2e;padding-bottom:4px;border-bottom:2px solid #110f2e}body section#projets article.behindHover img{-webkit-filter:grayscale(100%) contrast(120%);filter:grayscale(100%) contrast(120%);box-shadow:2px 2px #00f;opacity:1}body section#projets article.behindHover .clone{position:absolute}body section#projets a,body section#projet a,body section#documentation a,body section#blogPost a,body section#menu a{text-decoration:none;color:#110f2e}body section#projets img,body section#projet img,body section#documentation img,body section#blogPost img,body section#menu img{width:90%}body section#projets article,body section#projet article,body section#documentation article,body section#blogPost article,body section#menu article{margin:6px 0}body section#projets article .metas,body section#projet article .metas,body section#documentation article .metas,body section#blogPost article .metas,body section#menu article .metas{padding:12px}body section#projets .letexte .en,body section#projet .letexte .en,body section#documentation .letexte .en,body section#blogPost .letexte .en,body section#menu .letexte .en{display:none}body section#projets .grid,body section#projet .grid,body section#documentation .grid,body section#blogPost .grid,body section#menu .grid{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;width:calc(100% - 20px)}body section#projets .grid .grid_item,body section#projet .grid .grid_item,body section#documentation .grid .grid_item,body section#blogPost .grid .grid_item,body section#menu .grid .grid_item,body section#projets .grid .grid_sizer,body section#projet .grid .grid_sizer,body section#documentation .grid .grid_sizer,body section#blogPost .grid .grid_sizer,body section#menu .grid .grid_sizer{float:left;width:25%;margin-bottom:10px}body section#projets .grid .grid_item a,body section#projet .grid .grid_item a,body section#documentation .grid .grid_item a,body section#blogPost .grid .grid_item a,body section#menu .grid .grid_item a,body section#projets .grid .grid_sizer a,body section#projet .grid .grid_sizer a,body section#documentation .grid .grid_sizer a,body section#blogPost .grid .grid_sizer a,body section#menu .grid .grid_sizer a{width:calc(100% - 12px);padding:0 Infinitypx;display:block}body section#projets .grid .grid_item a img,body section#projet .grid .grid_item a img,body section#documentation .grid .grid_item a img,body section#blogPost .grid .grid_item a img,body section#menu .grid .grid_item a img,body section#projets .grid .grid_sizer a img,body section#projet .grid .grid_sizer a img,body section#documentation .grid .grid_sizer a img,body section#blogPost .grid .grid_sizer a img,body section#menu .grid .grid_sizer a img,body section#projets .grid .grid_item a h1,body section#projet .grid .grid_item a h1,body section#documentation .grid .grid_item a h1,body section#blogPost .grid .grid_item a h1,body section#menu .grid .grid_item a h1,body section#projets .grid .grid_sizer a h1,body section#projet .grid .grid_sizer a h1,body section#documentation .grid .grid_sizer a h1,body section#blogPost .grid .grid_sizer a h1,body section#menu .grid .grid_sizer a h1{width:95%;margin:2.5%;font-size:27px;text-transform:uppercase;-webkit-hyphens:auto;-moz-hyphens:auto;-ms-hyphens:auto;hyphens:auto;text-align:center}body section#projets .grid .grid_item a:hover img,body section#projet .grid .grid_item a:hover img,body section#documentation .grid .grid_item a:hover img,body section#blogPost .grid .grid_item a:hover img,body section#menu .grid .grid_item a:hover img,body section#projets .grid .grid_sizer a:hover img,body section#projet .grid .grid_sizer a:hover img,body section#documentation .grid .grid_sizer a:hover img,body section#blogPost .grid .grid_sizer a:hover img,body section#menu .grid .grid_sizer a:hover img{mix-blend-mode:screen;-webkit-filter:grayscale(100%) contrast(120%);filter:grayscale(100%) contrast(120%);opacity:1;box-shadow:2px 2px #00f}body section#projets .grid .grid_item a:hover h1,body section#projet .grid .grid_item a:hover h1,body section#documentation .grid .grid_item a:hover h1,body section#blogPost .grid .grid_item a:hover h1,body section#menu .grid .grid_item a:hover h1,body section#projets .grid .grid_sizer a:hover h1,body section#projet .grid .grid_sizer a:hover h1,body section#documentation .grid .grid_sizer a:hover h1,body section#blogPost .grid .grid_sizer a:hover h1,body section#menu .grid .grid_sizer a:hover h1{padding-bottom:4px;border-bottom:2px solid #110f2e}body section#projets .grid .grid_item[class^="projet workshops"] h1,body section#projet .grid .grid_item[class^="projet workshops"] h1,body section#documentation .grid .grid_item[class^="projet workshops"] h1,body section#blogPost .grid .grid_item[class^="projet workshops"] h1,body section#menu .grid .grid_item[class^="projet workshops"] h1{transform:skewX(40deg)}body section#projets article.focus,body section#projet article.focus,body section#documentation article.focus,body section#blogPost article.focus,body section#menu article.focus{width:calc(100% - 24px);display:block}body section#docs{padding-bottom:24px}body section#docs .grid{display:-webkit-box;display:-ms-flexbox;display:flex}body section#docs .grid article:nth-of-type(odd) h1{font-size:38px;color:#110f2e;text-align:right}body section#docs .grid article:nth-of-type(even) h1{font-size:38px;color:#110f2e;text-align:left}body section#docs .grid article.behind h1{font-family:'round-nonselect'}body section#docs .grid article.behind .image{filter:contrast(120) !important;-webkit-filter:contrast(120)}body section#docs .grid article:hover,body section#docs .grid .behindHover{z-index:2}body section#docs .grid article:hover h1,body section#docs .grid .behindHover h1{font-family:"round-hover";color:#00f}body section#docs .grid article:hover .image,body section#docs .grid .behindHover .image{background:#00f;float:left}body section#docs .grid article:hover .image img,body section#docs .grid .behindHover .image img{filter:grayscale(1) contrast(120%) !important;-webkit-filter:grayscale(1) contrast(120%);mix-blend-mode:screen}body section#docs .grid article{width:100%;height:auto;display:inline;margin:0 0;text-align:center}body section#docs .grid article a{text-decoration:none}body section#docs .grid article a .bloc-vignettes{height:38px;overflow:hidden;text-align:left;margin-left:15px;width:48%;float:right;z-index:-1}body section#docs .grid article a .bloc-vignettes .image{float:left;margin-right:4px}body section#docs .grid article a .bloc-vignettes .image img{height:43px;filter:grayscale(100%) contrast(120%)}body section#docs .grid article a h1:before{content:"∷∷∷ ";color:#00f;font-size:20px}body section#docs .grid article a h1{line-height:50px;font-family:"oldS-round";font-family:"round";font-weight:normal;text-transform:uppercase;width:50%;border:none;z-index:2;color:#fff;text-shadow:-1px -1px 0 #fff,1px -1px 0 #fff,-1px 1px 0 #fff,1px 1px 0 #fff;font-size:50px}body section#docs .grid article a h1 span:nth-of-type(3n+1){font-size:55px;font-family:'bien'}body section#docs .grid article a h1 span:nth-of-type(3n+2){font-size:46px;font-family:'select-list'}body section#docs .grid article a h1 span:nth-of-type(3n+3){font-family:'round-nonselect'}body section#projet img.big,body section#documentation img.big{width:auto;max-width:90%;filter:none}body section#projet img.big:hover,body section#documentation img.big:hover{cursor:nw-resize}body section#projet,body section#documentation,body section#blogPost,body section#doc{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:no-wrap;flex-wrap:no-wrap;padding:0}body section#projet article,body section#documentation article,body section#blogPost article,body section#doc article{margin:0;-webkit-box-flex:14;-ms-flex-positive:14;flex-grow:14;width:0}body section#projet article div.fr,body section#documentation article div.fr,body section#blogPost article div.fr,body section#doc article div.fr,body section#projet article div.en,body section#documentation article div.en,body section#blogPost article div.en,body section#doc article div.en{margin-bottom:50px}body section#projet .goBefore,body section#documentation .goBefore,body section#blogPost .goBefore,body section#doc .goBefore,body section#projet .goAfter,body section#documentation .goAfter,body section#blogPost .goAfter,body section#doc .goAfter{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;width:0}body .goBefore{top:0;overflow-x:hidden;word-break:break-all;font-family:'iA-regular';font-size:15px;border-right:1px solid #00f;text-transform:uppercase;text-align:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;display:-webkit-box;display:-ms-flexbox;display:flex}body .goBefore a{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;padding:12px;height:10000px;width:auto;color:#00f;cursor:url(fleche_gauche.svg),auto;overflow-y:hidden}body .goBefore a span{-webkit-box-flex:2;-ms-flex-positive:2;flex-grow:2}body .goBefore a:hover{background:#110f2e;color:#fff !important}body .goBefore .documentation{color:#00f}body .goBefore .blog{background:#fff;color:#00f}body .goBefore .projet{color:#00f}body .goBefore .documentation:after{content:"∷∷∷ "}body .goBefore .blog:after{content:"⸭⸭⸭ "}body .goBefore .projet:after{content:"⋱⋰⋱ "}body .goBefore .titleHover img{margin-left:48px;-webkit-box-flex:4;-ms-flex-positive:4;flex-grow:4;width:96px;height:auto;-webkit-filter:grayscale(100%);filter:grayscale(100%);z-index:100}body .goAfter{top:0;word-break:break-all;font-family:'iA-regular';font-size:15px;text-transform:uppercase;text-align:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;display:-webkit-box;display:-ms-flexbox;display:flex}body .goAfter a{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;padding:12px;height:10000px;width:auto;cursor:url(fleche_droite.svg),auto;overflow-y:hidden}body .goAfter a span{-webkit-box-flex:2;-ms-flex-positive:2;flex-grow:2}body .goAfter a:hover{background:#00f}body .goAfter a:hover span{color:#fff}body .goAfter .documentation{color:#00f !important;border-bottom:1px solid #00f;border-right:1px solid #00f;border-left:1px solid #00f}body .goAfter .documentation:after{content:"∷∷∷ "}body .goAfter .blog{color:#00f !important;border-bottom:1px solid #00f;border-right:1px solid #00f;border-left:1px solid #00f}body .goAfter .blog:after{content:"⸭⸭⸭ "}body .goAfter .projet{border-bottom:1px solid #00f;border-right:1px solid #00f;border-left:1px solid #00f;color:#00f}body .goAfter .projet:after{content:"⋱⋰⋱ "}body .goAfter .titleHover img{position:fixed;z-index:2;-webkit-box-flex:2;-ms-flex-positive:2;flex-grow:2;width:96px !important;height:auto;margin-left:-180px;-webkit-filter:grayscale(100%);filter:grayscale(100%)}section#apropos img.claire{top:20%;left:0;right:30%;width:300px;margin:auto;z-index:100;position:fixed}section#apropos article{overflow-x:hidden;overflow-y:scroll;font-family:"oldStandard";font-size:40px;line-height:45px;width:calc(100% - 12px);margin-left:24px;margin-right:12px;padding-bottom:60px;position:relative;border-bottom:initial}section#apropos article h1{color:#00f;font-size:50px;margin-bottom:12px}section#apropos article div{width:90%}section#apropos .letexte .en{display:none}section#apropos .letexte p{text-indent:72px}section#apropos .letexte p:first-child{text-indent:0}section#projet .language,section#blogPost .language,section#apropos .language,section#documentations .language{position:fixed;font-family:"oldStandard";bottom:24px;color:#fff;width:auto;height:24px;z-index:50;list-style-type:none}section#projet .language li,section#blogPost .language li,section#apropos .language li,section#documentations .language li{padding:12px;display:inline-block;cursor:pointer;background:#00f;border-radius:90px;height:18px;margin-left:6px}section#projet .language li:hover,section#blogPost .language li:hover,section#apropos .language li:hover,section#documentations .language li:hover,section#projet .language li.current,section#blogPost .language li.current,section#apropos .language li.current,section#documentations .language li.current{background:#110f2e}section#documentation h1{font-family:"round";font-weight:normal;text-transform:uppercase;margin-top:12px;padding-left:0;padding-right:0;padding-bottom:12px;margin-bottom:12px;width:100%;border:none;z-index:2;color:#00f;font-size:2.5vw;text-align:center}section#documentation h1 span:nth-of-type(3n+1){font-size:3.4vw;font-family:'bien'}section#documentation h1 span:nth-of-type(3n+2){font-size:3.2vw;font-family:'select-list'}section#documentation h1 span:nth-of-type(3n+3){font-family:'round-nonselect'}section#documentation h2{font-family:'round';font-size:2.4vw}section#blogPost h1,section#projet h1{margin-left:24px;margin-right:24px;text-align:center;font-size:4.3vw;margin-top:12px;padding-left:0;padding-right:0;padding-bottom:12px;margin-bottom:12px;background-color:#fff;color:#00f}section#blogPost h2,section#projet h2{font-family:'bien';font-size:2.9vw}section#blogPost,section#projet,section#documentation{padding:0}section#blogPost a,section#projet a,section#documentation a{text-decoration:none;color:#110f2e}section#blogPost article,section#projet article,section#documentation article{padding:0;color:#110f2e}section#blogPost article h2,section#projet article h2,section#documentation article h2{margin-left:24px;margin-bottom:12px;margin-top:24px;text-decoration:underline;color:#110f2e;clear:both}section#blogPost article h2 a,section#projet article h2 a,section#documentation article h2 a{font-family:"bien";color:#00f}section#blogPost article h2 a:hover,section#projet article h2 a:hover,section#documentation article h2 a:hover{text-decoration:underline}section#blogPost article h3,section#projet article h3,section#documentation article h3,section#blogPost article h4,section#projet article h4,section#documentation article h4,section#blogPost article h5,section#projet article h5,section#documentation article h5,section#blogPost article h6,section#projet article h6,section#documentation article h6{font-family:'bien';margin-top:12px;margin-bottom:12px;font-size:2vw;margin-left:24px;margin-right:24px}section#blogPost article pre,section#projet article pre,section#documentation article pre{text-indent:0;margin-bottom:24px;margin-left:24px;height:auto;max-height:20vh;padding:12px;background:#110f2e;overflow-y:auto;overflow-x:scroll;width:80%;border-radius:2px}section#blogPost article pre code,section#projet article pre code,section#documentation article pre code{font-family:"iA-regular";font-size:1.2vw;color:#fff;padding-left:12px;padding-right:12px}section#blogPost article p,section#projet article p,section#documentation article p{clear:both;width:90%;font-family:'oldStandard';font-size:1.8vw;line-height:2vw;z-index:1;margin-left:24px;padding-bottom:12px}section#blogPost article p img,section#projet article p img,section#documentation article p img{display:inline-block;float:left;height:auto;width:10%;max-width:90%;padding-bottom:12px;padding-top:12px;padding-right:12px;z-index:10;filter:none;-webkit-filter:grayscale(1);position:relative}section#blogPost article p img:hover,section#projet article p img:hover,section#documentation article p img:hover{filter:none;cursor:se-resize}section#blogPost article p cite::first-line,section#projet article p cite::first-line,section#documentation article p cite::first-line{position:relative;margin-top:24px}section#blogPost article p cite,section#projet article p cite,section#documentation article p cite{display:block;text-indent:initial !important;border-left:1px solid #110f2e;padding:6px;font-family:"iA-regular";font-size:1.5vw;line-height:1.6vw;color:#110f2e;word-break:break-word}section#blogPost article p cite strong,section#projet article p cite strong,section#documentation article p cite strong{font-family:"iA-regular";font-weight:bolder}section#blogPost article p cite a,section#projet article p cite a,section#documentation article p cite a{font-family:"iA-regularItalic";font-size:1.1vw;color:#00f}section#blogPost article p cite a:hover,section#projet article p cite a:hover,section#documentation article p cite a:hover{text-decoration:underline}section#blogPost article p strong,section#projet article p strong,section#documentation article p strong{margin-top:40px;text-decoration:underline;font-family:"oldS-round";font-size:1.7vw}section#blogPost article p em,section#projet article p em,section#documentation article p em{font-family:"oldS-Italic"}section#blogPost article p pre,section#projet article p pre,section#documentation article p pre{text-indent:0;margin-bottom:24px;margin-left:24px;height:auto;max-height:20vh;padding:12px;background:#110f2e;overflow-y:auto;overflow-x:scroll;width:80%;border-radius:2px}section#blogPost article p pre code,section#projet article p pre code,section#documentation article p pre code{font-family:"iA-regular";font-size:1.2vw;color:#fff;padding-left:12px;padding-right:12px}section#blogPost article p a,section#projet article p a,section#documentation article p a{font-family:"oldS-round";color:#00f}section#blogPost article p a:hover,section#projet article p a:hover,section#documentation article p a:hover{text-decoration:underline}section#blogPost article p:nth-of-type(1),section#projet article p:nth-of-type(1),section#documentation article p:nth-of-type(1){text-indent:0}section#blogPost article p:nth-of-type(1)::first-letter,section#projet article p:nth-of-type(1)::first-letter,section#documentation article p:nth-of-type(1)::first-letter{float:left;font-family:"bien";text-transform:uppercase;font-size:70px;padding-right:15px}section#blogPost article ul,section#projet article ul,section#documentation article ul{width:90%;margin-left:24px;font-family:"oldStandard";font-size:1.8vw;line-height:2vw;margin-bottom:12px}section#blogPost article ul li::before,section#projet article ul li::before,section#documentation article ul li::before{content:"⤫ ";margin-left:-25px;color:#00f}section#blogPost article ul li,section#projet article ul li,section#documentation article ul li{display:block;margin-left:25px;padding-left:0}section#blogPost article ul li em,section#projet article ul li em,section#documentation article ul li em{font-family:"oldS-Italic"}section#blogPost article ul li a,section#projet article ul li a,section#documentation article ul li a{font-family:"oldS-round";color:#00f}section#blogPost article ul li a:hover,section#projet article ul li a:hover,section#documentation article ul li a:hover{text-decoration:underline}section#blogPost article a,section#projet article a,section#documentation article a{font-family:"oldS-round";color:#00f}section#blogPost article a:hover,section#projet article a:hover,section#documentation article a:hover{text-decoration:underline}section#blogPost article figcaption::before,section#projet article figcaption::before,section#documentation article figcaption::before{content:'→ '}section#blogPost article figcaption.noBefore::before,section#projet article figcaption.noBefore::before,section#documentation article figcaption.noBefore::before{content:' '}section#blogPost article figcaption,section#projet article figcaption,section#documentation article figcaption{position:relative;text-indent:initial;text-align:center;color:#00f;font-family:"iA-regular";font-size:17px;margin-left:0;margin-top:0;display:inline-block}section#blogPost article ol,section#projet article ol,section#documentation article ol{width:90%;margin-left:48px;margin-bottom:12px;counter-reset:test}section#blogPost article ol li::before,section#projet article ol li::before,section#documentation article ol li::before{content:counter(test);font-family:"iA-regular";font-size:1.2vw;margin-left:-25px;margin-right:10px;padding:2px;border:1px solid #00f;color:#00f;border-radius:90px;font-weight:bolder}section#blogPost article ol li,section#projet article ol li,section#documentation article ol li{clear:both;counter-increment:test;list-style-type:none;font-family:"oldStandard";font-size:1.8vw;line-height:2vw;text-indent:initial}section#blogPost article ol li p::first-letter,section#projet article ol li p::first-letter,section#documentation article ol li p::first-letter{float:initial;font-family:"oldStandard";text-transform:initial;font-size:1.8vw;padding-right:initial}section#blogPost article ol li strong,section#projet article ol li strong,section#documentation article ol li strong{text-decoration:underline;font-family:"oldS-round";font-size:1.7vw}section#blogPost article ol li em,section#projet article ol li em,section#documentation article ol li em{font-family:"oldS-Italic"}section#documentation article h1::before{font-size:2vw;content:"∷ ∷ ∷ "}section#documentation article h1::after{font-size:2vw;content:" ∷ ∷ ∷"}section#projet article h1::before{font-size:2vw;content:"⋱⋰⋱ "}section#projet article h1::after{font-size:2vw;content:" ⋰⋱⋰"}section#projet article p img{filter:initial;text-align:center;width:auto;max-width:90%;float:none;height:auto}section#projet article p img:hover{cursor:initial}section#projet article p figcaption::before{content:'↳ '}section#projet article p figcaption.noBefore::before{content:' '}section#projet article p figcaption{display:block;text-align:left}section#blog{background:#00f;padding:0}section#blog a{text-decoration:none;color:inherit;display:inline-block}section#blog article{position:relative}section#blog article h1{font-family:'bien';letter-spacing:3px;margin-left:12px;height:auto;font-size:5vw;cursor:pointer;display:inline;color:#fff}section#blog article h2{font-family:'bien';letter-spacing:2px;font-size:1.3vw;display:inline-block;color:#fff;vertical-align:super}section#blog article .date{font-family:"iA-regular"}section#blog article .vignette{width:auto;display:inline}section#blog article:hover{width:100%;background:#fff}section#blog article:hover h1{color:#00f}section#blog article:hover h2{color:#00f}section#blog article:hover .vignette{margin-left:12px;position:absolute;height:100%;-webkit-filter:grayscale(1);filter:grayscale(1);right:0}section#blogPost .article{padding-bottom:12px}section#blogPost .article h1::before{font-size:2vw;content:"⸭⸭⸭ "}section#blogPost .article h1::after{font-size:2vw;content:" ⸭⸭⸭"}section#blogPost .article .date{font-family:"iA-regular";font-size:1.3vw}section#blogPost .article p,section#blogPost .article figure{width:90%;font-family:'oldStandard'}section#blogPost .article p img,section#blogPost .article figure img{display:block;position:relative;float:left !important;padding-left:0;width:auto;max-width:60%;height:auto;padding-bottom:12px;filter:initial;cursor:default !important}section#blogPost .article p figcaption,section#blogPost .article figure figcaption{display:block;text-align:left}section#blogPost .article pre{clear:none;width:auto !important;margin-right:24px}section#blogPost .article pre code{clear:none;width:auto}#nav.infosProjet ul,#nav.infosProjet li,#nav.infosProjet h1{display:inline;cursor:pointer}#nav.infosProjet li:not(.visible):not( :nth-of-type(1)){display:none}#nav.infosProjet #documentation{display:inline}section#nav{text-decoration:none;line-height:18px;padding:10px 10px;background:#fff;-webkit-box-flex:4;-ms-flex-positive:4;flex-grow:4}section#nav a{text-decoration:none;color:#110f2e}section#nav .current ul li.projets:before,section#nav .current ul li.documentations:before,section#nav .current ul li.blog:before{color:#00f}section#nav .current a{color:#00f;border-radius:2px}section#nav .current a span{border-top:1px solid #00f;border-bottom:1px solid #00f;margin-top:2px;color:#00f}section#nav .current a span:nth-last-of-type(1){border:none}section#nav h2{margin-top:12px;margin-bottom:12px;font-family:"bien";letter-spacing:3px;font-size:18px !important;color:#110f2e;display:none;padding-top:12px;padding-bottom:12px;outline:1px solid #00f}section#nav h2:before{content:"- "}section#nav h2:after{content:" -"}section#nav ul,section#nav li,section#nav h1{display:inline-block;cursor:default}section#nav h1{display:inline-block;text-transform:uppercase;font-size:20px;text-indent:0;padding:0 5px;outline:1px #110f2e solid}section#nav ul{display:inline-block;cursor:pointer}section#nav ul li{padding:0 0}section#nav ul li.clicked span{background:#110f2e;color:#fff}section#nav ul li:hover h1 span,section#nav ul li.hovered h1 span{color:#110f2e;background:none}section#nav ul li:hover span,section#nav ul li.hovered span{background:#00f;color:#fff}section#nav ul li{font-family:'iA-regular';font-size:17px;letter-spacing:1px;font-weight:bold}section#nav ul li span{display:inline-block;text-align:center}section#nav ul li::before{margin-right:-8px}section#nav ul li:hover span{cursor:pointer}section#nav #menu ul{color:#110f2e}section#nav #menu ul li{display:block;font-size:24px;line-height:24px}section#nav p{font-family:'rubik-medium';line-height:1.45vw;text-indent:36px;margin-left:24px;margin-right:12px}section#nav p:nth-of-type(1){padding-top:24px}section#nav #categories ul.categorie{display:inline}section#nav #documentation{display:none}section#nav #documentation article.grid_item{height:45px;width:32%;display:inline-block;text-align:center;margin-top:12px}section#nav #documentation article.grid_item h1{font-family:'oldStandard';letter-spacing:normal;text-transform:none;font-size:.9vw;float:left}section#nav #documentation article.grid_item h1:before{content:none}section#nav #documentation article.grid_item img{margin:0 auto;height:100%;filter:#808080;-webkit-filter:grayscale(1);filter:grayscale(1);float:left}section#nav #documentation article.grid_item a{text-decoration:none;color:#110f2e}section#nav .licencescredits{position:fixed;bottom:6px;font-family:'iA-regular'}section#nav .licencescredits a{text-decoration:underline}section#nav .licencescredits a:hover{color:#00f}section#nav .licencescredits img{margin-top:24px}section#nav .licencescredits img.logoFWB{width:60px}section#nav .licencescredits p{font-family:'iA-regular';margin-left:0;padding-top:0;text-indent:0;color:#00f}section#nav .licencescredits p a{color:#00f}section#nav .licencescredits p a:hover{color:#110f2e}section#nav #menu h1{font-size:24px;margin-bottom:8px}section#nav #menu a:visited{text-decoration:none;color:#110f2e}section#nav #menu a:hover{color:#00f}section#nav #menu ul li.projets:before,section#nav #menu ul li.documentations:before,section#nav #menu ul li.blog:before{font-size:.75em}section#nav #menu ul li.projets:before{content:"⋱⋰⋱ "}section#nav #menu ul li.documentations:before{content:"∷∷∷ "}section#nav #menu ul li.blog:before{content:"⸭⸭⸭ "}section#nav #menu ul li:hover{background:none;color:initial}section#nav #menu ul li:hover span{background:#00f}section#nav.onePage #categoriesonePage ul li:hover span{background:none;color:initial;cursor:initial}[data-simplebar]{position:relative;z-index:0;overflow:hidden;-webkit-overflow-scrolling:touch}[data-simplebar=init]{display:-webkit-box;display:-ms-flexbox;display:flex}.simplebar-scroll-content{overflow-x:hidden;overflow-y:scroll;min-width:100%;box-sizing:content-box}.simplebar-content{overflow-x:scroll;overflow-y:hidden;box-sizing:border-box;min-height:100%}.simplebar-track{z-index:1;position:absolute;right:0;bottom:0;width:18px;visibility:visible}.simplebar-scrollbar{position:absolute;min-height:36px;width:72px;opacity:1;-webkit-transition:opacity .2s linear;transition:opacity .2s linear;background:#00f;background-clip:initial}section:hover .simplebar-scrollbar{cursor:grabbing;opacity:1;-webkit-transition:opacity 0 linear;background:#00f !important;transition:opacity 0 linear}section:hover .simplebar-track.vertical{background:#110f2e}.simplebar-track .simplebar-scrollbar.visible{opacity:1}.simplebar-track.horizontal{left:0;width:auto;height:11px}.simplebar-track.vertical{top:0;background:#110f2e}.horizontal.simplebar-track .simplebar-scrollbar{right:auto;top:0;height:7px;min-height:0;min-width:10px;width:auto}
\ No newline at end of file
html,body{padding:0;height:100%;overflow-y:hidden}html ::-moz-selection,body ::-moz-selection{color:white;background:blue}html ::selection,body ::selection{color:white;background:blue}@font-face{font-family:"bien";src:url("fontes/BienchenSAS-Regular1104.ttf")}@font-face{font-family:"oldStandard";src:url("fontes/OldStandard-Regular.ttf")}@font-face{font-family:"oldS-round";src:url("fontes/OldS-round.otf")}@font-face{font-family:'oldS-Italic';src:url('fontes/OldStandard-Italic.ttf')}@font-face{font-family:'iA-regular';src:url('fontes/CutiveMono/CutiveMono-Regular.ttf')}@font-face{font-family:'iA-regularItalic';src:url('fontes/iA/iAWriterDuospace-RegularItalic.ttf')}@font-face{font-family:'select-list';src:url('fontes/CutiveMono-Regular-fixed-20.otf')}@font-face{font-family:'round';src:url('fontes/round/OldRound-30-1-1.ttf')}@font-face{font-family:'round-hover';src:url('fontes/round/OldRound-30-hover.ttf')}@font-face{font-family:'round-nonselect';src:url('fontes/round/OldRound-30-nonselect.ttf')}body{display:-webkit-box;display:-ms-flexbox;display:flex;padding:0;background:white}body .menuMobile{display:none}body h1{font-family:"bien";font-size:1vw;letter-spacing:.1vw}body #actu{background:rgba(0,0,255,0.8);position:absolute;visibility:hidden;top:0;left:0;right:0;bottom:0;z-index:100;color:blue;font-family:"iA-regular"}body #actu h1{color:white;font-family:"oldStandard";font-size:72px;text-transform:uppercase;padding:12px;margin:12px;display:inline-block;position:fixed;right:24px;font-weight:lighter;z-index:25;color:blue;-webkit-text-fill-color:white;-webkit-text-stroke-width:1px;-webkit-text-stroke-color:blue}@keyframes blinker{60%{opacity:0}}body #actu h1:hover{color:#110F2E;cursor:pointer;outline:0}body #actu ul{background:white;padding:12px;outline:1px solid;margin-top:-6px;z-index:10;position:relative;display:inline-block}body #actu ul li.title{text-transform:uppercase;font-family:"bien";letter-spacing:3px}body #actu ul li{display:inline;color:#110F2E;padding-bottom:12px}body #actu ul li sup{vertical-align:middle}body #actu ul li p,body #actu ul li img{display:none}body #actu ul li img{width:90%}body #actu ul li:after{content:' ⦚ ';color:blue}body #actu ul li:nth-last-of-type(1):after{content:''}body #actu ul li:nth-last-of-type(2):after{content:''}body #actu ul .btnPlus{text-decoration:none;cursor:pointer}body #actu ul .btnPlus .up{display:none}body #actu ul .btnPlus:hover{animation:blinker .2s linear infinite}body #actu ul.open{margin-left:30px;width:50%;font-size:1.8vw}body #actu ul:hover{z-index:20;position:relative;cursor:pointer;outline:2px solid}body #actu p:first-of-type{padding-top:12px}body #actu p{font-family:"oldStandard";font-size:1.5vw;line-height:1.9vw}body #actu img{margin-top:12px}body section{width:0;padding:12px;-webkit-box-flex:10;-ms-flex-positive:10;flex-grow:10;-ms-flex-preferred-size:auto;flex-basis:auto}body section#blog article.behind{background:white;outline:1px solid blue}body section#blog article.behind h2,body section#blog article.behind h1{color:blue}body section#blog article.behindHover{background:white;outline:1px solid blue}body section#blog article.behindHover h2,body section#blog article.behindHover h1{color:blue}body section#projets article.behind{opacity:1;position:fixed}body section#projets article.behind .image{background:blue;border-radius:3px}body section#projets article.behind .image img{mix-blend-mode:screen;-webkit-filter:grayscale(100%) contrast(120%);filter:grayscale(100%) contrast(120%);opacity:1;border-radius:3px}body section#projets article.behind h1{letter-spacing:3px;color:blue;padding-bottom:4px;border-bottom:2px solid blue}body section#projets article.behindHover{position:fixed;height:120px;width:auto}body section#projets article.behindHover h1{color:#110F2E;padding-bottom:4px;border-bottom:2px solid #110F2E}body section#projets article.behindHover img{-webkit-filter:grayscale(100%) contrast(120%);filter:grayscale(100%) contrast(120%);box-shadow:2px 2px blue;opacity:1}body section#projets article.behindHover .clone{position:absolute}body section#projets a,body section#projet a,body section#documentation a,body section#blogPost a,body section#menu a{text-decoration:none;color:#110F2E}body section#projets img,body section#projet img,body section#documentation img,body section#blogPost img,body section#menu img{width:90%}body section#projets article,body section#projet article,body section#documentation article,body section#blogPost article,body section#menu article{margin:6px 0}body section#projets article .metas,body section#projet article .metas,body section#documentation article .metas,body section#blogPost article .metas,body section#menu article .metas{padding:12px}body section#projets .letexte .en,body section#projet .letexte .en,body section#documentation .letexte .en,body section#blogPost .letexte .en,body section#menu .letexte .en{display:none}body section#projets .grid,body section#projet .grid,body section#documentation .grid,body section#blogPost .grid,body section#menu .grid{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;width:calc(100% - 20px)}body section#projets .grid .grid_item,body section#projet .grid .grid_item,body section#documentation .grid .grid_item,body section#blogPost .grid .grid_item,body section#menu .grid .grid_item,body section#projets .grid .grid_sizer,body section#projet .grid .grid_sizer,body section#documentation .grid .grid_sizer,body section#blogPost .grid .grid_sizer,body section#menu .grid .grid_sizer{float:left;width:25%;margin-bottom:10px}body section#projets .grid .grid_item a,body section#projet .grid .grid_item a,body section#documentation .grid .grid_item a,body section#blogPost .grid .grid_item a,body section#menu .grid .grid_item a,body section#projets .grid .grid_sizer a,body section#projet .grid .grid_sizer a,body section#documentation .grid .grid_sizer a,body section#blogPost .grid .grid_sizer a,body section#menu .grid .grid_sizer a{width:calc(100% - 12px);padding:0 Infinitypx;display:block}body section#projets .grid .grid_item a img,body section#projet .grid .grid_item a img,body section#documentation .grid .grid_item a img,body section#blogPost .grid .grid_item a img,body section#menu .grid .grid_item a img,body section#projets .grid .grid_sizer a img,body section#projet .grid .grid_sizer a img,body section#documentation .grid .grid_sizer a img,body section#blogPost .grid .grid_sizer a img,body section#menu .grid .grid_sizer a img,body section#projets .grid .grid_item a h1,body section#projet .grid .grid_item a h1,body section#documentation .grid .grid_item a h1,body section#blogPost .grid .grid_item a h1,body section#menu .grid .grid_item a h1,body section#projets .grid .grid_sizer a h1,body section#projet .grid .grid_sizer a h1,body section#documentation .grid .grid_sizer a h1,body section#blogPost .grid .grid_sizer a h1,body section#menu .grid .grid_sizer a h1{width:95%;margin:2.5%;font-size:27px;text-transform:uppercase;-webkit-hyphens:auto;-moz-hyphens:auto;-ms-hyphens:auto;hyphens:auto;text-align:center}body section#projets .grid .grid_item a:hover img,body section#projet .grid .grid_item a:hover img,body section#documentation .grid .grid_item a:hover img,body section#blogPost .grid .grid_item a:hover img,body section#menu .grid .grid_item a:hover img,body section#projets .grid .grid_sizer a:hover img,body section#projet .grid .grid_sizer a:hover img,body section#documentation .grid .grid_sizer a:hover img,body section#blogPost .grid .grid_sizer a:hover img,body section#menu .grid .grid_sizer a:hover img{mix-blend-mode:screen;-webkit-filter:grayscale(100%) contrast(120%);filter:grayscale(100%) contrast(120%);opacity:1;box-shadow:2px 2px blue}body section#projets .grid .grid_item a:hover h1,body section#projet .grid .grid_item a:hover h1,body section#documentation .grid .grid_item a:hover h1,body section#blogPost .grid .grid_item a:hover h1,body section#menu .grid .grid_item a:hover h1,body section#projets .grid .grid_sizer a:hover h1,body section#projet .grid .grid_sizer a:hover h1,body section#documentation .grid .grid_sizer a:hover h1,body section#blogPost .grid .grid_sizer a:hover h1,body section#menu .grid .grid_sizer a:hover h1{padding-bottom:4px;border-bottom:2px solid #110F2E}body section#projets article.focus,body section#projet article.focus,body section#documentation article.focus,body section#blogPost article.focus,body section#menu article.focus{width:calc(100% - 24px);display:block}body section#docs{padding-bottom:24px}body section#docs .grid{display:-webkit-box;display:-ms-flexbox;display:flex}body section#docs .grid article:nth-of-type(odd) h1{font-size:38px;color:#110F2E;text-align:right}body section#docs .grid article:nth-of-type(even) h1{font-size:38px;color:#110F2E;text-align:left}body section#docs .grid article.behind h1{font-family:'round-nonselect'}body section#docs .grid article.behind .image{filter:contrast(120) !important;-webkit-filter:contrast(120)}body section#docs .grid article:hover,body section#docs .grid .behindHover{z-index:2}body section#docs .grid article:hover h1,body section#docs .grid .behindHover h1{font-family:"round-hover";color:blue}body section#docs .grid article:hover .image,body section#docs .grid .behindHover .image{background:blue;float:left}body section#docs .grid article:hover .image img,body section#docs .grid .behindHover .image img{filter:grayscale(1) contrast(120%) !important;-webkit-filter:grayscale(1) contrast(120%);mix-blend-mode:screen}body section#docs .grid article{width:100%;height:auto;display:inline;margin:0 0;text-align:center}body section#docs .grid article a{text-decoration:none}body section#docs .grid article a .bloc-vignettes{height:38px;overflow:hidden;text-align:left;margin-left:15px;width:48%;float:right;z-index:-1}body section#docs .grid article a .bloc-vignettes .image{float:left;margin-right:4px}body section#docs .grid article a .bloc-vignettes .image img{height:43px;filter:grayscale(100%) contrast(120%)}body section#docs .grid article a h1:before{content:"∷∷∷ ";color:blue;font-size:20px}body section#docs .grid article a h1{line-height:50px;font-family:"oldS-round";font-family:"round";font-weight:normal;text-transform:uppercase;width:50%;border:none;z-index:2;color:white;text-shadow:-1px -1px 0 #fff,1px -1px 0 #fff,-1px 1px 0 #fff,1px 1px 0 #fff;font-size:50px}body section#docs .grid article a h1 span:nth-of-type(3n+1){font-size:55px;font-family:'bien'}body section#docs .grid article a h1 span:nth-of-type(3n+2){font-size:46px;font-family:'select-list'}body section#docs .grid article a h1 span:nth-of-type(3n+3){font-family:'round-nonselect'}body section#projet img.big,body section#documentation img.big{width:auto;max-width:90%;filter:none}body section#projet img.big:hover,body section#documentation img.big:hover{cursor:nw-resize}body section#projet,body section#documentation,body section#blogPost,body section#doc{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:no-wrap;flex-wrap:no-wrap;padding:0}body section#projet article,body section#documentation article,body section#blogPost article,body section#doc article{margin:0;-webkit-box-flex:14;-ms-flex-positive:14;flex-grow:14;width:0}body section#projet article div.fr,body section#documentation article div.fr,body section#blogPost article div.fr,body section#doc article div.fr,body section#projet article div.en,body section#documentation article div.en,body section#blogPost article div.en,body section#doc article div.en{margin-bottom:50px}body section#projet .goBefore,body section#documentation .goBefore,body section#blogPost .goBefore,body section#doc .goBefore,body section#projet .goAfter,body section#documentation .goAfter,body section#blogPost .goAfter,body section#doc .goAfter{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;width:0}body .goBefore{top:0;overflow-x:hidden;word-break:break-all;font-family:'iA-regular';font-size:15px;border-right:1px solid blue;text-transform:uppercase;text-align:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;display:-webkit-box;display:-ms-flexbox;display:flex}body .goBefore a{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;padding:12px;height:10000px;width:auto;color:blue;cursor:url(fleche_gauche.svg),auto;overflow-y:hidden}body .goBefore a span{-webkit-box-flex:2;-ms-flex-positive:2;flex-grow:2}body .goBefore a:hover{background:#110F2E;color:white !important}body .goBefore .documentation{color:blue}body .goBefore .blog{background:white;color:blue}body .goBefore .projet{color:blue}body .goBefore .documentation:after{content:"∷∷∷ "}body .goBefore .blog:after{content:"⸭⸭⸭ "}body .goBefore .projet:after{content:"⋱⋰⋱ "}body .goBefore .titleHover img{margin-left:48px;-webkit-box-flex:4;-ms-flex-positive:4;flex-grow:4;width:96px;height:auto;-webkit-filter:grayscale(100%);filter:grayscale(100%);z-index:100}body .goAfter{top:0;word-break:break-all;font-family:'iA-regular';font-size:15px;text-transform:uppercase;text-align:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;display:-webkit-box;display:-ms-flexbox;display:flex}body .goAfter a{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;padding:12px;height:10000px;width:auto;cursor:url(fleche_droite.svg),auto;overflow-y:hidden}body .goAfter a span{-webkit-box-flex:2;-ms-flex-positive:2;flex-grow:2}body .goAfter a:hover{background:blue}body .goAfter a:hover span{color:white}body .goAfter .documentation{color:blue !important;border-bottom:1px solid blue;border-right:1px solid blue;border-left:1px solid blue}body .goAfter .documentation:after{content:"∷∷∷ "}body .goAfter .blog{color:blue !important;border-bottom:1px solid blue;border-right:1px solid blue;border-left:1px solid blue}body .goAfter .blog:after{content:"⸭⸭⸭ "}body .goAfter .projet{border-bottom:1px solid blue;border-right:1px solid blue;border-left:1px solid blue;color:blue}body .goAfter .projet:after{content:"⋱⋰⋱ "}body .goAfter .titleHover img{position:fixed;z-index:2;-webkit-box-flex:2;-ms-flex-positive:2;flex-grow:2;width:96px !important;height:auto;margin-left:-180px;-webkit-filter:grayscale(100%);filter:grayscale(100%)}section#apropos img.claire{top:20%;left:0;right:30%;width:300px;margin:auto;z-index:100;position:fixed}section#apropos article{overflow-x:hidden;overflow-y:scroll;font-family:"oldStandard";font-size:40px;line-height:45px;width:calc(100% - 12px);margin-left:24px;margin-right:12px;padding-bottom:60px;position:relative;border-bottom:initial}section#apropos article h1,section#apropos article h2{color:blue;font-size:50px;margin-bottom:12px}section#apropos article h2{margin-top:72px}section#apropos article div{width:90%}section#apropos .letexte .en{display:none}section#apropos .letexte p{text-indent:72px}section#apropos .letexte p:first-child{text-indent:0}section#apropos .letexte li{margin-left:48px;display:block}section#apropos .letexte li a{font-size:.75em;font-family:"oldS-round";color:blue}section#projet .language,section#blogPost .language,section#apropos .language,section#documentations .language{position:fixed;font-family:"oldStandard";bottom:24px;color:white;width:auto;height:24px;z-index:50;list-style-type:none}section#projet .language li,section#blogPost .language li,section#apropos .language li,section#documentations .language li{padding:12px;display:inline-block;cursor:pointer;background:blue;border-radius:90px;height:18px;margin-left:6px}section#projet .language li:hover,section#blogPost .language li:hover,section#apropos .language li:hover,section#documentations .language li:hover,section#projet .language li.current,section#blogPost .language li.current,section#apropos .language li.current,section#documentations .language li.current{background:#110F2E}section#documentation h1{font-family:"round";font-weight:normal;text-transform:uppercase;margin-top:12px;padding-left:0;padding-right:0;padding-bottom:12px;margin-bottom:12px;width:100%;border:none;z-index:2;color:blue;font-size:2.5vw;text-align:center}section#documentation h1 span:nth-of-type(3n+1){font-size:3.4vw;font-family:'bien'}section#documentation h1 span:nth-of-type(3n+2){font-size:3.2vw;font-family:'select-list'}section#documentation h1 span:nth-of-type(3n+3){font-family:'round-nonselect'}section#documentation h2{font-family:'round';font-size:2.4vw}section#blogPost h1,section#projet h1{margin-left:24px;margin-right:24px;text-align:center;font-size:4.3vw;margin-top:12px;padding-left:0;padding-right:0;padding-bottom:12px;margin-bottom:12px;background-color:white;color:blue}section#blogPost h2,section#projet h2{font-family:'bien';font-size:2.9vw}section#blogPost,section#projet,section#documentation{padding:0}section#blogPost a,section#projet a,section#documentation a{text-decoration:none;color:#110F2E}section#blogPost article,section#projet article,section#documentation article{padding:0;color:#110F2E}section#blogPost article h2,section#projet article h2,section#documentation article h2{margin-left:24px;margin-bottom:12px;margin-top:24px;text-decoration:underline;color:#110F2E;clear:both}section#blogPost article h2 a,section#projet article h2 a,section#documentation article h2 a{font-family:"bien";color:blue}section#blogPost article h2 a:hover,section#projet article h2 a:hover,section#documentation article h2 a:hover{text-decoration:underline}section#blogPost article h3,section#projet article h3,section#documentation article h3,section#blogPost article h4,section#projet article h4,section#documentation article h4,section#blogPost article h5,section#projet article h5,section#documentation article h5,section#blogPost article h6,section#projet article h6,section#documentation article h6{font-family:'bien';margin-top:12px;margin-bottom:12px;font-size:2vw;margin-left:24px;margin-right:24px}section#blogPost article pre,section#projet article pre,section#documentation article pre{text-indent:0;margin-bottom:24px;margin-left:24px;height:auto;max-height:20vh;padding:12px;background:#110F2E;overflow-y:auto;overflow-x:scroll;width:80%;border-radius:2px}section#blogPost article pre code,section#projet article pre code,section#documentation article pre code{font-family:"iA-regular";font-size:1.2vw;color:white;padding-left:12px;padding-right:12px}section#blogPost article p,section#projet article p,section#documentation article p{clear:both;width:90%;font-family:'oldStandard';font-size:1.8vw;line-height:2vw;z-index:1;margin-left:24px;padding-bottom:12px}section#blogPost article p img,section#projet article p img,section#documentation article p img{display:inline-block;float:left;height:auto;width:10%;max-width:90%;padding-bottom:12px;padding-top:12px;padding-right:12px;z-index:10;filter:none;-webkit-filter:grayscale(1);position:relative}section#blogPost article p img:hover,section#projet article p img:hover,section#documentation article p img:hover{filter:none;cursor:se-resize}section#blogPost article p cite::first-line,section#projet article p cite::first-line,section#documentation article p cite::first-line{position:relative;margin-top:24px}section#blogPost article p cite,section#projet article p cite,section#documentation article p cite{display:block;text-indent:initial !important;border-left:1px solid #110F2E;padding:6px;font-family:"iA-regular";font-size:1.5vw;line-height:1.6vw;color:#110F2E;word-break:break-word}section#blogPost article p cite strong,section#projet article p cite strong,section#documentation article p cite strong{font-family:"iA-regular";font-weight:bolder}section#blogPost article p cite a,section#projet article p cite a,section#documentation article p cite a{font-family:"iA-regularItalic";font-size:1.1vw;color:blue}section#blogPost article p cite a:hover,section#projet article p cite a:hover,section#documentation article p cite a:hover{text-decoration:underline}section#blogPost article p strong,section#projet article p strong,section#documentation article p strong{margin-top:40px;text-decoration:underline;font-family:"oldS-round";font-size:1.7vw}section#blogPost article p em,section#projet article p em,section#documentation article p em{font-family:"oldS-Italic"}section#blogPost article p pre,section#projet article p pre,section#documentation article p pre{text-indent:0;margin-bottom:24px;margin-left:24px;height:auto;max-height:20vh;padding:12px;background:#110F2E;overflow-y:auto;overflow-x:scroll;width:80%;border-radius:2px}section#blogPost article p pre code,section#projet article p pre code,section#documentation article p pre code{font-family:"iA-regular";font-size:1.2vw;color:white;padding-left:12px;padding-right:12px}section#blogPost article p a,section#projet article p a,section#documentation article p a{font-family:"oldS-round";color:blue}section#blogPost article p a:hover,section#projet article p a:hover,section#documentation article p a:hover{text-decoration:underline}section#blogPost article p:nth-of-type(1),section#projet article p:nth-of-type(1),section#documentation article p:nth-of-type(1){text-indent:0}section#blogPost article p:nth-of-type(1)::first-letter,section#projet article p:nth-of-type(1)::first-letter,section#documentation article p:nth-of-type(1)::first-letter{float:left;font-family:"bien";text-transform:uppercase;font-size:70px;padding-right:15px}section#blogPost article ul,section#projet article ul,section#documentation article ul{width:90%;margin-left:24px;font-family:"oldStandard";font-size:1.8vw;line-height:2vw;margin-bottom:12px}section#blogPost article ul li::before,section#projet article ul li::before,section#documentation article ul li::before{content:"⤫ ";margin-left:-25px;color:blue}section#blogPost article ul li,section#projet article ul li,section#documentation article ul li{display:block;margin-left:25px;padding-left:0}section#blogPost article ul li em,section#projet article ul li em,section#documentation article ul li em{font-family:"oldS-Italic"}section#blogPost article ul li a,section#projet article ul li a,section#documentation article ul li a{font-family:"oldS-round";color:blue}section#blogPost article ul li a:hover,section#projet article ul li a:hover,section#documentation article ul li a:hover{text-decoration:underline}section#blogPost article a,section#projet article a,section#documentation article a{font-family:"oldS-round";color:blue}section#blogPost article a:hover,section#projet article a:hover,section#documentation article a:hover{text-decoration:underline}section#blogPost article figcaption::before,section#projet article figcaption::before,section#documentation article figcaption::before{content:'→ '}section#blogPost article figcaption.noBefore::before,section#projet article figcaption.noBefore::before,section#documentation article figcaption.noBefore::before{content:' '}section#blogPost article figcaption,section#projet article figcaption,section#documentation article figcaption{position:relative;text-indent:initial;text-align:center;color:blue;font-family:"iA-regular";font-size:17px;margin-left:0;margin-top:0;display:inline-block}section#blogPost article ol,section#projet article ol,section#documentation article ol{width:90%;margin-left:48px;margin-bottom:12px;counter-reset:test}section#blogPost article ol li::before,section#projet article ol li::before,section#documentation article ol li::before{content:counter(test);font-family:"iA-regular";font-size:1.2vw;margin-left:-25px;margin-right:10px;padding:2px;border:1px solid blue;color:blue;border-radius:90px;font-weight:bolder}section#blogPost article ol li,section#projet article ol li,section#documentation article ol li{clear:both;counter-increment:test;list-style-type:none;font-family:"oldStandard";font-size:1.8vw;line-height:2vw;text-indent:initial}section#blogPost article ol li p::first-letter,section#projet article ol li p::first-letter,section#documentation article ol li p::first-letter{float:initial;font-family:"oldStandard";text-transform:initial;font-size:1.8vw;padding-right:initial}section#blogPost article ol li strong,section#projet article ol li strong,section#documentation article ol li strong{text-decoration:underline;font-family:"oldS-round";font-size:1.7vw}section#blogPost article ol li em,section#projet article ol li em,section#documentation article ol li em{font-family:"oldS-Italic"}section#documentation article h1::before{font-size:2vw;content:"∷ ∷ ∷ "}section#documentation article h1::after{font-size:2vw;content:" ∷ ∷ ∷"}section#projet article h1::before{font-size:2vw;content:"⋱⋰⋱ "}section#projet article h1::after{font-size:2vw;content:" ⋰⋱⋰"}section#projet article p img{filter:initial;text-align:center;width:auto;max-width:90%;float:none;height:auto}section#projet article p img:hover{cursor:initial}section#projet article p figcaption::before{content:'↳ '}section#projet article p figcaption.noBefore::before{content:' '}section#projet article p figcaption{display:block;text-align:left}section#blog{background:blue;padding:0}section#blog a{text-decoration:none;color:inherit;display:inline-block}section#blog article{position:relative}section#blog article h1{font-family:'bien';letter-spacing:3px;margin-left:12px;height:auto;font-size:5vw;cursor:pointer;display:inline;color:white}section#blog article h2{font-family:'bien';letter-spacing:2px;font-size:1.3vw;display:inline-block;color:white;vertical-align:super}section#blog article .date{font-family:"iA-regular"}section#blog article .vignette{width:auto;display:inline}section#blog article:hover{width:100%;background:white}section#blog article:hover h1{color:blue}section#blog article:hover h2{color:blue}section#blog article:hover .vignette{margin-left:12px;position:absolute;height:100%;-webkit-filter:grayscale(1);filter:grayscale(1);right:0}section#blogPost .article{padding-bottom:12px}section#blogPost .article h1::before{font-size:2vw;content:"⸭⸭⸭ "}section#blogPost .article h1::after{font-size:2vw;content:" ⸭⸭⸭"}section#blogPost .article .date{font-family:"iA-regular";font-size:1.3vw}section#blogPost .article p,section#blogPost .article figure{width:90%;font-family:'oldStandard'}section#blogPost .article p img,section#blogPost .article figure img{display:block;position:relative;float:left !important;padding-left:0;width:auto;max-width:60%;height:auto;padding-bottom:12px;filter:initial;cursor:default !important}section#blogPost .article p figcaption,section#blogPost .article figure figcaption{display:block;text-align:left}section#blogPost .article pre{clear:none;width:auto !important;margin-right:24px}section#blogPost .article pre code{clear:none;width:auto}#nav.infosProjet ul,#nav.infosProjet li,#nav.infosProjet h1{display:inline;cursor:pointer}#nav.infosProjet li:not(.visible):not(:nth-of-type(1)){display:none}#nav.infosProjet #documentation{display:inline}section#nav{text-decoration:none;line-height:18px;padding:10px 10px;background:white;-webkit-box-flex:4;-ms-flex-positive:4;flex-grow:4}section#nav a{text-decoration:none;color:#110F2E}section#nav .current ul li.projets:before,section#nav .current ul li.documentations:before,section#nav .current ul li.blog:before{color:blue}section#nav .current a{color:blue;border-radius:2px}section#nav .current a span{border-top:1px solid blue;border-bottom:1px solid blue;margin-top:2px;color:blue}section#nav .current a span:nth-last-of-type(1){border:none}section#nav h2{margin-top:12px;margin-bottom:12px;font-family:"bien";letter-spacing:3px;font-size:18px !important;color:#110F2E;display:none;padding-top:12px;padding-bottom:12px;outline:1px solid blue}section#nav h2:before{content:"- "}section#nav h2:after{content:" -"}section#nav ul,section#nav li,section#nav h1{display:inline-block;cursor:default}section#nav h1{display:inline-block;text-transform:uppercase;font-size:20px;text-indent:0;padding:0 5px;outline:1px #110F2E solid}section#nav ul{display:inline-block;cursor:pointer}section#nav ul li{padding:0 0}section#nav ul li.clicked span{background:#110F2E;color:white}section#nav ul li:hover h1 span,section#nav ul li.hovered h1 span{color:#110F2E;background:none}section#nav ul li:hover span,section#nav ul li.hovered span{background:blue;color:white}section#nav ul li{font-family:'iA-regular';font-size:17px;letter-spacing:1px;font-weight:bold}section#nav ul li span{display:inline-block;text-align:center}section#nav ul li::before{margin-right:-8px}section#nav ul li:hover span{cursor:pointer}section#nav #menu ul{color:#110F2E}section#nav #menu ul li{display:block;font-size:24px;line-height:24px}section#nav p{font-family:'rubik-medium';line-height:1.45vw;text-indent:36px;margin-left:24px;margin-right:12px}section#nav p:nth-of-type(1){padding-top:24px}section#nav #categories ul.categorie{display:inline}section#nav #documentation{display:none}section#nav #documentation article.grid_item{height:45px;width:32%;display:inline-block;text-align:center;margin-top:12px}section#nav #documentation article.grid_item h1{font-family:'oldStandard';letter-spacing:normal;text-transform:none;font-size:.9vw;float:left}section#nav #documentation article.grid_item h1:before{content:none}section#nav #documentation article.grid_item img{margin:0 auto;height:100%;filter:gray;-webkit-filter:grayscale(1);filter:grayscale(1);float:left}section#nav #documentation article.grid_item a{text-decoration:none;color:#110F2E}section#nav .licencescredits{position:fixed;bottom:0;padding-bottom:6px;font-family:'iA-regular';font-size:.75em;background:white}section#nav .licencescredits a{text-decoration:underline}section#nav .licencescredits a:hover{color:blue}section#nav .licencescredits img.logoFWB{width:60px}section#nav .licencescredits p{font-family:'iA-regular';margin-left:0;padding-top:0;text-indent:0;color:blue}section#nav .licencescredits p a{color:blue}section#nav .licencescredits p a:hover{color:#110F2E}section#nav #categoriesonePage{padding-bottom:150px}section#nav #menu h1{font-size:24px;margin-bottom:8px}section#nav #menu a:visited{text-decoration:none;color:#110F2E}section#nav #menu a:hover{color:blue}section#nav #menu ul li.projets:before,section#nav #menu ul li.documentations:before,section#nav #menu ul li.blog:before{font-size:.75em}section#nav #menu ul li.projets:before{content:"⋱⋰⋱ "}section#nav #menu ul li.documentations:before{content:"∷∷∷ "}section#nav #menu ul li.blog:before{content:"⸭⸭⸭ "}section#nav #menu ul li:hover{background:none;color:initial}section#nav #menu ul li:hover span{background:blue}section#nav.onePage #categoriesonePage ul li:hover span{background:none;color:initial;cursor:initial}[data-simplebar]{position:relative;z-index:0;overflow:hidden;-webkit-overflow-scrolling:touch}[data-simplebar=init]{display:-webkit-box;display:-ms-flexbox;display:flex}.simplebar-scroll-content{overflow-x:hidden;overflow-y:scroll;min-width:100%;box-sizing:content-box}.simplebar-content{overflow-x:scroll;overflow-y:hidden;box-sizing:border-box;min-height:100%}.simplebar-track{z-index:1;position:absolute;right:0;bottom:0;width:18px;visibility:visible}.simplebar-scrollbar{position:absolute;min-height:36px;width:72px;opacity:1;-webkit-transition:opacity .2s linear;transition:opacity .2s linear;background:blue;background-clip:initial}section:hover .simplebar-scrollbar{cursor:grabbing;opacity:1;-webkit-transition:opacity 0 linear;background:blue !important;transition:opacity 0 linear}section:hover .simplebar-track.vertical{background:#110F2E}.simplebar-track .simplebar-scrollbar.visible{opacity:1}.simplebar-track.horizontal{left:0;width:auto;height:11px}.simplebar-track.vertical{top:0;background:#110F2E}.horizontal.simplebar-track .simplebar-scrollbar{right:auto;top:0;height:7px;min-height:0;min-width:10px;width:auto}
\ No newline at end of file
// out: main.css, sourcemap: false, compress: true
@unit: 12px;
@color2: #110F2E;
// @color3: #66FF80; //vert
......@@ -337,7 +339,7 @@ display: flex;
}
.grid_item[class^="projet workshops"]{
h1{
transform: skewX(40deg);
// transform: skewX(40deg);
}
}
......@@ -680,11 +682,15 @@ display: flex;
padding-bottom:@unit*5;
position: relative;
border-bottom: initial;
h1{
h1,
h2{
color: @color4;
font-size: 50px;
margin-bottom: @unit;
}
h2{
margin-top: @unit * 6;
}
div{
width: 90%;
}
......@@ -699,6 +705,18 @@ display: flex;
p:first-child{
text-indent: 0;
}
li{
margin-left: @unit*4;
display: block;
a{
font-size: .75em;
font-family: "oldS-round";
color: blue;
}
}
li:hover,
li.current{
}
}
}
......@@ -1408,8 +1426,11 @@ section#projet {
}
.licencescredits{
position: fixed;
bottom: @unit / 2;
bottom: 0;
padding-bottom: @unit / 2;
font-family: 'iA-regular';
font-size: 0.75em;
background: white;
a{
text-decoration: underline;
}
......@@ -1417,7 +1438,6 @@ section#projet {
color: blue;
}
img{
margin-top: @unit*2;
}
img.logoFWB{
width: 60px;
......@@ -1438,6 +1458,9 @@ section#projet {
}
}
section#nav{
#categoriesonePage{
padding-bottom: 150px;
}
#menu{
h1{
font-size: 24px;
......
@media screen and (min-width:1380px){section#documentation p{font-size:1.5vw;line-height:1.8vw}section#blogPost article p,section#projet article p,section#documentation article p{font-size:1.4vw;line-height:1.7vw;width:80%}section#documentation h2{font-size:1.6vw}}@media screen and (max-width:1150px){body section#blogPost .grid,body section#menu .grid,body section#projet .grid,body section#projets .grid{display:flex;flex-wrap:wrap;width:calc(100% - 20px)}body section#blogPost .grid .grid_item,body section#menu .grid .grid_item,body section#projet .grid .grid_item,body section#projets .grid .grid_item,body section#blogPost .grid .grid_sizer,body section#menu .grid .grid_sizer,body section#projet .grid .grid_sizer,body section#projets .grid .grid_sizer{width:50%}body section#blogPost .language,body section#doc .language,body section#projet .language{bottom:36px;width:auto;height:12px}body section#blogPost .goAfter,body section#doc .goAfter,body section#projet .goAfter,body section#blogPost .goBefore,body section#doc .goBefore,body section#projet .goBefore{display:none}body section#blog article h1{font-size:7vw}body section#blog article .date{font-size:2vw}body section#blog article .vignette{display:none}body section#blog article:hover .vignette{display:none}}@media screen and (max-device-width:600px) and (orientation:portrait){body section#nav{position:fixed;top:0;width:100%;height:auto;border-bottom:1px solid #110f2e}body section#nav #menu li{float:left}body section#nav #menu li:nth-of-type(1),body section#nav #menu li:nth-of-type(6){float:none}body section#nav #menu h1{font-size:4vw;margin-bottom:4px}body section#nav #menu ul li.blog:before,body section#nav #menu ul li.documentations:before,body section#nav #menu ul li.projets:before{font-size:1em}body section#nav .categories{display:none}body section#blogPost .grid,body section#menu .grid,body section#projet .grid,body section#documentation .grid,body section#projets .grid{width:calc(100% - 5px)}body section#blogPost .grid .grid_item,body section#menu .grid .grid_item,body section#projet .grid .grid_item,body section#documentation .grid .grid_item,body section#projets .grid .grid_item,body section#blogPost .grid .grid_sizer,body section#menu .grid .grid_sizer,body section#projet .grid .grid_sizer,body section#documentation .grid .grid_sizer,body section#projets .grid .grid_sizer{width:100%}body section#blogPost article h1,body section#doc article h1,body section#documentation article h1,body section#projet article h1{margin-left:12px;margin-right:12px;text-align:center;font-size:14.5vw}body section#blogPost article h2,body section#doc article h2,body section#documentation article h2,body section#projet article h2{margin-left:12px;margin-top:12px;font-size:8vw}body section#blogPost article h3,body section#doc article h3,body section#documentation article h3,body section#projet article h3,body section#blogPost article h4,body section#doc article h4,body section#documentation article h4,body section#projet article h4,body section#blogPost article h5,body section#doc article h5,body section#documentation article h5,body section#projet article h5,body section#blogPost article h6,body section#doc article h6,body section#documentation article h6,body section#projet article h6{font-size:5.5vw}body section#blogPost article pre,body section#doc article pre,body section#documentation article pre,body section#projet article pre{margin-bottom:12px;margin-left:12px;max-height:60vh}body section#blogPost article pre code,body section#doc article pre code,body section#documentation article pre code,body section#projet article pre code{font-family:"iA-regular";font-size:4.5vw;line-height:5.5vw}body section#blogPost article p,body section#doc article p,body section#documentation article p,body section#projet article p{width:90%;font-size:4.5vw;line-height:5.5vw;margin-left:12px}body section#blogPost article p cite::first-line,body section#doc article p cite::first-line,body section#documentation article p cite::first-line,body section#projet article p cite::first-line{margin-top:12px}body section#blogPost article p cite,body section#doc article p cite,body section#documentation article p cite,body section#projet article p cite{padding:3px;font-size:5vw;line-height:5.5vw}body section#blogPost article p cite a,body section#doc article p cite a,body section#documentation article p cite a,body section#projet article p cite a{font-family:"iA-regularItalic";font-size:4.5vw}body section#blogPost article p strong,body section#doc article p strong,body section#documentation article p strong,body section#projet article p strong{margin-top:40px;font-size:4.5vw}body section#blogPost article p pre,body section#doc article p pre,body section#documentation article p pre,body section#projet article p pre{margin-bottom:12px;margin-left:12px;max-height:40vh}body section#blogPost article p pre code,body section#doc article p pre code,body section#documentation article p pre code,body section#projet article p pre code{font-size:4.5vw;padding-left:12px;padding-right:12px}body section#blogPost article ul,body section#doc article ul,body section#documentation article ul,body section#projet article ul{margin-left:12px;font-size:4.5vw;line-height:5.5vw}body section#blogPost article ul li::before,body section#doc article ul li::before,body section#documentation article ul li::before,body section#projet article ul li::before{margin-left:-17px}body section#blogPost article ul li,body section#doc article ul li,body section#documentation article ul li,body section#projet article ul li{margin-left:17px}body section#blogPost article figcaption,body section#doc article figcaption,body section#documentation article figcaption,body section#projet article figcaption{font-size:4.5vw}body section#blogPost article ol,body section#doc article ol,body section#documentation article ol,body section#projet article ol{margin-left:24px}body section#blogPost article ol li::before,body section#doc article ol li::before,body section#documentation article ol li::before,body section#projet article ol li::before{font-size:4.5vw;margin-left:-17px;margin-right:5px;padding:1px;border:1px solid #00f}body section#blogPost article ol li,body section#doc article ol li,body section#documentation article ol li,body section#projet article ol li{font-size:4.5vw;line-height:5.5vw}body section#blogPost article ol li p::first-letter,body section#doc article ol li p::first-letter,body section#documentation article ol li p::first-letter,body section#projet article ol li p::first-letter{font-size:4.5vw}body section#blogPost article ol li strong,body section#doc article ol li strong,body section#documentation article ol li strong,body section#projet article ol li strong{font-size:4.5vw}body section#blog article{border-bottom:solid 1px #fff;padding-bottom:12px}body section#blog article h1{font-size:13vw}body section#blog article .date{display:none}body section#blog article .vignette{display:none}body section#blog article:hover .vignette{display:none}body section#blogPost .article .date{font-size:4vw}body section#docs article a .bloc-vignettes{display:none}}
\ No newline at end of file
@media screen and (min-width: 1380px) {
section#documentation p {
font-size: 1.5vw;
line-height: 1.8vw;
}
section#blogPost article p,
section#projet article p,
section#documentation article p {
font-size: 1.4vw;
line-height: 1.7vw;
width: 80%;
}
section#documentation h2 {
font-size: 1.6vw;
}
}
@media screen and (max-width: 1150px) {
body section#blogPost .grid,
body section#menu .grid,
body section#projet .grid,
body section#projets .grid {
display: flex;
flex-wrap: wrap;
width: calc(100% - 20px);
}
body section#blogPost .grid .grid_item,
body section#menu .grid .grid_item,
body section#projet .grid .grid_item,
body section#projets .grid .grid_item,
body section#blogPost .grid .grid_sizer,
body section#menu .grid .grid_sizer,
body section#projet .grid .grid_sizer,
body section#projets .grid .grid_sizer {
width: 50%;
}
body section#blogPost .language,
body section#doc .language,
body section#projet .language {
bottom: 36px;
width: auto;
height: 12px;
}
body section#blogPost .goAfter,
body section#doc .goAfter,
body section#projet .goAfter,
body section#blogPost .goBefore,
body section#doc .goBefore,
body section#projet .goBefore {
display: none;
}
body section#blog article h1 {
font-size: 7vw;
}
body section#blog article .date {
font-size: 2vw;
}
body section#blog article .vignette {
display: none;
}
body section#blog article:hover .vignette {
display: none;
}
}
@media screen and (max-device-width: 600px) and (orientation: portrait) {
html,
body {
width: 100%;
overflow-y: scroll;
height: auto !important;
}
html section#nav,
body section#nav {
position: fixed;
top: 0;
width: 100%;
overflow-x: hidden;
height: 20px;
border-bottom: 1px solid #110F2E;
}
html section#nav #menu ul li,
body section#nav #menu ul li {
float: left;
}
html section#nav #menu ul li h1,
body section#nav #menu ul li h1 {
text-align: center;
display: block;
outline: none;
}
html section#nav #menu ul li h1::before,
body section#nav #menu ul li h1::before {
content: '≡ ';
text-align: left;
position: absolute;
left: 12px;
}
html section#nav #menu ul li:nth-of-type(1),
body section#nav #menu ul li:nth-of-type(1),
html section#nav #menu ul li:nth-of-type(6),
body section#nav #menu ul li:nth-of-type(6) {
float: none;
}
html section#nav #menu h1,
body section#nav #menu h1 {
margin-bottom: 4px;
}
html section#nav #menu ul li.blog:before,
body section#nav #menu ul li.blog:before,
html section#nav #menu ul li.documentations:before,
body section#nav #menu ul li.documentations:before,
html section#nav #menu ul li.projets:before,
body section#nav #menu ul li.projets:before {
font-size: 1em;
}
html section#nav .categories,
body section#nav .categories {
display: none;
}
html section#nav #licencescredits.licencescredits,
body section#nav #licencescredits.licencescredits {
z-index: -100;
position: relative;
padding-top: 24px;
}
html section#nav.mobileClicked,
body section#nav.mobileClicked {
height: 100%;
}
html section#nav.mobileClicked #menu ul li h1::before,
body section#nav.mobileClicked #menu ul li h1::before {
content: 'X ';
}
html section#blogPost,
body section#blogPost,
html section#menu,
body section#menu,
html section#projet,
body section#projet,
html section#documentation,
body section#documentation,
html section#projets,
body section#projets,
html section#docs,
body section#docs {
z-index: 0;
position: relative;
overflow-x: hidden;
margin-top: 48px;
width: 100% !important;
}
html section#blogPost .simplebar-track.horizontal,
body section#blogPost .simplebar-track.horizontal,
html section#menu .simplebar-track.horizontal,
body section#menu .simplebar-track.horizontal,
html section#projet .simplebar-track.horizontal,
body section#projet .simplebar-track.horizontal,
html section#documentation .simplebar-track.horizontal,
body section#documentation .simplebar-track.horizontal,
html section#projets .simplebar-track.horizontal,
body section#projets .simplebar-track.horizontal,
html section#docs .simplebar-track.horizontal,
body section#docs .simplebar-track.horizontal {
display: none;
overflow-x: hidden;
}
html section#blogPost .grid,
body section#blogPost .grid,
html section#menu .grid,
body section#menu .grid,
html section#projet .grid,
body section#projet .grid,
html section#documentation .grid,
body section#documentation .grid,
html section#projets .grid,
body section#projets .grid,
html section#docs .grid,
body section#docs .grid {
width: calc(100% - 5px);
}
html section#blogPost .grid .grid_item,
body section#blogPost .grid .grid_item,
html section#menu .grid .grid_item,
body section#menu .grid .grid_item,
html section#projet .grid .grid_item,
body section#projet .grid .grid_item,
html section#documentation .grid .grid_item,
body section#documentation .grid .grid_item,
html section#projets .grid .grid_item,
body section#projets .grid .grid_item,
html section#docs .grid .grid_item,
body section#docs .grid .grid_item,
html section#blogPost .grid .grid_sizer,
body section#blogPost .grid .grid_sizer,
html section#menu .grid .grid_sizer,
body section#menu .grid .grid_sizer,
html section#projet .grid .grid_sizer,
body section#projet .grid .grid_sizer,
html section#documentation .grid .grid_sizer,
body section#documentation .grid .grid_sizer,
html section#projets .grid .grid_sizer,
body section#projets .grid .grid_sizer,
html section#docs .grid .grid_sizer,
body section#docs .grid .grid_sizer {
width: 100%;
}
html section#blogPost,
body section#blogPost,
html section#doc,
body section#doc,
html section#documentation,
body section#documentation,
html section#projet,
body section#projet {
z-index: 0;
position: relative;
overflow-x: hidden;
margin-top: 48px;
}
html section#blogPost article h1,
body section#blogPost article h1,
html section#doc article h1,
body section#doc article h1,
html section#documentation article h1,
body section#documentation article h1,
html section#projet article h1,
body section#projet article h1 {
margin-left: 12px;
margin-right: 12px;
text-align: center;
font-size: 14.5vw;
}
html section#blogPost article h2,
body section#blogPost article h2,
html section#doc article h2,
body section#doc article h2,
html section#documentation article h2,
body section#documentation article h2,
html section#projet article h2,
body section#projet article h2 {
margin-left: 12px;
margin-right: 18px;
margin-top: 12px;
font-size: 8vw;
}
html section#blogPost article h3,
body section#blogPost article h3,
html section#doc article h3,
body section#doc article h3,
html section#documentation article h3,
body section#documentation article h3,
html section#projet article h3,
body section#projet article h3,
html section#blogPost article h4,
body section#blogPost article h4,
html section#doc article h4,
body section#doc article h4,
html section#documentation article h4,
body section#documentation article h4,
html section#projet article h4,
body section#projet article h4,
html section#blogPost article h5,
body section#blogPost article h5,
html section#doc article h5,
body section#doc article h5,
html section#documentation article h5,
body section#documentation article h5,
html section#projet article h5,
body section#projet article h5,
html section#blogPost article h6,
body section#blogPost article h6,
html section#doc article h6,
body section#doc article h6,
html section#documentation article h6,
body section#documentation article h6,
html section#projet article h6,
body section#projet article h6 {
font-size: 5.5vw;
}
html section#blogPost article pre,
body section#blogPost article pre,
html section#doc article pre,
body section#doc article pre,
html section#documentation article pre,
body section#documentation article pre,
html section#projet article pre,
body section#projet article pre {
margin-bottom: 12px;
margin-left: 12px;
max-height: 60vh;
}
html section#blogPost article pre code,
body section#blogPost article pre code,
html section#doc article pre code,
body section#doc article pre code,
html section#documentation article pre code,
body section#documentation article pre code,
html section#projet article pre code,
body section#projet article pre code {
font-family: "iA-regular";
font-size: 4.5vw;
line-height: 5.5vw;
}
html section#blogPost article figure,
body section#blogPost article figure,
html section#doc article figure,
body section#doc article figure,
html section#documentation article figure,
body section#documentation article figure,
html section#projet article figure,
body section#projet article figure,
html section#blogPost article iframe,
body section#blogPost article iframe,
html section#doc article iframe,
body section#doc article iframe,
html section#documentation article iframe,
body section#documentation article iframe,
html section#projet article iframe,
body section#projet article iframe,
html section#blogPost article p img,
body section#blogPost article p img,
html section#doc article p img,
body section#doc article p img,
html section#documentation article p img,
body section#documentation article p img,
html section#projet article p img,
body section#projet article p img,
html section#blogPost article figure img,
body section#blogPost article figure img,
html section#doc article figure img,
body section#doc article figure img,
html section#documentation article figure img,
body section#documentation article figure img,
html section#projet article figure img,
body section#projet article figure img {
overflow-x: hidden;
max-width: 100% !important;
float: none;
width: 100% !important;
}
html section#blogPost article p,
body section#blogPost article p,
html section#doc article p,
body section#doc article p,
html section#documentation article p,
body section#documentation article p,
html section#projet article p,
body section#projet article p {
width: 90%;
font-size: 4.5vw;
line-height: 5.5vw;
margin-left: 12px;
}
html section#blogPost article p cite::first-line,
body section#blogPost article p cite::first-line,
html section#doc article p cite::first-line,
body section#doc article p cite::first-line,
html section#documentation article p cite::first-line,
body section#documentation article p cite::first-line,
html section#projet article p cite::first-line,
body section#projet article p cite::first-line {
margin-top: 12px;
}
html section#blogPost article p cite,
body section#blogPost article p cite,
html section#doc article p cite,
body section#doc article p cite,
html section#documentation article p cite,
body section#documentation article p cite,
html section#projet article p cite,
body section#projet article p cite {
padding: 3px;
font-size: 4.5vw;
line-height: 5.5vw;
}
html section#blogPost article p cite a,
body section#blogPost article p cite a,
html section#doc article p cite a,
body section#doc article p cite a,
html section#documentation article p cite a,
body section#documentation article p cite a,
html section#projet article p cite a,
body section#projet article p cite a {
font-family: "iA-regularItalic";
font-size: 4vw;
}
html section#blogPost article p strong,
body section#blogPost article p strong,
html section#doc article p strong,
body section#doc article p strong,
html section#documentation article p strong,
body section#documentation article p strong,
html section#projet article p strong,
body section#projet article p strong {
margin-top: 40px;
font-size: 4.5vw;
}
html section#blogPost article p pre,
body section#blogPost article p pre,
html section#doc article p pre,
body section#doc article p pre,
html section#documentation article p pre,
body section#documentation article p pre,
html section#projet article p pre,
body section#projet article p pre {
margin-bottom: 12px;
margin-left: 12px;
max-height: 40vh;
}
html section#blogPost article p pre code,
body section#blogPost article p pre code,
html section#doc article p pre code,
body section#doc article p pre code,
html section#documentation article p pre code,
body section#documentation article p pre code,
html section#projet article p pre code,
body section#projet article p pre code {
font-size: 4.5vw;
padding-left: 12px;
padding-right: 12px;
}
html section#blogPost article ul,
body section#blogPost article ul,
html section#doc article ul,
body section#doc article ul,
html section#documentation article ul,
body section#documentation article ul,
html section#projet article ul,
body section#projet article ul {
margin-left: 12px;
font-size: 4.5vw;
line-height: 5.5vw;
}
html section#blogPost article ul li::before,
body section#blogPost article ul li::before,
html section#doc article ul li::before,
body section#doc article ul li::before,
html section#documentation article ul li::before,
body section#documentation article ul li::before,
html section#projet article ul li::before,
body section#projet article ul li::before {
margin-left: -17px;
}
html section#blogPost article ul li,
body section#blogPost article ul li,
html section#doc article ul li,
body section#doc article ul li,
html section#documentation article ul li,
body section#documentation article ul li,
html section#projet article ul li,
body section#projet article ul li {
margin-left: 17px;
}
html section#blogPost article figcaption,
body section#blogPost article figcaption,
html section#doc article figcaption,
body section#doc article figcaption,
html section#documentation article figcaption,
body section#documentation article figcaption,
html section#projet article figcaption,
body section#projet article figcaption {
font-size: 4.5vw;
}
html section#blogPost article ol,
body section#blogPost article ol,
html section#doc article ol,
body section#doc article ol,
html section#documentation article ol,
body section#documentation article ol,
html section#projet article ol,
body section#projet article ol {
margin-left: 24px;
}
html section#blogPost article ol li::before,
body section#blogPost article ol li::before,
html section#doc article ol li::before,
body section#doc article ol li::before,
html section#documentation article ol li::before,
body section#documentation article ol li::before,
html section#projet article ol li::before,
body section#projet article ol li::before {
font-size: 4.5vw;
margin-left: -17px;
margin-right: 5px;
padding: 1px;
border: 1px solid blue;
}
html section#blogPost article ol li,
body section#blogPost article ol li,
html section#doc article ol li,
body section#doc article ol li,
html section#documentation article ol li,
body section#documentation article ol li,
html section#projet article ol li,
body section#projet article ol li {
font-size: 4.5vw;
line-height: 5.5vw;
}
html section#blogPost article ol li p::first-letter,
body section#blogPost article ol li p::first-letter,
html section#doc article ol li p::first-letter,
body section#doc article ol li p::first-letter,
html section#documentation article ol li p::first-letter,
body section#documentation article ol li p::first-letter,
html section#projet article ol li p::first-letter,
body section#projet article ol li p::first-letter {
font-size: 4.5vw;
}
html section#blogPost article ol li strong,
body section#blogPost article ol li strong,
html section#doc article ol li strong,
body section#doc article ol li strong,
html section#documentation article ol li strong,
body section#documentation article ol li strong,
html section#projet article ol li strong,
body section#projet article ol li strong {
font-size: 4.5vw;
}
html section#blog article,
body section#blog article {
border-bottom: solid 1px white;
padding-bottom: 12px;
}
html section#blog article h1,
body section#blog article h1 {
font-size: 13vw;
}
html section#blog article .date,
body section#blog article .date {
display: none;
}
html section#blog article .vignette,
body section#blog article .vignette {
display: none;
}
html section#blog article:hover .vignette,
body section#blog article:hover .vignette {
display: none;
}
html section#blogPost .article .date,
body section#blogPost .article .date {
font-size: 4vw;
}
html section#docs .grid article a .bloc-vignettes,
body section#docs .grid article a .bloc-vignettes {
display: none;
}
html section#docs .grid article a h1,
body section#docs .grid article a h1 {
width: 97%;
}
html section#apropos,
body section#apropos {
overflow: auto;
}
html section#apropos img.claire,
body section#apropos img.claire {
z-index: -100;
}
}
// out: responsive.css, sourcemap: false, compress: false
@unit: 12px;
@color2: #110F2E; // @color3: #66FF80; //vert
@color3: #110F2E;
......@@ -87,28 +90,45 @@
@media screen and (max-device-width: 600px) and (orientation: portrait) {
body {
html, body {
width: 100%;
overflow-y: scroll;
height: auto !important;
section#nav {
// display: none;
position: fixed;
top: 0;
width: 100%;
height: auto;
overflow-x: hidden;
height: 20px;
border-bottom: 1px solid @color3;
#menu {
li {
float: left;
}
li:nth-of-type(1),
li:nth-of-type(6),
{
float: none;
ul{
li {
float: left;
h1{
text-align: center;
display: block;
outline: none;
&::before{
content: '≡ ';
text-align: left;
position: absolute;
left: @unit;
}
}
}
li:nth-of-type(1),
li:nth-of-type(6),
{
float: none;
}
}
h1 {
font-size: 4vw;