slitaz-forge annotate cook/style.css @ rev 196
doc: let have a little bigger orange block (again)
author | Christophe Lincoln <pankso@slitaz.org> |
---|---|
date | Tue Mar 20 23:46:12 2012 +0100 (2012-03-20) |
parents | 9b63e77334bf |
children | 1a4dc885c902 |
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@115 | 19 #header { |
pankso@115 | 20 height: 40px; |
pankso@112 | 21 background: #351a0a; |
pankso@116 | 22 border-bottom: 8px solid #d66018; |
pankso@112 | 23 } |
pankso@112 | 24 |
pankso@112 | 25 #header h1 { |
pankso@112 | 26 margin: 0; |
pankso@115 | 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@114 | 42 /* Logo */ |
pankso@114 | 43 |
pankso@114 | 44 #logo { |
pankso@114 | 45 background: url(http://www.slitaz.org/images/logo.png) no-repeat left; |
pankso@114 | 46 position: absolute; |
pankso@114 | 47 float: left; |
pankso@114 | 48 left: 0px; |
pankso@114 | 49 top: 0px; |
pankso@114 | 50 width: 40px; |
pankso@114 | 51 height: 40px; |
pankso@114 | 52 } |
pankso@114 | 53 |
pankso@112 | 54 /* Header links */ |
pankso@112 | 55 |
pankso@112 | 56 #network { |
pankso@112 | 57 float: right; |
pankso@115 | 58 padding: 12px 5px 0; |
pankso@112 | 59 font-size: 12px; |
pankso@112 | 60 } |
pankso@112 | 61 |
pankso@112 | 62 #network a { |
pankso@112 | 63 padding: 0 6px; |
pankso@112 | 64 color: #fff; |
pankso@112 | 65 font-weight: bold; |
pankso@112 | 66 text-decoration: none; |
pankso@112 | 67 } |
pankso@112 | 68 |
pankso@112 | 69 /* Content */ |
pankso@112 | 70 |
pankso@112 | 71 #content { |
pankso@112 | 72 margin: 40px 80px; |
pankso@112 | 73 text-align: justify; |
pankso@112 | 74 } |
pankso@112 | 75 |
pankso@112 | 76 .span-ok { color: green; } |
pankso@112 | 77 .span-red { color: red; } |
pankso@112 | 78 .span-sky { color: blue; } |
pankso@112 | 79 .span-no { color: orange; } |
pankso@112 | 80 .span-line { color: #888; } |
pankso@112 | 81 .log-date { color: #666; font-size: 95%; } |
pankso@112 | 82 .sh-comment { color: #b20000; } |
pankso@112 | 83 .sh-val { color: #f35a00; } |
pankso@112 | 84 |
pankso@112 | 85 /* Buttons */ |
pankso@112 | 86 |
pankso@112 | 87 .button { |
pankso@112 | 88 padding: 2px 4px; |
pankso@112 | 89 cursor: pointer; |
pankso@112 | 90 color: #000; |
pankso@112 | 91 } |
pankso@112 | 92 |
pankso@112 | 93 a.button, .pctbar { |
pankso@112 | 94 text-decoration: none; |
pankso@112 | 95 color: #666; |
pankso@112 | 96 } |
pankso@112 | 97 |
pankso@112 | 98 .button:hover { |
pankso@112 | 99 background-color: #ddd; |
pankso@112 | 100 border: 1px solid #999; |
pankso@112 | 101 } |
pankso@112 | 102 |
pankso@112 | 103 .pct { background: #9dff4a; padding: 2px 4px; } |
pankso@112 | 104 |
pankso@112 | 105 .button, .pctbar { |
pankso@112 | 106 margin: 0; |
pankso@112 | 107 background: #f1f1f1; |
pankso@112 | 108 border: 1px solid #ddd; |
pankso@112 | 109 } |
pankso@112 | 110 |
pankso@112 | 111 /* Round corner */ |
pankso@112 | 112 |
pankso@112 | 113 pre, .button, .pctbar { |
pankso@112 | 114 -moz-border-radius: 4px; |
pankso@112 | 115 -webkit-border-radius: 4px; |
pankso@112 | 116 border-radius: 4px; |
pankso@112 | 117 } |
pankso@112 | 118 |
pankso@112 | 119 /* Footer */ |
pankso@112 | 120 |
pankso@112 | 121 #footer { |
pankso@112 | 122 text-align: center; |
pankso@112 | 123 padding: 20px; |
pankso@112 | 124 border-top: 1px solid #ddd; |
pankso@112 | 125 font-size: 90%; |
pankso@112 | 126 } |
pankso@112 | 127 |
pankso@112 | 128 #footer a { padding: 0 2px; } |