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