Bundle reordering support

[patchwork] / htdocs / css / style.css

diff --git a/htdocs/css/style.css b/htdocs/css/style.css
index 3b10edb080f515d2085bee167382c2079bc2c5f1..1813c2014e49d5f67427228740f0abff23e195b4 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;
@@ -124,18 +133,32 @@ table.patchlist th {
        padding-left: 6px;
 }
 
+table.patchlist th img {
+       vertical-align: bottom;
+}
+
 table.patchlist td {
        padding: 2px 6px 2px 6px;
        margin: 0px;
        margin-top: 10px;
 }
 
+table.patchlist td img {
+       vertical-align: bottom;
+}
+
 table.patchlist td.patchlistfilters {
        background: #c0c0ff;
        border-top: thin solid gray;
        border-bottom: thin solid black;
        font-size: smaller;
-
+}
+table.patchlist td.patchlistreorder {
+       background: #c0c0ff;
+       border-top: thin solid gray;
+       border-bottom: thin solid black;
+       font-size: smaller;
+       text-align: right;
 }
 table.patchlist tr.odd {
        background: #ffffff;
@@ -145,14 +168,11 @@ table.patchlist tr.even {
        background: #e8e8e8;
 }
 
-a.colactive {
-       color: red;
-}
-
-a.colinactive {
+a.colinactive, a.colactive {
        color: black;
        text-decoration: none;
 }
+
 a.colinactive:hover {
        color: red;
 }
@@ -160,6 +180,29 @@ a.colinactive:hover {
 div.filters {
 }
 
+div.patchforms {
+       margin-top: 2em;
+}
+
+/* list order manipulation */
+
+table.patchlist tr.draghover {
+       background: #e8e8e8 !important;
+}
+
+.dragging {
+       border: thin solid black;
+       background: #e8e8e8 !important;
+}
+
+input#reorder-cancel {
+       display: none;
+       color: #505050;
+}
+
+input#reorder-change {
+}
+
 /* list pagination */
 .paginator { padding-bottom: 1em; padding-top: 1em; font-size: 80%; }
 
@@ -261,6 +304,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;
 }
 
@@ -394,3 +441,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%;
+}