tazpkg annotate tazpanel/pkgs.css @ rev 719
Style package table (less html, more css); really quick package list in test mode (add "&awk" to "pkgs.cgi?cat=..." to check it).
author | Aleksej Bobylev <al.bobylev@gmail.com> |
---|---|
date | Fri Dec 19 17:25:08 2014 +0200 (2014-12-19) |
parents | 9081585e7446 |
children | 953cbcb0cd50 |
rev | line source |
---|---|
al@718 | 1 /* links classes: |
al@718 | 2 * pkg - package (not installed); |
al@718 | 3 * pkgi - package (installed); |
al@718 | 4 * pkgib - package (installed and blocked); |
al@718 | 5 * w - web site |
al@718 | 6 * |
al@718 | 7 * you can style links using icons and/or color |
al@718 | 8 */ |
al@718 | 9 |
al@718 | 10 a.pkg { |
al@718 | 11 background: url(images/tazpkg.png) no-repeat left; } |
al@718 | 12 a.pkgi, a.pkgib { |
al@718 | 13 background: url(images/tazpkg-installed.png) no-repeat left; } |
al@718 | 14 /* |
al@718 | 15 a.pkgi { |
al@718 | 16 color: green; } |
al@718 | 17 */ |
al@718 | 18 a.pkgib { |
al@718 | 19 color: red; } |
al@718 | 20 a.w { |
al@718 | 21 background: url(images/browser.png) no-repeat left; } |
al@718 | 22 |
al@718 | 23 a.pkg, a.pkgi, a.pkgib, a.w { |
al@718 | 24 margin: 0; padding: 0 0 0 17px; |
al@718 | 25 min-height: 16px; min-width: 16px; |
al@718 | 26 display: inline-block; } |
al@718 | 27 |
al@718 | 28 |
al@719 | 29 .pkglist td:nth-child(1) { |
al@719 | 30 white-space: nowrap; |
al@719 | 31 } |
al@719 | 32 |
al@719 | 33 .pkglist td:nth-child(1) a { |
al@719 | 34 max-width: 12em; |
al@719 | 35 } |
al@719 | 36 |
al@719 | 37 .pkglist td:nth-child(2) { |
al@719 | 38 max-width: 7em; |
al@719 | 39 } |
al@719 | 40 |
al@719 | 41 .pkglist td:nth-child(1) a, .pkglist td:nth-child(2) { |
al@719 | 42 white-space: nowrap; |
al@719 | 43 overflow: hidden; |
al@719 | 44 text-overflow: ellipsis; -o-text-overflow: ellipsis; |
al@719 | 45 } |
al@719 | 46 |