tazpkg view 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
line source
1 /* links classes:
2 * pkg - package (not installed);
3 * pkgi - package (installed);
4 * pkgib - package (installed and blocked);
5 * w - web site
6 *
7 * you can style links using icons and/or color
8 */
9
10 a.pkg {
11 background: url(images/tazpkg.png) no-repeat left; }
12 a.pkgi, a.pkgib {
13 background: url(images/tazpkg-installed.png) no-repeat left; }
14 /*
15 a.pkgi {
16 color: green; }
17 */
18 a.pkgib {
19 color: red; }
20 a.w {
21 background: url(images/browser.png) no-repeat left; }
22
23 a.pkg, a.pkgi, a.pkgib, a.w {
24 margin: 0; padding: 0 0 0 17px;
25 min-height: 16px; min-width: 16px;
26 display: inline-block; }
27
28
29 .pkglist td:nth-child(1) {
30 white-space: nowrap;
31 }
32
33 .pkglist td:nth-child(1) a {
34 max-width: 12em;
35 }
36
37 .pkglist td:nth-child(2) {
38 max-width: 7em;
39 }
40
41 .pkglist td:nth-child(1) a, .pkglist td:nth-child(2) {
42 white-space: nowrap;
43 overflow: hidden;
44 text-overflow: ellipsis; -o-text-overflow: ellipsis;
45 }
46