Goodbye mu, hello guile-debbugs!
[software/mumi.git] / assets / css / screen.css
index 4d2f744b7cf9a8c47b2b95189d253232392f2a32..21c55a472d44b2ae650419177960a3450ae0efff 100644 (file)
@@ -12,14 +12,31 @@ html, body {
 
 h1 {
     clear: both;
-    line-height: 125%;
+    font-size: 32px;
+    line-height: 105%;
     margin-top: 1.3rem;
+    margin-bottom: 0.5rem;
+    padding: 0px;
+    display: block;
+    font-weight: 400;
+    color: #333;
+}
+
+.title {
+    clear: both;
+    font-size: 16px;
     margin-bottom: 1rem;
     border-bottom: 1px dashed #ddd;
     padding: 0px;
     padding-bottom: 1rem;
-    display: block;
-    font-weight: 800;
+    color: #586069;
+}
+
+.comment-box {
+    margin-top: 1rem;
+    margin-bottom: 2rem;
+    border-top: 1px dashed #ddd;
+    padding-top: 1rem;
 }
 
 h2 {
@@ -61,23 +78,46 @@ tr td:nth-child(3){
 
 #header {
     background: #333333;
-    color: #fff;
+    border-color: #1A1A1A1A;
+    border-style: none none solid none;
+    border-width: thin;
     width: 100%;
-    box-shadow: 0 3px 8px #ccc;
     margin-bottom: 1rem;
     padding: .5em;
-    font-size: 1.2em;
-    font-weight: bold;
     color: #fff;
+    position: relative;
+    display: block;
 }
 #header a {
     color: #fff;
     text-decorations: none;
 }
 
+#header .flex {
+    display: flex;
+}
+
+#header .flex .logo {
+    display: inline-block;
+    float: left;
+}
+
+#header .flex form {
+    display: inline-block;
+}
+
 input#query {
+    box-sizing: border-box;
     width: 100%;
-    padding: .5rem;
+    padding: .2rem;
+    color: #111;
+    border-radius: 3px;
+}
+
+#header input#query {
+    width: auto;
+    position: absolute;
+    right: 1rem;
 }
 
 /* messages */
@@ -88,6 +128,7 @@ input#query {
 
 .info .stat {
     display: block;
+    color: #586069;
 }
 .info .stat .label {
     display: block;
@@ -164,3 +205,19 @@ input#query {
     margin-left: 1em;
     color: #3868cc;
 }
+
+.status-tag {
+    display: inline-block;
+    color: #fff;
+    text-align: center;
+    padding: 4px;
+    border-radius: 3px;
+    margin-right: 8px;
+}
+
+.status-tag.done {
+    background: #cb2431;
+}
+.status-tag.open {
+    background: #2cbe4e;
+}