summaryrefslogtreecommitdiffstats
path: root/media
diff options
context:
space:
mode:
authorOlivier Keun <olivier.keun@gmail.com>2011-07-22 16:25:57 +0200
committerDan McGee <dan@archlinux.org>2011-08-16 22:58:40 +0200
commita4895f06680beaf447ed43ee326423fcc8232815 (patch)
tree244990d4d0aeb846b4b47738344aca6a58d734d4 /media
parenta06ab5c1eb2053d33e15244ea579875aa72c0c1f (diff)
downloadarchweb-a4895f06680beaf447ed43ee326423fcc8232815.tar.gz
archweb-a4895f06680beaf447ed43ee326423fcc8232815.tar.xz
News frontpage layout changes
Signed-off-by: Dan McGee <dan@archlinux.org>
Diffstat (limited to 'media')
-rw-r--r--media/archweb.css21
1 files changed, 16 insertions, 5 deletions
diff --git a/media/archweb.css b/media/archweb.css
index 85fdb61..ce1ece1 100644
--- a/media/archweb.css
+++ b/media/archweb.css
@@ -21,7 +21,7 @@ p { margin: .33em 0 1em; }
ol, ul { margin-bottom: 1em; padding-left: 2em; }
ul { list-style: square; }
code { font: 1.2em monospace; background: #ffd; padding: 0.15em 0.25em; }
-pre { font: 1.2em monospace; border: 1px solid #bdb; background: #dfd; padding: 0.5em; margin: 0.25em 2em; }
+pre { font: 1.2em monospace; border: 1px solid #bdb; background: #dfd; padding: 0.5em; margin: 1em; }
pre code { display: block; background: none; }
blockquote { margin: 1.5em 2em; }
input { vertical-align: middle; }
@@ -44,7 +44,7 @@ a:active { color: #e90; }
/* headings */
h2 { font-size: 1.5em; margin-bottom: 0.5em; border-bottom: 1px solid #888; }
-h3 { font-size: 1.25em; margin-top: 1em; }
+h3 { font-size: 1.25em; margin-top: .5em; }
h4 { font-size: 1.15em; margin-top: 1em; }
h5 { font-size: 1em; margin-top: 1em; }
@@ -76,6 +76,12 @@ table.pretty2 { width: auto; margin-top: 0.25em; margin-bottom: 0.5em; border-co
table.pretty2 th { padding: 0.35em; background: #eee; border: 1px solid #bbb; }
table.pretty2 td { padding: 0.35em; 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 solid #888; }
+dl dt { color: #333; float:left; padding-right:15px; }
+
/* forms and input styling */
form p { margin: 0.5em 0; }
fieldset { border: 0; }
@@ -105,14 +111,19 @@ ul.errorlist { color: red; }
/* home: news */
#news { margin-top: 1.5em; }
-#news h3 { border-bottom: 1px solid #888; }
+#news h3 { float:left; padding-bottom: .5em }
#news div { margin-bottom: 1em; }
#news div p { margin-bottom: 0.5em; }
#news .more { font-weight: normal; }
-#news .rss-icon { float: right; margin: -1.6em 0.4em 0 0; }
-#news h4 { font-size: 1em; margin-top: 1.5em; border-bottom: 1px dotted #bbb; }
+#news .rss-icon { float: right; margin-top: 1em; }
+#news h4 { clear:both; font-size: 1em; margin-top: 1.5em; border-bottom: 1px dotted #bbb; }
#news .timestamp { float: right; font-size: 0.85em; margin: -1.8em 0.5em 0 0; }
+/* home: arrowed headings */
+#news h3 a { display: block; background: #1794D1; 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 #1794D1; margin: 0 auto; font-size: 0px; line-height: 0px; }
+
/* home: pkgsearch box */
#pkgsearch { padding: 1em 0.75em; background: #3ad; color: #fff; border: 1px solid #08b; }
#pkgsearch label { width: auto; padding: 0.1em 0; }