Julio Montoya 14 years ago
parent
commit
d700ae72d7

+ 1 - 1
index.php

@@ -189,7 +189,7 @@ if (!empty($_GET['include']) && preg_match('/^[a-zA-Z0-9_-]*\.html$/', $_GET['in
             $home_top_temp = file_get_contents($home.'home_top.html');
         }
     }
-    if (trim($home_top_temp) == '') {
+    if (trim($home_top_temp) == '' && api_is_platform_admin()) {
         $home_top_temp = get_lang('PortalHomepageDefaultIntroduction');
     }
     $open = str_replace('{rel_path}', api_get_path(REL_PATH), $home_top_temp);

+ 104 - 22
main/css/academica/default.css

@@ -3506,63 +3506,145 @@ span.form_required  {
 }
 
 #categories-content-first {
-    border:1pt solid #ccc;
     width:290px;
-    padding:10px;
+    padding:5px;
     float:left;
 }
 
 #categories-search {
-    border:1pt solid #ccc;
-    padding:10px;
     text-align:center;
-    height:105px;
+    height:55px;
+    float: right;
 }
 
 #categories-list {
-    border:1pt solid #ccc;
+    -moz-border-radius-topleft:8px;
+    -moz-border-radius-topright:8px;
+    -webkit-border-top-left-radius: 8px;
+    -webkit-border-top-right-radius: 8px;
+    border-top-left-radius: 8px;
+    border-top-right-radius: 8px;
+    -moz-box-shadow:0 -1px 10px 2px #CCCCCC;
+    -Webkit-box-shadow: 0 -1px 10px 2px  #CCCCCC;
+    box-shadow: 0 -1px 10px 2px #CCCCCC;
+    border:1px solid #CCCCCC;
+    float:left;
+    margin:10px;
+    width:240px;
+    min-height:132px;
     padding:25px;
-    margin-top:10px;
     font-size:11pt;
 }
 
 #categories-content-second {
-    border:1pt solid #ccc;
     margin-left: 315px;
     padding:5px;
     margin-top:5px;
 }
 
 .categories-block-course {
-    border:1pt solid #ccc;
-    width:246px;
-    height:180px;
-    margin:5px;
+    -moz-border-radius-topleft:8px;
+    -moz-border-radius-topright:8px;
+    -webkit-border-top-left-radius: 8px;
+    -webkit-border-top-right-radius: 8px;
+    border-top-left-radius: 8px;
+    border-top-right-radius: 8px;
+    -moz-box-shadow:0 -1px 10px 2px #CCCCCC;
+    -Webkit-box-shadow: 0 -1px 10px 2px  #CCCCCC;
+    box-shadow: 0 -1px 10px 2px #CCCCCC;
+    border:1px solid #CCCCCC;
     float:left;
-    padding:5px;
+    margin:10px;
+    padding:9px;
+    width:220px;
+    min-height:180px;
+    color: #BBBBBB;
 }
 
 .categories-course-picture {
-    border:1pt solid #ccc;
-    width:75px;
-    height:75px;
+    width:95px;
+    height:95px;
     float:left;
+    -moz-border-radius-topleft:4px;
+    -moz-border-radius-topright:4px;
+    -webkit-border-top-left-radius: 4px;
+    -webkit-border-top-right-radius: 4px;
+    border-top-left-radius: 4px;
+    border-top-right-radius: 4px;
+    -moz-box-shadow:0 -1px 5px 2px #CCCCCC;
+    -Webkit-box-shadow: 0 -1px 5px 2px  #CCCCCC;
+    box-shadow: 0 -1px 5px 2px #CCCCCC;
+    margin-left: 8px;
 }
 
 .categories-course-picture img {
-    width: 75px;
-    height: 75px;
+    width: 95px;
+    height: 95px;
+    background-color: #eeeeee;
 }
 
 .categories-course-description {
-    border:1pt solid #ccc;
-    margin-left:80px;
+    margin-left:10px;
+    font-family:arial;
+    font-size:11px;
+    margin-bottom: 10px;
+}
+
+.categories-course-description .course-block-title {
+    font-family: arial;
+    font-size: large;
+    margin-bottom: 10px;
+    color: #222222;
+}
+.categories-course-description .course-block-teacher {
+    font-size: large;
+    font-style: italic;
+    text-align: right;
+    color: #444444;
+}
+.categories-course-description .course-block-date {
+    font-size: large;
+    font-style: italic;
+    text-align: right;
+    color: #444444;
+}
+.course-block-popularity {
+    width: 90px;
+    margin-left:120px;
+    font-size: x-small;
+    font-style: italic;
+    text-align: right;
+    background-color: #eeeeee;
+    min-height:95px;
+    padding-right: 5px;
+    -moz-border-radius-topleft:4px;
+    -moz-border-radius-topright:4px;
+    -webkit-border-top-left-radius: 4px;
+    -webkit-border-top-right-radius: 4px;
+    border-top-left-radius: 4px;
+    border-top-right-radius: 4px;
+    -moz-box-shadow:0 -1px 5px 2px #CCCCCC;
+    -Webkit-box-shadow: 0 -1px 5px 2px  #CCCCCC;
+    box-shadow: 0 -1px 5px 2px #CCCCCC;
+}
+.course-block-popularity-score {
+    font-size: x-large;
+    text-align: center;
+    color: #000000;
+    padding-top: 10px;
 }
 
 .categories-course-links {
-    border:1pt solid #ccc;
     margin-top:5px;
-    height: 40px;
+    height: 25px;
+}
+
+.course-link-desc a {
+text-decoration:underline;
+}
+
+.course-link-desc span {
+padding-top:10px;
 }
 
 .attendance-users-table td {

+ 104 - 22
main/css/baby_orange/default.css

@@ -3437,63 +3437,145 @@ span.form_required  {
 }
 
 #categories-content-first {
-    border:1pt solid #ccc;
     width:290px;
-    padding:10px;
+    padding:5px;
     float:left;
 }
 
 #categories-search {
-    border:1pt solid #ccc;
-    padding:10px;
     text-align:center;
-    height:105px;
+    height:55px;
+    float: right;
 }
 
 #categories-list {
-    border:1pt solid #ccc;
+    -moz-border-radius-topleft:8px;
+    -moz-border-radius-topright:8px;
+    -webkit-border-top-left-radius: 8px;
+    -webkit-border-top-right-radius: 8px;
+    border-top-left-radius: 8px;
+    border-top-right-radius: 8px;
+    -moz-box-shadow:0 -1px 10px 2px #CCCCCC;
+    -Webkit-box-shadow: 0 -1px 10px 2px  #CCCCCC;
+    box-shadow: 0 -1px 10px 2px #CCCCCC;
+    border:1px solid #CCCCCC;
+    float:left;
+    margin:10px;
+    width:240px;
+    min-height:132px;
     padding:25px;
-    margin-top:10px;
     font-size:11pt;
 }
 
 #categories-content-second {
-    border:1pt solid #ccc;
     margin-left: 315px;
     padding:5px;
     margin-top:5px;
 }
 
 .categories-block-course {
-    border:1pt solid #ccc;
-    width:246px;
-    height:180px;
-    margin:5px;
+    -moz-border-radius-topleft:8px;
+    -moz-border-radius-topright:8px;
+    -webkit-border-top-left-radius: 8px;
+    -webkit-border-top-right-radius: 8px;
+    border-top-left-radius: 8px;
+    border-top-right-radius: 8px;
+    -moz-box-shadow:0 -1px 10px 2px #CCCCCC;
+    -Webkit-box-shadow: 0 -1px 10px 2px  #CCCCCC;
+    box-shadow: 0 -1px 10px 2px #CCCCCC;
+    border:1px solid #CCCCCC;
     float:left;
-    padding:5px;
+    margin:10px;
+    padding:9px;
+    width:220px;
+    min-height:180px;
+    color: #BBBBBB;
 }
 
 .categories-course-picture {
-    border:1pt solid #ccc;
-    width:75px;
-    height:75px;
+    width:95px;
+    height:95px;
     float:left;
+    -moz-border-radius-topleft:4px;
+    -moz-border-radius-topright:4px;
+    -webkit-border-top-left-radius: 4px;
+    -webkit-border-top-right-radius: 4px;
+    border-top-left-radius: 4px;
+    border-top-right-radius: 4px;
+    -moz-box-shadow:0 -1px 5px 2px #CCCCCC;
+    -Webkit-box-shadow: 0 -1px 5px 2px  #CCCCCC;
+    box-shadow: 0 -1px 5px 2px #CCCCCC;
+    margin-left: 8px;
 }
 
 .categories-course-picture img {
-    width: 75px;
-    height: 75px;
+    width: 95px;
+    height: 95px;
+    background-color: #eeeeee;
 }
 
 .categories-course-description {
-    border:1pt solid #ccc;
-    margin-left:80px;
+    margin-left:10px;
+    font-family:arial;
+    font-size:11px;
+    margin-bottom: 10px;
+}
+
+.categories-course-description .course-block-title {
+    font-family: arial;
+    font-size: large;
+    margin-bottom: 10px;
+    color: #222222;
+}
+.categories-course-description .course-block-teacher {
+    font-size: large;
+    font-style: italic;
+    text-align: right;
+    color: #444444;
+}
+.categories-course-description .course-block-date {
+    font-size: large;
+    font-style: italic;
+    text-align: right;
+    color: #444444;
+}
+.course-block-popularity {
+    width: 90px;
+    margin-left:120px;
+    font-size: x-small;
+    font-style: italic;
+    text-align: right;
+    background-color: #eeeeee;
+    min-height:95px;
+    padding-right: 5px;
+    -moz-border-radius-topleft:4px;
+    -moz-border-radius-topright:4px;
+    -webkit-border-top-left-radius: 4px;
+    -webkit-border-top-right-radius: 4px;
+    border-top-left-radius: 4px;
+    border-top-right-radius: 4px;
+    -moz-box-shadow:0 -1px 5px 2px #CCCCCC;
+    -Webkit-box-shadow: 0 -1px 5px 2px  #CCCCCC;
+    box-shadow: 0 -1px 5px 2px #CCCCCC;
+}
+.course-block-popularity-score {
+    font-size: x-large;
+    text-align: center;
+    color: #000000;
+    padding-top: 10px;
 }
 
 .categories-course-links {
-    border:1pt solid #ccc;
     margin-top:5px;
-    height: 40px;
+    height: 25px;
+}
+
+.course-link-desc a {
+text-decoration:underline;
+}
+
+.course-link-desc span {
+padding-top:10px;
 }
 
 .attendance-users-table td {

+ 104 - 22
main/css/blue_lagoon/default.css

@@ -4120,63 +4120,145 @@ span.form_required  {
 }
 
 #categories-content-first {
-    border:1pt solid #ccc;
     width:290px;
-    padding:10px;
+    padding:5px;
     float:left;
 }
 
 #categories-search {
-    border:1pt solid #ccc;
-    padding:10px;
     text-align:center;
-    height:105px;
+    height:55px;
+    float: right;
 }
 
 #categories-list {
-    border:1pt solid #ccc;
+    -moz-border-radius-topleft:8px;
+    -moz-border-radius-topright:8px;
+    -webkit-border-top-left-radius: 8px;
+    -webkit-border-top-right-radius: 8px;
+    border-top-left-radius: 8px;
+    border-top-right-radius: 8px;
+    -moz-box-shadow:0 -1px 10px 2px #CCCCCC;
+    -Webkit-box-shadow: 0 -1px 10px 2px  #CCCCCC;
+    box-shadow: 0 -1px 10px 2px #CCCCCC;
+    border:1px solid #CCCCCC;
+    float:left;
+    margin:10px;
+    width:240px;
+    min-height:132px;
     padding:25px;
-    margin-top:10px;
     font-size:11pt;
 }
 
 #categories-content-second {
-    border:1pt solid #ccc;
     margin-left: 315px;
     padding:5px;
     margin-top:5px;
 }
 
 .categories-block-course {
-    border:1pt solid #ccc;
-    width:246px;
-    height:180px;
-    margin:5px;
+    -moz-border-radius-topleft:8px;
+    -moz-border-radius-topright:8px;
+    -webkit-border-top-left-radius: 8px;
+    -webkit-border-top-right-radius: 8px;
+    border-top-left-radius: 8px;
+    border-top-right-radius: 8px;
+    -moz-box-shadow:0 -1px 10px 2px #CCCCCC;
+    -Webkit-box-shadow: 0 -1px 10px 2px  #CCCCCC;
+    box-shadow: 0 -1px 10px 2px #CCCCCC;
+    border:1px solid #CCCCCC;
     float:left;
-    padding:5px;
+    margin:10px;
+    padding:9px;
+    width:220px;
+    min-height:180px;
+    color: #BBBBBB;
 }
 
 .categories-course-picture {
-    border:1pt solid #ccc;
-    width:75px;
-    height:75px;
+    width:95px;
+    height:95px;
     float:left;
+    -moz-border-radius-topleft:4px;
+    -moz-border-radius-topright:4px;
+    -webkit-border-top-left-radius: 4px;
+    -webkit-border-top-right-radius: 4px;
+    border-top-left-radius: 4px;
+    border-top-right-radius: 4px;
+    -moz-box-shadow:0 -1px 5px 2px #CCCCCC;
+    -Webkit-box-shadow: 0 -1px 5px 2px  #CCCCCC;
+    box-shadow: 0 -1px 5px 2px #CCCCCC;
+    margin-left: 8px;
 }
 
 .categories-course-picture img {
-    width: 75px;
-    height: 75px;
+    width: 95px;
+    height: 95px;
+    background-color: #eeeeee;
 }
 
 .categories-course-description {
-    border:1pt solid #ccc;
-    margin-left:80px;
+    margin-left:10px;
+    font-family:arial;
+    font-size:11px;
+    margin-bottom: 10px;
+}
+
+.categories-course-description .course-block-title {
+    font-family: arial;
+    font-size: large;
+    margin-bottom: 10px;
+    color: #222222;
+}
+.categories-course-description .course-block-teacher {
+    font-size: large;
+    font-style: italic;
+    text-align: right;
+    color: #444444;
+}
+.categories-course-description .course-block-date {
+    font-size: large;
+    font-style: italic;
+    text-align: right;
+    color: #444444;
+}
+.course-block-popularity {
+    width: 90px;
+    margin-left:120px;
+    font-size: x-small;
+    font-style: italic;
+    text-align: right;
+    background-color: #eeeeee;
+    min-height:95px;
+    padding-right: 5px;
+    -moz-border-radius-topleft:4px;
+    -moz-border-radius-topright:4px;
+    -webkit-border-top-left-radius: 4px;
+    -webkit-border-top-right-radius: 4px;
+    border-top-left-radius: 4px;
+    border-top-right-radius: 4px;
+    -moz-box-shadow:0 -1px 5px 2px #CCCCCC;
+    -Webkit-box-shadow: 0 -1px 5px 2px  #CCCCCC;
+    box-shadow: 0 -1px 5px 2px #CCCCCC;
+}
+.course-block-popularity-score {
+    font-size: x-large;
+    text-align: center;
+    color: #000000;
+    padding-top: 10px;
 }
 
 .categories-course-links {
-    border:1pt solid #ccc;
     margin-top:5px;
-    height: 40px;
+    height: 25px;
+}
+
+.course-link-desc a {
+text-decoration:underline;
+}
+
+.course-link-desc span {
+padding-top:10px;
 }
 
 .attendance-users-table td {

+ 120 - 5
main/css/chamilo/default.css

@@ -4522,7 +4522,29 @@ span.form_required  {
     padding:20px;
 }
 
-.categories-block-course {
+/* Categories courses*/
+
+#course-picture {
+    position:absolute;
+    top:8%;
+    left:85%;
+    padding:4px;
+    border:1pt solid #ccc;
+}
+
+#categories-content-first {
+    width:290px;
+    padding:5px;
+    float:left;
+}
+
+#categories-search {
+    text-align:center;
+    height:55px;
+    float: right;
+}
+
+#categories-list {
     -moz-border-radius-topleft:8px;
     -moz-border-radius-topright:8px;
     -webkit-border-top-left-radius: 8px;
