/* 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; }