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