@@ -4535,21 +4557,114 @@ span.form_required  {
     border:1px solid #CCCCCC;
     float:left;
     margin:10px;
-    padding:9px;
     width:240px;
     min-height:132px;
+    padding:25px;
+    font-size:11pt;
 }
 
+#categories-content-second {
+    margin-left: 315px;
+    padding:5px;
+    margin-top:5px;
+}
+
+.categories-block-course {
+    -moz-border-radius-topleft:8px;
+    -moz-border-radius-topright:8px;
+    -webkit-border-top-left-radius: 8px;
+    -webkit-border-top-right-radius: 8px;
+    border-top-left-radius: 8px;
+    border-top-right-radius: 8px;
+    -moz-box-shadow:0 -1px 10px 2px #CCCCCC;
+    -Webkit-box-shadow: 0 -1px 10px 2px  #CCCCCC;
+    box-shadow: 0 -1px 10px 2px #CCCCCC;
+    border:1px solid #CCCCCC;
+    float:left;
+    margin:10px;
+    padding:9px;
+    width:220px;
+    min-height:180px;
+    color: #BBBBBB;
+}
 
 .categories-course-picture {
-float:left;
+    width:95px;
+    height:95px;
+    float:left;
+    -moz-border-radius-topleft:4px;
+    -moz-border-radius-topright:4px;
+    -webkit-border-top-left-radius: 4px;
+    -webkit-border-top-right-radius: 4px;
+    border-top-left-radius: 4px;
+    border-top-right-radius: 4px;
+    -moz-box-shadow:0 -1px 5px 2px #CCCCCC;
+    -Webkit-box-shadow: 0 -1px 5px 2px  #CCCCCC;
+    box-shadow: 0 -1px 5px 2px #CCCCCC;
+    margin-left: 8px;
+}
+
+.categories-course-picture img {
+    width: 95px;
+    height: 95px;
+    background-color: #eeeeee;
 }
 
 .categories-course-description {
-font-family:arial;
-font-size:11px;
+    margin-left:10px;
+    font-family:arial;
+    font-size:11px;
+    margin-bottom: 10px;
 }
 
+.categories-course-description .course-block-title {
+    font-family: arial;
+    font-size: large;
+    margin-bottom: 10px;
+    color: #222222;
+}
+.categories-course-description .course-block-teacher {
+    font-size: large;
+    font-style: italic;
+    text-align: right;
+    color: #444444;
+}
+.categories-course-description .course-block-date {
+    font-size: large;
+    font-style: italic;
+    text-align: right;
+    color: #444444;
+}
+.course-block-popularity {
+    width: 90px;
+    margin-left:120px;
+    font-size: x-small;
+    font-style: italic;
+    text-align: right;
+    background-color: #eeeeee;
+    min-height:95px;
+    padding-right: 5px;
+    -moz-border-radius-topleft:4px;
+    -moz-border-radius-topright:4px;
+    -webkit-border-top-left-radius: 4px;
+    -webkit-border-top-right-radius: 4px;
+    border-top-left-radius: 4px;
+    border-top-right-radius: 4px;
+    -moz-box-shadow:0 -1px 5px 2px #CCCCCC;
+    -Webkit-box-shadow: 0 -1px 5px 2px  #CCCCCC;
+    box-shadow: 0 -1px 5px 2px #CCCCCC;
+}
+.course-block-popularity-score {
+    font-size: x-large;
+    text-align: center;
+    color: #000000;
+    padding-top: 10px;
+}
+
+.categories-course-links {
+    margin-top:5px;
+    height: 25px;
+}
 
 .course-link-desc a {
 text-decoration:underline;

+ 104 - 22
main/css/chamilo_electric_blue/default.css

@@ -4489,63 +4489,145 @@ span.form_required  {
 }
 
 #categories-content-first {
-    border:1pt solid #ccc;
     width:290px;
-    padding:10px;
+    padding:5px;
     float:left;
 }
 
 #categories-search {
-    border:1pt solid #ccc;
-    padding:10px;
     text-align:center;
-    height:105px;
+    height:55px;
+    float: right;
 }
 
 #categories-list {
-    border:1pt solid #ccc;
+    -moz-border-radius-topleft:8px;
+    -moz-border-radius-topright:8px;
+    -webkit-border-top-left-radius: 8px;
+    -webkit-border-top-right-radius: 8px;
+    border-top-left-radius: 8px;
+    border-top-right-radius: 8px;
+    -moz-box-shadow:0 -1px 10px 2px #CCCCCC;
+    -Webkit-box-shadow: 0 -1px 10px 2px  #CCCCCC;
+    box-shadow: 0 -1px 10px 2px #CCCCCC;
+    border:1px solid #CCCCCC;
+    float:left;
+    margin:10px;
+    width:240px;
+    min-height:132px;
     padding:25px;
-    margin-top:10px;
     font-size:11pt;
 }
 
 #categories-content-second {
-    border:1pt solid #ccc;
     margin-left: 315px;
     padding:5px;
     margin-top:5px;
 }
 
 .categories-block-course {
-    border:1pt solid #ccc;
-    width:246px;
-    height:180px;
-    margin:5px;
+    -moz-border-radius-topleft:8px;
+    -moz-border-radius-topright:8px;
+    -webkit-border-top-left-radius: 8px;
+    -webkit-border-top-right-radius: 8px;
+    border-top-left-radius: 8px;
+    border-top-right-radius: 8px;
+    -moz-box-shadow:0 -1px 10px 2px #CCCCCC;
+    -Webkit-box-shadow: 0 -1px 10px 2px  #CCCCCC;
+    box-shadow: 0 -1px 10px 2px #CCCCCC;
+    border:1px solid #CCCCCC;
     float:left;
-    padding:5px;
+    margin:10px;
+    padding:9px;
+    width:220px;
+    min-height:180px;
+    color: #BBBBBB;
 }
 
 .categories-course-picture {
-    border:1pt solid #ccc;
-    width:75px;
-    height:75px;
+    width:95px;
+    height:95px;
     float:left;
+    -moz-border-radius-topleft:4px;
+    -moz-border-radius-topright:4px;
+    -webkit-border-top-left-radius: 4px;
+    -webkit-border-top-right-radius: 4px;
+    border-top-left-radius: 4px;
+    border-top-right-radius: 4px;
+    -moz-box-shadow:0 -1px 5px 2px #CCCCCC;
+    -Webkit-box-shadow: 0 -1px 5px 2px  #CCCCCC;
+    box-shadow: 0 -1px 5px 2px #CCCCCC;
+    margin-left: 8px;
 }
 
 .categories-course-picture img {
-    width: 75px;
-    height: 75px;
+    width: 95px;
+    height: 95px;
+    background-color: #eeeeee;
 }
 
 .categories-course-description {
-    border:1pt solid #ccc;
-    margin-left:80px;
+    margin-left:10px;
+    font-family:arial;
+    font-size:11px;
+    margin-bottom: 10px;
+}
+
+.categories-course-description .course-block-title {
+    font-family: arial;
+    font-size: large;
+    margin-bottom: 10px;
+    color: #222222;
+}
+.categories-course-description .course-block-teacher {
+    font-size: large;
+    font-style: italic;
+    text-align: right;
+    color: #444444;
+}
+.categories-course-description .course-block-date {
+    font-size: large;
+    font-style: italic;
+    text-align: right;
+    color: #444444;
+}
+.course-block-popularity {
+    width: 90px;
+    margin-left:120px;
+    font-size: x-small;
+    font-style: italic;
+    text-align: right;
+    background-color: #eeeeee;
+    min-height:95px;
+    padding-right: 5px;
+    -moz-border-radius-topleft:4px;
+    -moz-border-radius-topright:4px;
+    -webkit-border-top-left-radius: 4px;
+    -webkit-border-top-right-radius: 4px;
+    border-top-left-radius: 4px;
+    border-top-right-radius: 4px;
+    -moz-box-shadow:0 -1px 5px 2px #CCCCCC;
+    -Webkit-box-shadow: 0 -1px 5px 2px  #CCCCCC;
+    box-shadow: 0 -1px 5px 2px #CCCCCC;
+}
+.course-block-popularity-score {
+    font-size: x-large;
+    text-align: center;
+    color: #000000;
+    padding-top: 10px;
 }
 
 .categories-course-links {
-    border:1pt solid #ccc;
     margin-top:5px;
-    height: 40px;
+    height: 25px;
+}
+
+.course-link-desc a {
+text-decoration:underline;
+}
+
+.course-link-desc span {
+padding-top:10px;
 }
 
 .attendance-users-table td {

+ 104 - 22
main/css/chamilo_green/default.css

@@ -4498,63 +4498,145 @@ span.form_required  {
 }
 
 #categories-content-first {
-    border:1pt solid #ccc;
     width:290px;
-    padding:10px;
+    padding:5px;
     float:left;
 }
 
 #categories-search {
-    border:1pt solid #ccc;
-    padding:10px;
     text-align:center;
-    height:105px;
+    height:55px;
+    float: right;
 }
 
 #categories-list {
-    border:1pt solid #ccc;
+    -moz-border-radius-topleft:8px;
+    -moz-border-radius-topright:8px;
+    -webkit-border-top-left-radius: 8px;
+    -webkit-border-top-right-radius: 8px;
+    border-top-left-radius: 8px;
+    border-top-right-radius: 8px;
+    -moz-box-shadow:0 -1px 10px 2px #CCCCCC;
+    -Webkit-box-shadow: 0 -1px 10px 2px  #CCCCCC;
+    box-shadow: 0 -1px 10px 2px #CCCCCC;
+    border:1px solid #CCCCCC;
+    float:left;
+    margin:10px;
+    width:240px;
+    min-height:132px;
     padding:25px;
-    margin-top:10px;
     font-size:11pt;
 }
 
 #categories-content-second {
-    border:1pt solid #ccc;
     margin-left: 315px;
     padding:5px;
     margin-top:5px;
 }
 
 .categories-block-course {
-    border:1pt solid #ccc;
-    width:246px;
-    height:180px;
-    margin:5px;
+    -moz-border-radius-topleft:8px;
+    -moz-border-radius-topright:8px;
+    -webkit-border-top-left-radius: 8px;
+    -webkit-border-top-right-radius: 8px;
+    border-top-left-radius: 8px;
+    border-top-right-radius: 8px;
+    -moz-box-shadow:0 -1px 10px 2px #CCCCCC;
+    -Webkit-box-shadow: 0 -1px 10px 2px  #CCCCCC;
+    box-shadow: 0 -1px 10px 2px #CCCCCC;
+    border:1px solid #CCCCCC;
     float:left;
-    padding:5px;
+    margin:10px;
+    padding:9px;
+    width:220px;
+    min-height:180px;
+    color: #BBBBBB;
 }
 
 .categories-course-picture {
-    border:1pt solid #ccc;
-    width:75px;
-    height:75px;
+    width:95px;
+    height:95px;
     float:left;
+    -moz-border-radius-topleft:4px;
+    -moz-border-radius-topright:4px;
+    -webkit-border-top-left-radius: 4px;
+    -webkit-border-top-right-radius: 4px;
+    border-top-left-radius: 4px;
+    border-top-right-radius: 4px;
+    -moz-box-shadow:0 -1px 5px 2px #CCCCCC;
+    -Webkit-box-shadow: 0 -1px 5px 2px  #CCCCCC;
+    box-shadow: 0 -1px 5px 2px #CCCCCC;
+    margin-left: 8px;
 }
 
 .categories-course-picture img {
-    width: 75px;
-    height: 75px;
+    width: 95px;
+    height: 95px;
+    background-color: #eeeeee;
 }
 
 .categories-course-description {
-    border:1pt solid #ccc;
-    margin-left:80px;
+    margin-left:10px;
+    font-family:arial;
+    font-size:11px;
+    margin-bottom: 10px;
+}
+
+.categories-course-description .course-block-title {
+    font-family: arial;
+    font-size: large;
+    margin-bottom: 10px;
+    color: #222222;
+}
+.categories-course-description .course-block-teacher {
+    font-size: large;
+    font-style: italic;
+    text-align: right;
+    color: #444444;
+}
+.categories-course-description .course-block-date {
+    font-size: large;
+    font-style: italic;
+    text-align: right;
+    color: #444444;
+}
+.course-block-popularity {
+    width: 90px;
+    margin-left:120px;
+    font-size: x-small;
+    font-style: italic;
+    text-align: right;
+    background-color: #eeeeee;
+    min-height:95px;
+    padding-right: 5px;
+    -moz-border-radius-topleft:4px;
+    -moz-border-radius-topright:4px;
+    -webkit-border-top-left-radius: 4px;
+    -webkit-border-top-right-radius: 4px;
+    border-top-left-radius: 4px;
+    border-top-right-radius: 4px;
+    -moz-box-shadow:0 -1px 5px 2px #CCCCCC;
+    -Webkit-box-shadow: 0 -1px 5px 2px  #CCCCCC;
+    box-shadow: 0 -1px 5px 2px #CCCCCC;
+}
+.course-block-popularity-score {
+    font-size: x-large;
+    text-align: center;
+    color: #000000;
+    padding-top: 10px;
 }
 
 .categories-course-links {
-    border:1pt solid #ccc;
     margin-top:5px;
-    height: 40px;
+    height: 25px;
+}
+
+.course-link-desc a {
+text-decoration:underline;
+}
+
+.course-link-desc span {
+padding-top:10px;
 }
 
 .attendance-users-table td {

+ 104 - 22
main/css/chamilo_orange/default.css

@@ -4471,63 +4471,145 @@ span.form_required  {
 }
 
 #categories-content-first {
-    border:1pt solid #ccc;
     width:290px;
-    padding:10px;
+    padding:5px;
     float:left;
 }
 
 #categories-search {
-    border:1pt solid #ccc;
-    padding:10px;
     text-align:center;
-    height:105px;
+    height:55px;
+    float: right;
 }
 
 #categories-list {
-    border:1pt solid #ccc;
+    -moz-border-radius-topleft:8px;
+    -moz-border-radius-topright:8px;
+    -webkit-border-top-left-radius: 8px;
+    -webkit-border-top-right-radius: 8px;
+    border-top-left-radius: 8px;
+    border-top-right-radius: 8px;
+    -moz-box-shadow:0 -1px 10px 2px #CCCCCC;
+    -Webkit-box-shadow: 0 -1px 10px 2px  #CCCCCC;
+    box-shadow: 0 -1px 10px 2px #CCCCCC;
+    border:1px solid #CCCCCC;
+    float:left;
+    margin:10px;
+    width:240px;
+    min-height:132px;
     padding:25px;
-    margin-top:10px;
     font-size:11pt;
 }
 
 #categories-content-second {
