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