generate RegistrationState buttons from service data

[angular-drzb] / app / css / app.css

diff --git a/app/css/app.css b/app/css/app.css
index d43f67c..cffc395 100644 (file)
--- a/app/css/app.css
+++ b/app/css/app.css
@@ -1,92 +1,51 @@
-/* app css stylesheet */
-
-.menu {
-  list-style: none;
-  border-bottom: 0.1em solid black;
-  margin-bottom: 2em;
-  padding: 0 0 0.5em;
-}
-
-.menu:before {
-  content: "[";
-}
-
-.menu:after {
-  content: "]";
-}
-
-.menu > li {
-  display: inline;
-}
-
-.menu > li:before {
-  content: "|";
-  padding-right: 0.3em;
-}
-
-.menu > li:nth-child(1):before {
-  content: "";
-  padding: 0;
-}
-
 
 /* validation hints */
 
+input.ng-invalid,
 input.ng-invalid-required {
        border: 1px solid red;
 }
+
+/*
 input.ng-valid-required {
        border: 1px solid green;
 }
+*/
 
-.left {
-       clear: both;
-       display: block;
-       margin-bottom: 0.5em;
-}
-
-/* my-input */
-
-div.my-input {
-       float: left;
-       margin-right: 0.5em;
-       margin-bottom: 0.5em;
+label.ng-invalid {
+       color: red;
 }
 
-div.my-input input,
-div.my-input textarea,
-div.my-input label {
-       display: block;
+textarea.ng-invalid {
+       border: 1px solid red;
+       color: red;
 }
 
-div.w1 input {
-       clear: both;
-       width: 60em;
+.filter-true {
+       background-color: red;
 }
 
-div.w2 input {
-       width: 29.75em; /* 60 / 2 - 0.5 */
+.filter-false {
+       background-color: blue;
 }
 
-div.w3 input {
-       width: 19.5em; /* 60 - 3 * 0.5 / 3 */
-}
+/*
+ * every registration state has also it's own color
+ * and app/partials template
+ */
 
-div.w4 input {
-       width: 14.5em; /* 60 - 4 * 0.5 / 4 */
+.draft {
+       color: #c00;
 }
 
-h1, h2, h3 {
-       clear: both;
+.confirmation {
+       color: #00c;
 }
 
-div.persons {
-       display: block;
-       float: left;
+.verified {
+       color: #080;
 }
 
-div.persons a {
-       margin-top: 1em;
-       float: left;
+.review {
+       color: #c80;
 }
-