responsive: burger menu ok, started generale layout

This commit is contained in:
2021-11-25 19:55:08 +01:00
parent 072ea7de50
commit 62a9afcc33
20 changed files with 2877 additions and 5137 deletions
@@ -1,39 +1,155 @@
.Museo{font-family:"Museo",Arial,sans-serif;-moz-font-feature-settings:"calt=0,liga=0";}
.MuseoSans{font-family:"MuseoSans",Arial,sans-serif;-moz-font-feature-settings:"calt=0,liga=0";}
.MuseoSlab{font-family:"MuseoSlab",Arial,sans-serif;-moz-font-feature-settings:"calt=0,liga=0";}
a,a:visited{color:#000;}
body{font-family:"MuseoSans",Arial,sans-serif;-moz-font-feature-settings:"calt=0,liga=0";font-size:16px;}
.8{font-size:8px;}
.9{font-size:9px;}
.10{font-size:10px;}
.11{font-size:10px;}
.12{font-size:12px;}
.14{font-size:14px;}
.16{font-size:16px;}
.18{font-size:18px;}
.24{font-size:24px;}
.regular{font-weight:normal;}
.bold{font-weight:bold;}
.100{font-weight:100;}
.300{font-weight:300;}
.500{font-weight:500;}
.700{font-weight:700;}
.900{font-weight:900;}
.upper{text-transform:uppercase;}
.italic{font-style:italic;}
.normal{font-style:normal;}
*{font-size:14px;}
div{border:1px dashed #D4D4D4;}
p:after,ul:after{content:"¬";color:red;}
h1:before,h2:before,h3:before,h4:before,h5:before,h6:before{color:blue;font-weight:normal;font-size:10px;vertical-align:super;}
h1:before{content:"h1 ";}
h2:before{content:"h2 ";}
h3:before{content:"h3 ";}
h4:before{content:"h4 ";}
h5:before{content:"h5 ";}
h6:before{content:"h6 ";}
br:after{content:"·";color:red;border:1px solid #999;}
img{height:auto;margin:0.5em 0;}
p{border:1px dashed #848484;}
div{border:1px solid #1A1A1A;}
img,p,div{position:relative;}img:before,p:before,div:before{font-size:10px;color:red;background-color:#1A1A1A;position:absolute;top:0;z-index:3000;}
/* LISIBILITY */
/** COMMONS */
.Museo {
font-family: "Museo", Arial, sans-serif;
-moz-font-feature-settings: "calt=0,liga=0";
}
.MuseoSans {
font-family: "MuseoSans", Arial, sans-serif;
-moz-font-feature-settings: "calt=0,liga=0";
}
.MuseoSlab {
font-family: "MuseoSlab", Arial, sans-serif;
-moz-font-feature-settings: "calt=0,liga=0";
}
a,
a:visited {
color: #000;
}
/*a.active, li a.active{color:@main-blue;}*/
body {
font-family: "MuseoSans", Arial, sans-serif;
-moz-font-feature-settings: "calt=0,liga=0";
font-size: 16px;
}
.8 {
font-size: 8px;
}
.9 {
font-size: 9px;
}
.10 {
font-size: 10px;
}
.11 {
font-size: 10px;
}
.12 {
font-size: 12px;
}
.14 {
font-size: 14px;
}
.16 {
font-size: 16px;
}
.18 {
font-size: 18px;
}
.24 {
font-size: 24px;
}
.regular {
font-weight: normal;
}
.bold {
font-weight: bold;
}
.100 {
font-weight: 100;
}
.300 {
font-weight: 300;
}
.500 {
font-weight: 500;
}
.700 {
font-weight: 700;
}
.900 {
font-weight: 900;
}
.upper {
text-transform: uppercase;
}
.italic {
font-style: italic;
}
.normal {
font-style: normal;
}
/** FEUILLES DE STYLES */
/** timeline */
/** filters */
* {
font-size: 14px;
}
div {
border: 1px dashed #D4D4D4;
}
p:after,
ul:after {
content: "¬";
color: red;
}
h1:before,
h2:before,
h3:before,
h4:before,
h5:before,
h6:before {
color: blue;
font-weight: normal;
font-size: 10px;
vertical-align: super;
}
h1:before {
content: "h1 ";
}
h2:before {
content: "h2 ";
}
h3:before {
content: "h3 ";
}
h4:before {
content: "h4 ";
}
h5:before {
content: "h5 ";
}
h6:before {
content: "h6 ";
}
br:after {
content: "·";
color: red;
border: 1px solid #999;
}
/* LAYOUT AND GRAPHICS */
img {
height: auto;
margin: 0.5em 0;
}
p {
border: 1px dashed #848484;
}
div {
border: 1px solid #1A1A1A;
}
img,
p,
div {
position: relative;
}
img:before,
p:before,
div:before {
font-size: 10px;
color: red;
background-color: #1A1A1A;
position: absolute;
top: 0;
z-index: 3000;
}