add img icons menus - tpl course home CT#7539

main/course_home/activity.php

@@ -66,12 +66,12 @@ if ($enabled == 'true') {
 
 // Start of tools for CourseAdmins (teachers/tutors)
 if ($session_id == 0 && api_is_course_admin() && api_is_allowed_to_edit(null, true)) {
-    $content .=  '<div class="courseadminview" style="border:0px; margin-top: 0px;padding:0px;">
+    $content .=  '<div class="alert alert-success" style="border:0px; margin-top: 0px;padding:0px;">
 		<div class="normal-message" id="id_normal_message" style="display:none">';
     $content .=  '<img src="'.api_get_path(WEB_PATH).'main/inc/lib/javascript/indicator.gif"/>&nbsp;&nbsp;';
     $content .=  get_lang('PleaseStandBy');
     $content .=  '</div>
-		<div class="confirmation-message" id="id_confirmation_message" style="display:none"></div>
+		<div class="alert alert-success" id="id_confirmation_message" style="display:none"></div>
 	</div>';
 
     $content .= $pluginExtra;
@@ -190,9 +190,9 @@ if ($session_id == 0 && api_is_course_admin() && api_is_allowed_to_edit(null, tr
 function return_block($title, $content, $class = null)
 {
     $html = '<div class="row course-title-tools">
-                <div class="span12">
-                    <div class="page-header">
-                        <h3>'.$title.'</h3>
+                <div class="col-md-12">
+                    <div class="title-header-tools">
+                        <h4>'.$title.'</h4>
                     </div>
                 </div>
             </div>

main/css/base.css

@@ -20,49 +20,21 @@ select {
     visibility: visible;
 }
 
-legend {
-    margin-bottom: 10px;
-}
-
-#header_right {
-    text-align: right;
-    float: right;
-}
-
-#header_right #notifications {
-    padding:0;
+/* NEW CSS BASE */
+.logo{
+  margin-bottom: 10px;
+  padding: 5px;
+  margin-top: 10px;
 }
-
-#header_right #notifications li {
-    text-align: right;
+.title-header-tools{
+  text-align: center;
 }
-
-/* button load ajax form */
+/* END CSS BASE */
 
 .button-load{
   background: url("../img/icons/64/file_upload.png") no-repeat center 20px;
   padding-top: 70px;
-  /*-webkit-animation:glide 2250ms infinite;
-  animation:glide 2250ms infinite;*/
-}
-/*@-webkit-keyframes glide {
-  from {
-    background-position: center 0;
-  } to {
-      background-position: center 20px;
-
-    }
-
-}
-
-@keyframes glide {
-  from {
-    background-position:center 0;
-  } to {
-      background-position:center 20px;
-
-    }
-}*/
+  }
 /* START COURSE PROGRESS */
 .thematic-postit{
   padding-top: 5px;

main/inc/lib/course_home.lib.php

@@ -869,7 +869,7 @@ class CourseHome
                 switch ($theme) {
                     case 'activity_big':
                         $data = '';
-                        $html .= '<div class="col-md-4 course-tool">';
+                        $html .= '<div class="col-xs-6 col-md-3 course-tool">';
                         $image = (substr($item['tool']['image'], 0, strpos($item['tool']['image'], '.'))).'.png';
                         $toolId = isset($item['tool']['id']) ? $item['tool']['id'] : null;
                         if (isset($item['tool']['custom_image'])) {

main/inc/lib/display.lib.php

@@ -502,19 +502,19 @@ class Display
         $class = "";
         switch($type) {
             case 'warning':
-               $class .= 'warning-message';
+               $class .= 'alert alert-warning';
                break;
             case 'error':
-               $class .= 'error-message';
+               $class .= 'alert alert-danger';
                break;
             case 'confirmation':
             case 'confirm':
             case 'success':
-                $class .= 'confirmation-message';
+                $class .= 'alert alert-success';
                break;
             case 'normal':
             default:
-                $class .= 'normal-message';
+                $class .= 'alert alert-info';
         }
         return self::div($message, array('class'=> $class));
     }

main/inc/lib/template.lib.php

@@ -472,11 +472,10 @@ class Template
             $this->theme = $this->preview_theme;
         }
 
-        // Base CSS
-        $css[] = api_get_cdn_path(api_get_path(WEB_CSS_PATH).'base.css');
-
         // Default CSS Bootstrap
         $css[] = api_get_cdn_path(api_get_path(WEB_CSS_PATH).'bootstrap.css');
+        // Base CSS
+        $css[] = api_get_cdn_path(api_get_path(WEB_CSS_PATH).'base.css');
 
         //Extra CSS files
         $css[] = api_get_path(WEB_LIBRARY_PATH).'javascript/thickbox.css';
@@ -490,7 +489,7 @@ class Template
         $css[] = api_get_path(WEB_LIBRARY_PATH).'javascript/mediaelement/mediaelementplayer.css';
         //THEME CSS STYLE
        // $css[] = api_get_cdn_path(api_get_path(WEB_CSS_PATH).'responsive.css');
-        $css[] = api_get_cdn_path(api_get_path(WEB_CSS_PATH).$this->theme.'/default.css');
+       // $css[] = api_get_cdn_path(api_get_path(WEB_CSS_PATH).$this->theme.'/default.css');
 
         if ($this->show_learnpath) {
             $css[] = api_get_path(WEB_CSS_PATH).$this->theme.'/learnpath.css';

main/inc/lib/userportal.lib.php

@@ -680,7 +680,7 @@ class IndexManager
         if (!empty($id)) {
             $params['id'] = $id;
         }
-        $params['class'] = 'panel panel-primary';
+        $params['class'] = 'panel panel-default';
         $html = null;
         if (!empty($title)) {
             $html.= '<div class="panel-heading">'.$title.'</div>';

main/template/default/layout/main_header.tpl

@@ -58,7 +58,9 @@
                     {% endif %}
                     <div class="row">
                         <div class="col-lg-3">
-                            {{ logo }}
+                            <div class="logo">
+                                {{ logo }}
+                            </div>
                         </div>
                         <div class="col-lg-9">
                             <div class="col-4">