-    border:1pt solid #ccc;
     margin-left: 315px;
     padding:5px;
     margin-top:5px;
 }
 
 .categories-block-course {
-    border:1pt solid #ccc;
-    width:246px;
-    height:180px;
-    margin:5px;
+    -moz-border-radius-topleft:8px;
+    -moz-border-radius-topright:8px;
+    -webkit-border-top-left-radius: 8px;
+    -webkit-border-top-right-radius: 8px;
+    border-top-left-radius: 8px;
+    border-top-right-radius: 8px;
+    -moz-box-shadow:0 -1px 10px 2px #CCCCCC;
+    -Webkit-box-shadow: 0 -1px 10px 2px  #CCCCCC;
+    box-shadow: 0 -1px 10px 2px #CCCCCC;
+    border:1px solid #CCCCCC;
     float:left;
-    padding:5px;
+    margin:10px;
+    padding:9px;
+    width:220px;
+    min-height:180px;
+    color: #BBBBBB;
 }
 
 .categories-course-picture {
-    border:1pt solid #ccc;
-    width:75px;
-    height:75px;
+    width:95px;
+    height:95px;
     float:left;
+    -moz-border-radius-topleft:4px;
+    -moz-border-radius-topright:4px;
+    -webkit-border-top-left-radius: 4px;
+    -webkit-border-top-right-radius: 4px;
+    border-top-left-radius: 4px;
+    border-top-right-radius: 4px;
+    -moz-box-shadow:0 -1px 5px 2px #CCCCCC;
+    -Webkit-box-shadow: 0 -1px 5px 2px  #CCCCCC;
+    box-shadow: 0 -1px 5px 2px #CCCCCC;
+    margin-left: 8px;
 }
 
 .categories-course-picture img {
-    width: 75px;
-    height: 75px;
+    width: 95px;
+    height: 95px;
+    background-color: #eeeeee;
 }
 
 .categories-course-description {
-    border:1pt solid #ccc;
-    margin-left:80px;
+    margin-left:10px;
+    font-family:arial;
+    font-size:11px;
+    margin-bottom: 10px;
+}
+
+.categories-course-description .course-block-title {
+    font-family: arial;
+    font-size: large;
+    margin-bottom: 10px;
+    color: #222222;
+}
+.categories-course-description .course-block-teacher {
+    font-size: large;
+    font-style: italic;
+    text-align: right;
+    color: #444444;
+}
+.categories-course-description .course-block-date {
+    font-size: large;
+    font-style: italic;
+    text-align: right;
+    color: #444444;
+}
+.course-block-popularity {
+    width: 90px;
+    margin-left:120px;
+    font-size: x-small;
+    font-style: italic;
+    text-align: right;
+    background-color: #eeeeee;
+    min-height:95px;
+    padding-right: 5px;
+    -moz-border-radius-topleft:4px;
+    -moz-border-radius-topright:4px;
+    -webkit-border-top-left-radius: 4px;
+    -webkit-border-top-right-radius: 4px;
+    border-top-left-radius: 4px;
+    border-top-right-radius: 4px;
+    -moz-box-shadow:0 -1px 5px 2px #CCCCCC;
+    -Webkit-box-shadow: 0 -1px 5px 2px  #CCCCCC;
+    box-shadow: 0 -1px 5px 2px #CCCCCC;
+}
+.course-block-popularity-score {
+    font-size: x-large;
+    text-align: center;
+    color: #000000;
+    padding-top: 10px;
 }
 
 .categories-course-links {
-    border:1pt solid #ccc;
     margin-top:5px;
-    height: 40px;
+    height: 25px;
+}
+
+.course-link-desc a {
+text-decoration:underline;
+}
+
+.course-link-desc span {
+padding-top:10px;
 }
 
 .attendance-users-table td {

+ 104 - 22
main/css/chamilo_red/default.css

@@ -4481,63 +4481,145 @@ span.form_required  {
 }
 
 #categories-content-first {
-    border:1pt solid #ccc;
     width:290px;
-    padding:10px;
+    padding:5px;
     float:left;
 }
 
 #categories-search {
-    border:1pt solid #ccc;
-    padding:10px;
     text-align:center;
-    height:105px;
+    height:55px;
+    float: right;
 }
 
 #categories-list {
-    border:1pt solid #ccc;
+    -moz-border-radius-topleft:8px;
+    -moz-border-radius-topright:8px;
+    -webkit-border-top-left-radius: 8px;
+    -webkit-border-top-right-radius: 8px;
+    border-top-left-radius: 8px;
+    border-top-right-radius: 8px;
+    -moz-box-shadow:0 -1px 10px 2px #CCCCCC;
+    -Webkit-box-shadow: 0 -1px 10px 2px  #CCCCCC;
+    box-shadow: 0 -1px 10px 2px #CCCCCC;
+    border:1px solid #CCCCCC;
+    float:left;
+    margin:10px;
+    width:240px;
+    min-height:132px;
     padding:25px;
-    margin-top:10px;
     font-size:11pt;
 }
 
 #categories-content-second {
-    border:1pt solid #ccc;
     margin-left: 315px;
     padding:5px;
     margin-top:5px;
 }
 
 .categories-block-course {
-    border:1pt solid #ccc;
-    width:246px;
-    height:180px;
-    margin:5px;
+    -moz-border-radius-topleft:8px;
+    -moz-border-radius-topright:8px;
+    -webkit-border-top-left-radius: 8px;
+    -webkit-border-top-right-radius: 8px;
+    border-top-left-radius: 8px;
+    border-top-right-radius: 8px;
+    -moz-box-shadow:0 -1px 10px 2px #CCCCCC;
+    -Webkit-box-shadow: 0 -1px 10px 2px  #CCCCCC;
+    box-shadow: 0 -1px 10px 2px #CCCCCC;
+    border:1px solid #CCCCCC;
     float:left;
-    padding:5px;
+    margin:10px;
+    padding:9px;
+    width:220px;
+    min-height:180px;
+    color: #BBBBBB;
 }
 
 .categories-course-picture {
-    border:1pt solid #ccc;
-    width:75px;
-    height:75px;
+    width:95px;
+    height:95px;
     float:left;
+    -moz-border-radius-topleft:4px;
+    -moz-border-radius-topright:4px;
+    -webkit-border-top-left-radius: 4px;
+    -webkit-border-top-right-radius: 4px;
+    border-top-left-radius: 4px;
+    border-top-right-radius: 4px;
+    -moz-box-shadow:0 -1px 5px 2px #CCCCCC;
+    -Webkit-box-shadow: 0 -1px 5px 2px  #CCCCCC;
+    box-shadow: 0 -1px 5px 2px #CCCCCC;
+    margin-left: 8px;
 }
 
 .categories-course-picture img {
-    width: 75px;
-    height: 75px;
+    width: 95px;
+    height: 95px;
+    background-color: #eeeeee;
 }
 
 .categories-course-description {
-    border:1pt solid #ccc;
-    margin-left:80px;
+    margin-left:10px;
+    font-family:arial;
+    font-size:11px;
+    margin-bottom: 10px;
+}
+
+.categories-course-description .course-block-title {
+    font-family: arial;
+    font-size: large;
+    margin-bottom: 10px;
+    color: #222222;
+}
+.categories-course-description .course-block-teacher {
+    font-size: large;
+    font-style: italic;
+    text-align: right;
+    color: #444444;
+}
+.categories-course-description .course-block-date {
+    font-size: large;
+    font-style: italic;
+    text-align: right;
+    color: #444444;
+}
+.course-block-popularity {
+    width: 90px;
+    margin-left:120px;
+    font-size: x-small;
+    font-style: italic;
+    text-align: right;
+    background-color: #eeeeee;
+    min-height:95px;
+    padding-right: 5px;
+    -moz-border-radius-topleft:4px;
+    -moz-border-radius-topright:4px;
+    -webkit-border-top-left-radius: 4px;
+    -webkit-border-top-right-radius: 4px;
+    border-top-left-radius: 4px;
+    border-top-right-radius: 4px;
+    -moz-box-shadow:0 -1px 5px 2px #CCCCCC;
+    -Webkit-box-shadow: 0 -1px 5px 2px  #CCCCCC;
+    box-shadow: 0 -1px 5px 2px #CCCCCC;
+}
+.course-block-popularity-score {
+    font-size: x-large;
+    text-align: center;
+    color: #000000;
+    padding-top: 10px;
 }
 
 .categories-course-links {
-    border:1pt solid #ccc;
     margin-top:5px;
-    height: 40px;
+    height: 25px;
+}
+
+.course-link-desc a {
+text-decoration:underline;
+}
+
+.course-link-desc span {
+padding-top:10px;
 }
 
 .attendance-users-table td {

+ 104 - 22
main/css/cool_blue/default.css

@@ -3988,63 +3988,145 @@ span.form_required  {
 }
 
 #categories-content-first {
-    border:1pt solid #ccc;
     width:290px;
-    padding:10px;
+    padding:5px;
     float:left;
 }
 
 #categories-search {
-    border:1pt solid #ccc;
-    padding:10px;
     text-align:center;
-    height:105px;
+    height:55px;
+    float: right;
 }
 
 #categories-list {
-    border:1pt solid #ccc;
+    -moz-border-radius-topleft:8px;
+    -moz-border-radius-topright:8px;
+    -webkit-border-top-left-radius: 8px;
+    -webkit-border-top-right-radius: 8px;
+    border-top-left-radius: 8px;
+    border-top-right-radius: 8px;
+    -moz-box-shadow:0 -1px 10px 2px #CCCCCC;
+    -Webkit-box-shadow: 0 -1px 10px 2px  #CCCCCC;
+    box-shadow: 0 -1px 10px 2px #CCCCCC;
+    border:1px solid #CCCCCC;
+    float:left;
+    margin:10px;
+    width:240px;
+    min-height:132px;
     padding:25px;
-    margin-top:10px;
     font-size:11pt;
 }
 
 #categories-content-second {
-    border:1pt solid #ccc;
     margin-left: 315px;
     padding:5px;
     margin-top:5px;
 }
 
 .categories-block-course {
-    border:1pt solid #ccc;
-    width:246px;
-    height:180px;
-    margin:5px;
+    -moz-border-radius-topleft:8px;
+    -moz-border-radius-topright:8px;
+    -webkit-border-top-left-radius: 8px;
+    -webkit-border-top-right-radius: 8px;
+    border-top-left-radius: 8px;
+    border-top-right-radius: 8px;
+    -moz-box-shadow:0 -1px 10px 2px #CCCCCC;
+    -Webkit-box-shadow: 0 -1px 10px 2px  #CCCCCC;
+    box-shadow: 0 -1px 10px 2px #CCCCCC;
+    border:1px solid #CCCCCC;
     float:left;
-    padding:5px;
+    margin:10px;
+    padding:9px;
+    width:220px;
+    min-height:180px;
+    color: #BBBBBB;
 }
 
 .categories-course-picture {
-    border:1pt solid #ccc;
-    width:75px;
-    height:75px;
+    width:95px;
+    height:95px;
     float:left;
+    -moz-border-radius-topleft:4px;
+    -moz-border-radius-topright:4px;
+    -webkit-border-top-left-radius: 4px;
+    -webkit-border-top-right-radius: 4px;
+    border-top-left-radius: 4px;
+    border-top-right-radius: 4px;
+    -moz-box-shadow:0 -1px 5px 2px #CCCCCC;
+    -Webkit-box-shadow: 0 -1px 5px 2px  #CCCCCC;
+    box-shadow: 0 -1px 5px 2px #CCCCCC;
+    margin-left: 8px;
 }
 
 .categories-course-picture img {
-    width: 75px;
-    height: 75px;
+    width: 95px;
+    height: 95px;
+    background-color: #eeeeee;
 }
 
 .categories-course-description {
-    border:1pt solid #ccc;
-    margin-left:80px;
+    margin-left:10px;
+    font-family:arial;
+    font-size:11px;
+    margin-bottom: 10px;
+}
+
+.categories-course-description .course-block-title {
+    font-family: arial;
+    font-size: large;
+    margin-bottom: 10px;
+    color: #222222;
+}
+.categories-course-description .course-block-teacher {
+    font-size: large;
+    font-style: italic;
+    text-align: right;
+    color: #444444;
+}
+.categories-course-description .course-block-date {
+    font-size: large;
+    font-style: italic;
+    text-align: right;
+    color: #444444;
+}
+.course-block-popularity {
+    width: 90px;
+    margin-left:120px;
+    font-size: x-small;
+    font-style: italic;
+    text-align: right;
+    background-color: #eeeeee;
+    min-height:95px;
+    padding-right: 5px;
+    -moz-border-radius-topleft:4px;
+    -moz-border-radius-topright:4px;
+    -webkit-border-top-left-radius: 4px;
+    -webkit-border-top-right-radius: 4px;
+    border-top-left-radius: 4px;
+    border-top-right-radius: 4px;
+    -moz-box-shadow:0 -1px 5px 2px #CCCCCC;
+    -Webkit-box-shadow: 0 -1px 5px 2px  #CCCCCC;
+    box-shadow: 0 -1px 5px 2px #CCCCCC;
+}
+.course-block-popularity-score {
+    font-size: x-large;
+    text-align: center;
+    color: #000000;
+    padding-top: 10px;
 }
 
 .categories-course-links {
-    border:1pt solid #ccc;
     margin-top:5px;
-    height: 40px;
+    height: 25px;
+}
+
+.course-link-desc a {
+text-decoration:underline;
+}
+
+.course-link-desc span {
+padding-top:10px;
 }
 
 .attendance-users-table td {

+ 104 - 22
main/css/corporate/default.css

@@ -3455,63 +3455,145 @@ span.form_required  {
 }
 
 #categories-content-first {
-    border:1pt solid #ccc;
     width:290px;
-    padding:10px;
+    padding:5px;
     float:left;
 }
 
 #categories-search {
-    border:1pt solid #ccc;
-    padding:10px;
     text-align:center;
-    height:105px;
+    height:55px;
+    float: right;
 }
 
 #categories-list {
-    border:1pt solid #ccc;
+    -moz-border-radius-topleft:8px;
+    -moz-border-radius-topright:8px;
+    -webkit-border-top-left-radius: 8px;
+    -webkit-border-top-right-radius: 8px;
+    border-top-left-radius: 8px;
+    border-top-right-radius: 8px;
+    -moz-box-shadow:0 -1px 10px 2px #CCCCCC;
+    -Webkit-box-shadow: 0 -1px 10px 2px  #CCCCCC;
+    box-shadow: 0 -1px 10px 2px #CCCCCC;
+    border:1px solid #CCCCCC;
+    float:left;
+    margin:10px;
+    width:240px;
+    min-height:132px;
     padding:25px;
-    margin-top:10px;
     font-size:11pt;
 }
 
 #categories-content-second {
-    border:1pt solid #ccc;
     margin-left: 315px;
     padding:5px;
     margin-top:5px;
 }
 
 .categories-block-course {
-    border:1pt solid #ccc;
-    width:246px;
-    height:180px;
-    margin:5px;
+    -moz-border-radius-topleft:8px;
+    -moz-border-radius-topright:8px;
+    -webkit-border-top-left-radius: 8px;
+    -webkit-border-top-right-radius: 8px;
+    border-top-left-radius: 8px;
+    border-top-right-radius: 8px;
+    -moz-box-shadow:0 -1px 10px 2px #CCCCCC;
+    -Webkit-box-shadow: 0 -1px 10px 2px  #CCCCCC;
+    box-shadow: 0 -1px 10px 2px #CCCCCC;
+    border:1px solid #CCCCCC;
     float:left;
-    padding:5px;
+    margin:10px;
+    padding:9px;
+    width:220px;
+    min-height:180px;
+    color: #BBBBBB;
 }
 
 .categories-course-picture {
-    border:1pt solid #ccc;
-    width:75px;
-    height:75px;
+    width:95px;
+    height:95px;
     float:left;
+    -moz-border-radius-topleft:4px;
+    -moz-border-radius-topright:4px;
+    -webkit-border-top-left-radius: 4px;
+    -webkit-border-top-right-radius: 4px;
+    border-top-left-radius: 4px;
+    border-top-right-radius: 4px;
+    -moz-box-shadow:0 -1px 5px 2px #CCCCCC;
+    -Webkit-box-shadow: 0 -1px 5px 2px  #CCCCCC;
+    box-shadow: 0 -1px 5px 2px #CCCCCC;
+    margin-left: 8px;
 }
 
 .categories-course-picture img {
-    width: 75px;
-    height: 75px;
+    width: 95px;
+    height: 95px;
+    background-color: #eeeeee;
 }
 
 .categories-course-description {
-    border:1pt solid #ccc;
-    margin-left:80px;
+    margin-left:10px;
+    font-family:arial;
+    font-size:11px;
+    margin-bottom: 10px;
+}
+
+.categories-course-description .course-block-title {
+    font-family: arial;
+    font-size: large;
+    margin-bottom: 10px;
+    color: #222222;
+}
+.categories-course-description .course-block-teacher {
+    font-size: large;
+    font-style: italic;
+    text-align: right;
+    color: #444444;
+}
+.categories-course-description .course-block-date {
+    font-size: large;
+    font-style: italic;
+    text-align: right;
+    color: #444444;
+}
+.course-block-popularity {
+    width: 90px;
+    margin-left:120px;
+    font-size: x-small;
+    font-style: italic;
+    text-align: right;
+    background-color: #eeeeee;
+    min-height:95px;
+    padding-right: 5px;
+    -moz-border-radius-topleft:4px;
+    -moz-border-radius-topright:4px;
+    -webkit-border-top-left-radius: 4px;
+    -webkit-border-top-right-radius: 4px;
+    border-top-left-radius: 4px;
+    border-top-right-radius: 4px;
+    -moz-box-shadow:0 -1px 5px 2px #CCCCCC;
+    -Webkit-box-shadow: 0 -1px 5px 2px  #CCCCCC;
+    box-shadow: 0 -1px 5px 2px #CCCCCC;
+}
+.course-block-popularity-score {
+    font-size: x-large;
+    text-align: center;
+    color: #000000;
+    padding-top: 10px;
 }
 
 .categories-course-links {
-    border:1pt solid #ccc;
     margin-top:5px;
-    height: 40px;
+    height: 25px;
+}
+
+.course-link-desc a {
+text-decoration:underline;
+}
+
+.course-link-desc span {
+padding-top:10px;
 }
 
 .attendance-users-table td {

+ 104 - 22
main/css/cosmic_campus/default.css

@@ -3518,63 +3518,145 @@ span.form_required  {
 }
 
 #categories-content-first {
-    border:1pt solid #ccc;
     width:290px;
-    padding:10px;
+    padding:5px;
     float:left;
 }
 
 #categories-search {
