templates: display projects as inline-block elements

[patchwork] / htdocs / css / style.css

diff --git a/htdocs/css/style.css b/htdocs/css/style.css
index 3b10edb080f515d2085bee167382c2079bc2c5f1..87e0cd5d7f6f86ab795e72a447022d4ea36a3c0a 100644 (file)
--- a/htdocs/css/style.css
+++ b/htdocs/css/style.css
@@ -3,6 +3,7 @@ body {
        color: black;
        margin: 0em;
        font-size: 9pt;
+       font-family: "DejaVu Sans", "Bitstream Vera Sans", "Verdana", sans-serif;
 }
 
 .floaty {
@@ -15,7 +16,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,19 +25,14 @@ body {
 #title h1, #title h1 a {
        font-size: 16pt;
        color: white;
-}
-
-.beta {
-       font-size: 60%;
-       vertical-align: sub;
-       line-height: 2em;
+       margin-bottom: 0;
 }
 
 #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 +44,8 @@ body {
 }
 
 #nav {
+       float: left
+       width: 100%;
        background: #e8e8e8;
        border-bottom: 0.2em solid #786fb4;
        font-size: 90%;
@@ -59,6 +56,13 @@ body {
        text-decoration: underline;
 }
 
+#navleft {
+       float: left;
+}
+
+#navright {
+       float: right;
+}
 
 #content {
        padding: 1em;
@@ -124,18 +128,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 +163,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 +175,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%; }
 
@@ -209,6 +247,28 @@ div.filters {
        border:1px solid #234f32;
 }
 
+/* project list view */
+.project-set {
+}
+
+.project-set .project {
+       display: inline-block;
+       vertical-align: top;
+       background: #fcfcfc;
+       border: thin solid #f0f0f0;
+       box-shadow: 5px 5px 5px #c0c0c0;
+       margin: 2em 0.2em;
+       padding: 1em;
+       width: 20em;
+       min-height: 5em;
+}
+
+.project h2.project-title {
+       font-weight: bold;
+       font-size: 110%;
+       margin: 0.2em 0;
+}
+
 /* patch view */
 table.patchmeta th {
        text-align: left;
@@ -234,6 +294,10 @@ table.patchmeta tr th, table.patchmeta tr td {
        padding: 1em;
 }
 
+.patch-pull-url {
+       font-family: "DejaVu Sans Mono", fixed;
+}
+
 .quote {
        color: #007f00;
 }
@@ -250,6 +314,11 @@ span.p_mod { color: #0000ff; }
 
 }
 
+.nacked-by {
+       color: #2d4566;
+
+}
+
 .signed-off-by {
        color: #672d45;
        font-weight: bold;
@@ -261,6 +330,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;
 }
 
@@ -342,7 +415,7 @@ table.form tr td.submitrow {
        text-align: center;
 }
 
-table.registerform {
+table.registerform, table.passwordform {
        margin-left: auto;
        margin-right: auto;
 }
@@ -359,6 +432,9 @@ table.loginform {
        padding-left: 0.2em;
        margin: 0em;
 }
+.error {
+       color: red;
+}
 
 /* generic table with header columns on the left */
 table.horizontal {
@@ -394,3 +470,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%;
+}