| 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 | base.css.html |
|---|
| 8 | Classes pour faciliter la composition |
|---|
| 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 | |
|---|
| 23 | /* Blocs */ |
|---|
| 24 | .bloc { display: block; margin-bottom: #GET{margin-bottom}; } |
|---|
| 25 | .box { display: block; margin-bottom: #GET{margin-bottom}; padding: #GET{line-height}; background: #EEE; } |
|---|
| 26 | |
|---|
| 27 | /* Listes, tableaux et mosaiques */ |
|---|
| 28 | .first { margin-left: 0; padding-left: 0; } |
|---|
| 29 | .last { margin-right: 0; padding-right: 0; } |
|---|
| 30 | .top { margin-top: 0; padding-top: 0; } |
|---|
| 31 | .bottom { margin-bottom: 0; padding-bottom: 0; } |
|---|
| 32 | .odd {} |
|---|
| 33 | .even {} |
|---|
| 34 | .sep {} |
|---|
| 35 | |
|---|
| 36 | /* Alignements */ |
|---|
| 37 | .left { float: left !important; } |
|---|
| 38 | .right { float: right !important; } |
|---|
| 39 | .center { text-align: center; margin-right: auto; margin-left: auto; } |
|---|
| 40 | |
|---|
| 41 | /* Espaceur de blocs */ |
|---|
| 42 | .clear { clear: both; } |
|---|
| 43 | br.clear, .nettoyeur { clear: both; margin: 0; padding: 0; border: 0; height: 0; line-height: 1px; font-size: 1px; } |
|---|
| 44 | hr.clear { visibility: hidden; } |
|---|
| 45 | |
|---|
| 46 | /* clearfix : http://www.positioniseverything.net/easyclearing.html */ |
|---|
| 47 | .clearfix:after { |
|---|
| 48 | content: "\0020"; |
|---|
| 49 | display: block; |
|---|
| 50 | height: 0; |
|---|
| 51 | clear: both; |
|---|
| 52 | visibility: hidden; |
|---|
| 53 | overflow: hidden; |
|---|
| 54 | } |
|---|
| 55 | .clearfix { display: inline-table; } |
|---|
| 56 | |
|---|
| 57 | /* Hides from IE-mac \*/ |
|---|
| 58 | .clearfix { height: 1%; } |
|---|
| 59 | .clearfix { display: block; } |
|---|
| 60 | /* End hide from IE-mac */ |
|---|
| 61 | |
|---|
| 62 | /* Non visible a l'ecran */ |
|---|
| 63 | .offscreen,.invisible { position: absolute; left: -999em; height: 1%; } |
|---|
| 64 | .hidden { visibility: hidden; } |
|---|
| 65 | .none { display: none; } |
|---|
| 66 | |
|---|
| 67 | /* debug */ |
|---|
| 68 | .page {[ background: url((#CHEMIN{css/img/baseline.png}));] } |
|---|
| 69 | .todo { opacity: 0.5; } |
|---|
| 70 | .todo:hover { opacity: 1; } |
|---|
| 71 | |
|---|
| 72 | /* end */ |
|---|