-    border:1pt solid #ccc;
-    padding:10px;
     text-align:center;
-    height:105px;
+    height:55px;
+    float: right;
 }
 
 #categories-list {
-    border:1pt solid #ccc;
+    -moz-border-radius-topleft:8px;
+    -moz-border-radius-topright:8px;
+    -webkit-border-top-left-radius: 8px;
+    -webkit-border-top-right-radius: 8px;
+    border-top-left-radius: 8px;
+    border-top-right-radius: 8px;
+    -moz-box-shadow:0 -1px 10px 2px #CCCCCC;
+    -Webkit-box-shadow: 0 -1px 10px 2px  #CCCCCC;
+    box-shadow: 0 -1px 10px 2px #CCCCCC;
+    border:1px solid #CCCCCC;
+    float:left;
+    margin:10px;
+    width:240px;
+    min-height:132px;
     padding:25px;
-    margin-top:10px;
     font-size:11pt;
 }
 
 #categories-content-second {
-    border:1pt solid #ccc;
     margin-left: 315px;
     padding:5px;
     margin-top:5px;
 }
 
 .categories-block-course {
-    border:1pt solid #ccc;
-    width:246px;
-    height:180px;
-    margin:5px;
+    -moz-border-radius-topleft:8px;
+    -moz-border-radius-topright:8px;
+    -webkit-border-top-left-radius: 8px;
+    -webkit-border-top-right-radius: 8px;
+    border-top-left-radius: 8px;
+    border-top-right-radius: 8px;
+    -moz-box-shadow:0 -1px 10px 2px #CCCCCC;
+    -Webkit-box-shadow: 0 -1px 10px 2px  #CCCCCC;
+    box-shadow: 0 -1px 10px 2px #CCCCCC;
+    border:1px solid #CCCCCC;
     float:left;
-    padding:5px;
+    margin:10px;
+    padding:9px;
+    width:220px;
+    min-height:180px;
+    color: #BBBBBB;
 }
 
 .categories-course-picture {
-    border:1pt solid #ccc;
-    width:75px;
-    height:75px;
+    width:95px;
+    height:95px;
     float:left;
+    -moz-border-radius-topleft:4px;
+    -moz-border-radius-topright:4px;
+    -webkit-border-top-left-radius: 4px;
+    -webkit-border-top-right-radius: 4px;
+    border-top-left-radius: 4px;
+    border-top-right-radius: 4px;
+    -moz-box-shadow:0 -1px 5px 2px #CCCCCC;
+    -Webkit-box-shadow: 0 -1px 5px 2px  #CCCCCC;
+    box-shadow: 0 -1px 5px 2px #CCCCCC;
+    margin-left: 8px;
 }
 
 .categories-course-picture img {
-    width: 75px;
-    height: 75px;
+    width: 95px;
+    height: 95px;
+    background-color: #eeeeee;
 }
 
 .categories-course-description {
-    border:1pt solid #ccc;
-    margin-left:80px;
+    margin-left:10px;
+    font-family:arial;
+    font-size:11px;
+    margin-bottom: 10px;
+}
+
+.categories-course-description .course-block-title {
+    font-family: arial;
+    font-size: large;
+    margin-bottom: 10px;
+    color: #222222;
+}
+.categories-course-description .course-block-teacher {
+    font-size: large;
+    font-style: italic;
+    text-align: right;
+    color: #444444;
+}
+.categories-course-description .course-block-date {
+    font-size: large;
+    font-style: italic;
+    text-align: right;
+    color: #444444;
+}
+.course-block-popularity {
+    width: 90px;
+    margin-left:120px;
+    font-size: x-small;
+    font-style: italic;
+    text-align: right;
+    background-color: #eeeeee;
+    min-height:95px;
+    padding-right: 5px;
+    -moz-border-radius-topleft:4px;
+    -moz-border-radius-topright:4px;
+    -webkit-border-top-left-radius: 4px;
+    -webkit-border-top-right-radius: 4px;
+    border-top-left-radius: 4px;
+    border-top-right-radius: 4px;
+    -moz-box-shadow:0 -1px 5px 2px #CCCCCC;
+    -Webkit-box-shadow: 0 -1px 5px 2px  #CCCCCC;
+    box-shadow: 0 -1px 5px 2px #CCCCCC;
+}
+.course-block-popularity-score {
+    font-size: x-large;
+    text-align: center;
+    color: #000000;
+    padding-top: 10px;
 }
 
 .categories-course-links {
-    border:1pt solid #ccc;
     margin-top:5px;
-    height: 40px;
+    height: 25px;
+}
+
+.course-link-desc a {
+text-decoration:underline;
+}
+
+.course-link-desc span {
+padding-top:10px;
 }
 
 .attendance-users-table td {

+ 104 - 22
main/css/delicious_bordeaux/default.css

@@ -3978,63 +3978,145 @@ span.form_required  {
 }
 
 #categories-content-first {
-    border:1pt solid #ccc;
     width:290px;
-    padding:10px;
+    padding:5px;
     float:left;
 }
 
 #categories-search {
-    border:1pt solid #ccc;
-    padding:10px;
     text-align:center;
-    height:105px;
+    height:55px;
+    float: right;
 }
 
 #categories-list {
-    border:1pt solid #ccc;
+    -moz-border-radius-topleft:8px;
+    -moz-border-radius-topright:8px;
+    -webkit-border-top-left-radius: 8px;
+    -webkit-border-top-right-radius: 8px;
+    border-top-left-radius: 8px;
+    border-top-right-radius: 8px;
+    -moz-box-shadow:0 -1px 10px 2px #CCCCCC;
+    -Webkit-box-shadow: 0 -1px 10px 2px  #CCCCCC;
+    box-shadow: 0 -1px 10px 2px #CCCCCC;
+    border:1px solid #CCCCCC;
+    float:left;
+    margin:10px;
+    width:240px;
+    min-height:132px;
     padding:25px;
-    margin-top:10px;
     font-size:11pt;
 }
 
 #categories-content-second {
-    border:1pt solid #ccc;
     margin-left: 315px;
     padding:5px;
     margin-top:5px;
 }
 
 .categories-block-course {
-    border:1pt solid #ccc;
-    width:246px;
-    height:180px;
-    margin:5px;
+    -moz-border-radius-topleft:8px;
+    -moz-border-radius-topright:8px;
+    -webkit-border-top-left-radius: 8px;
+    -webkit-border-top-right-radius: 8px;
+    border-top-left-radius: 8px;
+    border-top-right-radius: 8px;
+    -moz-box-shadow:0 -1px 10px 2px #CCCCCC;
+    -Webkit-box-shadow: 0 -1px 10px 2px  #CCCCCC;
+    box-shadow: 0 -1px 10px 2px #CCCCCC;
+    border:1px solid #CCCCCC;
     float:left;
-    padding:5px;
+    margin:10px;
+    padding:9px;
+    width:220px;
+    min-height:180px;
+    color: #BBBBBB;
 }
 
 .categories-course-picture {
-    border:1pt solid #ccc;
-    width:75px;
-    height:75px;
+    width:95px;
+    height:95px;
     float:left;
+    -moz-border-radius-topleft:4px;
+    -moz-border-radius-topright:4px;
+    -webkit-border-top-left-radius: 4px;
+    -webkit-border-top-right-radius: 4px;
+    border-top-left-radius: 4px;
+    border-top-right-radius: 4px;
+    -moz-box-shadow:0 -1px 5px 2px #CCCCCC;
+    -Webkit-box-shadow: 0 -1px 5px 2px  #CCCCCC;
+    box-shadow: 0 -1px 5px 2px #CCCCCC;
+    margin-left: 8px;
 }
 
 .categories-course-picture img {
-    width: 75px;
-    height: 75px;
+    width: 95px;
+    height: 95px;
+    background-color: #eeeeee;
 }
 
 .categories-course-description {
-    border:1pt solid #ccc;
-    margin-left:80px;
+    margin-left:10px;
+    font-family:arial;
+    font-size:11px;
+    margin-bottom: 10px;
+}
+
+.categories-course-description .course-block-title {
+    font-family: arial;
+    font-size: large;
+    margin-bottom: 10px;
+    color: #222222;
+}
+.categories-course-description .course-block-teacher {
+    font-size: large;
+    font-style: italic;
+    text-align: right;
+    color: #444444;
+}
+.categories-course-description .course-block-date {
+    font-size: large;
+    font-style: italic;
+    text-align: right;
+    color: #444444;
+}
+.course-block-popularity {
+    width: 90px;
+    margin-left:120px;
+    font-size: x-small;
+    font-style: italic;
+    text-align: right;
+    background-color: #eeeeee;
+    min-height:95px;
+    padding-right: 5px;
+    -moz-border-radius-topleft:4px;
+    -moz-border-radius-topright:4px;
+    -webkit-border-top-left-radius: 4px;
+    -webkit-border-top-right-radius: 4px;
+    border-top-left-radius: 4px;
+    border-top-right-radius: 4px;
+    -moz-box-shadow:0 -1px 5px 2px #CCCCCC;
+    -Webkit-box-shadow: 0 -1px 5px 2px  #CCCCCC;
+    box-shadow: 0 -1px 5px 2px #CCCCCC;
+}
+.course-block-popularity-score {
+    font-size: x-large;
+    text-align: center;
+    color: #000000;
+    padding-top: 10px;
 }
 
 .categories-course-links {
-    border:1pt solid #ccc;
     margin-top:5px;
-    height: 40px;
+    height: 25px;
+}
+
+.course-link-desc a {
+text-decoration:underline;
+}
+
+.course-link-desc span {
+padding-top:10px;
 }
 
 .attendance-users-table td {

+ 104 - 22
main/css/dokeos_blue/default.css

@@ -4027,63 +4027,145 @@ span.form_required  {
 }
 
 #categories-content-first {
-    border:1pt solid #ccc;
     width:290px;
-    padding:10px;
+    padding:5px;
     float:left;
 }
 
 #categories-search {
-    border:1pt solid #ccc;
-    padding:10px;
     text-align:center;
-    height:105px;
+    height:55px;
+    float: right;
 }
 
 #categories-list {
-    border:1pt solid #ccc;
+    -moz-border-radius-topleft:8px;
+    -moz-border-radius-topright:8px;
+    -webkit-border-top-left-radius: 8px;
+    -webkit-border-top-right-radius: 8px;
+    border-top-left-radius: 8px;
+    border-top-right-radius: 8px;
+    -moz-box-shadow:0 -1px 10px 2px #CCCCCC;
+    -Webkit-box-shadow: 0 -1px 10px 2px  #CCCCCC;
+    box-shadow: 0 -1px 10px 2px #CCCCCC;
+    border:1px solid #CCCCCC;
+    float:left;
+    margin:10px;
+    width:240px;
+    min-height:132px;
     padding:25px;
-    margin-top:10px;
     font-size:11pt;
 }
 
 #categories-content-second {
-    border:1pt solid #ccc;
     margin-left: 315px;
     padding:5px;
     margin-top:5px;
 }
 
 .categories-block-course {
-    border:1pt solid #ccc;
-    width:246px;
-    height:180px;
-    margin:5px;
+    -moz-border-radius-topleft:8px;
+    -moz-border-radius-topright:8px;
+    -webkit-border-top-left-radius: 8px;
+    -webkit-border-top-right-radius: 8px;
+    border-top-left-radius: 8px;
+    border-top-right-radius: 8px;
+    -moz-box-shadow:0 -1px 10px 2px #CCCCCC;
+    -Webkit-box-shadow: 0 -1px 10px 2px  #CCCCCC;
+    box-shadow: 0 -1px 10px 2px #CCCCCC;
+    border:1px solid #CCCCCC;
     float:left;
-    padding:5px;
+    margin:10px;
+    padding:9px;
+    width:220px;
+    min-height:180px;
+    color: #BBBBBB;
 }
 
 .categories-course-picture {
-    border:1pt solid #ccc;
-    width:75px;
-    height:75px;
+    width:95px;
+    height:95px;
     float:left;
+    -moz-border-radius-topleft:4px;
+    -moz-border-radius-topright:4px;
+    -webkit-border-top-left-radius: 4px;
+    -webkit-border-top-right-radius: 4px;
+    border-top-left-radius: 4px;
+    border-top-right-radius: 4px;
+    -moz-box-shadow:0 -1px 5px 2px #CCCCCC;
+    -Webkit-box-shadow: 0 -1px 5px 2px  #CCCCCC;
+    box-shadow: 0 -1px 5px 2px #CCCCCC;
+    margin-left: 8px;
 }
 
 .categories-course-picture img {
-    width: 75px;
-    height: 75px;
+    width: 95px;
+    height: 95px;
+    background-color: #eeeeee;
 }
 
 .categories-course-description {
-    border:1pt solid #ccc;
-    margin-left:80px;
+    margin-left:10px;
+    font-family:arial;
+    font-size:11px;
+    margin-bottom: 10px;
+}
+
+.categories-course-description .course-block-title {
+    font-family: arial;
+    font-size: large;
+    margin-bottom: 10px;
+    color: #222222;
+}
+.categories-course-description .course-block-teacher {
+    font-size: large;
+    font-style: italic;
+    text-align: right;
+    color: #444444;
+}
+.categories-course-description .course-block-date {
+    font-size: large;
+    font-style: italic;
+    text-align: right;
+    color: #444444;
+}
+.course-block-popularity {
+    width: 90px;
+    margin-left:120px;
+    font-size: x-small;
+    font-style: italic;
+    text-align: right;
+    background-color: #eeeeee;
+    min-height:95px;
+    padding-right: 5px;
+    -moz-border-radius-topleft:4px;
+    -moz-border-radius-topright:4px;
+    -webkit-border-top-left-radius: 4px;
+    -webkit-border-top-right-radius: 4px;
+    border-top-left-radius: 4px;
+    border-top-right-radius: 4px;
+    -moz-box-shadow:0 -1px 5px 2px #CCCCCC;
+    -Webkit-box-shadow: 0 -1px 5px 2px  #CCCCCC;
+    box-shadow: 0 -1px 5px 2px #CCCCCC;
+}
+.course-block-popularity-score {
+    font-size: x-large;
+    text-align: center;
+    color: #000000;
+    padding-top: 10px;
 }
 
 .categories-course-links {
-    border:1pt solid #ccc;
     margin-top:5px;
-    height: 40px;
+    height: 25px;
+}
+
+.course-link-desc a {
+text-decoration:underline;
+}
+
+.course-link-desc span {
+padding-top:10px;
 }
 
 .attendance-users-table td {

+ 100 - 27
main/css/dokeos_classic/default.css

@@ -4240,74 +4240,147 @@ span.form_required  {
 }
 
 #categories-content-first {
-    border:1pt solid #ccc;
     width:290px;
-    padding:10px;
+    padding:5px;
     float:left;
 }
 
 #categories-search {
