wok-6.x annotate slitaz-mercurial-style/stuff/templates/static/style-slitaz.css @ rev 4465
Up: slitaz-mercurial-style (2.0)
author | Christophe Lincoln <pankso@slitaz.org> |
---|---|
date | Sun Nov 08 23:30:24 2009 +0100 (2009-11-08) |
parents | |
children | 00998d06c429 |
rev | line source |
---|---|
pankso@4465 | 1 html { |
pankso@4465 | 2 height: 102%; |
pankso@4465 | 3 } |
pankso@4465 | 4 |
pankso@4465 | 5 body { |
pankso@4465 | 6 background: #ffffff; |
pankso@4465 | 7 color: black; |
pankso@4465 | 8 font: 13px sans-serif, vernada, arial; |
pankso@4465 | 9 margin: 0; |
pankso@4465 | 10 } |
pankso@4465 | 11 |
pankso@4465 | 12 /* Header and title */ |
pankso@4465 | 13 |
pankso@4465 | 14 #header{ |
pankso@4465 | 15 background: #f0ba08 url(header.png) repeat-x top; |
pankso@4465 | 16 color: black; |
pankso@4465 | 17 width: 100%; |
pankso@4465 | 18 height: 50px; |
pankso@4465 | 19 border-top: 1px solid black; |
pankso@4465 | 20 border-bottom: 1px solid black; |
pankso@4465 | 21 margin-bottom: 30px; |
pankso@4465 | 22 } |
pankso@4465 | 23 |
pankso@4465 | 24 #titre { |
pankso@4465 | 25 position: absolute; |
pankso@4465 | 26 font-size: 16px; |
pankso@4465 | 27 font-weight: bolder ; |
pankso@4465 | 28 margin-left: 200px; |
pankso@4465 | 29 margin-top: 28px; |
pankso@4465 | 30 } |
pankso@4465 | 31 |
pankso@4465 | 32 #logo { |
pankso@4465 | 33 position: absolute; |
pankso@4465 | 34 float: left; |
pankso@4465 | 35 margin-left: 16px; |
pankso@4465 | 36 margin-top: 0px; |
pankso@4465 | 37 } |
pankso@4465 | 38 |
pankso@4465 | 39 /* Navigation */ |
pankso@4465 | 40 |
pankso@4465 | 41 #nav { |
pankso@4465 | 42 position: absolute; |
pankso@4465 | 43 top: 76px; |
pankso@4465 | 44 right: 40px; |
pankso@4465 | 45 color: #555555; |
pankso@4465 | 46 float: right; |
pankso@4465 | 47 width: 250px; |
pankso@4465 | 48 line-height: 1.5em; |
pankso@4465 | 49 text-align: left; |
pankso@4465 | 50 font-size: 12px; |
pankso@4465 | 51 } |
pankso@4465 | 52 |
pankso@4465 | 53 #nav ul { |
pankso@4465 | 54 list-style-type: none; |
pankso@4465 | 55 margin: 10px 0; |
pankso@4465 | 56 } |
pankso@4465 | 57 |
pankso@4465 | 58 #nav .nav_box ul { |
pankso@4465 | 59 list-style-type: none; |
pankso@4465 | 60 margin: 0; |
pankso@4465 | 61 padding: 10px 24px 10px 0px; |
pankso@4465 | 62 } |
pankso@4465 | 63 |
pankso@4465 | 64 #nav li { |
pankso@4465 | 65 display: inline; |
pankso@4465 | 66 } |
pankso@4465 | 67 |
pankso@4465 | 68 #nav h4 { |
pankso@4465 | 69 font-size: 110%; |
pankso@4465 | 70 color: #666666; |
pankso@4465 | 71 font-weight: bold; |
pankso@4465 | 72 margin: 0; |
pankso@4465 | 73 padding: 0 0 1px 0; |
pankso@4465 | 74 border-bottom: 1px solid #cecece; |
pankso@4465 | 75 } |
pankso@4465 | 76 |
pankso@4465 | 77 #nav a { |
pankso@4465 | 78 color: #0F314E; |
pankso@4465 | 79 background: inherit; |
pankso@4465 | 80 display: block; |
pankso@4465 | 81 text-decoration: none; |
pankso@4465 | 82 font-weight: bold; |
pankso@4465 | 83 } |
pankso@4465 | 84 |
pankso@4465 | 85 #nav a:hover { |
pankso@4465 | 86 color: #DF8F06; |
pankso@4465 | 87 text-decoration: none; |
pankso@4465 | 88 display: block; |
pankso@4465 | 89 } |
pankso@4465 | 90 |
pankso@4465 | 91 .nav_box { |
pankso@4465 | 92 -moz-border-radius: 8px; |
pankso@4465 | 93 -webkit-border-radius: 8px; |
pankso@4465 | 94 margin: 10px 0; |
pankso@4465 | 95 padding: 10px 24px 10px 24px; |
pankso@4465 | 96 background-color: #eaeaea; |
pankso@4465 | 97 text-align: justify; |
pankso@4465 | 98 } |
pankso@4465 | 99 |
pankso@4465 | 100 #nav .nav_box p { |
pankso@4465 | 101 line-height: 1.3em; |
pankso@4465 | 102 } |
pankso@4465 | 103 |
pankso@4465 | 104 #nav .nav_box p a { |
pankso@4465 | 105 display: inline; |
pankso@4465 | 106 font-weight: normal; |
pankso@4465 | 107 text-decoration: underline; |
pankso@4465 | 108 } |
pankso@4465 | 109 |
pankso@4465 | 110 #nav .nav_box p a:hover { |
pankso@4465 | 111 text-decoration: none; |
pankso@4465 | 112 color: blue; |
pankso@4465 | 113 background: inherit; |
pankso@4465 | 114 } |
pankso@4465 | 115 |
pankso@4465 | 116 #footer { |
pankso@4465 | 117 float: none; |
pankso@4465 | 118 background: inherit; |
pankso@4465 | 119 color: black; |
pankso@4465 | 120 width: auto; |
pankso@4465 | 121 clear: both; |
pankso@4465 | 122 padding: 0; |
pankso@4465 | 123 margin: 0; |
pankso@4465 | 124 text-align: center; |
pankso@4465 | 125 vertical-align: middle; |
pankso@4465 | 126 } |
pankso@4465 | 127 |
pankso@4465 | 128 a { |
pankso@4465 | 129 text-decoration: underline; |
pankso@4465 | 130 color: #0F314E; |
pankso@4465 | 131 background: inherit; |
pankso@4465 | 132 } |
pankso@4465 | 133 |
pankso@4465 | 134 a:hover { |
pankso@4465 | 135 text-decoration: none; |
pankso@4465 | 136 color: blue; |
pankso@4465 | 137 background: inherit; |
pankso@4465 | 138 } |
pankso@4465 | 139 |
pankso@4465 | 140 h3 { |
pankso@4465 | 141 font-weight: bold; |
pankso@4465 | 142 color: #6c0023; |
pankso@4465 | 143 background: inherit; |
pankso@4465 | 144 } |
pankso@4465 | 145 |
pankso@4465 | 146 .container { |
pankso@4465 | 147 margin: 6px 280px 0px 0px; |
pankso@4465 | 148 padding: 0px 40px 60px 40px; |
pankso@4465 | 149 } |
pankso@4465 | 150 |
pankso@4465 | 151 .main { |
pankso@4465 | 152 background: white; |
pankso@4465 | 153 } |
pankso@4465 | 154 |
pankso@4465 | 155 #.main { |
pankso@4465 | 156 width: 100%; |
pankso@4465 | 157 } |
pankso@4465 | 158 |
pankso@4465 | 159 .overflow { |
pankso@4465 | 160 width: 100%; |
pankso@4465 | 161 overflow: auto; |
pankso@4465 | 162 } |
pankso@4465 | 163 |
pankso@4465 | 164 .search { |
pankso@4465 | 165 text-align: center; |
pankso@4465 | 166 } |
pankso@4465 | 167 |
pankso@4465 | 168 form.search div#hint { |
pankso@4465 | 169 display: none; |
pankso@4465 | 170 position: absolute; |
pankso@4465 | 171 top: 0px; |
pankso@4465 | 172 right: 280px; |
pankso@4465 | 173 width: 200px; |
pankso@4465 | 174 padding: 5px; |
pankso@4465 | 175 background: #ffc; |
pankso@4465 | 176 font-size: 80%; |
pankso@4465 | 177 border: 1px solid yellow; |
pankso@4465 | 178 -moz-border-radius: 5px; /* this works only in camino/firefox */ |
pankso@4465 | 179 -webkit-border-radius: 5px; /* this is just for Safari */ |
pankso@4465 | 180 } |
pankso@4465 | 181 |
pankso@4465 | 182 form.search:hover div#hint { display: block; } |
pankso@4465 | 183 |
pankso@4465 | 184 a { text-decoration:none; } |
pankso@4465 | 185 .age { white-space:nowrap; } |
pankso@4465 | 186 .date { white-space:nowrap; } |
pankso@4465 | 187 .indexlinks { white-space:nowrap; } |
pankso@4465 | 188 .parity0 { background-color: #f0f0f0; } |
pankso@4465 | 189 .parity1 { background-color: white; } |
pankso@4465 | 190 .plusline { color: green; } |
pankso@4465 | 191 .minusline { color: #dc143c; } /* crimson */ |
pankso@4465 | 192 .atline { color: purple; } |
pankso@4465 | 193 |
pankso@4465 | 194 .navigate { |
pankso@4465 | 195 text-align: right; |
pankso@4465 | 196 font-size: 80%; |
pankso@4465 | 197 margin: 1em 0; |
pankso@4465 | 198 } |
pankso@4465 | 199 |
pankso@4465 | 200 .tag { |
pankso@4465 | 201 color: #999; |
pankso@4465 | 202 font-size: 70%; |
pankso@4465 | 203 font-weight: normal; |
pankso@4465 | 204 margin-left: .5em; |
pankso@4465 | 205 vertical-align: baseline; |
pankso@4465 | 206 } |
pankso@4465 | 207 |
pankso@4465 | 208 .branchhead { |
pankso@4465 | 209 color: #000; |
pankso@4465 | 210 font-size: 80%; |
pankso@4465 | 211 font-weight: normal; |
pankso@4465 | 212 margin-left: .5em; |
pankso@4465 | 213 vertical-align: baseline; |
pankso@4465 | 214 } |
pankso@4465 | 215 |
pankso@4465 | 216 ul#graphnodes .branchhead { |
pankso@4465 | 217 font-size: 75%; |
pankso@4465 | 218 } |
pankso@4465 | 219 |
pankso@4465 | 220 .branchname { |
pankso@4465 | 221 color: #000; |
pankso@4465 | 222 font-size: 60%; |
pankso@4465 | 223 font-weight: normal; |
pankso@4465 | 224 margin-left: .5em; |
pankso@4465 | 225 vertical-align: baseline; |
pankso@4465 | 226 } |
pankso@4465 | 227 |
pankso@4465 | 228 h3 .branchname { |
pankso@4465 | 229 font-size: 80%; |
pankso@4465 | 230 } |
pankso@4465 | 231 |
pankso@4465 | 232 /* Common */ |
pankso@4465 | 233 pre { margin: 0; } |
pankso@4465 | 234 |
pankso@4465 | 235 h2 { font-size: 140%; color: black; } |
pankso@4465 | 236 h2 a { color: #000; } |
pankso@4465 | 237 h3 { |
pankso@4465 | 238 margin-top: -.7em; |
pankso@4465 | 239 font-size: 100%; |
pankso@4465 | 240 } |
pankso@4465 | 241 |
pankso@4465 | 242 /* log and tags tables */ |
pankso@4465 | 243 .bigtable { |
pankso@4465 | 244 border-bottom: 1px solid #999; |
pankso@4465 | 245 border-collapse: collapse; |
pankso@4465 | 246 font-size: 90%; |
pankso@4465 | 247 width: 100%; |
pankso@4465 | 248 font-weight: normal; |
pankso@4465 | 249 text-align: left; |
pankso@4465 | 250 } |
pankso@4465 | 251 |
pankso@4465 | 252 .bigtable td { |
pankso@4465 | 253 vertical-align: top; |
pankso@4465 | 254 } |
pankso@4465 | 255 |
pankso@4465 | 256 .bigtable th { |
pankso@4465 | 257 padding: 1px 4px; |
pankso@4465 | 258 border-bottom: 1px solid #999; |
pankso@4465 | 259 } |
pankso@4465 | 260 .bigtable tr { border: none; } |
pankso@4465 | 261 .bigtable .age { width: 6em; } |
pankso@4465 | 262 .bigtable .author { width: 12em; } |
pankso@4465 | 263 .bigtable .description { } |
pankso@4465 | 264 .bigtable .node { width: 5em; font-family: monospace;} |
pankso@4465 | 265 .bigtable .permissions { width: 8em; text-align: left;} |
pankso@4465 | 266 .bigtable .size { width: 5em; text-align: right; } |
pankso@4465 | 267 .bigtable .annotate { text-align: right; } |
pankso@4465 | 268 .bigtable td.annotate { font-size: smaller; } |
pankso@4465 | 269 .bigtable td.source { font-size: inherit; } |
pankso@4465 | 270 |
pankso@4465 | 271 .source, .sourcefirst, .sourcelast { |
pankso@4465 | 272 font-family: monospace; |
pankso@4465 | 273 white-space: pre; |
pankso@4465 | 274 padding: 1px 4px; |
pankso@4465 | 275 font-size: 90%; |
pankso@4465 | 276 } |
pankso@4465 | 277 .sourcefirst { border-bottom: 1px solid #999; font-weight: bold; } |
pankso@4465 | 278 .sourcelast { border-top: 1px solid #999; } |
pankso@4465 | 279 .source a { color: #999; font-size: smaller; font-family: monospace;} |
pankso@4465 | 280 .bottomline { border-bottom: 1px solid #999; } |
pankso@4465 | 281 |
pankso@4465 | 282 .fileline { font-family: monospace; } |
pankso@4465 | 283 .fileline img { border: 0; } |
pankso@4465 | 284 |
pankso@4465 | 285 .tagEntry .closed { color: #99f; } |
pankso@4465 | 286 |
pankso@4465 | 287 /* Changeset entry */ |
pankso@4465 | 288 #changesetEntry { |
pankso@4465 | 289 border-collapse: collapse; |
pankso@4465 | 290 font-size: 90%; |
pankso@4465 | 291 width: 100%; |
pankso@4465 | 292 margin-bottom: 1em; |
pankso@4465 | 293 } |
pankso@4465 | 294 |
pankso@4465 | 295 #changesetEntry th { |
pankso@4465 | 296 padding: 1px 4px; |
pankso@4465 | 297 width: 4em; |
pankso@4465 | 298 text-align: right; |
pankso@4465 | 299 font-weight: normal; |
pankso@4465 | 300 color: #999; |
pankso@4465 | 301 margin-right: .5em; |
pankso@4465 | 302 vertical-align: top; |
pankso@4465 | 303 } |
pankso@4465 | 304 |
pankso@4465 | 305 div.description { |
pankso@4465 | 306 border-left: 2px solid #999; |
pankso@4465 | 307 margin: 1em 0 1em 0; |
pankso@4465 | 308 padding: .3em; |
pankso@4465 | 309 } |
pankso@4465 | 310 |
pankso@4465 | 311 /* Graph */ |
pankso@4465 | 312 div#wrapper { |
pankso@4465 | 313 position: relative; |
pankso@4465 | 314 border-top: 1px solid black; |
pankso@4465 | 315 border-bottom: 1px solid black; |
pankso@4465 | 316 margin: 0; |
pankso@4465 | 317 padding: 0; |
pankso@4465 | 318 } |
pankso@4465 | 319 |
pankso@4465 | 320 canvas { |
pankso@4465 | 321 position: absolute; |
pankso@4465 | 322 z-index: 5; |
pankso@4465 | 323 top: -0.7em; |
pankso@4465 | 324 margin: 0; |
pankso@4465 | 325 } |
pankso@4465 | 326 |
pankso@4465 | 327 ul#graphnodes { |
pankso@4465 | 328 position: absolute; |
pankso@4465 | 329 z-index: 10; |
pankso@4465 | 330 top: -1.0em; |
pankso@4465 | 331 list-style: none inside none; |
pankso@4465 | 332 padding: 0; |
pankso@4465 | 333 } |
pankso@4465 | 334 |
pankso@4465 | 335 ul#nodebgs { |
pankso@4465 | 336 list-style: none inside none; |
pankso@4465 | 337 padding: 0; |
pankso@4465 | 338 margin: 0; |
pankso@4465 | 339 top: -0.7em; |
pankso@4465 | 340 } |
pankso@4465 | 341 |
pankso@4465 | 342 ul#graphnodes li, ul#nodebgs li { |
pankso@4465 | 343 height: 39px; |
pankso@4465 | 344 } |
pankso@4465 | 345 |
pankso@4465 | 346 ul#graphnodes li .info { |
pankso@4465 | 347 display: block; |
pankso@4465 | 348 font-size: 70%; |
pankso@4465 | 349 position: relative; |
pankso@4465 | 350 top: -3px; |
pankso@4465 | 351 } |