mailto: function in card listing

[confetti] / static / cards.css

diff --git a/static/cards.css b/static/cards.css
index 5d78a0fd4e1ae975f445c81db1e8d0f77107e88e..039bd995ab52c7de51a007f56adf5f5b9d2c6030 100644 (file)
--- a/static/cards.css
+++ b/static/cards.css
@@ -1,5 +1,5 @@
 /*
-# Copyright 2014 - 2016 Paul Hänsch
+# Copyright 2014 - 2017 Paul Hänsch
 #
 # This file is part of Confetti.
 # 
@@ -66,7 +66,8 @@
 
 .filter fieldset.item { padding-left: 0; }
 .filter fieldset.item legend { display: none; }
-.filter fieldset.item input[type=text] {
+.filter fieldset.item input[type=text],
+.filter fieldset.item fieldset.categories {
   background-color: #FFF;
   border: 1px solid #000;
   margin-top: -1px;
@@ -83,6 +84,18 @@
   border: 1px solid #000;
   border-bottom-color: #FFF;
 }
+.filter fieldset.item input[type=radio][value="CATEGORIES:"]:checked + label + input[type=text],
+.filter fieldset.item input[type=radio][value="CATEGORIES:"] + label + input[type=text] + fieldset.categories {
+  display: none;
+}
+.filter fieldset.item input[type=radio][value="CATEGORIES:"]:checked + label + input[type=text] + fieldset.categories {
+  display: block;
+}
+.filter fieldset.item fieldset.categories a {
+  font-size: .875em;
+  line-height: 1.625em;
+  color: #44C;
+}
 
 .newcard {
   display: block;
@@ -93,6 +106,16 @@
   background: #EFF;
 }
 
+.dash {
+  display: block;
+  border: solid 1px;
+  border-radius: 4px 4px 0 0;
+  margin: .25em 2em .25em 2em;
+  padding: .25em 2ex .25em 2ex;
+  background: #EFF;
+  text-align: right;
+}
+
 .card {
   display: block;
   position: relative;
@@ -187,6 +210,7 @@
   display: block;
   max-width: 100%;
   word-wrap: break-word;
+  white-space: pre-line;
 }
 .card .section .item label {
   font-weight: bold;