Commit 8028185f authored by Claudio Valerio's avatar Claudio Valerio

updated the sankore editor starting page

parent ca020305
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <!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"> <html xmlns="http://www.w3.org/1999/xhtml">
<head> <head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta name="generator" content="RapidWeaver" /> <title>Sankoré editor</title>
<style type="text/css">
<title>Editor</title> <!--
<link rel="stylesheet" type="text/css" media="screen" href="rw_common/themes/caribou/styles.css" /> .white { color: #FFF;
<!--[if IE 6]><link rel="stylesheet" type="text/css" media="screen" href="rw_common/themes/caribou/css/ie6.css" /><![endif]--> }
<link rel="stylesheet" type="text/css" media="screen" href="rw_common/themes/caribou/colourtag-theme-default.css" /> body {
<link rel="stylesheet" type="text/css" media="print" href="rw_common/themes/caribou/print.css" /> background-color: #E5E3DB;
<link rel="stylesheet" type="text/css" media="handheld" href="rw_common/themes/caribou/handheld.css" /> }
<!--[if IE]><style type="text/css" media="screen">body {behavior: url(rw_common/themes/caribou/csshover.htc);}</style><![endif]--> body,td,th {
<link rel="stylesheet" type="text/css" media="screen" href="rw_common/themes/caribou/css/banner/swirls.css" /> font-family: Verdana, Geneva, sans-serif;
<link rel="stylesheet" type="text/css" media="screen" href="rw_common/themes/caribou/css/logo_position/center.css" /> color: #666;
<link rel="stylesheet" type="text/css" media="screen" href="rw_common/themes/caribou/css/sidebar/sidebar_right.css" /> text-align: left;
<link rel="stylesheet" type="text/css" media="screen" href="rw_common/themes/caribou/css/icons/black.css" /> }
.conteneur {
background-color: #5C5C5C;
<script type="text/javascript" src="rw_common/themes/caribou/javascript.js"></script> text-align: center;
}
.c {
text-align: center;
}
<script type="text/javascript" charset="utf-8"> var blankSrc = "rw_common/themes/caribou/png/blank.gif";</script> .m {
<style type="text/css"> img { behavior: url("rw_common/themes/caribou/png/pngbehavior.htc"); }</style> font-size: medium;
</head> }
a:link {
<!-- This page was created with RapidWeaver from Realmac Software. http://www.realmacsoftware.com --> color: #666;
}
a:visited {
color: #666;
}
a:hover {
color: #000;
}
a:active {
color: #666;
}
-->
</style>
</head>
<body> <body>
<div id="bar"></div>
<div id="container"><!-- Start container -->
<div id="pageHeader"><!-- Start page header -->
<div id="navcontainer"><!-- Start Navigation -->
<ul><li><a href="index.html" rel="self" id="current">Editor</a></li></ul>
</div><!-- End navigation -->
<div id="title">
<div id="logo"></div>
<h1>Sankor&eacute; Editor</h1>
<h2>Instructions on how to use the Sankor&eacute; Editor</h2>
<div id="overlay_swirls"><img src="rw_common/themes/caribou/images/header_swirls.png" alt="" style="width: 900px; height: 150px;" /></div>
<div id="overlay_stripes_glow"><img src="rw_common/themes/caribou/images/header_stripes_glow.png" alt="" style="width: 900px; height: 150px;" /></div>
<div id="overlay_stripes_solid"><img src="rw_common/themes/caribou/images/header_stripes_solid.png" alt="" style="width: 900px; height: 150px;" /></div>
<div id="overlay_curve_solid"><img src="rw_common/themes/caribou/images/header_curve_solid.png" alt="" style="width: 900px; height: 150px;" /></div>
</div>
<div id="background"><img src="rw_common/themes/caribou/images/header_bg.png" alt="" style="width: 914px; height: 197px;" /></div>
</div><!-- End page header -->
<div id="contentContainer"><!-- Start main content wrapper -->
<div id="content"><!-- Start content -->
<div class="contentSpacer"></div><!-- this makes sure the content is long enough for the design -->
<p style="text-align:center;"><br /><br /><br /></p><p style="text-align:left;"><span style="font:14px Trebuchet, Verdana, serif; font-weight:bold; font-weight:bold; ">The Sankor&eacute; Editor allows you to create rich interactivity scenarios to be used within the Sankor&eacute; 3.1 Software</span><span style="font:12px Trebuchet, Verdana, serif; "><br /></span><span style="font:11px Trebuchet, Verdana, serif; "><br />BEWARE : You must be connected to the Internet to use the editor and the current version is only available in french</span><span style="font:12px Trebuchet, Verdana, serif; "><br /><br /></span><span style="font:13px Trebuchet, Verdana, serif; ">When you get into the editor, you will need to authentify.<br /><br />In order to test it, you can, just as shown below, use the identifier and password &ldquo;demo&rdquo;.<br /></span><span style="font:12px Trebuchet, Verdana, serif; "><br /></span></p><p style="text-align:center;"><img class="imageStyle" alt="login_paraschool" src="files/login_paraschool.png" width="371" height="252" /><span style="font:12px Trebuchet, Verdana, serif; "><br /></span></p><p style="text-align:left;"><span style="font:12px Trebuchet, Verdana, serif; "><br /></span><span style="font:13px Trebuchet, Verdana, serif; ">If you wish to use it as your personal content creation tool, please send a mail to this </span><span style="font:13px Trebuchet, Verdana, serif; "><a href="mailto:daniel.lebret@gmail.com" rel="self">address</a></span><span style="font:13px Trebuchet, Verdana, serif; "> explaining you want to create an account for the Sankor&eacute; Editor.<br /><br /></span></p><p style="text-align:center;"><span style="font:13px Trebuchet, Verdana, serif; "><a href="http://host9.paraschool.net/editor/" rel="self">Click here to connect to the Sankor&eacute; Editor<br /></a></span><a href="http://host9.paraschool.net/editor/" rel="self"><img class="imageStyle" alt="connect_screen" src="files/connect_screen.png" width="303" height="75" /></a></p>
<div class="clearer"></div>
</div><!-- End content -->
</div><!-- End main content wrapper -->
<div id="sidebarContainer"><!-- Start Sidebar wrapper -->
<div id="sidebar"><!-- Start sidebar content -->
<div class="sideHeader"></div><!-- Sidebar header -->
<!-- sidebar content you enter in the page inspector -->
<!-- sidebar content such as the blog archive links -->
</div><!-- End sidebar content -->
</div><!-- End sidebar wrapper -->
<div class="clearer"></div>
</div><!-- End container -->
<div class="clearer"></div> <table width="843" border="0" align="center">
<div id="footer"><!-- Start Footer --> <tr>
<p></p> <td class="conteneur"><p><img src="files/logo.png" width="196" height="22" alt="editeur" /></p>
<div id="breadcrumbcontainer"><!-- Start the breadcrumb wrapper --> <p><span class="white">Instructions on how to use Sankoré editor </span></p>
<p><span class="white">THE CURRENT VERSION IS ONLY AVAILABLE IN FRENCH</span></p></td>
</div><!-- End breadcrumb --> </tr>
</div><!-- End Footer --> <tr>
<td><div align="center"><img src="files/outils.png" width="128" height="128" alt="outils" /> <img src="files/mappe.png" width="128" height="128" alt="mappe" /> <img src="files/calepin.png" width="128" height="128" alt="calepin" /></div></td>
</tr>
<tr>
<td><p>Sankoré Editor allows you to create rich interactivity scenarios. Create interactive content easily with basic activities that can be used in various subjects (attach images, sounds, order of words, phrases, create categories ...). This content can then be added to the software Open-Sankore. </p></td>
</tr>
<tr>
<td><p>Requirement to work with the editor :</p>
<ul>
<li>a Web access</li>
<li>an account on Planète Sankoré</li>
</ul></td>
</tr>
<tr>
<td><div align="center">
<p>&nbsp;</p>
<p><a href="http://editeur.sankore.org" title="Editeur" target="_self" class="c">Click here to connect to the Sankoré Editor</a></p>
</div></td>
</tr>
<tr>
<td><p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p></td>
</tr>
<tr>
<td>Sankoré editor is hosted on <a href="http://planete.sankore.org/" target="_self">planete.sankore.org</a></td>
</tr>
</table>
<p>&nbsp;</p>
</body> </body>
</html> </html>
/* @group Layout Colours */
#bar,
.photo-navigation,
.movie-title {
background-color: #51748C;
}
#pageHeader #title {
background-color: #FF7E00;
}
#pageHeader h1,
#pageHeader h2 {
text-shadow: 0px -1px 0px #994B00;
}
#footer {
background-color: #82B4D7;
}
#footer p {
text-shadow: 0px -1px 0px #4E6C81;
}
#breadcrumbcontainer li {
color: #5B7E96;
}
/* @end */
/* @group Content Colours */
body,
.blog-entry-body,
.blog-entry-date,
.blog-entry {
color: #7F7F7F;
}
#sidebarContainer .sideHeader,
#sidebarContainer #sidebar h1,
#sidebarContainer #sidebar h2,
#sidebarContainer #sidebar h3 {
color: #51748C;
}
#sidebarContainer {
color: #A6A6A6;
}
#sidebarContainer #sidebar a,
#breadcrumbcontainer,
a:link, a:visited {
color: #656565;
}
h1, h2, h3, h4, h5,
h1.blog-entry-title a,
.blog-archive-headings-wrapper,
.album-title,
.photo-title,
.movie-page-title {
color: #FF7E00;
}
/* @end */
/* @group Navbar */
#navcontainer a {
color: #7F7F7F;
}
#navcontainer a:hover,
#navcontainer #current,
#navcontainer .currentAncestor,
#sidebarContainer #sidebar a:hover,
.photo-navigation a:hover,
a:hover, a:active,
form,
h1 {
color: #FF7E00;
}
#navcontainer ul ul a:hover,
#navcontainer ul ul #current,
#navcontainer ul ul .currentAncestor {
background: #FF7E00;
color: #fff;
border-bottom-color: #FF7E00;
}
/* @end */
\ No newline at end of file
#pageHeader #overlay_curve_solid {
display: block;
}
\ No newline at end of file
#pageHeader #overlay_stripes_glow {
display: block;
}
\ No newline at end of file
#pageHeader #overlay_stripes_solid {
display: block;
}
\ No newline at end of file
#pageHeader #overlay_swirls {
display: block;
}
\ No newline at end of file
.filesharing-item {
background: url(../../images/download_icon.png) no-repeat 0 3px;
padding-left: 20px;
}
/* @group Blog */
.blog-archive-link {
background: url(../../images/blog_home.png) no-repeat 0 5px;
padding-left: 20px;
}
.blog-entry-date {
padding-left: 20px;
background: url(../../images/blog_clock.png) no-repeat 0 3px;
}
/*styles the category link in the main entry */
.blog-entry-category {
background: url(../../images/blog_file.png) no-repeat 0 0;
}
.blog-entry-body {
padding: 20px 0 40px 0;
background: url(../../images/blog_bottom_bar.png) no-repeat left bottom;
}
.blog-entry-comments {
padding-left: 20px;
background: url(../../images/blog_comments.png) no-repeat 0 3px;
}
.blog-trackback-link {
padding-left: 20px;
background: url(../../images/blog_trackback.png) no-repeat 0 0px;
}
p.blog-entry-tags {
background: url(../../images/blog_tag.png) no-repeat 0 3px;
}
/* styles the archives in the blog sidebar */
.blog-archive-link-enabled {
background: url(../../images/blog_icon.png) no-repeat 0;
}
.blog-archive-link-disabled {
background: url(../../images/blog_icon.png) no-repeat 0;
}
/* Styles the blog categories in the blog sidebar */
.blog-category-link-enabled {
background: url(../../images/blog_file.png) no-repeat 0;
}
.blog-category-link-disabled {
background: url(../../images/blog_file.png) no-repeat 0 3px;
}
.blog-rss-link {
background: url(../../images/blog_rss.png) no-repeat 0;}
.blog-comments-rss-link {
background: url(../../images/blog_rss.png) no-repeat 0;
}
/* @end */
\ No newline at end of file
.blog-entry-category {
background: url(../../images/file_black.png) no-repeat left 0;
}
p.blog-entry-tags {
background: url(../../images/tag_black.png) no-repeat left 2px;
}
.blog-category-link-disabled,
.blog-archive-link-disabled {
background: url(../../images/file_black.png) no-repeat left center;
}
.blog-category-link-enabled,
.blog-archive-link-enabled {
background: url(../../images/file_black.png) no-repeat left 1px;
}
.blog-rss-link {
background: url(../../images/feed.png) no-repeat 0;}
.blog-comments-rss-link {
background: url(../../images/feed.png) no-repeat 0;
}
\ No newline at end of file
.blog-entry-category {
background: url(../../images/file_blue.png) no-repeat left 0;
}
p.blog-entry-tags {
background: url(../../images/tag_blue.png) no-repeat left 2px;
}
.blog-category-link-disabled,
.blog-archive-link-disabled {
background: url(../../images/file_blue.png) no-repeat left center;
}
.blog-category-link-enabled,
.blog-archive-link-enabled {
background: url(../../images/file_blue.png) no-repeat left 1px;
}
.blog-rss-link {
background: url(../../images/feed.png) no-repeat 0;}
.blog-comments-rss-link {
background: url(../../images/feed.png) no-repeat 0;
}
\ No newline at end of file
.blog-entry-category {
background: url(../../images/file_brown.png) no-repeat left 0;
}
p.blog-entry-tags {
background: url(../../images/tag_brown.png) no-repeat left 2px;
}
.blog-category-link-disabled,
.blog-archive-link-disabled {
background: url(../../images/file_brown.png) no-repeat left center;
}
.blog-category-link-enabled,
.blog-archive-link-enabled {
background: url(../../images/file_brown.png) no-repeat left 1px;
}
.blog-rss-link {
background: url(../../images/feed.png) no-repeat 0;}
.blog-comments-rss-link {
background: url(../../images/feed.png) no-repeat 0;
}
\ No newline at end of file
.blog-entry-category {
background: url(../../images/file_green.png) no-repeat left 0;
}
p.blog-entry-tags {
background: url(../../images/tag_green.png) no-repeat left 2px;
}
.blog-category-link-disabled,
.blog-archive-link-disabled {
background: url(../../images/file_green.png) no-repeat left center;
}
.blog-category-link-enabled,
.blog-archive-link-enabled {
background: url(../../images/file_green.png) no-repeat left 1px;
}
.blog-rss-link {
background: url(../../images/feed.png) no-repeat 0;}
.blog-comments-rss-link {
background: url(../../images/feed.png) no-repeat 0;
}
\ No newline at end of file
.blog-entry-category {
background: url(../../images/file_pink.png) no-repeat left 0;
}
p.blog-entry-tags {
background: url(../../images/tag_pink.png) no-repeat left 2px;
}
.blog-category-link-disabled,
.blog-archive-link-disabled {
background: url(../../images/file_pink.png) no-repeat left center;
}
.blog-category-link-enabled,
.blog-archive-link-enabled {
background: url(../../images/file_pink.png) no-repeat left 2px;
}
.blog-rss-link {
background: url(../../images/feed.png) no-repeat 0;}
.blog-comments-rss-link {
background: url(../../images/feed.png) no-repeat 0;
}
\ No newline at end of file
.blog-entry-category {
background: url(../../images/file_red.png) no-repeat left 0;
}
p.blog-entry-tags {
background: url(../../images/tag_red.png) no-repeat left 2px;
}
.blog-category-link-disabled,
.blog-archive-link-disabled {
background: url(../../images/file_red.png) no-repeat left center;
}
.blog-category-link-enabled,
.blog-archive-link-enabled {
background: url(../../images/file_red.png) no-repeat left 1px;
}
.blog-rss-link {
background: url(../../images/feed.png) no-repeat 0;}
.blog-comments-rss-link {
background: url(../../images/feed.png) no-repeat 0;
}
.blog-rss-link {
background: url(../../images/feed.png) no-repeat 0;}
.blog-comments-rss-link {
background: url(../../images/feed.png) no-repeat 0;
}
\ No newline at end of file
#navcontainer a {
padding: 15px 15px 17px 15px;
height: 0px;
}
\ No newline at end of file
#pageHeader #logo img {
margin: 10px auto 0;
}
\ No newline at end of file
#pageHeader #logo img {
float: left;
margin: 10px 0 0 30px;
}
\ No newline at end of file
#pageHeader #logo img {
float: right;
margin: 10px 30px 0 0;
}
\ No newline at end of file
#contentContainer {
float: right;
padding-right: 7px;
background-position: top left;
}
#sidebarContainer {
float: left;
padding-left: 7px;
}
#sidebarContainer #sidebar {
padding-left: 30px;
padding-right: 10px;
}
\ No newline at end of file
#sidebarContainer {
display: none;
}
#contentContainer {
width: auto;
background-image: none;
}
\ No newline at end of file
#contentContainer {
float: left;
padding-left: 7px;
background-position: top right;
}
#sidebarContainer {
float: right;
padding-right: 7px;
}
#sidebarContainer #sidebar {
padding-right: 30px;
padding-left: 10px;
}
\ No newline at end of file
<attach event="ondocumentready" handler="parseStylesheets" />
<script>
/**
* Whatever:hover - V2.01.050927 - hover, active & focus
* ------------------------------------------------------------
* (c) 2005 - Peter Nederlof
* Peterned - http://www.xs4all.nl/~peterned/
* License - http://creativecommons.org/licenses/LGPL/2.1/
*
* Whatever:hover is free software; you can redistribute it and/or
* modify it under the terms of the GNU Lesser General Public
* License as published by the Free Software Foundation; either
* version 2.1 of the License, or (at your option) any later version.
*
* Whatever:hover is distributed in the hope that it will be useful,
* but WITHOUT ANY WARRANTY; without even the implied warranty of
* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU
* Lesser General Public License for more details.
*
* Credits and thanks to:
* Arnoud Berendsen, Martin Reurings, Robert Hanson
*
* howto: body { behavior:url("csshover.htc"); }
* ------------------------------------------------------------
*/
var csshoverReg = /(^|\s)((([^a]([^ ]+)?)|(a([^#.][^ ]+)+)):(hover|active))|((a|input|textarea):unknown)/i,
currentSheet, doc = window.document, hoverEvents = [], activators = {
onhover:{on:'onmouseover', off:'onmouseout'},
onactive:{on:'onmousedown', off:'onmouseup'},
onunknown:{on:'onfocus', off:'onblur'}
}
function parseStylesheets() {
if(!/MSIE (5|6)/.test(navigator.userAgent)) return;
window.attachEvent('onunload', unhookHoverEvents);
var sheets = doc.styleSheets, l = sheets.length;
for(var i=0; i<l; i++)
parseStylesheet(sheets[i]);
}
function parseStylesheet(sheet) {
if(sheet.imports) {
try {
var imports = sheet.imports, l = imports.length;
for(var i=0; i<l; i++) parseStylesheet(sheet.imports[i]);
} catch(securityException){}
}
try {
var rules = (currentSheet = sheet).rules, l = rules.length;
for(var j=0; j<l; j++) parseCSSRule(rules[j]);
} catch(securityException){}
}
function parseCSSRule(rule) {
var select = rule.selectorText, style = rule.style.cssText;
if(!csshoverReg.test(select) || !style) return;
var pseudo = select.replace(/[^:]+:([a-z-]+).*/i, 'on$1');
var newSelect = select.replace(/(\.([a-z0-9_-]+):[a-z]+)|(:[a-z]+)/gi, '.$2' + pseudo);
var className = (/\.([a-z0-9_-]*on(hover|active|unknown))/i).exec(newSelect)[1];
var affected = select.replace(/:(hover|active|unknown).*$/, '');
var elements = getElementsBySelect(affected);
if(elements.length == 0) return;
currentSheet.addRule(newSelect, style);
for(var i=0; i<elements.length; i++)
new HoverElement(elements[i], className, activators[pseudo]);
}
function HoverElement(node, className, events) {
if(!node.hovers) node.hovers = {};
if(node.hovers[className]) return;
node.hovers[className] = true;
hookHoverEvent(node, events.on, function() { node.className += ' ' + className; });
hookHoverEvent(node, events.off, function() { node.className = node.className.replace(new RegExp('\\s+'+className, 'g'),''); });
}
function hookHoverEvent(node, type, handler) {
node.attachEvent(type, handler);
hoverEvents[hoverEvents.length] = {
node:node, type:type, handler:handler
};
}
function unhookHoverEvents() {
for(var e,i=0; i<hoverEvents.length; i++) {
e = hoverEvents[i];
e.node.detachEvent(e.type, e.handler);
}
}
function getElementsBySelect(rule) {
var parts, nodes = [doc];
parts = rule.split(' ');
for(var i=0; i<parts.length; i++) {
nodes = getSelectedNodes(parts[i], nodes);
} return nodes;
}
function getSelectedNodes(select, elements) {
var result, node, nodes = [];
var identify = (/\#([a-z0-9_-]+)/i).exec(select);
if(identify) return [doc.getElementById(identify[1])];
var classname = (/\.([a-z0-9_-]+)/i).exec(select);
var tagName = select.replace(/(\.|\#|\:)[a-z0-9_-]+/i, '');
var classReg = classname? new RegExp('\\b' + classname[1] + '\\b'):false;
for(var i=0; i<elements.length; i++) {
result = tagName? elements[i].all.tags(tagName):elements[i].all;
for(var j=0; j<result.length; j++) {
node = result[j];
if(classReg && !classReg.test(node.className)) continue;
nodes[nodes.length] = node;
}
} return nodes;
}
</script>
\ No newline at end of file
/*<group=General Styles>*/
body {
text-align: left;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 0.9em;
margin: 0px;
padding: 0;
white-space: pre;
}
p {
}
b, strong {
}
a:link {
color: #0000ff;
text-decoration: underline;
}
a:visited {
color: #681796;
}
a:hover, a:active {
text-decoration: none;
background: #0000ff;
color: #ffffff;
}
img {
max-width: 99%;
}
.image-left {
}
.image-right {
}
/*</group>*/
/*<group=Layout>*/
#container {
background: #ffffff;
background-image: none;
width: 100%;
}
#pageHeader {
height: auto;
text-align: left;
margin-bottom: 8px;
background: #000000;
padding: 3px;
border-bottom: solid #191919 2px;
}
#pageHeader img {
position: relative;
top: auto;
right: auto;
}
#pageHeader h1 {
color: #ffffff;
font-size: 1.3em;
margin: 0 0 5px;
padding-top: 0px;
font-weight: bold;
}
#pageHeader h2 {
font-size: 1.1em;
margin: 0;
color: #ffffff;
font-weight: normal;
}
#contentContainer {
margin: 0px;
display: block;
width: auto;
}
#contentContainer #content {
margin: 0;
padding: 0;
}
#sidebarContainer {
float: none;
width: auto;
display: block;
margin-bottom: 10px;
padding-bottom: 10px;
border-bottom: 1px solid #808080;
}
#sidebarContainer #sidebar {
margin: 0;
padding: 0px;
}
#sidebarContainer .sideHeader {
color: #000000;
font-weight: bold;
margin-bottom: 5px;
}
#footer {
width: auto;
text-align: left;
padding: 0px;
margin: 0;
}
#footer p {
}
#footer a:link, #footer a:visited {
}
#footer a:hover, #footer a:active {
}
/*</group>*/
/*<group=Bread-crumb>*/
#breadcrumbcontainer {
margin-bottom: 5px;
}
#breadcrumbcontainer ul {
list-style: none;
margin: 0;
padding: 0;
}
#breadcrumbcontainer li {
display: inline;
padding: 0;
margin: 0;
}
#breadcrumbcontainer a {
padding: 0;
}
#breadcrumbcontainer a:hover {
}
/*</group>*/
/*<group=Toolbar>*/
/* Toolbar Styles */
#navcontainer {
color: #000000;
margin: 0 0 10px 0;
padding: 0;
}
#navcontainer #current {
}
#navcontainer #current:hover {
}
#navcontainer .currentAncestor {
}
/* Parent - Level 0 */
#navcontainer ul{
margin: 0;
padding: 0;
list-style-type: none;
}
#navcontainer li {
margin: 0;
padding: 0;
}
#navcontainer a {
padding: 0;
}
#navcontainer a:hover {
}
#navcontainer a:active {
}
/* Child - Level 1 */
#navcontainer ul ul {
list-style-type: none;
margin-left: 2px;
padding: 0;
color: black;
}
#navcontainer ul ul li {
padding-left: 5px;
}
#navcontainer ul ul a {
padding: 0;
}
#navcontainer ul ul a:hover{
}
#navcontainer ul ul #current{
}
/* Child - Level 2 */
#navcontainer ul ul ul {
}
#navcontainer ul ul ul li {
padding-left: 10px;
}
#navcontainer ul ul ul a{
}
#navcontainer ul ul ul a:hover{
}
/* Child Level 3 */
#navcontainer ul ul ul {
}
#navcontainer ul ul ul ul li {
padding-left: 15px;
}
#navcontainer ul ul ul ul a{
}
#navcontainer ul ul ul ul a:hover{
}
/* Child Level 4 */
#navcontainer ul ul ul ul {
}
#navcontainer ul ul ul ul ul li {
padding-left: 20px;
}
#navcontainer ul ul ul ul ul a{
}
#navcontainer ul ul ul ul ul a:hover{
}
/* Child Level 5 */
#navcontainer ul ul ul ul ul {
}
#navcontainer ul ul ul ul ul ul li {
}
#navcontainer ul ul ul ul ul ul a{
}
#navcontainer ul ul ul ul ul ul a:hover{
}
/*</group>*/
/*<group=Global Classes>*/
blockquote, .standout {
margin: 0;
padding: 5px;
font-weight: bold;
}
h1 {
}
h2 {
}
h3 {
}
h4 {
}
.imageStyle {
}
/*</group>*/
/*<group=Blog>*/
/*<group=Archive Page>*/
.blog-archive-background {
} .blog-archive-headings-wrapper {
}
.blog-archive-entries-wrapper {
}
.blog-archive-entries-wrapper .blog-entry {
} .blog-archive-month {
}
.blog-archive-link {
} .blog-archive-link a:link, .blog-archive-link a:visited {
}
/*</group>*/
.blog-entry {
}
.blog-entry-title {
font-weight: bold;
margin-bottom: 3px;
}
.blog-entry-date {
margin-bottom: 8px;
font-size: 0.9em;
color: #808080;
}
.blog-entry-body {
margin-bottom: 5px;
padding-bottom: 5px;
border-bottom: 1px solid #cccccc;
}
.blog-entry-comments {
display: none;
}
.blog-entry-category {
}
.blog-category-link-enabled {
}
.blog-category-link-disabled {
}
/*</group>*/
/*<group=File Sharing>*/
.filesharing-description {
}
.filesharing-item {
margin-bottom: 5px;
padding-bottom: 5px;
border-bottom: 1px solid #cccccc;
}
.filesharing-item-title a:link {
}
.filesharing-item-title a:hover {
}
.filesharing-item-title a:visited {
}
.filesharing-item-description {
}
/*</group>*/
/*<group=Photo Album>*/
/*<group=Index Page (Thumbnail view)>*/
.album-title {
font-weight: bold;
margin-bottom: 3px;
}
.album-description {
margin-bottom: 8px;
font-size: 0.9em;
color: #808080;
}
table.thumbnail-table {
width: 99%;
}
table.thumbnail-table, table.thumbnail-table tr, table.thumbnail-table td {
display: block;
}
.thumbnail-frame {
}
.thumbnail-frame:hover {
}
.thumbnail-frame a {
}
.thumbnail-frame a:hover {
}
.thumbnail-frame img {
}
.thumbnail-caption {
}
/*</group>*/
/*<group=Single Page (Photo view)>*/
.photo-background {
}
.photo-navigation {
}
.photo-links {
}
.photo-navigation a:link, .photo-navigation a:visited {
}
.photo-navigation a:hover {
}
.photo-frame{
}
.photo-title {
}
.photo-caption {
}
/*</group>*/
/*</group>*/
/*<group=Quicktime Page>*/
.movie-description {
}
/*</group>*/
/*<group=Quicktime Album>*/
/*<group=Index Page (Movie Thumbnail view)>*/
.movie-page-title {
font-weight: bold;
margin-bottom: 3px;
} .movie-page-description {
margin-bottom: 8px;
font-size: 0.9em;
color: #808080;
} .movie-thumbnail-frame {
}
.movie-thumbnail-frame:hover {
}
.movie-thumbnail-caption {
}
/*</group>*/
/*<group=Single Page (Movie View)>*/
.movie-background {
}
.movie-title {
}
.movie-frame {
}
/*</group>*/
/*</group>*/
/*<group=Contact Form>*/
.message-text {
}
.required-text {
}
.form-input-field {
max-width: 100%;
}
.form-input-button {
}
/*</group>*/
<public:component lightWeight="true">
<public:attach event="onpropertychange" onevent="propertyChanged()" />
<public:attach event="onbeforeprint" onevent="beforePrint()" for="window"/>
<public:attach event="onafterprint" onevent="afterPrint()" for="window"/>
<script>
/*
* PNG Behavior
*
* This script was created by Erik Arvidsson (http://webfx.eae.net/contact.html#erik)
* for WebFX (http://webfx.eae.net)
* Copyright 2002-2004
*
* For usage see license at http://webfx.eae.net/license.html
*
* Version: 1.02
* Created: 2001-??-?? First working version
* Updated: 2002-03-28 Fixed issue when starting with a non png image and
* switching between non png images
* 2003-01-06 Fixed RegExp to correctly work with IE 5.0x
* 2004-05-09 When printing revert to original
*
*/
var supported = /MSIE ((5\.5)|[6789])/.test(navigator.userAgent) &&
navigator.platform == "Win32";
var realSrc;
//var blankSrc = "blank.gif";
var isPrinting = false;
if (supported) fixImage();
function propertyChanged() {
if (!supported || isPrinting) return;
var pName = event.propertyName;
if (pName != "src") return;
// if not set to blank
if (!new RegExp(blankSrc).test(src))
fixImage();
};
function fixImage() {
// get src
var src = element.src;
// check for real change
if (src == realSrc && /\.png$/i.test(src)) {
element.src = blankSrc;
return;
}
if ( ! new RegExp(blankSrc).test(src)) {
// backup old src
realSrc = src;
}
// test for png
if (/\.png$/i.test(realSrc)) {
// set blank image
element.src = blankSrc;
// set filter
element.runtimeStyle.filter = "progid:DXImageTransform.Microsoft." +
"AlphaImageLoader(src='" + src + "',sizingMethod='scale')";
}
else {
// remove filter
element.runtimeStyle.filter = "";
}
}
function beforePrint() {
isPrinting = true;
element.src = realSrc;
element.runtimeStyle.filter = "";
realSrc = null;
}
function afterPrint() {
isPrinting = false;
fixImage();
}
</script>
</public:component>
/*<group=General Styles>*/
body {
background: transparent none;
margin: 0px 5% 0px 5%;
text-align: left;
color: #000000;
letter-spacing: 0.5px;
word-spacing: 1px;
padding: 0px;
font: 10pt Geneva, Arial, Helvetica;
}
p {
}
b, strong {
font-weight: bold;
}
a:link, a:visited {
}
a:hover, a:active {
}
/*</group>*/
/*<group=Layout>*/
#container { text-align: left;
width: 100%;
padding: 10px 0 0 0;
margin: 0px;
}
#pageHeader {
display: none;
}
#pageHeader img {
float: right;
}
#pageHeader h1 {
color: #000000;
margin: 0px;
font-weight: bold;
font-size: 16pt;
padding: 0px;
}
#pageHeader h2 {
color: #333333;
margin: 0px;
font-size: 13pt;
font-weight: normal;
padding: 0px;
}
#contentContainer {
float: none !important;
padding: 0px;
}
#contentContainer #content {
padding: 0px;
}
#contentContainer #content img {
}
#sidebarContainer {
float: right;
}
#sidebarContainer .sidebar {
width: 190px;
padding: 10px;
border-left: 1px solid #cccccc;
}
#footer {
text-align: center;
background: none;
color: #000000;
font-size: 10pt;
border-top: 1px solid #cccccc;
margin-top: 10px;
padding-top: 10px;
}
#footer a {
}
#footer a:hover {
}
/*</group>*/
/*<group=toolbar>*/
#navcontainer {
display: none;
}
/*</group>*/
/*<group=Bread-crumb>*/
#breadcrumbcontainer {
display: none;
}
/*</group>*/
/*<group=Global Classes>*/
.standout {
color: #474747;
font-size: 11pt;
font-weight: bold;
letter-spacing: 1px;
word-spacing: 2px;
padding: 40px;
background-color: #f5f5f5;
font-style: italic;
}
h1 {
font-size: 20pt;
font-weight: bold;
margin-bottom: 3px;
}
h2 {
font-size: 18pt;
font-weight: bold;
margin-bottom: 3px;
}
h3 {
font-size: 16pt;
font-weight: bold;
margin-bottom: 3px;
}
h4 {
font-size: 14pt;
font-weight: bold;
margin-bottom: 3px;
}
h5 {
font-size: 12px;
font-weight: bold;
margin-bottom: 3px;
}
.imageStyle {
}
/*</group>*/
/*<group=Blog>*/
.blog-entry {
border-style: none;
}
.blog-entry-title {
font-size: 16pt;
font-weight: bold;
margin-bottom: 3px;
border-style: none;
}
.blog-entry-date {
margin-bottom: 10px;
margin-top: 5px;
border-style: none;
font-size: 10pt;
color: #333333;
}
.blog-entry-body {
margin-bottom: 45px;
border-style: none;
}
/*</group>*/
/*<group=File Sharing>*/
.filesharing-description {
margin-bottom: 20px;
border-bottom: 1px solid #d9d9d9;
}
.filesharing-item {
}
.filesharing-item-title {
font-size: 16pt;
font-weight: bold;
}
.filesharing-item-description {
margin-bottom: 10px;
}
/*</group>*/
/*<group=Photo Album>*/
/*<group=Index Page (Thumbnail view)>*/
.album-title {
font-size: 16pt;
font-weight: bold;
margin-bottom: 3px;
}
.album-description {
}
.thumbnail-frame {
margin: 0px;
padding: 0px;
}
.thumbnail-frame a {
}
.thumbnail-frame a:hover {
height: 30px;
}
.thumbnail-frame img {
background: repeat url(images/sidebar_bg.png);
}
.thumbnail-caption {
color: #4c4c4c;
margin-top: -2px;
font-size: 10pt;
}
/*</group>*/
/*<group=Single Page (Photo view)>*/
.photo-background {
text-align: center;
}
.photo-navigation {
background: none;
display: none;
}
.photo-navigation a {
display: none;
}
.photo-navigation a:hover {
display: none;
}
.photo-frame{
}
.photo-links {
display: none;
}
.photo-title {
display: none;
}
.photo-caption {
font-size: 11pt;
margin: 0px;
text-align: center;
}
/*</group>*/
/*</group>*/
/*<group=Quicktime Page>*/
.movie-title {
font-size: 16pt;
font-weight: bold;
text-align: left;
}
.movie-description {
text-align: center;
}
.movie-frame {
text-align: center;
margin-bottom: 10px;
}
/*</group>*/
/*<group=General Styles>*/
body {
background: transparent none;
margin: 0px 5% 0px 5%;
text-align: left;
color: #000000;
letter-spacing: 0.5px;
word-spacing: 1px;
padding: 0px;
font: 10pt Georgia, Times New Roman, Times, serif;
}
p {
}
b, strong {
font-weight: bold;
}
a:link, a:visited {
}
a:hover, a:active {
}
/*</group>*/
/*<group=Layout>*/
#container { text-align: left;
width: 100%;
padding: 0px;
margin: 0px;
}
#pageHeader {
text-align: left;
background: none;
border-bottom: 1px solid #cccccc;
padding-bottom: 10px;
margin-bottom: 10px;
}
#pageHeader img {
float: right;
}
#pageHeader h1 {
color: #000000;
margin: 0px;
font-weight: bold;
font-size: 16pt;
padding: 0px;
}
#pageHeader h2 {
color: #333333;
margin: 0px;
font-size: 13pt;
font-weight: normal;
padding: 0px;
}
#contentContainer {
float: none !important;
padding: 0px;
margin-bottom: 10px;
border-bottom: 1px solid #cccccc;
padding-bottom: 10px;
}
#contentContainer #content {
padding: 0px;
}
#contentContainer #content img {
}
#sidebarContainer {
float: none;
width: auto;
}
#sidebarContainer .sidebar {
}
#footer {
text-align: center;
background: none;
color: #000000;
font-size: 10pt;
border-top: 1px solid #cccccc;
margin-top: 10px;
padding-top: 10px;
}
#footer a {
}
#footer a:hover {
}
/*</group>*/
/*<group=toolbar>*/
#navcontainer {
display: none;
}
/*</group>*/
/*<group=Bread-crumb>*/
#breadcrumbcontainer {
display: none;
}
/*</group>*/
/*<group=Global Classes>*/
.standout {
color: #474747;
font-size: 11pt;
font-weight: bold;
letter-spacing: 1px;
word-spacing: 2px;
padding: 40px;
background-color: #f5f5f5;
font-style: italic;
}
h1 {
font-size: 20pt;
font-weight: bold;
margin-bottom: 3px;
}
h2 {
font-size: 18pt;
font-weight: bold;
margin-bottom: 3px;
}
h3 {
font-size: 16pt;
font-weight: bold;
margin-bottom: 3px;
}
h4 {
font-size: 14pt;
font-weight: bold;
margin-bottom: 3px;
}
h5 {
font-size: 12px;
font-weight: bold;
margin-bottom: 3px;
}
.imageStyle {
}
/*</group>*/
/*<group=Blog>*/
.blog-entry {
border-style: none;
}
.blog-entry-title {
font-size: 16pt;
font-weight: bold;
margin-bottom: 3px;
border-style: none;
}
.blog-entry-date {
margin-bottom: 10px;
margin-top: 5px;
border-style: none;
font-size: 10pt;
color: #333333;
}
.blog-entry-body {
margin-bottom: 45px;
border-style: none;
}
/*</group>*/
/*<group=File Sharing>*/
.filesharing-description {
margin-bottom: 20px;
border-bottom: 1px solid #d9d9d9;
}
.filesharing-item {
}
.filesharing-item-title {
font-size: 16pt;
font-weight: bold;
}
.filesharing-item-description {
margin-bottom: 10px;
}
/*</group>*/
/*<group=Photo Album>*/
/*<group=Index Page (Thumbnail view)>*/
.album-title {
font-size: 16pt;
font-weight: bold;
margin-bottom: 3px;
}
.album-description {
}
.thumbnail-frame {
margin: 0px;
padding: 0px;
}
.thumbnail-frame a {
}
.thumbnail-frame a:hover {
height: 30px;
}
.thumbnail-frame img {
background: repeat url(images/sidebar_bg.png);
}
.thumbnail-caption {
color: #4c4c4c;
margin-top: -2px;
font-size: 10pt;
}
/*</group>*/
/*<group=Single Page (Photo view)>*/
.photo-background {
text-align: center;
}
.photo-navigation {
background: none;
display: none;
}
.photo-navigation a {
display: none;
}
.photo-navigation a:hover {
display: none;
}
.photo-frame{
}
.photo-links {
display: none;
}
.photo-title {
display: none;
}
.photo-caption {
font-size: 11pt;
margin: 0px;
text-align: center;
}
/*</group>*/
/*</group>*/
/*<group=Quicktime Page>*/
.movie-title {
font-size: 16pt;
font-weight: bold;
text-align: left;
}
.movie-description {
text-align: center;
}
.movie-frame {
text-align: center;
margin-bottom: 10px;
}
/*</group>*/
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <!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"> <html xmlns="http://www.w3.org/1999/xhtml">
<head> <head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta name="generator" content="RapidWeaver" /> <title>Editeur Sankoré</title>
<style type="text/css">
<title>Editeur</title> <!--
<link rel="stylesheet" type="text/css" media="screen" href="rw_common/themes/caribou/styles.css" /> .white { color: #FFF;
<!--[if IE 6]><link rel="stylesheet" type="text/css" media="screen" href="rw_common/themes/caribou/css/ie6.css" /><![endif]--> }
<link rel="stylesheet" type="text/css" media="screen" href="rw_common/themes/caribou/colourtag-theme-default.css" /> body {
<link rel="stylesheet" type="text/css" media="print" href="rw_common/themes/caribou/print.css" /> background-color: #E5E3DB;
<link rel="stylesheet" type="text/css" media="handheld" href="rw_common/themes/caribou/handheld.css" /> }
<!--[if IE]><style type="text/css" media="screen">body {behavior: url(rw_common/themes/caribou/csshover.htc);}</style><![endif]--> body,td,th {
<link rel="stylesheet" type="text/css" media="screen" href="rw_common/themes/caribou/css/banner/swirls.css" /> font-family: Verdana, Geneva, sans-serif;
<link rel="stylesheet" type="text/css" media="screen" href="rw_common/themes/caribou/css/logo_position/center.css" /> color: #666;
<link rel="stylesheet" type="text/css" media="screen" href="rw_common/themes/caribou/css/sidebar/sidebar_right.css" /> text-align: left;
<link rel="stylesheet" type="text/css" media="screen" href="rw_common/themes/caribou/css/icons/black.css" /> }
.conteneur {
background-color: #5C5C5C;
<script type="text/javascript" src="rw_common/themes/caribou/javascript.js"></script> text-align: center;
}
.c {
text-align: center;
}
<script type="text/javascript" charset="utf-8"> var blankSrc = "rw_common/themes/caribou/png/blank.gif";</script> .m {
<style type="text/css"> img { behavior: url("rw_common/themes/caribou/png/pngbehavior.htc"); }</style> font-size: medium;
</head> }
a:link {
<!-- This page was created with RapidWeaver from Realmac Software. http://www.realmacsoftware.com --> color: #666;
}
a:visited {
color: #666;
}
a:hover {
color: #000;
}
a:active {
color: #666;
}
-->
</style>
</head>
<body> <body>
<div id="bar"></div>
<div id="container"><!-- Start container -->
<div id="pageHeader"><!-- Start page header -->
<div id="navcontainer"><!-- Start Navigation -->
<ul><li><a href="index.html" rel="self" id="current">Editeur</a></li></ul>
</div><!-- End navigation -->
<div id="title">
<div id="logo"></div>
<h1>Editeur Sankor&eacute;</h1>
<h2>Instructions pour l'utilisation de l'&eacute;diteur Sankor&eacute;</h2>
<div id="overlay_swirls"><img src="rw_common/themes/caribou/images/header_swirls.png" alt="" style="width: 900px; height: 150px;" /></div>
<div id="overlay_stripes_glow"><img src="rw_common/themes/caribou/images/header_stripes_glow.png" alt="" style="width: 900px; height: 150px;" /></div>
<div id="overlay_stripes_solid"><img src="rw_common/themes/caribou/images/header_stripes_solid.png" alt="" style="width: 900px; height: 150px;" /></div>
<div id="overlay_curve_solid"><img src="rw_common/themes/caribou/images/header_curve_solid.png" alt="" style="width: 900px; height: 150px;" /></div>
</div>
<div id="background"><img src="rw_common/themes/caribou/images/header_bg.png" alt="" style="width: 914px; height: 197px;" /></div>
</div><!-- End page header -->
<div id="contentContainer"><!-- Start main content wrapper -->
<div id="content"><!-- Start content -->
<div class="contentSpacer"></div><!-- this makes sure the content is long enough for the design -->
<p style="text-align:center;"><br /><br /><br /></p><p style="text-align:left;"><span style="font:14px Trebuchet, Verdana, serif; font-weight:bold; font-weight:bold; ">L&rsquo;&eacute;diteur Sankor&eacute; vous permet de r&eacute;aliser des sc&eacute;narios d&rsquo;interactivit&eacute;s riches</span><span style="font:12px Trebuchet, Verdana, serif; "><br /><br /></span><span style="font:11px Trebuchet, Verdana, serif; ">ATTENTION : Vous devez &ecirc;tre connect&eacute; &agrave; l&rsquo;Internet pour l&rsquo;utiliser.</span><span style="font:12px Trebuchet, Verdana, serif; "><br /><br /></span><span style="font:13px Trebuchet, Verdana, serif; ">Quand vous entrez sur l&rsquo;&eacute;diteur, un nom d&rsquo;utilisateur et mot de passe vous sont demand&eacute;s.<br /><br />Pour le tester et l&rsquo;utiliser en mode de d&eacute;monstration, utilisez, comme indiqu&eacute; ci-dessous, l&rsquo;identifiant &ldquo;demo&rdquo; autant pour le nom d&rsquo;utilisateur que pour le mot de passe.<br /></span><span style="font:12px Trebuchet, Verdana, serif; "><br /></span></p><p style="text-align:center;"><img class="imageStyle" alt="login_paraschool" src="files/login_paraschool.png" width="371" height="252" /><span style="font:12px Trebuchet, Verdana, serif; "><br /></span></p><p style="text-align:left;"><span style="font:12px Trebuchet, Verdana, serif; "><br /></span><span style="font:13px Trebuchet, Verdana, serif; ">Si vous d&eacute;sirez l&rsquo;utiliser en tant qu&rsquo;outil personnel de cr&eacute;ation de contenus, vous pouvez envoyer un email &agrave; </span><span style="font:13px Trebuchet, Verdana, serif; "><a href="mailto:daniel.lebret@gmail.com" rel="self">cette adresse</a></span><span style="font:13px Trebuchet, Verdana, serif; "> en pr&eacute;cisant bien que vous d&eacute;sirez cr&eacute;er un compte sur l&rsquo;&eacute;diteur Sankor&eacute;.<br /><br /></span></p><p style="text-align:center;"><span style="font:13px Trebuchet, Verdana, serif; "><a href="http://host9.paraschool.net/editor/" rel="self">Cliquez ici pour vous connecter &agrave; l&rsquo;&eacute;diteur Sankor&eacute;<br /></a></span><a href="http://host9.paraschool.net/editor/" rel="self"><img class="imageStyle" alt="connect_screen" src="files/connect_screen.png" width="303" height="75" /></a></p>
<div class="clearer"></div>
</div><!-- End content -->
</div><!-- End main content wrapper -->
<div id="sidebarContainer"><!-- Start Sidebar wrapper -->
<div id="sidebar"><!-- Start sidebar content -->
<div class="sideHeader"></div><!-- Sidebar header -->
<!-- sidebar content you enter in the page inspector -->
<!-- sidebar content such as the blog archive links -->
</div><!-- End sidebar content -->
</div><!-- End sidebar wrapper -->
<div class="clearer"></div>
</div><!-- End container -->
<div class="clearer"></div> <table width="843" border="0" align="center">
<div id="footer"><!-- Start Footer --> <tr>
<p></p> <td class="conteneur"><p><img src="files/logo.png" width="196" height="22" alt="editeur" /></p>
<div id="breadcrumbcontainer"><!-- Start the breadcrumb wrapper --> <p><span class="white">Instructions pour l'utilisation de l'éditeur Sankoré</span></p></td>
</tr>
</div><!-- End breadcrumb --> <tr>
</div><!-- End Footer --> <td><div align="center"><img src="files/outils.png" width="128" height="128" alt="outils" /> <img src="files/mappe.png" width="128" height="128" alt="mappe" /> <img src="files/calepin.png" width="128" height="128" alt="calepin" /></div></td>
</tr>
<tr>
<td>L'éditeur Sankoré vous permet de réaliser des scénarios d'interactivités riches. Il facilite la création de contenu interactif avec des activités de base qui peuvent être utilisées dans diverses disciplines (associer des images, des sons, ordonner des mots, des phrases, créer des catégories...). Ce contenu peut ensuite être ajouté à votre cours sur le logiciel Open-Sankoré. L'éditeur repose sur votre compte utilisateur Planète Sankoré.</td>
</tr>
<tr>
<td><p>Éléments requis pour travailler avec l'éditeur :</p>
<ul>
<li>un accès Web</li>
<li>un compte Planète Sankoré</li>
</ul></td>
</tr>
<tr>
<td><div align="center">
<p>&nbsp;</p>
<p><a href="http://editeur.sankore.org" title="Editeur" target="_self" class="c">Accès à l'éditeur Sankoré</a></p>
</div></td>
</tr>
<tr>
<td><p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p></td>
</tr>
<tr>
<td>L'éditeur Sankoré est hébergé sur <a href="http://planete.sankore.org/" target="_self">planete.sankore.org</a></td>
</tr>
</table>
<p>&nbsp;</p>
</body> </body>
</html> </html>
/* @group Layout Colours */
#bar,
.photo-navigation,
.movie-title {
background-color: #51748C;
}
#pageHeader #title {
background-color: #FF7E00;
}
#pageHeader h1,
#pageHeader h2 {
text-shadow: 0px -1px 0px #994B00;
}
#footer {
background-color: #82B4D7;
}
#footer p {
text-shadow: 0px -1px 0px #4E6C81;
}
#breadcrumbcontainer li {
color: #5B7E96;
}
/* @end */
/* @group Content Colours */
body,
.blog-entry-body,
.blog-entry-date,
.blog-entry {
color: #7F7F7F;
}
#sidebarContainer .sideHeader,
#sidebarContainer #sidebar h1,
#sidebarContainer #sidebar h2,
#sidebarContainer #sidebar h3 {
color: #51748C;
}
#sidebarContainer {
color: #A6A6A6;
}
#sidebarContainer #sidebar a,
#breadcrumbcontainer,
a:link, a:visited {
color: #656565;
}
h1, h2, h3, h4, h5,
h1.blog-entry-title a,
.blog-archive-headings-wrapper,
.album-title,
.photo-title,
.movie-page-title {
color: #FF7E00;
}
/* @end */
/* @group Navbar */
#navcontainer a {
color: #7F7F7F;
}
#navcontainer a:hover,
#navcontainer #current,
#navcontainer .currentAncestor,
#sidebarContainer #sidebar a:hover,
.photo-navigation a:hover,
a:hover, a:active,
form,
h1 {
color: #FF7E00;
}
#navcontainer ul ul a:hover,
#navcontainer ul ul #current,
#navcontainer ul ul .currentAncestor {
background: #FF7E00;
color: #fff;
border-bottom-color: #FF7E00;
}
/* @end */
\ No newline at end of file
#pageHeader #overlay_curve_solid {
display: block;
}
\ No newline at end of file
#pageHeader #overlay_stripes_glow {
display: block;
}
\ No newline at end of file
#pageHeader #overlay_stripes_solid {
display: block;
}
\ No newline at end of file
#pageHeader #overlay_swirls {
display: block;
}
\ No newline at end of file
.filesharing-item {
background: url(../../images/download_icon.png) no-repeat 0 3px;
padding-left: 20px;
}
/* @group Blog */
.blog-archive-link {
background: url(../../images/blog_home.png) no-repeat 0 5px;
padding-left: 20px;
}
.blog-entry-date {
padding-left: 20px;
background: url(../../images/blog_clock.png) no-repeat 0 3px;
}
/*styles the category link in the main entry */
.blog-entry-category {
background: url(../../images/blog_file.png) no-repeat 0 0;
}
.blog-entry-body {
padding: 20px 0 40px 0;
background: url(../../images/blog_bottom_bar.png) no-repeat left bottom;
}
.blog-entry-comments {
padding-left: 20px;
background: url(../../images/blog_comments.png) no-repeat 0 3px;
}
.blog-trackback-link {
padding-left: 20px;
background: url(../../images/blog_trackback.png) no-repeat 0 0px;
}
p.blog-entry-tags {
background: url(../../images/blog_tag.png) no-repeat 0 3px;
}
/* styles the archives in the blog sidebar */
.blog-archive-link-enabled {
background: url(../../images/blog_icon.png) no-repeat 0;
}
.blog-archive-link-disabled {
background: url(../../images/blog_icon.png) no-repeat 0;
}
/* Styles the blog categories in the blog sidebar */
.blog-category-link-enabled {
background: url(../../images/blog_file.png) no-repeat 0;
}
.blog-category-link-disabled {
background: url(../../images/blog_file.png) no-repeat 0 3px;
}
.blog-rss-link {
background: url(../../images/blog_rss.png) no-repeat 0;}
.blog-comments-rss-link {
background: url(../../images/blog_rss.png) no-repeat 0;
}
/* @end */
\ No newline at end of file
.blog-entry-category {
background: url(../../images/file_black.png) no-repeat left 0;
}
p.blog-entry-tags {
background: url(../../images/tag_black.png) no-repeat left 2px;
}
.blog-category-link-disabled,
.blog-archive-link-disabled {
background: url(../../images/file_black.png) no-repeat left center;
}
.blog-category-link-enabled,
.blog-archive-link-enabled {
background: url(../../images/file_black.png) no-repeat left 1px;
}
.blog-rss-link {
background: url(../../images/feed.png) no-repeat 0;}
.blog-comments-rss-link {
background: url(../../images/feed.png) no-repeat 0;
}
\ No newline at end of file
.blog-entry-category {
background: url(../../images/file_blue.png) no-repeat left 0;
}
p.blog-entry-tags {
background: url(../../images/tag_blue.png) no-repeat left 2px;
}
.blog-category-link-disabled,
.blog-archive-link-disabled {
background: url(../../images/file_blue.png) no-repeat left center;
}
.blog-category-link-enabled,
.blog-archive-link-enabled {
background: url(../../images/file_blue.png) no-repeat left 1px;
}
.blog-rss-link {
background: url(../../images/feed.png) no-repeat 0;}
.blog-comments-rss-link {
background: url(../../images/feed.png) no-repeat 0;
}
\ No newline at end of file
.blog-entry-category {
background: url(../../images/file_brown.png) no-repeat left 0;
}
p.blog-entry-tags {
background: url(../../images/tag_brown.png) no-repeat left 2px;
}
.blog-category-link-disabled,
.blog-archive-link-disabled {
background: url(../../images/file_brown.png) no-repeat left center;
}
.blog-category-link-enabled,
.blog-archive-link-enabled {
background: url(../../images/file_brown.png) no-repeat left 1px;
}
.blog-rss-link {
background: url(../../images/feed.png) no-repeat 0;}
.blog-comments-rss-link {
background: url(../../images/feed.png) no-repeat 0;
}
\ No newline at end of file
.blog-entry-category {
background: url(../../images/file_green.png) no-repeat left 0;
}
p.blog-entry-tags {
background: url(../../images/tag_green.png) no-repeat left 2px;
}
.blog-category-link-disabled,
.blog-archive-link-disabled {
background: url(../../images/file_green.png) no-repeat left center;
}
.blog-category-link-enabled,
.blog-archive-link-enabled {
background: url(../../images/file_green.png) no-repeat left 1px;
}
.blog-rss-link {
background: url(../../images/feed.png) no-repeat 0;}
.blog-comments-rss-link {
background: url(../../images/feed.png) no-repeat 0;
}
\ No newline at end of file
.blog-entry-category {
background: url(../../images/file_pink.png) no-repeat left 0;
}
p.blog-entry-tags {
background: url(../../images/tag_pink.png) no-repeat left 2px;
}
.blog-category-link-disabled,
.blog-archive-link-disabled {
background: url(../../images/file_pink.png) no-repeat left center;
}
.blog-category-link-enabled,
.blog-archive-link-enabled {
background: url(../../images/file_pink.png) no-repeat left 2px;
}
.blog-rss-link {
background: url(../../images/feed.png) no-repeat 0;}
.blog-comments-rss-link {
background: url(../../images/feed.png) no-repeat 0;
}
\ No newline at end of file
.blog-entry-category {
background: url(../../images/file_red.png) no-repeat left 0;
}
p.blog-entry-tags {
background: url(../../images/tag_red.png) no-repeat left 2px;
}
.blog-category-link-disabled,
.blog-archive-link-disabled {
background: url(../../images/file_red.png) no-repeat left center;
}
.blog-category-link-enabled,
.blog-archive-link-enabled {
background: url(../../images/file_red.png) no-repeat left 1px;
}
.blog-rss-link {
background: url(../../images/feed.png) no-repeat 0;}
.blog-comments-rss-link {
background: url(../../images/feed.png) no-repeat 0;
}
.blog-rss-link {
background: url(../../images/feed.png) no-repeat 0;}
.blog-comments-rss-link {
background: url(../../images/feed.png) no-repeat 0;
}
\ No newline at end of file
#navcontainer a {
padding: 15px 15px 17px 15px;
height: 0px;
}
\ No newline at end of file
#pageHeader #logo img {
margin: 10px auto 0;
}
\ No newline at end of file
#pageHeader #logo img {
float: left;
margin: 10px 0 0 30px;
}
\ No newline at end of file
#pageHeader #logo img {
float: right;
margin: 10px 30px 0 0;
}
\ No newline at end of file
#contentContainer {
float: right;
padding-right: 7px;
background-position: top left;
}
#sidebarContainer {
float: left;
padding-left: 7px;
}
#sidebarContainer #sidebar {
padding-left: 30px;
padding-right: 10px;
}
\ No newline at end of file
#sidebarContainer {
display: none;
}
#contentContainer {
width: auto;
background-image: none;
}
\ No newline at end of file
#contentContainer {
float: left;
padding-left: 7px;
background-position: top right;
}
#sidebarContainer {
float: right;
padding-right: 7px;
}
#sidebarContainer #sidebar {
padding-right: 30px;
padding-left: 10px;
}
\ No newline at end of file
<attach event="ondocumentready" handler="parseStylesheets" />
<script>
/**
* Whatever:hover - V2.01.050927 - hover, active & focus
* ------------------------------------------------------------
* (c) 2005 - Peter Nederlof
* Peterned - http://www.xs4all.nl/~peterned/
* License - http://creativecommons.org/licenses/LGPL/2.1/
*
* Whatever:hover is free software; you can redistribute it and/or
* modify it under the terms of the GNU Lesser General Public
* License as published by the Free Software Foundation; either
* version 2.1 of the License, or (at your option) any later version.
*
* Whatever:hover is distributed in the hope that it will be useful,
* but WITHOUT ANY WARRANTY; without even the implied warranty of
* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU
* Lesser General Public License for more details.
*
* Credits and thanks to:
* Arnoud Berendsen, Martin Reurings, Robert Hanson
*
* howto: body { behavior:url("csshover.htc"); }
* ------------------------------------------------------------
*/
var csshoverReg = /(^|\s)((([^a]([^ ]+)?)|(a([^#.][^ ]+)+)):(hover|active))|((a|input|textarea):unknown)/i,
currentSheet, doc = window.document, hoverEvents = [], activators = {
onhover:{on:'onmouseover', off:'onmouseout'},
onactive:{on:'onmousedown', off:'onmouseup'},
onunknown:{on:'onfocus', off:'onblur'}
}
function parseStylesheets() {
if(!/MSIE (5|6)/.test(navigator.userAgent)) return;
window.attachEvent('onunload', unhookHoverEvents);
var sheets = doc.styleSheets, l = sheets.length;
for(var i=0; i<l; i++)
parseStylesheet(sheets[i]);
}
function parseStylesheet(sheet) {
if(sheet.imports) {
try {
var imports = sheet.imports, l = imports.length;
for(var i=0; i<l; i++) parseStylesheet(sheet.imports[i]);
} catch(securityException){}
}
try {
var rules = (currentSheet = sheet).rules, l = rules.length;
for(var j=0; j<l; j++) parseCSSRule(rules[j]);
} catch(securityException){}
}
function parseCSSRule(rule) {
var select = rule.selectorText, style = rule.style.cssText;
if(!csshoverReg.test(select) || !style) return;
var pseudo = select.replace(/[^:]+:([a-z-]+).*/i, 'on$1');
var newSelect = select.replace(/(\.([a-z0-9_-]+):[a-z]+)|(:[a-z]+)/gi, '.$2' + pseudo);
var className = (/\.([a-z0-9_-]*on(hover|active|unknown))/i).exec(newSelect)[1];
var affected = select.replace(/:(hover|active|unknown).*$/, '');
var elements = getElementsBySelect(affected);
if(elements.length == 0) return;
currentSheet.addRule(newSelect, style);
for(var i=0; i<elements.length; i++)
new HoverElement(elements[i], className, activators[pseudo]);
}
function HoverElement(node, className, events) {
if(!node.hovers) node.hovers = {};
if(node.hovers[className]) return;
node.hovers[className] = true;
hookHoverEvent(node, events.on, function() { node.className += ' ' + className; });
hookHoverEvent(node, events.off, function() { node.className = node.className.replace(new RegExp('\\s+'+className, 'g'),''); });
}
function hookHoverEvent(node, type, handler) {
node.attachEvent(type, handler);
hoverEvents[hoverEvents.length] = {
node:node, type:type, handler:handler
};
}
function unhookHoverEvents() {
for(var e,i=0; i<hoverEvents.length; i++) {
e = hoverEvents[i];
e.node.detachEvent(e.type, e.handler);
}
}
function getElementsBySelect(rule) {
var parts, nodes = [doc];
parts = rule.split(' ');
for(var i=0; i<parts.length; i++) {
nodes = getSelectedNodes(parts[i], nodes);
} return nodes;
}
function getSelectedNodes(select, elements) {
var result, node, nodes = [];
var identify = (/\#([a-z0-9_-]+)/i).exec(select);
if(identify) return [doc.getElementById(identify[1])];
var classname = (/\.([a-z0-9_-]+)/i).exec(select);
var tagName = select.replace(/(\.|\#|\:)[a-z0-9_-]+/i, '');
var classReg = classname? new RegExp('\\b' + classname[1] + '\\b'):false;
for(var i=0; i<elements.length; i++) {
result = tagName? elements[i].all.tags(tagName):elements[i].all;
for(var j=0; j<result.length; j++) {
node = result[j];
if(classReg && !classReg.test(node.className)) continue;
nodes[nodes.length] = node;
}
} return nodes;
}
</script>
\ No newline at end of file
/*<group=General Styles>*/
body {
text-align: left;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 0.9em;
margin: 0px;
padding: 0;
white-space: pre;
}
p {
}
b, strong {
}
a:link {
color: #0000ff;
text-decoration: underline;
}
a:visited {
color: #681796;
}
a:hover, a:active {
text-decoration: none;
background: #0000ff;
color: #ffffff;
}
img {
max-width: 99%;
}
.image-left {
}
.image-right {
}
/*</group>*/
/*<group=Layout>*/
#container {
background: #ffffff;
background-image: none;
width: 100%;
}
#pageHeader {
height: auto;
text-align: left;
margin-bottom: 8px;
background: #000000;
padding: 3px;
border-bottom: solid #191919 2px;
}
#pageHeader img {
position: relative;
top: auto;
right: auto;
}
#pageHeader h1 {
color: #ffffff;
font-size: 1.3em;
margin: 0 0 5px;
padding-top: 0px;
font-weight: bold;
}
#pageHeader h2 {
font-size: 1.1em;
margin: 0;
color: #ffffff;
font-weight: normal;
}
#contentContainer {
margin: 0px;
display: block;
width: auto;
}
#contentContainer #content {
margin: 0;
padding: 0;
}
#sidebarContainer {
float: none;
width: auto;
display: block;
margin-bottom: 10px;
padding-bottom: 10px;
border-bottom: 1px solid #808080;
}
#sidebarContainer #sidebar {
margin: 0;
padding: 0px;
}
#sidebarContainer .sideHeader {
color: #000000;
font-weight: bold;
margin-bottom: 5px;
}
#footer {
width: auto;
text-align: left;
padding: 0px;
margin: 0;
}
#footer p {
}
#footer a:link, #footer a:visited {
}
#footer a:hover, #footer a:active {
}
/*</group>*/
/*<group=Bread-crumb>*/
#breadcrumbcontainer {
margin-bottom: 5px;
}
#breadcrumbcontainer ul {
list-style: none;
margin: 0;
padding: 0;
}
#breadcrumbcontainer li {
display: inline;
padding: 0;
margin: 0;
}
#breadcrumbcontainer a {
padding: 0;
}
#breadcrumbcontainer a:hover {
}
/*</group>*/
/*<group=Toolbar>*/
/* Toolbar Styles */
#navcontainer {
color: #000000;
margin: 0 0 10px 0;
padding: 0;
}
#navcontainer #current {
}
#navcontainer #current:hover {
}
#navcontainer .currentAncestor {
}
/* Parent - Level 0 */
#navcontainer ul{
margin: 0;
padding: 0;
list-style-type: none;
}
#navcontainer li {
margin: 0;
padding: 0;
}
#navcontainer a {
padding: 0;
}
#navcontainer a:hover {
}
#navcontainer a:active {
}
/* Child - Level 1 */
#navcontainer ul ul {
list-style-type: none;
margin-left: 2px;
padding: 0;
color: black;
}
#navcontainer ul ul li {
padding-left: 5px;
}
#navcontainer ul ul a {
padding: 0;
}
#navcontainer ul ul a:hover{
}
#navcontainer ul ul #current{
}
/* Child - Level 2 */
#navcontainer ul ul ul {
}
#navcontainer ul ul ul li {
padding-left: 10px;
}
#navcontainer ul ul ul a{
}
#navcontainer ul ul ul a:hover{
}
/* Child Level 3 */
#navcontainer ul ul ul {
}
#navcontainer ul ul ul ul li {
padding-left: 15px;
}
#navcontainer ul ul ul ul a{
}
#navcontainer ul ul ul ul a:hover{
}
/* Child Level 4 */
#navcontainer ul ul ul ul {
}
#navcontainer ul ul ul ul ul li {
padding-left: 20px;
}
#navcontainer ul ul ul ul ul a{
}
#navcontainer ul ul ul ul ul a:hover{
}
/* Child Level 5 */
#navcontainer ul ul ul ul ul {
}
#navcontainer ul ul ul ul ul ul li {
}
#navcontainer ul ul ul ul ul ul a{
}
#navcontainer ul ul ul ul ul ul a:hover{
}
/*</group>*/
/*<group=Global Classes>*/
blockquote, .standout {
margin: 0;
padding: 5px;
font-weight: bold;
}
h1 {
}
h2 {
}
h3 {
}
h4 {
}
.imageStyle {
}
/*</group>*/
/*<group=Blog>*/
/*<group=Archive Page>*/
.blog-archive-background {
} .blog-archive-headings-wrapper {
}
.blog-archive-entries-wrapper {
}
.blog-archive-entries-wrapper .blog-entry {
} .blog-archive-month {
}
.blog-archive-link {
} .blog-archive-link a:link, .blog-archive-link a:visited {
}
/*</group>*/
.blog-entry {
}
.blog-entry-title {
font-weight: bold;
margin-bottom: 3px;
}
.blog-entry-date {
margin-bottom: 8px;
font-size: 0.9em;
color: #808080;
}
.blog-entry-body {
margin-bottom: 5px;
padding-bottom: 5px;
border-bottom: 1px solid #cccccc;
}
.blog-entry-comments {
display: none;
}
.blog-entry-category {
}
.blog-category-link-enabled {
}
.blog-category-link-disabled {
}
/*</group>*/
/*<group=File Sharing>*/
.filesharing-description {
}
.filesharing-item {
margin-bottom: 5px;
padding-bottom: 5px;
border-bottom: 1px solid #cccccc;
}
.filesharing-item-title a:link {
}
.filesharing-item-title a:hover {
}
.filesharing-item-title a:visited {
}
.filesharing-item-description {
}
/*</group>*/
/*<group=Photo Album>*/
/*<group=Index Page (Thumbnail view)>*/
.album-title {
font-weight: bold;
margin-bottom: 3px;
}
.album-description {
margin-bottom: 8px;
font-size: 0.9em;
color: #808080;
}
table.thumbnail-table {
width: 99%;
}
table.thumbnail-table, table.thumbnail-table tr, table.thumbnail-table td {
display: block;
}
.thumbnail-frame {
}
.thumbnail-frame:hover {
}
.thumbnail-frame a {
}
.thumbnail-frame a:hover {
}
.thumbnail-frame img {
}
.thumbnail-caption {
}
/*</group>*/
/*<group=Single Page (Photo view)>*/
.photo-background {
}
.photo-navigation {
}
.photo-links {
}
.photo-navigation a:link, .photo-navigation a:visited {
}
.photo-navigation a:hover {
}
.photo-frame{
}
.photo-title {
}
.photo-caption {
}
/*</group>*/
/*</group>*/
/*<group=Quicktime Page>*/
.movie-description {
}
/*</group>*/
/*<group=Quicktime Album>*/
/*<group=Index Page (Movie Thumbnail view)>*/
.movie-page-title {
font-weight: bold;
margin-bottom: 3px;
} .movie-page-description {
margin-bottom: 8px;
font-size: 0.9em;
color: #808080;
} .movie-thumbnail-frame {
}
.movie-thumbnail-frame:hover {
}
.movie-thumbnail-caption {
}
/*</group>*/
/*<group=Single Page (Movie View)>*/
.movie-background {
}
.movie-title {
}
.movie-frame {
}
/*</group>*/
/*</group>*/
/*<group=Contact Form>*/
.message-text {
}
.required-text {
}
.form-input-field {
max-width: 100%;
}
.form-input-button {
}
/*</group>*/
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment