/* ----------------------------- wwdc 2010 Global/Multiple Page Styles ----------------------------- */ a.pdf { background: url(../../assets/elements/icons/12x12/pdf.gif) 0 0.4em no-repeat; display: block; padding-left: 20px; } a[rel="external"], a.external { background-position:100% 49%; } #main .page { border-top:1px solid #F1F1F1; clear:both; padding-top:12px; margin:0 20px; height:35px; } #main a.arrow_prev { background:transparent url(../../assets/elements/arrows/pagenav_arrowleft.gif) no-repeat scroll 0 0.2em; display:block; float:left; padding-left:20px; } #main a.arrow_next { background:transparent url(../../assets/elements/arrows/pagenav_arrowright.gif) no-repeat scroll 100% 0.2em; display:block; float:right; padding-right:20px; } #content #pagenav { width: 655px !important; position: absolute; right: 42px; bottom: 48px; } /* #main */ #main { background:none !important; background-color:#fff; width: 980px !important; } /* #content */ #main #content { border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; background:none; padding:3em 40px 40px !important; margin: 0 auto; position: relative; padding: 0; -webkit-box-shadow: rgba(0,0,0,0.3) 0 1px 3px; -moz-box-shadow: rgba(0,0,0,0.3) 0 1px 3px; *border:1px solid; *border-color:#e5e5e5 #dbdbdb #d2d2d2; } #main #content .flushleft { margin-left:-40px; } #main #content .flushright { margin-right:-40px; } #main #content .padleft { padding-left:40px; } #main #content .padright { padding-right:40px; } #wwdc10_about #main #content, #wwdc10_events #main #content, #wwdc10_awards #main #content, #wwdc10_faq #main #content, #wwdc10_tracks #main #content, #wwdc10_labs #main #content, #wwdc10_tracks_details #main #content, #wwdc10_denied #main #content, #wwdc10_maps #main #content, #wwdc10_app #main #content, #wwdc11_app #main #content, #wwdc10_app_legal #main #content, #wwdc10_guide #main #content, #wwdc10_news #main #content { background: #ffffff url(../../wwdc/images/wwdc11_nav_bk.jpg) repeat-x !important; } #main #content h1 { margin-top: 50px; margin-bottom: .4em; } #main #content h2 { color:#333; margin:5px 0; } #main #content p.intro { font-size: 16px; line-height: 1.6em; } #main #content h1 + p.intro { margin-top: 0; } #main #content p { font-size:14px; } /* a.block */ a.block { display: block; text-decoration: none; } a.block p.sosumi em { font-size: 11px !important; line-height: 1em !important; } a.block em { font-style: normal; color: #08c; } a.block em.more { background:url(../../assets/elements/arrows/morearrow_08c.gif ) no-repeat scroll 100% 50%; padding-right:10px; white-space:nowrap; } a.block:hover em { text-decoration: underline; } a.block p { color: #000; } /* .callout.buy-now */ #main #content .callout.buy-now { width: 280px; position: relative; margin-top:-60px; margin-bottom: 2.5em; padding-bottom:18px; } #main #content .callout.buy-now img { float:left; margin:-34px 36px 0 -40px; } #main #content .callout.buy-now h3 { font-size:14px; } #main #content .callout.buy-now h4 { margin-bottom: 1.4em; } #main #content .callout.buy-now p { font-size: 12px; margin-top:10px; margin-bottom:12px; } #main #content .callout.buy-now a.button { margin-right: .5em; } #main #content .callout.buy-now.ticket { padding-bottom:10px; } #main #content .callout.buy-now.ticket h3 { font-size:12px; margin-top:10px; } #main #content .buy-now.soldout img { float:left; margin-top:-76px; margin-left:-59px; _position:relative; } /* img.framed */ img.framed { border: 5px solid #fff; -moz-box-shadow: 1px 1px 4px rgba(0,0,0,.3); -moz-border-radius: 2px; -webkit-box-shadow: 1px 1px 4px rgba(0,0,0,.3); -webkit-border-radius: 2px; } /* OverlayPanel */ .OverlayPanel { position: relative; } .OverlayPanel .enlarge { display: block; position: absolute; height: 25px; width: 25px; background: url(../../wwdc/images/wwdc10_plus_sign20100416.png) no-repeat; top: -8px; left: -8px; } .OverlayPanel .sosumi { color:#999 !important; font-size:11px !important; text-align:center; margin-top: 3px; -webkit-transition: color .3s linear; } .OverlayPanel:hover .sosumi { color:#08c !important; } .OverlayPanel img.framed { -webkit-transition: border-color .3s linear; } .OverlayPanel:hover img.framed { border-color: #f5f5f5; -webkit-transition: border-color .3s linear; } /* Hero Nav */ #main #content .hero-nav { background: #fff url(../../wwdc/images/wwdc11_nav_bk.jpg) repeat-x 0 bottom; margin:-37px -40px 0; height:249px; text-align:center; -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; } #main #content .hero-nav img.title { margin:25px 0 16px; } #main #content .hero-nav ul { text-align:center; margin-bottom:0; } #main #content .hero-nav li { display:-moz-inline-stack; display:inline-block; *display:inline; zoom: 1; vertical-align:top; margin: 0 -3px; *margin: 0 -1px; width:185px; height:145px; color:#ccc; text-align:center; background:transparent url(../../wwdc/images/wwdc11_nav_pinline.jpg) no-repeat scroll 0 100%; } #main #content .hero-nav li img { margin:15px 20px 7px; } #main #content .hero-nav li span { color:#000; text-shadow: 1px 1px white; } #main #content .hero-nav li a { color:#ccc; display:inline-block; width: 183px; height: 147px; background:transparent url(../../wwdc/images/wwdc11_nav_pinline.jpg) no-repeat scroll 100% 100%; } #main #content .hero-nav li a:hover { text-decoration:none; background:url(../../wwdc/images/wwdc11_nav_hover.jpg) no-repeat scroll 100% 100%; } #wwdc10_news #main .hero-nav a#news-link, #wwdc10_about #main .hero-nav a#experience-link, #wwdc10_guide #main .hero-nav a#experience-link, #wwdc10_tracks #main .hero-nav a#sessions-link, #wwdc10_events #main .hero-nav a#events-link, #wwdc10_faq #main .hero-nav a#faq-link, #wwdc10_awards #main .hero-nav a#events-link { background: url(../../wwdc/images/wwdc11_nav_active.jpg) no-repeat scroll 100% 100%; height: 157px; } #wwdc10_about #main .hero-nav a#experience-link:hover, #wwdc10_tracks #main .hero-nav a#sessions-link:hover, #wwdc10_events #main .hero-nav a#events-link:hover, #wwdc10_faq #main .hero-nav a#faq-link:hover, #wwdc10_awards #main .hero-nav a#events-link:hover { cursor:default; } /* Promofooter */ #promofooter4.promos-180 li.promo { position: relative; } #promofooter4.promos-180 li.promo a.block { display: block; } #promofooter4.promos-180 li.promo a.block p { padding: 0 17px; } #promofooter4.promos-180 li.promo a.block em.more { font-style: normal; color: #08c; white-space: nowrap; padding-right: 10px; background: url(../../assets/elements/arrows/morearrow_08c.gif) no-repeat 100% 0.4em; zoom: 1; } #promofooter4.promos-180 li.promo a.block:hover em.more { text-decoration: underline; } #promofooter4.promos-180 li.promo a.block:hover h3, #promofooter4.promos-180 li.promo a.block:hover h4, #promofooter4.promos-180 li.promo a.block:hover h5 { color: #08c; } #promofooter4.promos-180 li.promo a.block img { position: absolute; top: -4px; left: 0; } /* ----------------------------- wwdc 2010 Single Page Styles ----------------------------- */ /* wwdc10_index */ #wwdc10_index #main #content h1 { margin-top: 15px; } #wwdc10_index #main { margin-left: 0 !important; } #wwdc10_index #main #content { background:#fff; padding: 0 40px 0 40px !important; } #wwdc10_index #main .mainHero { height:507px; width:980px; margin:0 0 0 -40px; background: url(../../wwdc/images/wwdc11_hero_full.jpg) no-repeat scroll 100% 100%; border-top-left-radius: 4px; border-top-right-radius: 4px; -webkit-border-top-left-radius: 4px; -webkit-border-top-right-radius: 4px; -moz-border-radius-topleft: 4px; -moz-border-radius-topright: 4px; -o-border-radius: 4px; } #wwdc10_index #main .grid2cola { height:345px; color:#fff; } #wwdc10_index #main .grid2cola h1 { margin-bottom:25px; } #wwdc10_index #main .grid2cola h2 { font-size:22px; font-weight:normal; color:#fff; margin-bottom:6px; } #wwdc10_index #main .grid2cola p.intro { color:#fff; font-size:14px; } #wwdc10_index #main .grid2cola .column.first { width:500px; } #wwdc10_index #main .grid2cola .column.last { width:365px; } #wwdc10_index #main .grid2cola .column.last img { margin-top:-4px; } .divider { display:block; background: url(../../wwdc/images/divider.gif) no-repeat; width:900px; height:10px; } #wwdc10_index #main .grid3col.hero { height:76px; width:100%; } #wwdc10_index #main .grid3col.hero .column.first { width:320px; font-weight: bold; font-size: 14px; text-shadow: 1px 2px 0 rgba(255,255,255,.80); } #wwdc10_index #main .grid3col.hero .column.first img { margin-top:-90px; } #wwdc10_index #main .grid3col.hero .column { margin-top:26px; } #wwdc10_index #main .grid3col.hero .column.date-location { width:366px; margin-left: 0; font-weight: bold; font-size: 14px; text-shadow: 1px 2px 0 rgba(255,255,255,.80); } #wwdc10_index #main .grid3col.hero .column.date-location p { text-align:center; font-weight:normal; } #wwdc10_index #main .grid3col.hero .column.date-location span { margin-left:15px; } #wwdc10_index #main .grid3col.hero .column.last { width:200px; } #wwdc10_index #main .grid3col.hero .column.last p { padding-top:2px; text-align: right; font-size:12px; font-weight:normal; } #wwdc10_index #main .grid3col.hero .column.last span { margin-right:8px; } #wwdc10_index #main .grid3col.hero .column.last img.soldout { float:right; } #wwdc10_index #main .grid5col.buckets { background:url(../../wwdc/images/divider_gradient.gif) repeat-x; margin:0 -40px; width:980px; position:relative; border-top:1px solid #fff; } #wwdc10_index #main .grid5col.buckets .column { text-align:center; margin:0; padding:0; width:196px; height:242px; background:url(../../wwdc/images/bg_buckets.jpg) 100% 100% no-repeat; } #wwdc10_index #main .grid5col.buckets .column.last { background:none; } #wwdc10_index #main .grid5col.buckets .column img { margin:0 auto; } #wwdc10_index #main .grid5col.buckets .column img#schedule { } #wwdc10_index #main .grid5col.buckets .column a { display:block; padding:28px 22px 0; height:214px; } #wwdc10_index #main .grid5col.buckets .column a p { margin-bottom:9px; } #wwdc10_index #main .grid5col.buckets .column a:hover { background:url(../../wwdc/images/bucket_gradient_hover_20110616.png) repeat-x 0 bottom; } #wwdc10_index #main .grid5col.buckets .column a h3 { font-size:14px; text-align:left; } #wwdc10_index #main .grid5col.buckets .column a:hover p { color:#08c; } #wwdc10_index #main .grid5col.buckets .column a p { color:#666; font-size:12px; text-align:left; } /* soldout */ .soldout #main #content a.button.disabled, div.button.disabled { opacity:0.4; *margin-top:25px; } .soldout #main #content a.button span, div.button input, div.button .input { text-shadow:none; color:#fff; } .soldout #main #content .soldoutTitle { color:#C00; font-weight:bold; text-shadow:none; *position:relative; *top:-5px;} .soldout #main #content .soldoutText { color:#999; text-shadow:none;} .soldout #main #content .soldoutBadge { padding-left:23px; margin-top:-46px; margin-bottom:2.7em;} /* wwdc10_news */ #wwdc10_news #content h1 { border-bottom:1px solid #ccc; display:block; padding-bottom:.4em; margin-bottom:0; } #wwdc10_news .day { border-bottom:1px solid #ccc; margin-bottom:35px; padding-top:32px; } #wwdc10_news .day.no-nav { padding-top:60px; } #wwdc10_news .day.last { border-bottom:none; } #wwdc10_news .day h3 { display:block; width:150px; float:left; font-weight:normal; color:#666; } #wwdc10_news .grid2col.event { float:right; width:736px; padding-bottom:40px; } #wwdc10_news .grid2col.event.last { padding-bottom:25px; } #wwdc10_news .grid2col.event .column.first { width:510px; } #wwdc10_news .grid2col.event .column.first h4 { font-size:16px; line-height:26px; margin-bottom:5px; } #wwdc10_news .grid2col.event .column.last { width:160px; } #wwdc10_news ul#topnavlinks a.today, #wwdc10_news ul#topnavlinks a.today:hover{color:#000;font-weight:bold;cursor:default;text-decoration:none;} #wwdc10_news ul#topnavlinks a.future, #wwdc10_news ul#topnavlinks a.future:hover{color:#666;cursor:default;text-decoration:none;} #wwdc10_news #main #content .right.piped { margin-top:10px; } /* wwdc10_app */ #wwdc10_app p.intro { margin-bottom:45px; } #wwdc10_app .grid2col .column.first { width:345px; } #wwdc10_app .grid2col .column.first .callout { margin-top:57px; } #wwdc10_app .grid2col .column.first .callout h3 { font-size:14px; font-weight:bold; padding:15px 0 5px; } #wwdc10_app .grid2col .column.last { width:447px; padding-right:30px; } #wwdc10_app .grid2col .column.last h3 { font-size:16px; } #wwdc10_app .grid2col .column.last h3.new { display:inline-block; padding-right:45px; background:url(../../wwdc/images/icon_new.png) 100% 50% no-repeat; } #wwdc10_app .grid2col .column.last p { margin-bottom:30px; } /* wwdc10_maps */ #wwdc10_maps #nav li a#nav-map { color:#fff; } #wwdc10_maps #content .mapsnav { margin:46px 0 -31px 8px; _height:23px; } #wwdc10_maps #content .mapsnav:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } #wwdc10_maps #content .mapsnav a { position:relative; z-index:10; float:left; display:inline; height:23px; line-height:23px; overflow:hidden; text-indent:-9999px; } #wwdc10_maps #content .mapsnav a:hover { cursor:pointer; } #wwdc10_maps #content .mapsnav a.floorplansbtn { width:96px; background:url(../../wwdc/images/maps_floorplans20090526.png) 0 0 no-repeat; } #wwdc10_maps #content .mapsnav a.aroundmosconebtn { width:131px; background:url(../../wwdc/images/maps_aroundmoscone20090526.png) 0 0 no-repeat; } #wwdc10_maps #content .mapsnav a.active { background-position:0 -23px; } #wwdc10_maps #content #mainwrapper { position:relative; min-height:638px; _height:638px; width:100%; margin:0 !important; padding-bottom:4em; text-align:center; border:1px solid #ddd; -webkit-border-radius:5px; -moz-border-radius:5px; -khtml-border-radius:5px; -o-border-radius:5px; background:#fefefe url(../../wwdc/images/maps_floorplanbg20090526.gif) top repeat-x; zoom:1; } #wwdc10_maps #content #mainwrapper:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } #wwdc10_maps #content .maincontent { display:none; position:absolute; top:60px; left:0; width:100%; _height:638px; } #wwdc10_maps #content .maincontent:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } #wwdc10_maps #content #mainwrapper .maincontent { display:block; } #wwdc10_maps #content .maincontent#MASKED-floorplans .toggle { position:relative; margin:-48px 0 12px 260px; _height:23px; text-align:left; } #wwdc10_maps #content .maincontent#MASKED-floorplans .toggle a { padding:1px 20px; color:#666; text-decoration:none; cursor:pointer; background:url(../../wwdc/images/maps_radio20090526.gif) 0 50% no-repeat; } #wwdc10_maps #content .maincontent#MASKED-floorplans .toggle a:hover { cursor:pointer; color:#08c; } #wwdc10_maps #content .maincontent#MASKED-floorplans .toggle a.active { background:url(../../wwdc/images/maps_radio_checked20090526.gif) 0 50% no-repeat; } #wwdc10_maps #content .maincontent#MASKED-floorplans #level1, #wwdc10_maps #content .maincontent#MASKED-floorplans #level2, #wwdc10_maps #content .maincontent#MASKED-floorplans #level3 { display:none; } #wwdc10_maps #content .maincontent#MASKED-floorplans #floorplan { margin-top:32px; text-align:center; } #wwdc10_maps #content .maincontent#MASKED-floorplans #floorplan img { display:none; position:absolute; top:35px; left:5px; } #wwdc10_maps #content .maincontent#MASKED-floorplans #floorplan .floorcontent img { display:block; position:absolute; } #wwdc10_maps #content img.right { margin:1em 1em 0 !important; } #wwdc10_maps #content .maincontent#MASKED-aroundmoscone .grid3col { width:837px; padding:1em 0 4em 24px; } #wwdc10_maps #content .maincontent#MASKED-aroundmoscone .grid3col:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } #wwdc10_maps #content .maincontent#MASKED-aroundmoscone .grid3col h3 { clear:both; margin:0 0 1.2em; padding:2em 0 0.5em; border-bottom:1px solid #ddd; text-align:left; } #wwdc10_maps #content .maincontent#MASKED-aroundmoscone .grid3col h3.parking { padding-top:0; } #wwdc10_maps #content .maincontent#MASKED-aroundmoscone .grid3col .column { width:28%; margin:1em 0 0.5em 43px !important; _margin-left:20px !important; font-size:11px; text-align:left; } #wwdc10_maps #content .maincontent#MASKED-aroundmoscone .grid3col .column img { position:relative; float:left; margin:0 0 0 -43px; } #wwdc10_maps #content .maincontent#MASKED-aroundmoscone .grid3col .column h4 { margin-bottom:0.2em; font-size:12px; font-weight:bold; } #wwdc10_maps #content .maincontent#MASKED-aroundmoscone .grid3col .column span { margin-left:39px; } #wwdc10_maps #content .maincontent#MASKED-aroundmoscone .grid3col .column span.dolla { margin-left:36px; } #wwdc10_maps #content .maincontent#MASKED-aroundmoscone .grid3col .column a.more { display:table; text-align:left; } #wwdc10_maps #content .maincontent#MASKED-aroundmoscone .grid3col .column a.more:hover { text-decoration:underline; } #wwdc10_maps #content .maincontent#MASKED-aroundmoscone .grid3col .column.first { clear:both; } #wwdc10_maps #content .maincontent#MASKED-aroundmoscone .grid3col .column.transit { padding:10px 0px 10px 43px; margin:0 !important; width:232px; height:128px; background:url(../../wwdc/images/maps_around_transbg20090526.jpg) 0 0 no-repeat; } /* wwdc10_about */ #wwdc10_about #main #content h1 { margin-bottom:18px; } #wwdc10_about #main #content h2 { padding-top:33px; } #wwdc10_about #main #content .section { clear:both; } #wwdc10_about #main #content .section img.left { margin-right:62px; } #wwdc10_about #main #content .section img.right { margin-left:40px; } /* wwdc10_guide */ #wwdc10_guide #main #content h1 { margin-bottom:26px; } #wwdc10_guide #main #content h2 { padding-top:33px; font-size:24px; } #wwdc10_guide #main #content h3 { font-size:18px; } #wwdc10_guide #main #content .section { clear:both; } #wwdc10_guide #main #content .section img.left { margin-right:62px; } #wwdc10_guide #main #content .section img.right { margin-top:30px; margin-left:40px; } #wwdc10_guide #main #content .section img.small { margin-left:0px; } #wwdc10_guide p.intro { margin-bottom:50px; } #wwdc10_guide p.subtitle { margin-bottom:0; } #wwdc10_guide ul.checkmark { margin-bottom:0; } #wwdc10_guide ul.checkmark li { background:url(../../wwdc/images/checkmark.gif) no-repeat 12px 50%; padding:3px 0 3px 38px; font-size:14px; } #wwdc10_guide .grid2col.hero { margin-left:-40px; margin-right:-40px; padding:50px 40px 0; } #wwdc10_guide .grid2col.hero .column.first { width:44%; margin-top:-32px; } #wwdc10_guide .grid2col.hero .column.last img { margin-top:-50px; margin-left:-100px; } #wwdc10_guide .grid2col.section { padding-top:60px; } #wwdc10_guide .grid2col.section p { margin-bottom:40px; } #wwdc10_guide .grid2col.section img.snapshot { margin-bottom:25px; } #wwdc10_guide .grid2col.section.first { padding-top:28px; } #wwdc10_guide .grid2col.section.first .icon { width:320px; } /* wwdc10_events */ #wwdc10_events #main #content { padding:3em 40px 0px !important; } #wwdc10_events p.intro { margin-right:75px; margin-bottom:90px; } #wwdc10_events .day { border-bottom:1px solid #ccc; margin-bottom:35px; } #wwdc10_events .day.last { border-bottom:none; } #wwdc10_events .day h3 { display:block; width:150px; float:left; font-weight:normal; color:#666; } #wwdc10_events .grid2col.event { float:right; width:736px; padding-bottom:40px; } #wwdc10_events .grid2col.event.last { padding-bottom:25px; } #wwdc10_events .grid2col.event .column.first { width:386px; } #wwdc10_events .grid2col.event .column.first h4 { font-size:16px; line-height:26px; margin-bottom:5px; } #wwdc10_events .grid2col.event .column.last { width:299px; } /* wwdc10_awards */ #wwdc10_awards #main #content .hero { padding-bottom: 20px; } #wwdc10_awards #main #content .hero .column.first { width:510px; } #wwdc10_awards #main #content .hero .column.first p.intro { margin-bottom: 50px; } #wwdc10_awards #main #content .hero .column.first h2 { font-size:16px; padding-bottom: 5px; margin-bottom:0; } #wwdc10_awards #main #content .winner .sosumi { margin-bottom: 5px; clear: none; } #wwdc10_awards #main #content .winner p { font-size: 12px; clear: left; } #wwdc10_awards #main #content .winner { margin-bottom: 40px; margin-top: 40px; } #wwdc10_awards #main #content .grid2col.excellence .column.first { width:428px; } #wwdc10_awards #main #content .grid2col.excellence .column.first ul { margin-bottom:35px; } #wwdc10_awards #main #content .grid2col.excellence .column.first li { background: url(../../wwdc/images/checkmark.gif ) no-repeat 0 4px; padding-left:22px; padding-bottom:8px; } #wwdc10_awards #main #content .grid2col.excellence .column.first li p { padding-left:0; } #wwdc10_awards #main #content .grid2col.excellence .column.first p { padding-left:22px; } #wwdc10_awards #main #content .grid2col.excellence .column.last { width:380px; } #wwdc10_awards #main #content .grid2col.excellence .column.last img { margin-top:-30px; } #wwdc10_awards #main #content .callout.winners { padding:20px 24px 35px; background: #fff; background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#FBFBFB)); margin-bottom:0; } #wwdc10_awards #main #content .callout.winners h3 { font-size:16px; } #wwdc10_awards #main #content .callout.winners p { padding-bottom:20px; margin-right:80px; } #wwdc10_awards.winners #main #content .hero .column.first { width:557px; } #wwdc10_awards.winners #main #content .hero .column.first p.intro { font-size:16px; } #wwdc10_awards.winners #main #content .hero .column.last p { width:255px; } #wwdc10_awards.winners #main #content .grid2col.clear { background:#ffffff url(../../wwdc/images/1x1.gif) repeat-y 445px top; } #wwdc10_awards.winners #main #content .winner h3 { margin-bottom:0; } #wwdc10_awards.winners #main #content .winner p.sosumi { font-size:12px !important; } #wwdc10_awards.winners .galleryoverlay .section img { -webkit-box-reflect: below -4px -webkit-gradient(linear, 0 0, 0 100%, from(transparent), color-stop(0.96, transparent), to(rgba(0, 0, 0, 0.246094))) 0 0 0 0 stretch stretch; } #wwdc10_awards.winners .galleryoverlay .gallerynav { bottom: -104px; margin-left: -48px; width: 990px; } #wwdc10_awards #main #content #ada-winners-overlay.column.last { padding-top:40px; } /* wwdc10_faq */ #wwdc10_faq #main #content h1 { margin-bottom: 1em; } #wwdc10_faq #main #content h2 { margin-bottom:0.8em; line-height:1.2em; color:#000; } #wwdc10_faq #main #content p { font-size:12px; } #wwdc10_faq #main #content ul.faqlist { margin-left:26px; height:100px; } #wwdc10_faq #main #content ul.faqlist li { float:left; width:170px; text-align:center; } #wwdc10_faq #main #content ul.faqlist img { display:block; margin:0 26px 8px; } #wwdc10_faq #main #content #transit h2, #wwdc10_faq #main #content #awards h2, #wwdc10_faq #main #content #students h2, #wwdc10_faq #main #content #attendance h2 { padding-top:30px; } #wwdc10_faq #main #content #transit img.center { margin-bottom:20px; } #wwdc10_faq #main #content hr { margin:20px 0; } #main #content a.arrowup { background-position:100% 0.4em; position: absolute; right: 40px; } #main #content a.arrowup { background:transparent url(../../wwdc/images/as_arrowup.gif) no-repeat scroll 100% 50%; padding-right:10px; white-space:nowrap; } #wwdc10_faq #main #content ul.tight {margin-top:-0.7em; margin-bottom:2em; line-height:1.1em;} #wwdc10_faq #main #directions { padding-bottom: 20px; margin-bottom: 3em; } #wwdc10_faq #main #directions .grid2cola { font-size: 12px; } #wwdc10_faq #main #directions .grid2cola span { color:#666; } #wwdc10_faq #main #directions .grid2cola strong { color:#333; line-height: 1.8em; } #wwdc10_faq #main #directions .grid2cola .column.last { width:170px; } #wwdc10_faq #main #directions .hcard .adr, #wwdc10_faq #main #directions .hcard .street-address, #wwdc10_faq #main #directions .hcard .tel { display:block; } /* wwdc10_students */ #wwdc10_students #main #content { padding:1.5em 40px 20px !important; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; background: #ffffff url(../../wwdc/images/wwdc10_short_hero_bk.png) repeat-x !important; } #wwdc10_students #main #content h1 { margin-top: 70px; } #wwdc10_students #main #content p.intro { margin-bottom:5em; } #wwdc10_students #main #content img.righttop { margin: -60px 0 0 0; float:right; } #wwdc10_students #main #content .grid2colb.padding { margin:20px 0; } #wwdc10_students #main #content .grid2colb .column.first { width:580px; } #wwdc10_students #main #content .grid2colb .column.first h3 { margin-bottom:1em; } #wwdc10_students #main #content .grid2colb .column.last { width:300px; } #wwdc10_students #main #content .grid2cola h3 { margin-bottom:1.2em; } #wwdc10_students #main #content .grid2colb li { margin-top:8px; background: url(../../wwdc/images/checkmark.gif ) no-repeat 0 4px; padding-left:15px; } #wwdc10_students #main #content .callout { height:120px; } #wwdc10_students #main #content .grid2cola { padding:20px 0; border-top: 1px solid #ccc; } #wwdc10_students #main #content .grid2cola h2 { margin-bottom:30px; } #wwdc10_students #main #content .grid2cola .column.first { width:450px; } #wwdc10_students #main #content .grid2cola .column.last{ width:400px; } /* wwdc10_tracks */ #wwdc10_tracks .flushright { margin-right:-40px; } #wwdc10_tracks #main h2 { font-size:24px;} #wwdc10_tracks #main h3 { font-size:18px; } #wwdc10_tracks #main #content p.intro { margin-bottom:65px; } #wwdc10_tracks #main #content #sessionscontent { width:100%; padding-top:56px; } #wwdc10_tracks #main #content #sessionscontent .grid2cola { padding:56px 0 46px 0; /*margin-top:30px;*/ border-bottom:1px solid #ccc; } #wwdc10_tracks #main #content #sessionscontent .grid2cola#frameworks { padding-top:0; } #wwdc10_tracks #main #content #sessionscontent .grid2cola#frameworks .column.last { width:505px; } #wwdc10_tracks #main #content #sessionscontent .grid2cola#graphics { padding-bottom:0; } #wwdc10_tracks #main #content #sessionscontent .grid2cola#graphics .column.first { width:511px; } #wwdc10_tracks #main #content #sessionscontent .grid2cola#graphics img { padding-top:9px; } #wwdc10_tracks #main #content #sessionscontent .grid2cola#developer .column.last { width:509px; } #wwdc10_tracks #main #content #sessionscontent .grid2cola#developer img { padding-top:37px; padding-left:42px; } #wwdc10_tracks #main #content #sessionscontent .grid2cola#internet .column.first { width:470px; } #wwdc10_tracks #main #content #sessionscontent .grid2cola#internet img { padding-top:25px; padding-right:19px; } #wwdc10_tracks #main #content #sessionscontent .grid2cola#core .column.last { width:501px; } #wwdc10_tracks #main #content #sessionscontent .grid2cola#core img { padding-top:50px; padding-left:76px; } #wwdc10_tracks #main #content #sessionscontent .grid2cola.last { border:none; } #wwdc10_tracks #main #content #sessionscontent #sessionsnav { padding: 13px 20px 0; height:49px; background: url(../../wwdc/images/wwdc10_sessions_nav.png) repeat-x; } #wwdc10_tracks #main #content #sessionscontent #sessionsnav li { float:left; margin-right:9px; } #wwdc10_tracks #main #content #sessionscontent #sessionsnav li a { color:#fff; height:25px; } #wwdc10_tracks #main #content #sessionscontent .session { width:840px; padding:20px 10px; margin:20px; border-bottom:1px solid #ccc; } #wwdc10_tracks #main #content #sessionscontent .session.last { border:none; } #wwdc10_tracks #main #content #sessionscontent .swap-content{ display:none; } #wwdc10_tracks #main #content #sessionscontent .swap-content.active{ display:block; } #wwdc10_tracks #main #content .buy-now p { padding-right:10px;} #wwdc10_tracks #main #content .callout { padding:20px 19px 20px; margin-top:-60px; } #wwdc10_tracks #main #content .callout p { font-size:12px; margin-bottom:17px; } #wwdc10_tracks #main #content .callout h4 { font-size:14px; margin-bottom:.3em; } #wwdc10_tracks #main #content a.button.logout, div.button.logout { opacity:0.8; *margin-top:25px; } #wwdc10_tracks #main #content a.button.logout span { text-shadow:none; color:#000; } /* Labs Overview */ #wwdc10_labs .flushright { margin-right:-40px; } #wwdc10_labs #main h3 { font-size:14px; } #wwdc10_labs #main #content p.intro { margin-bottom:70px; } #wwdc10_labs.labs #main #content .callout { padding:20px 19px 26px; margin-top:-21px; } #wwdc10_labs.labs #main h1 { margin-top:0; } #wwdc10_labs.labs #main .arrowup { margin:25px 15px 0 0; } #wwdc10_labs.labs #main .grid2cola.hero { margin:50px 0 10px; } #wwdc10_labs.labs #main .grid2cola.hero .column.first { width:508px; } #wwdc10_labs.labs #main .grid2cola.hero .column.last { width:347px; } #wwdc10_labs.labs #main .grid4col.tiles { background:url(../../wwdc/images/divider_gradient.gif) 0 100% repeat-x; padding-bottom:60px; margin-bottom:10px; } #wwdc10_labs.labs #main .grid4col.tiles .column.shadow { background:url(../../wwdc/images/bg_buckets.jpg) 100% 0 no-repeat; } #wwdc10_labs.labs #main .grid4col.tiles .column ul li { list-style-type:disc; margin-left:18px; padding-bottom:5px; } #wwdc10_labs.labs #main .grid4col.tiles .column a.moreDown { white-space:nowrap; padding-right:10px; background:url(../../wwdc/images/arrow_down.png) 100% 50% no-repeat; } #wwdc10_labs.labs #main .grid4col.tiles .column img#question { padding-left:43px; } #wwdc10_labs.labs #main .grid4col.tiles .column img#app { display:block; margin:0 auto 13px; } #wwdc10_labs.labs #main .grid4col.tiles .column.last { width:20%; } #wwdc10_labs.labs #main .grid4col.tiles .column.last a:hover p { color: #0088cc; } #wwdc10_labs.labs #main .grid4col.tiles .column p { font-size:12px; color:#262626; } #wwdc10_labs.labs #main .section { padding:65px 0; } #wwdc10_labs.labs #main .section h2 { font-size:24px; font-weight:normal; margin:0; } #wwdc10_labs.labs #main .grid2colc.section .column.first { width:220px; } #wwdc10_labs.labs #main .grid2colc.section .column.last { width:560px; padding-right:20px; } #wwdc10_labs.labs #main .grid2colc.section .column.last h3 { font-size:18px; } #wwdc10_labs.labs #main .grid2colc.section .column.last hr { margin:35px 0; } #wwdc10_labs.labs #main .grid2col.faqs { padding-top:55px; padding-bottom:0; } #wwdc10_labs.labs #main .grid2col.faqs h2 { background:url(../../wwdc/images/labs_overview_faqs_small.jpg) no-repeat; padding:15px 0 25px 65px; margin-bottom:20px; font-size:24px; } #wwdc10_labs.labs #main .grid2col.faqs p.last { margin-bottom:0; } /* Overlay Gallery Styles */ #content .galleryoverlay { display: none; } .galleryoverlay { width: 900px; height: 518px; margin-top: -25px; } .galleryoverlay .overlayPanelContent { overflow: visible !important; } .galleryoverlay img.overlayPanelShadowImage { left:-2.2% !important; width:104.3% !important; height:124.5% !important; } .galleryoverlay .closeButtonContainer { top: -37px !important; } .galleryoverlay .section { position: absolute; } .galleryoverlay .section img { margin: 20px 80px 0; -webkit-box-reflect: below -4px -webkit-gradient(linear, 0 0, 0 100%, from(transparent), color-stop(0.9, transparent), to(rgba(0,0,0,0.25)));} .galleryoverlay .caption { width: 900px; text-align: center; font-weight: bold; margin-top:10px; border-bottom: 1px solid #cdcdcd; } .galleryoverlay .gallerynav { position: absolute; bottom: -108px; left: 0; width: 900px; text-align: center; z-index: 5; } .galleryoverlay .gallerynav li { display: inline; margin: 0 5px; } .galleryoverlay .gallerynav li a { outline: none; } .galleryoverlay .gallerynav li img { padding: 5px; border: 1px solid #fff; } .galleryoverlay .gallerynav li .active img { border-color: #999; } .gallery-launcher li img { border: 1px solid #e5e5e5; padding: 4px; background-color: #fff; } .gallery-launcher li a:hover img { border-color: #ccc; } /* wwdc11_app */ #wwdc11_app #main #content h1 { margin-bottom: 50px; } #wwdc11_app #main #content .callout { margin-top: 60px; padding: 25px 25px 35px 40px; } #wwdc11_app #main #content .callout p.intro { margin-bottom: 20px; } #wwdc11_app #main #content .callout .button { margin-bottom: 20px; } #wwdc11_app .hero { margin-bottom: 50px; } #wwdc11_app .grid2col .column h3 { font-size: 16px; } #wwdc11_app .grid2col .column.last h3.new { display:inline-block; padding-right:45px; background:url(../../wwdc/images/icon_new.png) 100% 50% no-repeat; } #wwdc11_app .grid2col .column p { margin-bottom: 30px; }