/* *********************************************************** Title: style.css Browser(s): All Author: Elliot Jay Stocks (elliotjaystocks.com) Created: 11.02.2008 Last modified: 26.03.2008 *********************************************************** */ /* Global reset */ /* Based upon 'reset.css' in the Yahoo! User Interface Library: http://developer.yahoo.com/yui */ *, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h5, h5, h6, pre, form, label, fieldset, input, p, blockquote, th, td { margin:0; padding:0 } table { border-collapse:collapse; border-spacing:0 } fieldset, img { border:0 } address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal } ol, ul, li { list-style:none } caption, th { text-align:left } h1, h2, h3, h5, h5, h6 { font-size:100% } q:before, q:after { content:''} /* Global reset-RESET */ /* The below restores some sensible defaults */ strong { font-weight: bold } em { font-style: italic } ol, ul, li { list-style:none } * a { position:relative } /* Gets links displaying over a PNG background */ a { outline:none } /* Gets rid of Firefox's dashed borders */ a img { border:none } /* Gets rid of IE's blue borders */ br.cheapNastyFix { clear:both; height:1px; margin:-1px 0 0 0 } /* Typography - basics */ h1 { background:url(/web/20080901210933im_/http://futureofwebapps.com/homePageAssets/images/presentation/h1-02.gif); width:336px; height:92px; position:absolute; text-indent:-9999px; top:-150px; left:-4px } h2 { background:url(/web/20080901210933im_/http://futureofwebapps.com/homePageAssets/images/presentation/h2-03.gif); width:462px; height:98px; position:absolute; text-indent:-9999px; top:-150px; right:0 } body, h3, h4, h5, p, li, dt, dd, th, td, label, input, textarea { font-family:'Lucida Grande', 'Lucida Sans Unicode', Verdana, Arial, Helvetica, sans-serif; color:#000 } h3, h4, h5, blockquote p { font:bold 16px/20px 'Trebuchet MS', 'Lucida Grande', 'Lucida Sans Unicode', Verdana, Arial, Helvetica, sans-serif; margin:30px 0 0 0; color:#599897 } h4 { background:url(/web/20080901210933im_/http://futureofwebapps.com/homePageAssets/images/presentation/h4.gif) bottom left no-repeat; padding:0 0 28px 0 } h5 { font-size:24px; line-height:24px; margin:0; text-transform:uppercase } body, p, li, label, input { font-size:11px; line-height:18px; color:#393a3d } p { margin:10px 0 } blockquote p { color:#666; font-weight:normal; margin:0 0 0 0 } cite { padding:0 0 20px 0; display:block } a { color:#06c; border-bottom:1px dotted #06c; text-decoration:none } a:hover { color:#06c; border-bottom:1px solid #06c } a.fullyCarsonified { background:url(/web/20080901210933im_/http://futureofwebapps.com/homePageAssets/images/presentation/fullyCarsonified01.jpg) top left no-repeat; width:219px; height:39px; text-indent:-9999px; display:block; border:none; position:absolute; top:-210px; right:-10px } a.fullyCarsonified:hover { border:none } div.extras a { background:url(/web/20080901210933im_/http://futureofwebapps.com/homePageAssets/images/presentation/blogButton01.gif) top left no-repeat; width:314px; height:34px; text-indent:-9999px; display:block; border:none; margin:0 0 20px 0 } div.extras a:hover { border:none } div.incentive a { border:none } div.incentive a:hover { border:none } a.backToTheTopButton { background:url(/web/20080901210933im_/http://futureofwebapps.com/homePageAssets/images/presentation/topButton01.gif) top left no-repeat; width:219px; height:39px; text-indent:-9999px; display:block; border:none; position:absolute; bottom:-40px; right:-10px } a.backToTheTopButton:hover { border:none } /* Typography - custom */ div.reasons h3, div.reasons p.reasonsBlurb { color:#600; /* font-size:18px; line-height:28px; */ margin:0; padding:0 20px } div.reasons h3 { color:#000; text-transform:uppercase; margin:20px 0 10px 0 } form h3 { color:#000; text-transform:uppercase; margin:0 0 10px 0 } /* Layout */ body { background:#fff url(/web/20080901210933im_/http://futureofwebapps.com/homePageAssets/images/presentation/body02.jpg) top center repeat-x; text-align:center } div.wrapper { text-align:left; margin:211px auto 0 auto; width:900px; position:relative } div.incentive { width:900px; height:190px; position:relative } /* div.incentive a img { margin:0 0 0 -140px } */ div.incentive div.subscribe { background:url(/web/20080901210933im_/http://futureofwebapps.com/homePageAssets/images/presentation/subscribeBlock02.gif) top left no-repeat; width:920px; height:32px; position:absolute; bottom:-41px; left:-10px } div.incentive div.subscribe h3 { text-indent:-9999px; position:absolute; top:0; left:0 } div.incentive div.subscribe ul li { text-indent:-9999px } div.incentive div.subscribe ul li a { display:block; height:24px; position:absolute; top:0 } div.incentive div.subscribe ul li a.rss { width:220px; left:300px } div.incentive div.subscribe ul li a.email { width:100px; left:800px } div.reasons { background:#fffeca url(/web/20080901210933im_/http://futureofwebapps.com/homePageAssets/images/presentation/reasons01.gif) bottom left repeat-x; border:10px solid #fff; outline:1px solid #bfc2c2; width:558px; margin:60px 0 10px 0 } /* A border AND an outline - 'ave it! */ div.reasons ul { margin:20px 0 0 0 } div.reasons ul li { background:url(/web/20080901210933im_/http://futureofwebapps.com/homePageAssets/images/presentation/reasonsDivider01.gif) bottom right no-repeat; float:left; width:166px; height:130px; padding:0 0 0 20px; position:relative } div.reasons ul li.lastOne { background:none } div.reasons ul li h4 { background:none; padding:0; position:absolute; top:-30px; left:60px } div.reasons ul li p { background:url(/web/20080901210933im_/http://futureofwebapps.com/homePageAssets/images/presentation/reasonsBullet01.gif) top left no-repeat; margin:0; padding:30px 10px 0 40px } div.extras { width:300px; height:300px; position:absolute; top:250px; right:0 } /* ul.photos { margin:20px 0 } ul.photos li { display:inline; margin:0 13px 0 0 } ul.photos li.lastOne { margin:0 } ul.photos li a, ul.photos li a:hover { border:none } ul.photos li a img { border:5px solid #fff; outline:1px solid #bfc2c2 } */ div.people { float:left; width:260px; padding:0 40px 20px 0 } div.pastEventsBlock { float:left; width:600px; padding:80px 0 0 0; position:relative } div.pastEventsBlock h4 { width:600px; position:absolute; top:0; left:0 } /* I had to position the h4 absolutely to get round a weird problem caused by the previous div's float:left. */ div.pastEventsBlock div.pastEvent { background:#fff url(/web/20080901210933im_/http://futureofwebapps.com/homePageAssets/images/presentation/pastEvent01.gif) bottom left repeat-x; border:10px solid #fff; outline:1px solid #bfc2c2; width:428px; margin:0 0 20px 0; padding:20px 20px 20px 130px; position:relative } div.pastEventsBlock div.pastEvent.hasConfinabox { min-height:142px } div.pastEventsBlock div.pastEvent.hasConfinabox p { padding:0 200px 0 0 } div.pastEventsBlock div.pastEvent.hasConfinabox a.confinabox { background:url(/web/20080901210933im_/http://futureofwebapps.com/homePageAssets/images/presentation/confinabox01.gif) top left no-repeat; width:221px; height:207px; /*text-indent:-9999px;*/ display:block; border:none; outline:none; position:absolute; top:0; right:-30px } div.pastEventsBlock div.pastEvent p.dates { font-weight:bold } div.pastEventsBlock div.pastEvent span { width:81px; height:81px; display:block; border:none; position:absolute; top:20px; left:25px } div.pastEventsBlock div.pastEvent span.one { background:url(/web/20080901210933im_/http://futureofwebapps.com/homePageAssets/images/presentation/bulletMiami01.gif) top left no-repeat } div.pastEventsBlock div.pastEvent span.two { background:url(/web/20080901210933im_/http://futureofwebapps.com/homePageAssets/images/presentation/bulletLondon03.gif) top left no-repeat } div.pastEventsBlock div.pastEvent span.three { background:url(/web/20080901210933im_/http://futureofwebapps.com/homePageAssets/images/presentation/bulletLondon02.gif) top left no-repeat } div.pastEventsBlock div.pastEvent span.four { background:url(/web/20080901210933im_/http://futureofwebapps.com/homePageAssets/images/presentation/bulletSanFran01.gif) top left no-repeat } div.pastEventsBlock div.pastEvent span.five { background:url(/web/20080901210933im_/http://futureofwebapps.com/homePageAssets/images/presentation/bulletLondon01.gif) top left no-repeat } ul.opportunities li { float:left; width:300px; margin:0 0 20px 0; position:relative } ul.opportunities li p { padding:0 40px 0 120px; position:relative; z-index:2 } ul.opportunities li span { position:absolute; z-index:1 } ul.opportunities li.conferenceInAbox span { background:url(/web/20080901210933im_/http://futureofwebapps.com/homePageAssets/images/presentation/oppConf01.jpg) top left no-repeat; width:155px; height:171px; top:80px; left:-40px } ul.opportunities li.sponsorshipOpportunities span { background:url(/web/20080901210933im_/http://futureofwebapps.com/homePageAssets/images/presentation/oppSponsor01.jpg) top left no-repeat; width:154px; height:147px; top:80px; left:-40px } ul.opportunities li.speakingOpportunities span { background:url(/web/20080901210933im_/http://futureofwebapps.com/homePageAssets/images/presentation/oppSpeak01.jpg) top left no-repeat; width:150px; height:166px; top:80px; left:-40px } div.wibblyWobblyPics { background:url(/web/20080901210933im_/http://futureofwebapps.com/homePageAssets/images/presentation/wibblyWobblyPics01.jpg) top left no-repeat; width:950px; height:258px; margin:0 0 0 -25px } form#signup { float:left; background:#fffeca url(/web/20080901210933im_/http://futureofwebapps.com/homePageAssets/images/presentation/reasons01.gif) bottom left repeat-x; border:10px solid #fff; outline:1px solid #bfc2c2; width:518px; padding:20px } form#signup div { padding:5px 0 } form#signup span.label, form#signup div span.spacer, form#signup div span.multiple span { width:150px; float:left } form#signup span.multiple { float:left } form#signup span.button { padding:0 0 0 150px } form#signup div.clear { clear:both; padding:5px 0 0 0 } form#signup select, form#signup input { width:300px } form#signup input.justNormalPlease, form#signup select.justNormalPlease { width:auto } div.gubbins { width:280px; padding:0 0 0 20px; float:left } div.gubbins h4 { margin:46px 0 0 0 } div.gubbins ul li { margin:10px 0 10px 16px; list-style:circle } /* Footer nav */ div.footer { background:#25313d; width:100%; margin:50px 0 0 0; border-top:10px solid #000; border-bottom:10px solid #000 } div.footer div.insideFooter { text-align:left; margin:0 auto; padding:40px 0 0 0; width:900px; height:150px; position:relative } div.footer div p { color:#999; margin:0 } div.footer div p.copyright { color:#fff } div.footer div p.copyright a { color:#fff; border-bottom:1px dotted #fff } div.footer div p.copyright a:hover { color:#fff; border-bottom:1px solid #fff } div.footer div a.carsonifiedButton { background:url(/web/20080901210933im_/http://futureofwebapps.com/homePageAssets/images/presentation/carsonifiedLogo01.gif); width:181px; height:55px; text-indent:-9999px; display:block; border:none; float:left; margin:0 40px 0 0 } div.footer div a.carsonifiedButton:hover { border:none } div.footer div ul { width:900px; height:38px; position:relative; margin:0 0 40px 0 } div.footer div ul li a { color:#fff; height:38px; display:block; position:absolute; top:0; text-indent:-9999px; outline:none; border:none } div.footer div ul li a:hover { border:none } li.buttonFOWA a, li.buttonFOWD a, li.buttonFOM a, li.buttonFOOA a { background:url(/web/20080901210933im_/http://futureofwebapps.com/homePageAssets/images/presentation/footerNav01.gif) } /* Measurements for the nav image replacement: The distance from the top to the... up state = 0 rollover state = 38px The distance from the far-left to the... fowa button = 0 fowd button = 200px fom button = 435px fooa button = 656px The width of the... fowa button = 200px fowd button = 235px fom button = 221px fooa button = 244px */ li.buttonFOWA a { background-position:0 0; width:200px; left:0 } li.buttonFOWA a:hover { background-position:0 -38px } li.buttonFOWD a { background-position:-200px 0; width:235px; left:200px } li.buttonFOWD a:hover { background-position:-200px -38px } li.buttonFOM a { background-position:-435px 0; width:221px; left:435px } li.buttonFOM a:hover { background-position:-435px -38px } li.buttonFOOA a { background-position:-656px 0; width:244px; left:656px } li.buttonFOOA a:hover { background-position:-656px -38px } div.finalShadow { background:url(/web/20080901210933im_/http://futureofwebapps.com/homePageAssets/images/presentation/finalShadow01.gif) top left repeat-x; width:100%; height:100px } /* Past Events page */ div.pastEventsContainer { position:relative } div.pastEventsContainer div.primaryContent { width:450px; margin:20px 0; padding:20px; position:relative } div.pastEventsContainer div.secondaryContent { width:323px; margin:20px 0; padding:20px; position:absolute; top:-20px; right:0 } img.pastVenue { position:relative; top:-15px; left:-16px; border:1px solid #000 } ul.eventspeakers li { width:224px; height:10em; float:left; margin:0 0 20px 0 } ul.eventspeakers li img { border:5px solid #000; float:left; width:70px; margin:0 10px 0 0 !important } ul.eventspeakers p.signature { margin:0 12px; color:#d46039; font-family:"Brush Script MT", "Monotype Corsiva", script; font-style:italic; font-size:200%; line-height:150% } ul.eventspeakers p.speakerId { font-weight:bold } ul.eventspeakers p.speakerId span { font-weight:normal } /* Home button */ a.homeButton { position:absolute; top:1px; left:0; width:165px; height:165px; text-indent:-9999px; display:block; border:none } a.homeButton { background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader (src='http://www.futureofwebapps.com/homePageAssets/images/presentation/homeButton01.png',sizingMethod='crop' } html>body a.homeButton { background:url(https://web.archive.org/web/20080901210933im_/http://www.futureofwebapps.com/homePageAssets/images/presentation/homeButton01.png) top left no-repeat } a.homeButton:hover { border:none } /* FILE ARCHIVED ON 21:09:33 Sep 01, 2008 AND RETRIEVED FROM THE INTERNET ARCHIVE ON 04:30:18 May 20, 2021. 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): LoadShardBlock: 122.244 (3) exclusion.robots: 0.349 PetaboxLoader3.datanode: 115.567 (4) RedisCDXSource: 4.729 exclusion.robots.policy: 0.332 PetaboxLoader3.resolve: 46.363 esindex: 0.015 CDXLines.iter: 25.164 (3) captures_list: 156.955 load_resource: 116.545 */