Team:Peking/001/001

From 2010.igem.org

(Difference between revisions)
(New page: <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="zh-CN" lang="zh-CN"> <head> <meta http-equiv="content-type" content="text/html; charset=utf-8" /> <meta name="Author"...)
Line 38: Line 38:
.ACBlackout .ACBlackoutMain img { behavior: url(/global/scripts/lib/ie7pngfix.htc); }
.ACBlackout .ACBlackoutMain img { behavior: url(/global/scripts/lib/ie7pngfix.htc); }
-
#billboard { width:980px; height:590px; margin:0 auto; padding-top:61px; border-radius: 4px; background: url(/home/images/billboard_top_bg_20110302.jpg) no-repeat #fff; -webkit-border-radius: 4px; -moz-border-radius: 4px; position:relative; text-align:left; }
+
#billboard { width:980px; height:590px; margin:0 auto; padding-top:61px; border-radius: 4px; <!-- End of DoubleClick Spotlight Tag: Please do not remove-->
-
#billboard .hero { width:980px; height: 460px; }
+
-
#billboard h1,
+
-
#billboard h2 { margin: 0; padding: 0; line-height: 1em; }
+
-
#billboard h1 img,
+
-
#billboard h2 img { display: block; margin: 0; }
+
-
#billboard h1 { margin-bottom: 28px; padding-left: 345px; height: 95px; }
+
-
#billboard h2 { margin-bottom: 0; padding-left: 253px; height: 59px; }
+
-
 
+
-
#billboard #hero-1 .hero-img,
+
-
#billboard #hero-2 .hero-img { margin:0 auto; display:block; position:absolute; left:-318px; top: 43px; }
+
-
#billboard #hero-3 .hero-img { margin: 0 -27px 0 -30px; display:block; }
+
-
 
+
-
#billboard #hero-3 { height:600px; margin-top:-26px; }
+
-
#billboard #hero-3 h1 { margin-bottom:18px; padding-left:377px; height:76px; }
+
-
#billboard #hero-3 h2 { margin-bottom:27px; padding-left:118px; height:27px; }
+
-
 
+
-
#billboard #video-tray { text-align: center; margin-top: 2px; padding-bottom:25px; margin-bottom:16px; background: url(/home/images/billboard_bottom_bg_20110302.jpg) 0 100% no-repeat #fff; }
+
-
#billboard #video-tray img { display: block; }
+
-
#billboard #video-tray li { display:-moz-inline-stack; display:inline-block; *display:inline; zoom:1; _height:100px; }
+
-
#billboard #video-tray li .video-thumb { float: none; width: 155px; display:block; }
+
-
#billboard #video-tray li .video-thumb .image { display: block; position: relative; _position:static; width: 107px; padding: 3px; margin: auto; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px; -khtml-border-radius: 5px; -webkit-box-shadow: rgba(0,0,0,0.5) 0 1px 2px; -moz-box-shadow: rgba(0,0,0,0.5) 0 1px 2px; box-shadow: rgba(0,0,0,0.5) 0 1px 2px; border: 1px solid; border-color: #e5e5e5 #dbdbdb #d2d2d2; }
+
-
#billboard #video-tray li .video-thumb .image:nth-child(1n) { border: none; } /* reset border for smart browsers */
+
-
#billboard #video-tray li .video-thumb .image .play { background: url(/home/images/video_play_20110302.png) no-repeat 50% 50%; behavior:url(/global/scripts/lib/iepngfix.htc); height: 100%; left: 0px; position: absolute; _position:static; top: 0px; width: 100%; _width:45px; _height:45px; _margin: 8px 31px }
+
-
#billboard #video-tray li .video-thumb:hover .image .play { background-image: url(/home/images/video_play_hover_20110302.png); }
+
-
#billboard #video-tray li .video-thumb span.link { display: inline-block; display: -moz-inline-box; *display: inline; *zoom: 1; text-align: center; margin: 6px auto 0; line-height:1em; height:0.857em; }
+
-
 
