rename main css file

login_aai.css → screen.css

-:root{
+:root {
     --main-bg: linear-gradient(-5deg, #abc, #fff, #e0e8f0) fixed;
     --main-color: #123;
 
@@ -18,33 +18,13 @@
 
     --footer-color: #789;
 
-    /** ---------- mode boxes */
-    --idp-border: 1px solid #cde;
-    --idp-color: #45c;
-    --idp-shadow: 0 0 2em #eee inset;
-
-    --idp-hover-shadow: 0 0 2em #eee;
-
-    --inputfilter-border: 2px solid #eee;
-    --inputfilter-color:#789;
-
-    --btn-border: 2px solid #eee;
-    --btn-bg:#f8f8f8;
-    --btn-color: #888;
-
-    --filterbtn-ative-border: 2px solid #eee;
-    --filterbtn-ative-bg:#fff;
-    --filterbtn-ative-color: #45c;
-
-    --resetfilter-border: 2px solid #ddd;
-    --resetfilter-bg: #f8f8f8;
-    --resetfilter-color: #888;
-    
 }
 
-a, a:visited{
+a,
+a:visited {
     color: var(--a-color);
 }
+
 body {
     background_: linear-gradient(-5deg, #abc, #cee, #f0f8ff, #e0e8f0, #fee) fixed;
     background: var(--main-bg);
@@ -55,14 +35,24 @@ body {
     margin: 0;
 }
 
-h1{color:var(--h1-color);}
-h2{color: var(--h2-color);}
-div#head, div.content, footer {
+h1 {
+    color: var(--h1-color);
+}
+
+h2 {
+    color: var(--h2-color);
+}
+
+div#head,
+div.content,
+footer {
     width: 70%;
 }
+
 div#head {
     margin: 1em auto 1em;
 }
+
 div.content {
     background: var(--content-bg);
     border-radius: 2em;
@@ -71,104 +61,30 @@ div.content {
     margin: 2em auto 2em;
     padding: 2em;
 }
-div.msg{
+
+div.msg {
     border-radius: 1em;
     border: 2px solid;
     padding: 1em;
     margin-bottom: 1em;
 }
 
-div.error{
+div.error {
     background: var(--error-bg);
     color: var(--error-color);
 }
-div.info{
+
+div.info {
     background: var(--info-bg);
     color: var(--info-color);
 }
 
-footer{
+footer {
     color: var(--footer-color);
     margin: 10em auto 5em;
-    text-align: right; 
+    text-align: right;
 }
 
-.hidden{
+.hidden {
     display: none;
-}
-
-/** ---------- mode boxes: filterbar on top */
-
-div#filterbox{
-    margin-bottom: 1em;
-}
-#filterByDomain{
-    margin-top: 3em;
-    margin-bottom: 3em;
-}
-
-a.filterbutton, a#resetfilter{
-    background: var(--btn-bg);
-    border: var(--btn-border);
-    border-radius: 0.2em;
-    color: var(--btn-color);
-    font-size: 110%;
-    margin: 0 0.3em 0 0;
-    opacity: 1;
-    padding: 0.5em;
-    text-decoration: none;
-}
-a.filterbutton.active{
-    background: var(--filterbtn-ative-bg);
-    border-top-color: var(--filterbtn-ative-border);
-    color: var(--filterbtn-ative-color);
-}
-input#filter{
-    border: var(--inputfilter-border);
-    padding: 0.5em;
-    color:var(--inputfilter-color);
-    font-size: 110%;
-    width: 20em;
-}
-a#resetfilter{
-    background:var(--resetfilter-bg);
-    border: var(--resetfilter-border);
-    color: var(--resetfilter-color);
-    font-weight: bold;
-    margin: 0 0 0 0.3em;
-    padding: 0.5em 2em;
-}
-a#resetfilter:hover{
-    opacity: 0.5;
-}
-
-
-/** ---------- mode boxes */
-.hidden{display: none;}
-div.boxes a.idp{ 
-    border: var(--idp-border); 
-    border-radius: 1em; 
-    box-shadow: var(--idp-shadow);
-    color: var(--idp-color);
-    float: left;
-    height: 7em; 
-    margin: 0 1em 1em 0; 
-    overflow: hidden;
-    padding: 0.5em;
-    text-align: center;
-    text-decoration: none;
-    transition: all 0.1s ease-in-out;
-    width: 14em;
-}
-div.boxes .idp img { height: 48px;}
-div.boxes a.idp:hover{ 
-    box-shadow: var(--idp-hover-shadow);
-}
-div.boxes a.hide{
-    border: none;
-    height: 0;
-    margin:0;
-    padding:0;
-    width: 0;
-}
-
+}
\ No newline at end of file