/* @override http://developer-dev.apple.com/technologies/styles/technology.css */ /****************** Technology.css ******************/ /* ugly sidebar ------------------------*/ #main .sidebar { font-size:11px; } #main .sidebar img.promo { margin:0 0 .6em; } /* subnav */ #main #subnav { position:relative; margin:0 0 .6em; background:url(https://web.archive.org/web/20110412184400im_/http://devimages.apple.com/technologies/images/subnav_bg.png) repeat-y 0 0; behavior:url(/web/20110412184400im_/http://developer.apple.com/global/scripts/lib/iepngfix_scale.htc); } #main #subnav .cap.bottom { position:absolute; width:100%; height:6px; left:0; bottom:0; margin:-6px 0 0; background:url(https://web.archive.org/web/20110412184400im_/http://devimages.apple.com/technologies/images/subnav_bgbottom.png) no-repeat 0 0; behavior:url(/web/20110412184400im_/http://developer.apple.com/global/scripts/lib/iepngfix.htc); } #main #subnav ul { margin:0; padding:1px 3px 2px 1px; background:url(https://web.archive.org/web/20110412184400im_/http://devimages.apple.com/technologies/images/subnav_bgtop.gif) no-repeat 0 0; } #main #subnav ul li { margin:0; padding:.7em 0 .5em; border-bottom:1px solid #e0e0e0; } #main #subnav ul li a { display:block; padding:0 12px; background:url(https://web.archive.org/web/20110412184400im_/http://devimages.apple.com/technologies/images/subnav_itemarrow.gif) no-repeat 96% 0; } #main #subnav ul li a:hover { background-position:96% -50px; } body#overview #main #subnav ul li#sn-overview, body#tools #main #subnav ul li#sn-tools, body#cocoa #main #subnav ul li#sn-cocoa, body#features #main #subnav ul li#sn-features { background:#d2d2d2 url(https://web.archive.org/web/20110412184400im_/http://devimages.apple.com/technologies/images/subnav_item.gif) repeat-x 0 0; } body#overview #main #subnav ul li#sn-overview a, body#tools #main #subnav ul li#sn-tools a, body#cocoa #main #subnav ul li#sn-cocoa a, body#features #main #subnav ul li#sn-features a { color:#000; text-decoration:none; cursor:default; background-position:96% -100px; } /* footer ------------------------*/ #promofooter { margin-top:1.6em; background:url(https://web.archive.org/web/20110412184400im_/http://devimages.apple.com/technologies/images/promofooter_bgbottom.gif) no-repeat 50% 100%; } #promofooter .grid3col { padding-top:1em; background:url(https://web.archive.org/web/20110412184400im_/http://devimages.apple.com/technologies/images/promofooter_bgtop.gif) no-repeat 50% 0; } #promofooter .grid3col .column { width:276px; padding:0 25px; margin:0 !important; *padding-bottom:1.6em; _padding-bottom:0; } #promofooter img.left { position:relative; margin-bottom:1em; } #promofooter h3 { font-weight:bold; font-size:13px; } #promofooter h3 a { color:#333; } #promofooter h3 a:hover { color:#366088; } #promofooter a.arrow { padding-right:7px; white-space:nowrap; background:url(https://web.archive.org/web/20110412184400im_/http://devimages.apple.com/global/elements/arrows/366088.gif) no-repeat 100% .4em; position:relative; } #promofooter #pf-iphone img.left { margin-top:-.3em; margin-left:5px; } #promofooter #pf-sdk img.left { margin-top:-.6em; margin-left:15px; } #promofooter #pf-sdk h3 { margin:1em 0 .6em; } #promofooter #pf-sdk img.button { position:relative; margin-left:-5px; } /* overlay ------------------------*/ #main .overlaythumbbox { width:345px; margin:0 0 2.4em -5px; position:relative; background:url(https://web.archive.org/web/20110412184400im_/http://devimages.apple.com/technologies/images/overlaythumbbox_bgtop.gif) no-repeat 0 0; _position:static; _margin-left:0; } #main .overlaythumbbox ul { margin:0; padding:12px 0 3px 5px; text-align:center; background:url(https://web.archive.org/web/20110412184400im_/http://devimages.apple.com/technologies/images/overlaythumbbox_bgbottom.gif) no-repeat 0 100%; } #main .overlaythumbbox ul li { display:inline; margin:0; padding:5px; } /* image gallery */ .overlayshadow { width:854px; height:699px; } .overlay { width:780px; height:536px; margin:37px 37px 126px; } .overlay .overlaynav { height:89px; bottom:-89px; } .overlay .overlaynav ul.w3 { width:330px; } .overlay .overlaynav ul.w3 li a { padding:4px; border:none; } .overlay .overlaynav ul.w3 li a.active { background:url(https://web.archive.org/web/20110412184400im_/http://devimages.apple.com/technologies/images/overlay_image_item.gif) no-repeat; } /* html */ .overlayshadow#ACOverlayHTMLShadow { width:940px; height:840px; } .overlay#ACOverlayHTML { width:866px; height:766px; margin:37px; } .overlay#ACOverlayHTML a.close { top:-8px; margin-left:-10px; } .overlay#ACOverlayHTML .overlaydescription { display:block; font-size:11px !important; line-height:1.3em; } .overlay#ACOverlayHTML .overlaydescription div { display:block; position:static; } .overlay#ACOverlayHTML .overlaydescription div div { position:static; } .overlay#ACOverlayHTML .overlaydescription h4 { margin-bottom:.3em; color:#333; font-weight:bold; } .overlay#ACOverlayHTML .overlaydescription p { margin-bottom:1em; } .overlay#ACOverlayHTML .overlaydescription hr { width:100%; height:0; margin:1.8em -1px 2em; border:none; border-top:1px solid #ccc; background:none; *margin:1em 0 1.2em; } /****************** from Technologymerge.css ******************/ /* Reskin */ #main #content .sidebar h2 { background:transparent url(https://web.archive.org/web/20110412184400im_/http://devimages.apple.com/technologies/images/tech_nav_header20090727.png) no-repeat scroll 0 0; margin:1.1em 2px .4em; padding:0; text-indent:-9999px; } #main .page { width:100%; margin-top:4em; } /* Other would be merged */ #main .page { border-top:1px solid #F1F1F1; clear:both; padding-top:12px; } #main a.arrow_prev { background:transparent url(https://web.archive.org/web/20110412184400im_/http://devimages.apple.com/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(https://web.archive.org/web/20110412184400im_/http://devimages.apple.com/assets/elements/arrows/pagenav_arrowright.gif) no-repeat scroll 100% 0.2em; display:block; float:right; padding-right:20px; } /* Force pagenav positioning at bottom */ #content .maincontent { padding-bottom: 100px !important; } #content #pagenav { width: 655px !important; position: absolute; right: 42px; bottom: 48px; } #main #content.grid2colc .sidebar a:hover { text-decoration:none; } #main #content .promocallout{ width:187; height:103px; padding:15px; padding-top:10px; font-size:11px; margin-left:3px; margin-right:13px; background: url(https://web.archive.org/web/20110412184400im_/http://devimages.apple.com/technologies/images/tools_promocallout20080727.png); } #main #content .promoside { margin-left:3px; margin-right:13px; margin-top:15px; } #promofooter4 { margin-left:0px; } a.block { display: block; color: #000; text-decoration: none; } a.block em.more { color: #08c; font-style: normal; background: transparent url(https://web.archive.org/web/20110412184400im_/http://devimages.apple.com/assets/elements/arrows/morearrow_08c.gif) no-repeat scroll 100% .4em; padding-right: 10px; white-space: nowrap; } a.block:hover em.more { text-decoration: underline; } a.block:hover h2, a.block:hover h3, a.block:hover h4 { color: #08c; } /* Sidebar */ body.tools .sidebar-wrapper { margin:17px; } body.tools .sidebar-wrapper hr { margin:35px 0; } body.tools .sidebar-wrapper img {margin-left:-3px;} /** overlay callout **/ #content .callout-overlay { background: #fafafa; border:1px solid #ebebeb; font-size: 12px; position: relative; margin-bottom:30px; padding:17px 20px 1px; line-height:1.4; -moz-border-radius-bottomleft:7px; -moz-border-radius-bottomright:7px; -moz-border-radius-topleft:7px; -moz-border-radius-topright:7px; -webkit-border-bottom-left-radius: 7px 7px; -webkit-border-bottom-right-radius: 7px 7px; -webkit-border-top-left-radius: 7px 7px; -webkit-border-top-right-radius: 7px 7px;} #main #content .column.last { padding-right:22px; padding-top:35px; width:655px; } /** layout **/ #main #content .maincontent .sidebar { padding:0 !important; } #content .flushright { float:right; margin-right:-41px; } #content .flushleft { float:left; margin-left:-39px; } #content h1 { margin-bottom: 1em; } .technologies #content h1 { margin-bottom:1.6em; } #content h2.intro { margin-top: -1em; font-size: 24px; margin-bottom: 23px; } #content .icon { margin:2px 0 8px 5px !important; } #content .intro { margin-bottom:2em; } #content .block { position:relative; float:left; width:100%; clear:both; margin:1.5em 0; } #content .callout.block { margin-bottom:3em; } #content .block .left { margin-right:40px; } #content .block .right { margin-left:25px; margin-bottom:0; } #content .block + * { clear:both; } #content .grid2cold { clear:both; } #content .grid2cold .column.first.sidebar { width:23% !important; padding:0 !important; } #content .grid2cold .column.last { width:74.9% !important; padding:0 !important; } /** subnav active states #accessibility.macosx #main #content .sidebar .nav li#top-two .sub-one a, #audiovideo.macosx #main #content .sidebar .nav li#top-two .sub-two a, #cocoa.macosx #main #content .sidebar .nav li#top-two .sub-three a, #data.macosx #main #content .sidebar .nav li#top-two .sub-four a, #features.macosx #main #content .sidebar .nav li#top-two .sub-five a, #graphics.macosx #main #content .sidebar .nav li#top-two .sub-six a, #networking.macosx #main #content .sidebar .nav li#top-two .sub-seven a, #audiovideo.iphone #main #content .sidebar .nav li#top-three .sub-one a, #accessibility.iphone #main #content .sidebar .nav li#top-three .sub-two a, #graphics.iphone #main #content .sidebar .nav li#top-three .sub-three a, #devtools.safari #main #content .sidebar .nav li#top-four .sub-one a, #html.safari #main #content .sidebar .nav li#top-four .sub-two a, #css.safari #main #content .sidebar .nav li#top-four .sub-two a { color:#000 !important; background-position:-377px -37px !important; }**/ /** pages **/ #overview #main #content .intro.dipheading {font-size:22px !important; margin-bottom:10px;} #overview.technologies #main #content .block img { margin-top:-30px; } #overview #main #content .block.platforms { margin: -20px 0 30px 0; } #overview.tools #main #content p.intro { margin-bottom:1em; } #overview.tools #main #content p.intro + p.intro { margin-bottom:2em; } #overview.tools #main #content .grid2cold .column.first { width:15% !important; clear:both; } #overview.tools #main #content .grid2cold .column.first img { display:block; margin:0 auto; } #overview.tools #main #content .grid2cold .column.last { width:81.2% !important; margin-bottom:2em; } #overview.tools #main #content .feature .content h3 { padding-top:1em; } #overview.tools #main #content .feature .block { margin:-6px 0 0; } #overview.tools #main #content .feature #cocoa { width:226px; float:left; } #overview.tools #main #content .feature #cocoa img { margin-right:20px; } #overview.tools #main #content .feature #cocoatouch { width:253px; float:right; } #overview.tools #main #content .feature #cocoatouch img { margin-right:20px; } #overview.tools #main #content .callout.inner-shadow .content { font-size: 12px; padding-bottom: 0; } #overview.macosx #main #content .flushright { margin-left:45px; } #overview.macosx #main #content #access { margin-bottom:2.5em; margin-top: -12px; position: relative; } #overview.macosx #main #content #apps { margin-top:1em; } #overview.macosx #main #content img#foundation { margin-bottom:4em; margin-top: -1.6em; position: relative; } #overview.macosx #main #content .gallery-launcher { width: 282px; padding: 20px 17px 14px; position: relative; } #overview.macosx #main #content .gallery-launcher li { float: left; margin: 0 9px; } #overview.macosx #main #content .gallery-launcher .enlarge { outline: none; background: url(https://web.archive.org/web/20110412184400im_/http://devimages.apple.com/assets/elements/buttons/icon-enlarge.png) no-repeat; display:block; height:21px; left:14px; position:absolute; text-indent:-9999px; top:11px; width:22px; z-index:4; } #accessibility.macosx #main #content #read_more {text-align:center; } #audiovideo.macosx #main #content .grid2cold .column.first { width:15% !important; clear:both; } #audiovideo.macosx #main #content .grid2cold .column.first img { display:block; margin:0 auto; } #audiovideo.macosx #main #content .grid2cold .column.last { width:81.2% !important; margin-bottom:2em; } #audiovideo.macosx #main #content #ichattheater { margin-left:40px; } #audiovideo.macosx #main #content .callout.inner-shadow { margin-bottom: 66px; } #audiovideo.macosx #main #content .callout.inner-shadow .content { font-size: 12px; } #cocoa.macosx #main #content #frameworks img { margin-bottom:0; } #cocoa.macosx #main #content #mvc { margin-bottom:3em; } #cocoa.macosx #main #content #features { margin-top:0; } #cocoa.macosx #main #content .grid3col .column { float:left !important; width:auto; margin-left:11.5% !important; padding:0; } #cocoa.macosx #main #content .grid3col .column.first { margin-left:0 !important; } #cocoa.macosx #main #content .grid3col .column.last { padding:0 !important; } #cocoa.macosx #main #content .grid3col .column ul { margin-bottom:3em; } #cocoa.macosx #main #content .grid3col .column li { margin-bottom:.7em; } #cocoa.macosx #main #content #pagenav { margin-top: 0; } #data.macosx #main #content img#core_data { margin:0 0 30px 30px; } #features.macosx #main #content h1 { margin-bottom: .25em; } #features.macosx #main #content .grid2col .column { width:45% !important; } #features.macosx #main #content .grid2col .column h3.intro { color: #797C80; margin-bottom: 1.5em; font-size: 18px; font-weight: normal; } #features.macosx #main #content .grid2col .column.last { padding-top:0 !important; padding-right:0 !important; } #features.macosx #main #content .grid2col .column.last img.icon { margin-left: 18px !important; margin-right: -5px !important; } #features.macosx #main #content .grid2col .column.last img { margin-bottom:10px; } #features.macosx #main #content .grid2col .column.last img.below { margin-bottom:25px; } #features.macosx #main #content .grid2col img#openclicon { padding-right:11px; } #graphics.macosx #main #content .grid2col .column { width:45% !important; } #graphics.macosx #main #content .grid2col .column.last { padding-top:0 !important; padding-right:0 !important; } #graphics.macosx #main #content #quartz { margin-top:5em; padding-top:6px;} #graphics.macosx #main #content .callout-overlay { margin:5px 0 20px 20px; } #graphics.macosx #main #content .callout-overlay p { padding-top:12px; } #graphics.macosx #main #content .gallery-launcher { width: 250px; margin: 10px 0 10px 20px; display: block; padding: 20px 30px 0; float: right; color: #000; font-size: 1em; position: relative; outline: none; } #graphics.macosx #main #content .gallery-launcher:hover { color: #08c; text-decoration: none; } #graphics.macosx #main #content .gallery-launcher li img { margin-top: 4px; } #graphics.macosx #main #content .gallery-launcher .enlarge { outline: none; background: url(https://web.archive.org/web/20110412184400im_/http://devimages.apple.com/assets/elements/buttons/icon-enlarge.png) no-repeat; display:block; height:21px; left:17px; position:absolute; text-indent:-9999px; top:14px; width:22px; z-index:4; } #graphics.macosx #main #content #qtkit-image { position:relative; top:-7px; margin-left:6px !important; } #networking.macosx #main #content .grid2col .column { width:45% !important; } #networking.macosx #main #content .grid2col .column.last { padding-top:0 !important; padding-right:0 !important; } #networking.macosx #main #content img#xsan { margin-bottom:40px; } #overview.iphoneos #content #hero { margin-bottom:3em; } #overview.iphoneos #content .flushright { margin-left:30px; } #overview.iphoneos #content p.intro { margin-bottom:5em; } #overview.iphoneos #content h3.clear + p + h3 { margin-top:2.5em; } #overview.iphoneos #content .grid2col .column { width:40% !important; margin:0; padding:0; } #overview.iphoneos #content .grid2colc { margin-top:4em; } #overview.iphoneos #content .grid2colc .column.sidebar { width:30%; padding:0 !important; } #overview.iphoneos #content .grid2colc .column.sidebar img { display:block; margin:0 auto 2em; } #overview.iphoneos #content .grid2colc .column.last { width:65%; margin-bottom:2em; padding:0; } #whats-new.iphone #main #content h1 img { margin-right: -100px; } #whats-new.iphone #main #content .hero-image.right { margin-bottom: -50px; } #whats-new.iphone #main #content .image-85 { padding-left: 85px; width:auto; *width: 570px; margin: 0 0 1.5em; } #whats-new.iphone #main #content .image-85 img.left { margin: -8px 0 0 -85px;} #whats-new.iphone #main #content .callout.inner-shadow { margin: 3em 0; } #whats-new.iphone #main #content .callout.inner-shadow .content { padding-right: 33px; } #whats-new.iphone #main #content .callout.inner-shadow p.intro { width: auto; font-size: 1em !important; color: #666; margin-right: -20px; } #whats-new.iphone #main #content .callout .grid2col .column { width: 45% !important; padding: 0 !important; margin: 0 !important; } #whats-new.iphone #main #content .callout .grid2col .column .opengles { margin: 0 -15px 10px 10px; } #whats-new.mac #main #content h1 img { margin-right: -100px; } #whats-new.mac #main #content a.block { padding-left:110px; width:auto; *width:510px; } #whats-new.mac #main #content a.block img.left { margin-left:-98px; margin-right:0; } #whats-new.mac #main #content a.block.different img.left { margin-left:-110px; } #whats-new.mac #main #content .callout.inner-shadow { margin: 3em 0 6em; font-size:12px; } #whats-new.mac #main #content .callout.inner-shadow .content { padding-right: 295px; overflow: visible; position: relative; } #whats-new.mac #main #content .callout.inner-shadow img.right { position: absolute; top: 15px; right: 5px; z-index: 2; } #whats-new.mac #main #content .callout.inner-shadow p.intro { width: auto; font-size: 1em !important; color: #666; } #audiovideo.iphone #main #content .right { margin-left:50px; } #audiovideo.iphone #main #content img.left { margin-bottom:20px; } #audiovideo.iphone #main #content #ipod { margin-top:0; } #accessibility.iphone #main #content h1 img { margin-left: -1px; } #accessibility.iphone #main #content #read_more {text-align:center; } #graphics.iphone #main #content .left.flushleft + h3 + p { margin-bottom:4.2em; } #graphics.iphone #main #content .maincontent .column.first { width:45%; } #graphics.iphone #main #content .maincontent .column.last { width:45%; margin-bottom:3em; padding:0; } #graphics.iphone #main #content #animation img.flushleft { margin:35px 54px 20px -39px; } #graphics.iphone #main #content #animation { margin-top:0; margin-bottom:0; } #overview.safari #main .grid2colc .column.sidebar img, #overview.safari #main .grid2colc .column.sidebar p, #overview.safari #main .grid2colc .column.sidebar h3, #overview.safari #main .grid2colc .column.sidebar a.more { margin:0 20px 0 6px; } #overview.safari #main .grid2colc .column.sidebar h3 { font-size:13px; } #overview.safari #main .grid2colc .column.sidebar #safaridemos-tile p { line-height:1.7em; margin-right:10px; } #overview.safari #main .grid2colc .column.sidebar #safari-download.callout p {margin:0 0 1.5em 0;} #overview.safari #main #content p.intro { margin-bottom:1em; } #overview.safari #main #content p.intro + p.intro { margin-bottom:2em; } #overview.safari #main #content .flushright { margin-left:75px; margin-bottom:40px; } #overview.safari #main #content .grid2col .column { width:45% !important; } #overview.safari #main #content .grid2col .column.last { padding-top:0 !important; padding-right:0 !important; } #overview.safari #main #content .callout.inner-shadow .content { font-size: 12px; padding-bottom: 0; } #main #content #safari-tech { background-image:url(https://web.archive.org/web/20110412184400im_/http://devimages.apple.com/technologies/images/safari-tech-demo-bg-short.jpg); height:83px; margin-top:1.5em; } #main #content #safari-tech p { width:118px; margin-bottom:20px; } #main #content #safari-tech a.block, #main #content #safari-tech a.block:hover { display:block; color:#686868; text-decoration:none; margin:0; } #main #content #safari-tech a.block:hover h4 { color:#08C; } #devtools.safari #main #content p.intro { margin-bottom:1em; } #devtools.safari #main #content #developmenu { margin-right:23px; margin-left:45px; } #devtools.safari #main #content .flushright { margin-left:45px; margin-bottom:30px; } #devtools.safari #main #content img#snippet { margin-bottom:10px; } #devtools.safari .developoverview1 .overlayPanelShadowImage { display: none; } #devtools.safari .developoverview1 .closeButtonContainer { left: 23px; top: 6px; cursor: pointer; } #devtools.safari #main .grid2colc .column.sidebar img, #devtools.safari #main .grid2colc .column.sidebar p, #devtools.safari #main .grid2colc .column.sidebar h3, #devtools.safari #main .grid2colc .column.sidebar a.more { margin:0 20px 0 6px; } #devtools.safari #main .grid2colc .column.sidebar h3 { font-size:13px; } #devtools.safari #main .grid2colc .column.sidebar #safaridemos-tile p { line-height:1.7em; margin-right:10px; } #devtools.safari #main .grid2colc .column.sidebar #safari-download.callout p {margin:0 0 1.5em 0;} #devtools.safari #main #content .gallery-launcher { position: relative; width: 281px; padding: 10px 0 5px 25px; overflow: hidden; } #devtools.safari #main #content .gallery-launcher li { float: left; padding: 5px 15px; } #devtools.safari #main #content .gallery-launcher li a img { padding: 4px; border: 1px solid #ccc; background: #fff; } #devtools.safari #main #content .gallery-launcher li a:hover img { border-color: #999; } #devtools.safari #main #content .gallery-launcher .enlarge { outline: none; background: url(https://web.archive.org/web/20110412184400im_/http://devimages.apple.com/assets/elements/buttons/icon-enlarge.png) no-repeat; display:block; height:21px; left:28px; position:absolute; text-indent:-9999px; top:5px; width:22px; z-index:4; } #devtools.safari .galleryoverlay img.overlayPanelShadowImage { top:-8.2% !important; height:127.5% !important; left:-2.1% !important; width:104.2% !important; } #devtools.safari .galleryoverlay .gallerynav { bottom:-121px; } #devtools.safari .galleryoverlay .section img { margin-bottom:-35px; } #devtools.safari .galleryoverlay .section.dark .caption { color: #fff; } #devtools .maincontent img.right.hero { margin:0 -41px 0 45px; } #devtools .maincontent p.intro { margin-bottom:30px !important; } #devtools .maincontent p { margin-bottom:25px; } #devtools.safari #main #content .gallery-launcher .enlarge { left:7px; top:-1px; } #devtools.safari #main #content .maincontent .callout.gallery-launcher { width:190px; float:right; margin:0 0 0 25px; padding:10px; } #devtools.safari #main #content .maincontent .callout.gallery-launcher li { padding:0px 8px; } #devtools .maincontent .callout a { float:left; } #devtools .maincontent .left { margin:0; } #devtools .maincontent ul.icon-columns ul { margin-bottom:20px; clear:both; } #devtools .maincontent ul.icon-columns li { clear:both; } #devtools .maincontent ul.icon-columns p, #devtools .maincontent ul.icon-columns h3 { width:600px; float:right; } #devtools .maincontent ul.icon-columns img.left { margin-top:5px; } #devtools .maincontent .extension-builder img.left { margin: 0 15px 0-22px; } #devtools .maincontent .extension-builder h3 { padding-top:60px; } #devtools .maincontent .extension-builder img.right { margin-top:60px; } #html.safari #main #content .flushright { margin-left:45px; margin-bottom:30px; } #html.safari #main .grid2col { clear: both; padding-top: 25px; } #html.safari #main .grid2col h3 { padding-top: 10px; } #html.safari #main .grid2col h3.push-down { padding-top: 25px; } #html.safari #main .grid2col .column.last { width: 45%; padding: 0; } #html.safari #main .grid2col .column.last img.right { margin: 12px -5px 12px 10px; } #html.safari #main a.block { color: #333; width: 660px; } #html.safari #main a em { font-style:normal; } #html.safari #main a.block img.right { margin-right: 20px; } #html.safari #main a.block:hover { text-decoration: none; } #html.safari #main a.block:hover h4 { color: #08c; } #html.safari #main .grid2colc .column.sidebar img, #html.safari #main .grid2colc .column.sidebar p, #html.safari #main .grid2colc .column.sidebar h3, #html.safari #main .grid2colc .column.sidebar a.more { margin:0 20px 0 6px; } #html.safari #main .grid2colc .column.sidebar h3 { font-size:13px; } #html.safari #main .grid2colc .column.sidebar #safaridemos-tile p { line-height:1.7em; margin-right:10px; } #html.safari #main .grid2colc .column.sidebar #safari-download.callout p {margin:0 0 1.5em 0;} #html h1 { padding-bottom:4px; } #html .intro { margin-bottom:0; } #html .callout { background-color:#efefef; } #html .callout li { border-top:1px solid #fafafa; border-bottom:1px solid #dcdcdc; } #html .callout li.title { font-weight:bold; margin:0; padding:0 0 10px; border-top:none; font-size:12px; } #html .callout li.last { border-bottom:none; } #html .callout li.new { background:transparent url(https://web.archive.org/web/20110412184400im_/http://devimages.apple.com/assets/elements/safari/devcenter/safari-dev-new-box.png) no-repeat scroll 0 8px; } #html .callout li a { color:#666; padding:6px 0 6px 40px; display:block; } #html .callout li span { font-family:Courier; } #css.safari #main #content .flushright { margin-left:45px; margin-bottom:30px; } #css.safari #main .grid2col { clear: both; padding-top: 25px; } #css.safari #main .grid2col h3 { padding-top: 10px; } #css.safari #main .grid2col h3.push-down { padding-top: 25px; } #css.safari #main .grid2col .column.last { width: 45%; padding: 0; } #css.safari #main .grid2col .column.last img.right { margin: 12px -5px 12px 10px; } #css.safari #main a.block { color: #333; width: 660px; } #css.safari #main a em { font-style:normal; } #css.safari #main a.block img.right { margin-right: 20px; } #css.safari #main a.block:hover { text-decoration: none; } #css.safari #main a.block:hover h4 { color: #08c; } #css.safari #main .grid2colc .column.sidebar img, #css.safari #main .grid2colc .column.sidebar p, #css.safari #main .grid2colc .column.sidebar h3, #css.safari #main .grid2colc .column.sidebar a.more { margin:0 20px 0 6px; } #css.safari #main .grid2colc .column.sidebar h3 { font-size:13px; } #css.safari #main .grid2colc .column.sidebar #safaridemos-tile p { line-height:1.7em; margin-right:10px; } #css.safari #main .grid2colc .column.sidebar #safari-download.callout p {margin:0 0 1.5em 0;} #css .maincontent p.intro { } #css .maincontent h3 { clear:both; } #css .maincontent ul { clear:both; margin-top:30px; } #css .maincontent li { width:45%; float:left; } #css .maincontent li.last { float:right; } #css .maincontent li.last img { margin-top:20px; } #css .maincontent li a.more { margin-top:10px; clear:both; } #snow #main #content #overview { position:absolute; right:40px; top:1px; } #snow #main #content h1 { margin-top:11px; } #snow #main #content p.intro { margin-right:345px; } #snow #main #content .grid2cold .column.first { width:15% !important; clear:both; } #snow #main #content .grid2cold .column.first img { display:block; margin:0 auto; } #snow #main #content .grid2cold .column.last { width:81.2% !important; margin-bottom:2em; } #snow #main #content .feature .content { padding:1em 30px; } #snow #main #content .feature .content img { margin-left:50px; } #content.grid2colc .sidebar .overview-link { margin-top: 10px !important; } #cocoa.iphone #main #content.grid2colc .column.last img.right.hero { margin:29px -41px 16px 7px; } #cocoa.iphone #main #content.grid2colc .column.last .block img.left { margin:2px 6px 16px 15px; } #cocoa.iphone #main #content.grid2colc .column.last .block .left { margin-right:18px !important; } #cocoa.iphone #main #content .grid3col .column { width: 30%; margin: 0; padding: 0; } #cocoa.iphone #main #content .grid3col .column.first { margin-right: 3%; } #data.iphone #main #content .grid2col .column.last { padding:0; } #data.iphone #main #content .grid2col .column { margin-top:25px; width:47%; } #data.iphone #main #content .grid2col .column img.right { margin:2px 0 0 14px; } #data.iphone #main #content.grid2colc .column.last img#core_data.right { margin:-17px 0 0 20px; } #data.iphone #main #content.grid2colc .column.last img.mvc.left { margin:0 38px 25px 25px; } #data.iphone #main #content.grid2colc .column.last p.push-down { padding-top:15px; margin-left:350px; } #xcode.tools #main #content.grid2colc .column.last img.push-left { margin-right:45px; } #xcode.tools #main #content.grid2colc .column.last h3.push-down { padding-top:22px; } #xcode.tools #main #content.grid2colc .column.last .block img.right { margin-left:18px; } #whats-new.tools #main #content.grid2colc .column.last img.overlaps { position:relative; margin-top:-72px; } #whats-new.tools #main #content.grid2colc .column.last img.push-up { margin-top:-10px; } #whats-new.tools #main #content h4.sidebar-callout { margin-bottom: 1.4em; } #features.iphone #main #content h1 { margin-bottom: .25em; } #features.iphone #main #content .grid2col .column { width:45% !important; } #features.iphone #main #content .grid2col .column.last { padding-top:0 !important; padding-right:0 !important; } #features.iphone #main #content .grid2col .column img.right { margin:2px -12px 8px 20px; } #features.iphone #main #content .grid2col .column img.push-up { margin-top:-7px; } #features.iphone #main #content .grid2col .column img.right.flushright { margin-right:-41px; } #features.iphone #main #content .grid2col .column img.below { margin-bottom:25px; } #features.iphone #main #content .grid2col .column img.right.no-shift { margin-right:0; } #features.iphone #main #content .grid2col .column h3 { color: #797C80; margin-bottom: 1.5em; margin-top: 2em; font-size: 18px; font-weight: normal; } #features.iphone #main #content .grid2col .column h3.intro { margin-top:0.8em; } #features.tools #main #content h1 { margin-bottom: .25em; } #features.tools #main #content .grid2col .column { width:45% !important; } #features.tools #main #content .grid2col .column.last { padding-top:0 !important; padding-right:0 !important; } #features.tools #main #content .grid2col .column img.right { margin:2px 0 0 20px; } #features.tools #main #content .grid2col .column img.right.bottompush { margin:2px 0 10px 20px; } #features.tools #main #content .grid2col .column img.below { margin-bottom:25px; } #features.tools #main #content .grid2col .column img.right.no-shift { margin-right:0; margin-top:0.8em; } #features.tools #main #content .grid2col .column h3 { color: #797C80; margin-bottom: 1.5em; margin-top: 2em; font-size: 18px; font-weight: normal; } #features.tools #main #content .grid2col .column h3.intro { margin-top:0.8em; margin-bottom: 2em; } /* What's New 2 (New Beta Page) */ #whatsnew2.iphoneos #content .column.first { clear:both; } #whatsnew2.iphoneos #content .subnav { width:115%; display:block; zoom:1; margin-top:45px; } #whatsnew2.iphoneos #content .subnav:after { content: '.'; display: block; height: 0; clear: both; visibility: hidden; } #whatsnew2.iphoneos #content .subnav li { width:33%; display:block; float:left; } #whatsnew2.iphoneos #content img.divider { margin-top: 25px; margin-bottom: 51px; } #whatsnew2.iphoneos #content .subnav-divider { background:url(https://web.archive.org/web/20110412184400im_/http://devimages.apple.com/iphone/appstore/images/as_app_divline_med_icon.png) no-repeat 0 0; margin:20px -39px; padding:0 39px 25px; } #whatsnew2.iphoneos #content .separator { background:transparent url(https://web.archive.org/web/20110412184400im_/http://devimages.apple.com/iphone/images/separator_980.png) repeat-x scroll 0 0; margin:0 -38px 0; padding:10px 38px; clear: both; } #whatsnew2.iphoneos #main #content a.arrowup { background-position:100% 0.4em; position: absolute; top: 10px; right: 0; } #whatsnew2.iphoneos #main #content a.arrowup { background:transparent url(https://web.archive.org/web/20110412184400im_/http://devimages.apple.com/iphone/images/as_arrowup.gif) no-repeat scroll 100% 50%; padding-right:10px; white-space:nowrap; } #whatsnew2.iphoneos #main .totop { border-top:1px solid #dbdbdb; clear:both; float:right; padding:18px 0 38px; position:relative; width:100%; } #whatsnew2.iphoneos #main #content .tall { margin-bottom: 30px; } #whatsnew2.iphoneos #main #content .high { margin-top: 60px; } #whatsnew2.iphoneos #main #content .subinfo { margin-top: 20px; margin-bottom: 40px; clear: both; } #whatsnew2.iphoneos #main #content .column.last p.intro { clear:both; margin-bottom:0; } #whatsnew2.iphoneos #main #content .grid2col { margin-top:50px; } #whatsnew2.iphoneos #main #content .grid2col .column { width:46%; padding-top:0; padding-right:12px; } #whatsnew2.iphoneos #main #content .grid2col .column .right.lectores { width:220px; } #whatsnew2.iphoneos #main #content .grid2colb .column.first { width:75% !important; padding-top:0; } #whatsnew2.iphoneos #main #content .grid2colb .column.last { width:20% !important; padding-top:22px; padding-right:12px; } #whatsnew2.iphoneos #main #content .grid2cold { padding-bottom:10px; } #whatsnew2.iphoneos #main #content .grid2cold .column.first { width:15% !important; } #whatsnew2.iphoneos #main #content .grid2cold .column.last { width:82% !important; } #whatsnew2.iphoneos #main #content .grid2cold .column.last ul.bottom { font-size:11px; } #whatsnew2.iphoneos #main #content .grid2cold .column.last img { margin-top:5px; } #whatsnew2.iphoneos #main #content .grid2cola .column.first { width:63%; } #whatsnew2.iphoneos #main #content .grid2cola .column.last { width:33%; padding-right:12px; } #whatsnew2.iphoneos #main #content .grid4col { margin-top:28px; } #whatsnew2.iphoneos #main #content .grid4col .column { width:23% !important; text-align:center; padding-right:4px; } #whatsnew2.iphoneos #main #content .grid4col .column.last { padding-right:0; } #whatsnew2.iphoneos #main #content .grid4col .column.last img { margin-right: -16px; } #whatsnew2.iphoneos #main #content .grid4col .column p.small { font-size:10px; color:#525252; text-align: center; } #whatsnew2.iphoneos #main #content .grid2cola .column.first p.fineprint { font-size:10px; color:#666; } #whatsnew2.iphoneos #main #content .grid2col .bottom-paragraph { padding-left:80px; } #whatsnew2.iphoneos #main #content .grid2col #ios4compat1.column.first { width:37% !important; padding-top:0; padding-right:12px; } #whatsnew2.iphoneos #main #content .grid2col #ios4compat2.column.last { width:55% !important; padding-top:0; padding-right:12px; } #whatsnew2.iphoneos #main #content #idp.grid2col .column.first { width:35% !important; padding-top:0; padding-right:12px; } #whatsnew2.iphoneos #main #content #idp.grid2col .column.last { width:57% !important; padding-top:0; padding-right:12px; } /* Technology / Tools / What's New */ #whats-new.tools #hero img.right { margin-top:-55px; } #whats-new.tools #hero ul { width:115%; display:block; } #whats-new.tools #hero li { width:32%; display:block; float:left; } #whats-new.tools img.hr { margin-left:-15px; margin-top:45px; } #whats-new.tools .section { clear:both; margin-bottom:40px; padding-bottom:40px; } #whats-new.tools .closer-overlay { float:right; text-align:center; width:340px; margin-left:15px; margin-bottom:30px; } #whats-new.tools .closer-overlay a span { padding:3px 0 10px 25px; background: url(https://web.archive.org/web/20110412184400im_/http://devimages.apple.com/assets/elements/buttons/icon-enlarge.png) no-repeat 0 -1px; } #whats-new.tools .closer-overlay a:hover { text-decoration:none; } #whats-new.tools .closer-overlay a:hover span { text-decoration:underline; } #whats-new.tools .totop { border-top:1px solid #DBDBDB; clear:both; float:right; padding:18px 0 38px; margin-top:40px; margin-bottom:10px; position:relative; width:100%; } #whats-new.tools a.arrowup { background:url(https://web.archive.org/web/20110412184400im_/http://devimages.apple.com/iphone/images/as_arrowup.gif) no-repeat scroll 100% 50% transparent; padding-right:10px; white-space:nowrap; position:absolute; right:0; top:10px; } #whats-new.tools #single-window img.full-span { margin-top:50px; margin-bottom:30px; } #whats-new.tools #single-window img.jump-bar { margin-bottom:20px; } #whats-new.tools #fix-it img.auto-correct { margin-left:75px; margin-bottom:30px; } #whats-new.tools #version-editor img.flush-right { float:right; margin-right:-41px; margin-left:35px; } #whats-new.tools #instruments img.instruments { float:left; margin-right:35px; } #whats-new.tools .overlaypanel .closeButtonContainer { top:-20px; } #whats-new.tools .overlaypanel .overlay-image { margin:20px 30px; } /* Lion What's New */ #whats-new.mac h2 { font-weight: normal; font-style: normal; margin-bottom: 1px;} #whats-new.mac #main #content.grid2colc .column.last p.intro { font-size:18px !important; line-height:1.5em !important; width:590px; padding:1em 0; } #whats-new.mac .sidebar .callout .button { margin-left: 55px; } #whats-new.mac .sidebar .callout img { margin-left: 50px; margin-bottom: -20px; margin-top: 15px;} #whats-new.mac .hero img.topTag { position: absolute; right: -1px; top: 0; } #whats-new.mac .hero ul { width:115%; display:block; } #whats-new.mac .hero li { width:30%; display:block; float:left; } #whats-new.mac .hero img.divider { margin-top: 25px; margin-bottom: 51px; } #whats-new.mac .section { clear:both; margin-bottom:40px; padding-bottom:40px; } #whats-new.mac .subsection { clear: both; margin-bottom: 40px; } #whats-new.mac .subsection.video h4 { padding-top: 30px; } #whats-new.mac .subsection.video a h4:hover { text-decoration: none !important; border: none !important; } #whats-new.mac .totop { border-top:1px solid #DBDBDB; clear:both; float:right; padding:18px 0 38px; margin-top:40px; margin-bottom:10px; position:relative; width:100%; } #whats-new.mac a.arrowup { background:url(https://web.archive.org/web/20110412184400im_/http://devimages.apple.com/iphone/images/as_arrowup.gif) no-repeat scroll 100% 50% transparent; padding-right:10px; white-space:nowrap; position:absolute; right:0; top:10px; } #whats-new.mac img.right { margin-left: 70px; margin-bottom: 40px; } #whats-new.mac img#mac-app-store { margin-left:48px; } #whats-new.mac #full-screen h2 { padding-top:22px; } #whats-new.mac #full-screen p { width:635px; } #whats-new.mac #aqua p { width:595px; } #whats-new.mac #aqua h3.low { padding-top:0.75em; } #whats-new.mac #aqua .gestures-overlay { float: right; clear: both; margin-left: 70px; width: 203px;} #whats-new.mac #aqua .gestures-overlay a { text-align: left; float: none; clear: both; } #whats-new.mac #sandboxing p { width:535px; } #whats-new.mac #resume p { width:610px; } /* grid overrides */ .grid2cola.ios .column.firsta { width: 66%; margin-bottom:1.5em; } .grid2cola.ios .column.lasta { width: 32%; margin-bottom:1.5em; } img.left.push {float: left; margin: 2px 30px 16px 0px;} /* FILE ARCHIVED ON 18:44:00 Apr 12, 2011 AND RETRIEVED FROM THE INTERNET ARCHIVE ON 16:03:40 Jan 01, 2026. JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE. ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C. SECTION 108(a)(3)). */ /* playback timings (ms): captures_list: 0.459 exclusion.robots: 0.014 exclusion.robots.policy: 0.006 esindex: 0.007 cdx.remote: 6.292 LoadShardBlock: 190.442 (3) PetaboxLoader3.datanode: 108.245 (4) PetaboxLoader3.resolve: 233.849 (2) load_resource: 200.641 */