[svn r10961] New templates for fckeditor

main/course_home/css/dokeos_corporate.css

@@ -1,16 +1,451 @@
-.dokeos_course {float:center; width: 98%; font: 76% arial,sans-serif; margin: 1.5em; line-height: 1.6em; }
+/*
-.dokeos_course #title{ font-size: 48px; text-align: center; }
+==============================================================================
-.dokeos_course a{display:block;color: #006;padding:10px}
+	GLOBAL STYLES
-.dokeos_course #header{ margin: 0 0 20px 0; border: 1px solid #ccc; }
+==============================================================================
-.dokeos_course #header h1{ line-height:80px; margin:0; padding-left:10px;background: #EEE; }
+*/
-.dokeos_course #content {float:center; width: 98%; border: 1px solid #ccc; padding: 10px; margin: 0 0 15px 0;}
+.dokeos_course {
-.dokeos_course li { list-style-type: square; background: #FCFFC6; border: 1px solid #ccc; margin: 0 0 5px 0; padding: 3px ;}
+	width:95%;
-.dokeos_course #footer{ clear:both; border: 1px solid #ccc; padding: 10px; }
+	margin:1em auto;
-.dokeos_course #left { float: left; width: 46%; border: 1px solid #ccc; padding: 10px; margin: 0 0 15px 0;}
+	text-align:center;
-.dokeos_course #right{float:right; width: 46%; border: 1px solid #ccc; padding: 10px; margin: 0 0 15px 0;}
+}
-.dokeos_course .image { float: center; border: 1px solid #ccc; padding: 10px; }
+
-.dokeos_course .data { border: 1px solid #ccc; width: 100%; }
+/*
-.dokeos_course .data td { background: #eee; padding: 5px; }
+------------------------------------------------------------------------------
-.dokeos_course .data td:hover { background: #d8d8d8; }
+	Introductory title
-.dokeos_course .data td.item { background: #FFFAD7; font-weight: bold; }
+------------------------------------------------------------------------------
-.dokeos_course .data td.item:hover { background: #EBE5BC; }
+*/ 
+
+#box_title1,#footer1 {
+	border:1px solid #4171b5;
+	padding:1em;
+	width:99%;
+	margin:1em auto;
+}
+
+#box_title1 h1{
+	font:bold 2.5em Arial,sans-serif,sans;
+}
+
+#box_title h2{
+	font:bold 2em Arial,sans-serif,sans;
+}
+
+#content1 {
+	width:99%;
+	clear:both;
+	text-align:justify;
+}
+
+#content1 img.icon{
+	float:left;
+	margin:0 1em 1em 1em;
+	display:block;
+	vertical-align:top;
+}
+
+#email1 {
+	float:right;
+	clear:right;
+	text-align:right;
+}
+
+#email1, .manager1{
+	width:50%;
+}
+
+#footer1 {
+	font-weight:bold;
+	height: 1em;
+    line-height: 1em;
+}
+
+#manager1 {
+	float:left;
+	clear:left;
+	text-align:left;
+}
+/*
+------------------------------------------------------------------------------
+	Explanation
+------------------------------------------------------------------------------
+*/
+
+#content2 {
+	position:absolute;
+	top:2em;
+	left:18em;
+	text-align:justify;
+	margin-right:2em;
+}
+
+#content2 h1 {
+	padding:.5em;
+	font:bold 2em Arial,sans-serif,sans;
+}
+
+#content2 h2 {
+	font:normal 1.1em Arial,sans-serif,sans;
+	margin:.2em 0 3em .5em;
+}
+
+#content2 p{
+	margin:.5em;
+}
+
+#explanation {
+	text-align:center;
+	margin: 1em auto;
+	width:auto;
+	border:1px solid #4171b5;
+}
+#list2{
+	width:10em;
+	border:1px solid #4171b5;
+	margin:2em auto;
+}
+#list2 p {
+	text-align:left;
+	margin-left:.2em;
+}
+
+#list2 li {
+	margin:0 0 0 2em;
+	padding:0;
+	text-indent:.5em;
+	text-align:left;
+	list-style-position:inside;
+}
+#list2 ul{
+	margin:0 0 .5em 0;
+	padding:0;
+	text-align:left;
+	list-style-position:inside;
+}
+
+#main2 {
+	border:1px solid #4171b5;
+}
+
+
+#nav2 {
+	position:absolute;
+	left:2em;
+	top:3em;
+	width:15em;
+}
+
+.template2 {
+	position:relative;
+}
+/*
+------------------------------------------------------------------------------
+	Course objetives
+------------------------------------------------------------------------------
+*/
+#box_title3,#content3 {
+	border:1px solid #4171b5;
+	padding:1em;
+	width:99%;
+	margin:1em auto;
+}
+#box_title3 h1{
+	font:bold 3.5em Arial,sans-serif,sans;
+}
+
+#content3 {
+	position:relative;
+	padding-bottom:50px;
+	text-align:left;
+}
+#content3 #primary {
+	font-weight:bold;
+	font-size:2em;
+	margin:0;
+	padding:0;
+}
+#content3 #primary li,#content3 #secondary li{
+	margin:0 0 0 1em;
+	padding:0;
+}
+#content3 #primary .secondary{
+	font-weight:normal; 
+	font-size:.8em;
+	margin:0 0 0 2em;
+	padding:0;
+}
+
+#footer3 {
+	position:absolute;
+	bottom:0;
+	right:0;
+}
+
+/*
+==============================================================================
+	Styles for corporative version
+==============================================================================
+*/
+#corp {
+	font:normal .85em Lucida Grande,Arial,sans-serif,sans;
+}
+#corp a {
+	text-decoration: none;
+	font: bold 100% Arial, sans-serif, sans;
+	color: #4170b4;
+}
+
+#corp a:hover,#corp a:focus {
+	color: #111;
+}
+
+/*
+------------------------------------------------------------------------------
+	Introductory title
+------------------------------------------------------------------------------
+*/ 
+
+#corp #box_title1{
+	background:transparent url("images/alert.jpg") no-repeat top center;
+	border:none;
+	padding-top:10px;
+}
+#corp #box_title1 #bottom{
+	background:transparent url("images/alert.jpg") no-repeat top center;
+	height:40px;
+	width:100%;
+}
+
+#corp #footer1 {
+	border: 1px solid #ddd;
+	background:#eee url("images/headertables.jpg") repeat-x top center;
+	line-height:.8em;
+	height:.8em;
+	padding:.5em;
+}
+/*
+------------------------------------------------------------------------------
+	Explanation
+------------------------------------------------------------------------------
+*/ 
+#corp #explanation{
+	background:transparent url("images/alert.jpg") no-repeat top center;
+	border:none;
+	padding-top:10px;
+}
+
+#corp #explanation #bottom{
+	background:transparent url("images/alert.jpg") no-repeat top center;
+	height:40px;
+	margin-top:-15px;
+	width:100%;
+}
+
+#corp #list2,#corp #main2 {
+	border:1px solid #aaa;
+}
+
+#corp #content2 #main2 h2 {
+	font:bold 1.1em Arial,sans-serif,sans;
+	margin:.2em 0 3em .5em;
+}
+/*
+------------------------------------------------------------------------------
+	Course objetives
+------------------------------------------------------------------------------
+*/
+#corp #box_title3{
+	background:transparent url("images/alert.jpg") no-repeat top center;
+	border:none;
+	padding-top:10px;
+}
+#corp #box_title3 #bottom{
+	background:transparent url("images/alert.jpg") no-repeat top center;
+	height:40px;
+	width:100%;
+}
+#corp #content3 {
+	border:1px solid #bbb;
+}
+
+/*
+==============================================================================
+	Styles for academic version
+==============================================================================
+*/
+#academic {
+	font-family:normal .85em trebuchet, verdana, Arial, sans-serif, sans;
+	color: #000915;
+}	
+#academic a {
+	text-decoration: none;
+	font: bold 100% Arial, sans-serif, sans;
+	color: #4171b5;
+}
+
+#academic a:hover,a:focus {
+	color: #000915;
+}
+/*
+------------------------------------------------------------------------------
+	Introductory title
+------------------------------------------------------------------------------
+*/ 
+#academic #box_title1{
+	background:transparent url("images/alert_academic.jpg") no-repeat top center;
+	border:none;
+	padding-top:10px;
+	color: #00122B;
+}
+#academic #box_title1 #bottom{
+	background:transparent url("images/alert_academic.jpg") no-repeat top center;
+	height:40px;
+	width:100%;
+}
+
+#academic #footer1{
+	background: #8cafe1 url('images/crystal3.png') repeat-x;
+}
+
+#academic #footer1 a{
+	color:#fff;
+}
+
+#academic #footer1 a:hover,#academic #footer1 a:focus {
+	color: #000915;
+}
+/*
+------------------------------------------------------------------------------
+	Explanation
+------------------------------------------------------------------------------
+*/
+#academic #explanation{
+	background:transparent url("images/alert_academic.jpg") no-repeat top center;
+	border:none;
+	padding-top:10px;
+	color: #00122B;
+}
+#academic #explanation #bottom{
+	background:transparent url("images/alert_academic.jpg") no-repeat top center;
+	height:40px;
+	width:100%;
+}
+
+#academic #list2,#academic #main2{
+	border: 1px solid #0049AF;
+}
+
+#academic #nav2 img {
+	margin-bottom:3em;
+}
+#academic #nav2 .logo {
+	margin-left:-1.2em;
+}
+
+#academic #nav2{
+	top:5em;
+} 
+/*
+------------------------------------------------------------------------------
+	Course objetives
+------------------------------------------------------------------------------
+*/
+#academic #box_title3 {
+	border: 1px solid #0049AF;
+	background: #b0c8eb url('images/crystal3.png') repeat-x;
+	color: #00122B;
+}
+#academic #content3{
+	border: 1px solid #0049AF;
+}
+/*
+==============================================================================
+	Styles for baby version
+==============================================================================
+*/
+#baby {
+	font:normal .85em 'Lucida Grande', verdana, Arial, sans-serif, sans;
+	color: #000;
+}
+
+#baby a {
+	text-decoration: none;
+	font: bold 100% Arial, sans-serif, sans;
+	color: #9a0;
+}
+
+#baby a:hover,a:focus {
+	color: #470;
+}
+/*
+------------------------------------------------------------------------------
+	Introductory title
+------------------------------------------------------------------------------
+*/
+
+#baby #box_title1{
+	background:transparent url("images/alert_baby.jpg") no-repeat top center;
+	border:none;
+	padding-top:10px;
+	color: #00122B;
+}
+#baby #box_title1 #bottom{
+	background:transparent url("images/alert_baby.jpg") no-repeat top center;
+	height:40px;
+	width:100%;
+}
+
+#baby #footer1 {
+	background-color:transparent;
+	border: 1px solid #BFAF00;
+	padding: .2em;
+	color: #3F3A00;
+}
+/*
+------------------------------------------------------------------------------
+	Explanation
+------------------------------------------------------------------------------
+*/
+#baby #explanation{
+	background:transparent url("images/alert_baby.jpg") no-repeat top center;
+	border:none;
+	padding-top:10px;
+	color: #3F3A00;
+}
+#baby #explanation #bottom{
+	background:transparent url("images/alert_baby.jpg") no-repeat top center;
+	height:40px;
+	width:100%;
+}
+
+#baby #list2,#baby #main2 {
+	border: 1px solid #BFAF00;
+}
+
+#baby #nav2{
+	top:0;
+}
+#baby #content2 #main2 h2 {
+	font:bold 1.1em Arial,sans-serif,sans;
+	margin:.2em 0 3em .5em;
+}
+/*
+------------------------------------------------------------------------------
+	Course objetives
+------------------------------------------------------------------------------
+*/
+
+#baby #box_title3{
+	background:transparent url("images/alert_baby.jpg") no-repeat top center;
+	border:none;
+	padding-top:10px;
+	color: #3F3A00;
+}
+#baby #box_title3 #bottom{
+	background:transparent url("images/alert_baby.jpg") no-repeat top center;
+	height:40px;
+	width:100%;
+}
+
+#baby #content3 {
+	 border: 1px solid #BFAF00;
+}

