html/show.tmpl: Improve dependency list readability for blind people

[deb/packages.git] / static / packages.css.sed.in

diff --git a/static/packages.css.sed.in b/static/packages.css.sed.in
index 9cfd0c3c987e94381e588f75b1c699876b47db44..bf44d3d1c0f682f8dc04c0c71f8ebd1290c5976d 100644 (file)
--- a/static/packages.css.sed.in
+++ b/static/packages.css.sed.in
@@ -1,3 +1,11 @@
+@media handheld, print, projection, screen, tv {
+       .nonvisual { display: none; }
+}
+
+@media braille, embossed, speech, tty {
+       .visual { display: none; }
+}
+
 #hpacketsearch {
        display: block;
        padding-top: 1px;
@@ -28,7 +36,7 @@ h1 {
        clear: both;
 }
 
-#pdesc, #ptags, #pdeps, #pdownload {
+#pdesc, #pbinaries, #ptags, #pdeps, #pdownload {
        margin-left: 1em;
        margin-right: 1em;
 }
@@ -82,12 +90,12 @@ h1 {
 }
 
 #pdeps ul.ulrec, #pdeps ul.ulidep {
-       list-style-type: disc;
+       list-style-type: square;
        list-style-image: url(http://%SITE%/Pics/rec.gif);
 }
 
 #pdeps ul.ulsug {
-       list-style-type: disc;
+       list-style-type: circle;
        list-style-image: url(http://%SITE%/Pics/sug.gif);
 }
 
@@ -173,7 +181,7 @@ table#pdeplegend, #pdownload table {
        font-family: monospace;
 }
 #pdownload p {
-       display: inline;
+       margin-left: 1em;
 }
 
 #pdownloadnotes {
@@ -183,6 +191,15 @@ table#pdeplegend, #pdownload table {
 #pdownloadmeta tr {
        text-align: left;
 }
+#pdownload .vcurrent {
+       background-color: #bfb;
+}
+#pdownload .volder {
+       background-color: #ffb;
+}
+#pdownload .vold {
+       background-color: #fbb;
+}
 
 /*
 
@@ -316,6 +333,18 @@ table#pdeplegend, #pdownload table {
 #pnavbar a:hover {
 }
 
+#ptablist ul {
+       display: inline;
+       list-style-type: none; 
+       padding-left:  0px;
+       line-height: 1.5em;
+}
+#ptablist ul li {
+       display: inline;
+       margin: 0 .25em;
+       white-space: nowrap;
+}
+
 .p_js_elem { 
              font-size: smaller;
 }