]> git.deb.at Git - deb/packages.git/blob - static/debpkg.css
Screenshot in sized div to make loading smoother
[deb/packages.git] / static / debpkg.css
1 /*
2         http://www.debian.org Stylesheet
3
4         Copyright 2011 Kalle Söderman
5
6         This stylesheet is free software; you can redistribute it and/or modify it
7         under the terms of the GNU General Public License, version 2, as published by
8         the Free Software Foundation.
9
10         This program is distributed in the hope that it will be useful, but WITHOUT ANY
11         WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR A
12         PARTICULAR PURPOSE. See the GNU General Public License for more details.
13
14         You should have received a copy of the GNU General Public License along with
15         this program; if not, write to the Free Software Foundation, Inc., 51 Franklin
16         Street, Fifth Floor, Boston, MA 02110-1301 USA.
17
18         The license text can also be found at http://www.gnu.org/copyleft/gpl.html and
19         /usr/share/common-licenses/GPL-2 on Debian GNU/Linux.  
20 */
21
22 @import url("debian.css");
23
24 #footer {
25         padding-right: 10px;
26         margin-left: 52px;
27 }
28 #pnavbar {
29         font-size: 0.75em;
30         background-color: transparent;
31         background-color: #f5f6f7;
32         margin:0;       
33         padding: 6px 0.25em 7px  0.25em;
34         border-bottom: 1px solid #d2d3d7 ;
35         text-transform:lowercase;
36         line-height: 1;
37 }
38 #pmoreinfo {
39         width: 20em;
40         float:right;
41         padding:0 0 0 0.5em;
42         margin: 0 0 10px 0.5em;
43         border-left:1px solid #a9abb3;
44         font-size: 0.75em;
45         line-height: 2;
46 }
47 #pmoreinfo a {
48         text-decoration: none;
49 }
50 #pmoreinfo div.screenshot {
51         min-height: 120px;
52 }
53 #pmoreinfo a:hover {
54         text-decoration: underline;
55 }
56 #pmoreinfo ul {
57         list-style:none;
58         margin: 0;
59 }
60 #pmoreinfo ul ul {
61         margin:0;
62 }
63 #pmoreinfo li {
64         font-weight: normal;
65 }
66 #pmoreinfo p {
67 }
68 #pmoreinfo h2 {
69         font-size: 1em; 
70         font-weight: bold;
71         line-height: 2;
72         margin:0;
73 }
74 #pmoreinfo h3 {
75         font-size: 1em;
76         font-weight: normal;
77         line-height: 2;
78         margin:0;
79 }
80 #packagesearch #breadcrumbs {
81         margin-bottom: 0;
82 }
83         
84 #hpacketsearch form {
85         margin:0; padding:0;
86 }
87 #hpacketsearch {
88         background: transparent;
89         display:block;
90         padding: 1px 3px 1px 0;
91         text-align: right;
92 }
93 .perror
94 , #psearchtoomanyhits {
95         padding:0 2em 0 4em;
96         margin: 1.85em 0 1.85em 0;
97         background-repeat: no-repeat;
98         background-position: 0.5em 1em;
99         font-size: 0.75em;
100         line-height: 2em;
101         background-color:#FFFFCB;
102         border:0.15em solid #CCCCA3;
103 }
104 #psearchtoomanyhits {
105         background-image: url('Pics/admon-note.png');
106 }
107 .perror p {
108         margin-bottom: 0;
109 }
110 div.warning {
111         background-image: url('Pics/admon-warning.png');
112 }
113 #psearchres h2 {
114         background-image: url('Pics/reddot.png');
115         background-repeat: repeat-x;
116         background-position: top left;
117         padding: 0.5em 0 0 0;
118         margin: 0.5em 0 1em 0;
119 }
120 #psearchres
121 , #pcontentsres {
122         padding-top: 0;
123 }
124 #pcontentsres tr {
125         text-align: left;
126 }
127 #pcontentsres td {
128         padding-right: 1.5em;
129 }
130 #pcontentsres {
131         margin-bottom: 1.5em;
132         }
133 #psearchres h3{
134 }
135 #psearchres ul li{
136 }
137 .file {
138         font-family: monospace;
139 }
140 div#pothers {
141         margin-top:0.25em;
142         float: right;
143 }
144 #pothers a, #pothers strong {
145 }
146 #psearchsug {
147         font-size:      0.75em;
148         margin: 0;
149         line-height: 2;
150         background-image: url('Pics/reddot.png');
151         background-repeat: repeat-x;
152         background-position: bottom left;
153 }       
154 #psearchsug p {
155         margin: 0;
156 }
157 #psearchsug ul {
158         margin: 1em 0 1em 0;
159         }
160
161 /* Package sidebar */
162 #ptablist {
163 }
164
165 /*      Package dependencies */
166
167 #pdeplegend {
168         font-weight:bold;
169         padding: 0 0.5em 0 0;
170         border:1px solid #a9abb3;
171 }
172 #pdeplegend img {
173         margin-left: 1em;
174 }
175 #pdeplegend tr,#pdeplegend ul,#pdeplegend li {
176         margin:0; padding:0;
177 }
178 #pdeplegend td {
179         padding-left: 1.5em;
180         padding-right: 1em;
181 }
182 #pdeps dd {
183         margin:0;
184         padding:0;
185 }
186 #pdeps dt {
187 }
188
189 #pdeplegend ul.uldep
190 , #pdeplegend ul.uladep
191 , #pdeplegend ul.ulrec
192 , #pdeplegend ul.ulidep
193 , #pdeplegend ul.ulsug {
194         margin-left: 0.5em;
195         list-style-position: inside;
196 }
197
198 #pdeps ul.uldep, #pdeps ul.uladep {
199         list-style-type: disc;
200         list-style-image: url(Pics/dep.png);
201 }
202 #pdeps ul.ulrec, #pdeps ul.ulidep {
203         list-style-type: square;
204         list-style-image: url(Pics/rec.png);
205 }
206 #pdeps ul.ulsug {
207         list-style-type: circle;
208         list-style-image: url(Pics/sug.png);
209 }
210 #pdownload {
211         text-align: left;
212         margin-right: 18em;
213 }
214 #pdownload table {
215         text-align:left;
216         margin-bottom: 2em;
217         border-bottom: 1px solid #a9abb3;
218         border-top: 1px solid #a9abb3;
219         width: 100%;
220 }
221 #pdownload td{
222         border-top: 1px solid #a9abb3;
223 }
224 #pdeplegend td li {
225         padding-left:0;
226 }
227 #pdeplegend td
228  ,#pdeplegend tr
229  ,#pdeplegend table
230  ,#pdeplegend ul
231  ,#pdeplegend li
232  ,#pdeplegend tbody {
233         margin:0;
234         padding:0;
235 }
236 .pkgreport #pdeplegend td li {
237         margin:0.25em 0 0 2em;
238 }
239 #ptags {
240         font-size: 0.75em;
241         margin: 0 22em 0 2em;
242         line-height: 2;
243 }
244 .card {
245         clear:both;
246         margin:2em 0 2em 0;
247         background-position: 0 -50px;
248         background-repeat: repeat-x;
249         padding:8px 0 8px 0;
250 }
251 .card ul {
252         margin:0.5em 0 1em 0;
253 }
254 .card ul li {
255         list-style:none;
256 }
257 .card h2 {
258         margin:0;
259 }
260 #lefthalfcol {
261         float:left;
262         width: 50%;
263         padding-right: 1em;
264         margin:0;
265 }
266 #righthalfcol {
267         margin:0;
268         margin-left:50%;
269         padding-left: 1em;
270 }
271 #lefthalfcol dl
272 , #righthalfcol dl {
273         margin-top: 0;
274 }
275 #lefthalfcol dd
276 , #righthalfcol dd {
277         margin-bottom: 1em;
278 }       
279 .lefthalf ul {
280         margin-top:0;
281 }
282 strong.pmarker {
283         padding: 0 0.25em 0 0.25em;
284 }
285 span.keyword {
286                 color: #444;
287                 font-weight: bold;
288                 letter-spacing: 0.05em;
289 }
290 h1 strong.pmarker {
291         font-weight: normal;
292 }
293 .psearch-other-hits {
294                 margin-top: 1em;
295 }