-    border:1pt solid #ccc;
-    padding:10px;
     text-align:center;
-    height:105px;
+    height:55px;
+    float: right;
 }
 
 #categories-list {
-    border:1pt solid #ccc;
+    -moz-border-radius-topleft:8px;
+    -moz-border-radius-topright:8px;
+    -webkit-border-top-left-radius: 8px;
+    -webkit-border-top-right-radius: 8px;
+    border-top-left-radius: 8px;
+    border-top-right-radius: 8px;
+    -moz-box-shadow:0 -1px 10px 2px #CCCCCC;
+    -Webkit-box-shadow: 0 -1px 10px 2px  #CCCCCC;
+    box-shadow: 0 -1px 10px 2px #CCCCCC;
+    border:1px solid #CCCCCC;
+    float:left;
+    margin:10px;
+    width:240px;
+    min-height:132px;
     padding:25px;
-    margin-top:10px;
     font-size:11pt;
 }
 
 #categories-content-second {
-    border:1pt solid #ccc;
     margin-left: 315px;
     padding:5px;
     margin-top:5px;
 }
 
 .categories-block-course {
-    border:1pt solid #ccc;
-    width:246px;
-    height:180px;
-    margin:5px;
+    -moz-border-radius-topleft:8px;
+    -moz-border-radius-topright:8px;
+    -webkit-border-top-left-radius: 8px;
+    -webkit-border-top-right-radius: 8px;
+    border-top-left-radius: 8px;
+    border-top-right-radius: 8px;
+    -moz-box-shadow:0 -1px 10px 2px #CCCCCC;
+    -Webkit-box-shadow: 0 -1px 10px 2px  #CCCCCC;
+    box-shadow: 0 -1px 10px 2px #CCCCCC;
+    border:1px solid #CCCCCC;
     float:left;
-    padding:5px;
+    margin:10px;
+    padding:9px;
+    width:220px;
+    min-height:180px;
+    color: #BBBBBB;
 }
 
 .categories-course-picture {
-    border:1pt solid #ccc;
-    width:75px;
-    height:75px;
+    width:95px;
+    height:95px;
     float:left;
+    -moz-border-radius-topleft:4px;
+    -moz-border-radius-topright:4px;
+    -webkit-border-top-left-radius: 4px;
+    -webkit-border-top-right-radius: 4px;
+    border-top-left-radius: 4px;
+    border-top-right-radius: 4px;
+    -moz-box-shadow:0 -1px 5px 2px #CCCCCC;
+    -Webkit-box-shadow: 0 -1px 5px 2px  #CCCCCC;
+    box-shadow: 0 -1px 5px 2px #CCCCCC;
+    margin-left: 8px;
 }
 
 .categories-course-picture img {
-    width: 75px;
-    height: 75px;
+    width: 95px;
+    height: 95px;
+    background-color: #eeeeee;
 }
 
 .categories-course-description {
-    border:1pt solid #ccc;
-    margin-left:80px;
+    margin-left:10px;
+    font-family:arial;
+    font-size:11px;
+    margin-bottom: 10px;
+}
+
+.categories-course-description .course-block-title {
+    font-family: arial;
+    font-size: large;
+    margin-bottom: 10px;
+    color: #222222;
+}
+.categories-course-description .course-block-teacher {
+    font-size: large;
+    font-style: italic;
+    text-align: right;
+    color: #444444;
+}
+.categories-course-description .course-block-date {
+    font-size: large;
+    font-style: italic;
+    text-align: right;
+    color: #444444;
+}
+.course-block-popularity {
+    width: 90px;
+    margin-left:120px;
+    font-size: x-small;
+    font-style: italic;
+    text-align: right;
+    background-color: #eeeeee;
+    min-height:95px;
+    padding-right: 5px;
+    -moz-border-radius-topleft:4px;
+    -moz-border-radius-topright:4px;
+    -webkit-border-top-left-radius: 4px;
+    -webkit-border-top-right-radius: 4px;
+    border-top-left-radius: 4px;
+    border-top-right-radius: 4px;
+    -moz-box-shadow:0 -1px 5px 2px #CCCCCC;
+    -Webkit-box-shadow: 0 -1px 5px 2px  #CCCCCC;
+    box-shadow: 0 -1px 5px 2px #CCCCCC;
+}
+.course-block-popularity-score {
+    font-size: x-large;
+    text-align: center;
+    color: #000000;
+    padding-top: 10px;
 }
 
 .categories-course-links {
-    border:1pt solid #ccc;
     margin-top:5px;
-    height: 40px;
+    height: 25px;
 }
 
-.attendance-users-table td {
-	height:66px;
+.course-link-desc a {
+text-decoration:underline;
 }
 
-.attendance-calendar-table td {
-	height:66px;
+.course-link-desc span {
+padding-top:10px;
 }
 
-
 .attendance-users-table td {
 	height:66px;
 }

+ 103 - 22
main/css/dokeos_classic_2D/default.css

@@ -4248,65 +4248,146 @@ span.form_required  {
 }
 
 #categories-content-first {
-    border:1pt solid #ccc;
     width:290px;
-    padding:10px;
+    padding:5px;
     float:left;
 }
 
 #categories-search {
-    border:1pt solid #ccc;
-    padding:10px;
     text-align:center;
-    height:105px;
+    height:55px;
+    float: right;
 }
 
 #categories-list {
-    border:1pt solid #ccc;
+    -moz-border-radius-topleft:8px;
+    -moz-border-radius-topright:8px;
+    -webkit-border-top-left-radius: 8px;
+    -webkit-border-top-right-radius: 8px;
+    border-top-left-radius: 8px;
+    border-top-right-radius: 8px;
+    -moz-box-shadow:0 -1px 10px 2px #CCCCCC;
+    -Webkit-box-shadow: 0 -1px 10px 2px  #CCCCCC;
+    box-shadow: 0 -1px 10px 2px #CCCCCC;
+    border:1px solid #CCCCCC;
+    float:left;
+    margin:10px;
+    width:240px;
+    min-height:132px;
     padding:25px;
-    margin-top:10px;
     font-size:11pt;
 }
 
 #categories-content-second {
-    border:1pt solid #ccc;
     margin-left: 315px;
     padding:5px;
     margin-top:5px;
 }
 
 .categories-block-course {
-    border:1pt solid #ccc;
-    width:246px;
-    height:180px;
-    margin:5px;
+    -moz-border-radius-topleft:8px;
+    -moz-border-radius-topright:8px;
+    -webkit-border-top-left-radius: 8px;
+    -webkit-border-top-right-radius: 8px;
+    border-top-left-radius: 8px;
+    border-top-right-radius: 8px;
+    -moz-box-shadow:0 -1px 10px 2px #CCCCCC;
+    -Webkit-box-shadow: 0 -1px 10px 2px  #CCCCCC;
+    box-shadow: 0 -1px 10px 2px #CCCCCC;
+    border:1px solid #CCCCCC;
     float:left;
-    padding:5px;
+    margin:10px;
+    padding:9px;
+    width:220px;
+    min-height:180px;
+    color: #BBBBBB;
 }
 
 .categories-course-picture {
-    border:1pt solid #ccc;
-    width:75px;
-    height:75px;
+    width:95px;
+    height:95px;
     float:left;
+    -moz-border-radius-topleft:4px;
+    -moz-border-radius-topright:4px;
+    -webkit-border-top-left-radius: 4px;
+    -webkit-border-top-right-radius: 4px;
+    border-top-left-radius: 4px;
+    border-top-right-radius: 4px;
+    -moz-box-shadow:0 -1px 5px 2px #CCCCCC;
+    -Webkit-box-shadow: 0 -1px 5px 2px  #CCCCCC;
+    box-shadow: 0 -1px 5px 2px #CCCCCC;
+    margin-left: 8px;
 }
 
 .categories-course-picture img {
-    width: 75px;
-    height: 75px;
+    width: 95px;
+    height: 95px;
+    background-color: #eeeeee;
 }
 
 .categories-course-description {
-    border:1pt solid #ccc;
-    margin-left:80px;
+    margin-left:10px;
+    font-family:arial;
+    font-size:11px;
+    margin-bottom: 10px;
+}
+
+.categories-course-description .course-block-title {
+    font-family: arial;
+    font-size: large;
+    margin-bottom: 10px;
+    color: #222222;
+}
+.categories-course-description .course-block-teacher {
+    font-size: large;
+    font-style: italic;
+    text-align: right;
+    color: #444444;
+}
+.categories-course-description .course-block-date {
+    font-size: large;
+    font-style: italic;
+    text-align: right;
+    color: #444444;
+}
+.course-block-popularity {
+    width: 90px;
+    margin-left:120px;
+    font-size: x-small;
+    font-style: italic;
+    text-align: right;
+    background-color: #eeeeee;
+    min-height:95px;
+    padding-right: 5px;
+    -moz-border-radius-topleft:4px;
+    -moz-border-radius-topright:4px;
+    -webkit-border-top-left-radius: 4px;
+    -webkit-border-top-right-radius: 4px;
+    border-top-left-radius: 4px;
+    border-top-right-radius: 4px;
+    -moz-box-shadow:0 -1px 5px 2px #CCCCCC;
+    -Webkit-box-shadow: 0 -1px 5px 2px  #CCCCCC;
+    box-shadow: 0 -1px 5px 2px #CCCCCC;
+}
+.course-block-popularity-score {
+    font-size: x-large;
+    text-align: center;
+    color: #000000;
+    padding-top: 10px;
 }
 
 .categories-course-links {
-    border:1pt solid #ccc;
     margin-top:5px;
-    height: 40px;
+    height: 25px;
+}
+
+.course-link-desc a {
+text-decoration:underline;
 }
 
+.course-link-desc span {
+padding-top:10px;
+}
 
 .attendance-users-table td {
 	height:66px;

+ 104 - 22
main/css/empire_green/default.css

@@ -3965,63 +3965,145 @@ span.form_required  {
 }
 
 #categories-content-first {
-    border:1pt solid #ccc;
     width:290px;
-    padding:10px;
+    padding:5px;
     float:left;
 }
 
 #categories-search {
-    border:1pt solid #ccc;
-    padding:10px;
     text-align:center;
-    height:105px;
+    height:55px;
+    float: right;
 }
 
 #categories-list {
-    border:1pt solid #ccc;
+    -moz-border-radius-topleft:8px;
+    -moz-border-radius-topright:8px;
+    -webkit-border-top-left-radius: 8px;
+    -webkit-border-top-right-radius: 8px;
+    border-top-left-radius: 8px;
+    border-top-right-radius: 8px;
+    -moz-box-shadow:0 -1px 10px 2px #CCCCCC;
+    -Webkit-box-shadow: 0 -1px 10px 2px  #CCCCCC;
+    box-shadow: 0 -1px 10px 2px #CCCCCC;
+    border:1px solid #CCCCCC;
+    float:left;
+    margin:10px;
+    width:240px;
+    min-height:132px;
     padding:25px;
-    margin-top:10px;
     font-size:11pt;
 }
 
 #categories-content-second {
-    border:1pt solid #ccc;
     margin-left: 315px;
     padding:5px;
     margin-top:5px;
 }
 
 .categories-block-course {
-    border:1pt solid #ccc;
-    width:246px;
-    height:180px;
-    margin:5px;
+    -moz-border-radius-topleft:8px;
+    -moz-border-radius-topright:8px;
+    -webkit-border-top-left-radius: 8px;
+    -webkit-border-top-right-radius: 8px;
+    border-top-left-radius: 8px;
+    border-top-right-radius: 8px;
+    -moz-box-shadow:0 -1px 10px 2px #CCCCCC;
+    -Webkit-box-shadow: 0 -1px 10px 2px  #CCCCCC;
+    box-shadow: 0 -1px 10px 2px #CCCCCC;
+    border:1px solid #CCCCCC;
     float:left;
-    padding:5px;
+    margin:10px;
+    padding:9px;
+    width:220px;
+    min-height:180px;
+    color: #BBBBBB;
 }
 
 .categories-course-picture {
-    border:1pt solid #ccc;
-    width:75px;
-    height:75px;
+    width:95px;
+    height:95px;
     float:left;
+    -moz-border-radius-topleft:4px;
+    -moz-border-radius-topright:4px;
+    -webkit-border-top-left-radius: 4px;
+    -webkit-border-top-right-radius: 4px;
+    border-top-left-radius: 4px;
+    border-top-right-radius: 4px;
+    -moz-box-shadow:0 -1px 5px 2px #CCCCCC;
+    -Webkit-box-shadow: 0 -1px 5px 2px  #CCCCCC;
+    box-shadow: 0 -1px 5px 2px #CCCCCC;
+    margin-left: 8px;
 }
 
 .categories-course-picture img {
-    width: 75px;
-    height: 75px;
+    width: 95px;
+    height: 95px;
+    background-color: #eeeeee;
 }
 
 .categories-course-description {
-    border:1pt solid #ccc;
-    margin-left:80px;
+    margin-left:10px;
+    font-family:arial;
+    font-size:11px;
+    margin-bottom: 10px;
+}
+
+.categories-course-description .course-block-title {
+    font-family: arial;
+    font-size: large;
+    margin-bottom: 10px;
+    color: #222222;
+}
+.categories-course-description .course-block-teacher {
+    font-size: large;
+    font-style: italic;
+    text-align: right;
+    color: #444444;
+}
+.categories-course-description .course-block-date {
+    font-size: large;
+    font-style: italic;
+    text-align: right;
+    color: #444444;
+}
+.course-block-popularity {
+    width: 90px;
+    margin-left:120px;
+    font-size: x-small;
+    font-style: italic;
+    text-align: right;
+    background-color: #eeeeee;
+    min-height:95px;
+    padding-right: 5px;
+    -moz-border-radius-topleft:4px;
+    -moz-border-radius-topright:4px;
+    -webkit-border-top-left-radius: 4px;
+    -webkit-border-top-right-radius: 4px;
+    border-top-left-radius: 4px;
+    border-top-right-radius: 4px;
+    -moz-box-shadow:0 -1px 5px 2px #CCCCCC;
+    -Webkit-box-shadow: 0 -1px 5px 2px  #CCCCCC;
+    box-shadow: 0 -1px 5px 2px #CCCCCC;
+}
+.course-block-popularity-score {
+    font-size: x-large;
+    text-align: center;
+    color: #000000;
+    padding-top: 10px;
 }
 
 .categories-course-links {
-    border:1pt solid #ccc;
     margin-top:5px;
-    height: 40px;
+    height: 25px;
+}
+
+.course-link-desc a {
+text-decoration:underline;
+}
+
+.course-link-desc span {
+padding-top:10px;
 }
 
 .attendance-users-table td {

+ 103 - 22
main/css/fruity_orange/default.css

@@ -3965,65 +3965,146 @@ span.form_required  {
 }
 
 #categories-content-first {
-    border:1pt solid #ccc;
     width:290px;
-    padding:10px;
+    padding:5px;
     float:left;
 }
 
 #categories-search {
-    border:1pt solid #ccc;
-    padding:10px;
     text-align:center;
