CSS code formating

VAR.Focus.Web/Styles/01. base.css

@@ -44,20 +44,24 @@ h3 {
     display: block;
     background-color: black;
 }
+
     .divHeader a {
         text-decoration: none;
     }
+
     .divHeader h1 {
         font-size: 30px;
         color: yellow;
         margin: 0;
         text-shadow: none;
     }
+
 .divUserInfo {
     position: absolute;
     top: 0;
     right: 0;
 }
+
 .divContent {
     padding-left: 10px;
     padding-right: 10px;
@@ -79,20 +83,24 @@ h3 {
     display: inline-block;
     font-size: 0;
 }
+
 .formRow {
     display: block;
     font-size: 0;
     margin: 10px;
 }
+
 .formLabel {
     display: inline-block;
     font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
     font-size: 12px;
     text-shadow: 0 1px 1px rgba(255,255,255,0.5);
 }
+
     .formLabel span:last-child::after {
         content: ':';
     }
+
 .formField {
     display: inline-block;
     font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
@@ -109,14 +117,17 @@ h3 {
     padding: 3px;
     box-shadow: inset 0px -2px 5px rgba(255,255,255,1), inset 0px 2px 5px rgba(128,128,128,1);
 }
+
     .textbox:focus {
         border: solid 1px black;
         box-shadow: 0px 0px 10px rgba(255,255,255,0.5), inset 0px -2px 5px rgba(255,255,255,1), inset 0px 2px 5px rgba(0,0,0,0.5);
     }
+
 .textboxInvalid {
     box-shadow: 0px 0px 10px rgba(255,0,0,0.5), inset 0px -2px 5px rgba(255,255,255,1), inset 0px 2px 5px rgba(0,0,0,0.5);
     border: solid 1px rgb(255,0,0);
 }
+
     .textboxInvalid:focus {
         box-shadow: 0px 0px 10px rgba(255,0,0,0.5), inset 0px -2px 5px rgba(255,255,255,1), inset 0px 2px 5px rgba(0,0,0,0.5);
         border: solid 1px black;
@@ -137,24 +148,57 @@ h3 {
     background-color: rgb(192,192,192);
     margin-left: 5px;
 }
+
     .button:first-child {
         margin-left: 0;
     }
+
     .button:hover {
         background-color: rgb(220,220,220);
     }
+
     .button:active {
         background-color: rgb(220,220,220);
         box-shadow: inset 0px 2px 5px rgba(255,255,255,1), inset 0px -2px 5px rgba(128,128,128,1);
     }
 
-.width25pc{ width: 25%; }
+.width25pc {
-.width50pc{ width: 50%; }
+    width: 25%;
-.width75pc{ width: 75%; }
+}
-.width100pc{ width: 100%; }
 
-.width70px {width: 70px; max-width: 100%; }
+.width50pc {
-.width100px {width: 100px; max-width: 100%; }
+    width: 50%;
-.width150px {width: 150px; max-width: 100%; }
+}
-.width200px {width: 200px; max-width: 100%; }
+
-.width300px {width: 300px; max-width: 100%; }
+.width75pc {
+    width: 75%;
+}
+
+.width100pc {
+    width: 100%;
+}
+
+.width70px {
+    width: 70px;
+    max-width: 100%;
+}
+
+.width100px {
+    width: 100px;
+    max-width: 100%;
+}
+
+.width150px {
+    width: 150px;
+    max-width: 100%;
+}
+
+.width200px {
+    width: 200px;
+    max-width: 100%;
+}
+
+.width300px {
+    width: 300px;
+    max-width: 100%;
+}

VAR.Focus.Web/Styles/05. Cards.css

@@ -2,6 +2,7 @@
     position: relative;
     height: 100%;
 }
+
 .divToolbox {
     position: absolute;
     background-color: rgb(127,127,255);
@@ -49,6 +50,7 @@
         font-family: "Segoe UI",Tahoma,Geneva,Verdana,sans-serif;
         font-size: 12px;
     }
+
         .divToolbox .btnToolbox:hover {
             color: rgb(127,127,255);
             background-color: rgb(0,0,128);
@@ -76,6 +78,7 @@
         font-weight: bold;
         text-align: center;
     }
+
     .divCard .divBody {
         font-family: "Segoe UI",Tahoma,Geneva,Verdana,sans-serif;
         font-size: 12px;
@@ -104,10 +107,12 @@
         font-family: "Segoe UI",Tahoma,Geneva,Verdana,sans-serif;
         font-size: 12px;
     }
+
         .divCard .btnCard:hover {
             color: yellow;
             background-color: black;
         }
+
     .divCard .btnEdit {
         margin: 0;
         top: 4px;
@@ -115,12 +120,13 @@
         width: 16px;
         right: 24px;
     }
+
     .divCard .btnDelete {
         margin: 0;
         top: 4px;
         position: absolute;
         width: 16px;
-    right: 4px
+        right: 4px;
     }
 
     .divCard .txtTitle {
@@ -131,6 +137,7 @@
         border: solid 1px black;
         padding: 2px;
     }
+
     .divCard .txtBody {
         min-height: 150px;
         width: 100%;

VAR.Focus.Web/Styles/10. Chat.css

@@ -24,9 +24,17 @@
 }
 
 @keyframes alert {
-    0%   {background-color: red;}
+    0% {
-    50%  {background-color: rgb(220,220,220);}
+        background-color: red;
-    100%  {background-color: red;}
+    }
+
+    50% {
+        background-color: rgb(220,220,220);
+    }
+
+    100% {
+        background-color: red;
+    }
 }
 
 .titleChatAlert {
@@ -39,6 +47,7 @@
     border-radius: 5px;
     padding: 5px;
 }
+
 .titleChatDisconnected {
     color: rgb(64,64,64);
     background-color: rgb(220,220,220);
@@ -56,7 +65,6 @@
     border-radius: 5px;
     border: solid 1px black;
     box-shadow: inset 0px 0px 5px black;
-    
 }
 
 .messageRow,
@@ -143,9 +151,11 @@
     cursor: pointer;
     background-color: rgb(192,192,192);
 }
+
     .chatButton:hover {
         background-color: rgb(220,220,220);
     }
+
     .chatButton:active {
         background-color: rgb(220,220,220);
         box-shadow: inset 0px 2px 5px rgba(255,255,255,1), inset 0px -2px 5px rgba(128,128,128,1);