Changing the chamilo theme

skala
Julio Montoya 13 years ago
parent 42f14329fd
commit 9f5a2fef9a
  1. 86
      main/css/base.css
  2. 208
      main/css/base_chamilo.css
  3. 10
      main/css/chamilo/default.css
  4. 6
      main/inc/banner.inc.php
  5. 3
      main/inc/header.inc.php
  6. 17
      main/inc/lib/banner.lib.php
  7. 16
      main/inc/lib/javascript/bxslider/bx_styles/bx_styles.css
  8. 31
      main/inc/lib/main_api.lib.php
  9. 2
      main/inc/lib/template.lib.php
  10. 5
      main/inc/lib/userportal.lib.php
  11. 13
      main/template/default/layout/header.tpl
  12. 2
      main/template/default/layout/layout_1_col.tpl
  13. 3
      main/template/default/layout/layout_2_col.tpl
  14. 2
      main/template/default/layout/main.tpl
  15. 3
      main/template/default/skill/skill_tree.tpl

@ -71,9 +71,10 @@ table {
border-collapse: collapse;
border-spacing: 0;
}
ol, ul {
list-style: none;
ol, ul {
list-style: none outside none;
}
q:before,
q:after,
blockquote:before,
@ -825,10 +826,6 @@ footer {
/* Begin of proper */
#menu {
width:180px;
}
#header4 {
height: 26px !important; /* breadcrumb fix */
}
@ -1310,19 +1307,6 @@ a.personal_agenda:hover, a.personal_agenda:hover {
margin-top: 10px;
}
.menusection {
margin: 15px 0 0 6px;
}
.maincontent {
margin-top: 5px;
}
#menu {
margin-top: 8px;
margin-bottom: 10px;
}
.social-background-content {
width:auto;
}
@ -2583,10 +2567,7 @@ div.image-social-content center.friend {
/* styles from the my.profile.php file */
#social_widget {
padding:1px;
margin-bottom:10px;
margin-left:0px;
margin-right:0px;
margin: 0 20px;
}
#social_widget_image {
@ -3615,9 +3596,8 @@ form div.form_error {
}
fieldset {
/* margin-bottom: 18px;
padding-top: 18px;
*/
margin-top: 12px;
}
@ -3954,3 +3934,57 @@ form div.error input, form div.error textarea {
#language_list {
width:100px !important;
}
#formLogin {
margin-left:20px;
}
/*****************************************************
* LOGIN AND LANGUAGE FORM *
*****************************************************/
#lang_form {
text-align: left;
font-size: 12px;
margin: 2px 0 10px 20px;
width: 50px !important;
}
#lang_form input, #lang_form select {
font-size: 12px;
/* width:100%; */
}
#formLogin label {
font-size: 12px;
font-family:Tahoma, Geneva, sans-serif;
color:#666666;
}
#login_fail {
/* margin: 0 6px 6px 6px; */
padding: 4px;
border: 1px solid #f00;
background-color: #fff;
font-size: 12px;
color: #f00;
width:185px;
}
input.mainoption {
font-weight : bold;
-moz-border-radius-bottomleft:5px;
-moz-border-radius-bottomright:5px;
-moz-border-radius-topleft:5px;
-moz-border-radius-topright:5px;
border:1px solid #E1E1E0;
}
input.liteoption {
font-weight : normal;
-moz-border-radius-bottomleft:5px;
-moz-border-radius-bottomright:5px;
-moz-border-radius-topleft:5px;
-moz-border-radius-topright:5px;
border:1px solid #E1E1E0;
}