-    height:105px;
+    height:55px;
+    float: right;
 }
 
 #categories-list {
-    border:1pt solid #ccc;
+    -moz-border-radius-topleft:8px;
+    -moz-border-radius-topright:8px;
+    -webkit-border-top-left-radius: 8px;
+    -webkit-border-top-right-radius: 8px;
+    border-top-left-radius: 8px;
+    border-top-right-radius: 8px;
+    -moz-box-shadow:0 -1px 10px 2px #CCCCCC;
+    -Webkit-box-shadow: 0 -1px 10px 2px  #CCCCCC;
+    box-shadow: 0 -1px 10px 2px #CCCCCC;
+    border:1px solid #CCCCCC;
+    float:left;
+    margin:10px;
+    width:240px;
+    min-height:132px;
     padding:25px;
-    margin-top:10px;
     font-size:11pt;
 }
 
 #categories-content-second {
-    border:1pt solid #ccc;
     margin-left: 315px;
     padding:5px;
     margin-top:5px;
 }
 
 .categories-block-course {
-    border:1pt solid #ccc;
-    width:246px;
-    height:180px;
-    margin:5px;
+    -moz-border-radius-topleft:8px;
+    -moz-border-radius-topright:8px;
+    -webkit-border-top-left-radius: 8px;
+    -webkit-border-top-right-radius: 8px;
+    border-top-left-radius: 8px;
+    border-top-right-radius: 8px;
+    -moz-box-shadow:0 -1px 10px 2px #CCCCCC;
+    -Webkit-box-shadow: 0 -1px 10px 2px  #CCCCCC;
+    box-shadow: 0 -1px 10px 2px #CCCCCC;
+    border:1px solid #CCCCCC;
     float:left;
-    padding:5px;
+    margin:10px;
+    padding:9px;
+    width:220px;
+    min-height:180px;
+    color: #BBBBBB;
 }
 
 .categories-course-picture {
-    border:1pt solid #ccc;
-    width:75px;
-    height:75px;
+    width:95px;
+    height:95px;
     float:left;
+    -moz-border-radius-topleft:4px;
+    -moz-border-radius-topright:4px;
+    -webkit-border-top-left-radius: 4px;
+    -webkit-border-top-right-radius: 4px;
+    border-top-left-radius: 4px;
+    border-top-right-radius: 4px;
+    -moz-box-shadow:0 -1px 5px 2px #CCCCCC;
+    -Webkit-box-shadow: 0 -1px 5px 2px  #CCCCCC;
+    box-shadow: 0 -1px 5px 2px #CCCCCC;
+    margin-left: 8px;
 }
 
 .categories-course-picture img {
-    width: 75px;
-    height: 75px;
+    width: 95px;
+    height: 95px;
+    background-color: #eeeeee;
 }
 
 .categories-course-description {
-    border:1pt solid #ccc;
-    margin-left:80px;
+    margin-left:10px;
+    font-family:arial;
+    font-size:11px;
+    margin-bottom: 10px;
+}
+
+.categories-course-description .course-block-title {
+    font-family: arial;
+    font-size: large;
+    margin-bottom: 10px;
+    color: #222222;
+}
+.categories-course-description .course-block-teacher {
+    font-size: large;
+    font-style: italic;
+    text-align: right;
+    color: #444444;
+}
+.categories-course-description .course-block-date {
+    font-size: large;
+    font-style: italic;
+    text-align: right;
+    color: #444444;
+}
+.course-block-popularity {
+    width: 90px;
+    margin-left:120px;
+    font-size: x-small;
+    font-style: italic;
+    text-align: right;
+    background-color: #eeeeee;
+    min-height:95px;
+    padding-right: 5px;
+    -moz-border-radius-topleft:4px;
+    -moz-border-radius-topright:4px;
+    -webkit-border-top-left-radius: 4px;
+    -webkit-border-top-right-radius: 4px;
+    border-top-left-radius: 4px;
+    border-top-right-radius: 4px;
+    -moz-box-shadow:0 -1px 5px 2px #CCCCCC;
+    -Webkit-box-shadow: 0 -1px 5px 2px  #CCCCCC;
+    box-shadow: 0 -1px 5px 2px #CCCCCC;
+}
+.course-block-popularity-score {
+    font-size: x-large;
+    text-align: center;
+    color: #000000;
+    padding-top: 10px;
 }
 
 .categories-course-links {
-    border:1pt solid #ccc;
     margin-top:5px;
-    height: 40px;
+    height: 25px;
+}
+
+.course-link-desc a {
+text-decoration:underline;
 }
 
+.course-link-desc span {
+padding-top:10px;
+}
 
 .attendance-users-table td {
 	height:66px;

+ 104 - 22
main/css/medical/default.css

@@ -4421,63 +4421,145 @@ span.form_required  {
 }
 
 #categories-content-first {
-    border:1pt solid #ccc;
     width:290px;
-    padding:10px;
+    padding:5px;
     float:left;
 }
 
 #categories-search {
-    border:1pt solid #ccc;
-    padding:10px;
     text-align:center;
-    height:105px;
+    height:55px;
+    float: right;
 }
 
 #categories-list {
-    border:1pt solid #ccc;
+    -moz-border-radius-topleft:8px;
+    -moz-border-radius-topright:8px;
+    -webkit-border-top-left-radius: 8px;
+    -webkit-border-top-right-radius: 8px;
+    border-top-left-radius: 8px;
+    border-top-right-radius: 8px;
+    -moz-box-shadow:0 -1px 10px 2px #CCCCCC;
+    -Webkit-box-shadow: 0 -1px 10px 2px  #CCCCCC;
+    box-shadow: 0 -1px 10px 2px #CCCCCC;
+    border:1px solid #CCCCCC;
+    float:left;
+    margin:10px;
+    width:240px;
+    min-height:132px;
     padding:25px;
-    margin-top:10px;
     font-size:11pt;
 }
 
 #categories-content-second {
-    border:1pt solid #ccc;
     margin-left: 315px;
     padding:5px;
     margin-top:5px;
 }
 
 .categories-block-course {
-    border:1pt solid #ccc;
-    width:246px;
-    height:180px;
-    margin:5px;
+    -moz-border-radius-topleft:8px;
+    -moz-border-radius-topright:8px;
+    -webkit-border-top-left-radius: 8px;
+    -webkit-border-top-right-radius: 8px;
+    border-top-left-radius: 8px;
+    border-top-right-radius: 8px;
+    -moz-box-shadow:0 -1px 10px 2px #CCCCCC;
+    -Webkit-box-shadow: 0 -1px 10px 2px  #CCCCCC;
+    box-shadow: 0 -1px 10px 2px #CCCCCC;
+    border:1px solid #CCCCCC;
     float:left;
-    padding:5px;
+    margin:10px;
+    padding:9px;
+    width:220px;
+    min-height:180px;
+    color: #BBBBBB;
 }
 
 .categories-course-picture {
-    border:1pt solid #ccc;
-    width:75px;
-    height:75px;
+    width:95px;
+    height:95px;
     float:left;
+    -moz-border-radius-topleft:4px;
+    -moz-border-radius-topright:4px;
+    -webkit-border-top-left-radius: 4px;
+    -webkit-border-top-right-radius: 4px;
+    border-top-left-radius: 4px;
+    border-top-right-radius: 4px;
+    -moz-box-shadow:0 -1px 5px 2px #CCCCCC;
+    -Webkit-box-shadow: 0 -1px 5px 2px  #CCCCCC;
+    box-shadow: 0 -1px 5px 2px #CCCCCC;
+    margin-left: 8px;
 }
 
 .categories-course-picture img {
-    width: 75px;
-    height: 75px;
+    width: 95px;
+    height: 95px;
+    background-color: #eeeeee;
 }
 
 .categories-course-description {
-    border:1pt solid #ccc;
-    margin-left:80px;
+    margin-left:10px;
+    font-family:arial;
+    font-size:11px;
+    margin-bottom: 10px;
+}
+
+.categories-course-description .course-block-title {
+    font-family: arial;
+    font-size: large;
+    margin-bottom: 10px;
+    color: #222222;
+}
+.categories-course-description .course-block-teacher {
+    font-size: large;
+    font-style: italic;
+    text-align: right;
+    color: #444444;
+}
+.categories-course-description .course-block-date {
+    font-size: large;
+    font-style: italic;
+    text-align: right;
+    color: #444444;
+}
+.course-block-popularity {
+    width: 90px;
+    margin-left:120px;
+    font-size: x-small;
+    font-style: italic;
+    text-align: right;
+    background-color: #eeeeee;
+    min-height:95px;
+    padding-right: 5px;
+    -moz-border-radius-topleft:4px;
+    -moz-border-radius-topright:4px;
+    -webkit-border-top-left-radius: 4px;
+    -webkit-border-top-right-radius: 4px;
+    border-top-left-radius: 4px;
+    border-top-right-radius: 4px;
+    -moz-box-shadow:0 -1px 5px 2px #CCCCCC;
+    -Webkit-box-shadow: 0 -1px 5px 2px  #CCCCCC;
+    box-shadow: 0 -1px 5px 2px #CCCCCC;
+}
+.course-block-popularity-score {
+    font-size: x-large;
+    text-align: center;
+    color: #000000;
+    padding-top: 10px;
 }
 
 .categories-course-links {
-    border:1pt solid #ccc;
     margin-top:5px;
-    height: 40px;
+    height: 25px;
+}
+
+.course-link-desc a {
+text-decoration:underline;
+}
+
+.course-link-desc span {
+padding-top:10px;
 }
 
 .attendance-users-table td {

+ 104 - 22
main/css/public_admin/default.css

@@ -4172,63 +4172,145 @@ span.form_required  {
 }
 
 #categories-content-first {
-    border:1pt solid #ccc;
     width:290px;
-    padding:10px;
+    padding:5px;
     float:left;
 }
 
 #categories-search {
-    border:1pt solid #ccc;
-    padding:10px;
     text-align:center;
-    height:105px;
+    height:55px;
+    float: right;
 }
 
 #categories-list {
-    border:1pt solid #ccc;
+    -moz-border-radius-topleft:8px;
+    -moz-border-radius-topright:8px;
+    -webkit-border-top-left-radius: 8px;
+    -webkit-border-top-right-radius: 8px;
+    border-top-left-radius: 8px;
+    border-top-right-radius: 8px;
+    -moz-box-shadow:0 -1px 10px 2px #CCCCCC;
+    -Webkit-box-shadow: 0 -1px 10px 2px  #CCCCCC;
+    box-shadow: 0 -1px 10px 2px #CCCCCC;
+    border:1px solid #CCCCCC;
+    float:left;
+    margin:10px;
+    width:240px;
+    min-height:132px;
     padding:25px;
-    margin-top:10px;
     font-size:11pt;
 }
 
 #categories-content-second {
-    border:1pt solid #ccc;
     margin-left: 315px;
     padding:5px;
     margin-top:5px;
 }
 
 .categories-block-course {
-    border:1pt solid #ccc;
-    width:246px;
-    height:180px;
-    margin:5px;
+    -moz-border-radius-topleft:8px;
+    -moz-border-radius-topright:8px;
+    -webkit-border-top-left-radius: 8px;
+    -webkit-border-top-right-radius: 8px;
+    border-top-left-radius: 8px;
+    border-top-right-radius: 8px;
+    -moz-box-shadow:0 -1px 10px 2px #CCCCCC;
+    -Webkit-box-shadow: 0 -1px 10px 2px  #CCCCCC;
+    box-shadow: 0 -1px 10px 2px #CCCCCC;
+    border:1px solid #CCCCCC;
     float:left;
-    padding:5px;
+    margin:10px;
+    padding:9px;
+    width:220px;
+    min-height:180px;
+    color: #BBBBBB;
 }
 
 .categories-course-picture {
-    border:1pt solid #ccc;
-    width:75px;
-    height:75px;
+    width:95px;
+    height:95px;
     float:left;
+    -moz-border-radius-topleft:4px;
+    -moz-border-radius-topright:4px;
+    -webkit-border-top-left-radius: 4px;
+    -webkit-border-top-right-radius: 4px;
+    border-top-left-radius: 4px;
+    border-top-right-radius: 4px;
+    -moz-box-shadow:0 -1px 5px 2px #CCCCCC;
+    -Webkit-box-shadow: 0 -1px 5px 2px  #CCCCCC;
+    box-shadow: 0 -1px 5px 2px #CCCCCC;
+    margin-left: 8px;
 }
 
 .categories-course-picture img {
-    width: 75px;
-    height: 75px;
+    width: 95px;
+    height: 95px;
+    background-color: #eeeeee;
 }
 
 .categories-course-description {
-    border:1pt solid #ccc;
-    margin-left:80px;
+    margin-left:10px;
+    font-family:arial;
+    font-size:11px;
+    margin-bottom: 10px;
+}
+
+.categories-course-description .course-block-title {
+    font-family: arial;
+    font-size: large;
+    margin-bottom: 10px;
+    color: #222222;
+}
+.categories-course-description .course-block-teacher {
+    font-size: large;
+    font-style: italic;
+    text-align: right;
+    color: #444444;
+}
+.categories-course-description .course-block-date {
+    font-size: large;
+    font-style: italic;
+    text-align: right;
+    color: #444444;
+}
+.course-block-popularity {
+    width: 90px;
+    margin-left:120px;
+    font-size: x-small;
+    font-style: italic;
+    text-align: right;
+    background-color: #eeeeee;
+    min-height:95px;
+    padding-right: 5px;
+    -moz-border-radius-topleft:4px;
+    -moz-border-radius-topright:4px;
+    -webkit-border-top-left-radius: 4px;
+    -webkit-border-top-right-radius: 4px;
+    border-top-left-radius: 4px;
+    border-top-right-radius: 4px;
+    -moz-box-shadow:0 -1px 5px 2px #CCCCCC;
+    -Webkit-box-shadow: 0 -1px 5px 2px  #CCCCCC;
+    box-shadow: 0 -1px 5px 2px #CCCCCC;
+}
+.course-block-popularity-score {
+    font-size: x-large;
+    text-align: center;
+    color: #000000;
+    padding-top: 10px;
 }
 
 .categories-course-links {
-    border:1pt solid #ccc;
     margin-top:5px;
-    height: 40px;
+    height: 25px;
+}
+
+.course-link-desc a {
+text-decoration:underline;
+}
+
+.course-link-desc span {
+padding-top:10px;
 }
 
 .attendance-users-table td {

+ 103 - 22
main/css/royal_purple/default.css

@@ -3961,65 +3961,146 @@ span.form_required  {
 }
 
 #categories-content-first {
-    border:1pt solid #ccc;
     width:290px;
-    padding:10px;
+    padding:5px;
     float:left;
 }
 
 #categories-search {
-    border:1pt solid #ccc;
-    padding:10px;
     text-align:center;
-    height:105px;
+    height:55px;
+    float: right;
 }
 
 #categories-list {
-    border:1pt solid #ccc;
+    -moz-border-radius-topleft:8px;
+    -moz-border-radius-topright:8px;
+    -webkit-border-top-left-radius: 8px;
+    -webkit-border-top-right-radius: 8px;
+    border-top-left-radius: 8px;
+    border-top-right-radius: 8px;
+    -moz-box-shadow:0 -1px 10px 2px #CCCCCC;
+    -Webkit-box-shadow: 0 -1px 10px 2px  #CCCCCC;
+    box-shadow: 0 -1px 10px 2px #CCCCCC;
+    border:1px solid #CCCCCC;
+    float:left;
+    margin:10px;
+    width:240px;
+    min-height:132px;
     padding:25px;
-    margin-top:10px;
     font-size:11pt;
 }
 
 #categories-content-second {
