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