tazpkg view tazpanel/pkgs.css @ rev 745
pkgs.cgi: show last recharge date in a different way; fix Makefile.
| author | Aleksej Bobylev <al.bobylev@gmail.com> |
|---|---|
| date | Sun Jan 11 11:51:31 2015 +0200 (2015-01-11) |
| parents | 31829db351f2 |
| children | 1d6e23a2782f |
line source
2 /* Sidebar menus */
4 #content-sidebar { margin: 20px 144px 20px 20px; }
6 #sidebar {
7 position: fixed;
8 top: 60px;
9 right: 0;
10 padding: 5px 5px 0 0;
11 width: 132px;
12 height: 100%;
13 border-left: 1pt solid #AAA;
14 background-color: #EEE;
15 }
17 #sidebar h4 {
18 margin: 0;
19 font-size: 16px; color: #222;
20 text-align: center;
21 }
23 .select_wrap {
24 display: inline-block;
25 vertical-align: top;
26 overflow: hidden;
27 }
29 .select_wrap select {
30 padding: 5px;
31 margin:-5px -20px -5px -5px;
32 width: 162px;
33 font-size: small;
34 }
36 select option:nth-child(even) {
37 background-color: rgba(0,0,0,0.05);
38 }
40 #sidebar a {
41 display: inline-block;
42 padding: 0 0 0 0.5em; margin: 0;
43 color: #666;
44 font-size: small;
45 width: 100%;
46 }
50 /* links classes:
51 * pkg - package (not installed);
52 * pkgi - package (installed);
53 * pkgib - package (installed and blocked);
54 * w - web site
55 *
56 * you can style links using icons and/or color
57 */
59 a.pkg {
60 background: url(images/tazpkg.png) no-repeat left; }
61 a.pkgi, a.pkgib {
62 background: url(images/tazpkg-installed.png) no-repeat left; }
63 /*
64 a.pkgi {
65 color: green; }
66 */
67 a.pkgib {
68 color: red; }
69 a.w, .pkglist td:nth-child(4) a {
70 background: url(images/browser.png) no-repeat left; }
72 a.pkg, a.pkgi, a.pkgib, a.w, .pkglist td:nth-child(4) a {
73 margin: 0; padding: 0 0 0 17px;
74 min-height: 16px; min-width: 16px;
75 display: inline-block; }
78 .pkglist td:nth-child(1), .filelist td:nth-child(1) {
79 white-space: nowrap;
80 }
82 .pkglist td:nth-child(1) a, .filelist td:nth-child(1) a {
83 max-width: 12em;
84 }
86 .pkglist td:nth-child(2) {
87 max-width: 7em;
88 }
90 .pkglist td:nth-child(1) a, .pkglist td:nth-child(2),
91 .filelist td:nth-child(1) a, .filelist td:nth-child(2) {
92 white-space: nowrap;
93 overflow: hidden;
94 text-overflow: ellipsis; -o-text-overflow: ellipsis;
95 }
97 .filelist td:nth-child(2) {
98 max-width: 30em;
99 }
101 .pkglist tr { border-bottom: 1pt solid #DDD; }
103 .pkglist, .pkglist thead, .summary { border: 1.5pt solid #BBB!important; }
105 .summary td:nth-child(1) {
106 width:10%; white-space: nowrap; /* to have minimal width of first column */
107 }
109 #actions { overflow: auto; }
111 a.pages {
112 padding: 0.5ex;
113 margin: 0.5ex 0;
114 border: 1px solid #AAA;
115 width: 3ex;
116 display: inline-block;
117 text-align: center;
118 }
119 a.pages:hover {
120 border: 1px solid #F94;
121 background: #F94;
122 color: black;
123 }
124 a.pages.current, a.pages.current:hover {
125 font-weight: bold;
126 border: 1px solid #07F;
127 background: #07F;
128 color: #eee;
129 }
131 a.tag1 { font-size: 0.9em; color: #678; }
132 a.tag2 { font-size: 1.0em; color: #444; }
133 a.tag3 { font-size: 1.1em; color: #16A; }
134 a.tag4 { font-size: 1.3em; color: #282; }
135 a.tag5 { font-size: 1.5em; color: #828; }
136 a.tag6 { font-size: 1.8em; color: #862; }
137 a.tag7 { font-size: 2.1em; color: #FA0; }
138 a.tag8 { font-size: 2.4em; color: #F00; }
139 a.tag1, a.tag2, a.tag3, a.tag4, a.tag5, a.tag6, a.tag7, a.tag8 {
140 display: inline-block;
141 white-space: nowrap;
142 vertical-align: middle;
143 padding: 0.2em 0.5em;
144 }
145 a.tag1:hover, a.tag2:hover, a.tag3:hover, a.tag4:hover, a.tag5:hover, a.tag6:hover, a.tag7:hover, a.tag8:hover {
146 outline: 1.5pt solid #FC8; }
148 #actions {
149 background-color: #EEE;
150 margin: 0; padding: 0 0.5ex!important;
151 border: 1pt solid #DDD;
152 border-radius: 0.5ex;
153 }
154 .button img {
155 padding: 0 4px 0 0;
156 }