tazpanel annotate styles/default/style.css @ rev 10
Add configuration page in tazpkg.cgi
| author | Christophe Lincoln <pankso@slitaz.org> |
|---|---|
| date | Sat Apr 02 21:32:50 2011 +0200 (2011-04-02) |
| parents | dfcc3f322885 |
| children | 64f564036b88 |
| 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@1 | 5 html { min-height: 102%; } |
| pankso@9 | 6 body { padding: 20px 80px; font: 13px sans; } |
| pankso@9 | 7 h1 { color: #d66018; border-bottom: 1px dotted #ddd; } |
| pankso@10 | 8 h2 { color: #444; margin: -20px 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@1 | 52 |
| pankso@9 | 53 .search { |
| pankso@9 | 54 position: absolute; |
| pankso@10 | 55 right: 88px; |
| pankso@10 | 56 top: 200px; |
| pankso@9 | 57 } |
| pankso@9 | 58 |
| pankso@9 | 59 #actions { |
| pankso@9 | 60 position: absolute; |
| pankso@10 | 61 left: 88px; |
| pankso@10 | 62 top: 200px; |
| pankso@9 | 63 } |
| pankso@9 | 64 |
| pankso@9 | 65 #actions p { padding: 0; } |
| pankso@10 | 66 |
| pankso@1 | 67 .box { |
| pankso@1 | 68 margin: 10px 0; |
| pankso@1 | 69 padding: 12px; |
| pankso@1 | 70 background: #efefef; |
| pankso@1 | 71 border: 1px solid #ddd; |
| pankso@1 | 72 } |
| pankso@1 | 73 |
| pankso@1 | 74 .debug { |
| pankso@10 | 75 position: fixed; |
| pankso@10 | 76 top: 5px; |
| pankso@10 | 77 left: 5px; |
| pankso@1 | 78 padding: 6px 20px; |
| pankso@10 | 79 background-color: #f8f8f8; |
| pankso@1 | 80 border: 1px solid #ddd; |
| pankso@1 | 81 } |
| pankso@1 | 82 |
| pankso@10 | 83 /* Table */ |
| pankso@10 | 84 |
| pankso@9 | 85 table { |
| pankso@9 | 86 background-color: #f8f8f8; |
| pankso@9 | 87 border: 1px solid #ddd; |
| pankso@10 | 88 margin: 30px 0 0 0; |
| pankso@9 | 89 padding: 10px 10px 10px 0; |
| pankso@9 | 90 width: 100%; |
| pankso@9 | 91 } |
| pankso@9 | 92 |
| pankso@9 | 93 td.pkg { max-width: 160px; } |
| pankso@9 | 94 td.desc { max-width: 300px; } |
| pankso@9 | 95 |
| pankso@9 | 96 #thead, thead { |
| pankso@9 | 97 height: 10px; |
| pankso@9 | 98 font-weight: bold; |
| pankso@9 | 99 } |
| pankso@9 | 100 |
| pankso@1 | 101 /* Round corner */ |
| pankso@10 | 102 |
| pankso@1 | 103 table, pre, input[type=submit], .debug, .box { |
| pankso@1 | 104 -moz-border-radius: 4px; |
| pankso@1 | 105 -webkit-border-radius: 4px; |
| pankso@1 | 106 border-radius: 4px; |
| pankso@1 | 107 } |