source: spip-zone/_plugins_/basecss/css/typo.css.html @ 47865

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

Calcul des h1,h2,h3,h4 qui respecte la grille tout en assurant une echelle raisonnable

  • Property svn:executable set to *
File size: 4.9 KB
Line 
1#CACHE{3600*100,cache-client}
2#HTTP_HEADER{Content-Type: text/css; charset=iso-8859-15}
3#HTTP_HEADER{Vary: Accept-Encoding}
4[(#REM)<style>
5]/* --------------------------------------------------------------
6
7   typo.css.html
8   Base typographique
9   Cf.: http://www.spip-contrib.net/3820
10
11-------------------------------------------------------------- */
12
13/* Valeurs par defaut :
14#SET{font-size,#CONFIG{basecss/typo/font-size,1em}} [ font-size: (#GET{font-size});]
15#SET{line-height,#CONFIG{basecss/typo/line-height,1.5em}} [ line-height: (#GET{line-height});]
16#SET{margin-bottom,#CONFIG{basecss/typo/margin-bottom,1.5em}} [ margin-bottom: (#GET{margin-bottom});]
17#SET{text-indent,#CONFIG{basecss/typo/text-indent,50px}} [ text-indent: (#GET{text-indent});]
18#SET{font-family,#CONFIG{basecss/typo/font-family,'Helvetica, Arial, sans-serif'}} [ font-family: (#GET{font-family});]
19#SET{background-color,#CONFIG{basecss/typo/background-color,#FFFFFF}} [ background-color : (#GET{background-color});]
20#SET{color,#CONFIG{basecss/typo/color,#222222}} [ color: (#GET{color});]
21*/
22
23html { font-size: 100.01%; } /* Cf.: http://www.pompage.net/pompe/definir-des-tailles-de-polices-en-CSS/ */
24body { background: #GET{background-color}; font: #GET{font-size}/#GET{line-height}[ (#GET{font-family})]; color: #GET{color}; }
25
26/* Titraille / Intertitres */
27h1,h2,h3,h4,h5,h6,
28.h1,.h2,.h3,.h4,.h5,.h6 { margin: 0; padding: 0; font-size: 100%; font-weight: normal; }
29hr { height: 1px; margin:[ (#GET{margin-bottom})] 0; border: 0; background: #GET{color}; color: #GET{color}; }
30
31/* Titraille Blueprint
32Cf. : http://www.blueprintcss.org/tests/parts/elements.html
33h1 { font-size: 3em; line-height: 1; margin-bottom: 0.5em; }
34h2 { font-size: 2em; margin-bottom: 0.75em; }
35h3 { font-size: 1.5em; line-height: 1; margin-bottom: 1em; }
36h4 { font-size: 1.2em; line-height: 1.25; margin-bottom: 1.25em; }
37h5 { font-size: 1em; font-weight: bold; margin-bottom: 1.5em; }
38h6 { font-size: 1em; font-weight: bold; }*/
39
40h1,.h1 {font-size: 2em; line-height:#GET{line-height};margin-bottom: [(#GET{margin-bottom}|div{2})em]; }
41#SET{coeff,#GET{line-height}|plus{2}|div{2}|div{#GET{line-height}}}
42#SET{coeffinv,#VAL{1}|div{#GET{coeff}}}
43h2,.h2 {[ font-size: (#GET{line-height}|mult{#GET{coeff}})em];[ line-height: (#GET{coeffinv}|mult{2})em];[ margin-bottom: (#GET{coeffinv})em;]}
44h3,.h3 {[ font-size: (#GET{line-height}|mult{1})em]; line-height: 1; margin-bottom: 1em; font-weight: bold;}
45#SET{coeff,#GET{line-height}|plus{1}|div{2}|div{#GET{line-height}}}
46#SET{coeffinv,#VAL{1}|div{#GET{coeff}}}
47h4,.h4 {[ font-size: (#GET{line-height}|mult{#GET{coeff}})em];[ line-height: (#GET{coeffinv})em];[ margin-bottom: (#GET{coeffinv})em;]font-weight: bold; }
48h5,.h5 { font-size: 1em; font-weight: bold; margin-bottom: #GET{margin-bottom}; }
49h6,.h6 { font-size: 1em; font-weight: bold; }
50
51/* Enrichissements typographiques */
52strong, b { font-weight: bold; }
53em, i { font-style: italic; }
54small, .small { font-size: 80%; }
55big, .big { font-size: 150%; }
56abbr[title], acronym[title] { border-bottom: .1em dotted; cursor: help; }
57dfn { font-weight: bold; font-style: italic; }
58del { text-decoration: line-through; }
59ins { text-decoration: none; background-color: #FFC; }
60sup, sub { font-size: .8em; font-variant: normal; line-height: 0; }
61sup { vertical-align: super; }
62.ie sup { vertical-align: text-top; }
63sub { vertical-align: sub; }
64.ie sub { vertical-align: text-bottom; }
65.caps { font-variant: small-caps; }
66
67/* Listes */
68ul, ol, li, dl, dt, dd {}
69ul ul, ol ol, ul ol, ol ul { margin-top: 0; margin-bottom: 0; }
70
71dl dt { font-weight: bold; }
72dl dd {}
73
74/* Tableaux */
75table { margin-bottom: #GET{margin-bottom}; width: 100%; }
76th { font-weight: bold; }
77thead th { background: #c3d9ff; }
78th,td,caption {[ padding: (#GET{line-height}|div{2})em;] }
79tbody tr:nth-child(even) td,
80tbody tr.even td { background: #e5ecf9; }
81tfoot { font-style: italic; }
82caption { background: #eee; }
83
84/* Citations, code et poesie */
85q { font-style: italic; }
86blockquote { padding: 0 #GET{text-indent}; font-style: italic; }
87cite { font-style: italic; }
88
89address { font-style: italic; }
90
91pre,code,kbd,samp,var,tt { font-family: 'andale mono','lucida console',monospace; font-size: 1em; }
92pre { margin:[ (#GET{margin-bottom}) ]0;
93        /* Cf.: http://perishablepress.com/press/2010/06/01/wrapping-content/ /
94        white-space: pre;           /* CSS 2.0 */
95        white-space: pre-wrap;      /* CSS 2.1 */
96        white-space: pre-line;      /* CSS 3.0 */
97        white-space: -pre-wrap;     /* Opera 4-6 */
98        white-space: -o-pre-wrap;   /* Opera 7 */
99        white-space: -moz-pre-wrap; /* Mozilla */
100        white-space: -hp-pre-wrap;  /* HP Printers */
101        word-wrap: break-word;      /* IE 5+ */
102}
103kbd { background-color: #GET{color}; color: #GET{background-color}; }
104samp { font-weight: bold; }
105var { font-style: italic; }
106
107/* Paragraphes */
108p, .p, dl, dd, blockquote, address, pre, table, fieldset { margin-bottom: #GET{margin-bottom}; }
109
110/* Liens */
111a {}
112a:hover {}
113a[hreflang]:after { content: "\0000a0(" attr(hreflang) ")"; }
114.on { font-weight: bold; }
115
116/* end */
Note: See TracBrowser for help on using the repository browser.