[css] Separate patchforms from list a little

[patchwork] / htdocs / css / style.css

diff --git a/htdocs/css/style.css b/htdocs/css/style.css
index 3604148e0519e565f1efef4ab8ca30a67d5260bd..4d1e4406bbe5c6611d28c4d019705fa23b55a47d 100644 (file)
--- a/htdocs/css/style.css
+++ b/htdocs/css/style.css
@@ -15,7 +15,6 @@ body {
 #title {
        background: url('/images/title-background.png') top left repeat-x;
        background-color: #786fb4;
-       width: 100%;
        margin: 0px;
        padding-top: 0.1em;
        padding-bottom: 0.0em;
@@ -25,6 +24,7 @@ body {
 #title h1, #title h1 a {
        font-size: 16pt;
        color: white;
+       margin-bottom: 0;
 }
 
 .beta {
@@ -36,8 +36,8 @@ body {
 #auth {
        border-left: thin solid white;
        padding-top: 0em;
-       padding-left: 2em;
-       padding-right: 5em;
+       padding-left: 1.5em;
+       padding-right: 1.5em;
        padding-top: 0.5em;
        padding-bottom: 0.5em;
        font-size: 90%;
@@ -49,6 +49,8 @@ body {
 }
 
 #nav {
+       float: left
+       width: 100%;
        background: #e8e8e8;
        border-bottom: 0.2em solid #786fb4;
        font-size: 90%;
@@ -59,6 +61,13 @@ body {
        text-decoration: underline;
 }
 
+#navleft {
+       float: left;
+}
+
+#navright {
+       float: right;
+}
 
 #content {
        padding: 1em;
@@ -134,6 +143,10 @@ table.patchlist td {
        margin-top: 10px;
 }
 
+table.patchlist td img {
+       vertical-align: bottom;
+}
+
 table.patchlist td.patchlistfilters {
        background: #c0c0ff;
        border-top: thin solid gray;
@@ -161,6 +174,10 @@ a.colinactive:hover {
 div.filters {
 }
 
+div.patchforms {
+       margin-top: 2em;
+}
+
 /* list pagination */
 .paginator { padding-bottom: 1em; padding-top: 1em; font-size: 80%; }
 
@@ -262,6 +279,10 @@ span.p_mod { color: #0000ff; }
 
 /* bundles */
 table.bundlelist {
+       margin-top: 2em;
+       margin-bottom: 4em;
+       margin-left: auto;
+       margin-right: auto;
        border: thin solid black;
 }
 
@@ -395,3 +416,34 @@ table.vertical th, table.vertical td {
 td.numberformat {
        text-align: right;
 }
+
+/* boxes */
+div.box {
+       border: thin solid gray;
+       margin: 1em;
+       padding: 0.5em;
+}
+
+div.box h2 {
+       background: #786fb4;
+       color: white;
+       margin: -0.5em -0.5em 1em; -0.5em;
+       padding: 0em 0.5em;
+       font-size: 100%;
+}
+
+div.box table.vertical {
+       margin-left: auto;
+       margin-right: auto;
+}
+
+/* columns */
+.leftcol {
+       float: left;
+       width: 49%;
+}
+
+.rightcol {
+       float: right;
+       width: 49%;
+}