tazpkg view tazpanel/pkgs.css @ rev 844

Finish modularization. Beta release: still have few FIXMEs and TODOs.
author Aleksej Bobylev <al.bobylev@gmail.com>
date Mon Oct 05 03:53:47 2015 +0300 (2015-10-05)
parents a02e36d44d06
children
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: 140px; /* sidebar width */
12 padding: 5px;
13 }
14
15 #sidebar { /* full width = width(139) + h-padding(0) + border(1) = 140px */
16 position: fixed; top: 65px; bottom: 0; right: 0;
17 width: 139px; padding: 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 * Sidebar category selector
31 */
32
33 #sidebar input[type="radio"] { display: none; }
34 #sidebar label { display: block; padding-left: 5px; }
35 #sidebar input+label:nth-child(4n) { background-color: hsla(0, 0%, 50%, 0.1); }
36 #sidebar input:checked+label { background-color: hsla(0, 0%, 50%, 0.5); }
37
38 /* sidebar links */
39 #sidebar a {
40 display: inline-block;
41 padding: 0 0 0 0.5em; margin: 0;
42 color: CaptionText;
43 font-size: small;
44 width: 100%;
45 }
46
47
48
49
50
51 /**
52 * List of packages
53 */
54
55 /* not break the line */
56 .pkglist td:nth-child(1),
57 .filelist td:nth-child(1) { white-space: nowrap; }
58
59 .pkglist td:nth-child(1) a,
60 .filelist td:nth-child(1) a { max-width: 12em; }
61 .pkglist td:nth-child(2) { max-width: 7em; }
62 /*.filelist td:nth-child(2) { white-space: pre-wrap; }*/
63
64 /* ellipsize content of 1st and 2nd columns */
65 .pkglist td:nth-child(1) a,
66 .pkglist td:nth-child(2),
67 .filelist td:nth-child(1) a,
68 .filelist td:nth-child(2) {
69 white-space: nowrap;
70 overflow: hidden;
71 text-overflow: ellipsis; -o-text-overflow: ellipsis;
72 }
73
74 /*
75 .pkglist tr { border-bottom: 1pt solid; }
76 .pkglist, .pkglist thead { border: 1.5pt solid!important; }
77
78 .light .pkglist tr { border-color: rgba(92, 92, 92, 0.1); }
79 .light .pkglist, .light .pkglist thead { border-color: rgba(92, 92, 92, 0.1)!important; }
80
81 .dark .pkglist tr { border-color: #111; }
82 .dark .pkglist, .dark .pkglist thead, .dark .hborders thead tr { border-color: #333!important; }
83 */
84
85 /* Fixed table header */
86 #head1h { display: none; position: fixed; }
87
88
89
90
91
92 /**
93 * Summary table
94 */
95
96 /* to have minimal width of first column */
97 .summary td:nth-child(1) { width:10%; white-space: nowrap; }
98
99
100
101
102
103 /**
104 * Pager
105 */
106
107 .pages {
108 display: inline-block;
109 padding: 0.5ex;
110 margin: 0.5ex 0;
111 border: 1px solid hsla(0, 0%, 0%, 0.5);
112 width: 3ex;
113 text-align: center;
114 }
115 .dark .pages { background-color: #222; }
116 .light .pages { background-color: #CCC; }
117 .pages:hover {
118 border: 1px solid #F94;
119 background: #F94;
120 color: black;
121 box-shadow: 0 0 2pt 0 hsl(0, 0%, 50%);
122 }
123 .pages.current, .pages.current:hover {
124 font-weight: bold;
125 border: 1px solid #07F;
126 background: #07F;
127 color: #eee;
128 }
129
130
131
132
133
134 /*
135 * Tags
136 */
137
138 #tags { text-align: center; }
139 a.tag1 { font-size: 0.9em; color: #678; }
140 a.tag2 { font-size: 1.0em; color: #444; }
141 a.tag3 { font-size: 1.1em; color: #16A; }
142 a.tag4 { font-size: 1.3em; color: #282; }
143 a.tag5 { font-size: 1.5em; color: #828; }
144 a.tag6 { font-size: 1.8em; color: #862; }
145 a.tag7 { font-size: 2.1em; color: #FA0; }
146 a.tag8 { font-size: 2.4em; color: #F00; }
147 #tags a {
148 display: inline-block;
149 white-space: nowrap;
150 vertical-align: middle;
151 padding: 0.2em 0.5em;
152 }
153 #tags a:hover {
154 outline: 1.5pt solid #FC8;
155 }
156
157
158
159
160
161 /* Disable too much borders */
162 section .hborders thead tr { border-top: none; border-bottom: 1pt solid #DDD; }
163
164
165 #appImg {
166 display: inline-block;
167 position: absolute; right: 0.6rem;
168 vertical-align: top; width: 48px; padding: 0; margin: 0;
169 }
170 #appImg img { height: 48px !important; width: 48px !important; }
171
172
173 #user_info {
174 float: right;
175 padding: 0.2rem; margin: 0.2rem;
176 font-size: 1rem;
177 vertical-align: bottom;
178 }
179 #user_info img {
180 padding: 0; margin: 0;
181 vertical-align: bottom;
182 }
183
184
185
186
187 /* infoTable: space between icons */
188 #infoTable span a { margin-right: 1em; }
189
190 /* info: description */
191 section#desc { padding: 0 1ex; font-size: 1rem; line-height: 1.25rem; }
192
193 section#desc p,
194 section#desc li { padding: 0; text-align: justify; }
195
196 section#desc ul li { list-style-type: disc; }
197
198 section#desc p code, .light section#desc li code {
199 padding: 0.3ex; border-radius: 0.3ex; background-color: hsla(0, 0%, 70%, 0.3); }
200
201 section#desc p,
202 section#desc ul,
203 section#desc ol,
204 section#desc dl,
205 section#desc table,
206 section#desc blockquote,
207 section#desc pre {
208 margin: 0.5rem 0; }
209
210 section#desc ul ul,
211 section#desc ol ol,
212 section#desc ul ol,
213 section#desc ol ul {
214 margin: 0; }
215
216 section#desc hr {
217 margin: 0; border: none; padding: 1.25rem 0 0; }
218
219 section#desc ul, section#desc ol { padding: 0 0 0 1.25em; }