@ -46,7 +46,7 @@ body {
}
#submain {
padding:10px;
padding:0 10px;
border: 1px solid #ddd;
position: relative; /* to avoid the IE peekabo bug*/
@ -320,8 +320,6 @@ input.link_alike:hover {
#sitename {
margin: 0;
}
#top_corner {
}
#institution {
background-repeat:no-repeat;
height:80px;
@ -385,70 +383,38 @@ input.link_alike:hover {
* HEADER 3: TABS OF THE HEADER *
*****************************************************/
#header3 {
background:none;
border-bottom:1px solid #ccc;
width: 92%;
margin-bottom:0px;
padding:0px;
background-repeat:repeat-x;
margin-left:auto;
margin-right:auto;
font-size: 1.0em;
color: #006;
overflow:hidden;
height:36px;
}
#header3 a:hover {
color:#fffc00D;
//color:#fffc00D;
}
#header3 li {
float:left; /* important for ieX*/
//float:left; /* important for ieX*/
}
#header3 li a span:hover {
color:#fffc00;
//color:#fffc00;
}
#header3 ul {
padding-left:0px;
/*padding-left:0px;
list-style-type:none;
height:25px;
margin-left:0px;
margin: 11px 0px 0px 0px ;
margin: 11px 0px 0px 0px ;*/
}
#header3 a {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
color:#fff;
cursor:pointer;
float:left;
height:25px;
padding-left:9px;
padding-right:2px;
text-decoration:none;
}
#header3 li a span {
color:#fff;
cursor:pointer;
display:block;
float:left;
height:20px;
padding-right:10px;
padding-top:5px;
}
#current a {
color:#FFFFFF;
cursor:pointer;
float:left;
height:25px;
padding-left:9px;
padding-right:2px;
text-decoration:none;
}
#header3 li {
@ -460,7 +426,7 @@ input.link_alike:hover {
cursor:pointer;
display:block;
float:left;
height:20px;
overflow:hidden;
padding-bottom:6px;
margin-right:-3px;
@ -468,14 +434,7 @@ input.link_alike:hover {
}
#current #tab_active {
color:#fff;
cursor:pointer;
display:block;
float:left;
height:20px;
padding-right:10px;
padding-top:5px;
margin-right:-2px;
}
#header3 .banner_links {
@ -526,7 +485,6 @@ input.link_alike:hover {
float: right;
width: auto;
text-align: right;
font-size: 1.0em;
height:25px;
}
@ -537,12 +495,12 @@ input.link_alike:hover {
height:26px;
padding:0px;
background:none;
width: 92%;
margin-left:auto;
margin-right:auto;
width: 100%;
/*margin-top:35px;*/
margin-bottom:5px;
background-repeat:repeat-x;
color: #009;
clear:right;
border: 1px solid #EEEEEE;
}
#header4 a {
color: #666;
@ -580,30 +538,25 @@ input.link_alike:hover {
==============================================================================
*/
#menu-wrapper {
width:250px;
display: block;
float: right;
width: 200px;
background-color: #F3F4F5;
border-bottom: 1px solid #CCCCCC;
border-bottom-left-radius: 5px;
border-left: 1px solid #CCCCCC;
box-shadow: -3px 3px 32px 0 #E8E8E8;
color: #595959;
margin-bottom: 1em;
margin-left: 15px;
min-height: 20px;
padding-bottom: 20px;
}
#menu {
border: 1px solid #e1e1e0;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius:10px;
margin-top:20px;
margin-right:10px;
margin-bottom:0px;
padding-left:10px;
padding-right:10px;
padding-top:5px;
padding-bottom:30px;
width:200px;
float: right;
min-height: 80px;
border:1px solid #E1E1E0;
padding:5px 10px 0;
}
.menucaption {
@ -612,17 +565,22 @@ input.link_alike:hover {
padding-left: 12px;
}
.menusection {
margin: 20px 0px 0 0px;
width:100%;
}
.menusectioncaption {
font-weight:bold;
font-size: 12px;
position: relative;
top: -5px;
background-color: #8A8A8A;
color: #FFFFFF;
font-size: 1.12em;
font-weight: normal;
margin-bottom: 8px;
padding: 7px 10px 7px 15px;
width: 185px;
display:block;
}
.menulist {
margin: 0 20px;
list-style: none;
margin: 0 0 10px 0;
padding: 0;
list-style-image:none;
@ -777,51 +735,6 @@ input.link_alike:hover {
color: #111;
}
/*****************************************************
* LOGIN AND LANGUAGE FORM *
*****************************************************/
#lang_form {
text-align: left;
font-size: 12px;
margin: 2px 0 10px 0;
}
#lang_form input, #lang_form select {
font-size: 12px;
/* width:100%; */
}
#formLogin label {
font-size: 12px;
font-family:Tahoma, Geneva, sans-serif;
color:#666666;
}
#login_fail {
/* margin: 0 6px 6px 6px; */
padding: 4px;
border: 1px solid #f00;
background-color: #fff;
font-size: 12px;
color: #f00;
width:185px;
}
input.mainoption {
font-weight : bold;
-moz-border-radius-bottomleft:5px;
-moz-border-radius-bottomright:5px;
-moz-border-radius-topleft:5px;
-moz-border-radius-topright:5px;
border:1px solid #E1E1E0;
}
input.liteoption {
font-weight : normal;
-moz-border-radius-bottomleft:5px;
-moz-border-radius-bottomright:5px;
-moz-border-radius-topleft:5px;
-moz-border-radius-topright:5px;
border:1px solid #E1E1E0;
}
/*****************************************************
* COURSE HOMEPAGE *
*****************************************************/
@ -2684,3 +2597,42 @@ abbr {
.chzn-search input {
}
#header3 {
font-size: 14px;
font-weight: bold;
padding: 10px 10px 0;
position: relative;
width: 92%;
margin: 0 auto 34px auto;
}
#header3 ul {
margin: 0px;
}
#header3 li {
list-style: none;
float: left;
margin-right: 5px;
}
#header3 li a {
background: none repeat scroll 0 0 #D9E4F0;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
color: #277098;
display: block;
padding: 8px 12px 9px;
text-decoration: none;
}
#header3 li a:hover {
background: none repeat scroll 0 0 #8ECB50;
color: #FFFFFF;
}
#header #current a {
background: none repeat scroll 0 0 #FFFFFF;
}
#header #current a:hover {
color: #277098;
}

