rev |
line source |
al@747
|
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@747
|
13 position: fixed; top: 60px; bottom: 0; right: 0;
|
al@747
|
14 width: 132px; padding: 5px 5px 0 0;
|
al@744
|
15 border-left: 1pt solid #AAA;
|
al@744
|
16 background-color: #EEE;
|
al@747
|
17 overflow-y: auto; overflow-x: hidden; /* for tiny screens */
|
al@737
|
18 }
|
al@737
|
19
|
al@737
|
20 #sidebar h4 {
|
al@747
|
21 margin: 0; padding: 0;
|
al@737
|
22 font-size: 16px; color: #222;
|
al@737
|
23 text-align: center;
|
al@737
|
24 }
|
al@737
|
25
|
al@747
|
26 /* hack to remove unwanted scrollbar from multiline selector */
|
al@738
|
27 .select_wrap {
|
al@737
|
28 display: inline-block;
|
al@738
|
29 vertical-align: top;
|
al@738
|
30 overflow: hidden;
|
al@737
|
31 }
|
al@738
|
32 .select_wrap select {
|
al@738
|
33 padding: 5px;
|
al@738
|
34 margin:-5px -20px -5px -5px;
|
al@747
|
35 width: 162px; /* sidebar:(138px) + this h-margin:(20px+5px) */
|
al@738
|
36 font-size: small;
|
al@737
|
37 }
|
al@737
|
38
|
al@747
|
39 /* zebra on selector */
|
al@738
|
40 select option:nth-child(even) {
|
al@738
|
41 background-color: rgba(0,0,0,0.05);
|
al@737
|
42 }
|
al@737
|
43
|
al@747
|
44 option:checked { color: red; font-weight: bold; background-color: orange; }
|
al@747
|
45
|
al@747
|
46 /* sidebar links */
|
al@740
|
47 #sidebar a {
|
al@739
|
48 display: inline-block;
|
al@739
|
49 padding: 0 0 0 0.5em; margin: 0;
|
al@747
|
50 color: #000;
|
al@739
|
51 font-size: small;
|
al@739
|
52 width: 100%;
|
al@739
|
53 }
|
al@739
|
54
|
al@737
|
55
|
al@747
|
56 /**
|
al@747
|
57 * List of packages
|
al@747
|
58 */
|
al@737
|
59
|
al@718
|
60 /* links classes:
|
al@718
|
61 * pkg - package (not installed);
|
al@718
|
62 * pkgi - package (installed);
|
al@718
|
63 * pkgib - package (installed and blocked);
|
al@718
|
64 * w - web site
|
al@718
|
65 *
|
al@718
|
66 * you can style links using icons and/or color
|
al@718
|
67 */
|
al@718
|
68
|
al@747
|
69 a.pkg { background: url(images/tp-new.png) no-repeat left; }
|
al@747
|
70 a.pkgi { background: url(images/tp-pkgi.png) no-repeat left; }
|
al@747
|
71 a.pkgib { background: url(images/tp-pkgib.png) no-repeat left; color: red; }
|
al@720
|
72 a.w, .pkglist td:nth-child(4) a {
|
al@747
|
73 background: url(images/tp-web.png) no-repeat left; }
|
al@718
|
74
|
al@720
|
75 a.pkg, a.pkgi, a.pkgib, a.w, .pkglist td:nth-child(4) a {
|
al@718
|
76 margin: 0; padding: 0 0 0 17px;
|
al@718
|
77 min-height: 16px; min-width: 16px;
|
al@747
|
78 display: inline-block;
|
al@747
|
79 }
|
al@718
|
80
|
al@747
|
81 /* not break the line */
|
al@747
|
82 .pkglist td:nth-child(1),
|
al@747
|
83 .filelist td:nth-child(1) { white-space: nowrap; }
|
al@718
|
84
|
al@747
|
85 .pkglist td:nth-child(1) a,
|
al@747
|
86 .filelist td:nth-child(1) a { max-width: 12em; }
|
al@747
|
87 .pkglist td:nth-child(2) { max-width: 7em; }
|
al@747
|
88 .filelist td:nth-child(2) { max-width: 30em; }
|
al@719
|
89
|
al@747
|
90 /* ellipsize content of 1st and 2nd columns */
|
al@747
|
91 .pkglist td:nth-child(1) a,
|
al@747
|
92 .pkglist td:nth-child(2),
|
al@747
|
93 .filelist td:nth-child(1) a,
|
al@747
|
94 .filelist td:nth-child(2) {
|
al@719
|
95 white-space: nowrap;
|
al@719
|
96 overflow: hidden;
|
al@719
|
97 text-overflow: ellipsis; -o-text-overflow: ellipsis;
|
al@747
|
98 }
|
al@719
|
99
|
al@723
|
100
|
al@744
|
101 .pkglist tr { border-bottom: 1pt solid #DDD; }
|
al@744
|
102
|
al@747
|
103 .pkglist, .pkglist thead { border: 1.5pt solid #BBB!important; }
|
al@744
|
104
|
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@726
|
123 a.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@726
|
131 a.pages:hover {
|
al@726
|
132 border: 1px solid #F94;
|
al@726
|
133 background: #F94;
|
al@726
|
134 color: black;
|
al@747
|
135 }
|
al@726
|
136 a.pages.current, a.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@747
|
148 #tags { text-align: center; }
|
al@731
|
149 a.tag1 { font-size: 0.9em; color: #678; }
|
al@731
|
150 a.tag2 { font-size: 1.0em; color: #444; }
|
al@731
|
151 a.tag3 { font-size: 1.1em; color: #16A; }
|
al@731
|
152 a.tag4 { font-size: 1.3em; color: #282; }
|
al@731
|
153 a.tag5 { font-size: 1.5em; color: #828; }
|
al@731
|
154 a.tag6 { font-size: 1.8em; color: #862; }
|
al@731
|
155 a.tag7 { font-size: 2.1em; color: #FA0; }
|
al@731
|
156 a.tag8 { font-size: 2.4em; color: #F00; }
|
al@747
|
157 #tags a {
|
al@731
|
158 display: inline-block;
|
al@731
|
159 white-space: nowrap;
|
al@731
|
160 vertical-align: middle;
|
al@731
|
161 padding: 0.2em 0.5em;
|
al@731
|
162 }
|
al@747
|
163 #tags a:hover {
|
al@747
|
164 outline: 1.5pt solid #FC8;
|
al@747
|
165 }
|
al@731
|
166
|
al@747
|
167
|
al@747
|
168
|
al@747
|
169 /*
|
al@747
|
170 * Action buttons panel
|
al@747
|
171 */
|
al@744
|
172 #actions {
|
al@747
|
173 background-color: rgba(229,229,229,0.5);
|
al@747
|
174 margin: 0; padding: 0.2rem 0.3rem!important;
|
al@747
|
175 border: 1pt solid #CCC;
|
al@747
|
176 border-radius: 0.3rem;
|
al@747
|
177 overflow: auto; /* provide break after floated objects */
|
al@744
|
178 }
|
al@744
|
179 .button img {
|
al@744
|
180 padding: 0 4px 0 0;
|
al@744
|
181 }
|
al@744
|
182
|
al@747
|
183
|
al@747
|
184 /* "articles" are used in the admin page */
|
al@747
|
185 article, fieldset {
|
al@747
|
186 display: block;
|
al@747
|
187 border: 1pt solid rgba(128, 128, 128, 0.5);
|
al@747
|
188 border-radius: 0.3rem;
|
al@747
|
189 padding: 0.3rem 0.3rem 0 0.3rem;
|
al@747
|
190 margin: 0.5rem 0;
|
al@747
|
191 background-color: rgba(128, 128, 128, 0.2);
|
al@747
|
192 }
|
al@747
|
193 article h3 {
|
al@747
|
194 padding: 0.3rem; margin: -0.3rem;
|
al@747
|
195 border-bottom: 1pt solid rgba(128, 128, 128, 0.5);
|
al@747
|
196 border-radius: 0.3rem 0.3rem 0 0;
|
al@747
|
197 background-color: rgba(128, 128, 128, 0.3);
|
al@747
|
198 }
|
al@747
|
199 legend {
|
al@747
|
200 font-weight: bold;
|
al@747
|
201 }
|
al@747
|
202 /* Disable too much borders */
|
al@747
|
203 article pre, article table { border: none }
|
al@747
|
204
|
al@747
|
205
|
al@747
|
206 /*
|
al@747
|
207 * Search block
|
al@747
|
208 */
|
al@747
|
209 .search {
|
al@747
|
210 position: fixed; right: 10px; top: 8px;
|
al@747
|
211 height: 25px;
|
al@747
|
212 border-radius: 4px;
|
al@747
|
213 background-color: #FFF;
|
al@747
|
214 padding: 0; margin: 0;
|
al@747
|
215 }
|
al@747
|
216 .search input {
|
al@747
|
217 height: 100%;
|
al@747
|
218 margin: 0; padding: 4px;
|
al@747
|
219 /*outline: none;*/
|
al@747
|
220 }
|
al@747
|
221 .search input:nth-child(1) {
|
al@747
|
222 width: 200px;
|
al@747
|
223 border: none;
|
al@747
|
224 -webkit-appearance: none; /* remove borders for input type="search" */
|
al@747
|
225 }
|
al@747
|
226 .search input:nth-child(2), .search input:nth-child(3) { -webkit-appearance: push-button; }
|
al@747
|
227
|
al@747
|
228 .search input:nth-child(1) {
|
al@747
|
229 border-radius: 4px 0 0 4px;
|
al@747
|
230 -moz-border-radius: 4px 0 0 4px;
|
al@747
|
231 -webkit-border-radius: 4px 0 0 4px;
|
al@747
|
232 }
|
al@747
|
233 .search input:nth-child(2) { border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; }
|
al@747
|
234 .search input:nth-child(3) {
|
al@747
|
235 border-top-left-radius: 0; border-bottom-left-radius: 0;
|
al@747
|
236 -moz-border-top-left-radius: 0; -moz-border-bottom-left-radius: 0;
|
al@747
|
237 -webkit-border-top-left-radius: 0; -webkit-border-bottom-left-radius: 0;
|
al@747
|
238 }
|
al@747
|
239
|