tazpkg view tazpanel/pkgs.css @ rev 762

tazpkg: re-make block and unblock, add chblock to change blocking of package; pkgs.cgi: remove website link from packages list, show selected packages count, add '(Un)block' button for bulk operation; pkgs.css: clean old code.
author Aleksej Bobylev <al.bobylev@gmail.com>
date Wed Apr 01 04:29:22 2015 +0300 (2015-04-01)
parents 98c62c676216
children 5a6155d9197a
line source
1 /**
2 * CSS style for TazPkg/TazPanel - (C) 2011-2015 SliTaz GNU/Linux
3 */
4
5
6 /**
7 * Sidebar menus
8 */
9
10 #content-sidebar {
11 margin-right: 138px; /* sidebar width */
12 padding: 10px;
13 }
14
15 #sidebar { /* full width = width(132) + h-padding(5) + border(1) = 138px */
16 position: fixed; top: 65px; bottom: 0; right: 0;
17 width: 132px; padding: 5px 5px 0 0;
18 border-left: 1pt solid;
19 overflow-y: auto; overflow-x: hidden; /* for tiny screens */
20 }
21
22 #sidebar h4 {
23 margin: 0; padding: 0;
24 font-size: 16px; color: #222;
25 text-align: center;
26 }
27
28
29
30
31
32 /**
33 * Sidebar category selector
34 */
35
36 /* hack to remove unwanted scrollbar from multiline selector */
37
38 .select_wrap {
39 display: inline-block;
40 vertical-align: top;
41 overflow: hidden;
42 }
43 .select_wrap select {
44 padding: 5px;
45 margin:-5px -20px -5px -5px;
46 width: 162px; /* sidebar:(138px) + this h-margin:(20px+5px) */
47 font-size: small;
48 }
49
50 /* zebra on selector */
51 select option:nth-child(even) {
52 background-color: rgba(0,0,0,0.05);
53 }
54
55
56 /* sidebar links */
57 #sidebar a {
58 display: inline-block;
59 padding: 0 0 0 0.5em; margin: 0;
60 color: CaptionText;
61 font-size: small;
62 width: 100%;
63 }
64
65
66
67
68
69 /**
70 * List of packages
71 */
72
73 /* not break the line */
74 .pkglist td:nth-child(1),
75 .filelist td:nth-child(1) { white-space: nowrap; }
76
77 .pkglist td:nth-child(1) a,
78 .filelist td:nth-child(1) a { max-width: 12em; }
79 .pkglist td:nth-child(2) { max-width: 7em; }
80 /*.filelist td:nth-child(2) { white-space: pre-wrap; }*/
81
82 /* ellipsize content of 1st and 2nd columns */
83 .pkglist td:nth-child(1) a,
84 .pkglist td:nth-child(2),
85 .filelist td:nth-child(1) a,
86 .filelist td:nth-child(2) {
87 white-space: nowrap;
88 overflow: hidden;
89 text-overflow: ellipsis; -o-text-overflow: ellipsis;
90 }
91
92 /*
93 .pkglist tr { border-bottom: 1pt solid; }
94 .pkglist, .pkglist thead { border: 1.5pt solid!important; }
95
96 .light .pkglist tr { border-color: rgba(92, 92, 92, 0.1); }
97 .light .pkglist, .light .pkglist thead { border-color: rgba(92, 92, 92, 0.1)!important; }
98
99 .dark .pkglist tr { border-color: #111; }
100 .dark .pkglist, .dark .pkglist thead, .dark .hborders thead tr { border-color: #333!important; }
101 */
102
103 /* Fixed table header */
104 #head1h { display: none; position: fixed; }
105
106
107 /**
108 * Summary table
109 */
110
111 /* to have minimal width of first column */
112 .summary td:nth-child(1) { width:10%; white-space: nowrap; }
113
114 /* light blue links on summary table */
115 .summary a { color: #248; }
116
117
118
119 /**
120 * Pager
121 */
122
123 .pages {
124 display: inline-block;
125 padding: 0.5ex;
126 margin: 0.5ex 0;
127 border: 1px solid #AAA;
128 width: 3ex;
129 text-align: center;
130 }
131 .pages:hover {
132 border: 1px solid #F94;
133 background: #F94;
134 color: black;
135 }
136 .pages.current, .pages.current:hover {
137 font-weight: bold;
138 border: 1px solid #07F;
139 background: #07F;
140 color: #eee;
141 }
142
143
144
145 /*
146 * Tags
147 */
148
149 #tags { text-align: center; }
150 a.tag1 { font-size: 0.9em; color: #678; }
151 a.tag2 { font-size: 1.0em; color: #444; }
152 a.tag3 { font-size: 1.1em; color: #16A; }
153 a.tag4 { font-size: 1.3em; color: #282; }
154 a.tag5 { font-size: 1.5em; color: #828; }
155 a.tag6 { font-size: 1.8em; color: #862; }
156 a.tag7 { font-size: 2.1em; color: #FA0; }
157 a.tag8 { font-size: 2.4em; color: #F00; }
158 #tags a {
159 display: inline-block;
160 white-space: nowrap;
161 vertical-align: middle;
162 padding: 0.2em 0.5em;
163 }
164 #tags a:hover {
165 outline: 1.5pt solid #FC8;
166 }
167
168
169
170 .button img {
171 padding: 0 4px 0 0;
172 }
173
174
175 /* Disable too much borders */
176 section .hborders thead tr { border-top: none; border-bottom: 1pt solid #DDD; }
177
178
179
180
181 /* •‣⁕←↑→↓↔↕↥↯↶↷↺↻⇄⇅⇈⌫⏏█▶▷▸▹►▻▪▫◯●◻◼◽◾☐☑☒♺♻⚙⚠⚡⚪⚫✉✎✏✐✓✔✕✖✗✘❖➤➜➝➛⟲⟳⧎ */