-    border:1pt solid #ccc;
     margin-left: 315px;
     padding:5px;
     margin-top:5px;
 }
 
 .categories-block-course {
-    border:1pt solid #ccc;
-    width:246px;
-    height:180px;
-    margin:5px;
+    -moz-border-radius-topleft:8px;
+    -moz-border-radius-topright:8px;
+    -webkit-border-top-left-radius: 8px;
+    -webkit-border-top-right-radius: 8px;
+    border-top-left-radius: 8px;
+    border-top-right-radius: 8px;
+    -moz-box-shadow:0 -1px 10px 2px #CCCCCC;
+    -Webkit-box-shadow: 0 -1px 10px 2px  #CCCCCC;
+    box-shadow: 0 -1px 10px 2px #CCCCCC;
+    border:1px solid #CCCCCC;
     float:left;
-    padding:5px;
+    margin:10px;
+    padding:9px;
+    width:220px;
+    min-height:180px;
+    color: #BBBBBB;
 }
 
 .categories-course-picture {
-    border:1pt solid #ccc;
-    width:75px;
-    height:75px;
+    width:95px;
+    height:95px;
     float:left;
+    -moz-border-radius-topleft:4px;
+    -moz-border-radius-topright:4px;
+    -webkit-border-top-left-radius: 4px;
+    -webkit-border-top-right-radius: 4px;
+    border-top-left-radius: 4px;
+    border-top-right-radius: 4px;
+    -moz-box-shadow:0 -1px 5px 2px #CCCCCC;
+    -Webkit-box-shadow: 0 -1px 5px 2px  #CCCCCC;
+    box-shadow: 0 -1px 5px 2px #CCCCCC;
+    margin-left: 8px;
 }
 
 .categories-course-picture img {
-    width: 75px;
-    height: 75px;
+    width: 95px;
+    height: 95px;
+    background-color: #eeeeee;
 }
 
 .categories-course-description {
-    border:1pt solid #ccc;
-    margin-left:80px;
+    margin-left:10px;
+    font-family:arial;
+    font-size:11px;
+    margin-bottom: 10px;
+}
+
+.categories-course-description .course-block-title {
+    font-family: arial;
+    font-size: large;
+    margin-bottom: 10px;
+    color: #222222;
+}
+.categories-course-description .course-block-teacher {
+    font-size: large;
+    font-style: italic;
+    text-align: right;
+    color: #444444;
+}
+.categories-course-description .course-block-date {
+    font-size: large;
+    font-style: italic;
+    text-align: right;
+    color: #444444;
+}
+.course-block-popularity {
+    width: 90px;
+    margin-left:120px;
+    font-size: x-small;
+    font-style: italic;
+    text-align: right;
+    background-color: #eeeeee;
+    min-height:95px;
+    padding-right: 5px;
+    -moz-border-radius-topleft:4px;
+    -moz-border-radius-topright:4px;
+    -webkit-border-top-left-radius: 4px;
+    -webkit-border-top-right-radius: 4px;
+    border-top-left-radius: 4px;
+    border-top-right-radius: 4px;
+    -moz-box-shadow:0 -1px 5px 2px #CCCCCC;
+    -Webkit-box-shadow: 0 -1px 5px 2px  #CCCCCC;
+    box-shadow: 0 -1px 5px 2px #CCCCCC;
+}
+.course-block-popularity-score {
+    font-size: x-large;
+    text-align: center;
+    color: #000000;
+    padding-top: 10px;
 }
 
 .categories-course-links {
-    border:1pt solid #ccc;
     margin-top:5px;
-    height: 40px;
+    height: 25px;
+}
+
+.course-link-desc a {
+text-decoration:underline;
 }
 
+.course-link-desc span {
+padding-top:10px;
+}
 
 .attendance-users-table td {
 	height:66px;

+ 104 - 22
main/css/silver_line/default.css

@@ -3902,63 +3902,145 @@ span.form_required  {
 }
 
 #categories-content-first {
-    border:1pt solid #ccc;
     width:290px;
-    padding:10px;
+    padding:5px;
     float:left;
 }
 
 #categories-search {
-    border:1pt solid #ccc;
-    padding:10px;
     text-align:center;
-    height:105px;
+    height:55px;
+    float: right;
 }
 
 #categories-list {
-    border:1pt solid #ccc;
+    -moz-border-radius-topleft:8px;
+    -moz-border-radius-topright:8px;
+    -webkit-border-top-left-radius: 8px;
+    -webkit-border-top-right-radius: 8px;
+    border-top-left-radius: 8px;
+    border-top-right-radius: 8px;
+    -moz-box-shadow:0 -1px 10px 2px #CCCCCC;
+    -Webkit-box-shadow: 0 -1px 10px 2px  #CCCCCC;
+    box-shadow: 0 -1px 10px 2px #CCCCCC;
+    border:1px solid #CCCCCC;
+    float:left;
+    margin:10px;
+    width:240px;
+    min-height:132px;
     padding:25px;
-    margin-top:10px;
     font-size:11pt;
 }
 
 #categories-content-second {
-    border:1pt solid #ccc;
     margin-left: 315px;
     padding:5px;
     margin-top:5px;
 }
 
 .categories-block-course {
-    border:1pt solid #ccc;
-    width:246px;
-    height:180px;
-    margin:5px;
+    -moz-border-radius-topleft:8px;
+    -moz-border-radius-topright:8px;
+    -webkit-border-top-left-radius: 8px;
+    -webkit-border-top-right-radius: 8px;
+    border-top-left-radius: 8px;
+    border-top-right-radius: 8px;
+    -moz-box-shadow:0 -1px 10px 2px #CCCCCC;
+    -Webkit-box-shadow: 0 -1px 10px 2px  #CCCCCC;
+    box-shadow: 0 -1px 10px 2px #CCCCCC;
+    border:1px solid #CCCCCC;
     float:left;
-    padding:5px;
+    margin:10px;
+    padding:9px;
+    width:220px;
+    min-height:180px;
+    color: #BBBBBB;
 }
 
 .categories-course-picture {
-    border:1pt solid #ccc;
-    width:75px;
-    height:75px;
+    width:95px;
+    height:95px;
     float:left;
+    -moz-border-radius-topleft:4px;
+    -moz-border-radius-topright:4px;
+    -webkit-border-top-left-radius: 4px;
+    -webkit-border-top-right-radius: 4px;
+    border-top-left-radius: 4px;
+    border-top-right-radius: 4px;
+    -moz-box-shadow:0 -1px 5px 2px #CCCCCC;
+    -Webkit-box-shadow: 0 -1px 5px 2px  #CCCCCC;
+    box-shadow: 0 -1px 5px 2px #CCCCCC;
+    margin-left: 8px;
 }
 
 .categories-course-picture img {
-    width: 75px;
-    height: 75px;
+    width: 95px;
+    height: 95px;
+    background-color: #eeeeee;
 }
 
 .categories-course-description {
-    border:1pt solid #ccc;
-    margin-left:80px;
+    margin-left:10px;
+    font-family:arial;
+    font-size:11px;
+    margin-bottom: 10px;
+}
+
+.categories-course-description .course-block-title {
+    font-family: arial;
+    font-size: large;
+    margin-bottom: 10px;
+    color: #222222;
+}
+.categories-course-description .course-block-teacher {
+    font-size: large;
+    font-style: italic;
+    text-align: right;
+    color: #444444;
+}
+.categories-course-description .course-block-date {
+    font-size: large;
+    font-style: italic;
+    text-align: right;
+    color: #444444;
+}
+.course-block-popularity {
+    width: 90px;
+    margin-left:120px;
+    font-size: x-small;
+    font-style: italic;
+    text-align: right;
+    background-color: #eeeeee;
+    min-height:95px;
+    padding-right: 5px;
+    -moz-border-radius-topleft:4px;
+    -moz-border-radius-topright:4px;
+    -webkit-border-top-left-radius: 4px;
+    -webkit-border-top-right-radius: 4px;
+    border-top-left-radius: 4px;
+    border-top-right-radius: 4px;
+    -moz-box-shadow:0 -1px 5px 2px #CCCCCC;
+    -Webkit-box-shadow: 0 -1px 5px 2px  #CCCCCC;
+    box-shadow: 0 -1px 5px 2px #CCCCCC;
+}
+.course-block-popularity-score {
+    font-size: x-large;
+    text-align: center;
+    color: #000000;
+    padding-top: 10px;
 }
 
 .categories-course-links {
-    border:1pt solid #ccc;
     margin-top:5px;
-    height: 40px;
+    height: 25px;
+}
+
+.course-link-desc a {
+text-decoration:underline;
+}
+
+.course-link-desc span {
+padding-top:10px;
 }
 
 .attendance-users-table td {

+ 104 - 22
main/css/sober_brown/default.css

@@ -4117,63 +4117,145 @@ span.form_required  {
 }
 
 #categories-content-first {
-    border:1pt solid #ccc;
     width:290px;
-    padding:10px;
+    padding:5px;
     float:left;
 }
 
 #categories-search {
-    border:1pt solid #ccc;
-    padding:10px;
     text-align:center;
-    height:105px;
+    height:55px;
+    float: right;
 }
 
 #categories-list {
-    border:1pt solid #ccc;
+    -moz-border-radius-topleft:8px;
+    -moz-border-radius-topright:8px;
+    -webkit-border-top-left-radius: 8px;
+    -webkit-border-top-right-radius: 8px;
+    border-top-left-radius: 8px;
+    border-top-right-radius: 8px;
+    -moz-box-shadow:0 -1px 10px 2px #CCCCCC;
+    -Webkit-box-shadow: 0 -1px 10px 2px  #CCCCCC;
+    box-shadow: 0 -1px 10px 2px #CCCCCC;
+    border:1px solid #CCCCCC;
+    float:left;
+    margin:10px;
+    width:240px;
+    min-height:132px;
     padding:25px;
-    margin-top:10px;
     font-size:11pt;
 }
 
 #categories-content-second {
-    border:1pt solid #ccc;
     margin-left: 315px;
     padding:5px;
     margin-top:5px;
 }
 
 .categories-block-course {
-    border:1pt solid #ccc;
-    width:246px;
-    height:180px;
-    margin:5px;
+    -moz-border-radius-topleft:8px;
+    -moz-border-radius-topright:8px;
+    -webkit-border-top-left-radius: 8px;
+    -webkit-border-top-right-radius: 8px;
+    border-top-left-radius: 8px;
+    border-top-right-radius: 8px;
+    -moz-box-shadow:0 -1px 10px 2px #CCCCCC;
+    -Webkit-box-shadow: 0 -1px 10px 2px  #CCCCCC;
+    box-shadow: 0 -1px 10px 2px #CCCCCC;
+    border:1px solid #CCCCCC;
     float:left;
-    padding:5px;
+    margin:10px;
+    padding:9px;
+    width:220px;
+    min-height:180px;
+    color: #BBBBBB;
 }
 
 .categories-course-picture {
-    border:1pt solid #ccc;
-    width:75px;
-    height:75px;
+    width:95px;
+    height:95px;
     float:left;
+    -moz-border-radius-topleft:4px;
+    -moz-border-radius-topright:4px;
+    -webkit-border-top-left-radius: 4px;
+    -webkit-border-top-right-radius: 4px;
+    border-top-left-radius: 4px;
+    border-top-right-radius: 4px;
+    -moz-box-shadow:0 -1px 5px 2px #CCCCCC;
+    -Webkit-box-shadow: 0 -1px 5px 2px  #CCCCCC;
+    box-shadow: 0 -1px 5px 2px #CCCCCC;
+    margin-left: 8px;
 }
 
 .categories-course-picture img {
-    width: 75px;
-    height: 75px;
+    width: 95px;
+    height: 95px;
+    background-color: #eeeeee;
 }
 
 .categories-course-description {
-    border:1pt solid #ccc;
-    margin-left:80px;
+    margin-left:10px;
+    font-family:arial;
+    font-size:11px;
+    margin-bottom: 10px;
+}
+
+.categories-course-description .course-block-title {
+    font-family: arial;
+    font-size: large;
+    margin-bottom: 10px;
+    color: #222222;
+}
+.categories-course-description .course-block-teacher {
+    font-size: large;
+    font-style: italic;
+    text-align: right;
+    color: #444444;
+}
+.categories-course-description .course-block-date {
+    font-size: large;
+    font-style: italic;
+    text-align: right;
+    color: #444444;
+}
+.course-block-popularity {
+    width: 90px;
+    margin-left:120px;
+    font-size: x-small;
+    font-style: italic;
+    text-align: right;
+    background-color: #eeeeee;
+    min-height:95px;
+    padding-right: 5px;
+    -moz-border-radius-topleft:4px;
+    -moz-border-radius-topright:4px;
+    -webkit-border-top-left-radius: 4px;
+    -webkit-border-top-right-radius: 4px;
+    border-top-left-radius: 4px;
+    border-top-right-radius: 4px;
+    -moz-box-shadow:0 -1px 5px 2px #CCCCCC;
+    -Webkit-box-shadow: 0 -1px 5px 2px  #CCCCCC;
+    box-shadow: 0 -1px 5px 2px #CCCCCC;
+}
+.course-block-popularity-score {
+    font-size: x-large;
+    text-align: center;
+    color: #000000;
+    padding-top: 10px;
 }
 
 .categories-course-links {
-    border:1pt solid #ccc;
     margin-top:5px;
-    height: 40px;
+    height: 25px;
+}
+
+.course-link-desc a {
+text-decoration:underline;
+}
+
+.course-link-desc span {
+padding-top:10px;
 }
 
 .attendance-users-table td {

+ 104 - 22
main/css/steel_grey/default.css

@@ -3966,63 +3966,145 @@ span.form_required  {
 }
 
 #categories-content-first {
-    border:1pt solid #ccc;
     width:290px;
-    padding:10px;
+    padding:5px;
     float:left;
 }
 
 #categories-search {
-    border:1pt solid #ccc;
-    padding:10px;
     text-align:center;
-    height:105px;
+    height:55px;
+    float: right;
 }
 
 #categories-list {
-    border:1pt solid #ccc;
+    -moz-border-radius-topleft:8px;
+    -moz-border-radius-topright:8px;
+    -webkit-border-top-left-radius: 8px;
+    -webkit-border-top-right-radius: 8px;
+    border-top-left-radius: 8px;
+    border-top-right-radius: 8px;
+    -moz-box-shadow:0 -1px 10px 2px #CCCCCC;
+    -Webkit-box-shadow: 0 -1px 10px 2px  #CCCCCC;
+    box-shadow: 0 -1px 10px 2px #CCCCCC;
+    border:1px solid #CCCCCC;
+    float:left;
+    margin:10px;
+    width:240px;
+    min-height:132px;
     padding:25px;
-    margin-top:10px;
     font-size:11pt;
 }
 
 #categories-content-second {
