Commit 1e8d9e77 authored by Claudio Valerio's avatar Claudio Valerio

tutorial and sankore editor are stored locally

parent 8f030c47
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="generator" content="RapidWeaver" />
<title>Editor</title>
<link rel="stylesheet" type="text/css" media="screen" href="rw_common/themes/caribou/styles.css" />
<!--[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" />
<link rel="stylesheet" type="text/css" media="print" href="rw_common/themes/caribou/print.css" />
<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]-->
<link rel="stylesheet" type="text/css" media="screen" href="rw_common/themes/caribou/css/banner/swirls.css" />
<link rel="stylesheet" type="text/css" media="screen" href="rw_common/themes/caribou/css/logo_position/center.css" />
<link rel="stylesheet" type="text/css" media="screen" href="rw_common/themes/caribou/css/sidebar/sidebar_right.css" />
<link rel="stylesheet" type="text/css" media="screen" href="rw_common/themes/caribou/css/icons/black.css" />
<script type="text/javascript" src="rw_common/themes/caribou/javascript.js"></script>
<script type="text/javascript" charset="utf-8"> var blankSrc = "rw_common/themes/caribou/png/blank.gif";</script>
<style type="text/css"> img { behavior: url("rw_common/themes/caribou/png/pngbehavior.htc"); }</style>
</head>
<!-- This page was created with RapidWeaver from Realmac Software. http://www.realmacsoftware.com -->
<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>
<div id="footer"><!-- Start Footer -->
<p></p>
<div id="breadcrumbcontainer"><!-- Start the breadcrumb wrapper -->
</div><!-- End breadcrumb -->
</div><!-- End Footer -->
</body>
</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">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="generator" content="RapidWeaver" />
<title>Editeur</title>
<link rel="stylesheet" type="text/css" media="screen" href="rw_common/themes/caribou/styles.css" />
<!--[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" />
<link rel="stylesheet" type="text/css" media="print" href="rw_common/themes/caribou/print.css" />
<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]-->
<link rel="stylesheet" type="text/css" media="screen" href="rw_common/themes/caribou/css/banner/swirls.css" />
<link rel="stylesheet" type="text/css" media="screen" href="rw_common/themes/caribou/css/logo_position/center.css" />
<link rel="stylesheet" type="text/css" media="screen" href="rw_common/themes/caribou/css/sidebar/sidebar_right.css" />
<link rel="stylesheet" type="text/css" media="screen" href="rw_common/themes/caribou/css/icons/black.css" />
<script type="text/javascript" src="rw_common/themes/caribou/javascript.js"></script>
<script type="text/javascript" charset="utf-8"> var blankSrc = "rw_common/themes/caribou/png/blank.gif";</script>
<style type="text/css"> img { behavior: url("rw_common/themes/caribou/png/pngbehavior.htc"); }</style>
</head>
<!-- This page was created with RapidWeaver from Realmac Software. http://www.realmacsoftware.com -->
<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>
<div id="footer"><!-- Start Footer -->
<p></p>
<div id="breadcrumbcontainer"><!-- Start the breadcrumb wrapper -->
</div><!-- End breadcrumb -->
</div><!-- End Footer -->
</body>
</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>*/
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
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