tazpanel annotate styles/default/style.css @ rev 29
Add support for write-iso in live.cgi with nice select box :-)
| author | Christophe Lincoln <pankso@slitaz.org> |
|---|---|
| date | Tue Apr 05 03:35:45 2011 +0200 (2011-04-05) |
| parents | bbd7b3e24974 |
| children | 253219c1f9fe |
| rev | line source |
|---|---|
| pankso@1 | 1 /* |
| pankso@1 | 2 CSS style for TazPanel - (C) 2011 SliTaz GNU/Linux |
| pankso@1 | 3 */ |
| pankso@1 | 4 |
| pankso@17 | 5 /* To always have a scroll bar */ |
| pankso@17 | 6 html { |
| pankso@17 | 7 min-height: 102%; |
| pankso@17 | 8 } |
| pankso@17 | 9 |
| pankso@17 | 10 body { |
| pankso@17 | 11 background: #ffffff; |
| pankso@17 | 12 color: black; |
| pankso@17 | 13 font: 13px sans-serif, vernada, arial; |
| pankso@17 | 14 margin: 25px 0 0; |
| pankso@17 | 15 } |
| pankso@17 | 16 |
| pankso@17 | 17 h1 { color: #d66018; padding: 18px 0 0 40px;} |
| pankso@14 | 18 h2 { color: #444; margin: 10px 0 10px; } |
| pankso@17 | 19 h3 { color: #666; font-size: 140%; } |
| pankso@1 | 20 h4 { color: #888; font-size: 120%; } |
| pankso@1 | 21 img { border: 0pt none; vertical-align: middle; padding: 0 6px 0 0;} |
| pankso@1 | 22 p { margin: 6px 0; } |
| pankso@1 | 23 ul { list-style-type: none; padding: 0; } |
| pankso@1 | 24 li { padding: 4px 0; } |
| pankso@1 | 25 a { text-decoration: none; color: #666; } |
| pankso@1 | 26 a:hover { color: #000; } |
| pankso@1 | 27 |
| pankso@17 | 28 /* Header and main title */ |
| pankso@17 | 29 |
| pankso@17 | 30 #header { |
| pankso@17 | 31 height: 68px; |
| pankso@17 | 32 border-bottom: 1px dotted #ddd; |
| pankso@1 | 33 } |
| pankso@1 | 34 |
| pankso@9 | 35 /* Blocks */ |
| pankso@1 | 36 |
| pankso@9 | 37 #block { float: left; } |
| pankso@1 | 38 |
| pankso@17 | 39 #sub_block { margin: 20px 0; } |
| pankso@1 | 40 |
| pankso@1 | 41 /* Content */ |
| pankso@1 | 42 |
| pankso@17 | 43 #content { margin: 20px 80px; } |
| pankso@17 | 44 #wrapper { margin: 20px 0 20px; } |
| pankso@1 | 45 |
| pankso@9 | 46 .search { |
| pankso@9 | 47 position: absolute; |
| pankso@17 | 48 right: 80px; |
| pankso@17 | 49 top: 39px; |
| pankso@9 | 50 } |
| pankso@9 | 51 |
| pankso@9 | 52 #actions { |
| pankso@17 | 53 |
| pankso@9 | 54 } |
| pankso@9 | 55 |
| pankso@9 | 56 #actions p { padding: 0; } |
| pankso@10 | 57 |
| pankso@1 | 58 .box { |
| pankso@1 | 59 margin: 10px 0; |
| pankso@1 | 60 padding: 12px; |
| pankso@13 | 61 background: #f8f8f8; |
| pankso@1 | 62 border: 1px solid #ddd; |
| pankso@1 | 63 } |
| pankso@1 | 64 |
| pankso@1 | 65 .debug { |
| pankso@10 | 66 position: fixed; |
| pankso@14 | 67 top: 20px; |
| pankso@10 | 68 left: 5px; |
| pankso@1 | 69 padding: 6px 20px; |
| pankso@10 | 70 background-color: #f8f8f8; |
| pankso@1 | 71 border: 1px solid #ddd; |
| pankso@1 | 72 } |
| pankso@1 | 73 |
| pankso@13 | 74 .float_left { float: right; } |
| pankso@13 | 75 .float_right { float: right; } |
| pankso@13 | 76 |
| pankso@10 | 77 /* Table */ |
| pankso@10 | 78 |
| pankso@9 | 79 table { |
| pankso@9 | 80 background-color: #f8f8f8; |
| pankso@9 | 81 border: 1px solid #ddd; |
| pankso@9 | 82 padding: 10px 10px 10px 0; |
| pankso@9 | 83 width: 100%; |
| pankso@9 | 84 } |
| pankso@9 | 85 |
| pankso@9 | 86 td.pkg { max-width: 160px; } |
| pankso@9 | 87 td.desc { max-width: 300px; } |
| pankso@9 | 88 |
| pankso@9 | 89 #thead, thead { |
| pankso@9 | 90 height: 10px; |
| pankso@9 | 91 font-weight: bold; |
| pankso@9 | 92 } |
| pankso@9 | 93 |
| pankso@17 | 94 /* Desktop gui style bar */ |
| pankso@14 | 95 |
| pankso@14 | 96 #tazbar { |
| pankso@14 | 97 position: fixed; |
| pankso@14 | 98 top: 0; |
| pankso@14 | 99 left: 0; |
| pankso@17 | 100 height: 24px; |
| pankso@14 | 101 width: 100%; |
| pankso@14 | 102 padding: 0 0 0 0; |
| pankso@14 | 103 background-color: #f1efeb; |
| pankso@17 | 104 border-bottom: 1px solid #c1baad; |
| pankso@14 | 105 z-index: 200; |
| pankso@17 | 106 cursor: default; |
| pankso@14 | 107 } |
| pankso@17 | 108 #menu { margin: 4px 8px; } |
| pankso@17 | 109 #menu a { padding: 2px 4px; color: #000; cursor: default; } |
| pankso@17 | 110 #menu a:hover { color: #444; } |
| pankso@17 | 111 #icons { margin: 2px 8px; float: right; } |
| pankso@17 | 112 #icons img { padding: 0; } |
| pankso@14 | 113 |
| pankso@17 | 114 .progress { cursor: progress; } |
| pankso@17 | 115 |
| pankso@29 | 116 /* Misc */ |
| pankso@17 | 117 |
| pankso@17 | 118 pre { |
| pankso@17 | 119 background-color: #f8f8f8; |
| pankso@17 | 120 border: 1px solid #ddd; |
| pankso@17 | 121 padding: 10px; |
| pankso@17 | 122 margin: 10px 0; |
| pankso@17 | 123 overflow: auto; |
| pankso@17 | 124 } |
| pankso@17 | 125 |
| pankso@17 | 126 .pre_main { margin: 20px 0 10px; } |
| pankso@17 | 127 |
| pankso@29 | 128 input[type=submit], select { |
| pankso@17 | 129 padding: 2px 4px; |
| pankso@17 | 130 margin: 4px 0 0; |
| pankso@17 | 131 background-color: #f1f1f1; |
| pankso@17 | 132 border: 1px solid #ddd; |
| pankso@17 | 133 cursor: pointer; |
| pankso@17 | 134 } |
| pankso@17 | 135 |
| pankso@29 | 136 input[type=submit]:hover, select:hover { |
| pankso@17 | 137 background-color: #ddd; |
| pankso@17 | 138 border: 1px solid #999; |
| pankso@17 | 139 } |
| pankso@17 | 140 |
| pankso@17 | 141 input[type=text] { height: 15px; } |
| pankso@14 | 142 |
| pankso@1 | 143 /* Round corner */ |
| pankso@10 | 144 |
| pankso@1 | 145 table, pre, input[type=submit], .debug, .box { |
| pankso@1 | 146 -moz-border-radius: 4px; |
| pankso@1 | 147 -webkit-border-radius: 4px; |
| pankso@1 | 148 border-radius: 4px; |
| pankso@1 | 149 } |