+
-
#main #headlines { margin-top: 0px; position: relative; }
+
-
#main .promos { width: 995px; margin: 0 0 0 -5px; _position:relative; }
+
-
#main .promos li { width: 231px; margin-left: 6px; *margin-left: 7px; display: inline-block; *display: inline ;zoom: 1; padding: 3px; background: white;  border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px; -khtml-border-radius: 5px; -webkit-box-shadow: rgba(0,0,0,0.398438) 0 1px 3px; -moz-box-shadow: rgba(0,0,0,0.398438) 0 1px 3px; box-shadow: rgba(0,0,0,0.398438) 0 1px 3px; border: 1px solid; border-color: #e5e5e5 #dbdbdb #d2d2d2; }
+
-
#main .promos li:nth-child(1n) { border: none; } /* reset border for smart browsers */
+
-
#main .promos li a { width: 231px; min-height: 149px; *height:149px; height:149px; margin: 0; padding-top:0; display: block; background: #fafafa; background:-webkit-gradient(linear, left top, left bottom, from(#fafafa), to(#eeeeee)); background: -moz-linear-gradient(top, #fafafa, #eeeeee); }
+
-
#main .promos li a:hover { background: -webkit-gradient(linear, left top, left bottom, from(#fdfdfd), to(#fafafa)); background: -moz-linear-gradient(top, #fdfdfd, #fafafa); }
+
-
#main .promos li a img { margin: 0; display: block; }
+
-
.pmch { display: none; }
+
-
+
-
@media only screen and (max-device-width: 480px), only screen and (max-device-width: 1024px) {
+
-
#ACBlackout,
+
-
#main { width: 1024px !important; overflow: hidden; }
+
-
#ACBlackout .ACBlackoutMain,
+
-
#ACBlackout .ACBlackoutMain img { -webkit-transform: translateZ(0); }
+
-
}
+
-
 
+
-
#video-tray.animate-set li { opacity:0; z-index:10001; position:relative; }
+
-
#video-tray.animate li { -webkit-animation-timing-function:ease-in; -webkit-animation-fill-mode:both; -webkit-animation-name:thumb-fade; -webkit-animation-duration: .4s; }
+
-
#video-tray.animate li:nth-child(1) { -webkit-animation-delay:0; }
+
-
#video-tray.animate li:nth-child(2) { -webkit-animation-delay:.2s; }
+
-
#video-tray.animate li:nth-child(3) { -webkit-animation-delay:.4s; }
+
-
+
-
@-webkit-keyframes thumb-fade {
+
-
from { opacity: 0; }
+
-
to { opacity: 1; }
+
-
}
+
-
/* LANGUAGE */
+
-
#lang {margin-top:-41px; width: 80px; min-height: 26px; _height: 26px; position: relative; float: right; background: #f6f6f6 url(http://images.apple.com/home/elements/lang_select.gif) no-repeat left bottom; }
+
-
#lang p { padding-top: 4px; padding-left: 16px;margin-bottom:0; }
+
-
#lang a { color: #6e6e6e; text-decoration: none; }
+
-
#lang a { position:relative; z-index:10; }
+
-
+
-
#video-tray { height:87px; }
+
-
 
+
-
</style>
+
-
</head>
+
-
<body id="home">
+
-
<ul class="pmch">
+
-
<li></li>
+
-
<li></li>
+
-
</ul>
+
-
<script type="text/javascript">
+
-
// Choose a hero
+
-
var pmch = new AC.PromoManager('ipad20110302', 'pmch li');
+
-
+
-
var blackout = new AC.Blackout(document.body, 'ipad20110302', { link: '/ipad/' });
+
-
+
-
blackout.setDelegate({
+
-
willFade: function(bo){
+
-
if(AC.Detector.isCSSAvailable('-webkit-animation')){
+
-
//videoTray = $('video-tray');
+
-
//videoTray.addClassName('animate-set');
+
-
//videoTray.addClassName('animate');
+
-
}
+
-
},
+
-
didFade: function(bo){
+
-
if(AC.Detector.isCSSAvailable('-webkit-animation')){
+
-
//videoTray = $('video-tray');
+
-
//videoTray.removeClassName('animate');
+
-
//videoTray.removeClassName('animate-set');
+
-
}
+
-
}
+
-
});
+
-
 
