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