@ -34,22 +34,22 @@ a:active {
}
#header3 a {
background:transparent url(images/tab_left.gif) no-repeat scroll left top;
//background:transparent url(images/tab_left.gif) no-repeat scroll left top;
}
#header3 li a span {
background:transparent url(images/tab_right.gif) no-repeat scroll right top;
// background:transparent url(images/tab_right.gif) no-repeat scroll right top;
}
#current a {
background:transparent url(images/tab_left-active.gif) no-repeat scroll left top;
// background:transparent url(images/tab_left-active.gif) no-repeat scroll left top;
}
#current {
background:transparent url(images/tab_center-active.gif) no-repeat scroll right top;
//background:transparent url(images/tab_center-active.gif) no-repeat scroll right top;
}
#current #tab_active {
background:transparent url(images/tab_right-active.gif) no-repeat scroll right top;
//background:transparent url(images/tab_right-active.gif) no-repeat scroll right top;
}
/*****************************************************
* FOOTER STYLES *

@ -39,10 +39,8 @@ echo'</ul>';
echo '<div id="header">';
show_header_1($language_file, $nameTools);
show_header_2();
$menu_navigation = show_header_3();
echo show_header_4($interbreadcrumb, $language_file, $nameTools);
if (isset($database_connection)) {
// connect to the main database.
@ -53,6 +51,7 @@ if (isset($database_connection)) {
// (ex. SELECT * FROM table_from_main_db - SELECT * FROM courseDB.table_from_course_db)
Database::select_db($_configuration['main_database'], $database_connection);
}
echo '</div>'; // <!-- end of the whole #header section -->
if (api_get_setting('show_toolshortcuts') == 'true') {
@ -61,6 +60,9 @@ if (api_get_setting('show_toolshortcuts') == 'true') {
}
echo '<div id="main">';
echo show_header_4($interbreadcrumb, $language_file, $nameTools);
echo '<div id="submain">';

@ -9,6 +9,7 @@
/* HEADERS SECTION */
// Server mode indicator.
/*
if (api_is_platform_admin()) {
if (api_get_setting('server_type') == 'test') {
error_reporting(E_ALL);
@ -18,7 +19,7 @@ if (api_is_platform_admin()) {
$starttime = $mtime;
$_SESSION['page_start_time_execution'] = $starttime;
}
}
}*/
header('Content-Type: text/html; charset='.api_get_system_encoding());
//show the X-Powered-By header so that parsers can find it
global $_configuration;

