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