1 files changed, 5 insertions, 124 deletions
diff --git a/web/client.css b/web/client.css
index 6ef9e17..5d5f6df 100644
--- a/web/client.css
+++ b/web/client.css
@@ -1,129 +1,10 @@
 /*
- * Copyright (c) 2012-2013 Kaarle Ritvanen
+ * Copyright (c) 2012-2015 Kaarle Ritvanen
  * See LICENSE file for license details
  */
 
+li.changed { background-color: #d6e9c6; }
+li.invalid, aconf-header.invalid * { background-color: #ebccd1; }
 
-body {
-    margin: 0;
-    padding: 0;
-    font-family: sans;
-}
-
-#status {
-    border-style: solid;
-    border-width: 3px;
-    border-color: #cde;
-    background-color: #cde;
-    height: 2em;
-    padding: 10px;
-    margin: 0;
-    font-size: 75%;
-}
-
-#status p {
-    position: absolute;
-    top: 3px;
-    left: 15px;
-}
-
-#logout {
-    position: absolute;
-    top: 0;
-    right: 0;
-    margin: 13px;
-}
-
-#status div {
-    position: absolute;
-    top: 0;
-    right: 0;
-    height: 2em;
-    padding: 13px;
-}
-
-#status input {
-    font-size: 100%;
-}
-
-#status.changed {
-    border-color: #7f7;
-}
-
-#status.invalid {
-    border-color: #f77;
-}
-.hidden { display: none; }
-
-
-.invalid, #status.invalid div {
-    background-color: #f77;
-}
-
-.changed, #status.changed div {
-    background-color: #7f7;
-}
-
-.current {
-    background-color: #ccc;
-}
-
-#modules li:not(.current) {
-    background-color: inherit;
-}
-
-#modules li.invalid {
-    list-style-type: disc;
-    color: #f77;
-}
-
-#modules li.changed {
-    list-style-type: disc;
-    color: #7f7;
-}
-
-#modules {
-    position: absolute;
-    height: 90%;
-    border-right: solid;
-    border-color: #ccc;
-    width: 148px;
-    margin: 1.8em 0 0 0;
-    padding: 10px 0px 10px 10px;
-}
-
-#modules li {
-    list-style-type: none;
-    padding: 3px 0px 3px 3px;
-    margin: 0 0 0 6px;
-}
-
-#modules a, #tabs a {
-    text-decoration: none;
-    color: black;
-}
-
-#modules a:hover, #tabs a:hover {
-    text-decoration: underline;
-    color: blue;
-}
-
-#tabs, #content {
-    margin: 0 0 0 158px;
-    padding: 0 0 0 15px;
-}
-
-#tabs {
-    border-bottom-style: solid;
-    border-color: #ccc;
-    height: 1.8em;
-}
-
-#tabs li {
-    display: inline-block;
-    padding: 5px;
-}
-
-#content {
-    padding: 10px;
-}
+.checkbox-changed { text-color: #d6e9c6; }
+.ng-pristine + .checkbox-changed { display: none; }