main/inc/lib/fckeditor/fcktemplates.xml.php

@@ -9,178 +9,338 @@ $template_css = '<style type="text/css">'.file_get_contents($_configuration['roo
 ?>
 <Templates imagesBasePath="fck_template/images/">
 	<Template title="Content" image="2.png">
-		<Description>One main content</Description>
+		<Description>Introductory title</Description>
 		<Html>
 			<![CDATA[
 					<?php echo $template_css; ?>
-				    <div id="content" class="dokeos_course">
+				    <div class="dokeos_course">
-					    <h1 id="title">Title</h1>
+						<div id="box_title1">
-					    <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi.</p>
+							<h1>Press here to add a title</h1>
-					    
+							<h2>Write here a subtitle</h2>
-					    <ul>
+						</div>
-						    <li>List Item</li>
+						<div id="content1">
-						    <li>List Item</li>
+						<p><img src="<?php echo $_configuration['root_web']; ?>main/img/gallery/pointer-left.png" alt="Mr dokeos" class="icon" /><p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Curabitur commodo urna in justo. Nulla facilisi. Vestibulum dapibus mattis sapien. Nunc suscipit. Nulla odio urna, faucibus et, porttitor sed, tincidunt in, mauris. Phasellus semper hendrerit magna. Maecenas nec ligula. Quisque tellus tortor, semper in, blandit quis, aliquet ut, tellus. Quisque vulputate. Sed ligula ipsum, interdum vel, congue tincidunt, facilisis eget, arcu. Donec nec ligula et turpis tristique pulvinar. Integer in arcu vel ligula accumsan consectetuer. Ut a erat.</p>
-						    <li>List Item</li>
+						Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Nulla facilisi. Praesent consequat, lectus ac sollicitudin condimentum, nunc felis pharetra ligula, at tincidunt mauris neque vel nulla. Vivamus nec magna vitae leo egestas hendrerit. Fusce sagittis scelerisque sapien. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos hymenaeos. Praesent convallis. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. In tristique laoreet felis. Ut vitae est. Integer posuere lacus sed libero. Vestibulum cursus. Duis odio arcu, lobortis sed, fringilla non, egestas vel, magna. Aenean suscipit hendrerit nulla. Suspendisse potenti. Proin tincidunt vehicula eros. Quisque eleifend nisi non enim. Aenean elementum.</p>
-						    <li>List Item</li>
+					    <p>Pellentesque faucibus, magna quis lobortis dapibus, lorem diam pharetra odio, vitae consectetuer nulla massa ac elit. Mauris urna massa, facilisis quis, tristique at, euismod sit amet, tortor. In orci dolor, faucibus sit amet, malesuada non, mollis vel, lacus. Quisque sit amet elit vel eros blandit consequat. Quisque ac risus. Donec accumsan. Suspendisse mauris mi, laoreet ut, pretium vel, dignissim nec, nulla. Sed malesuada facilisis lacus. Phasellus eleifend, nibh vitae pellentesque auctor, libero nunc dictum erat, non imperdiet est dolor quis orci. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Morbi consectetuer euismod mi. Proin sit amet est vitae turpis fermentum sollicitudin. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos hymenaeos.</p>
-						    <li>List Item</li>
+						</div>
-					    </ul>
+						<div id="footer1">
-				    </div>
+							<div id="manager1">Course manager: So and So
+							</div>
+							<div id="email1">E-mail:<a href="mailto:soandso@soandso.com">soandso@soandso.com</a>
+							</div>
+						</div>
+					</div>
 			]]>
 		</Html>
 	</Template>
-	<Template title="content with array" image="8.png">
+	<Template title="Content" image="2.png">
-		<Description>A template with array.</Description>
+		<Description>Introductory title - Corporative</Description>
 		<Html>
 			<![CDATA[
 					<?php echo $template_css; ?>
-				    <div id="content" class="dokeos_course">
+					<div class="dokeos_course" id="corp">
-					    <h1 id="title">Title</h1>
+						<div id="box_title1">
-					    
+							<h1>Press here to add a title</h1>
-					    <table class="data">
+							<h2>Write here a subtitle</h2>
-						    <tr>
+							<div id="bottom"></div>
-							    <td class="item">Item #1</td>
+						</div>
-							    <td>data</td>
+						<div id="content1">
-							    <td>data</td>
+						<p><img src="<?php echo $_configuration['root_web']; ?>main/img/gallery/corp.jpg" alt="Corporative icon"  class="icon" />Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Curabitur commodo urna in justo. Nulla facilisi. Vestibulum dapibus mattis sapien. Nunc suscipit. Nulla odio urna, faucibus et, porttitor sed, tincidunt in, mauris. Phasellus semper hendrerit magna. Maecenas nec ligula. Quisque tellus tortor, semper in, blandit quis, aliquet ut, tellus. Quisque vulputate. Sed ligula ipsum, interdum vel, congue tincidunt, facilisis eget, arcu. Donec nec ligula et turpis tristique pulvinar. Integer in arcu vel ligula accumsan consectetuer. Ut a erat.</p>
-							    <td>data</td>
+						<p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Nulla facilisi. Praesent consequat, lectus ac sollicitudin condimentum, nunc felis pharetra ligula, at tincidunt mauris neque vel nulla. Vivamus nec magna vitae leo egestas hendrerit. Fusce sagittis scelerisque sapien. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos hymenaeos. Praesent convallis. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. In tristique laoreet felis. Ut vitae est. Integer posuere lacus sed libero. Vestibulum cursus. Duis odio arcu, lobortis sed, fringilla non, egestas vel, magna. Aenean suscipit hendrerit nulla. Suspendisse potenti. Proin tincidunt vehicula eros. Quisque eleifend nisi non enim. Aenean elementum.</p>
-							    <td>data</td>
+						<p>Pellentesque faucibus, magna quis lobortis dapibus, lorem diam pharetra odio, vitae consectetuer nulla massa ac elit. Mauris urna massa, facilisis quis, tristique at, euismod sit amet, tortor. In orci dolor, faucibus sit amet, malesuada non, mollis vel, lacus. Quisque sit amet elit vel eros blandit consequat. Quisque ac risus. Donec accumsan. Suspendisse mauris mi, laoreet ut, pretium vel, dignissim nec, nulla. Sed malesuada facilisis lacus. Phasellus eleifend, nibh vitae pellentesque auctor, libero nunc dictum erat, non imperdiet est dolor quis orci. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Morbi consectetuer euismod mi. Proin sit amet est vitae turpis fermentum sollicitudin. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos hymenaeos.</p>
-						    </tr>
+						</div>
-						    <tr>
+						<div id="footer1">
-							    <td class="item">Item #2</td>
+							<div class="manager1">Course manager: So and So
-							    <td>data</td>
+							</div>
-							    <td>data</td>
+							<div id="email1">E-mail:<a href="mailto:soandso@soandso.com">soandso@soandso.com</a>
-							    <td>data</td>
+							</div>
-							    <td>data</td>
+						</div>
-						    </tr>
+					</div>
-						    <tr>
-							    <td class="item">Item #3</td>
-							    <td>data</td>
-							    <td>data</td>
-							    <td>data</td>
-							    <td>data</td>
-						    </tr>
-					    </table>
-					    
-				    </div>
 			]]>
 		</Html>
 	</Template>
-	<Template title="Three areas" image="17.png">
+	<Template title="Content" image="2.png">
-		<Description>Three areas for content.</Description>
+		<Description>Introductory title - Academic</Description>
 		<Html>
 			<![CDATA[
 					<?php echo $template_css; ?>
-				    <div class="dokeos_course">
+					<div class="dokeos_course" id="corp">
-				    <div id="right">
+						<div id="box_title1">
- 					    <p><img class="image" src="<?php echo $_configuration['root_web']; ?>main/img/gallery/pointer-right.png" /></p>
+							<h1>Press here to add a title</h1>
-					    <p>A comment.</p>
+							<h2>Write here a subtitle</h2>
-				    </div>
+						<div id="bottom"></div>
-				    
+						</div>
-				    <div id="left">
+						<div id="content1">
-					    <h3>Title</h3>
+						<p><img src="<?php echo $_configuration['root_web']; ?>main/img/gallery/academic.jpg" alt="Academic icon"  class="icon" />Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Curabitur commodo urna in justo. Nulla facilisi. Vestibulum dapibus mattis sapien. Nunc suscipit. Nulla odio urna, faucibus et, porttitor sed, tincidunt in, mauris. Phasellus semper hendrerit magna. Maecenas nec ligula. Quisque tellus tortor, semper in, blandit quis, aliquet ut, tellus. Quisque vulputate. Sed ligula ipsum, interdum vel, congue tincidunt, facilisis eget, arcu. Donec nec ligula et turpis tristique pulvinar. Integer in arcu vel ligula accumsan consectetuer. Ut a erat.</p>
-					    
+						<p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Nulla facilisi. Praesent consequat, lectus ac sollicitudin condimentum, nunc felis pharetra ligula, at tincidunt mauris neque vel nulla. Vivamus nec magna vitae leo egestas hendrerit. Fusce sagittis scelerisque sapien. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos hymenaeos. Praesent convallis. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. In tristique laoreet felis. Ut vitae est. Integer posuere lacus sed libero. Vestibulum cursus. Duis odio arcu, lobortis sed, fringilla non, egestas vel, magna. Aenean suscipit hendrerit nulla. Suspendisse potenti. Proin tincidunt vehicula eros. Quisque eleifend nisi non enim. Aenean elementum.</p>
-					    <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.</p>
+						<p>Pellentesque faucibus, magna quis lobortis dapibus, lorem diam pharetra odio, vitae consectetuer nulla massa ac elit. Mauris urna massa, facilisis quis, tristique at, euismod sit amet, tortor. In orci dolor, faucibus sit amet, malesuada non, mollis vel, lacus. Quisque sit amet elit vel eros blandit consequat. Quisque ac risus. Donec accumsan. Suspendisse mauris mi, laoreet ut, pretium vel, dignissim nec, nulla. Sed malesuada facilisis lacus. Phasellus eleifend, nibh vitae pellentesque auctor, libero nunc dictum erat, non imperdiet est dolor quis orci. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Morbi consectetuer euismod mi. Proin sit amet est vitae turpis fermentum sollicitudin. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos hymenaeos.</p>
-				    </div>
+						</div>
-				    
+						<div id="footer1">
-				    
+							<div class="manager1">Course manager: So and So
-				    
+							</div>
-				    <div id="left">
+							<div id="email1">E-mail:<a href="mailto:soandso@soandso.com">soandso@soandso.com</a>
-					    <h3>Title</h3>
+							</div>
-					    <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.</p>
+						</div>
-				    </div>
+					</div>
-				    </div>
+			]]>
-				    ]]>
+		</Html>
-			    </Html>
+	</Template>
-		    </Template>
+	<Template title="Content" image="2.png">
-	<Template title="Three areas" image="14.png">
+		<Description>Introductory title - Baby</Description>
-		<Description>Three areas for content.</Description>
 		<Html>
 			<![CDATA[
 					<?php echo $template_css; ?>
-				    <div class="dokeos_course">
+					<div class="dokeos_course" id="baby">
-				    <div id="left">
+						<div id="box_title1">
- 					    <p><img class="image" src="<?php echo $_configuration['root_web']; ?>main/img/gallery/pointer-left.png" align="center" /></p>
+							<h1>Press here to add a title</h1>
-					    <p>A comment.</p>
+							<h2>Write here a subtitle</h2>
-				    </div>
+							<div id="bottom"></div>
-				    
+						</div>
-				    <div id="right">
+						<div id="content1">
-					    <h3>Title</h3>
+						<p><img src="<?php echo $_configuration['root_web']; ?>main/img/gallery/baby.jpg" alt="Baby icon"  class="icon" />Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Curabitur commodo urna in justo. Nulla facilisi. Vestibulum dapibus mattis sapien. Nunc suscipit. Nulla odio urna, faucibus et, porttitor sed, tincidunt in, mauris. Phasellus semper hendrerit magna. Maecenas nec ligula. Quisque tellus tortor, semper in, blandit quis, aliquet ut, tellus. Quisque vulputate. Sed ligula ipsum, interdum vel, congue tincidunt, facilisis eget, arcu. Donec nec ligula et turpis tristique pulvinar. Integer in arcu vel ligula accumsan consectetuer. Ut a erat.</p>
-					    
+						<p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Nulla facilisi. Praesent consequat, lectus ac sollicitudin condimentum, nunc felis pharetra ligula, at tincidunt mauris neque vel nulla. Vivamus nec magna vitae leo egestas hendrerit. Fusce sagittis scelerisque sapien. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos hymenaeos. Praesent convallis. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. In tristique laoreet felis. Ut vitae est. Integer posuere lacus sed libero. Vestibulum cursus. Duis odio arcu, lobortis sed, fringilla non, egestas vel, magna. Aenean suscipit hendrerit nulla. Suspendisse potenti. Proin tincidunt vehicula eros. Quisque eleifend nisi non enim. Aenean elementum.</p>
-					    <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.</p>
+						<p>Pellentesque faucibus, magna quis lobortis dapibus, lorem diam pharetra odio, vitae consectetuer nulla massa ac elit. Mauris urna massa, facilisis quis, tristique at, euismod sit amet, tortor. In orci dolor, faucibus sit amet, malesuada non, mollis vel, lacus. Quisque sit amet elit vel eros blandit consequat. Quisque ac risus. Donec accumsan. Suspendisse mauris mi, laoreet ut, pretium vel, dignissim nec, nulla. Sed malesuada facilisis lacus. Phasellus eleifend, nibh vitae pellentesque auctor, libero nunc dictum erat, non imperdiet est dolor quis orci. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Morbi consectetuer euismod mi. Proin sit amet est vitae turpis fermentum sollicitudin. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos hymenaeos.</p>
-				    </div>
+						</div>
-				    
+						<div id="footer1">
-				    
+							<div class="manager1">Course manager: So and So
-				    
+							</div>
-				    <div id="right">
+							<div id="email1">E-mail:<a href="mailto:soandso@soandso.com">soandso@soandso.com</a>
-					    <h3>Title</h3>
+							</div>
-					    <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.</p>
+						</div>
-				    </div>
+					</div>
-				    </div>
+			]]>
-				    ]]>
+		</Html>
-			    </Html>
+	</Template>
-		    </Template>
+	<Template title="Content" image="2.png">
-<!--
+		<Description>Explanation</Description>
-		    <Template title="Three areas" image="18.png">
+		<Html>
-			    <Description>Three areas for content.</Description>
+			<![CDATA[
-			    <Html>
-				    <![CDATA[
 					<?php echo $template_css; ?>
-				    <div class="dokeos_course">
+					<div class="dokeos_course" class="template2">
-						   <div id="right">
+						<div id="nav2">
-							   <p>test</p>
+							<img src="<?php echo $_configuration['root_web']; ?>main/img/gallery/teacher.png" alt="Mr dokeos"  />
-						   </div>
+							<div id="list2">
-						   <div id="left">
+							<p><i>Check out:</i></p>
-							   <h3>Title</h3>
+								<ul>
-							   <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi.</p>
+									<li>web 1</li>
-						   </div>
+									<li>web 2</li>
-						   
+									<li>Resource 1</li>
-						   
+								</ul>
-						   <div id="content">
+							</div>
-							   <h3>H3 Title</h3>
+						</div>
-							   <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi.</p>
+						<div id="content2">
-							   
+							<div id="explanation">
-							   <ul>
+							<h1>Explanation</h1>
-								   <li>List Item</li>
+							</div>
-								   <li>List Item</li>
+							<div id="main2">
-								   <li>List Item</li>
+							<h2>Enter text here for your explanation</h2>
-								   <li>List Item</li>
+						    <p>Pellentesque faucibus, magna quis lobortis dapibus, lorem diam pharetra odio, vitae consectetuer nulla massa ac elit. Mauris urna massa, facilisis quis, tristique at, euismod sit amet, tortor. In orci dolor, faucibus sit amet, malesuada non, mollis vel, lacus. Quisque sit amet elit vel eros blandit consequat. Quisque ac risus. Donec accumsan. Suspendisse mauris mi, laoreet ut, pretium vel, dignissim nec, nulla. Sed malesuada facilisis lacus. Phasellus eleifend, nibh vitae pellentesque auctor, libero nunc dictum erat, non imperdiet est dolor quis orci. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Morbi consectetuer euismod mi. Proin sit amet est vitae turpis fermentum sollicitudin. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos hymenaeos.</p>
-								   <li>List Item</li>
+							</div>
-							   </ul>
+						</div>
-						   </div>
+				</div>
-				    </div>
+			]]>
-						   ]]>
+		</Html>
-					   </Html>
+	</Template>
-				   </Template>
+		<Template title="Content" image="3.jpg">
-				   <Template title="Four areas" image="20.png">
+		<Description>Explanation - Corporative version</Description>
-					   <Description>Four areas for content.</Description>
+		<Html>
-					   <Html>
+			<![CDATA[
-						   <![CDATA[
 					<?php echo $template_css; ?>
-				    <div class="dokeos_course">
+					<div class="dokeos_course" class="template2" id="corp" >
-								  <div class="left">
+						<div id="nav2">
-									  <p><img class="image" src="<?php echo $_configuration['root_web']; ?>main/img/gallery/pointer-left.png" /></p>
+							<img src="<?php echo $_configuration['root_web']; ?>main/img/gallery/corp.jpg" alt="corporative icon"  />
-								  </div>
+							<div id="list2">
-								  
+							<p><i>Check out:</i></p>
-								  <div class="right">
+								<ul>
-									  <h3>H3 Title</h3>
+									<li>web 1</li>
-									  <div class="image">Image placehoder</div>
+									<li>web 2</li>
-									  <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi.</p>
+									<li>Resource 1</li>
-								  </div>
+								</ul>
-								  
+							</div>
-								  <br style="clear: both;" />
+						</div>
+						<div id="content2">
+							<div id="explanation">
+							<h1>Explanation</h1>
+							<div id="bottom"></div>
+							</div>
+							<div id="main2">
+							<h2>Enter text here for your explanation</h2>
+						    <p>Pellentesque faucibus, magna quis lobortis dapibus, lorem diam pharetra odio, vitae consectetuer nulla massa ac elit. Mauris urna massa, facilisis quis, tristique at, euismod sit amet, tortor. In orci dolor, faucibus sit amet, malesuada non, mollis vel, lacus. Quisque sit amet elit vel eros blandit consequat. Quisque ac risus. Donec accumsan. Suspendisse mauris mi, laoreet ut, pretium vel, dignissim nec, nulla. Sed malesuada facilisis lacus. Phasellus eleifend, nibh vitae pellentesque auctor, libero nunc dictum erat, non imperdiet est dolor quis orci. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Morbi consectetuer euismod mi. Proin sit amet est vitae turpis fermentum sollicitudin. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos hymenaeos.</p>
+							</div>
+						</div>
+				</div>
+			]]>
+		</Html>
+	</Template>
+	<Template title="Content" image="3.jpg">
+		<Description>Explanation - Academic version</Description>
+		<Html>
+			<![CDATA[
+					<?php echo $template_css; ?>
+					<div class="dokeos_course" class="template2" id="academic" >
+					<div id="nav2">
+						<img src="<?php echo $_configuration['root_web']; ?>main/img/gallery/academic.jpg" alt="Academic icon" class="logo" />
+						<div id="list2">
+						<p><i>Check out:</i></p>
+							<ul>
+								<li>web 1</li>
+								<li>web 2</li>
+								<li>Resource 1</li>
+							</ul>
+						</div>
+					</div>
+					<div id="content2">
+						<div id="explanation">
+						<h1>Explanation</h1>
+						<div id="bottom"></div>
+						</div>
+						<div id="main2">
+						<h2>Enter text here for your explanation</h2>
+					    <p>Pellentesque faucibus, magna quis lobortis dapibus, lorem diam pharetra odio, vitae consectetuer nulla massa ac elit. Mauris urna massa, facilisis quis, tristique at, euismod sit amet, tortor. In orci dolor, faucibus sit amet, malesuada non, mollis vel, lacus. Quisque sit amet elit vel eros blandit consequat. Quisque ac risus. Donec accumsan. Suspendisse mauris mi, laoreet ut, pretium vel, dignissim nec, nulla. Sed malesuada facilisis lacus. Phasellus eleifend, nibh vitae pellentesque auctor, libero nunc dictum erat, non imperdiet est dolor quis orci. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Morbi consectetuer euismod mi. Proin sit amet est vitae turpis fermentum sollicitudin. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos hymenaeos.</p>
+						</div>
+					</div>
+			</div>
+			]]>
+		</Html>
+	</Template>
+	<Template title="Content" image="3.jpg">
+		<Description>Explanation - Baby version</Description>
+		<Html>
+			<![CDATA[
+					<?php echo $template_css; ?>
+					<div class="dokeos_course" class="template2" id="baby" >
+					<div id="nav2">
+						<img src="<?php echo $_configuration['root_web']; ?>main/img/gallery/baby.jpg" alt="baby icon" class="logo" />
+						<div id="list2">
+						<p><i>Check out:</i></p>
+							<ul>
+								<li>web 1</li>
+								<li>web 2</li>
+								<li>Resource 1</li>
+							</ul>
+						</div>
+					</div>
+					<div id="content2">
+						<div id="explanation">
+						<h1>Explanation</h1>
+						<div id="bottom"></div>
+						</div>
+						<div id="main2">
+						<h2>Enter text here for your explanation</h2>
+					    <p>Pellentesque faucibus, magna quis lobortis dapibus, lorem diam pharetra odio, vitae consectetuer nulla massa ac elit. Mauris urna massa, facilisis quis, tristique at, euismod sit amet, tortor. In orci dolor, faucibus sit amet, malesuada non, mollis vel, lacus. Quisque sit amet elit vel eros blandit consequat. Quisque ac risus. Donec accumsan. Suspendisse mauris mi, laoreet ut, pretium vel, dignissim nec, nulla. Sed malesuada facilisis lacus. Phasellus eleifend, nibh vitae pellentesque auctor, libero nunc dictum erat, non imperdiet est dolor quis orci. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Morbi consectetuer euismod mi. Proin sit amet est vitae turpis fermentum sollicitudin. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos hymenaeos.</p>
+						</div>
+					</div>
+			</div>
+			]]>
+		</Html>
+	</Template>
+	<Template title="Content" image="3.png">
+		<Description>Course Objectives</Description>
+		<Html>
+			<![CDATA[
+					<?php echo $template_css; ?>
+					<div class="dokeos_course" class="template3">
+						<div id="box_title3">
+							<h1>Course objetives</h1>
+						</div>
+						<div id="content3">
+						<ul id="primary">
+							<li>Objetive number 1</li>
+							<ul class="secondary"><li>Short comment of the Objective 1</li></ul>
+							<li>Objetive number 2</li>
+							<ul class="secondary"><li>Short comment of the Objective 2</li></ul>
+							<li>Objetive number 3</li>
+							<ul class="secondary"><li>Short comment of the Objective 3</li></ul>
+						</ul>
+						<div id="footer3">
+							<img src="<?php echo $_configuration['root_web']; ?>main/img/gallery/pointer-right.png" alt="Mr dokeos" class="logo" />
+						</div> 
+						</div>	
+				</div>
+			]]>
+		</Html>
+	</Template>
+	<Template title="Content" image="3.png">
+		<Description>Course Objectives - Corporative version</Description>
+		<Html>
+			<![CDATA[
+					<?php echo $template_css; ?>
+				<div class="dokeos_course" class="template3" id="corp">
+					<div id="box_title3">
+						<h1>Course objetives</h1>
+						<div id="bottom"></div>
+					</div>
+					<div id="content3">
+					<ul id="primary">
+						<li>Objetive number 1</li>
+						<ul class="secondary"><li>Short comment of the Objective 1</li></ul>
+						<li>Objetive number 2</li>
+						<ul class="secondary"><li>Short comment of the Objective 2</li></ul>
+						<li>Objetive number 3</li>
+						<ul class="secondary"><li>Short comment of the Objective 3</li></ul>
+					</ul>
+					<div id="footer3">
+						<img src="<?php echo $_configuration['root_web']; ?>main/img/gallery/corp_right.jpg" alt="Corporative logo" class="logo" />
+					</div> 
+					</div>	
+			</div>
+			]]>
+		</Html>
+	</Template>
+	<Template title="Content" image="3.png">
+		<Description>Course Objectives - Academic version</Description>
+		<Html>
+			<![CDATA[
+					<?php echo $template_css; ?>
+				<div class="dokeos_course" class="template3" id="academic">
+					<div id="box_title3">
+						<h1>Course objetives</h1>
+						<div id="bottom"></div>
+					</div>
+					<div id="content3">
+					<ul id="primary">
+						<li>Objetive number 1</li>
+						<ul class="secondary"><li>Short comment of the Objective 1</li></ul>
+						<li>Objetive number 2</li>
+						<ul class="secondary"><li>Short comment of the Objective 2</li></ul>
+						<li>Objetive number 3</li>
+						<ul class="secondary"><li>Short comment of the Objective 3</li></ul>
+					</ul>
+					<div id="footer3">
+						<img src="<?php echo $_configuration['root_web']; ?>main/img/gallery/academic.jpg" alt="Academic logo" class="logo" />
+					</div> 
+					</div>	
+			</div>
+			]]>
+		</Html>
+	</Template>
+	<Template title="Content" image="3.png">
+		<Description>Course Objectives - Baby</Description>
+		<Html>
+			<![CDATA[
+					<?php echo $template_css; ?>
+					<div class="dokeos_course" class="template3" id="baby">
+						<div id="box_title3">
+							<h1>Course objetives</h1>
+							<div id="bottom"></div>
+						</div>
+						<div id="content3">
+						<ul id="primary">
+							<li>Objetive number 1</li>
+							<ul class="secondary"><li>Short comment of the Objective 1</li></ul>
+							<li>Objetive number 2</li>
+							<ul class="secondary"><li>Short comment of the Objective 2</li></ul>
+							<li>Objetive number 3</li>
+							<ul class="secondary"><li>Short comment of the Objective 3</li></ul>
+						</ul>
+						<div id="footer3">
+							<img src="<?php echo $_configuration['root_web']; ?>main/img/gallery/baby.jpg" alt="Baby logo" class="logo" />
+						</div> 
+						</div>	
+				</div>
+			]]>
+		</Html>
+	</Template>
+</Templates>
 
-								  <div class="left">
-									  <h3>H3 Title</h3>
-									  <div class="image">Image placehoder</div>
-									  <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi.</p>
-								  </div>
 
-								  <div class="right">
-									  <h3>H3 Title</h3>
-									  <div class="image">Image placehoder</div>
-									  <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi.</p>
-								  </div>
-								  </div>
-								  ]]>
-							  </Html>
-						  </Template>-->
-</Templates>