tazpanel annotate styles/default/style.css @ rev 14
Massive improvement to inedx.cgi, up Makefile, smatter tazpanel cmdline
| author | Christophe Lincoln <pankso@slitaz.org> |
|---|---|
| date | Sun Apr 03 17:43:32 2011 +0200 (2011-04-03) |
| parents | 64f564036b88 |
| children | bbd7b3e24974 |
| 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@14 | 5 html { min-height: 102%; min-width: 300px; } |
| pankso@14 | 6 body { padding: 0; font: 13px sans; } |
| pankso@9 | 7 h1 { color: #d66018; border-bottom: 1px dotted #ddd; } |
| pankso@14 | 8 h2 { color: #444; margin: 10px 0 10px; } |
| pankso@10 | 9 h3 { color: #666; font-size: 140%; margin: 0; } |
| pankso@1 | 10 h4 { color: #888; font-size: 120%; } |
| pankso@1 | 11 img { border: 0pt none; vertical-align: middle; padding: 0 6px 0 0;} |
| pankso@1 | 12 p { margin: 6px 0; } |
| pankso@1 | 13 ul { list-style-type: none; padding: 0; } |
| pankso@1 | 14 li { padding: 4px 0; } |
| pankso@1 | 15 a { text-decoration: none; color: #666; } |
| pankso@1 | 16 a:hover { color: #000; } |
| pankso@1 | 17 |
| pankso@1 | 18 pre { |
| pankso@1 | 19 background-color: #f8f8f8; |
| pankso@1 | 20 border: 1px solid #ddd; |
| pankso@1 | 21 padding: 10px; |
| pankso@9 | 22 margin: 10px 0; |
| pankso@1 | 23 overflow: auto; |
| pankso@1 | 24 } |
| pankso@1 | 25 |
| pankso@10 | 26 .pre_main { margin: 40px 0 10px; } |
| pankso@9 | 27 |
| pankso@1 | 28 input[type=submit] { |
| pankso@1 | 29 padding: 2px 4px; |
| pankso@10 | 30 margin: 4px 0 0; |
| pankso@1 | 31 background-color: #f1f1f1; |
| pankso@1 | 32 border: 1px solid #ddd; |
| pankso@1 | 33 cursor: pointer; |
| pankso@1 | 34 } |
| pankso@1 | 35 |
| pankso@1 | 36 input[type=submit]:hover { |
| pankso@1 | 37 background-color: #ddd; |
| pankso@1 | 38 border: 1px solid #999; |
| pankso@1 | 39 } |
| pankso@1 | 40 |
| pankso@10 | 41 input[type=text] { height: 15px; } |
| pankso@1 | 42 |
| pankso@9 | 43 /* Blocks */ |
| pankso@1 | 44 |
| pankso@9 | 45 #block { float: left; } |
| pankso@1 | 46 |
| pankso@10 | 47 #sub_block { margin: 50px 0; } |
| pankso@1 | 48 |
| pankso@1 | 49 /* Content */ |
| pankso@1 | 50 |
| pankso@9 | 51 #content { margin: 0; } |
| pankso@13 | 52 #wrapper { margin: 80px 0 20px; } |
| pankso@1 | 53 |
| pankso@9 | 54 .search { |
| pankso@9 | 55 position: absolute; |
| pankso@14 | 56 right: 48px; |
| pankso@10 | 57 top: 200px; |
| pankso@9 | 58 } |
| pankso@9 | 59 |
| pankso@9 | 60 #actions { |
| pankso@9 | 61 position: absolute; |
| pankso@14 | 62 left: 48px; |
| pankso@10 | 63 top: 200px; |
| pankso@9 | 64 } |
| pankso@9 | 65 |
| pankso@9 | 66 #actions p { padding: 0; } |
| pankso@10 | 67 |
| pankso@1 | 68 .box { |
| pankso@1 | 69 margin: 10px 0; |
| pankso@1 | 70 padding: 12px; |
| pankso@13 | 71 background: #f8f8f8; |
| pankso@1 | 72 border: 1px solid #ddd; |
| pankso@1 | 73 } |
| pankso@1 | 74 |
| pankso@1 | 75 .debug { |
| pankso@10 | 76 position: fixed; |
| pankso@14 | 77 top: 20px; |
| pankso@10 | 78 left: 5px; |
| pankso@1 | 79 padding: 6px 20px; |
| pankso@10 | 80 background-color: #f8f8f8; |
| pankso@1 | 81 border: 1px solid #ddd; |
| pankso@1 | 82 } |
| pankso@1 | 83 |
| pankso@13 | 84 .float_left { float: right; } |
| pankso@13 | 85 .float_right { float: right; } |
| pankso@13 | 86 |
| pankso@10 | 87 /* Table */ |
| pankso@10 | 88 |
| pankso@9 | 89 table { |
| pankso@9 | 90 background-color: #f8f8f8; |
| pankso@9 | 91 border: 1px solid #ddd; |
| pankso@13 | 92 margin: 40px 0 0 0; |
| pankso@9 | 93 padding: 10px 10px 10px 0; |
| pankso@9 | 94 width: 100%; |
| pankso@9 | 95 } |
| pankso@9 | 96 |
| pankso@9 | 97 td.pkg { max-width: 160px; } |
| pankso@9 | 98 td.desc { max-width: 300px; } |
| pankso@9 | 99 |
| pankso@9 | 100 #thead, thead { |
| pankso@9 | 101 height: 10px; |
| pankso@9 | 102 font-weight: bold; |
| pankso@9 | 103 } |
| pankso@9 | 104 |
| pankso@14 | 105 /* Desktop gui style */ |
| pankso@14 | 106 |
| pankso@14 | 107 #tazbar { |
| pankso@14 | 108 position: fixed; |
| pankso@14 | 109 top: 0; |
| pankso@14 | 110 left: 0; |
| pankso@14 | 111 height: 22px; |
| pankso@14 | 112 width: 100%; |
| pankso@14 | 113 padding: 0 0 0 0; |
| pankso@14 | 114 background-color: #f1efeb; |
| pankso@14 | 115 border-top: 1px solid #fefefe; |
| pankso@14 | 116 border-bottom: 1px solid #d3cdc3; |
| pankso@14 | 117 z-index: 200; |
| pankso@14 | 118 } |
| pankso@14 | 119 #menu { margin: 2px 8px; } |
| pankso@14 | 120 #tazbar a { padding: 2px 4px; |
| pankso@14 | 121 color: #000; border: 1px solid #ECE9E4; |
| pankso@14 | 122 display: inline; } |
| pankso@14 | 123 #tazbar a:hover { background-color: #fdfcfa ; |
| pankso@14 | 124 border: 1px solid #827a6c; |
| pankso@14 | 125 -moz-border-radius: 2px; |
| pankso@14 | 126 -webkit-border-radius: 2px; |
| pankso@14 | 127 border-radius: 2px;} |
| pankso@14 | 128 |
| pankso@14 | 129 |
| pankso@1 | 130 /* Round corner */ |
| pankso@10 | 131 |
| pankso@1 | 132 table, pre, input[type=submit], .debug, .box { |
| pankso@1 | 133 -moz-border-radius: 4px; |
| pankso@1 | 134 -webkit-border-radius: 4px; |
| pankso@1 | 135 border-radius: 4px; |
| pankso@1 | 136 } |