Browse Source

Css upgrade Chamilo Celeste default

Alex Aragon 11 years ago
parent
commit
ae44014fe0

+ 5 - 5
main/course_home/activity.php

@@ -76,7 +76,7 @@ if ($session_id == 0 && api_is_course_admin() && api_is_allowed_to_edit(null, tr
 	}
     $my_list = CourseHome::get_tools_category(TOOL_AUTHORING);
 	$items = CourseHome::show_tools_category($my_list);
-    $content .= return_block(get_lang('Authoring'),  $items);
+    $content .= return_block(get_lang('Authoring'),  $items, 'course-tools-author');
 
     $my_list = CourseHome::get_tools_category(TOOL_INTERACTION);
 
@@ -85,12 +85,12 @@ if ($session_id == 0 && api_is_course_admin() && api_is_allowed_to_edit(null, tr
     $my_list = array_merge($my_list,$list2);
     $items =  CourseHome::show_tools_category($my_list);
 
-    $content .= return_block(get_lang('Interaction'),  $items);
+    $content .= return_block(get_lang('Interaction'),  $items, 'course-tools-interaction');
 
     $my_list = CourseHome::get_tools_category(TOOL_ADMIN_PLATFORM);
     $items = CourseHome::show_tools_category($my_list);
 
-    $content .= return_block(get_lang('Administration'),  $items);
+    $content .= return_block(get_lang('Administration'),  $items , 'course-tools-administration');
 
 } elseif (api_is_coach()) {
 	if (api_get_setting('show_session_data') == 'true' && $session_id > 0) {
@@ -117,7 +117,7 @@ if ($session_id == 0 && api_is_course_admin() && api_is_allowed_to_edit(null, tr
 	}
 }
 
-function return_block($title, $content) {
-    $html = '<div class="row"><div class="span12"><div class="page-header"><h3>'.$title.'</h3></div></div></div><div class="row">'.$content.'</div>';
+function return_block($title, $content, $class) {
+    $html = '<div class="row course-title-tools"><div class="span12"><div class="page-header"><h3>'.$title.'</h3></div></div></div><div class="row '.$class.'">'.$content.'</div>';
     return $html;
 }

+ 111 - 20
main/css/chamilo/default.css

@@ -8,14 +8,14 @@
 /* the following for regular <a> elements */
 a {
     text-decoration: none;
-    color :#3757f7
+    color :#6E6E6E;
 }
 a:visited {
     text-decoration: none;    
 }
 a:hover {
     text-decoration: none;
-    color: #f3840d;
+    color: #FD6600;
 }
 a:active {
     text-decoration: none;
@@ -23,28 +23,24 @@ a:active {
 }
 
 .subnav .navbar-inner {
-    background-color: #00AAE3; /* Old browsers */
+    background-color: #2E75A3; /* Old browsers */
     background-repeat: repeat-x; /* Repeat the gradient */
-    background-image: -moz-linear-gradient(top, #028DC2 0%, #00AAE3 100%); /* FF3.6+ */  
-    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#028DC2), color-stop(100%,#00AAE3)); /* Chrome,Safari4+ */
-    background-image: -webkit-linear-gradient(top, #028DC2 0%, #00AAE3 100%); /* Chrome 10+,Safari 5.1+ */
-    background-image: -ms-linear-gradient(top, #028DC2 0%,#00AAE3 100%); /* IE10+ */
-    background-image: -o-linear-gradient(top, #028DC2 0%,#00AAE3 100%); /* Opera 11.10+ */
-    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#028DC2', endColorstr='#00AAE3',GradientType=0 ); /* IE6-9 */
-    background-image: linear-gradient(top, #028DC2 0%,#00AAE3 100%); /* W3C */    
+    background-image: none;
 }
 
 .subnav .nav > li > a {
-    border-left: 1px solid #0EA0D4;
-    border-right: 1px solid #0EA0D4;
+    border-left: 1px solid #2E75A3;
+    border-right: 1px solid #2E75A3;
     color: white;
+    font-weight: normal;
+    font-size: 12px;
 }
 
 .subnav .nav > #current > a,
 .subnav .nav > #current > a:hover {  
     color: #fff;
-    background-color: #028DC2;
-    border-right-color: #028DC2;  
+    background-color: #0f466a;
+    border-right-color: #0f466a;  
 }
 
 .subnav li a {
@@ -53,20 +49,115 @@ a:active {
 
 /* Green hover */
 .subnav .navbar-inner li a:hover {
-    background: none repeat scroll 0 0 #8ECB50;
+    background: none repeat scroll 0 0 #FD6600;
     color: #fff;
 }
+.well .nav-list > li > a:hover {
+  text-decoration: none;
+  background: none;
+}
+.sidebar-nav h4{
+    color: #037FB2;
+    padding-bottom: 3px;
+    padding-left: 15px;
+    padding-right: 15px;
+    padding-top: 3px;
+}
 
+/*****************************************************
+ *  STYLE THEME CHAMILO                              *
+ *****************************************************/
+
+.controls .btn{
+    background:#2E75A3;
+    color: #FFFFFF;
+    border:none;
+    padding: 5px 25px;
+    text-shadow: none;
+}
+.controls .btn:hover{
+    background:#0F466A;
+}
+.well {
+  background-color: rgba(96,165,209, 0.1);
+  border: 1px solid rgba(96,165,209, 0.1);
+  border-radius: 8px;
+  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05) inset;
+  margin-bottom: 20px;
+  min-height: 20px;
+  padding: 19px;
+}
+.sidebar-nav img{
+    -webkit-border-radius: 10px;
+    -moz-border-radius: 10px;
+    border-radius: 10px;
+}
+#homepage .row .span9 h2{
+    font-size: 28px;
+    font-weight: normal;
+    color: #0F466A;
+    padding-bottom: 10px;
+}
+#homepage .row .span9 a{
+    color: #0F466A;
+}
+#homepage .row .span9 a:hover{
+    color: #FD6600;
+}
+.page-header h2{
+    background-color:#2E75A3;
+    color: #FFFFFF;
+    font-weight: normal;
+    font-size: 18px;
+    padding-left: 10px;
+    width: 250px;
+    -webkit-border-top-left-radius: 10px;
+    -webkit-border-top-right-radius: 10px;
+    -moz-border-radius-topleft: 10px;
+    -moz-border-radius-topright: 10px;
+    border-top-left-radius: 10px;
+    border-top-right-radius: 10px;
+}
+.page-header {
+  border-bottom-color: #60A5D1;
+  border-bottom-style: solid;
+  border-bottom-width: 1px;
+  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
+  padding-bottom: 0px;
+}
+.well_border{
+  background-color: rgba(96,165,209, 0.1);
+  border: 1px solid rgba(96,165,209, 0.1);
+  border-radius: 8px;
+  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05) inset;
+  margin-bottom: 20px;
+  min-height: 20px;
+  padding: 19px;
+}
+#hot_courses .row .span9 .well_border .row .span6{
+    width: 600px;
+}
+.categories-course-description h3{
+    font-weight: normal;
+    color: #0F466A;
+}
 /*****************************************************
  *  FOOTER STYLES                                    *
  *****************************************************/
-footer {    
-    background-color: #037fb2;
-    background-image: url(images/bg-footer.gif);
+footer {
+    height: 6em;    
+    background-color: #0f466a;
+    background-image: none;
     background-repeat:repeat-x;    
-    color:#ffffff;    
+    color:#ffffff;
+    border-top: 7px solid #60a5d1;   
+}
+footer .container .row {
+  padding-top: 5px;
+}
+footer a:link, footer a:visited {
+  color: #ccc;
 }
-
 /*****************************************************
  *  DISPLAY MESSAGES	                             *
  *****************************************************/

BIN
main/css/chamilo/images/header-logo.png


+ 3 - 3
main/inc/introductionSection.inc.php

@@ -231,18 +231,18 @@ if ($tool == TOOL_COURSE_HOMEPAGE && !isset($_GET['intro_cmdEdit'])) {
 	}
 }
 
-$introduction_section .= '<div class="row"><div class="span12">';
+$introduction_section .= '<div class="row course-tools-intro"><div class="span12">';
 $introduction_section .=  $thematic_description_html;
 $introduction_section .=  '</div>';
 
-$introduction_section .=  '<div class="span12">';
+$introduction_section .=  '<div class="span12"><div class="page-course-intro">';
 if ($intro_dispDefault) {
 	$intro_content = $intro_content;
 	if (!empty($intro_content))	{
 		$introduction_section .=  $intro_content;
 	}
 }
-$introduction_section .=  '</div>';
+$introduction_section .=  '</div></div>';
 
 if ($intro_dispCommand) {
 	if (empty($intro_content)) {