Commit 7b24409f authored by Claudio Valerio's avatar Claudio Valerio

new tutorials

parent 57d659ff
.main {margin:0 auto; width:800px; padding-top:10px; }
.g320,.g480,.g640,.g960,.g80,.g240,.g400,.g560,.g720,.g880,.g960 {float:left; display: inline; padding-top: 10px;}
.g800 {float:left; display: inline; width:800px;}
.g200 {float:left; display: inline; width:190px; padding-top: 10px; padding-left: 10px;}
.g200left {float:left; display: inline; width:190px; padding-top: 10px; padding-left: 5px}
.g160 {width:150px; }
.g320 {width:310px;}
.g480 {width:470px;}
.g600 {width:600px;}
.g640 {width:630px;}
.g800 {width:790px;}
.g960 {width:950px;}
.g80 {width:70px;}
.g240 {width:230px;}
.g400 {width:390px;}
.g560 {width:550px;}
.g720 {width:710px;}
.g880 {width:870px;}
.ml80{margin-left:90px;}
.ml160{margin-left:170px;}
.ml240{margin-left:250px;}
.ml320{margin-left:330px;}
.ml400{margin-left:410px;}
.ml480{margin-left:490px;}
.ml560{margin-left:560px;}
.ml640{margin-left:650px;}
.ml720{margin-left:730px;}
.ml800{margin-left:810px;}
.ml880{margin-left:890px;}
.ml960{margin-left:970px;}
.inside{margin-left:0;}
p.grid{ padding-left:10px;}
.clear {clear:both;}
.clearfix, .main{ display:block;}
.clearfix:after, .main:after {
visibility: hidden;
display: block;
font-size: 0;
content: " ";
clear: both;
height: 0;
}
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
font-weight: inherit;
font-style: inherit;
font-size: 100%;
font-family: inherit;
vertical-align: baseline;
}
/* Tables still need 'cellspacing="0"' in the markup. */
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
table, td, th { vertical-align: middle; }
/* Remove possible quote marks (") from <q>, <blockquote>. */
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }
/* Remove annoying border on linked images. */
a img { border: none; }
body { font:75%/1.5em "lucida grande","lucida sans unicode", sans-serif;}
p { padding:0 0 1em 0;color:#111;}
p.first:first-letter{ float:left;font-family: Palatino,'Palatino Linotype',Georgia, sans-serif;font-size:3em;font-weight:700;line-height:1em;margin-bottom:-0.2em;padding:0.2em 0.1em 0 0; }
p img { float: left; margin: 0.3em 0.833em 0.833em 0; padding: 0; }
p img.right { float: right; margin: 0.3em 0 0.833em 0.833em; }
h1,h2{ line-height: normal; font-family: Helvetica, Verdana, Arial, sans-serif; font-weight:normal; color: #333; }
h3,h4,h5,h6 { font-family: Helvetica, Verdana, Arial, sans-serif; text-align: left; line-height: normal; font-weight: normal; color: #333; }
h1 { font-size: 2.2em; margin-bottom: 0.682em; }
h2 { font-size: 1.9em; margin-bottom: 0.79em; }
h3 { font-size: 1.7em; margin-bottom: 0.882em; }
h4 { font-size: 1.4em; margin-bottom: 1.071em; }
h5,h6 { font-size: 1.2em; margin-bottom: 1.154em; }
/* Color palete */
.water { color:#5582d1; }
.earth { color:#4e3e2c; }
.air { color:#f1fff7; }
.fire { color:#ff8a19; }
.wine { color:#4a040a; }
.beer { color:#F0C030; }
.caffe { color:#473523; }
.caffe-cream { color:#b68d3d; }
.espresso { color:#2c1901; }
.caramel{ color:#ab671f; }
.chocolate { color:#290200; }
.black-pepper { color:#444334; }
.pepper-lite { color:#8d8a72; }
.lipstick { color:#c20c0c; }
li ul,
li ol { margin:0 1.5em; }
ul, ol { margin: 0 1.5em 1.5em 1.5em; }
dl { margin: 0 0 1.5em 0; }
dl dt { font-weight: bold; }
dl dd { margin-left: 1.5em; }
a { color:#035292; text-decoration:none; }
a:hover { text-decoration: underline; }
table { margin-bottom:1.5em; border-collapse: collapse; }
th { font-weight:bold; }
tr,th,td { margin:0; padding:0 1.5em 0 1em; height:18px; }
tfoot { font-style: italic; }
caption { text-align:center; font-family:Georgia, serif; }
abbr, acronym { border-bottom:1px dotted #000; }
address { margin-top:1.5em; font-style: italic; }
del {color:#000;}
blockquote { padding:1em 1em 1em 1.5em; font-family:baskerville,"palatino linotype",serif; }
blockquote > *:first-child:before { content:"\201C";font-size:2.5em;margin-left:-.62em;font-family:georgia,serif;padding-right:.2em;color:#aaa;line-height:0; }/* From Tripoli */
strong { ont-weight: bold; }
em, dfn { font-style: italic; }
dfn { font-weight: bold; }
pre, code { margin: 1.5em 0; white-space: pre; }
pre, code, tt { font: 1em monospace; line-height: 1.5; }
tt { display: block; margin: 1.5em 0; }
hr { margin-bottom:1.5em; }
/*other small things */
.tc { text-align:center; }
.tr { text-align:right; }
.tl { text-align:left; }
.b { font-weight:bold; }
.i { font-style:italic; }
.indent { text-indent:1.5em;}
.open { font-variant: small-caps; }
p.break { text-align:center;text-indent:0;line-height:0; }
p.zero{padding:0; margin:0}
p.one { padding:0 1em 1em 1em;color:#111;}
p img.right10 { float: right; margin:0.833em; }
.oldbook { font-family:"Book Antiqua","Warnock Pro","Goudy Old Style","Palatino",Georgia,serif; }
.note { font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; font-size:0.9em; margin:0.1em; color:#333; }
.mono { font-family:"Courier New", Courier, monospace; }
<!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>Tutoriel</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">Tutoriel</a></li></ul>
</div><!-- End navigation -->
<div id="title">
<div id="logo"></div>
<h1>Tutorial</h1>
<h2>Welcome to the Sankore 3.1 tutorial</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;"><span style="font-size:14px; font-weight:bold; ">The development of the tutorial is underway and content will progressively be added in following updates</span><br /><br />Meanwhile, you can go to our website <a href="http://www.open-sankore.org" rel="self">www.open-sankore.org</a> where you can ask your questions and discover more informations on how to use the software. <br /><br />You can also <a href="http://dev.open-sankore.org/xwiki/bin/view/Community/EndUserSupport" rel="self">download</a> the user manual.</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>
<!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">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<link rel="stylesheet" href="CSS/grid.css" type="text/css" media="screen, projection">
<link rel="stylesheet" href="CSS/reset.css" type="text/css" media="screen, projection">
<link rel="stylesheet" href="CSS/typography.css" type="text/css" media="screen, projection">
<style>
body {
background-color:#fff;
}
.main {
background-color:#fff;
}
.clear {
height:10px;
}
</style>
</head>
<body>
<div class="main">
<div class="g800">
<img src="images/logo_open_sankore.png" style="width: 800px"/>
</div>
<div class="g800">
<h4>Welcome to the tutorial space of Open-Sankoré. We propose you a set of online ressources to help you discover our software and improve your teaching and technical knowledge. If you have questions to ask us or want to contribute to the project, simply visit our main website <a href="http://open-sankore.org/" target="_blank">open-sankore.org</a></h4>
</div>
<div class="g200left">
<a href="http://www.youtube.com/user/OpenSankore" target="_blank"><img src="images/video.png" style="width: 188px; border: 1px solid #999"/></a>
<br/><br/><a href="http://www.youtube.com/user/OpenSankore" target="_blank"><h5 style="text-align: center;">Video tutorials</h5></a>
</div>
<div class="g200">
<a href="http://planete.sankore.org/xwiki/bin/view/Pedagogique/Le+manuel+qui+manquait" target="_blank"><img src="images/manuel.png" style="width: 188px; border: 1px solid #999"/></a>
<br/><br/><a href="http://planete.sankore.org/xwiki/bin/view/Pedagogique/Le+manuel+qui+manquait" target="_blank"><h5 style="text-align: center;">The user manual</h5></a>
</div>
<div class="g200">
<a href="http://planete.sankore.org/xwiki/bin/view/Pedagogique/Tutoriels" target="_blank"><img src="images/pedago.png" style="width: 188px; border: 1px solid #999"/></a>
<br/><br/><a href="http://planete.sankore.org/xwiki/bin/view/Pedagogique/Tutoriels" target="_blank"><h5 style="text-align: center;">The teaching space</h5></a>
</div>
<div class="g200">
<a href="http://planete.sankore.org/xwiki/bin/view/Technologique/WebHome" target="_blank"><img src="images/tech.png" style="width: 188px; border: 1px solid #999"/></a>
<br/><br/><a href="http://planete.sankore.org/xwiki/bin/view/Technologique/WebHome" target="_blank"><h5 style="text-align: center;">The technical space</h5></a>
</div>
<div class="clear">&nbsp;</div>
</div>
</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>*/
.main {margin:0 auto; width:800px; padding-top:10px; }
.g320,.g480,.g640,.g960,.g80,.g240,.g400,.g560,.g720,.g880,.g960 {float:left; display: inline; padding-top: 10px;}
.g800 {float:left; display: inline; width:800px;}
.g200 {float:left; display: inline; width:190px; padding-top: 10px; padding-left: 10px;}
.g200left {float:left; display: inline; width:190px; padding-top: 10px; padding-left: 5px}
.g160 {width:150px; }
.g320 {width:310px;}
.g480 {width:470px;}
.g600 {width:600px;}
.g640 {width:630px;}
.g800 {width:790px;}
.g960 {width:950px;}
.g80 {width:70px;}
.g240 {width:230px;}
.g400 {width:390px;}
.g560 {width:550px;}
.g720 {width:710px;}
.g880 {width:870px;}
.ml80{margin-left:90px;}
.ml160{margin-left:170px;}
.ml240{margin-left:250px;}
.ml320{margin-left:330px;}
.ml400{margin-left:410px;}
.ml480{margin-left:490px;}
.ml560{margin-left:560px;}
.ml640{margin-left:650px;}
.ml720{margin-left:730px;}
.ml800{margin-left:810px;}
.ml880{margin-left:890px;}
.ml960{margin-left:970px;}
.inside{margin-left:0;}
p.grid{ padding-left:10px;}
.clear {clear:both;}
.clearfix, .main{ display:block;}
.clearfix:after, .main:after {
visibility: hidden;
display: block;
font-size: 0;
content: " ";
clear: both;
height: 0;
}
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
font-weight: inherit;
font-style: inherit;
font-size: 100%;
font-family: inherit;
vertical-align: baseline;
}
/* Tables still need 'cellspacing="0"' in the markup. */
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
table, td, th { vertical-align: middle; }
/* Remove possible quote marks (") from <q>, <blockquote>. */
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }
/* Remove annoying border on linked images. */
a img { border: none; }
body { font:75%/1.5em "lucida grande","lucida sans unicode", sans-serif;}
p { padding:0 0 1em 0;color:#111;}
p.first:first-letter{ float:left;font-family: Palatino,'Palatino Linotype',Georgia, sans-serif;font-size:3em;font-weight:700;line-height:1em;margin-bottom:-0.2em;padding:0.2em 0.1em 0 0; }
p img { float: left; margin: 0.3em 0.833em 0.833em 0; padding: 0; }
p img.right { float: right; margin: 0.3em 0 0.833em 0.833em; }
h1,h2{ line-height: normal; font-family: Helvetica, Verdana, Arial, sans-serif; font-weight:normal; color: #333; }
h3,h4,h5,h6 { font-family: Helvetica, Verdana, Arial, sans-serif; text-align: left; line-height: normal; font-weight: normal; color: #333; }
h1 { font-size: 2.2em; margin-bottom: 0.682em; }
h2 { font-size: 1.9em; margin-bottom: 0.79em; }
h3 { font-size: 1.7em; margin-bottom: 0.882em; }
h4 { font-size: 1.4em; margin-bottom: 1.071em; }
h5,h6 { font-size: 1.2em; margin-bottom: 1.154em; }
/* Color palete */
.water { color:#5582d1; }
.earth { color:#4e3e2c; }
.air { color:#f1fff7; }
.fire { color:#ff8a19; }
.wine { color:#4a040a; }
.beer { color:#F0C030; }
.caffe { color:#473523; }
.caffe-cream { color:#b68d3d; }
.espresso { color:#2c1901; }
.caramel{ color:#ab671f; }
.chocolate { color:#290200; }
.black-pepper { color:#444334; }
.pepper-lite { color:#8d8a72; }
.lipstick { color:#c20c0c; }
li ul,
li ol { margin:0 1.5em; }
ul, ol { margin: 0 1.5em 1.5em 1.5em; }
dl { margin: 0 0 1.5em 0; }
dl dt { font-weight: bold; }
dl dd { margin-left: 1.5em; }
a { color:#035292; text-decoration:none; }
a:hover { text-decoration: underline; }
table { margin-bottom:1.5em; border-collapse: collapse; }
th { font-weight:bold; }
tr,th,td { margin:0; padding:0 1.5em 0 1em; height:18px; }
tfoot { font-style: italic; }
caption { text-align:center; font-family:Georgia, serif; }
abbr, acronym { border-bottom:1px dotted #000; }
address { margin-top:1.5em; font-style: italic; }
del {color:#000;}
blockquote { padding:1em 1em 1em 1.5em; font-family:baskerville,"palatino linotype",serif; }
blockquote > *:first-child:before { content:"\201C";font-size:2.5em;margin-left:-.62em;font-family:georgia,serif;padding-right:.2em;color:#aaa;line-height:0; }/* From Tripoli */
strong { ont-weight: bold; }
em, dfn { font-style: italic; }
dfn { font-weight: bold; }
pre, code { margin: 1.5em 0; white-space: pre; }
pre, code, tt { font: 1em monospace; line-height: 1.5; }
tt { display: block; margin: 1.5em 0; }
hr { margin-bottom:1.5em; }
/*other small things */
.tc { text-align:center; }
.tr { text-align:right; }
.tl { text-align:left; }
.b { font-weight:bold; }
.i { font-style:italic; }
.indent { text-indent:1.5em;}
.open { font-variant: small-caps; }
p.break { text-align:center;text-indent:0;line-height:0; }
p.zero{padding:0; margin:0}
p.one { padding:0 1em 1em 1em;color:#111;}
p img.right10 { float: right; margin:0.833em; }
.oldbook { font-family:"Book Antiqua","Warnock Pro","Goudy Old Style","Palatino",Georgia,serif; }
.note { font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; font-size:0.9em; margin:0.1em; color:#333; }
.mono { font-family:"Courier New", Courier, monospace; }
<!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>Tutoriel</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">Tutoriel</a></li></ul>
</div><!-- End navigation -->
<div id="title">
<div id="logo"></div>
<h1>Tutoriel</h1>
<h2>Welcome to the Sankore 3.1 tutorial</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;"><span style="font-size:14px; font-weight:bold; ">Le d&eacute;veloppement de la partie tutoriel est actuellement en cours et sera publi&eacute; progressivement dans les prochaines mises &agrave; jour.</span><br /><br />En attendant, vous pouvez vous rendre sur le site <a href="http://www.open-sankore.org" rel="self">www.open-sankore.org</a> qui vous permettra de poser vos questions et en savoir plus sur le logiciel.<br /><br />Vous pouvez &eacute;galement y <a href="http://dev.open-sankore.org/xwiki/bin/view/Community/EndUserSupport" rel="self">t&eacute;l&eacute;charger</a> le manuel d&rsquo;utilisation.</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>
<!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">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<link rel="stylesheet" href="CSS/grid.css" type="text/css" media="screen, projection">
<link rel="stylesheet" href="CSS/reset.css" type="text/css" media="screen, projection">
<link rel="stylesheet" href="CSS/typography.css" type="text/css" media="screen, projection">
<style>
body {
background-color:#fff;
}
.main {
background-color:#fff;
}
.clear {
height:10px;
}
</style>
</head>
<body>
<div class="main">
<div class="g800">
<img src="images/logo_open_sankore.png" style="width: 800px"/>
</div>
<div class="g800">
<h4>Bienvenue l'espace tutoriel du logiciel Open-Sankoré. Nous vous proposons une série de ressources en ligne pour vous aider à découvrir le logiciel et améliorer vos connaissances pédagogiques et techniques. Si vous avez des questions à nous poser ou désirez contribuer à notre projet, rendez-vous sur notre site principal <a href="http://open-sankore.org/" target="_blank">open-sankore.org</a></h4>
</div>
<div class="g200left">
<a href="http://www.youtube.com/user/OpenSankore" target="_blank"><img src="images/video.png" style="width: 188px; border: 1px solid #999"/></a>
<br/><br/><a href="http://www.youtube.com/user/OpenSankore" target="_blank"><h5 style="text-align: center;">Tutoriels video</h5></a>
</div>
<div class="g200">
<a href="http://planete.sankore.org/xwiki/bin/view/Pedagogique/Le+manuel+qui+manquait" target="_blank"><img src="images/manuel.png" style="width: 188px; border: 1px solid #999"/></a>
<br/><br/><a href="http://planete.sankore.org/xwiki/bin/view/Pedagogique/Le+manuel+qui+manquait" target="_blank"><h5 style="text-align: center;">Le manuel d'utilisation</h5></a>
</div>
<div class="g200">
<a href="http://planete.sankore.org/xwiki/bin/view/Pedagogique/Tutoriels" target="_blank"><img src="images/pedago.png" style="width: 188px; border: 1px solid #999"/></a>
<br/><br/><a href="http://planete.sankore.org/xwiki/bin/view/Pedagogique/Tutoriels" target="_blank"><h5 style="text-align: center;">L'espace pédagogique</h5></a>
</div>
<div class="g200">
<a href="http://planete.sankore.org/xwiki/bin/view/Technologique/WebHome" target="_blank"><img src="images/tech.png" style="width: 188px; border: 1px solid #999"/></a>
<br/><br/><a href="http://planete.sankore.org/xwiki/bin/view/Technologique/WebHome" target="_blank"><h5 style="text-align: center;">L'espace technique</h5></a>
</div>
<div class="clear">&nbsp;</div>
</div>
</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
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