Эх сурвалжийг харах

Adding bootstrap to the documentation feel free to change/edit

Julio Montoya 13 жил өмнө
parent
commit
2877d8f0c6

+ 67 - 22
documentation/changelog.html

@@ -1,26 +1,42 @@
-<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
-<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"><head>
-  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
-
-  <title>Chamilo Changelog</title><link rel="stylesheet" href="default.css" type="text/css" media="screen,projection" />
-  <link rel="shortcut icon" href="../favicon.ico" type="image/x-icon" />
-  <style type="text/css">
-    <!--
-        @page { size: 21cm 29.7cm; margin: 2cm }
-        #main h1 {padding-bottom:10px; margin-top:20px; border-bottom: 2px solid #999;}
-        pre { font-family: "Courier New", monospace }
-        p { margin-bottom: 0.21cm }
-        .code {margin: 1em 1em 1em 2em; padding: 0.5em; background-color: rgb(229, 229, 229); vertical-align: top; border: 1px solid #999999;}
-    --></style></head>
+<html lang="en">
+<head>
+    <meta charset="utf-8" />
+    <title>Chamilo Changelog</title>
+    <link rel="stylesheet" href="../main/css/base.css" type="text/css" media="screen,projection" />
+    <link rel="stylesheet" href="default.css" type="text/css" />
+    <link rel="shortcut icon" href="../favicon.ico" type="image/x-icon" />
+</head>
 <body>
-<div id="header1">
+<div class="navbar navbar-fixed-top">
+    <div class="navbar-inner">
+        <div class="container-fluid">
+            <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
+            <span class="icon-bar"></span>
+            <span class="icon-bar"></span>
+            <span class="icon-bar"></span>
+            </a>
+            <a class="brand" href="index.html">Chamilo - Documentation</a>
+            <div class="nav-collapse">
+            <ul class="nav">
+                <li><a href="index.html">Home</a></li>
+                <li ><a href="readme.html">About</a></li>
+                <li ><a href="license.html">License</a></li>            
+                <li><a href="credits.html">Credits</a></li>            
+                <li><a href="dependencies.html">Dependencies</a></li>            
+                <li class="active"><a href="changelog.html">Changelog</a></li>
+            </ul>        
+            </div><!--/.nav-collapse -->
+        </div>
+    </div>
+</div>    
+    
 <h1>Chamilo&nbsp;Changelog</h1>
-</div>
+
 <a href="index.html">Documentation</a> &gt; Changelog
 <div id="outerframe">
 <div id="main">
 
-<h1>Chamilo 1.9.0 - [version-name], December 2011</h1>
+<h1>Chamilo 1.9.0 - [version-name], April 2012</h1>
 
 <h3>Release notes - summary</h3>
 <p>Chamilo 1.9.0 is a major stable version with loads of added features.</p>
@@ -32,7 +48,10 @@ This version of Chamilo only includes new features:
   <li>Extra reports generation feature by CBlue</li>
   <li>Feature for admin to recover deleted attendances (BT#3002)</li>
   <li><b>New tool</b> to manage student Skills by gradebook</li>
+  <li>Plugin system has been reworked, new plugins added</li>
   <li>New options in Exercises</li>
+  <li>New CSS framework added</li>
+  <li>User Interface is very easy to modify. Now we use Twig Template System</li>
   <li>Record your voice (flash mode)</li>
   
 </ul>
@@ -53,15 +72,17 @@ This version of Chamilo only includes new features:
     <li>
       Assignments
       <ul>
+          <li>New assignment list, now we use jqgrid and we see the user name instead of the work title see BT#4131</li>
       </ul>
     </li>
     <li>
         Attendances
-        <ul>            
+        <ul>
         </ul>
     </li>
     <li>Documents
 	    <ul>
+            <li>Jplayer lib updated</li>
         </ul>
     </li>    
 	<li>Exercises
@@ -69,6 +90,8 @@ This version of Chamilo only includes new features:
             <li>Group questions by category added by Hubert Borderiou</li>
             <li>Save question to review</li>
             <li>Live exercise stats</li>
+            <li>Exercise results now uses jqgrid to filter results</li>
+            <li>UI improved</li>
         </ul>
     </li>
     <li>Gradebook
@@ -83,7 +106,8 @@ This version of Chamilo only includes new features:
         
     <li>Learning path
         <ul>
-	</ul>
+            <li></li>
+        </ul>
     </li>          
     <li>Links
         <ul>
@@ -94,26 +118,44 @@ This version of Chamilo only includes new features:
       <ul>
       </ul>
     </li>
-     
+    
     <li>Portal administration
         <ul>
+            <li>Plugin system was fixed in order to be more easy to add plugins to Chamilo now we use Regions (à la Drupal)</li>
+            <li>Regions: Thanks to Smarty we can add plugins everywhere in Chamilo using the plugins</li>            
+            <li>New we can find a Chamilo setting very fast, thanks to a search form</li>            
             <li>2 new blocks were added "System" and "Skills"</li>
+            <li>The extensions block was moved to the Plugin area</li>            
             <li>New option to delete files in /archive (only for the super administrator)</li>
             <li>Data filler: several fixes added</li>
+            <li>The hide tool options now blocks the access to the tool. See BT#4138</li>            
+            <li>The setting "Hide course tools" was changed: Check the tools you want to hide from teachers. This will prohibit access to the tool instead of just hidden the tools.                 
+            </li>            
         </ul>
     </li>
     
+    <li>Plugins
+        <ul>
+            <li>New Hello World plugin added</li>
+            <li>New Social tools plugin added</li>
+            <li>New Shared tools plugin added</li>
+            <li>New Show regions plugin added</li>
+        </ul>
+   </li>
+    
     <li>Users
         <ul>
-            <li>Expot users to a PDF document</li>
+            <li>Export users to a PDF document</li>
         </ul>
     </li>
     <li>User portal/ My courses
         <ul>            
+            <li>Courses/Session blocks layout have been improved</li>
         </ul>
     </li>
     <li>Sessions
         <ul>
+            <li>Session list uses now jqgrid in order to filter fields better and faster.</li>
         </ul>
     </li>    
     <li>Social Network / Groups
@@ -139,6 +181,7 @@ This version of Chamilo only includes new features:
         <ul>
             <li>Styles changed for all forms</li>
             <li>New top bar added (only for admins)</li>
+            <li>Responsive layout for Mobile Devices</li>
         </ul>
     </li>
 </ul>
@@ -151,7 +194,9 @@ This version of Chamilo only includes new features:
 
 <h3>Third-Party Libraries additions/updates</h3>
 <ul>
-    <li>Fullcalendar js library version 1.5.2</li>    
+    <li>Fullcalendar js library version 1.5.2</li>   
+    <li>Smarty 3 Template system</li>
+    <li>Twitter Bootstrap CSS Framework</li>
 </ul>
 
 <h3>Removals</h3>

+ 31 - 16
documentation/credits.html

@@ -1,21 +1,36 @@
-<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
-<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"><head>
-  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
-
-  <title>Chamilo Credits</title><link rel="stylesheet" href="default.css" type="text/css" media="screen,projection" />
-  <link rel="shortcut icon" href="../favicon.ico" type="image/x-icon" />
-  <style type="text/css">
-    <!--
-        @page { size: 21cm 29.7cm; margin: 2cm }
-        pre { font-family: "Courier New", monospace }
-        p { margin-bottom: 0.21cm }
-        .code {margin: 1em 1em 1em 2em; padding: 0.5em; background-color: rgb(229, 229, 229); vertical-align: top; border: 1px solid #999999;}
-    --></style></head>
-
+<html lang="en">
+<head>
+    <meta charset="utf-8" />
+    <title>Chamilo Credits</title>
+    <link rel="stylesheet" href="../main/css/base.css" type="text/css" media="screen,projection" />
+    <link rel="stylesheet" href="default.css" type="text/css" media="screen,projection" />
+    <link rel="shortcut icon" href="../favicon.ico" type="image/x-icon" />
+</head>
 <body>
-<div id="header1">
-  <h1>Chamilo Credits</h1>
+<div class="navbar navbar-fixed-top">
+    <div class="navbar-inner">
+        <div class="container-fluid">
+            <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
+            <span class="icon-bar"></span>
+            <span class="icon-bar"></span>
+            <span class="icon-bar"></span>
+            </a>
+            <a class="brand" href="index.html">Chamilo - Documentation</a>
+            <div class="nav-collapse">
+            <ul class="nav">
+                <li><a href="index.html">Home</a></li>
+                <li ><a href="readme.html">About</a></li>
+                <li ><a href="license.html">License</a></li>            
+                <li class="active"><a href="credits.html">Credits</a></li>            
+                <li><a href="dependencies.html">Dependencies</a></li>            
+                <li><a href="changelog.html">Changelog</a></li>
+            </ul>        
+            </div><!--/.nav-collapse -->
+        </div>
+    </div>
 </div>
+    
+<h1>Chamilo Credits</h1>
 <a href="index.html">Documentation</a> &gt; Credits
 
 <h1>Core developers</h1>

+ 9 - 637
documentation/default.css

@@ -1,640 +1,12 @@
-/* Default Style Sheet for Chamilo
-   2004-07-18 by Wolfgang Schneider
-   (info@ws-webservice.de / webmaster@bibelcenter.de)
-   updated on 2005-02-25 by Olivier Brouckaert
-   (oli.brouckaert@dokeos.com)
-   update on 2005-03-01 by Wolfgang Schneider
-   update on 2005-05-27 by Patrick Cool
-   */
-
 body {
-	font-family: verdana, arial, helvetica, sans-serif;
-	font-size: 12px;
-	color: #000;
-	margin: 0;
-	padding: 0;
-	background-color: #fff;
-}
-img {
-	border: none;
-}
-
-#outerframe {
-	position: relative;  /* do not remove, fixes a bug in IE */
-	border: 1px solid #fff;
-	background-color: #fff;
-}
-
-/* Hides from IE5-mac \*/
-* html #outerframe {height: 1%;}
-/* End hide from IE5-mac */
-
-/*****************************************************
- *  HEADER STYLES                                    *
- *****************************************************/
-#header {
-	width: 100%;
-	padding: 0;
-	margin: 0;
-}
-/* Header 1: Containing title, portal and organization */
-#header1 {
-	font-size: 12px;
-	padding: 4px;
-	/*background-color: #264269; */
-	color: #fff;
-	background-color: #4171b5;
-	/*color: #264269;*/
-	border-bottom: 1px solid white;
-}
-#header1 a {
-	color: #ffffff;
-	text-decoration: none;
-}
-#header1 a:hover{
-	text-decoration: underline;
-}
-#sitename {
-	margin: 0;
-	font-weight: bold;
-}
-#institution {
-	float: left;
-	font-weight: bold;
-}
-#my_courses {
-	float: right;
-	font-weight: bold;
-}
-/* Header 2: Containing My Courses, My Profile,... */
-#header2 {
-	font-size: 12px;
-	padding: 4px;
-	background-color: #4271B5;
-	color: #fff;
-	border-bottom: 1px solid white;
-}
-#header2 .banner_links {
-	margin: 0;
-}
-#header2 a {
-	text-decoration: none;
-	color: #fff;
-	background: transparent;
-	font-weight:normal;
-	font-size: 12px;
-}
-#header2 input.logout {
- 	/* makes an input appear like a link in this header */
-	margin: 0;
-	padding: 0;
-	background-color: transparent;
-	border: none;
-	color: #fff;
-	font-size: 12px;
-	font-weight:normal;
-	font-family: verdana, arial, helvetica, sans-serif;
-}
-#header2 a:hover, #header2 input.logout:hover {
-	border-bottom: 1px solid #fff;
-}
-#logout {
-	float: right;
-	width:20%;
-	text-align:right;
-}
-/* Header 3: Containing breadcrumbs, online users, student/teacher view, help */
-.subnav {
-	position: relative; /* to avoid the IE peekabo bug*/
-	font-size: 12px;
-	font-weight: normal;
-	padding: 4px;
-	background-color: #90AFDD;
-	color: #fff;
-	border-bottom: 1px solid white;
-}
-.subnav a {
-	color: #ffffff;
-	text-decoration: none;
-	font-weight:normal;
-}
-.subnav a:hover{
-	text-decoration: underline;
-}
-/* Header3Right: online users, student/teacher view, help */
-.subnavRight ul{
-	position: relative; /* to avoid the IE peekabo bug*/
-	float: right;
-	width: 50%;
-	margin: 0;
-	padding: 0;
-	list-style-type: none;
-	text-align: right;
-}
-.subnavRight ul li {
-	display: inline;
-}
-.subnavRight ul li a {
-	padding: 4px 6px 4px 4px;
-	color:#fff;
-}
-/* Header 4: not used */
-#header4 {
-	background-color: #fff;
-	color: #009;
-	padding: 4px;
-	margin-bottom: 2px;
-}
-#header4 a {
-	color: #4171b5;
-}
-#header4 a:hover {
-	text-decoration: none;
-	color: #f00;
-}
-/* The tool shortcuts */
-#toolshortcuts {
-	text-align: right;
-}
-
-/*****************************************************
- *  FOOTER STYLES                                    *
- *****************************************************/
-#footer {
-	padding: 8px;
-	border-top: 1px solid #4171B5;
-	background-color: #E5EDF9;
-	font-size: 12px;
-}
-#footer .copyright {
-	float: right;
-}
-
-/*****************************************************
- *  MAIN STYLES                                      *
- *****************************************************/
-#main {
- position: relative; /* to avoid the IE peekabo bug*/
- margin: 0px auto;
- margin-top: 10px;
- width: 98%;
- padding: 0px 10px 10px 10px;
- background-color: #fff;
- min-height: 320px;
-}
-
-/* for content section in main index.php file */
-.maincontent { float: left;  width: 78%;
- padding: 4px; background-color: #fff; }
-
-/* "menu" classes for menu/navigation section in main index.php  */
-.menu { float: right; width: 20%;  padding: 0 0 6px 0;
- background-color: #E5EDF9; border: 1px solid #4171B5; }
-.menucaption { font-size: 12px; font-weight: bold;  padding-left: 12px; }
-.menusection { width: auto; margin: 24px 6px 0 6px;
- padding-left: 10px; border: 1px solid #4171B5; }
-.menusectioncaption { position: relative; top: -9px;
- background-color: #E5EDF9; font-size: 12px; padding: 0 8px 0 4px; }
-.menulist { list-style: none; margin: 0 0 12px 0; padding: 0; }
-
-
-#lang_form {text-align: left; font-size: 12px;
- margin: 2px 0 10px 0; padding: 2px;}
-#lang_form input, #lang_form select
-{ font-size: 12px;}
-
-#loginform label { font-size: 12px; margin: 4px 6px;}
-#loginform input { display: block; font-size: 13px; margin: 4px 6px;}
-#login_fail {margin: 0 6px 6px 6px; padding: 4px; border: 1px solid #f00;
- background-color: #fff; font-size: 12px; color: #f00;}
-
-
-/*** layout divs for course and tool pages (being tested in some pages) ****/
-#contentfloatholder {/* also makes the right "sliding" tab  */
-/*background: url(../pics/sidebar-r.gif) repeat-y 100% 0;
-background: url(../pics/bg_fountain.jpg) no-repeat 100% 0; */
-float: left;
-width: 100%;
-position: relative;
-}
-
-#contentfloatholder:after {
- /* this is for NN6 to clear floats */
-content: ".";
-display: block;
-height: 0px;
-clear: both;
-visibility: hidden;
-}
-
-#centerwrap {
-  float: left;
-  width: 100%;
-  margin-right: -95%;
-	/* this needs to be less than 100% for Moz/Mac which thinks
-         it's empty otherwise. The difference is made up by putting a
-         negative left margin on the left float:
-	   Note IE/Mac doesn't like this method ~ it wants the 100% so it can
-	   be fed in using IE only CSS below becasue IE/Win also works with the 100% method.
-	*/
-}
-
-#center { margin: 0 0 0 180px; padding: 10px 0 40px 0;
- min-height: 300px; }
-
-#left { float: left; width: 180px; padding: 20px 0 0 0;
- margin-left: -5%; /* the difference to make the left colum appear flush left */
-}
-/* --- left navigation box menu as a definition list  --- */
-#leftnavbox {	margin: 0; padding: 0; float:left;}
-#leftnavbox dl { width: 160px; margin: 12px auto 4px auto; padding: 0 0 10px 0;
-background: transparent; font-size: 12px; text-align: center; }
-#leftnavbox dt { margin: 0; padding: 1px 2px; font-weight: bold; font-size: 12px;
- text-align: center; color: #000;
- border-bottom: 1px solid #fff; background: transparent; }
-#leftnavbox dd { margin: 0; padding: 0; color: #009; text-align: left;
-border-bottom:1px solid #fff; background: #ccf; }
-#leftnavlist a, #leftnavlist a:link { display: block;
- color: #fff; text-decoration: none; padding: 2px 5px 2px 10px;
- background: #4171B5; width:140px; border: 1px solid #009;}
-#leftnavlist a:visited {color:#eee; text-decoration: none; display: block; padding: 2px 5px 2px 10px;
- background: #4171B5; color: #eee; width:140px; }
-#leftnavlist a:hover { background: #fff; color:#4171B5; display: block;}
-/* --- end of left side definition list menu section  --- */
-
-
-
-/* various sections in course-home.php file  */
-#toolremove {width: 40%; color: #f00; font-weight: bold;
- margin: 10px auto; padding: 10px; border: 2px solid #f00;}
-
-#courseintro { clear: both; width: 80%; margin: 10px auto;
- padding: 10px; border-bottom: 1px solid #4171B5;}
-#courseintro_icons { clear: both; width: 80%; margin: 10px auto;}
-
-.everybodyview { position: relative; /* to avoid the IE peekabo bug ?*/
- width: 80%; margin: 10px auto; padding: 10px;}
-
-.courseadminview, .platformadminview {position: relative; width: 80%;
- margin: 25px auto 10px; padding: 10px; border: 1px solid #4171B5;}
-
-.viewcaption {position: relative; top: -20px; font-size: 12px;
- font-weight: bold; color: #4171B5; background-color: #fff; padding: 0 4px;}
-/***********************************/
-
-/* ===================================================
-					AGENDA STYLES
-===================================================*/
-
-/* ---------------------------------------------------
-	check if these are still used or not
------------------------------------------------------*/
-#agenda {
-	width: 100%;
-	margin: 0 auto;
-	border: 1px solid #4171B5;
-	border-collapse: collapse;
-}
-.agenda_month_divider {background-color: #4171B5; font-weight: bold;
- font-size: 12px; color: #fff; text-align: center;}
-#agenda #title a { color: #fff;}
-#agenda .agendaitem {font-size: 12px;}
-#smallcalendar #title {background-color: #4171B5; font-weight: bold; padding: 2px;
- color: #fff; text-align: center; font-size: 11px;}
-#smallcalendar #title a { color: #fff;}
-#agenda_select {list-style: none; border: 0px solid green;
- margin: 30px 0 0 0; padding: 0 0 0 10px;}
-
-
-/* ---------------------------------------------------
-	styles for the agenda (day, week, month view)
------------------------------------------------------*/
-#agenda_list {width: 100%; margin: 0 auto; border: 1px solid #fff;
- border-collapse: collapse;}
-
-/*The caption of the calendar (displays the month and the << and >> links*/
-#agenda_list #title {background-color: #4171B5; font-weight: bold;
- font-size: 12px; color: #fff; text-align: left; padding: 2px 10px; text-align: center; border: 1px solid #264269;}
-#agenda_list #title a:link, #agenda_list #title a:visited {background-color: #4171B5; font-weight: bold;
- font-size: 12px; color: #fff; text-align: left; padding: 2px 10px;text-align: center;}
-#agenda_list #title a:hover {background-color: #4171B5; font-weight: bold;
- font-size: 12px; color: #ff0000; text-align: left; padding: 2px 10px;text-align: center;}
-
-/* The cells with the name of the days of the weeks (mon->sun)*/
-#agenda_list .weekdays {background-color: #D3DFF1; text-align: center;
- font-weight: bold; border: 1px solid #264269; border-collapse: collapse;}
-
-/* The cells for the days (1->31) */
-#agenda_list .days_week {height: 40px; width: 12%; text-align: left; vertical-align: top;
- border: 1px solid #264269; border-collapse: collapse; background-color: #f5f5f5;}
-#agenda_list .days_weekend {height: 40px; width: 12%; text-align: left; vertical-align: top;
- border: 1px solid #264269; border-collapse: collapse; background-color: #e6e6e6;}
-#agenda_list .days_today {height: 40px; width: 12%; text-align: left; vertical-align: top;
- border: 1px solid #264269; border-collapse: collapse; background-color: #FFCA8D;color: #CC3300;font-weight: bold;}
-
-/* text in the cells: display of agenda items (visible)*/
-#agenda_list .data {background-color: #eee; text-align: left; padding: 2px 10px;
- font-weight: bold; border: 0px solid #4171B5; border-collapse: collapse;}
-#agenda_list .datanotbold {background-color: #eee; text-align: left; padding: 2px 10px;
- font-weight: normal; border: 0px solid #4171B5; border-collapse: collapse;}
-#agenda_list .text {background-color: #fff; text-align: left; padding: 2px 10px;
- font-weight: normal; border: 0px solid #4171B5; border-collapse: collapse;}
-
-/*text in the cells: display of agenda items (invisible)*/
-#agenda_list .data_hidden {background-color: #eee; text-align: left; padding: 2px 10px;
- font-weight: bold; border: 0px solid #4171B5; border-collapse: collapse; color: #999999;}
-#agenda_list .datanotbold_hidden {background-color: #eee; text-align: left; padding: 2px 10px;
- font-weight: normal; border: 0px solid #4171B5; border-collapse: collapse; color: #999999;}
-#agenda_list .text_hidden {background-color: #fff; text-align: left; padding: 2px 10px;
- font-weight: normal; border: 0px solid #4171B5; border-collapse: collapse; color: #999999;}
-
-/*text in the cells: display of agenda items (highlighted)*/
-#agenda_list .datanow {background-color: #FFCC00; text-align: left; padding: 2px 10px;
- font-weight: bold; border: 0px solid #4171B5; border-collapse: collapse;}
-#agenda_list .datanotboldnow {background-color: #FFCC00; text-align: left; padding: 2px 10px;
- font-weight: normal; border: 0px solid #4171B5; border-collapse: collapse;}
-#agenda_list .textnow {background-color: #fff; text-align: left; padding: 2px 10px;
- font-weight: normal; border: 0px solid #4171B5; border-collapse: collapse;}
-
-/* ---------------------------------------------------
-	styles for the mini agenda
------------------------------------------------------*/
-#smallcalendar {width: 100%; margin: 0 auto; border: 1px solid #fff;
- border-collapse: collapse;}
-#smallcalendar .weekdays {background-color: #D3DFF1; text-align: center;
- font-size: 11px; font-weight: bold; border: 1px solid #fff; border-collapse: collapse;}
-#smallcalendar .days_week {background-color: #f5f5f5; text-align: center;
- font-size: 11px; border-collapse: collapse;}
-#smallcalendar .days_weekend {background-color: #e6e6e6; text-align: center;
- font-size: 11px; border: 1px solid #fff; border-collapse: collapse;}
-#smallcalendar .days_today {width: 12%; text-align: center;
- font-size: 11px;  border: 1px solid #FA8500; border-collapse: collapse; background-color: #FFCA8D;}
-
-/* ---------------------------------------------------
-	styles for the personal agenda
------------------------------------------------------*/
-.personal_agenda {color: #008000; }
-.personal_agenda a:link, .personal_agenda a:visited {color: #008000; }
-a.personal_agenda:link, a.personal_agenda:visited {color: #008000; }
-.personal_agenda a:hover, .personal_agenda a:hover {color: #666666; }
-a.personal_agenda:hover, a.personal_agenda:hover {color: #666666; }
-
-
-/* normal and erro message-box */
-.normal-message, .error-message {
-	position: relative;
-	margin: 10px auto;
-	margin-left: -250px;
-	width: 500px;
-	left: 50%;
-	right: 50%;
-	border-width: 1px;
-	border-style: solid;
-	padding: 5px;
-}
-.normal-message {
-	border: 1px solid #FF8001;
-	color: #000;
-	background-color: #FDC77E;
+    padding-bottom: 40px;
+    padding-top: 60px;
 }
-.error-message {
-	border: 1px solid #3F70AC;
-	color: #000;
-	background-color: #FDC273;
-}
-
-#message {margin: 0 auto; text-align: center;}
-#message select {margin: 10px 0; width: 220px;}
-#message textarea {margin: 10px 0;}
-#message td {padding: 4px;}
-
-/* styles from the document.php file */
-.comment { margin-left: 30px; }
-.invisible {color: #999; }
-.invisible a:link, .invisible a:visited {color: #999; } a.invisible:link, a.invisible:visited {color: #999; }
-
-/* styles from the upload.php file */
-dl.upload_option {margin: 1em 0; padding: 0;}
-.upload_option dt {font-weight:bold; margin:0;}
-.upload_option dd {margin:0;}
-
-
-/* styles from dropbox.php file */
-.dropbox_detail {font-size: small}
-.dropbox_date {font-style: italic}
-.dropbox_person {font-weight: bold}
-.dropbox_listTitle { color: #000000;}
-.dropbox_feedback {font-size: x-small; height: 50px; width: 200px; overflow: auto}
-.dropbox_feedbacks {height: 250px; width: 100%; overflow: auto}
-
-
-/* styles for chat / conference tools */
-#chat_entermessage {
-background-color: #D6E5FA; border-top: 1px solid #4171B5;
- padding: 5px; margin: 0;}
-
-
-/* styles for general formatting */
-.clear {clear: both; line-height: 0; height: 0;}
-
-p,blockquote,ol,ul { font-size: 12px; }
-h1 { font-size: 21px; }
-h2 { font-size: 18px; }
-h3 { font-size: 15px; margin-top:0px; padding-top:0px; }
-h4 { font-size: 12px; }
-h5,h6 {font-family: verdana, arial, helvetica, sans-serif;}
-
-/* the following for regular <a> elements */
-a:link {text-decoration: none; font-weight : bold; color : #4171b5;}
-a:visited {text-decoration: none; font-weight : bold; color : #4171b5;}
-a:hover {text-decoration: none; color: red; font-weight: bold}
-a:active {text-decoration: none; font-weight : bold;  color : #f00;}
-
-input.link_alike { background-color: #FFFFFF; border-width: 0px;
- color: #4171b5; font-weight: bold; text-align: left; padding: 0px; margin: 0px; }
-input.link_alike:hover { background-color: #FFFFFF; border-width: 0px;
- color: #FF0000; font-weight: bold; text-align: left; padding: 0px; margin: 0px; }
-
-/* the following for the greyed out elements */
-a.nobold:link, a.nobold:visited, a.nobold:active { font-weight: normal; color: #999; margin: 0 0 0 25px;}
-a.nobold:hover { font-weight: normal; color: #999; text-decoration: underline; margin: 0 0 0 25px;}
-
-.note {	margin: 6px; font-size: 12px; line-height: 14px;
-	font-family: verdana, arial, helvetica, sans-serif; background-color: #FFF089;
-	color: #4171B5; border: 1px solid #4171B5;	padding: 4px;}
-
-.alternativeBgLight { background-color: #f5f5f5;
- border: 1px solid #4171B5; border-collapse: collapse;}
-.alternativeBgDark { background-color: #ccf;
- border: 1px solid #4171B5; border-collapse: collapse;}
-.myagendatoday {
-	background-color: #FFCA8D;
-	border-collapse: collapse;
-	font-family: verdana, arial, helvetica, sans-serif;
-	color: #CC3300;
-	font-weight: bold;
- }
-
-
-/* Form elements - some general styling*/
-select, textarea {color : #000; border: 1px solid #000;}
-input.checkbox { border-width: 0; }
-input.mainoption {font-weight : bold;}   /* Main submit button      */
-input.liteoption {font-weight : normal;} /* None-bold submit button */
-
-select,
-input[type=checkbox],
-input[type=radio],
-input[type=button],
-input[type=submit] {cursor:	pointer; font-size: 12px;}
-input[text] {font-size: 12px; }
 
-/************************************************************
-  styles below here are not necessarily used in the current
-	release and the CVS files, they are from earlier versions,
-	and have been left untouched for anyone needing them in
-	their own platform ...
-*************************************************************/
-.topBanner a:link, .topBanner a:active, .topBanner a:visited { text-decoration:none; color:white;}
-.topBanner table { text-decoration:none;}
-.topBanner a:hover { text-decoration:underline;}
-.topBanner td { border-top: solid White 1px;}
-.alternativeBgLight { background-color: #f5f5f5;}
-.alternativeBgDark 	{ background-color: #e6e6e6 }
-.forms {letter-spacing: normal; text-align: justify; text-indent: 3pt;
- word-spacing: normal; padding: 2px 5px;}
-.formsTips	{ text-align: justify; text-indent: 15pt; word-spacing: normal; }
-/*
-input.forms	{ letter-spacing: normal; text-align: justify; text-indent: 3pt;	word-spacing: normal;
-padding-top: 0px;	padding-right: 0px;	padding-bottom: 0px;	padding-left: 0px;}
-*/
-.warn {	border: thin double Silver;	margin-left: 15px;	margin-right: 15px;  font-family: serif;  color: Red;  padding-left: 25px;    }
-.small {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px}
-.xsmall {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px}
-.xxsmall {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px}
-
-
-/*****************************************************
- *  DATA TABLE STYLES                                *
- *****************************************************/
-.cell_header {background-color: #EEEEFF;font-weight:bold;text-align:left;padding-left:5px;}   /* header cell in data table in tools */
-
-.data_table{
-  	border-collapse: collapse;
-	width: 100%;
-	padding: 5px;
-}
-.data_table th{
-	padding-right: 20px;
-  	border: 1px  solid gray;
-  	background-color: #E5EDF9;
-}
-.data_table tr.row_odd{
-  	background-color: #fafafa;
-  }
-.data_table tr.row_odd:hover, .data_table tr.row_even:hover{
-  	background-color: #f0f0f0;
-}
-.data_table tr.row_even{
-  	background-color: #fff;
-}
-.data_table td{
-  	padding: 5px;
-	  vertical-align: top;
-  	border-bottom: 1px solid #b0b0b0;
-  	border-right: 1px dotted #e1e1e1;
-  	border-left: 1px dotted #e1e1e1;
-}
-
-/* admin page tool list definitions */
-.tool_list dt { font-weight: bold; }
-.tool_list dd { margin: 0; padding: 4px 0 0 10px;}
-
-/* divs for category list / platform news on home page */
-.home_cats {width: 45%; float: left;
-	margin: 0; padding: 8px; background: #fff;}
-
-.home_news {width: 45%; float: right;
-	margin: 0; padding: 8px; background: #fff;}
-
-
-label.left { float: left; width: 15em; margin: 0 0 0.5em 0; }
-form br { clear: both; }
-
-/* Fix for alignment problem in IE-Win browsers  */
-/*  Hide from IE5-mac. Only IE-win sees this. \*/
-* html .label {  margin-right: 10px; }
-* html .data { height: 1%; margin-left: 0;}
-/* End hide from IE5/mac */
-
-.radio, .checkbox { margin: 0; padding: 0; border: none; background-color: transparent;}
-
-.required { color: #f00; font-weight: bold;}
-
-/* Admin section */
-div.admin_section {
-	width: 40%;
-	float: left;
-	padding: 5px;
-	margin: 10px 20px;
-}
-div.admin_section h4 {
-  margin: 0;
-	border-bottom: 1px solid gray;
-	width: 100%;
-}
-.user_course_category {
-	background-color: #efefef;
-	border: 1px solid #666;
-	font-weight: bold;
-	color: #666;
-	list-style-type: none;
-	margin: 5px;
-	padding: 5px;
-}
-
-/* Styles for the Chamilo Config Settings of the platform admin section*/
-.settingtitle{
-	background-color: #EFEFEF;
-	border: 1px solid #cccccc;
-	font-weight: bold;
-	color: #666666;
-	list-style-type: none;
-	margin: 5px;
-	padding: 5px;
-	font-size: 11px;
-	}
-.settingcomment{
-	color: #000000;
-	margin: 5px;
-	padding: 5px;
-	font-size: 11px;
-}
-.settingvalue{
-	list-style-type: none;
-	margin: 5px;
-	padding: 5px;}
-
-/* New Announcements Tool */
-.announcements_datum
-{
-   font-size: 12px;
-   font-style: italic;
-   color: #666666;
-}
-/* System announcements on homepage */
-div.system_announcements{
-}
-div.system_announcements h3{
-
-}
-div.system_announcement{
-	margin: 5px;
-}
-div.system_announcement_title{
-}
-div.system_announcement_content{
-	margin-left: 20px;
-	border-left: 1px solid gray;
-	padding-left: 5px;
-}
+h1, h2, h3 {
+    border-bottom: 1px solid #DDDDDD;
+    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
+    padding-bottom: 10px;
+    line-height: 1;
+    margin-bottom: 10px;
+}

+ 30 - 16
documentation/dependencies.html

@@ -1,21 +1,35 @@
-<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
-<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"><head>
-  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
-
-  <title>Chamilo Server Dependencies</title><link rel="stylesheet" href="default.css" type="text/css" media="screen,projection" />
-  <link rel="shortcut icon" href="../favicon.ico" type="image/x-icon" />
-  <style type="text/css">
-	<!--
-		@page { size: 21cm 29.7cm; margin: 2cm }
-		pre { font-family: "Courier New", monospace }
-		p { margin-bottom: 0.21cm }
-		.code {margin: 1em 1em 1em 2em; padding: 0.5em; background-color: rgb(229, 229, 229); vertical-align: top; border: 1px solid #999999;}
-	--></style></head>
-
+<html lang="en">
+<head>
+    <meta charset="utf-8" />
+    <title>Chamilo Server Dependencies</title>
+    <link rel="stylesheet" href="../main/css/base.css" type="text/css" media="screen,projection" />
+    <link rel="stylesheet" href="default.css" type="text/css" media="screen,projection" />
+    <link rel="shortcut icon" href="../favicon.ico" type="image/x-icon" />
+</head>
 <body>
-<div id="header1">
-<h1>Chamilo - Server Dependencies</h1>
+<div class="navbar navbar-fixed-top">
+    <div class="navbar-inner">
+        <div class="container-fluid">
+            <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
+            <span class="icon-bar"></span>
+            <span class="icon-bar"></span>
+            <span class="icon-bar"></span>
+            </a>
+            <a class="brand" href="index.html">Chamilo - Documentation</a>
+            <div class="nav-collapse">
+            <ul class="nav">
+                <li><a href="index.html">Home</a></li>
+                <li ><a href="readme.html">About</a></li>
+                <li ><a href="license.html">License</a></li>            
+                <li><a href="credits.html">Credits</a></li>            
+                <li class="active"><a href="dependencies.html">Dependencies</a></li>            
+                <li><a href="changelog.html">Changelog</a></li>
+            </ul>        
+            </div><!--/.nav-collapse -->
+        </div>
+    </div>
 </div>
+<h1>Chamilo - Server Dependencies</h1>
 <a href="index.html">Documentation</a> &gt;Dependencies
 <h2>Introduction</h2>
 <p>In the ever-evoluting web environment, Chamilo has to rely on state-of-the-art third-party

+ 48 - 35
documentation/index.html

@@ -1,43 +1,56 @@
-<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
-<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"><head>
-  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+<html lang="en">
+<head>
+    <meta charset="utf-8" />
+    <title>Chamilo</title>
+    <link rel="stylesheet" href="../main/css/base.css" type="text/css" media="screen,projection" />
+    <link rel="stylesheet" href="default.css" type="text/css" media="screen,projection" />
+    <link rel="shortcut icon" href="../favicon.ico" type="image/x-icon" />
+</head>
+<body>
+    <div class="navbar navbar-fixed-top">
+        <div class="navbar-inner">
+            <div class="container-fluid">
+                <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
+                <span class="icon-bar"></span>
+                <span class="icon-bar"></span>
+                <span class="icon-bar"></span>
+                </a>
+                <a class="brand" href="index.html">Chamilo - Documentation</a>
+                <div class="nav-collapse">
+                <ul class="nav">
+                    <li class="active"><a href="index.html">Home</a></li>
+                    <li><a href="readme.html">About</a></li>
+                    <li><a href="license.html">License</a></li>            
+                    <li><a href="credits.html">Credits</a></li>            
+                    <li><a href="dependencies.html">Dependencies</a></li>            
+                    <li><a href="changelog.html">Changelog</a></li>
+                </ul>        
+                </div><!--/.nav-collapse -->
+            </div>
+        </div>
+    </div>
 
-  <title>Chamilo</title><link rel="stylesheet" href="default.css" type="text/css" media="screen,projection" />
-  <link rel="shortcut icon" href="../favicon.ico" type="image/x-icon" />
-  <style type="text/css">
-	<!--
-        page { width: 21cm; height: 29.7cm; margin: 2cm }
-		pre { font-family: "Courier New", monospace }
-		p { margin-bottom: 0.21cm }
-		.code {margin: 1em 1em 1em 2em; padding: 0.5em; background-color: rgb(229, 229, 229); vertical-align: top; border: 1px solid #999999;}
-	--></style></head>
+<div class="container">
+    <div class="row">
+        <div class="hero-unit">
+            <h1>Chamilo 1.9 - Documentation</h1>
+            <br />
 
-<body>
-<div id="header1">
-<h1>Chamilo 1.9 <span style="font-style: italic;"></span> - Documentation</h1>
-</div>
+            <a class="btn btn-primary btn-large" href="installation_guide.html">English installation guide</a>
+            <a class="btn btn-primary btn-large"  href="installation_guide_es_ES.html">Spanish installation guide</a>
+            <a class="btn btn-large"  href="http://www.chamilo.org/forum">Chamilo Forum</a>
+            <br />
+            <br />
 
-<div id="outerframe">
-<div id="main">
-<h1>About Chamilo</h1>
-<p><a href="readme.html">About Chamilo</a>     </p>
-<h1>Installing and upgrading</h1>
-<a href="installation_guide.html">English installation guide</a>
-<a href="installation_guide_es_ES.html">Spanish installation guide</a>
-<p> Are you interested in translating the installation guide to your own language? The best way to proceed is to ask us on the <a href="http://forum.chamilo.org">Chamilo forum</a>
-for the latest version – there may be updates to the guide since
-this version was released – and send new translations off to the <a href="mailto:translation@chamilo.com">translation@chamilo.com</a> email address. </p>
+            <p> Are you interested in translating the installation guide to your own language? The best way to proceed is to ask us on the <a href="http://forum.chamilo.org">Chamilo forum</a>
+        for the latest version – there may be updates to the guide since
+        this version was released – and send new translations off to the <a href="mailto:translation@chamilo.com">translation@chamilo.com</a> email address. 
+            </p>
 
-<h1>License</h1>
-<a href="license.html">GNU General Public License Version 3</a>
-<h1>Credits</h1>
-<p><a href="credits.html">Credits</a></p>
-<h1>Dependencies</h1>
-<p><a href="dependencies.html">Dependencies</a></p>
-<h1>Changelog</h1>
-<p><a href="changelog.html">Changelog</a></p>
-</div>
+        </div>
+        </div>
 </div>
+    
 <hr />
     <a href="http://validator.w3.org/check?uri=referer"><img src="http://www.w3.org/Icons/valid-xhtml10-blue" alt="Valid XHTML 1.0 Transitional" style="margin: 1em; float: right;" height="31" width="88" /></a>
 	<a href="http://jigsaw.w3.org/css-validator/">

+ 33 - 18
documentation/installation_guide.html

@@ -1,25 +1,40 @@
-<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
-<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
-    <head>
-    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
-    <title>Chamilo Installation Guide</title><link rel="stylesheet" href="default.css" type="text/css" media="screen,projection" />
+<html lang="en">
+<head>
+    <meta charset="utf-8" />
+    <title>Chamilo Installation Guide</title>
+    <link rel="stylesheet" href="../main/css/base.css" type="text/css" media="screen,projection" />
+    <link rel="stylesheet" href="default.css" type="text/css" media="screen,projection" />
     <link rel="shortcut icon" href="../favicon.ico" type="image/x-icon" />
-    <style type="text/css">
-    <!--
-        page { width: 21cm; height: 29.7cm; margin: 2cm }
-        pre { font-family: "Courier New", monospace }
-        p { margin-bottom: 0.21cm }
-        .code {margin: 1em 1em 1em 2em; padding: 0.5em; background-color: rgb(229, 229, 229); vertical-align: top; border: 1px solid #999999;}
-    -->
-    </style>
+    <link href="js/prettify.css" type="text/css" rel="stylesheet" />
+    <script src="js/prettify.js" type="text/javascript"></script>
+
     </head>
 <body>
+    <div class="navbar navbar-fixed-top">
+    <div class="navbar-inner">
+        <div class="container-fluid">
+            <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
+            <span class="icon-bar"></span>
+            <span class="icon-bar"></span>
+            <span class="icon-bar"></span>
+            </a>
+            <a class="brand" href="index.html">Chamilo - Documentation</a>
+            <div class="nav-collapse">
+            <ul class="nav">
+                <li><a href="index.html">Home</a></li>
+                <li ><a href="readme.html">About</a></li>
+                <li ><a href="license.html">License</a></li>            
+                <li><a href="credits.html">Credits</a></li>            
+                <li><a href="dependencies.html">Dependencies</a></li>            
+                <li><a href="changelog.html">Changelog</a></li>
+            </ul>        
+            </div><!--/.nav-collapse -->
+        </div>
+    </div>
+</div>    
+
+<h1>Chamilo 1.9 - Installation Guide</h1>
 
-<div id="header1">
-    <h1>Chamilo 1.9 - Installation Guide</h1>
-</div>
-
-<a href="index.html">Documentation</a> &gt; Installation Guide
 <div id="outerframe">
 <div id="main">
 <p></p>

+ 27 - 14
documentation/installation_guide_es_ES.html

@@ -1,21 +1,34 @@
-<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
-<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
+<html lang="es">
 <head>
-	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
-	<title>Guia de Instalación de Chamilo 1.8.8</title>
-	<link rel="stylesheet" href="default.css" type="text/css" media="screen,projection" />
-	<link rel="shortcut icon" href="../favicon.ico" type="image/x-icon" />
-	<style type="text/css">
-	<!--
-		page { width: 21cm; height: 29.7cm; margin: 2cm }
-		pre { font-family: "Courier New", monospace }
-		p { margin-bottom: 0.21cm }
-		.code {margin: 1em 1em 1em 2em; padding: 0.5em; background-color: rgb(229, 229, 229); vertical-align: top; border: 1px solid #999999;}
-	-->
-	</style>
+    <meta charset="utf-8" />
+	<title>Guia de Instalación de Chamilo 1.9</title>
+    <link rel="stylesheet" href="../main/css/base.css" type="text/css" media="screen,projection" />
+    <link rel="stylesheet" href="default.css" type="text/css" media="screen,projection" />
 </head>
 
 <body>
+        <div class="navbar navbar-fixed-top">
+    <div class="navbar-inner">
+        <div class="container-fluid">
+            <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
+            <span class="icon-bar"></span>
+            <span class="icon-bar"></span>
+            <span class="icon-bar"></span>
+            </a>
+            <a class="brand" href="index.html">Chamilo - Documentation</a>
+            <div class="nav-collapse">
+            <ul class="nav">
+                <li><a href="index.html">Home</a></li>
+                <li ><a href="readme.html">About</a></li>
+                <li ><a href="license.html">License</a></li>            
+                <li><a href="credits.html">Credits</a></li>            
+                <li><a href="dependencies.html">Dependencies</a></li>            
+                <li><a href="changelog.html">Changelog</a></li>
+            </ul>        
+            </div><!--/.nav-collapse -->
+        </div>
+    </div>
+</div>    
 
 
 <div id="header1">

+ 28 - 15
documentation/license.html

@@ -1,22 +1,35 @@
-<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
-<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
+<html lang="en">
 <head>
-  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
-  <title>Chamilo License</title>
-  <link rel="stylesheet" href="default.css" type="text/css" media="screen,projection" />
-  <link rel="shortcut icon" href="../favicon.ico" type="image/x-icon" />
-  <style type="text/css">
-	<!--
-		@page { size: 21cm 29.7cm; margin: 2cm }
-		pre { font-family: "Courier New", monospace }
-		p { margin-bottom: 0.21cm }
-		.code {margin: 1em 1em 1em 2em; padding: 0.5em; background-color: rgb(229, 229, 229); vertical-align: top; border: 1px solid #999999;}
-	--></style>
+    <meta charset="utf-8" />  
+    <title>Chamilo License</title>
+    <link rel="stylesheet" href="../main/css/base.css" type="text/css" media="screen,projection" />
+    <link rel="stylesheet" href="default.css" type="text/css" media="screen,projection" />
+    <link rel="shortcut icon" href="../favicon.ico" type="image/x-icon" />
 </head>
 <body>
-<div id="header1">
-<h1>Chamilo License</h1>
+    <div class="navbar navbar-fixed-top">
+    <div class="navbar-inner">
+        <div class="container-fluid">
+            <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
+            <span class="icon-bar"></span>
+            <span class="icon-bar"></span>
+            <span class="icon-bar"></span>
+            </a>
+            <a class="brand" href="index.html">Chamilo - Documentation</a>
+            <div class="nav-collapse">
+            <ul class="nav">
+                <li><a href="index.html">Home</a></li>
+                <li ><a href="readme.html">About</a></li>
+                <li class="active"><a href="license.html">License</a></li>            
+                <li><a href="credits.html">Credits</a></li>            
+                <li><a href="dependencies.html">Dependencies</a></li>            
+                <li><a href="changelog.html">Changelog</a></li>
+            </ul>        
+            </div><!--/.nav-collapse -->
+        </div>
+    </div>
 </div>
+<h1>Chamilo License</h1>
 <a href="index.html">Documentation</a> &gt; Gnu General Public License
 <div id="outerframe">
   <div id="main">

+ 7 - 16
documentation/migration-checklist.html

@@ -1,23 +1,14 @@
-<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
-<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
-	<head>
-	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
-	<title>Chamilo Migration Checklist</title><link rel="stylesheet" href="default.css" type="text/css" media="screen,projection" />
+<html lang="en">
+<head>
+    <meta charset="utf-8" />
+	<title>Chamilo Migration Checklist</title>
+    <link rel="stylesheet" href="../main/css/base.css" type="text/css" media="screen,projection" />
+    <link rel="stylesheet" href="default.css" type="text/css" media="screen,projection" />
 	<link rel="shortcut icon" href="../favicon.ico" type="image/x-icon" />
-	<style type="text/css">
-	<!--
-		page { width: 21cm; height: 29.7cm; margin: 2cm }
-		pre { font-family: "Courier New", monospace }
-		p { margin-bottom: 0.21cm }
-		.code {margin: 1em 1em 1em 2em; padding: 0.5em; background-color: rgb(229, 229, 229); vertical-align: top; border: 1px solid #999999;}
-	-->
-	</style>
 	</head>
 <body>
 
-<div id="header1">
-	<h1>Chamilo Migration Checklist</h1>
-</div>
+<h1>Chamilo Migration Checklist</h1>
 
 <a href="index.html">Documentation</a> &gt; Migration checklist
 <div id="outerframe">

+ 7 - 16
documentation/optimization.html

@@ -1,23 +1,14 @@
-<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
-<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
-	<head>
-	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
-	<title>Chamilo Optimization Guide</title><link rel="stylesheet" href="default.css" type="text/css" media="screen,projection" />
+<html lang="en">
+<head>
+    <meta charset="utf-8" />
+	<title>Chamilo Optimization Guide</title>
+    <link rel="stylesheet" href="../main/css/base.css" type="text/css" media="screen,projection" />
+    <link rel="stylesheet" href="default.css" type="text/css" media="screen,projection" />
 	<link rel="shortcut icon" href="../favicon.ico" type="image/x-icon" />
-	<style type="text/css">
-	<!--
-		page { width: 21cm; height: 29.7cm; margin: 2cm }
-		pre { font-family: "Courier New", monospace }
-		p { margin-bottom: 0.21cm }
-		.code {margin: 1em 1em 1em 2em; padding: 0.5em; background-color: rgb(229, 229, 229); vertical-align: top; border: 1px solid #999999;}
-	-->
-	</style>
 	</head>
 <body>
 
-<div id="header1">
-	<h1>Chamilo 1.8.8.4 : Optimization Guide</h1>
-</div>
+<h1>Chamilo 1.8.8.4 : Optimization Guide</h1>
 
 <a href="index.html">Documentation</a> &gt; Optimization Guide
 <div id="outerframe">

+ 30 - 16
documentation/readme.html

@@ -1,21 +1,35 @@
-<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
-<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"><head>
-  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
-  <title>Chamilo Information</title><link rel="stylesheet" href="default.css" type="text/css" media="screen,projection" />
-  <link rel="shortcut icon" href="../favicon.ico" type="image/x-icon" />
-  <style type="text/css">
-	<!--
-		@page { size: 21cm 29.7cm; margin: 2cm }
-		pre { font-family: "Courier New", monospace }
-		p { margin-bottom: 0.21cm }
-		.code {margin: 1em 1em 1em 2em; padding: 0.5em; background-color: rgb(229, 229, 229); vertical-align: top; border: 1px solid #999999;}
-	--></style></head>
+<html lang="en">
+<head>
+    <meta charset="utf-8" />
+  <title>Chamilo Information</title>
+  <link rel="stylesheet" href="../main/css/base.css" type="text/css" media="screen,projection" />
+  <link rel="stylesheet" href="default.css" type="text/css" media="screen,projection" />
+  <link rel="shortcut icon" href="../favicon.ico" type="image/x-icon" />  
+</head>
 <body>
-<div id="header1">
-<h1>About Chamilo</h1>
-
+<div class="navbar navbar-fixed-top">
+    <div class="navbar-inner">
+        <div class="container-fluid">
+            <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
+            <span class="icon-bar"></span>
+            <span class="icon-bar"></span>
+            <span class="icon-bar"></span>
+            </a>
+            <a class="brand" href="index.html">Chamilo - Documentation</a>
+            <div class="nav-collapse">
+            <ul class="nav">
+                <li><a href="index.html">Home</a></li>
+                <li class="active"><a href="readme.html">About</a></li>
+                <li><a href="license.html">License</a></li>            
+                <li><a href="credits.html">Credits</a></li>            
+                <li><a href="dependencies.html">Dependencies</a></li>            
+                <li><a href="changelog.html">Changelog</a></li>
+            </ul>        
+            </div><!--/.nav-collapse -->
+        </div>
+    </div>
 </div>
-
+<h1>About Chamilo</h1>
 <a href="index.html">Documentation</a> &gt; About Chamilo
 <div id="outerframe">
 <div id="main">

+ 7 - 16
documentation/security.html

@@ -1,23 +1,14 @@
-<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
-<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
-	<head>
-	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
-	<title>Chamilo Security Guide</title><link rel="stylesheet" href="default.css" type="text/css" media="screen,projection" />
+<html lang="en">
+<head>
+    <meta charset="utf-8" />
+	<title>Chamilo Security Guide</title>
+    <link rel="stylesheet" href="../main/css/base.css" type="text/css" media="screen,projection" />
+    <link rel="stylesheet" href="default.css" type="text/css" media="screen,projection" />
 	<link rel="shortcut icon" href="../favicon.ico" type="image/x-icon" />
-	<style type="text/css">
-	<!--
-		page { width: 21cm; height: 29.7cm; margin: 2cm }
-		pre { font-family: "Courier New", monospace }
-		p { margin-bottom: 0.21cm }
-		.code {margin: 1em 1em 1em 2em; padding: 0.5em; background-color: rgb(229, 229, 229); vertical-align: top; border: 1px solid #999999;}
-	-->
-	</style>
 	</head>
 <body>
 
-<div id="header1">
-	<h1>Chamilo 1.8.8.4 : Security Guide</h1>
-</div>
+<h1>Chamilo 1.8.8.4 : Security Guide</h1>
 
 <a href="index.html">Documentation</a> &gt; Security Guide
 <div id="outerframe">