insert page break before each work

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

diff --git a/app/css/app.css b/app/css/app.css
index 9fe378b..ca4f00a 100644 (file)
--- a/app/css/app.css
+++ b/app/css/app.css
@@ -1,34 +1,3 @@
-/* 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 */
 
@@ -43,58 +12,54 @@ input.ng-valid-required {
 }
 */
 
-.left {
-       clear: both;
-       display: block;
-       margin-bottom: 0.5em;
+label.ng-invalid {
+       color: red;
 }
 
-p.left {
-       margin-top: 0;
+textarea.ng-invalid {
+       border: 1px solid red;
+       color: red;
 }
 
-/* my-input */
-
-div.my-input {
-       float: left;
-       margin-right: 0.5em;
-       margin-bottom: 0.5em;
+.filter-true {
+       background-color: red;
 }
 
-div.my-input input,
-div.my-input textarea,
-div.my-input label {
-       display: block;
+.filter-false {
+       background-color: blue;
 }
 
-div.w1 input {
-       clear: both;
-       width: 60em;
+/*
+ * every registration state has also it's own color
+ * and app/partials template
+ */
+
+.draft {
+       color: #c00;
 }
 
-div.w2 input {
-       width: 29.75em; /* 60 / 2 - 0.5 */
+.confirmation {
+       color: #00c;
 }
 
-div.w3 input {
-       width: 19.5em; /* 60 - 3 * 0.5 / 3 */
+.verified {
+       color: #080;
 }
 
-div.w4 input {
-       width: 14.5em; /* 60 - 4 * 0.5 / 4 */
+.review {
+       color: #c80;
 }
 
-h1, h2, h3 {
-       clear: both;
+.print-center {
+       text-align: center;
+       display: block; /* wrap in new line */
 }
 
-div.persons {
-       display: block;
-       float: left;
+h3.print-center {
+       page-break-before: always;
 }
 
-div.persons a {
-       margin-top: 1em;
-       float: left;
+.print-bold {
+       font-weight: bold;
 }