cookutils annotate web/style.css @ rev 129
web: improvment and add link to last instelled.diff
| author | Christophe Lincoln <pankso@slitaz.org> |
|---|---|
| date | Tue May 10 14:52:21 2011 +0200 (2011-05-10) |
| parents | c41b34790f44 |
| children | 50314f267be7 |
| rev | line source |
|---|---|
| pankso@5 | 1 /* CSS style for SliTaz Cooker */ |
| pankso@5 | 2 |
| pankso@65 | 3 body { font: 13px sans-serif, vernada, arial; margin: 0; } |
| pankso@5 | 4 h1 { margin: 0; padding: 8px; color: #fff; font-size: 20px; } |
| pankso@5 | 5 h1 a { color: #fff; text-decoration: none; } |
| pankso@5 | 6 h2 { color: #444; } h3 { color: #666; font-size: 140%; } |
| pankso@129 | 7 a { text-decoration: underline; color: #215090; } |
| pankso@5 | 8 a:hover { text-decoration: none; } |
| pankso@5 | 9 pre { |
| pankso@5 | 10 background-color: #f8f8f8; |
| pankso@5 | 11 border: 1px solid #ddd; |
| pankso@5 | 12 padding: 10px; |
| pankso@15 | 13 overflow: auto; |
| pankso@65 | 14 font-size: 96%; |
| pankso@5 | 15 } |
| pankso@5 | 16 |
| pankso@116 | 17 /* Header */ |
| pankso@116 | 18 |
| pankso@5 | 19 #header { |
| pankso@5 | 20 background: #351a0a; |
| pankso@5 | 21 height: 40px; |
| pankso@5 | 22 border-bottom: 8px solid #d66018; |
| pankso@5 | 23 } |
| pankso@5 | 24 |
| pankso@116 | 25 #header h1 { |
| pankso@116 | 26 margin: 0; |
| pankso@116 | 27 /* padding: 8px 0 0 42px; */ |
| pankso@116 | 28 width: 250px; |
| pankso@116 | 29 } |
| pankso@116 | 30 |
| pankso@116 | 31 #header h1 a { |
| pankso@116 | 32 color: white; |
| pankso@116 | 33 text-decoration: none; |
| pankso@116 | 34 font-size: 20px; |
| pankso@116 | 35 font-style: italic; |
| pankso@116 | 36 } |
| pankso@116 | 37 |
| pankso@116 | 38 #header h1 a:hover { |
| pankso@116 | 39 color: #d66018; |
| pankso@116 | 40 } |
| pankso@116 | 41 |
| pankso@116 | 42 /* Content */ |
| pankso@116 | 43 |
| pankso@5 | 44 #content { |
| pankso@5 | 45 margin: 40px 80px; |
| pankso@5 | 46 text-align: justify; |
| pankso@5 | 47 } |
| pankso@5 | 48 |
| pankso@5 | 49 .span-ok { color: green; } |
| pankso@129 | 50 .span-red { color: red; } |
| pankso@5 | 51 .span-sky { color: blue; } |
| pankso@5 | 52 .span-no { color: orange; } |
| pankso@5 | 53 .span-line { color: #888; } |
| pankso@17 | 54 .log-date { color: #666; font-size: 95%; } |
| pankso@17 | 55 .sh-comment { color: #b20000; } |
| pankso@17 | 56 .sh-val { color: #f35a00; } |
| pankso@65 | 57 |
| pankso@65 | 58 /* Buttons */ |
| pankso@65 | 59 |
| pankso@65 | 60 .button { |
| pankso@65 | 61 padding: 2px 4px; |
| pankso@65 | 62 cursor: pointer; |
| pankso@65 | 63 color: #000; |
| pankso@65 | 64 } |
| pankso@65 | 65 |
| pankso@75 | 66 a.button, .pctbar { |
| pankso@65 | 67 text-decoration: none; |
| pankso@65 | 68 color: #666; |
| pankso@65 | 69 } |
| pankso@65 | 70 |
| pankso@65 | 71 .button:hover { |
| pankso@65 | 72 background-color: #ddd; |
| pankso@65 | 73 border: 1px solid #999; |
| pankso@65 | 74 } |
| pankso@65 | 75 |
| pankso@75 | 76 .pct { background: #9dff4a; padding: 2px 4px; } |
| pankso@75 | 77 |
| pankso@75 | 78 .button, .pctbar { |
| pankso@75 | 79 margin: 0; |
| pankso@75 | 80 background: #f1f1f1; |
| pankso@75 | 81 border: 1px solid #ddd; |
| pankso@75 | 82 } |
| pankso@75 | 83 |
| pankso@65 | 84 /* Round corner */ |
| pankso@65 | 85 |
| pankso@75 | 86 pre, .button, .pctbar { |
| pankso@125 | 87 -moz-border-radius: 4px; |
| pankso@125 | 88 -webkit-border-radius: 4px; |
| pankso@65 | 89 border-radius: 4px; |
| pankso@65 | 90 } |
| pankso@116 | 91 |
| pankso@116 | 92 /* Footer */ |
| pankso@116 | 93 |
| pankso@116 | 94 #footer { |
| pankso@116 | 95 text-align: center; |
| pankso@116 | 96 padding: 20px; |
| pankso@116 | 97 border-top: 1px solid #ddd; |
| pankso@116 | 98 font-size: 90%; |
| pankso@116 | 99 } |
| pankso@116 | 100 |
| pankso@116 | 101 #footer a { padding: 0 2px; } |