typography.less 1.7 KB
Newer Older
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15
/*
 * Typographie
 * ===========
 */

.page { text-rendering: optimizeLegibility; }



/* 
 * Styles génériques
 * -----------------
 */

body {
alexandre's avatar
alexandre committed
16
    font-family: "Century Schoolbook", serif;
17
    font-size: 9pt;
alexandre's avatar
alexandre committed
18 19
    line-height: 12pt;
    letter-spacing: .025em;
20 21 22 23 24 25 26 27 28 29 30
}


h1,
h2,
h3 {
    -webkit-break-inside: avoid-region;
    -webkit-break-inside: avoid-region;
}

h1 { 
alexandre's avatar
alexandre committed
31 32
    margin-top: 0;
    margin-bottom: 0;
33

alexandre's avatar
alexandre committed
34
    font-family: "Bagnard";
35 36 37
    font-size: 44pt;
    line-height: 6pt * 7;
    letter-spacing: -.05em;
alexandre's avatar
alexandre committed
38
    font-weight: normal;
39 40 41
}

h2 {
alexandre's avatar
alexandre committed
42
    float: left;
43

alexandre's avatar
alexandre committed
44
    margin: 0 6pt 0 0 ;
45

alexandre's avatar
alexandre committed
46 47 48 49 50
    font-family: "Erbar condensed";
    font-weight: bold;
    font-size: 9.4pt;
    line-height: 6pt * 2;
    text-transform: uppercase;
51 52
}

alexandre's avatar
alexandre committed
53
p { margin: 0; }
54

alexandre's avatar
alexandre committed
55
p + p { text-indent: 6pt; }
56

alexandre's avatar
alexandre committed
57 58 59 60 61 62 63 64 65
p:first-of-type::first-letter { 
    font-family: "Erbar condensed";
    font-weight: bold;
    /*font-size: 12pt * 4;*/
    -webkit-initial-letter: 4;
    initial-letter: 4;
    /*float: left;*/
    /*line-height: 12pt * 3;*/
    /*margin-right: 6pt;*/
66 67
}

alexandre's avatar
alexandre committed
68 69 70 71 72
/*a { */
    /*text-decoration: none;*/
    /*color: rgba(177, 69, 66, 255);*/
/*}*/

73 74 75
em { font-style: italic; }


alexandre's avatar
alexandre committed
76 77 78 79
/*ul {*/
    /*list-style-type: none;*/
    /*padding-left: 1.25em;*/
/*}*/
80

alexandre's avatar
alexandre committed
81
/*ul li { position: relative; }*/
82

alexandre's avatar
alexandre committed
83 84 85 86 87 88 89
/*ul li:before {*/
    /*content: "—";*/
    /*width: 1.25em;*/
    /*display: block;*/
    /*position: absolute;*/
    /*left: -1.25em;*/
/*}*/
90

alexandre's avatar
alexandre committed
91
/*ol { padding-left: 1.25em; }*/
92

alexandre's avatar
alexandre committed
93
/*li { margin-top: 9.75pt; }*/
94 95 96



alexandre's avatar
alexandre committed
97 98
/*pre { white-space: pre; }*/
/*code { font-family: "DOS"; }*/
99 100

// Pour les footnotes
alexandre's avatar
alexandre committed
101
/*hr { display: none; }*/
102

alexandre's avatar
alexandre committed
103
/*figure { text-align: center; }*/
104

alexandre's avatar
alexandre committed
105
/*img { max-width: 100%; }*/
106

alexandre's avatar
alexandre committed
107
/*pre { overflow: hidden; }*/
108

alexandre's avatar
alexandre committed
109
/*sup { line-height: 0; vertical-align: -0.1em; }*/