I think this should fix all css problems.

1 files changed, 125 insertions, 35 deletions

diff --git a/media/archweb.css b/media/archweb.css
index cb962648..bfb712f8 100644
--- a/media/archweb.css
+++ b/media/archweb.css
@@ -53,7 +53,7 @@ pre {
     border: 1px solid #bdb;
     background: #dfd;
     padding: 0.5em;
-    margin: 0.25em 2em;
+    margin: 1em;
 }
 
     pre code {
@@ -70,18 +70,15 @@ input {
 }
 
 select[multiple] {
-    padding-top: 1px;
-    padding-bottom: 1px;
+    padding: 1px 0;
 }
 
     select[multiple] option {
-        padding-left: 0.3em;
-        padding-right: 0.5em;
+        padding: 0 0.5em 0 0.3em;
     }
 
 input[type=submit] {
-    padding-left: 0.6em;
-    padding-right: 0.6em;
+    padding: 0 0.6em;
 }
 
 .clear {
@@ -134,7 +131,7 @@ h2 {
 
 h3 {
     font-size: 1.25em;
-    margin-top: 1em;
+    margin-top: .5em;
 }
 
 h4 {
@@ -266,6 +263,25 @@ table.pretty2 {
         border: 1px dotted #bbb;
     }
 
+/* definition lists */
+dl {
+    clear: both;
+}
+
+    dl dt,
+    dl dd {
+        margin-bottom: 4px;
+        padding: 8px 0px 4px;
+        font-weight: bold;
+        border-top: 1px dotted #bbb;
+    }
+
+    dl dt {
+        color: #333;
+        float:left;
+        padding-right:15px;
+    }
+
 /* forms and input styling */
 form p {
     margin: 0.5em 0;
@@ -358,7 +374,8 @@ ul.errorlist {
 }
 
     #news h3 {
-        border-bottom: 1px solid #888;
+        float: left;
+        padding-bottom: .5em
     }
 
     #news div {
@@ -375,10 +392,11 @@ ul.errorlist {
 
     #news .rss-icon {
         float: right;
-        margin: -1.6em 0.4em 0 0;
+        margin-top: 1em;
     }
 
     #news h4 {
+        clear: both;
         font-size: 1em;
         margin-top: 1.5em;
         border-bottom: 1px dotted #bbb;
@@ -390,6 +408,31 @@ ul.errorlist {
         margin: -1.8em 0.5em 0 0;
     }
 
+/* home: arrowed headings */
+#news h3 a {
+    display: block;
+    background: #787DAB;
+    font-size: 15px;
+    padding: 2px 10px;
+    color: white;
+}
+
+    #news a:active {
+        color: white;
+    }
+
+h3 span.arrow {
+    display: block;
+    width: 0px;
+    height: 0px;
+    border-left: 6px solid transparent;
+    border-right: 6px solid transparent;
+    border-top: 6px solid #787DAB;
+    margin: 0 auto;
+    font-size: 0px;
+    line-height: 0px;
+}
+
 /* home: pkgsearch box */
 #pkgsearch {
     padding: 1em 0.75em;
@@ -493,8 +536,7 @@ div.widget {
 
     .news-nav .prev,
     .news-nav .next {
-        margin-left: 1em;
-        margin-right: 1em;
+        margin: 0 1em;
     }
 
 /* news: article pages */
@@ -526,7 +568,7 @@ div#donor-list ul {
 
 /* download page */
 #arch-downloads h3 {
-    border-bottom: 1px dotted #aaa;
+    border-bottom: 1px dotted #bbb;
 }
 
 table#download-torrents .cpu-arch {
@@ -566,18 +608,6 @@ table.results {
         background-color:#fff;
     }
 
-    table.results td {
-        padding: .3em 1em .3em 3px;
-    }
-
-    table.results tr.odd {
-        background: #fff;
-    }
-
-    table.results tr.even {
-        background: #e4eeff;
-    }
-
         /* additional styles for JS sorting */
         table.results th.header {
             padding-right: 20px;
@@ -597,6 +627,18 @@ table.results {
             background-image: url(asc.gif);
         }
 
+    table.results td {
+        padding: .3em 1em .3em 3px;
+    }
+
+    table.results tr.odd {
+        background: #fff;
+    }
+
+    table.results tr.even {
+        background: #e4eeff;
+    }
+
     table.results .flagged {
         color: red;
     }
@@ -697,6 +739,10 @@ form#flag-pkg-form input[type=text] {
 }
 
 /* pkgdetails: deps, required by and file lists */
+#pkgdetails #metadata {
+    clear: both;
+}
+
 #pkgdetails #metadata h3 {
     background: #555;
     color: #fff;
@@ -756,6 +802,10 @@ div#arch-bio-toc {
     text-align: center;
 }
 
+    div#arch-bio-toc a {
+        white-space: nowrap;
+    }
+
 table.arch-bio-entry td.pic {
     vertical-align: top;
     padding-right: 15px;
@@ -784,7 +834,6 @@ table.arch-bio-entry table.bio {
     }
 
 /* dev: login/out */
-p.login-error {}
 table#dev-login {
     width: auto;
 }
@@ -795,7 +844,7 @@ form#dash-pkg-notify {
     padding: 1em 0 0;
     margin-top: 1em;
     font-size: 0.85em;
-    border-top: 1px dotted #aaa;
+    border-top: 1px dotted #bbb;
 }
 
     form#dash-pkg-notify label {
@@ -850,24 +899,31 @@ ul.admin-actions {
 }
 
 /* dev: signoff page */
-#dev-signoffs ul {
+#dev-signoffs tr:hover {
+    background: #ffd;
+}
+
+ul.signoff-list {
     list-style: none;
     margin: 0;
     padding: 0;
 }
 
-#dev-signoffs .signoff-yes {
+.signoff-yes {
     color: green;
     font-weight: bold;
 }
 
-#dev-signoffs .signoff-no {
+.signoff-no {
     color: red;
 }
 
-#dev-signoffs .signed-username {
-    color: #888;
-    margin-left: 0.5em;
+.signoff-bad {
+    color: darkorange;
+}
+
+.signoff-disabled {
+    color: gray;
 }
 
 /* iso testing feedback form */
@@ -886,8 +942,15 @@ ul.admin-actions {
 }
 
 #releng-feedback ul+.helptext {
-    position: relative;
-    top: -0.9em;
+    position: relative; top: -0.9em;
+}
+
+#releng-result .success-yes {
+    color: green;
+}
+
+#releng-result .success-no {
+    color: red;
 }
 
 /* highlight current website in the navbar */
@@ -896,3 +959,30 @@ ul.admin-actions {
 #archnavbar.anb-download ul li#anb-download a {
     color: white !important;
 }
+
+/* visualizations page */
+.visualize-buttons {
+    margin: 0.5em 0.33em;
+}
+
+    .visualize-buttons button.active {
+        depressed: true;
+    }
+
+.visualize-chart {
+    position: relative;
+    height: 500px;
+    margin: 0.33em;
+}
+
+#visualize-archrepo .treemap-cell {
+    border: solid 1px white;
+    overflow: hidden;
+    position: absolute;
+}
+
+    #visualize-archrepo .treemap-cell span {
+        padding: 3px;
+        font-size: 0.85em;
+        line-height: 1em;
+    }