website annotate en/doc/cookbook/book.css @ rev 21
Add the first 2 page to the English Cookbook (Thanks Paul!)
| author | Christophe Lincoln <pankso@slitaz.org> |
|---|---|
| date | Sat Apr 12 03:04:41 2008 +0200 (2008-04-12) |
| parents | |
| children | 1e755b8125f0 |
| rev | line source |
|---|---|
| pankso@21 | 1 /* |
| pankso@21 | 2 CSS style for SliTaz GNU/Linux *book. |
| pankso@21 | 3 Pankso 2007 - www.slitaz.org |
| pankso@21 | 4 */ |
| pankso@21 | 5 |
| pankso@21 | 6 body { |
| pankso@21 | 7 font: 13px sans-serif, vernada, arial; |
| pankso@21 | 8 background: #222222; |
| pankso@21 | 9 margin: 0; |
| pankso@21 | 10 padding-bottom: 100%; |
| pankso@21 | 11 } |
| pankso@21 | 12 |
| pankso@21 | 13 #header { |
| pankso@21 | 14 background: #BFB06B url(images/css/header.png) repeat-x top; |
| pankso@21 | 15 color: black; |
| pankso@21 | 16 height: 50px; |
| pankso@21 | 17 border-top: 1px solid black; |
| pankso@21 | 18 border-bottom: 1px solid black; |
| pankso@21 | 19 } |
| pankso@21 | 20 #quicknav { |
| pankso@21 | 21 margin-right: 6px; |
| pankso@21 | 22 text-align: right; |
| pankso@21 | 23 font-size: 12px; |
| pankso@21 | 24 } |
| pankso@21 | 25 #quicknav { |
| pankso@21 | 26 margin-right: 6px; |
| pankso@21 | 27 } |
| pankso@21 | 28 |
| pankso@21 | 29 #quicknav a { |
| pankso@21 | 30 background: inherit; |
| pankso@21 | 31 color: #222222; |
| pankso@21 | 32 } |
| pankso@21 | 33 |
| pankso@21 | 34 #quicknav a:hover { |
| pankso@21 | 35 background: inherit; |
| pankso@21 | 36 color: #EDEDED; |
| pankso@21 | 37 } |
| pankso@21 | 38 |
| pankso@21 | 39 /* content. */ |
| pankso@21 | 40 |
| pankso@21 | 41 #content { |
| pankso@21 | 42 background: white url(images/css/content-tl.png) no-repeat top left; |
| pankso@21 | 43 color: black; |
| pankso@21 | 44 padding: 20px; |
| pankso@21 | 45 margin: 30px 50px 0px 50px; |
| pankso@21 | 46 width: auto; |
| pankso@21 | 47 text-align: justify; |
| pankso@21 | 48 } |
| pankso@21 | 49 |
| pankso@21 | 50 #content li { |
| pankso@21 | 51 line-height: 1.5em; |
| pankso@21 | 52 text-align: left; |
| pankso@21 | 53 } |
| pankso@21 | 54 |
| pankso@21 | 55 /* Footer. */ |
| pankso@21 | 56 |
| pankso@21 | 57 #footer { |
| pankso@21 | 58 font-size: 11px; |
| pankso@21 | 59 font-weight: bold; |
| pankso@21 | 60 background: #eaeaea url(images/css/footer-bl.png) no-repeat bottom left; |
| pankso@21 | 61 color: black; |
| pankso@21 | 62 height: 20px; |
| pankso@21 | 63 padding: 6px 0px 0px 10px; |
| pankso@21 | 64 margin: 0px 50px 0px 50px; |
| pankso@21 | 65 width: auto; |
| pankso@21 | 66 text-align: center ; |
| pankso@21 | 67 } |
| pankso@21 | 68 |
| pankso@21 | 69 #footer a { |
| pankso@21 | 70 text-decoration: none; |
| pankso@21 | 71 background: #eaeaea; |
| pankso@21 | 72 color: #3E1220; |
| pankso@21 | 73 } |
| pankso@21 | 74 |
| pankso@21 | 75 #footer a:hover { |
| pankso@21 | 76 background: #eaeaea; |
| pankso@21 | 77 color: #DF8F06; |
| pankso@21 | 78 } |
| pankso@21 | 79 |
| pankso@21 | 80 /* Legal informations */ |
| pankso@21 | 81 |
| pankso@21 | 82 #copy { |
| pankso@21 | 83 font-size: 11px ; |
| pankso@21 | 84 text-align: center ; |
| pankso@21 | 85 background: transparent; |
| pankso@21 | 86 color: #a8a8a8; |
| pankso@21 | 87 padding-top: 20px; |
| pankso@21 | 88 } |
| pankso@21 | 89 |
| pankso@21 | 90 #copy a { |
| pankso@21 | 91 background: inherit; |
| pankso@21 | 92 color: #a8a8a8; |
| pankso@21 | 93 } |
| pankso@21 | 94 |
| pankso@21 | 95 #copy a:hover { |
| pankso@21 | 96 background: inherit; |
| pankso@21 | 97 color: #EDEDED; |
| pankso@21 | 98 } |
| pankso@21 | 99 |
| pankso@21 | 100 /* Div for round corners. */ |
| pankso@21 | 101 |
| pankso@21 | 102 .content-right, .footer-right { |
| pankso@21 | 103 width: 16px; |
| pankso@21 | 104 color: white; |
| pankso@21 | 105 background-color: #333333; |
| pankso@21 | 106 } |
| pankso@21 | 107 .content-right { |
| pankso@21 | 108 background: url(images/css/content-tr.png) no-repeat top right; |
| pankso@21 | 109 height: 16px; |
| pankso@21 | 110 right: 50px; |
| pankso@21 | 111 top: 82px; |
| pankso@21 | 112 position: absolute; |
| pankso@21 | 113 } |
| pankso@21 | 114 |
| pankso@21 | 115 .footer-right { |
| pankso@21 | 116 background: url(images/css/footer-br.png) no-repeat bottom right; |
| pankso@21 | 117 height: 20px; |
| pankso@21 | 118 float: right; |
| pankso@21 | 119 } |
| pankso@21 | 120 |
| pankso@21 | 121 /* General HTML entities for content. */ |
| pankso@21 | 122 |
| pankso@21 | 123 h1 { |
| pankso@21 | 124 margin: 0px 0px 0px 16px; |
| pankso@21 | 125 } |
| pankso@21 | 126 |
| pankso@21 | 127 h2 { |
| pankso@21 | 128 margin: 12px 0; |
| pankso@21 | 129 color: #484B7C; |
| pankso@21 | 130 background: white; |
| pankso@21 | 131 } |
| pankso@21 | 132 |
| pankso@21 | 133 h3 { |
| pankso@21 | 134 font-weight: bold; |
| pankso@21 | 135 color: #6c0023; |
| pankso@21 | 136 background: white; |
| pankso@21 | 137 } |
| pankso@21 | 138 |
| pankso@21 | 139 a { |
| pankso@21 | 140 text-decoration: underline; |
| pankso@21 | 141 } |
| pankso@21 | 142 a:hover { |
| pankso@21 | 143 text-decoration: none; |
| pankso@21 | 144 } |
| pankso@21 | 145 |
| pankso@21 | 146 pre { |
| pankso@21 | 147 padding: 5px; |
| pankso@21 | 148 color: black; |
| pankso@21 | 149 background: #e1e0b0; |
| pankso@21 | 150 } |
| pankso@21 | 151 pre.script { |
| pankso@21 | 152 padding: 10px; |
| pankso@21 | 153 color: black; |
| pankso@21 | 154 background: #e8e8e8; |
| pankso@21 | 155 border: 1px inset #333333; |
| pankso@21 | 156 } |
| pankso@21 | 157 |
| pankso@21 | 158 code { |
| pankso@21 | 159 font-size: 12px; |
| pankso@21 | 160 color: #669900; |
| pankso@21 | 161 background: transparent; |
| pankso@21 | 162 } |
| pankso@21 | 163 |
| pankso@21 | 164 li { |
| pankso@21 | 165 line-height: 1.4em; |
| pankso@21 | 166 } |
| pankso@21 | 167 |
| pankso@21 | 168 hr { |
| pankso@21 | 169 border: 0pt none; |
| pankso@21 | 170 } |