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