Conflicts: resources/i18n/sankore_it.tspreferencesAboutTextFull
After Width: | Height: | Size: 16 KiB |
After Width: | Height: | Size: 49 KiB |
@ -0,0 +1,79 @@ |
||||
<!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é Editor</h1> |
||||
<h2>Instructions on how to use the Sankoré 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é Editor allows you to create rich interactivity scenarios to be used within the Sankoré 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 “demo”.<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é 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é 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> |
@ -0,0 +1,99 @@ |
||||
/* @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 */ |
@ -0,0 +1,3 @@ |
||||
#pageHeader #overlay_curve_solid { |
||||
display: block; |
||||
} |
@ -0,0 +1,3 @@ |
||||
#pageHeader #overlay_stripes_glow { |
||||
display: block; |
||||
} |
@ -0,0 +1,3 @@ |
||||
#pageHeader #overlay_stripes_solid { |
||||
display: block; |
||||
} |
@ -0,0 +1,3 @@ |
||||
#pageHeader #overlay_swirls { |
||||
display: block; |
||||
} |
@ -0,0 +1,70 @@ |
||||
.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 */ |
@ -0,0 +1,25 @@ |
||||
.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; |
||||
} |
@ -0,0 +1,25 @@ |
||||
.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; |
||||
} |
@ -0,0 +1,25 @@ |
||||
.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; |
||||
} |
@ -0,0 +1,25 @@ |
||||
.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; |
||||
} |
@ -0,0 +1,26 @@ |
||||
.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; |
||||
} |
@ -0,0 +1,32 @@ |
||||
.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; |
||||
} |
@ -0,0 +1,4 @@ |
||||
#navcontainer a { |
||||
padding: 15px 15px 17px 15px; |
||||
height: 0px; |
||||
} |
@ -0,0 +1,3 @@ |
||||
#pageHeader #logo img { |
||||
margin: 10px auto 0; |
||||
} |
@ -0,0 +1,4 @@ |
||||
#pageHeader #logo img { |
||||
float: left; |
||||
margin: 10px 0 0 30px; |
||||
} |
@ -0,0 +1,4 @@ |
||||
#pageHeader #logo img { |
||||
float: right; |
||||
margin: 10px 30px 0 0; |
||||
} |
@ -0,0 +1,15 @@ |
||||
#contentContainer { |
||||
float: right; |
||||
padding-right: 7px; |
||||
background-position: top left; |
||||
} |
||||
|
||||
#sidebarContainer { |
||||
float: left; |
||||
padding-left: 7px; |
||||
} |
||||
|
||||
#sidebarContainer #sidebar { |
||||
padding-left: 30px; |
||||
padding-right: 10px; |
||||
} |
@ -0,0 +1,8 @@ |
||||
#sidebarContainer { |
||||
display: none; |
||||
} |
||||
|
||||
#contentContainer { |
||||
width: auto; |
||||
background-image: none; |
||||
} |
@ -0,0 +1,15 @@ |
||||
#contentContainer { |
||||
float: left; |
||||
padding-left: 7px; |
||||
background-position: top right; |
||||
} |
||||
|
||||
#sidebarContainer { |
||||
float: right; |
||||
padding-right: 7px; |
||||
} |
||||
|
||||
#sidebarContainer #sidebar { |
||||
padding-right: 30px; |
||||
padding-left: 10px; |
||||
} |
@ -0,0 +1,116 @@ |
||||
<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> |
@ -0,0 +1,545 @@ |
||||
/*<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>*/ |
||||
|
||||
|
After Width: | Height: | Size: 330 B |
After Width: | Height: | Size: 546 B |
After Width: | Height: | Size: 479 B |
After Width: | Height: | Size: 486 B |
After Width: | Height: | Size: 452 B |
After Width: | Height: | Size: 444 B |
After Width: | Height: | Size: 538 B |
After Width: | Height: | Size: 509 B |
After Width: | Height: | Size: 464 B |
After Width: | Height: | Size: 945 B |
After Width: | Height: | Size: 340 B |
After Width: | Height: | Size: 437 B |
After Width: | Height: | Size: 813 B |
After Width: | Height: | Size: 40 KiB |
After Width: | Height: | Size: 451 B |
After Width: | Height: | Size: 656 B |
After Width: | Height: | Size: 448 B |
After Width: | Height: | Size: 447 B |
After Width: | Height: | Size: 442 B |
After Width: | Height: | Size: 453 B |
After Width: | Height: | Size: 434 B |
After Width: | Height: | Size: 442 B |
After Width: | Height: | Size: 10 KiB |
After Width: | Height: | Size: 1.9 KiB |
After Width: | Height: | Size: 3.2 KiB |
After Width: | Height: | Size: 2.7 KiB |
After Width: | Height: | Size: 10 KiB |
After Width: | Height: | Size: 137 B |
After Width: | Height: | Size: 138 B |
After Width: | Height: | Size: 656 B |
After Width: | Height: | Size: 513 B |
After Width: | Height: | Size: 511 B |
After Width: | Height: | Size: 524 B |
After Width: | Height: | Size: 506 B |
After Width: | Height: | Size: 516 B |
After Width: | Height: | Size: 518 B |
@ -0,0 +1,443 @@ |
||||
/* |
||||
* RapidWeaver 3.5.0 theme functions. |
||||
* Script Version 2.1 |
||||
* Updated 26 May 2006. |
||||
*/ |
||||
|
||||
|
||||
|
||||
/* |
||||
* Function to generate "open in new window" link as W3C compliant |
||||
*/ |
||||
|
||||
function externalLinks() { |
||||
if (!document.getElementsByTagName) return;
|
||||
var anchors = document.getElementsByTagName("a");
|
||||
for (var i=0; i<anchors.length; i++) {
|
||||
var anchor = anchors[i];
|
||||
if (anchor.getAttribute("href") &&
|
||||
anchor.getAttribute("rel") == "external")
|
||||
anchor.target = "_blank"; |
||||
}
|
||||
}
|
||||
window.onload = externalLinks; |
||||
|
||||
|
||||
|
||||
|
||||
/* |
||||
* Functions to generate OBJECT and EMBED tags for Flash content. |
||||
* Resource: http://blog.deconcept.com/swfobject/
|
||||
* |
||||
* SWFObject is (c) 2006 Geoff Stearns and is released under the MIT License: |
||||
* http://www.opensource.org/licenses/mit-license.php
|
||||
*/ |
||||
|
||||
if(typeof deconcept == "undefined") var deconcept = new Object(); |
||||
if(typeof deconcept.util == "undefined") deconcept.util = new Object(); |
||||
if(typeof deconcept.SWFObjectUtil == "undefined") deconcept.SWFObjectUtil = new Object(); |
||||
deconcept.SWFObject = function(swf, id, w, h, ver, c, useExpressInstall, quality, xiRedirectUrl, redirectUrl, detectKey){ |
||||
if (!document.createElement || !document.getElementById) { return; } |
||||
this.DETECT_KEY = detectKey ? detectKey : 'detectflash'; |
||||
this.skipDetect = deconcept.util.getRequestParameter(this.DETECT_KEY); |
||||
this.params = new Object(); |
||||
this.variables = new Object(); |
||||
this.attributes = new Array(); |
||||
if(swf) { this.setAttribute('swf', swf); } |
||||
if(id) { this.setAttribute('id', id); } |
||||
if(w) { this.setAttribute('width', w); } |
||||
if(h) { this.setAttribute('height', h); } |
||||
if(ver) { this.setAttribute('version', new deconcept.PlayerVersion(ver.toString().split("."))); } |
||||
this.installedVer = deconcept.SWFObjectUtil.getPlayerVersion(this.getAttribute('version'), useExpressInstall); |
||||
if(c) { this.addParam('bgcolor', c); } |
||||
var q = quality ? quality : 'high'; |
||||
this.addParam('quality', q); |
||||
this.setAttribute('useExpressInstall', useExpressInstall); |
||||
this.setAttribute('doExpressInstall', false); |
||||
var xir = (xiRedirectUrl) ? xiRedirectUrl : window.location; |
||||
this.setAttribute('xiRedirectUrl', xir); |
||||
this.setAttribute('redirectUrl', ''); |
||||
if(redirectUrl) { this.setAttribute('redirectUrl', redirectUrl); } |
||||
} |
||||
deconcept.SWFObject.prototype = { |
||||
setAttribute: function(name, value){ |
||||
this.attributes[name] = value; |
||||
}, |
||||
getAttribute: function(name){ |
||||
return this.attributes[name]; |
||||
}, |
||||
addParam: function(name, value){ |
||||
this.params[name] = value; |
||||
}, |
||||
getParams: function(){ |
||||
return this.params; |
||||
}, |
||||
addVariable: function(name, value){ |
||||
this.variables[name] = value; |
||||
}, |
||||
getVariable: function(name){ |
||||
return this.variables[name]; |
||||
}, |
||||
getVariables: function(){ |
||||
return this.variables; |
||||
}, |
||||
getVariablePairs: function(){ |
||||
var variablePairs = new Array(); |
||||
var key; |
||||
var variables = this.getVariables(); |
||||
for(key in variables){ |
||||
variablePairs.push(key +"="+ variables[key]); |
||||
} |
||||
return variablePairs; |
||||
}, |
||||
getSWFHTML: function() { |
||||
var swfNode = ""; |
||||
if (navigator.plugins && navigator.mimeTypes && navigator.mimeTypes.length) { // netscape plugin architecture
|
||||
if (this.getAttribute("doExpressInstall")) this.addVariable("MMplayerType", "PlugIn"); |
||||
swfNode = '<embed type="application/x-shockwave-flash" src="'+ this.getAttribute('swf') +'" width="'+ this.getAttribute('width') +'" height="'+ this.getAttribute('height') +'"'; |
||||
swfNode += ' id="'+ this.getAttribute('id') +'" name="'+ this.getAttribute('id') +'" '; |
||||
var params = this.getParams(); |
||||
for(var key in params){ swfNode += [key] +'="'+ params[key] +'" '; } |
||||
var pairs = this.getVariablePairs().join("&"); |
||||
if (pairs.length > 0){ swfNode += 'flashvars="'+ pairs +'"'; } |
||||
swfNode += '/>'; |
||||
} else { // PC IE
|
||||
if (this.getAttribute("doExpressInstall")) this.addVariable("MMplayerType", "ActiveX"); |
||||
swfNode = '<object id="'+ this.getAttribute('id') +'" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="'+ this.getAttribute('width') +'" height="'+ this.getAttribute('height') +'">'; |
||||
swfNode += '<param name="movie" value="'+ this.getAttribute('swf') +'" />'; |
||||
var params = this.getParams(); |
||||
for(var key in params) { |
||||
swfNode += '<param name="'+ key +'" value="'+ params[key] +'" />'; |
||||
} |
||||
var pairs = this.getVariablePairs().join("&"); |
||||
if(pairs.length > 0) {swfNode += '<param name="flashvars" value="'+ pairs +'" />';} |
||||
swfNode += "</object>"; |
||||
} |
||||
return swfNode; |
||||
}, |
||||
write: function(elementId){ |
||||
if(this.getAttribute('useExpressInstall')) { |
||||
// check to see if we need to do an express install
|
||||
var expressInstallReqVer = new deconcept.PlayerVersion([6,0,65]); |
||||
if (this.installedVer.versionIsValid(expressInstallReqVer) && !this.installedVer.versionIsValid(this.getAttribute('version'))) { |
||||
this.setAttribute('doExpressInstall', true); |
||||
this.addVariable("MMredirectURL", escape(this.getAttribute('xiRedirectUrl'))); |
||||
document.title = document.title.slice(0, 47) + " - Flash Player Installation"; |
||||
this.addVariable("MMdoctitle", document.title); |
||||
} |
||||
} |
||||
if(this.skipDetect || this.getAttribute('doExpressInstall') || this.installedVer.versionIsValid(this.getAttribute('version'))){ |
||||
var n = (typeof elementId == 'string') ? document.getElementById(elementId) : elementId; |
||||
n.innerHTML = this.getSWFHTML(); |
||||
return true; |
||||
}else{ |
||||
if(this.getAttribute('redirectUrl') != "") { |
||||
document.location.replace(this.getAttribute('redirectUrl')); |
||||
} |
||||
} |
||||
return false; |
||||
} |
||||
} |
||||
|
||||
/* ---- detection functions ---- */ |
||||
deconcept.SWFObjectUtil.getPlayerVersion = function(reqVer, xiInstall){ |
||||
var PlayerVersion = new deconcept.PlayerVersion([0,0,0]); |
||||
if(navigator.plugins && navigator.mimeTypes.length){ |
||||
var x = navigator.plugins["Shockwave Flash"]; |
||||
if(x && x.description) { |
||||
PlayerVersion = new deconcept.PlayerVersion(x.description.replace(/([a-z]|[A-Z]|\s)+/, "").replace(/(\s+r|\s+b[0-9]+)/, ".").split(".")); |
||||
} |
||||
}else{ |
||||
try{ |
||||
var axo = new ActiveXObject("ShockwaveFlash.ShockwaveFlash"); |
||||
for (var i=3; axo!=null; i++) { |
||||
axo = new ActiveXObject("ShockwaveFlash.ShockwaveFlash."+i); |
||||
PlayerVersion = new deconcept.PlayerVersion([i,0,0]); |
||||
} |
||||
}catch(e){} |
||||
if (reqVer && PlayerVersion.major > reqVer.major) return PlayerVersion; // version is ok, skip minor detection
|
||||
// this only does the minor rev lookup if the user's major version
|
||||
// is not 6 or we are checking for a specific minor or revision number
|
||||
// see http://blog.deconcept.com/2006/01/11/getvariable-setvariable-crash-internet-explorer-flash-6/
|
||||
if (!reqVer || ((reqVer.minor != 0 || reqVer.rev != 0) && PlayerVersion.major == reqVer.major) || PlayerVersion.major != 6 || xiInstall) { |
||||
try{ |
||||
PlayerVersion = new deconcept.PlayerVersion(axo.GetVariable("$version").split(" ")[1].split(",")); |
||||
}catch(e){} |
||||
} |
||||
} |
||||
return PlayerVersion; |
||||
} |
||||
deconcept.PlayerVersion = function(arrVersion){ |
||||
this.major = parseInt(arrVersion[0]) != null ? parseInt(arrVersion[0]) : 0; |
||||
this.minor = parseInt(arrVersion[1]) || 0; |
||||
this.rev = parseInt(arrVersion[2]) || 0; |
||||
} |
||||
deconcept.PlayerVersion.prototype.versionIsValid = function(fv){ |
||||
if(this.major < fv.major) return false; |
||||
if(this.major > fv.major) return true; |
||||
if(this.minor < fv.minor) return false; |
||||
if(this.minor > fv.minor) return true; |
||||
if(this.rev < fv.rev) return false; |
||||
return true; |
||||
} |
||||
/* ---- get value of query string param ---- */ |
||||
deconcept.util = { |
||||
getRequestParameter: function(param){ |
||||
var q = document.location.search || document.location.hash; |
||||
if(q){ |
||||
var startIndex = q.indexOf(param +"="); |
||||
var endIndex = (q.indexOf("&", startIndex) > -1) ? q.indexOf("&", startIndex) : q.length; |
||||
if (q.length > 1 && startIndex > -1) { |
||||
return q.substring(q.indexOf("=", startIndex)+1, endIndex); |
||||
} |
||||
} |
||||
return ""; |
||||
} |
||||
} |
||||
/* fix for video streaming bug */ |
||||
deconcept.SWFObjectUtil.cleanupSWFs = function() { |
||||
var objects = document.getElementsByTagName("OBJECT"); |
||||
for (var i=0; i < objects.length; i++) { |
||||
for (var x in objects[i]) { |
||||
if (typeof objects[i][x] == 'function') { |
||||
objects[i][x] = null; |
||||
} |
||||
} |
||||
} |
||||
} |
||||
if (typeof window.onunload == 'function') { |
||||
var oldunload = window.onunload; |
||||
window.onunload = function() { |
||||
deconcept.SWFObjectUtil.cleanupSWFs(); |
||||
oldunload(); |
||||
} |
||||
} else { |
||||
window.onunload = deconcept.SWFObjectUtil.cleanupSWFs; |
||||
} |
||||
/* add Array.push if needed (ie5) */ |
||||
if (Array.prototype.push == null) { Array.prototype.push = function(item) { this[this.length] = item; return this.length; }} |
||||
|
||||
/* add some aliases for ease of use/backwards compatibility */ |
||||
var getQueryParamValue = deconcept.util.getRequestParameter; |
||||
var FlashObject = deconcept.SWFObject; // for legacy support
|
||||
var SWFObject = deconcept.SWFObject; |
||||
|
||||
|
||||
|
||||
|
||||
|
||||
/* |
||||
* Functions to generate OBJECT and EMBED tags for QuickTime content. |
||||
* Resource: http://developer.apple.com/internet/ieembedfix.html
|
||||
*/ |
||||
|
||||
/************** LOCALIZABLE GLOBAL VARIABLES ****************/ |
||||
|
||||
var gArgCountErr = 'The "%%" function requires an even number of arguments.' |
||||
+ '\nArguments should be in the form "atttributeName", "attributeValue", ...'; |
||||
|
||||
/******************** END LOCALIZABLE **********************/ |
||||
|
||||
var gTagAttrs = null; |
||||
var gQTGeneratorVersion = 1.0; |
||||
|
||||
function AC_QuickTimeVersion() { return gQTGeneratorVersion; } |
||||
|
||||
function _QTComplain(callingFcnName, errMsg) |
||||
{ |
||||
errMsg = errMsg.replace("%%", callingFcnName); |
||||
alert(errMsg); |
||||
} |
||||
|
||||
function _QTAddAttribute(prefix, slotName, tagName) |
||||
{ |
||||
var value; |
||||
|
||||
value = gTagAttrs[prefix + slotName]; |
||||
if ( null == value ) |
||||
value = gTagAttrs[slotName]; |
||||
|
||||
if ( null != value ) |
||||
{ |
||||
if ( 0 == slotName.indexOf(prefix) && (null == tagName) ) |
||||
tagName = slotName.substring(prefix.length);
|
||||
if ( null == tagName )
|
||||
tagName = slotName; |
||||
return tagName + '="' + value + '" '; |
||||
} |
||||
else |
||||
return ""; |
||||
} |
||||
|
||||
function _QTAddObjectAttr(slotName, tagName) |
||||
{ |
||||
// don't bother if it is only for the embed tag
|
||||
if ( 0 == slotName.indexOf("emb#") ) |
||||
return ""; |
||||
|
||||
if ( 0 == slotName.indexOf("obj#") && (null == tagName) ) |
||||
tagName = slotName.substring(4);
|
||||
|
||||
return _QTAddAttribute("obj#", slotName, tagName); |
||||
} |
||||
|
||||
function _QTAddEmbedAttr(slotName, tagName) |
||||
{ |
||||
// don't bother if it is only for the object tag
|
||||
if ( 0 == slotName.indexOf("obj#") ) |
||||
return ""; |
||||
|
||||
if ( 0 == slotName.indexOf("emb#") && (null == tagName) ) |
||||
tagName = slotName.substring(4);
|
||||
|
||||
return _QTAddAttribute("emb#", slotName, tagName); |
||||
} |
||||
|
||||
|
||||
function _QTAddObjectParam(slotName, generateXHTML) |
||||
{ |
||||
var paramValue; |
||||
var paramStr = ""; |
||||
var endTagChar = (generateXHTML) ? ' />' : '>'; |
||||
|
||||
if ( -1 == slotName.indexOf("emb#") ) |
||||
{ |
||||
// look for the OBJECT-only param first. if there is none, look for a generic one
|
||||
paramValue = gTagAttrs["obj#" + slotName]; |
||||
if ( null == paramValue ) |
||||
paramValue = gTagAttrs[slotName]; |
||||
|
||||
if ( 0 == slotName.indexOf("obj#") ) |
||||
slotName = slotName.substring(4);
|
||||
|
||||
if ( null != paramValue ) |
||||
paramStr = ' <param name="' + slotName + '" value="' + paramValue + '"' + endTagChar + '\n'; |
||||
} |
||||
|
||||
return paramStr; |
||||
} |
||||
|
||||
function _QTDeleteTagAttrs() |
||||
{ |
||||
for ( var ndx = 0; ndx < arguments.length; ndx++ ) |
||||
{ |
||||
var attrName = arguments[ndx]; |
||||
delete gTagAttrs[attrName]; |
||||
delete gTagAttrs["emb#" + attrName]; |
||||
delete gTagAttrs["obj#" + attrName]; |
||||
} |
||||
} |
||||
|
||||
|
||||
|
||||
// generate an embed and object tag, return as a string
|
||||
function _QTGenerate(callingFcnName, generateXHTML, args) |
||||
{ |
||||
// is the number of optional arguments even?
|
||||
if ( args.length < 4 || (0 != (args.length % 2)) ) |
||||
{ |
||||
_QTComplain(callingFcnName, gArgCountErr); |
||||
return ""; |
||||
} |
||||
|
||||
// allocate an array, fill in the required attributes with fixed place params and defaults
|
||||
gTagAttrs = new Array(); |
||||
gTagAttrs["src"] = args[0]; |
||||
gTagAttrs["width"] = args[1]; |
||||
gTagAttrs["height"] = args[2]; |
||||
gTagAttrs["classid"] = "clsid:02BF25D5-8C17-4B23-BC80-D3488ABDDC6B"; |
||||
gTagAttrs["pluginspage"] = "http://www.apple.com/quicktime/download/"; |
||||
|
||||
// set up codebase attribute with specified or default version before parsing args so
|
||||
// anything passed in will override
|
||||
var activexVers = args[3] |
||||
if ( (null == activexVers) || ("" == activexVers) ) |
||||
activexVers = "6,0,2,0"; |
||||
gTagAttrs["codebase"] = "http://www.apple.com/qtactivex/qtplugin.cab#version=" + activexVers; |
||||
|
||||
var attrName, |
||||
attrValue; |
||||
|
||||
// add all of the optional attributes to the array
|
||||
for ( var ndx = 4; ndx < args.length; ndx += 2) |
||||
{ |
||||
attrName = args[ndx].toLowerCase(); |
||||
attrValue = args[ndx + 1]; |
||||
|
||||
// "name" and "id" should have the same value, the former goes in the embed and the later goes in
|
||||
// the object. use one array slot
|
||||
if ( "name" == attrName || "id" == attrName ) |
||||
gTagAttrs["name"] = attrValue; |
||||
|
||||
else
|
||||
gTagAttrs[attrName] = attrValue; |
||||
} |
||||
|
||||
// init both tags with the required and "special" attributes
|
||||
var objTag = '<object ' |
||||
+ _QTAddObjectAttr("classid") |
||||
+ _QTAddObjectAttr("width") |
||||
+ _QTAddObjectAttr("height") |
||||
+ _QTAddObjectAttr("codebase") |
||||
+ _QTAddObjectAttr("name", "id") |
||||
+ _QTAddObjectAttr("tabindex") |
||||
+ _QTAddObjectAttr("hspace") |
||||
+ _QTAddObjectAttr("vspace") |
||||
+ _QTAddObjectAttr("border") |
||||
+ _QTAddObjectAttr("align") |
||||
+ _QTAddObjectAttr("class") |
||||
+ _QTAddObjectAttr("title") |
||||
+ _QTAddObjectAttr("accesskey") |
||||
+ _QTAddObjectAttr("noexternaldata") |
||||
+ '>\n' |
||||
+ _QTAddObjectParam("src", generateXHTML); |
||||
var embedTag = ' <embed ' |
||||
+ _QTAddEmbedAttr("src") |
||||
+ _QTAddEmbedAttr("width") |
||||
+ _QTAddEmbedAttr("height") |
||||
+ _QTAddEmbedAttr("pluginspage") |
||||
+ _QTAddEmbedAttr("name") |
||||
+ _QTAddEmbedAttr("align") |
||||
+ _QTAddEmbedAttr("tabindex"); |
||||
|
||||
// delete the attributes/params we have already added
|
||||
_QTDeleteTagAttrs("src","width","height","pluginspage","classid","codebase","name","tabindex", |
||||
"hspace","vspace","border","align","noexternaldata","class","title","accesskey"); |
||||
|
||||
// and finally, add all of the remaining attributes to the embed and object
|
||||
for ( var attrName in gTagAttrs ) |
||||
{ |
||||
attrValue = gTagAttrs[attrName]; |
||||
if ( null != attrValue ) |
||||
{ |
||||
embedTag += _QTAddEmbedAttr(attrName); |
||||
objTag += _QTAddObjectParam(attrName, generateXHTML); |
||||
} |
||||
}
|
||||
|
||||
// end both tags, we're done
|
||||
return objTag + embedTag + '> </em' + 'bed>\n</ob' + 'ject' + '>'; |
||||
} |
||||
|
||||
// return the object/embed as a string
|
||||
function QT_GenerateOBJECTText() |
||||
{ |
||||
return _QTGenerate("QT_GenerateOBJECTText", false, arguments); |
||||
} |
||||
|
||||
function QT_GenerateOBJECTText_XHTML() |
||||
{ |
||||
return _QTGenerate("QT_GenerateOBJECTText_XHTML", true, arguments); |
||||
} |
||||
|
||||
function QT_WriteOBJECT() |
||||
{ |
||||
document.writeln(_QTGenerate("QT_WriteOBJECT", false, arguments)); |
||||
} |
||||
|
||||
function QT_WriteOBJECT_XHTML() |
||||
{ |
||||
document.writeln(_QTGenerate("QT_WriteOBJECT_XHTML", true, arguments)); |
||||
} |
||||
|
||||
|
After Width: | Height: | Size: 49 B |
@ -0,0 +1,86 @@ |
||||
<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> |
@ -0,0 +1,631 @@ |
||||
/*<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>*/ |
||||
|
||||
|
||||
|
||||
|
||||
|
After Width: | Height: | Size: 16 KiB |
After Width: | Height: | Size: 49 KiB |
@ -0,0 +1,79 @@ |
||||
<!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é</h1> |
||||
<h2>Instructions pour l'utilisation de l'éditeur Sankoré</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’éditeur Sankoré vous permet de réaliser des scénarios d’interactivités riches</span><span style="font:12px Trebuchet, Verdana, serif; "><br /><br /></span><span style="font:11px Trebuchet, Verdana, serif; ">ATTENTION : Vous devez être connecté à l’Internet pour l’utiliser.</span><span style="font:12px Trebuchet, Verdana, serif; "><br /><br /></span><span style="font:13px Trebuchet, Verdana, serif; ">Quand vous entrez sur l’éditeur, un nom d’utilisateur et mot de passe vous sont demandés.<br /><br />Pour le tester et l’utiliser en mode de démonstration, utilisez, comme indiqué ci-dessous, l’identifiant “demo” autant pour le nom d’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ésirez l’utiliser en tant qu’outil personnel de création de contenus, vous pouvez envoyer un email à </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écisant bien que vous désirez créer un compte sur l’éditeur Sankoré.<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 à l’éditeur Sankoré<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> |
@ -0,0 +1,99 @@ |
||||
/* @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 */ |
@ -0,0 +1,3 @@ |
||||
#pageHeader #overlay_curve_solid { |
||||
display: block; |
||||
} |
@ -0,0 +1,3 @@ |
||||
#pageHeader #overlay_stripes_glow { |
||||
display: block; |
||||
} |
@ -0,0 +1,3 @@ |
||||
#pageHeader #overlay_stripes_solid { |
||||
display: block; |
||||
} |
@ -0,0 +1,3 @@ |
||||
#pageHeader #overlay_swirls { |
||||
display: block; |
||||
} |
@ -0,0 +1,70 @@ |
||||
.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 */ |
@ -0,0 +1,25 @@ |
||||
.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; |
||||
} |
@ -0,0 +1,25 @@ |
||||
.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; |
||||
} |
@ -0,0 +1,25 @@ |
||||
.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; |
||||
} |
@ -0,0 +1,25 @@ |
||||
.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; |
||||
} |
@ -0,0 +1,26 @@ |
||||
.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; |
||||
} |
@ -0,0 +1,32 @@ |
||||
.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; |
||||
} |
@ -0,0 +1,4 @@ |
||||
#navcontainer a { |
||||
padding: 15px 15px 17px 15px; |
||||
height: 0px; |
||||
} |
@ -0,0 +1,3 @@ |
||||
#pageHeader #logo img { |
||||
margin: 10px auto 0; |
||||
} |
@ -0,0 +1,4 @@ |
||||
#pageHeader #logo img { |
||||
float: left; |
||||
margin: 10px 0 0 30px; |
||||
} |
@ -0,0 +1,4 @@ |
||||
#pageHeader #logo img { |
||||
float: right; |
||||
margin: 10px 30px 0 0; |
||||
} |
@ -0,0 +1,15 @@ |
||||
#contentContainer { |
||||
float: right; |
||||
padding-right: 7px; |
||||
background-position: top left; |
||||
} |
||||
|
||||
#sidebarContainer { |
||||
float: left; |
||||
padding-left: 7px; |
||||
} |
||||
|
||||
#sidebarContainer #sidebar { |
||||
padding-left: 30px; |
||||
padding-right: 10px; |
||||
} |
@ -0,0 +1,8 @@ |
||||
#sidebarContainer { |
||||
display: none; |
||||
} |
||||
|
||||
#contentContainer { |
||||
width: auto; |
||||
background-image: none; |
||||
} |
@ -0,0 +1,15 @@ |
||||
#contentContainer { |
||||
float: left; |
||||
padding-left: 7px; |
||||
background-position: top right; |
||||
} |
||||
|
||||
#sidebarContainer { |
||||
float: right; |
||||
padding-right: 7px; |
||||
} |
||||
|
||||
#sidebarContainer #sidebar { |
||||
padding-right: 30px; |
||||
padding-left: 10px; |
||||
} |
@ -0,0 +1,116 @@ |
||||
<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> |
@ -0,0 +1,545 @@ |
||||
/*<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>*/ |
||||
|
||||
|
After Width: | Height: | Size: 330 B |
After Width: | Height: | Size: 546 B |
After Width: | Height: | Size: 479 B |
After Width: | Height: | Size: 486 B |
After Width: | Height: | Size: 452 B |
After Width: | Height: | Size: 444 B |
After Width: | Height: | Size: 538 B |
After Width: | Height: | Size: 509 B |
After Width: | Height: | Size: 464 B |