@ -113,8 +113,7 @@ function get_tabs() {
function show_header_1($language_file, $nameTools) {
global $noPHP_SELF;
$_course = api_get_course_info();
echo '<div id="header1">';
echo '<div id="top_corner"></div>';
echo '<div id="header1">';
$logo = api_get_path(SYS_CODE_PATH).'css/'.api_get_visual_theme().'/images/header-logo.png';
$site_name = api_get_setting('siteName');
if (file_exists($logo)) {
@ -608,15 +607,7 @@ function show_header_4($interbreadcrumb, $language_file, $nameTools) {
$html .= Display::tag('ul',$lis, array('class'=>'bread'));
$html .= '</div>';
} else {
$html .= '<div id="header4">';
$html .= '</div>';
}
$html .= '<div class="clear"></div>';
//$html .= '<div id="header4"></div>';
}
return $html ;
}
function load_navigation_menu() {
}
}

@ -1,4 +1,17 @@
samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li{
#container-slider samp,
#container-slider small,
#container-slider strike,
#container-slider strong,
#container-slider sub,
#container-slider sup,
#container-slider tt,
#container-slider var,
#container-slider dl,
#container-slider dt,
#container-slider dd,
#container-slider ol,
#container-slider ul,
#container-slider li {
border: 0 none;
font-family: inherit;
font-size: 100%;
@ -8,6 +21,7 @@ samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li{
outline: 0 none;
padding: 0;
vertical-align: baseline;
overflow: hidden;
}
#bx-wrapper {
text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);

