T141 stylesheet added. Fields needs resize

src/main/resources/static/css/main.css

@@ -2,14 +2,8 @@
     width: 1400px;
     margin-left: auto;
     margin-right: auto;
-    min-height: 1900px;
+    min-height: 700px;
     background: white;
-    font-family: 'Josefin Slab', serif;
-}
-
-.borderStyle {
-    border: 3px solid lightgray;
-    border-radius: 5px;
 }
 
 #toolName {
@@ -18,7 +12,6 @@
     font-size: 72px;
     text-align: center;
     padding: 50px;
-    font-family: 'Acme', sans-serif;
 }
 
 .articleHead {
@@ -54,8 +47,6 @@
     margin-top: 30px;
     width: 720px;
     height: 50px;
-    border-bottom: 1px solid lightgray;
-
 }
 
 .advancedMenuTab {
@@ -94,26 +85,11 @@
     float: left;
     margin-left: 10px;
     margin-right: 10px;
-    background: gray;
-    color: white;
     font-size: 24px;
     padding: 12px;
-    cursor: pointer;
-    border-radius: 15px;
     text-align: center;
 }
 
-.functionBarButton:hover {
-    float: left;
-    margin-left: 10px;
-    margin-right: 10px;
-    background: lightgray;
-    color: white;
-    font-size: 24px;
-    padding: 12px;
-    cursor: pointer;
-}
-
 #link {
     width: 750px;
     margin-bottom: 40px;
@@ -122,7 +98,6 @@
 #messageLink {
     width: 630px;
     padding: 10px;
-    background: #f0f0f0;
     font-size: 18px;
 }
 
@@ -149,13 +124,6 @@
     margin-right: 30px;
 }
 
-.label {
-    margin-top: 15px;
-    margin-bottom: 0px;
-    font-size: 12px;
-    color: lightgray;
-}
-
 .menuItem {
     float: left;
     width: 150px;
@@ -194,16 +162,17 @@
     font-weight: 400;
 }
 
+/*TODO add style to general stylesheet. Gray if inactive red if hover*/
 .btn-del-MenuItem {
     float: left;
     font-size: 24px;
-    color: red;
+    color: lightgray;
     text-align: center;
     cursor: pointer;
 }
 
 .btn-del-MenuItem:hover {
-    color: indianred;
+    color: red;
 }
 
 #headerTable {
@@ -212,7 +181,6 @@
 }
 
 .tableHead {
-    font-size: 24px;
     width: 240px;
     padding: 5px;
 }
@@ -221,18 +189,6 @@
     height: 20px;
     padding: 5px;
     width: 240px;
-    font-size: 18px;
-    background: white;
-    border: 1px solid lightgray;
-    border-radius: 5px;
-}
-
-.headerName {
-    background: #f0f0f0;
-}
-
-.httpStatusValue {
-
 }
 
 #mockIntroTip {
@@ -247,23 +203,24 @@
     font-weight: 700;
 }
 
+/*TODO add to general styles. Gray if inactive green if hover*/
 .btn-table-add {
-    color: green;
+    color: lightgray;
     cursor: pointer;
 }
 
 .btn-table-add:hover {
-    color:lightgreen;
+    color: green;
 }
 
 
 .btn-table-remove {
-    color: red;
+    color: lightgray;
     cursor: pointer;
 }
 
 .btn-table-remove:hover {
-    color:indianred;
+    color: red;
 }