+
-
// Choose blackout images based on promomanager selection
+
-
blackout.addImage('/home/images/ipad2_title_20110308.png', { offsets: [345, 133], dimensions: [289, 95], delay: .5 });
+
-
blackout.addImage('/home/images/ipad2_subhead_20110302.png', { offsets: [233, 256], dimensions: [525, 59], delay: 1 });
+
-
 
+
-
if(pmch.selectedPromoIndex === 0){
+
-
// White hardware
+
-
blackout.addImage('/home/images/ipad2_hero_20110302.png', { offsets: [-318, 115], dimensions: [1314, 480] });
+
-
} else {
+
-
// Black hardware
+
-
blackout.addImage('/home/images/ipad2_hero2_20110302.png', { offsets: [-318, 115], dimensions: [1314, 480] });
+
-
}
+
-
+
-
// When DOM is ready, hide unwanted heroes
+
-
Event.onDOMReady(function() {
+
-
if(pmch.selectedPromoIndex === 0){
+
-
$('hero-2').hide();
+
-
} else {
+
-
$('hero-1').hide();
+
-
}
+
-
});
+
-
</script>
+
-
<script type="text/javascript">
+
-
var searchSection = 'global';
+
-
var searchCountry = 'cn';
+
-
</script>
+
-
<script src="http://images.apple.com/global/nav/scripts/globalnav.js" type="text/javascript" charset="utf-8"></script>
+
-
<div id="globalheader" class="apple">
+
-
<!--googleoff: all-->
+
-
<ul id="globalnav">
+
-
<li id="gn-apple"><a href="/"><span>Apple</span></a></li>
+
-
<li id="gn-store"><a href="http://store.apple.com/cn/"><span>在线商店</span></a></li>
+
-
<li id="gn-mac"><a href="/mac/"><span>Mac</span></a></li>
+
-
<li id="gn-ipod"><a href="/ipod/"><span>iPod</span></a></li>
+
-
<li id="gn-iphone"><a href="/iphone/"><span>iPhone</span></a></li>
+
-
<li id="gn-ipad"><a href="/ipad/"><span>iPad</span></a></li>
+
-
<li id="gn-itunes"><a href="/itunes/"><span>iTunes</span></a></li>
+
-
<li id="gn-support" class="gn-last"><a href="/support/"><span>技术支持</span></a></li>
+
-
</ul>
+
-
<!--googleon: all-->
+
-
<div id="globalsearch">
+
-
<form action="http://www.apple.com/search/" method="post" class="search" id="g-search"><div>
+
-
<label for="sp-searchtext"><input type="text" name="q" id="sp-searchtext" accesskey="s" /></label>
+
-
</div></form>
+
-
<div id="sp-magnify"><div class="magnify-searchmode"></div><div class="magnify"></div></div>
+
-
<div id="sp-results"></div>
+
-
</div>
+
-
</div>
+
-
<script type="text/javascript">
+
-
AC.GlobalNav.Instance = new AC.GlobalNav();
+
-
</script>
+
-
 
+
-
<div id="omniture"><div id="top">
+
-
<!-- SiteCatalyst code version: H.8. Copyright 1997-2006 Omniture, Inc. -->
+
-
 
+
-
 
+
-
+
-
 
+
-
 
+
-
 
+
-
 
+
-
<script type="text/javascript">
+
-
/* RSID: */
+
-
 
+
-
var s_account="applecnglobal"
+
-
 
+
-
</script>
+
-
 
+
-
 
+
-
<script type="text/javascript" src="http://images.apple.com/metrics/scripts/s_code_h.js"></script>
+
-
 
