source: spip-zone/_plugins_/zpip-less/css/typo.less @ 48892

Last change on this file since 48892 was 48890, checked in by cedric@…, 10 years ago

parametrer aussi font-size et line-height du code

File size: 5.1 KB
Line 
1/* --------------------------------------------------------------
2
3   typo.css.html
4   Base typographique
5   Cf.: http://www.spip-contrib.net/3820
6
7-------------------------------------------------------------- */
8
9@import_spip "css/config.less";
10
11html { font-size: 100.01%; } /* Cf.: http://www.pompage.net/pompe/definir-des-tailles-de-polices-en-CSS/ */
12body {background: /*@background-color*/@background-color;font-size: /*@font-size*/@font-size;line-height: /*@line-height*/@line-height;font-family: /*@font-family*/@font-family;color: /*@color*/@color; }
13
14/* Titraille / Intertitres */
15h1,h2,h3,h4,h5,h6,
16.h1,.h2,.h3,.h4,.h5,.h6 { margin: 0; padding: 0; font-size: 100%; font-weight: normal; }
17hr { height: 1px; margin:/*@margin-bottom*/@margin-bottom 0; border: 0; background: /*@color*/@color; color: /*@color*/@color; }
18 
19/* Titraille Blueprint
20Cf. : http://www.blueprintcss.org/tests/parts/elements.html
21h1 { font-size: 3em; line-height: 1; margin-bottom: 0.5em; }
22h2 { font-size: 2em; margin-bottom: 0.75em; }
23h3 { font-size: 1.5em; line-height: 1; margin-bottom: 1em; }
24h4 { font-size: 1.2em; line-height: 1.25; margin-bottom: 1.25em; }
25h5 { font-size: 1em; font-weight: bold; margin-bottom: 1.5em; }
26h6 { font-size: 1em; font-weight: bold; }*/
27h1,.h1 {font-size: /*@h1-font-size*/@h1-font-size; line-height: /*@h1-line-height*/@h1-line-height; margin-bottom: /*@h1-margin-bottom*/@h1-margin-bottom;}
28h2,.h2 {font-size: /*@h2-font-size*/@h2-font-size; line-height: /*@h2-line-height*/@h2-line-height; margin-bottom: /*@h2-margin-bottom*/@h2-margin-bottom;}
29h3,.h3 {font-size: /*@h2-font-size*/@h3-font-size; line-height: /*@h3-line-height*/@h3-line-height; margin-bottom: /*@h3-margin-bottom*/@h3-margin-bottom; font-weight: bold;}
30h4,.h4 {font-size: /*@h4-font-size*/@h4-font-size; line-height: /*@h4-line-height*/@h4-line-height; margin-bottom: /*@h4-margin-bottom*/@h4-margin-bottom;font-weight: bold; }
31h5,.h5 { font-size: 1em; font-weight: bold; margin-bottom: /*@margin-bottom*/@margin-bottom; }
32h6,.h6 { font-size: 1em; font-weight: bold; }
33
34/* Enrichissements typographiques */
35strong, b { font-weight: bold; }
36em, i { font-style: italic; }
37small, .small { font-size: 80%; }
38big, .big { font-size: 150%; }
39abbr[title], acronym[title] { border-bottom: .1em dotted; cursor: help; }
40@media print { abbr[title]:after { content: " (" attr(title) ")"; } }
41dfn { font-weight: bold; font-style: italic; }
42del { text-decoration: line-through; }
43ins { text-decoration: none; background-color: #FFC; }
44sup, sub { font-size: .8em; font-variant: normal; line-height: 0; }
45sup { vertical-align: super; }
46.ie sup { vertical-align: text-top; }
47sub { vertical-align: sub; }
48.ie sub { vertical-align: text-bottom; }
49.caps { font-variant: small-caps; }
50
51/* Listes */
52ul, ol, li, dl, dt, dd {}
53ul ul, ol ol, ul ol, ol ul { margin-top: 0; margin-bottom: 0; }
54
55dl dt { font-weight: bold; }
56dl dd {}
57
58/* Tableaux */
59table { margin-bottom: /*@margin-bottom*/@margin-bottom; width: 100%; }
60th { font-weight: bold; }
61thead th, tbody th { background: #c3d9ff; }
62th,td,caption {padding: /*@demi-line-height*/@demi-line-height; }
63tbody tr:nth-child(even) td,
64tbody tr.even td { background: #e5ecf9; }
65tfoot { font-style: italic; }
66caption { background: #eee; }
67
68/* Citations, code et poesie */
69q { font-style: italic; }
70blockquote { padding: 0; padding-left: /*@text-indent*/@text-indent;padding-right: /*@text-indent*/@text-indent; font-style: italic; }
71cite { font-style: italic; }
72
73address { font-style: italic; }
74
75pre,code,kbd,samp,var,tt { font-family: /*@font-family-mono*/@font-family-mono; font-size: /*@font-size-mono*/@font-size-mono;line-height: /*@line-height-mono*/@line-height-mono; }
76pre { margin:/*@margin-bottom*/@margin-bottom 0;
77        /* Cf.: http://perishablepress.com/press/2010/06/01/wrapping-content/ /
78        white-space: pre;           /* CSS 2.0 */
79        white-space: pre-wrap;      /* CSS 2.1 */
80        white-space: pre-line;      /* CSS 3.0 */
81        white-space: -pre-wrap;     /* Opera 4-6 */
82        white-space: -o-pre-wrap;   /* Opera 7 */
83        white-space: -moz-pre-wrap; /* Mozilla */
84        white-space: -hp-pre-wrap;  /* HP Printers */
85        word-wrap: break-word;      /* IE 5+ */
86}
87kbd { background-color: /*@color*/@color; color: /*@background-color*/@background-color; }
88samp { font-weight: bold; }
89var { font-style: italic; }
90
91/* Paragraphes */
92p, .p, dl, dd, blockquote, address, pre, table, fieldset { margin-bottom: /*@margin-bottom*/@margin-bottom; }
93
94/* Liens */
95a {}
96a:hover {}
97a[hreflang]:after { content: "\0000a0(" attr(hreflang) ")"; }
98/*@color*/@media print {
99        a, a:visited { color: @color; text-decoration: underline; }
100        .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; } /* Don't show links for images, or javascript/internal links */
101}
102
103.on { font-weight: bold; }
104
105/**
106* Print styles from HTML5 Boilerplate
107* Inlined to avoid required HTTP connection: www.phpied.com/delay-loading-your-print-css/
108*/
109@media print {
110        pre, blockquote { page-break-inside: avoid; }
111        thead { display: table-header-group; } /* css-discuss.incutio.com/wiki/Printing_Tables */
112        tr, img { page-break-inside: avoid; }
113        @page { margin: 0.5cm; }
114        p, h2, h3 { orphans: 3; widows: 3; }
115        h2, h3 { page-break-after: avoid; }
116}
117
118/* end */
Note: See TracBrowser for help on using the repository browser.