tazpanel annotate styles/default/style.css @ rev 9
improve tazpkg.cgi and fix some CSS issues
| author | Christophe Lincoln <pankso@slitaz.org> |
|---|---|
| date | Sat Apr 02 17:35:09 2011 +0200 (2011-04-02) |
| parents | a346dfffa162 |
| children | 0ca11f2550ef |
| 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@9 | 8 h2 { color: #444; margin: 0 0 60px; } |
| pankso@1 | 9 h3 { color: #666; font-size: 140%; } |
| 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@9 | 26 |
| pankso@1 | 27 input[type=submit] { |
| pankso@1 | 28 padding: 2px 4px; |
| pankso@1 | 29 background-color: #f1f1f1; |
| pankso@1 | 30 border: 1px solid #ddd; |
| pankso@1 | 31 cursor: pointer; |
| pankso@1 | 32 } |
| pankso@1 | 33 |
| pankso@1 | 34 input[type=submit]:hover { |
| pankso@1 | 35 background-color: #ddd; |
| pankso@1 | 36 border: 1px solid #999; |
| pankso@1 | 37 } |
| pankso@1 | 38 |
| pankso@1 | 39 input[type=text] { height: 16px; } |
| pankso@1 | 40 |
| pankso@9 | 41 /* Blocks */ |
| pankso@1 | 42 |
| pankso@1 | 43 #list { margin: 20px 0 0; } |
| pankso@1 | 44 |
| pankso@9 | 45 #block { float: left; } |
| pankso@1 | 46 |
| pankso@9 | 47 #sub_block { margin: 50px 0 20px; } |
| 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@9 | 55 right: 87px; |
| pankso@9 | 56 top: 214px; |
| pankso@9 | 57 } |
| pankso@9 | 58 |
| pankso@9 | 59 #actions { |
| pankso@9 | 60 position: absolute; |
| pankso@9 | 61 left: 86px; |
| pankso@9 | 62 top: 212px; |
| pankso@9 | 63 } |
| pankso@9 | 64 |
| pankso@9 | 65 #actions p { padding: 0; } |
| pankso@1 | 66 .box { |
| pankso@1 | 67 margin: 10px 0; |
| pankso@1 | 68 padding: 12px; |
| pankso@1 | 69 background: #efefef; |
| pankso@1 | 70 border: 1px solid #ddd; |
| pankso@1 | 71 } |
| pankso@1 | 72 |
| pankso@1 | 73 .debug { |
| pankso@1 | 74 padding: 6px 20px; |
| pankso@1 | 75 background-color: #ADD8E6; |
| pankso@1 | 76 border: 1px solid #ddd; |
| pankso@1 | 77 } |
| pankso@1 | 78 |
| pankso@9 | 79 table { |
| pankso@9 | 80 background-color: #f8f8f8; |
| pankso@9 | 81 border: 1px solid #ddd; |
| pankso@9 | 82 margin: 0; |
| pankso@9 | 83 padding: 10px 10px 10px 0; |
| pankso@9 | 84 width: 100%; |
| pankso@9 | 85 } |
| pankso@9 | 86 |
| pankso@9 | 87 td.pkg { max-width: 160px; } |
| pankso@9 | 88 td.desc { max-width: 300px; } |
| pankso@9 | 89 |
| pankso@9 | 90 #thead, thead { |
| pankso@9 | 91 height: 10px; |
| pankso@9 | 92 font-weight: bold; |
| pankso@9 | 93 } |
| pankso@9 | 94 |
| pankso@1 | 95 /* Round corner */ |
| pankso@1 | 96 table, pre, input[type=submit], .debug, .box { |
| pankso@1 | 97 -moz-border-radius: 4px; |
| pankso@1 | 98 -webkit-border-radius: 4px; |
| pankso@1 | 99 border-radius: 4px; |
| pankso@1 | 100 } |