+
-
 
+
-
 
+
-
<script type="text/javascript">
+
-
 
+
-
s.pageName=AC.Tracking.pageName()+" (cn)";
+
-
s.channel="www.cn.homepage"
+
-
 
+
-
 
+
-
 
+
-
 
+
-
s.linkInternalFilters="javascript:,apple.com.cn/"
+
-
 
+
-
/************* DO NOT ALTER ANYTHING BELOW THIS LINE ! **************/
+
-
var s_code=s.t();if(s_code)document.write(s_code)</script>
+
-
<!-- End SiteCatalyst code version: H.8. -->
+
-
</div>
+
-
</div>
+
-
<div id="main">
+
-
<div id="content">
+
-
<div id="billboard">
+
-
<a href="/ipad/" class="block hero trackH" id="hero-1">
+
-
<h1><img src="/home/images/ipad2_title_20110308.png" alt="iPad 2" width="289" height="95" /></h1>
+
-
<h2 style="margin-left:-20px"><img src="/home/images/ipad2_subhead_20110302.png" alt="薄了,轻了,快了。FaceTime,Smart Covers,10 小时电池使用时间。" width="525" height="59" / ></h2>
+
-
<img class="hero-img" src="/home/images/ipad2_hero_20110302.png" alt="" width="1314" height="480" />
+
-
</a>
+
-
<a href="/ipad/" class="block hero trackH" id="hero-2">
+
-
<h1><img src="/home/images/ipad2_title_20110308.png" alt="iPad 2" width="289" height="95" /></h1>
+
-
<h2  style="margin-left:-20px"><img src="/home/images/ipad2_subhead_20110302.png" alt="薄了,轻了,快了。FaceTime,Smart Covers,10 小时电池使用时间。" width="525" height="59" /></h2>
+
-
<img class="hero-img" src="/home/images/ipad2_hero2_20110302.png" alt="" width="1314" height="480" />
+
-
</a>
+
-
<ul id="video-tray">
+
-
                                        <li>
+
-
                                                <a href="/ipad/#video" class="block video-thumb video-trigger trackH">
+
-
                                                        <span class="image">
+
-
 
+
-
                                                                <span class="play"></span>
+
-
                                                                <img src="/home/images/video_thumb_ipad_20110302.jpg" alt="" width="107" height="60" />
+
-
                                                        </span>
+
-
                                                        <span class="link">观看 iPad 2 视频</span>
+
-
                                                </a>
+
-
                                        </li>
+
-
                                        <li>
+
-
                                                <a href="/ipad/#smart-cover" class="block video-thumb video-trigger trackH">
+
-
 
+
-
                                                        <span class="image">
+
-
                                                                <span class="play"></span>
+
-
                                                                <img src="/home/images/video_thumb_smartcover_20110302.jpg" alt="" width="107" height="60" />
+
-
                                                        </span>
+
-
                                                        <span class="link">观看 Smart Cover 操作演示</span>
+
-
                                                </a>
+
-
                                        </li>
+
-
                    </ul>
+
-
 
+
-
</div><!--/billboard-->
+
-
 
+
-
<div id="headlines">
+
-
<div id="ticker"><p><a href="/hotnews/" id="ticker-headline">热点新闻头条</a> <a href="/hotnews/" id="news-link">从 Apple 阅读最新的新闻和信息</a></p></div>
+
-
<a href="/hotnews/feeds/ticker.rss" id="ticker-rss-link"></a>
+
-
</div>
+
-
<ul class="promos">
+
-
<li>
+
-
<a class="trackP" href="http://www.apple.com/apple-events/march-2011/" target="_blank"><img src="/home/images/promo_keynote_20110302.png" alt="观看主题演讲。观看 iPad 2 揭幕视频。" width="231" height="149" /></a>
+
-
</li>
+
-
<li>
+
-
<a class="trackP" href="/ios/"><img src="/home/images/promo_ios_4_3_20110309.png" alt="免费为 iPhone、iPad 和 iPod touch 获取全新功能。" width="231" height="149" /></a>
+
-
</li>
+
-
<li>
+
-
<a class="trackP" href="/macbookpro/"><img src="/home/images/promo_macbookpro_20110302.png" alt="全新 MacBook Pro。配备出类拔萃的处理器,全新的图形功能,突破性的高速 I/O 传输技术。" width="231" height="149" /></a>
+
-
</li>
+
-
<li>
+
-
<a class="trackP" href="/mac/app-store/"><img src="/home/images/promo_macappstore_20110302.png" alt="Mac App Store 现已面市。为 Mac 提供上千款应用程序,即刻在你的 Mac 呈现。" width="231" height="149" /></a>
+
-
</li>
+
-
 
