Init commit. Added under construction banner for all pages.
13
en/Media/IE8.css
Normal file
@@ -0,0 +1,13 @@
|
||||
.inline-block {
|
||||
display: inline-block;
|
||||
vertical-align: baseline;
|
||||
}
|
||||
li.full-width {
|
||||
width: auto;
|
||||
}
|
||||
li div div.inline-block a img {
|
||||
text-indent: 0;
|
||||
}
|
||||
img {
|
||||
-ms-interpolation-mode: bicubic;
|
||||
}
|
||||
BIN
en/Media/Photo-Overlay-Comment.png
Normal file
|
After Width: | Height: | Size: 602 B |
BIN
en/Media/Photo-Overlay-Movie.png
Normal file
|
After Width: | Height: | Size: 508 B |
BIN
en/Media/canvas_add_06.png
Normal file
|
After Width: | Height: | Size: 194 B |
BIN
en/Media/canvas_arrow-left-D_06.png
Normal file
|
After Width: | Height: | Size: 259 B |
BIN
en/Media/canvas_arrow-left_06.png
Normal file
|
After Width: | Height: | Size: 260 B |
BIN
en/Media/canvas_arrow-right-D_06.png
Normal file
|
After Width: | Height: | Size: 257 B |
BIN
en/Media/canvas_arrow-right_06.png
Normal file
|
After Width: | Height: | Size: 253 B |
BIN
en/Media/canvas_back_06.png
Normal file
|
After Width: | Height: | Size: 235 B |
BIN
en/Media/canvas_download_06.png
Normal file
|
After Width: | Height: | Size: 254 B |
BIN
en/Media/canvas_play_06.png
Normal file
|
After Width: | Height: | Size: 284 B |
BIN
en/Media/canvas_subscribe_06.png
Normal file
|
After Width: | Height: | Size: 348 B |
BIN
en/Media/canvas_thumbs_off-N_06.png
Normal file
|
After Width: | Height: | Size: 206 B |
BIN
en/Media/canvas_thumbs_off-S_06.png
Normal file
|
After Width: | Height: | Size: 247 B |
BIN
en/Media/canvas_thumbs_on-N_06.png
Normal file
|
After Width: | Height: | Size: 250 B |
BIN
en/Media/canvas_thumbs_on-S_06.png
Normal file
|
After Width: | Height: | Size: 287 B |
BIN
en/Media/canvas_transport-left-D_06.png
Normal file
|
After Width: | Height: | Size: 300 B |
BIN
en/Media/canvas_transport-left-N_06.png
Normal file
|
After Width: | Height: | Size: 305 B |
BIN
en/Media/canvas_transport-right-D_06.png
Normal file
|
After Width: | Height: | Size: 284 B |
BIN
en/Media/canvas_transport-right-N_06.png
Normal file
|
After Width: | Height: | Size: 285 B |
197
en/Media/iWPopUpSlideshow.css
Normal file
@@ -0,0 +1,197 @@
|
||||
/* (c) Copyright 2006 Apple Computer, Inc. All rights reserved. */
|
||||
|
||||
body {
|
||||
background:#000000;
|
||||
text-align: center;
|
||||
margin: 0px;
|
||||
}
|
||||
|
||||
ul { margin-top: 0px; padding-left: 18px; }
|
||||
|
||||
li { font-size: 11px; padding: 2px}
|
||||
|
||||
h4 { font-size: 12px; margin-bottom: 5px;}
|
||||
|
||||
img {
|
||||
border:0px;
|
||||
opacity: .999;
|
||||
}
|
||||
|
||||
a {text-decoration: none; color:#ffffff}
|
||||
|
||||
.caption {
|
||||
z-index:200;
|
||||
padding: 0px;
|
||||
text-align: center;
|
||||
color: #ffffff;
|
||||
font-family: Lucida Grande, Arial, Helvetica;
|
||||
font-size: 14px;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
#controls {
|
||||
position: absolute;
|
||||
top: 0px;
|
||||
z-index: 250;
|
||||
width: 176px;
|
||||
height: 77px;
|
||||
background: url(http://www.me.com/1/slideshow/images/controls.png) center center no-repeat;
|
||||
opacity: .80;
|
||||
}
|
||||
|
||||
#controlZone {
|
||||
position: absolute;
|
||||
z-index: 250;
|
||||
width: 100%;
|
||||
height: 177px;
|
||||
text-align:left;
|
||||
left: 0px;
|
||||
background: url(http://www.me.com/i/ma/1/spacer.gif) repeat;
|
||||
}
|
||||
|
||||
#playbutton {
|
||||
position: absolute;
|
||||
left: 60px;
|
||||
top: 0px;
|
||||
width: 55px;
|
||||
height: 77px;
|
||||
}
|
||||
|
||||
|
||||
#pausebutton {
|
||||
position: absolute;
|
||||
left: 60px;
|
||||
top: 0px;
|
||||
width: 55px;
|
||||
height: 77px;
|
||||
}
|
||||
|
||||
#forwardbutton {
|
||||
position: absolute;
|
||||
left: 115px;
|
||||
top: 0px;
|
||||
width: 47px;
|
||||
height: 77px;
|
||||
text-align:left;
|
||||
}
|
||||
|
||||
#backbutton {
|
||||
position: absolute;
|
||||
left: 12px;
|
||||
top: 0px;
|
||||
width: 47px;
|
||||
height: 77px;
|
||||
text-align:left;
|
||||
}
|
||||
|
||||
|
||||
#matte {
|
||||
position: relative;
|
||||
z-index:0;
|
||||
margin: 0px 100px 0px 100px;
|
||||
overflow: hidden;
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
#frame {
|
||||
position: relative;
|
||||
margin: 0px auto 0px auto;
|
||||
}
|
||||
|
||||
|
||||
#slide {
|
||||
position:absolute;
|
||||
z-index:10;
|
||||
opacity: .999;
|
||||
}
|
||||
|
||||
#slide_reflect {
|
||||
position:absolute;
|
||||
z-index:10;
|
||||
opacity: .999;
|
||||
}
|
||||
|
||||
#topslide {
|
||||
position:absolute;
|
||||
z-index:100;
|
||||
opacity: .999;
|
||||
}
|
||||
|
||||
#topslide_reflect {
|
||||
position:absolute;
|
||||
z-index:100;
|
||||
opacity: .999;
|
||||
}
|
||||
|
||||
|
||||
#filter {
|
||||
position:absolute;
|
||||
z-index:95;
|
||||
visibility:hidden;
|
||||
}
|
||||
|
||||
#cache {
|
||||
position: absolute;
|
||||
visibility: hidden;
|
||||
}
|
||||
|
||||
#thumbnailPicker {
|
||||
position: absolute;
|
||||
top:0px;
|
||||
left: 30px;
|
||||
background-color: #1a1a1a;
|
||||
overflow: hidden;
|
||||
opacity: .80;
|
||||
}
|
||||
|
||||
#thumbStrip {
|
||||
position: absolute;
|
||||
left: 0px;
|
||||
top: 5px;
|
||||
text-align: left;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
#thumbnailZone {
|
||||
position: absolute;
|
||||
top:0px;
|
||||
left: 0px;
|
||||
z-index: 250;
|
||||
background: url(http://www.me.com/i/ma/1/spacer.gif) repeat;
|
||||
}
|
||||
|
||||
.thumb {
|
||||
border: 2px solid #1a1a1a;
|
||||
padding: 1px;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.selectedthumb {
|
||||
border: 2px solid #4385dd;
|
||||
padding: 1px;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
#scrollbar {
|
||||
position: absolute;
|
||||
z-index: 258;
|
||||
}
|
||||
|
||||
#dragtool {
|
||||
position: absolute;
|
||||
z-index: 258;
|
||||
line-height: 0px;
|
||||
font-size: 0px;
|
||||
}
|
||||
|
||||
#bar {
|
||||
border: 1px solid gray;
|
||||
line-height: 2px;
|
||||
font-size: 0px;
|
||||
}
|
||||
|
||||
#ruler {
|
||||
position: absolute;
|
||||
height: 13px;
|
||||
z-index: 256;
|
||||
}
|
||||
76
en/Media/phoneshow.html
Normal file
@@ -0,0 +1,76 @@
|
||||
<?xml version="1.0" encoding="UTF-8"?>
|
||||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
|
||||
<head>
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
|
||||
<meta http-equiv="Content-Style-Type" content="text/css" />
|
||||
<meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no, width=320" />
|
||||
<style type="text/css"><!--
|
||||
html, body {
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
overflow: hidden;
|
||||
background-color: black;
|
||||
}
|
||||
|
||||
#slideshow {
|
||||
position: relative;
|
||||
width: 320px;
|
||||
height: 360px;
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.caption {
|
||||
color: white;
|
||||
text-align: center;
|
||||
font-family: helvetica neue;
|
||||
}
|
||||
--></style>
|
||||
<title>Slideshow</title>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<div id="slideshow">
|
||||
</div>
|
||||
|
||||
<script src="../Scripts/iWebSite.js" type="text/javascript"></script>
|
||||
<script src="../Scripts/iWebImage.js" type="text/javascript"></script>
|
||||
<script src="../Scripts/iWebMediaGrid.js" type="text/javascript"></script>
|
||||
<script type="text/javascript">
|
||||
// <![CDATA[
|
||||
function iPhoneSlideshow()
|
||||
{
|
||||
var args = window.location.href.toQueryParams();
|
||||
if(args.backgroundColor)
|
||||
{
|
||||
document.getElementsByTagName("body")[0].style.backgroundColor = args.backgroundColor;
|
||||
}
|
||||
document.title = opener.document.title;
|
||||
|
||||
var imageStream = opener.latestImageStream;
|
||||
var photos = [];
|
||||
for(var i = 0; i < imageStream.length; ++i)
|
||||
{
|
||||
photos.push(imageStream[i].slideshowValue('image'));
|
||||
}
|
||||
|
||||
if(args.captionHeight)
|
||||
args.captionHeight = 50;
|
||||
if(args.reflectionHeight)
|
||||
args.reflectionHeight = 50;
|
||||
args.movieMode = kPosterFrameOnly;
|
||||
|
||||
slideshow = new Slideshow($('slideshow'), photos, function(){}, args);
|
||||
|
||||
if(args.hasOwnProperty("transitionIndex"))
|
||||
slideshow.setTransitionIndex(args.transitionIndex, 0);
|
||||
|
||||
slideshow.start();
|
||||
}
|
||||
iPhoneSlideshow();
|
||||
// ]]>
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
49
en/Media/slideshow.html
Normal file
@@ -0,0 +1,49 @@
|
||||
<?xml version="1.0" encoding="UTF-8"?>
|
||||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
|
||||
|
||||
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
|
||||
<head>
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />
|
||||
<title>slideshow</title>
|
||||
|
||||
<script type="text/javascript">
|
||||
// <![CDATA[
|
||||
if(navigator.userAgent.match(/iPhone/))
|
||||
{
|
||||
location = 'phoneshow.html' + location.search;
|
||||
}
|
||||
// ]]>
|
||||
</script>
|
||||
|
||||
<link href="iWPopUpSlideshow.css" rel="stylesheet" type="text/css" />
|
||||
|
||||
<script type="text/javascript" src="../Scripts/iWebSite.js"></script>
|
||||
<script type="text/javascript" src="../Scripts/iWebImage.js"></script>
|
||||
<script type="text/javascript" src="../Scripts/iWPopUpSlideshow.js"></script>
|
||||
<script type="text/javascript" src="../Scripts/iWebMediaGrid.js"></script>
|
||||
|
||||
<script type="text/javascript">
|
||||
// <![CDATA[
|
||||
|
||||
function onLoad()
|
||||
{
|
||||
var args = window.location.href.toQueryParams();
|
||||
|
||||
if(args.backgroundColor)
|
||||
{
|
||||
document.getElementsByTagName("body")[0].style.backgroundColor = args.backgroundColor;
|
||||
}
|
||||
setTransparentGifURL('transparent.gif');
|
||||
document.title = opener.document.title;
|
||||
initSlideshow(opener.latestImageStream, opener.latestIndex, args);
|
||||
}
|
||||
|
||||
// ]]>
|
||||
</script>
|
||||
|
||||
</head>
|
||||
<body onload="onLoad()">
|
||||
</body>
|
||||
</html>
|
||||
|
||||
BIN
en/Media/transparent.gif
Normal file
|
After Width: | Height: | Size: 43 B |