slitaz-doc annotate slitaz/book.css @ rev 39
Update all index xHTML skel (header, footer, etc) for new CSS
author | Christophe Lincoln <pankso@slitaz.org> |
---|---|
date | Wed Dec 30 14:46:29 2009 +0100 (2009-12-30) |
parents | 640ec0cb28b5 |
children | 2a2389b1cec0 |
rev | line source |
---|---|
pankso@5 | 1 /* |
pankso@5 | 2 CSS style for SliTaz GNU/Linux *book. |
pankso@5 | 3 Pankso 2007 - www.slitaz.org |
pankso@5 | 4 */ |
pankso@5 | 5 |
pankso@38 | 6 html { |
pankso@38 | 7 height: 102%; |
pankso@38 | 8 } |
pankso@38 | 9 |
pankso@5 | 10 body { |
pankso@5 | 11 font: 13px sans-serif, vernada, arial; |
pankso@38 | 12 background: #ffffff; |
pankso@5 | 13 margin: 0; |
pankso@5 | 14 } |
pankso@5 | 15 |
pankso@5 | 16 #header { |
pankso@38 | 17 background: #f0ba08 url(images/css/header.png) repeat-x top; |
pankso@5 | 18 color: black; |
pankso@5 | 19 height: 50px; |
pankso@5 | 20 border-top: 1px solid black; |
pankso@5 | 21 border-bottom: 1px solid black; |
pankso@5 | 22 } |
pankso@38 | 23 |
pankso@38 | 24 #header h1 { |
pankso@38 | 25 padding: 10px; |
pankso@38 | 26 } |
pankso@38 | 27 |
pankso@5 | 28 #quicknav { |
pankso@5 | 29 text-align: right; |
pankso@5 | 30 font-size: 12px; |
pankso@38 | 31 color: #666666; |
pankso@38 | 32 background-color: #eaeaea; |
pankso@38 | 33 padding: 4px 2px; |
pankso@38 | 34 font-weight: bold; |
pankso@5 | 35 } |
pankso@5 | 36 |
pankso@5 | 37 #quicknav a { |
pankso@38 | 38 color: #0F314E; |
pankso@5 | 39 background: inherit; |
pankso@38 | 40 text-decoration: none; |
pankso@38 | 41 padding: 0px 2px; |
pankso@5 | 42 } |
pankso@5 | 43 |
pankso@5 | 44 #quicknav a:hover { |
pankso@38 | 45 color: #DF8F06; |
pankso@38 | 46 text-decoration: none; |
pankso@5 | 47 } |
pankso@5 | 48 |
pankso@5 | 49 /* content. */ |
pankso@5 | 50 |
pankso@5 | 51 #content { |
pankso@5 | 52 background: white url(images/css/content-tl.png) no-repeat top left; |
pankso@5 | 53 color: black; |
pankso@5 | 54 padding: 20px; |
pankso@38 | 55 margin: 0px 50px 0px 50px; |
pankso@5 | 56 width: auto; |
pankso@5 | 57 text-align: justify; |
pankso@5 | 58 } |
pankso@5 | 59 |
pankso@5 | 60 #content li { |
pankso@5 | 61 line-height: 1.5em; |
pankso@5 | 62 text-align: left; |
pankso@5 | 63 } |
pankso@5 | 64 |
pankso@5 | 65 /* Footer. */ |
pankso@5 | 66 |
pankso@5 | 67 #footer { |
pankso@5 | 68 font-size: 11px; |
pankso@5 | 69 color: black; |
pankso@5 | 70 height: 20px; |
pankso@38 | 71 padding: 0px 0px 0px 10px; |
pankso@38 | 72 margin: 0px; |
pankso@5 | 73 width: auto; |
pankso@5 | 74 text-align: center ; |
pankso@5 | 75 } |
pankso@5 | 76 |
pankso@5 | 77 #footer a { |
pankso@38 | 78 background: #ffffff; |
pankso@38 | 79 color: #0F314E; |
pankso@5 | 80 } |
pankso@5 | 81 |
pankso@5 | 82 #footer a:hover { |
pankso@38 | 83 background: #ffffff; |
pankso@38 | 84 color: blue; |
pankso@5 | 85 } |
pankso@5 | 86 |
pankso@5 | 87 /* Legal informations */ |
pankso@5 | 88 |
pankso@5 | 89 #copy { |
pankso@5 | 90 font-size: 11px ; |
pankso@5 | 91 text-align: center ; |
pankso@5 | 92 background: transparent; |
pankso@5 | 93 color: #a8a8a8; |
pankso@38 | 94 padding-top: 10px; |
pankso@5 | 95 } |
pankso@5 | 96 |
pankso@5 | 97 #copy a { |
pankso@5 | 98 background: inherit; |
pankso@5 | 99 color: #a8a8a8; |
pankso@5 | 100 } |
pankso@5 | 101 |
pankso@5 | 102 #copy a:hover { |
pankso@5 | 103 background: inherit; |
pankso@38 | 104 color: blue; |
pankso@5 | 105 } |
pankso@5 | 106 |
pankso@16 | 107 /* Clouds */ |
pankso@16 | 108 |
pankso@16 | 109 #cloud { |
pankso@16 | 110 padding: 10px 120px 10px 120px; |
pankso@16 | 111 line-height: 3em; |
pankso@16 | 112 text-align: center; |
pankso@16 | 113 } |
pankso@16 | 114 #cloud a { padding: 4px; color: #956411; } |
pankso@16 | 115 #cloud a.tag1 { font-size: 0.7em; font-weight: 100; } |
pankso@16 | 116 #cloud a.tag2 { font-size: 0.8em; font-weight: 200; } |
pankso@16 | 117 #cloud a.tag3 { font-size: 0.9em; font-weight: 300; } |
pankso@16 | 118 #cloud a.tag4 { font-size: 1.0em; font-weight: 400; } |
pankso@16 | 119 #cloud a.tag5 { font-size: 1.2em; font-weight: 500; } |
pankso@16 | 120 #cloud a.tag6 { font-size: 1.4em; font-weight: 600; } |
pankso@16 | 121 #cloud a.tag7 { font-size: 1.6em; font-weight: 700; } |
pankso@16 | 122 #cloud a.tag8 { font-size: 1.8em; font-weight: 800; } |
pankso@16 | 123 #cloud a.tag9 { font-size: 2.2em; font-weight: 900; } |
pankso@16 | 124 #cloud a.tag10 { font-size: 2.5em; font-weight: 900; } |
pankso@16 | 125 |
pankso@5 | 126 /* Div for round corners. */ |
pankso@5 | 127 |
pankso@5 | 128 .content-right, .footer-right { |
pankso@5 | 129 width: 16px; |
pankso@5 | 130 color: white; |
pankso@5 | 131 background-color: #333333; |
pankso@5 | 132 } |
pankso@5 | 133 .content-right { |
pankso@5 | 134 background: url(images/css/content-tr.png) no-repeat top right; |
pankso@5 | 135 height: 16px; |
pankso@5 | 136 right: 50px; |
pankso@5 | 137 top: 82px; |
pankso@5 | 138 position: absolute; |
pankso@5 | 139 } |
pankso@5 | 140 |
pankso@5 | 141 .footer-right { |
pankso@5 | 142 background: url(images/css/footer-br.png) no-repeat bottom right; |
pankso@5 | 143 height: 20px; |
pankso@5 | 144 float: right; |
pankso@5 | 145 } |
pankso@5 | 146 |
pankso@5 | 147 /* General HTML entities for content. */ |
pankso@5 | 148 |
pankso@5 | 149 h1 { |
pankso@5 | 150 margin: 0px 0px 0px 16px; |
pankso@5 | 151 } |
pankso@5 | 152 |
pankso@5 | 153 h2 { |
pankso@5 | 154 margin: 12px 0; |
pankso@5 | 155 color: #484B7C; |
pankso@5 | 156 background: white; |
pankso@5 | 157 } |
pankso@5 | 158 |
pankso@5 | 159 h3 { |
pankso@5 | 160 font-weight: bold; |
pankso@5 | 161 color: #6c0023; |
pankso@5 | 162 background: white; |
pankso@5 | 163 } |
pankso@5 | 164 |
pankso@5 | 165 a { |
pankso@5 | 166 text-decoration: underline; |
pankso@5 | 167 } |
pankso@5 | 168 a:hover { |
pankso@5 | 169 text-decoration: none; |
pankso@5 | 170 } |
pankso@5 | 171 |
pankso@5 | 172 pre { |
pankso@5 | 173 padding: 5px; |
pankso@5 | 174 color: black; |
pankso@5 | 175 background: #e1e0b0; |
pankso@5 | 176 } |
pankso@5 | 177 pre.script { |
pankso@5 | 178 padding: 10px; |
pankso@5 | 179 color: black; |
pankso@5 | 180 background: #e8e8e8; |
pankso@5 | 181 border: 1px inset #333333; |
pankso@5 | 182 } |
pankso@5 | 183 |
pankso@5 | 184 code { |
pankso@5 | 185 font-size: 12px; |
pankso@5 | 186 color: #669900; |
pankso@5 | 187 background: transparent; |
pankso@5 | 188 } |
pankso@5 | 189 |
pankso@5 | 190 li { |
pankso@5 | 191 line-height: 1.4em; |
pankso@5 | 192 } |
pankso@5 | 193 |
pankso@5 | 194 hr { |
pankso@5 | 195 border: 0pt none; |
pankso@5 | 196 } |