tazpkg view tazpanel/pkgs.css @ rev 738
pkgs.cgi: rework sidebar again: update page on any changes, more clear and light html code.
| author | Aleksej Bobylev <al.bobylev@gmail.com> |
|---|---|
| date | Wed Dec 31 15:41:15 2014 +0200 (2014-12-31) |
| parents | 3b6602629dc0 |
| children | c214f7081500 |
line source
2 /* Sidebar menus */
4 #content-sidebar { margin: 20px 144px 20px 20px; }
6 #sidebar {
7 position: fixed;
8 top: 80px;
9 right: 5px;
10 width: 132px;
11 }
13 #sidebar h4 {
14 margin: 0;
15 font-size: 16px; color: #222;
16 text-align: center;
17 }
19 .select_wrap {
20 display: inline-block;
21 vertical-align: top;
22 overflow: hidden;
23 }
25 .select_wrap select {
26 padding: 5px;
27 margin:-5px -20px -5px -5px;
28 width: 157px;
29 font-size: small;
30 }
32 select option:nth-child(even) {
33 background-color: rgba(0,0,0,0.05);
34 }
38 /* links classes:
39 * pkg - package (not installed);
40 * pkgi - package (installed);
41 * pkgib - package (installed and blocked);
42 * w - web site
43 *
44 * you can style links using icons and/or color
45 */
47 a.pkg {
48 background: url(images/tazpkg.png) no-repeat left; }
49 a.pkgi, a.pkgib {
50 background: url(images/tazpkg-installed.png) no-repeat left; }
51 /*
52 a.pkgi {
53 color: green; }
54 */
55 a.pkgib {
56 color: red; }
57 a.w, .pkglist td:nth-child(4) a {
58 background: url(images/browser.png) no-repeat left; }
60 a.pkg, a.pkgi, a.pkgib, a.w, .pkglist td:nth-child(4) a {
61 margin: 0; padding: 0 0 0 17px;
62 min-height: 16px; min-width: 16px;
63 display: inline-block; }
66 .pkglist td:nth-child(1), .filelist td:nth-child(1) {
67 white-space: nowrap;
68 }
70 .pkglist td:nth-child(1) a, .filelist td:nth-child(1) a {
71 max-width: 12em;
72 }
74 .pkglist td:nth-child(2) {
75 max-width: 7em;
76 }
78 .pkglist td:nth-child(1) a, .pkglist td:nth-child(2),
79 .filelist td:nth-child(1) a, .filelist td:nth-child(2) {
80 white-space: nowrap;
81 overflow: hidden;
82 text-overflow: ellipsis; -o-text-overflow: ellipsis;
83 }
85 .filelist td:nth-child(2) {
86 max-width: 30em;
87 }
89 #actions { overflow: auto; }
91 a.pages {
92 padding: 0.5ex;
93 margin: 0.5ex 0;
94 border: 1px solid #AAA;
95 width: 3ex;
96 display: inline-block;
97 text-align: center;
98 }
99 a.pages:hover {
100 border: 1px solid #F94;
101 background: #F94;
102 color: black;
103 }
104 a.pages.current, a.pages.current:hover {
105 font-weight: bold;
106 border: 1px solid #07F;
107 background: #07F;
108 color: #eee;
109 }
111 a.tag1 { font-size: 0.9em; color: #678; }
112 a.tag2 { font-size: 1.0em; color: #444; }
113 a.tag3 { font-size: 1.1em; color: #16A; }
114 a.tag4 { font-size: 1.3em; color: #282; }
115 a.tag5 { font-size: 1.5em; color: #828; }
116 a.tag6 { font-size: 1.8em; color: #862; }
117 a.tag7 { font-size: 2.1em; color: #FA0; }
118 a.tag8 { font-size: 2.4em; color: #F00; }
119 a.tag1, a.tag2, a.tag3, a.tag4, a.tag5, a.tag6, a.tag7, a.tag8 {
120 display: inline-block;
121 white-space: nowrap;
122 vertical-align: middle;
123 padding: 0.2em 0.5em;
124 }
125 a.tag1:hover, a.tag2:hover, a.tag3:hover, a.tag4:hover, a.tag5:hover, a.tag6:hover, a.tag7:hover, a.tag8:hover {
126 outline: 1.5pt solid #FC8; }