-    border:1pt solid #ccc;
     margin-left: 315px;
     padding:5px;
     margin-top:5px;
 }
 
 .categories-block-course {
-    border:1pt solid #ccc;
-    width:246px;
-    height:180px;
-    margin:5px;
+    -moz-border-radius-topleft:8px;
+    -moz-border-radius-topright:8px;
+    -webkit-border-top-left-radius: 8px;
+    -webkit-border-top-right-radius: 8px;
+    border-top-left-radius: 8px;
+    border-top-right-radius: 8px;
+    -moz-box-shadow:0 -1px 10px 2px #CCCCCC;
+    -Webkit-box-shadow: 0 -1px 10px 2px  #CCCCCC;
+    box-shadow: 0 -1px 10px 2px #CCCCCC;
+    border:1px solid #CCCCCC;
     float:left;
-    padding:5px;
+    margin:10px;
+    padding:9px;
+    width:220px;
+    min-height:180px;
+    color: #BBBBBB;
 }
 
 .categories-course-picture {
-    border:1pt solid #ccc;
-    width:75px;
-    height:75px;
+    width:95px;
+    height:95px;
     float:left;
+    -moz-border-radius-topleft:4px;
+    -moz-border-radius-topright:4px;
+    -webkit-border-top-left-radius: 4px;
+    -webkit-border-top-right-radius: 4px;
+    border-top-left-radius: 4px;
+    border-top-right-radius: 4px;
+    -moz-box-shadow:0 -1px 5px 2px #CCCCCC;
+    -Webkit-box-shadow: 0 -1px 5px 2px  #CCCCCC;
+    box-shadow: 0 -1px 5px 2px #CCCCCC;
+    margin-left: 8px;
 }
 
 .categories-course-picture img {
-    width: 75px;
-    height: 75px;
+    width: 95px;
+    height: 95px;
+    background-color: #eeeeee;
 }
 
 .categories-course-description {
-    border:1pt solid #ccc;
-    margin-left:80px;
+    margin-left:10px;
+    font-family:arial;
+    font-size:11px;
+    margin-bottom: 10px;
+}
+
+.categories-course-description .course-block-title {
+    font-family: arial;
+    font-size: large;
+    margin-bottom: 10px;
+    color: #222222;
+}
+.categories-course-description .course-block-teacher {
+    font-size: large;
+    font-style: italic;
+    text-align: right;
+    color: #444444;
+}
+.categories-course-description .course-block-date {
+    font-size: large;
+    font-style: italic;
+    text-align: right;
+    color: #444444;
+}
+.course-block-popularity {
+    width: 90px;
+    margin-left:120px;
+    font-size: x-small;
+    font-style: italic;
+    text-align: right;
+    background-color: #eeeeee;
+    min-height:95px;
+    padding-right: 5px;
+    -moz-border-radius-topleft:4px;
+    -moz-border-radius-topright:4px;
+    -webkit-border-top-left-radius: 4px;
+    -webkit-border-top-right-radius: 4px;
+    border-top-left-radius: 4px;
+    border-top-right-radius: 4px;
+    -moz-box-shadow:0 -1px 5px 2px #CCCCCC;
+    -Webkit-box-shadow: 0 -1px 5px 2px  #CCCCCC;
+    box-shadow: 0 -1px 5px 2px #CCCCCC;
+}
+.course-block-popularity-score {
+    font-size: x-large;
+    text-align: center;
+    color: #000000;
+    padding-top: 10px;
 }
 
 .categories-course-links {
-    border:1pt solid #ccc;
     margin-top:5px;
-    height: 40px;
+    height: 25px;
+}
+
+.course-link-desc a {
+text-decoration:underline;
+}
+
+.course-link-desc span {
+padding-top:10px;
 }
 
 .attendance-users-table td {

+ 104 - 22
main/css/tasty_olive/default.css

@@ -3968,63 +3968,145 @@ span.form_required  {
 }
 
 #categories-content-first {
-    border:1pt solid #ccc;
     width:290px;
-    padding:10px;
+    padding:5px;
     float:left;
 }
 
 #categories-search {
-    border:1pt solid #ccc;
-    padding:10px;
     text-align:center;
-    height:105px;
+    height:55px;
+    float: right;
 }
 
 #categories-list {
-    border:1pt solid #ccc;
+    -moz-border-radius-topleft:8px;
+    -moz-border-radius-topright:8px;
+    -webkit-border-top-left-radius: 8px;
+    -webkit-border-top-right-radius: 8px;
+    border-top-left-radius: 8px;
+    border-top-right-radius: 8px;
+    -moz-box-shadow:0 -1px 10px 2px #CCCCCC;
+    -Webkit-box-shadow: 0 -1px 10px 2px  #CCCCCC;
+    box-shadow: 0 -1px 10px 2px #CCCCCC;
+    border:1px solid #CCCCCC;
+    float:left;
+    margin:10px;
+    width:240px;
+    min-height:132px;
     padding:25px;
-    margin-top:10px;
     font-size:11pt;
 }
 
 #categories-content-second {
-    border:1pt solid #ccc;
     margin-left: 315px;
     padding:5px;
     margin-top:5px;
 }
 
 .categories-block-course {
-    border:1pt solid #ccc;
-    width:246px;
-    height:180px;
-    margin:5px;
+    -moz-border-radius-topleft:8px;
+    -moz-border-radius-topright:8px;
+    -webkit-border-top-left-radius: 8px;
+    -webkit-border-top-right-radius: 8px;
+    border-top-left-radius: 8px;
+    border-top-right-radius: 8px;
+    -moz-box-shadow:0 -1px 10px 2px #CCCCCC;
+    -Webkit-box-shadow: 0 -1px 10px 2px  #CCCCCC;
+    box-shadow: 0 -1px 10px 2px #CCCCCC;
+    border:1px solid #CCCCCC;
     float:left;
-    padding:5px;
+    margin:10px;
+    padding:9px;
+    width:220px;
+    min-height:180px;
+    color: #BBBBBB;
 }
 
 .categories-course-picture {
-    border:1pt solid #ccc;
-    width:75px;
-    height:75px;
+    width:95px;
+    height:95px;
     float:left;
+    -moz-border-radius-topleft:4px;
+    -moz-border-radius-topright:4px;
+    -webkit-border-top-left-radius: 4px;
+    -webkit-border-top-right-radius: 4px;
+    border-top-left-radius: 4px;
+    border-top-right-radius: 4px;
+    -moz-box-shadow:0 -1px 5px 2px #CCCCCC;
+    -Webkit-box-shadow: 0 -1px 5px 2px  #CCCCCC;
+    box-shadow: 0 -1px 5px 2px #CCCCCC;
+    margin-left: 8px;
 }
 
 .categories-course-picture img {
-    width: 75px;
-    height: 75px;
+    width: 95px;
+    height: 95px;
+    background-color: #eeeeee;
 }
 
 .categories-course-description {
-    border:1pt solid #ccc;
-    margin-left:80px;
+    margin-left:10px;
+    font-family:arial;
+    font-size:11px;
+    margin-bottom: 10px;
+}
+
+.categories-course-description .course-block-title {
+    font-family: arial;
+    font-size: large;
+    margin-bottom: 10px;
+    color: #222222;
+}
+.categories-course-description .course-block-teacher {
+    font-size: large;
+    font-style: italic;
+    text-align: right;
+    color: #444444;
+}
+.categories-course-description .course-block-date {
+    font-size: large;
+    font-style: italic;
+    text-align: right;
+    color: #444444;
+}
+.course-block-popularity {
+    width: 90px;
+    margin-left:120px;
+    font-size: x-small;
+    font-style: italic;
+    text-align: right;
+    background-color: #eeeeee;
+    min-height:95px;
+    padding-right: 5px;
+    -moz-border-radius-topleft:4px;
+    -moz-border-radius-topright:4px;
+    -webkit-border-top-left-radius: 4px;
+    -webkit-border-top-right-radius: 4px;
+    border-top-left-radius: 4px;
+    border-top-right-radius: 4px;
+    -moz-box-shadow:0 -1px 5px 2px #CCCCCC;
+    -Webkit-box-shadow: 0 -1px 5px 2px  #CCCCCC;
+    box-shadow: 0 -1px 5px 2px #CCCCCC;
+}
+.course-block-popularity-score {
+    font-size: x-large;
+    text-align: center;
+    color: #000000;
+    padding-top: 10px;
 }
 
 .categories-course-links {
-    border:1pt solid #ccc;
     margin-top:5px;
-    height: 40px;
+    height: 25px;
+}
+
+.course-link-desc a {
+text-decoration:underline;
+}
+
+.course-link-desc span {
+padding-top:10px;
 }
 
 .attendance-users-table td {

+ 4 - 6
main/inc/lib/auth.lib.php

@@ -473,8 +473,7 @@ class Auth
         while ($row = Database::fetch_array($result)) {
                 $row['registration_code'] = !empty($row['registration_code']);
                 $count_users = count(CourseManager::get_user_list_from_course_code($row['code']));
-                $lastmonth = mktime(0, 0, 0, date("m")-1, date("d"), date("Y"));
-                $count_connections_last_moth = Tracking::get_count_connections_on_the_course($row['code'], 0, $lastmonth);
+                $count_connections_last_month = Tracking::get_course_connections_count($row['code'], 0, api_get_utc_datetime(time()-(30*86400)));
                 $courses[] = array(
                                     'code' => $row['code'],
                                     'directory' => $row['directory'],
@@ -487,7 +486,7 @@ class Auth
                                     'registration_code' => $registration_code,
                                     'creation_date' => $row['creation_date'],
                                     'count_users' => $count_users,
-                                    'count_connections' => $count_connections_last_moth
+                                    'count_connections' => $count_connections_last_month
                                   );
         }
 
@@ -540,8 +539,7 @@ class Auth
 
                 $row['registration_code'] = !empty($row['registration_code']);
                 $count_users = count(CourseManager::get_user_list_from_course_code($row['code']));
-                $lastmonth = mktime(0, 0, 0, date("m")-1, date("d"), date("Y"));
-                $count_connections_last_moth = Tracking::get_count_connections_on_the_course($row['code'], 0, $lastmonth);
+                $count_connections_last_month = Tracking::get_course_connections_count($row['code'], 0, api_get_utc_datetime(time()-(30*86400)));
                 $courses[] = array(
                                     'code' => $row['code'],
                                     'directory' => $row['directory'],
@@ -554,7 +552,7 @@ class Auth
                                     'registration_code' => $registration_code,
                                     'creation_date' => $row['creation_date'],
                                     'count_users' => $count_users,
-                                    'count_connections' => $count_connections_last_moth
+                                    'count_connections' => $count_connections_last_month
                                   );
                    // $courses[] = array('code' => $row['code'], 'directory' => $row['directory'], 'db' => $row['db_name'], 'visual_code' => $row['visual_code'], 'title' => $row['title'], 'tutor' => $row['tutor_name'], 'subscribe' => $row['subscribe'], 'unsubscribe' => $row['unsubscribe']);
             }

+ 9 - 7
main/inc/lib/tracking.lib.php

@@ -246,20 +246,22 @@ class Tracking {
     }
 
     /**
-     * Get count connections on the course
+     * Get count of the connections to the course during a specified period
      * @param   string  Course code
      * @param   int     Session id (optional)
-     * @param   int     number of month (optional)
+     * @param   int     Datetime from which to collect data (defaults to 0)
+     * @param   int     Datetime to which to collect data (defaults to now)
      * @return  int     count connections
      */
-    public static function get_count_connections_on_the_course($course_code, $session_id = 0, $month = null) {
+    public static function get_course_connections_count($course_code, $session_id = 0, $start = 0, $stop = null) {
 
         // protect data
         $month_filter = '';
-        if (isset($month)) {
-            $month = intval($month);
-            $month_filter = " AND MONTH(login_course_date)= $month ";
+        if ($start < 0) { $start = 0; }
+        if (!isset($stop) or ($stop < 0)) {
+            $stop = api_get_utc_datetime();
         }
+        $month_filter = " AND login_course_date > '$start' AND login_course_date < '$stop' ";
 
         $course_code = Database::escape_string($course_code);
         $session_id  = intval($session_id);
@@ -3836,4 +3838,4 @@ class TrackingUserLogCSV {
     }
     
     
-}
+}

+ 20 - 23
main/template/default/auth/courses_categories.php

@@ -27,7 +27,15 @@ $stok = Security::get_token();
             &nbsp;<a href="<?php echo api_get_self(); ?>?action=sortmycourses"><?php echo Display::return_icon('course_move.png', get_lang('SortMyCourses'),'','32'); ?></a>
     <?php } ?>
 
-  
+        <span id="categories-search">
+            <form class="course_list" method="post" action="<?php echo api_get_self(); ?>?action=subscribe&hidden_links=<?php echo $hidden_links; ?>">
+            <label for="search_term"><?php echo get_lang('SearchCourse'); ?></label>
+                <input type="hidden" name="sec_token" value="<?php echo $stok; ?>">
+                <input type="hidden" name="search_course" value="1" />
+                <input type="text" size="12" name="search_term" value="<?php echo (empty($_POST['search_term']) ? '' : api_htmlentities(Security::remove_XSS($_POST['search_term']))); ?>" />
+                &nbsp;<button class="search" type="submit"><?php echo get_lang('_search'); ?></button>
+            </form>
+        </span>
 </div>
 
 <?php 
@@ -38,17 +46,6 @@ $stok = Security::get_token();
 
 <div id="categories-content" >
     <div id="categories-content-first">
-        <div id="categories-search">
-            <p><strong><?php echo get_lang('SearchCourse'); ?></strong><br />
-            <form class="course_list" method="post" action="<?php echo api_get_self(); ?>?action=subscribe&hidden_links=<?php echo $hidden_links; ?>">
-                <input type="hidden" name="sec_token" value="<?php echo $stok; ?>">
-                <input type="hidden" name="search_course" value="1" />
-                <input type="text" size="12" name="search_term" value="<?php echo (empty($_POST['search_term']) ? '' : api_htmlentities(Security::remove_XSS($_POST['search_term']))); ?>" />
-                &nbsp;<button class="search" type="submit"><?php echo get_lang('_search'); ?></button>
-            </form>
-	
-        </div>
-
         <div id="categories-list">
 
             <?php if (!empty($browse_course_categories)) {
@@ -134,30 +131,30 @@ $stok = Security::get_token();
                 echo '<div class="categories-block-course">
                         <div class="categories-content-course">
 
+                            <div class="categories-course-description">
+                                <div class="course-block-title">'.strtoupper($title).'</div>
+                                <div>'.get_lang('Teacher').'</div><div class="course-block-teacher">'.$tutor_name.'</div>
+                                <div>'.get_lang('CreationDate').'</div><div class="course-block-date">'.api_format_date($creation_date,DATE_FORMAT_SHORT).'</div>
+                            </div>
                             <div class="categories-course-picture">
                                 <img src="'.$course_medium_image.'" />
                             </div>
-                            <div class="categories-course-description">
-                                <div class="course-block-text"><strong>'.strtoupper($title).'</strong></div>
-                                <div class="course-block-text"><strong>'.get_lang('Teacher').':</strong><br />'.$tutor_name.'</div>
-                                <div class="course-block-text"><strong>'.get_lang('CreationDate').':</strong><br />'.$creation_date.'</div>
-                                <div class="course-block-text"><strong>'.get_lang('ConnectionsLastMonth').':</strong> '.$count_connections.'</div>
-                            </div>
+                            <div class="course-block-popularity"><span>'.get_lang('ConnectionsLastMonth').'</span><div class="course-block-popularity-score">'.$count_connections.'</div></div>
 
                         </div>
                         <div style="clear:both;"></div>
                         <div class="categories-course-links">';
 
-                        if (api_get_setting('show_courses_descriptions_in_catalog') == 'true') {
-                            echo '<span class="course-link-desc"><a href="'.api_get_path(WEB_CODE_PATH).'inc/ajax/course_home.ajax.php?a=show_course_information&code='.$course['code'].'" title="'.$icon_title.'" rel="gb_page_center[778]">'.get_lang('CourseDetails').'</a></span>';
-                        }
-
                         // we display the icon to subscribe or the text already subscribed
                         if (!in_array($course['code'], $user_coursecodes)) {
                             if ($course['subscribe'] == SUBSCRIBE_ALLOWED) {
                                     echo '<span class="course-link-desc"><a href="'. api_get_self().'?action=subscribe_course&sec_token='.$stok.'&subscribe_course='.$course['code'].'&search_term='.$search_term.'&category_code='.$code.'">'.get_lang('Subscribe').'</a></span>';
                             }
                         }
+                        if (api_get_setting('show_courses_descriptions_in_catalog') == 'true') {
+                            echo '<span class="course-link-desc"><a href="'.api_get_path(WEB_CODE_PATH).'inc/ajax/course_home.ajax.php?a=show_course_information&code='.$course['code'].'" title="'.$icon_title.'" rel="gb_page_center[778]">'.get_lang('CourseDetails').'</a></span>';
+                        }
+
                      echo  '</div>
                     </div>';
             }
@@ -167,4 +164,4 @@ $stok = Security::get_token();
         ?>
         <div class="clear"></div>
     </div>
-</div>
+</div>