rev |
line source |
al@755
|
1 /*body { -webkit-appearance: window; }*/
|
al@737
|
2
|
al@747
|
3 /**
|
al@747
|
4 * Sidebar menus
|
al@747
|
5 */
|
al@737
|
6
|
al@747
|
7 #content-sidebar {
|
al@747
|
8 margin-right: 138px; /* sidebar width */
|
al@747
|
9 padding: 10px;
|
al@747
|
10 }
|
al@737
|
11
|
al@747
|
12 #sidebar { /* full width = width(132) + h-padding(5) + border(1) = 138px */
|
al@755
|
13 position: fixed; top: 65px; bottom: 0; right: 0;
|
al@747
|
14 width: 132px; padding: 5px 5px 0 0;
|
al@755
|
15 border-left: 1pt solid;
|
al@747
|
16 overflow-y: auto; overflow-x: hidden; /* for tiny screens */
|
al@737
|
17 }
|
al@737
|
18
|
al@737
|
19 #sidebar h4 {
|
al@747
|
20 margin: 0; padding: 0;
|
al@737
|
21 font-size: 16px; color: #222;
|
al@737
|
22 text-align: center;
|
al@737
|
23 }
|
al@737
|
24
|
al@747
|
25 /* hack to remove unwanted scrollbar from multiline selector */
|
al@738
|
26 .select_wrap {
|
al@737
|
27 display: inline-block;
|
al@738
|
28 vertical-align: top;
|
al@738
|
29 overflow: hidden;
|
al@737
|
30 }
|
al@738
|
31 .select_wrap select {
|
al@738
|
32 padding: 5px;
|
al@738
|
33 margin:-5px -20px -5px -5px;
|
al@747
|
34 width: 162px; /* sidebar:(138px) + this h-margin:(20px+5px) */
|
al@738
|
35 font-size: small;
|
al@737
|
36 }
|
al@737
|
37
|
al@747
|
38 /* zebra on selector */
|
al@738
|
39 select option:nth-child(even) {
|
al@738
|
40 background-color: rgba(0,0,0,0.05);
|
al@737
|
41 }
|
al@737
|
42
|
al@747
|
43
|
al@747
|
44 /* sidebar links */
|
al@740
|
45 #sidebar a {
|
al@739
|
46 display: inline-block;
|
al@739
|
47 padding: 0 0 0 0.5em; margin: 0;
|
al@747
|
48 color: #000;
|
al@739
|
49 font-size: small;
|
al@739
|
50 width: 100%;
|
al@739
|
51 }
|
al@739
|
52
|
al@737
|
53
|
al@747
|
54 /**
|
al@747
|
55 * List of packages
|
al@747
|
56 */
|
al@737
|
57
|
al@718
|
58 /* links classes:
|
al@718
|
59 * pkg - package (not installed);
|
al@718
|
60 * pkgi - package (installed);
|
al@718
|
61 * pkgib - package (installed and blocked);
|
al@718
|
62 * w - web site
|
al@718
|
63 *
|
al@718
|
64 * you can style links using icons and/or color
|
al@718
|
65 */
|
al@718
|
66
|
al@747
|
67 a.pkg { background: url(images/tp-new.png) no-repeat left; }
|
al@747
|
68 a.pkgi { background: url(images/tp-pkgi.png) no-repeat left; }
|
al@747
|
69 a.pkgib { background: url(images/tp-pkgib.png) no-repeat left; color: red; }
|
al@755
|
70 a.w::before, .pkglist td:nth-child(4) a::before {
|
al@755
|
71 font-family: TazPanel; content: 'web';
|
al@755
|
72
|
al@755
|
73 vertical-align: baseline;
|
al@755
|
74 padding: 0 0.2rem 0 0;
|
al@755
|
75 font-size: 1rem;
|
al@755
|
76
|
al@755
|
77 font-style: normal;
|
al@755
|
78 font-weight: normal;
|
al@755
|
79 font-variant: normal;
|
al@755
|
80 text-transform: none;
|
al@755
|
81 line-height: 1;
|
al@755
|
82 display: inline-block;
|
al@755
|
83 text-decoration: none;
|
al@755
|
84 width: 1rem; text-align: center;
|
al@755
|
85
|
al@755
|
86 -webkit-text-rendering: optimizeLegibility;
|
al@755
|
87 -moz-text-rendering: optimizeLegibility;
|
al@755
|
88 -ms-text-rendering: optimizeLegibility;
|
al@755
|
89 -o-text-rendering: optimizeLegibility;
|
al@755
|
90 text-rendering: optimizeLegibility;
|
al@755
|
91
|
al@755
|
92 -webkit-font-smoothing: antialiased;
|
al@755
|
93 -moz-font-smoothing: antialiased;
|
al@755
|
94 -ms-font-smoothing: antialiased;
|
al@755
|
95 -o-font-smoothing: antialiased;
|
al@755
|
96 font-smoothing: antialiased;
|
al@755
|
97 }
|
al@718
|
98
|
al@720
|
99 a.pkg, a.pkgi, a.pkgib, a.w, .pkglist td:nth-child(4) a {
|
al@718
|
100 margin: 0; padding: 0 0 0 17px;
|
al@718
|
101 min-height: 16px; min-width: 16px;
|
al@747
|
102 display: inline-block;
|
al@747
|
103 }
|
al@718
|
104
|
al@755
|
105
|
al@755
|
106
|
al@747
|
107 /* not break the line */
|
al@755
|
108 .pkglist td:nth-child(1),
|
al@747
|
109 .filelist td:nth-child(1) { white-space: nowrap; }
|
al@718
|
110
|
al@755
|
111 .pkglist td:nth-child(1) a,
|
al@747
|
112 .filelist td:nth-child(1) a { max-width: 12em; }
|
al@755
|
113 .pkglist td:nth-child(2) { max-width: 7em; }
|
al@747
|
114 .filelist td:nth-child(2) { max-width: 30em; }
|
al@719
|
115
|
al@747
|
116 /* ellipsize content of 1st and 2nd columns */
|
al@755
|
117 .pkglist td:nth-child(1) a,
|
al@755
|
118 .pkglist td:nth-child(2),
|
al@747
|
119 .filelist td:nth-child(1) a,
|
al@747
|
120 .filelist td:nth-child(2) {
|
al@719
|
121 white-space: nowrap;
|
al@719
|
122 overflow: hidden;
|
al@719
|
123 text-overflow: ellipsis; -o-text-overflow: ellipsis;
|
al@747
|
124 }
|
al@719
|
125
|
al@755
|
126 /*
|
al@755
|
127 .pkglist tr { border-bottom: 1pt solid; }
|
al@755
|
128 .pkglist, .pkglist thead { border: 1.5pt solid!important; }
|
al@723
|
129
|
al@755
|
130 .light .pkglist tr { border-color: rgba(92, 92, 92, 0.1); }
|
al@755
|
131 .light .pkglist, .light .pkglist thead { border-color: rgba(92, 92, 92, 0.1)!important; }
|
al@744
|
132
|
al@755
|
133 .dark .pkglist tr { border-color: #111; }
|
al@755
|
134 .dark .pkglist, .dark .pkglist thead, .dark .hborders thead tr { border-color: #333!important; }
|
al@755
|
135 */
|
al@744
|
136
|
al@755
|
137 /* Fixed table header */
|
al@755
|
138 #head1h { display: none; position: fixed; }
|
al@744
|
139
|
al@747
|
140
|
al@747
|
141 /**
|
al@747
|
142 * Summary table
|
al@747
|
143 */
|
al@747
|
144
|
al@747
|
145 /* to have minimal width of first column */
|
al@747
|
146 .summary td:nth-child(1) { width:10%; white-space: nowrap; }
|
al@747
|
147
|
al@747
|
148 /* light blue links on summary table */
|
al@747
|
149 .summary a { color: #248; }
|
al@747
|
150
|
al@747
|
151
|
al@747
|
152
|
al@747
|
153 /**
|
al@747
|
154 * Pager
|
al@747
|
155 */
|
al@726
|
156
|
al@726
|
157 a.pages {
|
al@747
|
158 display: inline-block;
|
al@726
|
159 padding: 0.5ex;
|
al@726
|
160 margin: 0.5ex 0;
|
al@726
|
161 border: 1px solid #AAA;
|
al@726
|
162 width: 3ex;
|
al@726
|
163 text-align: center;
|
al@747
|
164 }
|
al@726
|
165 a.pages:hover {
|
al@726
|
166 border: 1px solid #F94;
|
al@726
|
167 background: #F94;
|
al@726
|
168 color: black;
|
al@747
|
169 }
|
al@726
|
170 a.pages.current, a.pages.current:hover {
|
al@726
|
171 font-weight: bold;
|
al@726
|
172 border: 1px solid #07F;
|
al@726
|
173 background: #07F;
|
al@726
|
174 color: #eee;
|
al@747
|
175 }
|
al@731
|
176
|
al@747
|
177
|
al@747
|
178
|
al@747
|
179 /*
|
al@747
|
180 * Tags
|
al@747
|
181 */
|
al@755
|
182
|
al@747
|
183 #tags { text-align: center; }
|
al@731
|
184 a.tag1 { font-size: 0.9em; color: #678; }
|
al@731
|
185 a.tag2 { font-size: 1.0em; color: #444; }
|
al@731
|
186 a.tag3 { font-size: 1.1em; color: #16A; }
|
al@731
|
187 a.tag4 { font-size: 1.3em; color: #282; }
|
al@731
|
188 a.tag5 { font-size: 1.5em; color: #828; }
|
al@731
|
189 a.tag6 { font-size: 1.8em; color: #862; }
|
al@731
|
190 a.tag7 { font-size: 2.1em; color: #FA0; }
|
al@731
|
191 a.tag8 { font-size: 2.4em; color: #F00; }
|
al@747
|
192 #tags a {
|
al@731
|
193 display: inline-block;
|
al@731
|
194 white-space: nowrap;
|
al@731
|
195 vertical-align: middle;
|
al@731
|
196 padding: 0.2em 0.5em;
|
al@731
|
197 }
|
al@747
|
198 #tags a:hover {
|
al@747
|
199 outline: 1.5pt solid #FC8;
|
al@747
|
200 }
|
al@731
|
201
|
al@747
|
202
|
al@747
|
203
|
al@744
|
204 .button img {
|
al@744
|
205 padding: 0 4px 0 0;
|
al@744
|
206 }
|
al@744
|
207
|
al@747
|
208
|
al@747
|
209 /* Disable too much borders */
|
al@755
|
210 section .hborders thead tr { border-top: none; border-bottom: 1pt solid #DDD; }
|
al@747
|
211
|
al@747
|
212
|
al@747
|
213
|
al@747
|
214
|
al@755
|
215 /* •‣⁕←↑→↓↔↕↥↯↶↷↺↻⇄⇅⇈⌫⏏█▶▷▸▹►▻▪▫◯●◻◼◽◾☐☑☒♺♻⚙⚠⚡⚪⚫✉✎✏✐✓✔✕✖✗✘❖➤➜➝➛⟲⟳⧎ */
|