From 7e7ef807910331b652fcb98042060d68155b9a76 Mon Sep 17 00:00:00 2001 From: Luke Shumaker Date: Sun, 4 Dec 2011 22:34:53 -0500 Subject: I think this should fix all css problems. --- media/archweb.css | 160 ++++++++++++++++++++++++++++++++++++++++++------------ 1 file 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; + } -- cgit v1.2.3-54-g00ecf