summaryrefslogtreecommitdiff
path: root/media/archweb.css
diff options
context:
space:
mode:
authorLuke Shumaker <LukeShu@sbcglobal.net>2011-12-04 22:34:53 -0500
committerLuke Shumaker <LukeShu@sbcglobal.net>2011-12-04 22:34:53 -0500
commit7e7ef807910331b652fcb98042060d68155b9a76 (patch)
treecdf45f10bbfc55d1d0c1cbd9bbc2dc669bba69cb /media/archweb.css
parent8dc03a1875382b7898c12647caee783a6f35f081 (diff)
I think this should fix all css problems.
Diffstat (limited to 'media/archweb.css')
-rw-r--r--media/archweb.css160
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;
+ }