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 fe44099a7ff52a409365047a09457eaba50ee913..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,7 +44,9 @@ body {
 }
 
 #nav {
-        background: #e8e8e8;
+       float: left
+       width: 100%;
+       background: #e8e8e8;
        border-bottom: 0.2em solid #786fb4;
        font-size: 90%;
        padding: 0.2em 0.5em;
@@ -59,6 +56,13 @@ body {
        text-decoration: underline;
 }
 
+#navleft {
+       float: left;
+}
+
+#navright {
+       float: right;
+}
 
 #content {
        padding: 1em;
@@ -84,6 +88,10 @@ input {
        border: thin solid #909090;
 }
 
+dl dt {
+       margin-top: 0.8em;
+}
+
 #footer {
        padding: 1em;
        font-size: small;
@@ -92,25 +100,25 @@ input {
 }
 
 #footer a {
-        color: #909090;
+       color: #909090;
 }
 
 /* messages */
 #messages {
-       background: #e0e0f0;
-       margin: 0.5em 1em 0.0em 0.5em;
-       padding: 0.3em;
+       background: #e0e0f0;
+       margin: 0.5em 1em 0.0em 0.5em;
+       padding: 0.3em;
 }
 
 #messages .message {
-        color: green;
+       color: green;
 }
 
 /* patch lists */
 table.patchlist {
-        width: 98%;
+       width: 98%;
        border: thin solid black;
-        padding: 0em 1em;
+       padding: 0em 1em;
 }
 
 table.patchlist th {
@@ -120,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;
@@ -141,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;
 }
@@ -156,58 +175,103 @@ 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%; }
 
 .paginator .prev-na,
 .paginator .next-na {
-        padding:.3em;
-        font-weight: normal;
-        border: 0.1em solid #c0c0c0;
-        background-color: #f9f9f9;
-        color: #a0a0a0;
+       padding:.3em;
+       font-weight: normal;
+       border: 0.1em solid #c0c0c0;
+       background-color: #f9f9f9;
+       color: #a0a0a0;
 }
 
 .paginator .prev a, .paginator .prev a:visited,
 .paginator .next a, .paginator .next a:visited {
-        border: 0.1em solid #b0b0d0;
-        background-color: #eeeeee;
-        color: #786fb4;
-        padding: .3em;
-        font-weight: bold;
+       border: 0.1em solid #b0b0d0;
+       background-color: #eeeeee;
+       color: #786fb4;
+       padding: .3em;
+       font-weight: bold;
 }
 
 .paginator .prev, .paginator .prev-na { margin-right:.5em; }
 .paginator .next, .paginator .next-na { margin-left:.5em; }
 
 .paginator .page a, .paginator .page a:visited, .paginator .curr {
-        padding: .25em;
-        font-weight: bold;
-        border: 1px solid #b0b0d0;
-        background-color: #eeeeee;
-        margin: 0em .25em;
-        color: #786fb4;
+       padding: .25em;
+       font-weight: bold;
+       border: 1px solid #b0b0d0;
+       background-color: #eeeeee;
+       margin: 0em .25em;
+       color: #786fb4;
 }
 
 .paginator .curr {
-        background-color: #b0b0d0;
-        color:#fff;
-        border:1px solid #c0c0ff;
-        font-weight:bold;
+       background-color: #b0b0d0;
+       color:#fff;
+       border:1px solid #c0c0ff;
+       font-weight:bold;
 }
 
 .paginator .page a:hover,
 .paginator .curr a:hover,
 .paginator .prev a:hover,
 .paginator .next a:hover {
-        color: #ffffff;
-        background-color: #c0c0ff;
-        border:1px solid #234f32;
+       color: #ffffff;
+       background-color: #c0c0ff;
+       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;
+       text-align: left;
 }
 
 table.patchmeta tr th, table.patchmeta tr td {
@@ -217,8 +281,8 @@ table.patchmeta tr th, table.patchmeta tr td {
 }
 
 .patchnav {
-    padding-left: 1em;
-    padding-top: 1em;
+       padding-left: 1em;
+       padding-top: 1em;
 }
 
 .comment .meta {
@@ -230,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;
 }
@@ -242,12 +310,17 @@ span.p_del        { color: #6a5acd; }
 span.p_mod     { color: #0000ff; }
 
 .acked-by {
-       color: red;
+       color: #2d4566;
+
+}
+
+.nacked-by {
+       color: #2d4566;
 
 }
 
 .signed-off-by {
-       color: red;
+       color: #672d45;
        font-weight: bold;
 }
 
@@ -257,20 +330,24 @@ span.p_mod        { color: #0000ff; }
 
 /* bundles */
 table.bundlelist {
-        border: thin solid black;
+       margin-top: 2em;
+       margin-bottom: 4em;
+       margin-left: auto;
+       margin-right: auto;
+       border: thin solid black;
 }
 
 table.bundlelist th {
-        padding-left: 2em;
-        padding-right: 2em;
-        background: #eeeeee;
-        border-bottom: thin solid black;
+       padding-left: 2em;
+       padding-right: 2em;
+       background: #eeeeee;
+       border-bottom: thin solid black;
 }
 
 table.bundlelist td
 {
-        padding-left: 2em;
-        padding-right: 2em;
+       padding-left: 2em;
+       padding-right: 2em;
 }
 
 /* forms that appear for a patch */
@@ -338,7 +415,7 @@ table.form tr td.submitrow {
        text-align: center;
 }
 
-table.registerform {
+table.registerform, table.passwordform {
        margin-left: auto;
        margin-right: auto;
 }
@@ -350,11 +427,14 @@ table.loginform {
 
 /* form errors */
 .errorlist {
-        color: red;
+       color: red;
        list-style-type: none;
        padding-left: 0.2em;
        margin: 0em;
 }
+.error {
+       color: red;
+}
 
 /* generic table with header columns on the left */
 table.horizontal {
@@ -373,7 +453,7 @@ table.horizontal td, table.horizontal th {
 
 /* generic table with header row */
 table.vertical {
-        border-collapse: collapse;
+       border-collapse: collapse;
 }
 table.vertical th {
        background: #786fb4;
@@ -383,10 +463,41 @@ table.vertical th {
 }
 
 table.vertical th, table.vertical td {
-        padding: 0.2em 0.8em;
+       padding: 0.2em 0.8em;
        border: thin solid #e8e8e8;
 }
 
 td.numberformat {
-        text-align: right;
+       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%;
 }