+
-
</ul>
+
-
<!--/promos-->
+
-
+
-
</div><!--/content-->
+
-
+
-
+
-
<div id="homefooter">
+
-
<div id="links">
+
-
<p class="left">访问 <a href="http://store.apple.com/cn/">Apple Store 在线商店</a> (400-666-8800),<a href="/retail/">Apple Store 零售店</a>,或查找在你附近的 <a href="/reseller/">Apple 经销商</a><!--(800-810-2399)-->。</p>
+
-
<ul class="piped right">
+
-
<li><a href="/sitemap/" class="first">网站地图</a></li>
+
-
<li ><a href="/hotnews/">热点新闻</a></li>
+
-
<li><a href="/pr/">媒体中心</a></li>
+
-
<li><a href="/environment/">环境</a></li>
+
-
<li><a href="http://www.apple.com/jobs/cn/" target="_blank">工作机会</a></li>
+
-
<li><a href="/contact/">联系我们</a></li>
+
-
</ul>
+
-
</div><!--/links-->
+
-
+
-
<div class="sosumi">
+
-
<p class="copyright">Copyright &copy; 2011 Apple Inc. 保留所有权利。</p>
+
-
<ul class="piped">
+
-
<li><a href="/legal/" class="first">使用条款</a></li>
+
-
<li><a href="/privacy/">客户私隐政策</a></li>
+
-
</ul>
+
-
<div id="worldwide" style="width:155px\9;_width:155px;">
+
-
<a href="http://www.apple.com/choose-your-country/">
+
-
<img src="/home/elements/china.jpg" alt="People's Republic of China" border="0" height="22" width="22">
+
-
<span class="more">选择你的国家或地区</span>
+
-
</a>
+
-
</div>
+
-
</div><!--/sosumi-->
+
-
<br>
+
-
<div class="sosumi">
+
-
<p><font color="#000000"><a href="http://www.miibeian.gov.cn/" target="_blank">京ICP备10214630</a></font></p>
+
-
</div><!--/sosumi-->
+
-
<div class="display:none;"><script type="text/javascript" src="/global/tracking/wmx_tracking.js"></script></div> 
+
-
</div><!--/homefooter-->
+
-
+
-
           
+
-
</div><!--/main-->
+
-
 
+
-
<!-- Start of DoubleClick Spotlight Tag: Please do not remove-->
+
-
<!-- Creation Date:11/19/07 -->
+
-
<script type="text/javascript">
+
-
var axel = Math.random()+"";
+
-
var a = axel * 10000000000000;
+
-
document.write('<iframe src="http://fls.doubleclick.net/activityi;src=1566767;type=apple663;cat=apple249;ord='+ a + '?" width=1 height=1 frameborder=0><\/iframe>');
+
-
</script>
+
-
<noscript>
+
-
<iframe src="http://fls.doubleclick.net/activityi;src=1566767;type=apple663;cat=apple249;ord=1?" width=1 height=1 frameborder=0></iframe>
+
-
</noscript>
+
-
<!-- End of DoubleClick Spotlight Tag: Please do not remove-->
+
</body>
</body>
</html>
</html>

Revision as of 06:48, 8 April 2011

<!DOCTYPE html> Apple