rev |
line source |
al@762
|
1 /**
|
al@762
|
2 * CSS style for TazPkg/TazPanel - (C) 2011-2015 SliTaz GNU/Linux
|
al@762
|
3 */
|
al@762
|
4
|
al@737
|
5
|
al@747
|
6 /**
|
al@747
|
7 * Sidebar menus
|
al@747
|
8 */
|
al@737
|
9
|
al@747
|
10 #content-sidebar {
|
al@763
|
11 margin-right: 140px; /* sidebar width */
|
al@763
|
12 padding: 5px;
|
al@747
|
13 }
|
al@737
|
14
|
al@763
|
15 #sidebar { /* full width = width(139) + h-padding(0) + border(1) = 140px */
|
al@755
|
16 position: fixed; top: 65px; bottom: 0; right: 0;
|
al@763
|
17 width: 139px; padding: 0;
|
al@755
|
18 border-left: 1pt solid;
|
al@747
|
19 overflow-y: auto; overflow-x: hidden; /* for tiny screens */
|
al@737
|
20 }
|
al@737
|
21
|
al@737
|
22 #sidebar h4 {
|
al@747
|
23 margin: 0; padding: 0;
|
al@737
|
24 font-size: 16px; color: #222;
|
al@737
|
25 text-align: center;
|
al@737
|
26 }
|
al@737
|
27
|
al@762
|
28
|
al@762
|
29 /**
|
al@762
|
30 * Sidebar category selector
|
al@762
|
31 */
|
al@762
|
32
|
al@763
|
33 #sidebar input[type="radio"] { display: none; }
|
al@763
|
34 #sidebar label { display: block; padding-left: 5px; }
|
al@763
|
35 #sidebar input+label:nth-child(4n) { background-color: hsla(0, 0%, 50%, 0.1); }
|
al@763
|
36 #sidebar input:checked+label { background-color: hsla(0, 0%, 50%, 0.5); }
|
al@747
|
37
|
al@747
|
38 /* sidebar links */
|
al@740
|
39 #sidebar a {
|
al@739
|
40 display: inline-block;
|
al@739
|
41 padding: 0 0 0 0.5em; margin: 0;
|
al@762
|
42 color: CaptionText;
|
al@739
|
43 font-size: small;
|
al@739
|
44 width: 100%;
|
al@739
|
45 }
|
al@739
|
46
|
al@737
|
47
|
al@762
|
48
|
al@762
|
49
|
al@762
|
50
|
al@747
|
51 /**
|
al@747
|
52 * List of packages
|
al@747
|
53 */
|
al@737
|
54
|
al@747
|
55 /* not break the line */
|
al@763
|
56 .pkglist td:nth-child(1),
|
al@747
|
57 .filelist td:nth-child(1) { white-space: nowrap; }
|
al@718
|
58
|
al@763
|
59 .pkglist td:nth-child(1) a,
|
al@747
|
60 .filelist td:nth-child(1) a { max-width: 12em; }
|
al@763
|
61 .pkglist td:nth-child(2) { max-width: 7em; }
|
al@759
|
62 /*.filelist td:nth-child(2) { white-space: pre-wrap; }*/
|
al@719
|
63
|
al@747
|
64 /* ellipsize content of 1st and 2nd columns */
|
al@763
|
65 .pkglist td:nth-child(1) a,
|
al@763
|
66 .pkglist td:nth-child(2),
|
al@747
|
67 .filelist td:nth-child(1) a,
|
al@747
|
68 .filelist td:nth-child(2) {
|
al@719
|
69 white-space: nowrap;
|
al@719
|
70 overflow: hidden;
|
al@719
|
71 text-overflow: ellipsis; -o-text-overflow: ellipsis;
|
al@747
|
72 }
|
al@719
|
73
|
al@755
|
74 /*
|
al@755
|
75 .pkglist tr { border-bottom: 1pt solid; }
|
al@755
|
76 .pkglist, .pkglist thead { border: 1.5pt solid!important; }
|
al@723
|
77
|
al@755
|
78 .light .pkglist tr { border-color: rgba(92, 92, 92, 0.1); }
|
al@755
|
79 .light .pkglist, .light .pkglist thead { border-color: rgba(92, 92, 92, 0.1)!important; }
|
al@744
|
80
|
al@755
|
81 .dark .pkglist tr { border-color: #111; }
|
al@755
|
82 .dark .pkglist, .dark .pkglist thead, .dark .hborders thead tr { border-color: #333!important; }
|
al@755
|
83 */
|
al@744
|
84
|
al@755
|
85 /* Fixed table header */
|
al@755
|
86 #head1h { display: none; position: fixed; }
|
al@744
|
87
|
al@747
|
88
|
al@763
|
89
|
al@763
|
90
|
al@763
|
91
|
al@747
|
92 /**
|
al@747
|
93 * Summary table
|
al@747
|
94 */
|
al@747
|
95
|
al@747
|
96 /* to have minimal width of first column */
|
al@747
|
97 .summary td:nth-child(1) { width:10%; white-space: nowrap; }
|
al@747
|
98
|
al@763
|
99
|
al@747
|
100
|
al@747
|
101
|
al@747
|
102
|
al@747
|
103 /**
|
al@747
|
104 * Pager
|
al@747
|
105 */
|
al@726
|
106
|
al@761
|
107 .pages {
|
al@747
|
108 display: inline-block;
|
al@726
|
109 padding: 0.5ex;
|
al@726
|
110 margin: 0.5ex 0;
|
al@763
|
111 border: 1px solid hsla(0, 0%, 0%, 0.5);
|
al@726
|
112 width: 3ex;
|
al@726
|
113 text-align: center;
|
al@747
|
114 }
|
al@763
|
115 .dark .pages { background-color: #222; }
|
al@763
|
116 .light .pages { background-color: #CCC; }
|
al@761
|
117 .pages:hover {
|
al@763
|
118 //border: 1px solid #F94;
|
al@763
|
119 //background: #F94;
|
al@763
|
120 //color: black;
|
al@763
|
121 box-shadow: 0 0 2pt 0 hsl(0, 0%, 50%);
|
al@747
|
122 }
|
al@762
|
123 .pages.current, .pages.current:hover {
|
al@726
|
124 font-weight: bold;
|
al@726
|
125 border: 1px solid #07F;
|
al@726
|
126 background: #07F;
|
al@726
|
127 color: #eee;
|
al@747
|
128 }
|
al@731
|
129
|
al@747
|
130
|
al@747
|
131
|
al@763
|
132
|
al@763
|
133
|
al@747
|
134 /*
|
al@747
|
135 * Tags
|
al@747
|
136 */
|
al@755
|
137
|
al@747
|
138 #tags { text-align: center; }
|
al@731
|
139 a.tag1 { font-size: 0.9em; color: #678; }
|
al@731
|
140 a.tag2 { font-size: 1.0em; color: #444; }
|
al@731
|
141 a.tag3 { font-size: 1.1em; color: #16A; }
|
al@731
|
142 a.tag4 { font-size: 1.3em; color: #282; }
|
al@731
|
143 a.tag5 { font-size: 1.5em; color: #828; }
|
al@731
|
144 a.tag6 { font-size: 1.8em; color: #862; }
|
al@731
|
145 a.tag7 { font-size: 2.1em; color: #FA0; }
|
al@731
|
146 a.tag8 { font-size: 2.4em; color: #F00; }
|
al@747
|
147 #tags a {
|
al@731
|
148 display: inline-block;
|
al@731
|
149 white-space: nowrap;
|
al@731
|
150 vertical-align: middle;
|
al@731
|
151 padding: 0.2em 0.5em;
|
al@731
|
152 }
|
al@747
|
153 #tags a:hover {
|
al@747
|
154 outline: 1.5pt solid #FC8;
|
al@747
|
155 }
|
al@731
|
156
|
al@747
|
157
|
al@747
|
158
|
al@744
|
159
|
al@747
|
160
|
al@747
|
161 /* Disable too much borders */
|
al@755
|
162 section .hborders thead tr { border-top: none; border-bottom: 1pt solid #DDD; }
|