@ -795,38 +795,39 @@ function api_block_anonymous_users($print_headers = true) {
function api_get_navigator() {
$navigator = 'Unknown';
$version = 0;
if (strpos($_SERVER['HTTP_USER_AGENT'], 'Opera') !== false) {
$navigator = 'Opera';
list (, $version) = explode('Opera', $_SERVER['HTTP_USER_AGENT']);
} elseif (strpos($_SERVER['HTTP_USER_AGENT'], 'MSIE') !== false) {
$navigator = 'Internet Explorer';
list (, $version) = explode('MSIE', $_SERVER['HTTP_USER_AGENT']);
} elseif (strpos($_SERVER['HTTP_USER_AGENT'], 'Chrome') !== false) {
$navigator = 'Chrome';
list (, $version) = explode('Chrome', $_SERVER['HTTP_USER_AGENT']);
} elseif (strpos($_SERVER['HTTP_USER_AGENT'], 'Gecko') !== false) {
$navigator = 'Mozilla';
list (, $version) = explode('; rv:', $_SERVER['HTTP_USER_AGENT']);
$navigator = 'Mozilla';
list (, $version) = explode('; rv:', $_SERVER['HTTP_USER_AGENT']);
} elseif (strpos($_SERVER['HTTP_USER_AGENT'], 'Netscape') !== false) {
$navigator = 'Netscape';
list (, $version) = explode('Netscape', $_SERVER['HTTP_USER_AGENT']);
}
// Added by Ivan Tcholakov, 23-AUG-2008.
if (strpos($_SERVER['HTTP_USER_AGENT'], 'Konqueror') !== false) {
} elseif (strpos($_SERVER['HTTP_USER_AGENT'], 'Konqueror') !== false) {
$navigator = 'Konqueror';
list (, $version) = explode('Konqueror', $_SERVER['HTTP_USER_AGENT']);
}
if (stripos($_SERVER['HTTP_USER_AGENT'], 'applewebkit') !== false) {
$navigator = 'AppleWebKit';
list (, $version) = explode('Version/', $_SERVER['HTTP_USER_AGENT']);
}
if (stripos($_SERVER['HTTP_USER_AGENT'], 'safari') !== false) {
} elseif (stripos($_SERVER['HTTP_USER_AGENT'], 'applewebkit') !== false) {
$navigator = 'AppleWebKit';
list (, $version) = explode('Version/', $_SERVER['HTTP_USER_AGENT']);
} elseif (stripos($_SERVER['HTTP_USER_AGENT'], 'safari') !== false) {
$navigator = 'Safari';
list (, $version) = explode('Version/', $_SERVER['HTTP_USER_AGENT']);
}
//
$version = doubleval($version);
$version = str_replace('/', '', $version);
if (strpos($version, '.') === false) {
$version = number_format(doubleval($version), 1);
}
return array ('name' => $navigator, 'version' => $version);
}
$return_array = array ('name' => $navigator, 'version' => $version);
return $return_array;
}
/**

@ -318,7 +318,7 @@ class Template extends Smarty {
$this->assign('header1', $header1);
$this->assign('header2', $header2);
$this->assign('header3', $header3);
$this->assign('header3', $header3);
$this->assign('header4', $header4);
if (!api_is_platform_admin()) {

@ -872,7 +872,7 @@ class IndexManager {
$cant_msg = ' ('.$number_of_new_messages.')';
}
$profile_content .= '<div class="clear"></div>';
$profile_content .= '<div class="message-content"><ul class="menulist">';
$profile_content .= '<ul class="menulist">';
$link = '';
if (api_get_setting('allow_social_tool') == 'true') {
$link = '?f=social';
@ -888,8 +888,7 @@ class IndexManager {
}
$profile_content .= '<li><a href="'.api_get_path(WEB_PATH).'main/social/invitations.php" class="message-body">'.get_lang('PendingInvitations').' '.$total_invitations.' </a></li>';
}
$profile_content .= '</ul>';
$profile_content .= '</div>';
$profile_content .= '</ul>';
}
$html = self::show_right_block(get_lang('Profile'), $profile_content);
return $html;

@ -63,11 +63,10 @@
{$header1}
{* header right *}
{$header2}
{* menu *}
{$header3}
{* breadcrumb *}
{$header4}
{$header2}
</div>
{* menu *}
{$header3}

@ -4,8 +4,10 @@
{if $show_header == 1}
{include file="default/layout/header.tpl"}
{/if}
{/block}
{block name=body}
{if (!empty($actions) ) }
<div class="actions">

@ -18,7 +18,8 @@
{$announcements_block}
</div>
<div id="menu-wrapper">
<div id="menu-wrapper">
{if $_u.logged == 0}
{include file="default/layout/login_form.tpl"}
{/if}

@ -23,6 +23,8 @@
</ul>
{block name="header"}{/block}
<div id="main">
{* breadcrumb *}
{$header4}
<div id="submain">
{block name="body"}{/block}
<div class="clear">&nbsp;</div> <!-- 'clearing' div to make sure that footer stays below the main and right column sections -->

@ -81,8 +81,7 @@ jsPlumb.bind("ready", function() {
success:function(data) {
//new window
parent_id = $("#parent_id option:selected").attr('value');
parent_id = $("#parent_id option:selected").attr('value');
//Great stuff
open_block('block_'+parent_id);

Loading…
Cancel
Save