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