comment : remove alpha background and add better color, add padding, add style...

comment : remove alpha background and add better color, add padding, add style for commentfooter, fix style for commentheader

debexpo/public/style.css

@@ -1191,25 +1191,25 @@ table.sponsor-guidelines {
 
 /* Msg Style */
 .success {
-    background-color: rgba(50, 255, 69, 0.37);
+    background-color: rgb(222, 255, 217);
     border-radius: 8px;
     margin: 1px;
 }
 
 .failure {
-    background-color: rgba(255, 54, 47, 0.37);
+    background-color: rgb(255, 187, 179);
     border-radius: 8px;
     margin: 1px;
 }
 
 .info {
-    background-color: rgba(121, 188, 255, 0.37);
+    background-color: rgb(177, 218, 255);
     border-radius: 8px;
     margin: 1px;
 }
 
 .idea {
-    background-color: rgba(222, 216, 3, 0.20);
+    background-color: rgb(255, 253, 226);
     border-radius: 8px;
     margin: 1px;
 }
@@ -1325,10 +1325,15 @@ css for code highlighting
 
 .score {
     margin: 2px;
+    padding-left:3px;
+    padding-right: 3px;
     background-color: rgba(255, 255, 255, 0.50);
     border-radius: 8px;
 }
-
+.comment,.idlink,.commentheader{
+    padding-left:4px;
+    padding-right: 4px;
+}
 /* class to handle scroll */
 .stayonleft {
     position: relative;
@@ -1344,12 +1349,15 @@ css for code highlighting
     background-color: rgba(189, 183, 194, 0.19);
     border-bottom-left-radius: 8px;
     border-bottom-right-radius: 8px;
-    margin: 0
+    margin: 0;
+}
+.commentfooter table tr td{
+    vertical-align: middle;
 }
 
 .commentheader {
-    background-color: rgba(255, 255, 255, 0.3);
     border-radius: 8px;
+    border: rgba(173, 173, 173, 0.47) 1px solid;
     margin: 3px;
 }
 
@@ -1368,7 +1376,9 @@ css for code highlighting
     left: 40px;
     min-width: 600px
 }
-
+.commentviewer{
+    margin-top: 3px;
+}
 .contentViewer table * {
     width: inherit;
     padding: 0;