Improving exercises UI results

main/css/base.css

@@ -2544,15 +2544,23 @@ div.admin_section h4 {
 .ribbon {
     float:left;
     width:100%;
-    margin-bottom: 20px;    
-    background: #fff;
+    margin-bottom: 20px;        
     border: 1px solid #d2d2d2;
     border-radius: 3px;
     box-shadow: 0 1px 3px rgba(0,0,0,0.1);   
     position: relative;
+    
+    background-image: -ms-linear-gradient(top, #992800, #C83F25);
+    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#992800), to(#C83F25));
+    background-image: -webkit-linear-gradient(top, #992800, #C83F25);
+    background-image: -o-linear-gradient(top, #992800, #C83F25);
+    background-image: -moz-linear-gradient(top, #FDFDFD, #F3F5F7);
+    background-image: linear-gradient(top, #992800, #C83F25);
+    
+    
 }
 
-.ribbon .rib {
+.ribbon .rib {    
     height: 30px;
     width: 100px;
     display: block;    
@@ -2567,26 +2575,53 @@ div.admin_section h4 {
     border-top: 1px solid #363636;
     border-bottom: 1px solid #202020;
     background: #333;
-    background: linear-gradient(top, #383838 0%, #262626 100%);
-    border-radius: 2px 2px 0 0;
+    
+    background-image: -ms-linear-gradient(top, #414B57, #2F3741);
+    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#414B57), to(#2F3741));
+    background-image: -webkit-linear-gradient(top, #414B57, #2F3741);
+    background-image: -o-linear-gradient(top, #414B57, #2F3741);
+    background-image: -moz-linear-gradient(top, #414B57, #2F3741);
+    background-image: linear-gradient(top, #414B57, #2F3741);
+    
+    border-radius: 5px 2px 0 0;
     box-shadow: 0 1px 2px rgba(0,0,0,0.3);
 }
 
+.ribbon .rib h3 {    
+    color:white;
+}
+
 .ribbon .rib-total {
     width:350px;
 }
 
 
-.ribbon .rib-error{
-    background:red;
-    border-top: 1px solid #C20B1B;
-    border-bottom: 1px solid #FF3F4F;
+.ribbon .rib-error {
+    background:#C83F25;
+    
+    background-image: -ms-linear-gradient(top, #992800, #C83F25);
+    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#992800), to(#C83F25));
+    background-image: -webkit-linear-gradient(top, #992800, #C83F25);
+    background-image: -o-linear-gradient(top, #992800, #C83F25);
+    background-image: -moz-linear-gradient(top, #992800, #C83F25);
+    background-image: linear-gradient(top, #992800, #C83F25);
+    
+    
+    border-top: 1px solid #C56E5B;
+    border-bottom: 1px solid #7A290F;
 }
 
-.ribbon .rib-success{
-    background:green;
-    border-top: 1px solid #7AE155;
-    border-bottom: 1px solid #7AE155;
+.ribbon .rib-success {    
+    background-color: #768E00;    
+    background-image: -ms-linear-gradient(top, #9CB80A, #768E00);
+    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#9CB80A), to(#768E00));
+    background-image: -webkit-linear-gradient(top, #9CB80A, #768E00);
+    background-image: -o-linear-gradient(top, #9CB80A, #768E00);
+    background-image: -moz-linear-gradient(top, #9CB80A, #768E00);
+    background-image: linear-gradient(top, #9CB80A, #768E00);
+
+    border-top: 1px solid #A8C31B;
+    border-bottom: 1px solid #617700;
 }
 
 .ribbon h4 {
@@ -2628,11 +2663,11 @@ div.admin_section h4 {
 }
 
 .ribbon .rib-error::before {
-    border-color: #9E1500 transparent transparent transparent;        
+    border-color: #610801 transparent transparent transparent;        
 }
 
 .ribbon .rib-success::before {
-    border-color: #82AC25 transparent transparent transparent; 
+    border-color: #66751B transparent transparent transparent; 
 }
 
 .ribbon .rib::before {left: 0;}

main/exercice/exercise_show.php

@@ -487,8 +487,8 @@ foreach ($questionList as $questionId) {
 	    }
 	}
 	
-    if ($show_results) {
-    //if (0) {
+    //if ($show_results) {
+    if (0) {
 		echo '<table width="100%" border="0" cellspacing="3" cellpadding="0">';
 		
 		if ($is_allowedToEdit && $locked == false && !api_is_drh() ) {