Anatoly Mihalchenko
14 years ago
commit
4f09fe08a5
|
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>*/ |
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
File diff suppressed because it is too large
Load Diff
|
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 |
Some files were not shown because too many files have changed in this diff Show More
Loading…
Reference in new issue