/* --------- /stylesheets/reset.css --------- */ /* -------------------------------------------------------------- Boilerplate reset.css * Resets default browser CSS. -------------------------------------------------------------- */ html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; } body { line-height: 1.5; background: #fff; } table { border-collapse: collapse; border-spacing: 0; } caption, th, td { text-align: left; font-weight:400; } blockquote:before, blockquote:after, q:before, q:after { content: ""; } blockquote, q { quotes: "" ""; } a img { border: none; } /* Removes Firefox imposed outline */ a { outline: none; } /* --------- /stylesheets/themes/twf09/type.css --------- */ /* -------------------------------------------------------------- Boilerplate typography.css * Sets up some sensible default typography. -------------------------------------------------------------- */ /* This is where you set your desired font size. The line-heights and vertical margins are automatically calculated from this. The percentage is of 16px (0.75 * 16px = 12px). */ body { font-size: 68.75%; color:#505999; } /* Default fonts and colors. */ body { font-family: Verdana, Arial, sans-serif; } h1,h2,h3,h4,h5,h6 { font-family: Verdana, Arial, sans-serif; } /* Headings -------------------------------------------------------------- */ h1,h2,h3,h4,h5,h6 { font-weight: bold; } h1 { font-size: 1.5em; line-height: 1em; margin-bottom: 0.667em; } h2 { font-size: 1.25em; line-height: 1.125em; margin-bottom: 0.815em;} h3 { font-size: 1em; line-height: 1.5em; margin-bottom: 0; text-transform:uppercase;} h4 { font-size: 1.25em; line-height: 1.2em; margin-bottom: .6em; } h5 { font-size: 1em; line-height:1.5em; margin-bottom: .75em; } h6 { font-size: .8333em; line-height:1.8em;} /* Text elements -------------------------------------------------------------- */ p { margin: 0 0 1em; } ul, ol { margin: 0 1.5em 1.5em 1.5em; } ul { list-style-type: circle; } ol { list-style-type: decimal; } dl { margin: 0 0 1.5em 0; } dl dt { font-weight: bold; } dl dd { margin-left: 1.5em; } abbr, acronym { border-bottom: 1px dotted #000; } address { margin-top: 1.5em; font-style: italic; } del { color: #000; } a { color: #AB4506; text-decoration:underline;} a:hover { color:#AB4506; text-decoration:none;} blockquote { margin: 1.5em; } strong { font-weight: bold; } em, dfn { font-style: italic; } dfn { font-weight: bold; } pre, code { margin: 1.5em 0; white-space: pre; } pre, code, tt { font: 1em monospace; line-height: 1.5; } tt { display: block; margin: 1.5em 0; line-height: 1.5; } /* Tables -------------------------------------------------------------- */ table { margin-bottom: 1.4em; } th { border-bottom: 2px solid #ddd; font-weight: bold; } td { border-bottom: 1px solid #ddd; } th,td { padding: 4px 10px 4px 0; } tfoot { font-style: italic; } caption { background: #ffc; } /* Some default classes -------------------------------------------------------------- */ .orange, .orange_text {color:#ff7200;} .green_text {color:#663;} p.paragraph_separator {border-top:1px solid #ff7200; padding-top:1em;} /* --------- /stylesheets/themes/twf09/layout.css --------- */ body {background:#F8CA1D url(/images/themes/twf09/background-festival.gif) repeat-x left top;} #Wrapper {width:800px; margin:10px auto; background:#FFF url(/images/themes/twf09/line-horizontal.gif) repeat-y left top;} #Masthead h1 {text-indent:-5000px;} #Footer {height:33px; padding:10px 20px 0; background:url(/images/themes/twf09/frame-bottom-festival.jpg) no-repeat left top;} #Content {padding:20px;} .content_box {border:1px solid #ff7200; padding:20px;} /* Clearing floats without extra markup */ .wrapper { display: inline-block; } .wrapper:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } * html .wrapper { height: 1%; } .wrapper { display: block; } /* MASTHEAD IMAGES */ #Masthead {height:220px; width:800px; background:url(/images/themes/twf09/2009banner.jpg) no-repeat left top; position:relative;} body#pages_generic_advertising #Masthead {background:url(/images/themes/twf09/hdr-advertise.jpg) no-repeat left top;} body#pages_generic_lodging #Masthead {background:url(/images/themes/twf09/hdr-lodging.jpg) no-repeat left top;} body#pages_generic_volunteer #Masthead {background:url(/images/themes/twf09/hdr-volunteer.jpg) no-repeat left top;} body#pages_generic_donate #Masthead {background:url(/images/themes/twf09/hdr-donate-festival.jpg) no-repeat left top;} body#contact_index #Masthead {background:url(/images/themes/twf09/hdr-contact_us-festival.jpg) no-repeat left top;} /* IMAGE FLOATS */ img.image_left {float:left; margin:0 20px 10px 0;} img.image_right {float:right; margin:0 0 10px 20px;}/* --------- /stylesheets/themes/twf09/nav.css --------- */ /* MAIN NAVIGATION -------------------------------------------------------------- */ ul#Nav {position:absolute; width:800px; height:25px; margin:0; padding:0; left:0; bottom:0; list-style:none;} ul#Nav {background: transparent url(/images/themes/twf09/nav.png) no-repeat left top;} ul#Nav li {position: absolute; top: 0; margin:0; padding:0; } ul#Nav li, ul#Nav a {height: 25px; display: block;} #Nav a {text-decoration:none; text-indent: -5000em; border:0;} /* IMAGE POSITIONING */ #nav-home {left:6px; width:99px;} #nav-advertising {left:106px; width:91px;} #nav-lodging {left:198px; width:119px;} #nav-volunteer {left:318px; width:92px;} #nav-donate {left:411px; width:74px;} #nav-contact {left:486px; width:87px;} #nav-archives {left:574px; width:114px;} #nav-return {left:690px; width:104px;} /* IMAGE HOVERING */ #nav-home a:hover {background: transparent url(/images/themes/twf09/nav.png) -6px -25px no-repeat;} #nav-advertising a:hover {background: transparent url(/images/themes/twf09/nav.png) -106px -25px no-repeat;} #nav-lodging a:hover {background: transparent url(/images/themes/twf09/nav.png) -198px -25px no-repeat;} #nav-volunteer a:hover {background: transparent url(/images/themes/twf09/nav.png) -318px -25px no-repeat;} #nav-donate a:hover {background: transparent url(/images/themes/twf09/nav.png) -411px -25px no-repeat;} #nav-contact a:hover {background: transparent url(/images/themes/twf09/nav.png) -486px -25px no-repeat;} #nav-archives a:hover {background: transparent url(/images/themes/twf09/nav.png) -574px -25px no-repeat;} #nav-return a:hover {background: transparent url(/images/themes/twf09/nav.png) -690px -25px no-repeat;} /* YOU ARE HERE */ body#home_index #nav-home a, body#exhibitors_hands_on #nav-home a, body#exhibitors_index #nav-home a, body#events_index #nav-home a, body#events_speakers #nav-home a, body#events_presentations #nav-home a, body#pages_generic_tickets #nav-home a, body#pages_generic_program #nav-home a {background: transparent url(/images/themes/twf09/nav.png) -6px -50px no-repeat;} body#pages_generic_advertising #nav-advertising a {background: transparent url(/images/themes/twf09/nav.png) -106px -50px no-repeat;} body#pages_generic_lodging #nav-lodging a {background: transparent url(/images/themes/twf09/nav.png) -198px -50px no-repeat;} body#pages_generic_volunteer #nav-volunteer a {background: transparent url(/images/themes/twf09/nav.png) -318px -50px no-repeat;} body#pages_generic_donate #nav-donate a {background: transparent url(/images/themes/twf09/nav.png) -411px -50px no-repeat;} body#contact_index #nav-contact a {background: transparent url(/images/themes/twf09/nav.png) -486px -50px no-repeat;} /* FESTIVAL NAVIGATION -------------------------------------------------------------- */ ul#FestivalNav {margin:0; list-style-type:none; width:100%; overflow:hidden; margin-bottom:1em; font-size:1.091em; text-align:center;} ul#FestivalNav li {display:inline; border-right:1px solid #AB4506; padding:0 .5em;} ul#FestivalNav li.first {padding-left:0;} ul#FestivalNav li.last {border-right:0; padding-right:0;} /* YOU ARE HERE */ body#exhibitors_hands_on #nav-hands-on a, body#exhibitors_index #nav-exhibitors a, body#events_index #nav-schedule a, body#events_speakers #nav-keynote a, body#events_presentations #nav-presentations a, body#pages_generic_tickets #nav-tickets a, body#pages_generic_program #nav-program a {color:#4F5897; font-weight:bold; text-decoration:none; font-size:1.167em;}/* --------- /stylesheets/themes/twf09/events.css --------- */ ul.events {list-style-type:none; margin:0; padding:0;} ul.events li {width:100%; overflow:hidden; margin:20px 0;} ul.events .description {margin-left:200px;} ul.events img.photo {float:left; margin-left:80px;} table.schedule {width:100%;} table.schedule th {font-size:1em; text-transform:uppercase; margin:1em 0; padding:0 0 0 17px; color:#FFF; line-height:26px; background:url(/images/themes/twf09/bluebar.gif) no-repeat left top;} table.schedule td.time {width:7em;} div.event_listing h3 {font-size:1em; margin:1em 0; padding:0 0 0 17px; color:#FFF; line-height:26px; background:url(/images/themes/twf09/bluebar.gif) no-repeat left top;} div.event_listing img.photo {float:right; margin-left:20px;} h3.event_header {font-size:1em; margin:1em 0; padding:0 0 0 17px; color:#FFF; line-height:26px; background:url(/images/themes/twf09/bluebar.gif) no-repeat left top;}/* --------- /stylesheets/themes/twf09/exhibitors.css --------- */ ul.exhibitors {list-style-type:none; margin:0; padding:0; border-top:1px solid #AB4506;} ul.exhibitors li {border-bottom:1px solid #AB4506; padding-top:1em;} ul.exhibitors .info {width:150px; float:left;} ul.exhibitors .description {margin-left:200px;} ul.exhibitors .info h5 {margin:0;}/* --------- /stylesheets/helpers/forms.css --------- */ /* SIMPLE FORM -------------------------------------------------------------- */ /* layout */ ul.simpleForm {margin:0; padding:0; } ul.simpleForm fieldset, ul.simpleForm li {margin:0; padding:0;} ul.simpleForm fieldset {} ul.simpleForm li {overflow:hidden; padding:10px 1px; border-top:4px solid #EEF0F1; } ul.simpleForm > li > label {display:block; width:120px; float:left; margin-right:30px;} ul.simpleForm label.fullWidth {width:auto; float:none; margin:0 0 6px;} ul.simpleForm fieldset {border:0;} ul.simpleForm fieldset li {clear:none; overflow:hidden; float:left; padding:0 0 1em 0; margin: 0 2em 0 0; border:0; height:3em;} ul.simpleForm fieldset li.checkbox {height:auto;} ul.simpleForm fieldset label {display:inline; float:none; margin:0;} ul.simpleForm fieldset ul {margin-left:0; overflow:hidden; margin-bottom:0;} ul.simpleForm li.new_row {clear:left; width:100%;} ul.simpleForm button {display:inline;} /* typography */ ul.simpleForm {list-style-type:none;} ul.simpleForm fieldset li {list-style-type:none;} ul.simpleForm fieldset label {font-weight:normal; color:#777; font-size:.85em;} .simpleForm #progress {padding-left:150px;} .simpleForm input.full {width:96%;} .simpleForm input.long {width:30em;} .simpleForm input.medium {width:15em;} .simpleForm input.short {width:10em;} .simpleForm input.tiny {width:3em;} .simpleForm textarea.full {width:96%; height:10em;} .simpleForm textarea.standard {width:30em; height:6em;} /* typography */ .simpleForm label {font-size:.857em; font-weight:bold; color:#444;} .simpleForm li.submit {padding-left:150px;}/* --------- /stylesheets/helpers/tabs.css --------- */ /* -------------------------------------------------------------- Tabs * A basic ruleset for beginning tabs -------------------------------------------------------------- */ ul.tabs { margin: 0; padding: 0; } ul.tabs li { float: left; list-style: none; margin: 0; padding: 0; } ul.tabs li a { float: left; display: block; } /* Clearing floats without extra markup */ ul.tabs { display: inline-block; } ul.tabs:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } * html ul.tabs { height: 1%; } ul.tabs { display: block; }/* --------- /stylesheets/helpers/rails-notifications.css --------- */ /* FLASH NOTICE ================================================*/ /* layout */ #FlashNotice {padding:10px; margin-bottom:15px;} /* color */ #FlashNotice {background-color:#B8EC22;} /* FLASH ERROR ================================================*/ /* layout */ #FlashError {padding:10px; margin-bottom:15px;} /* color */ #FlashError {background-color:#DF291B; color:#FFF;} /* ERROR EXPLANATION ================================================*/ /* layout */ .errorExplanation h2 {padding:5px 10px;} .errorExplanation p {padding:10px 10px 0;} .errorExplanation ul {padding:0 10px 1.5em 30px;} /* type */ .errorExplanation h2 {font-family:'Lucida Grande', Verdana, sans-serif; font-size:1em; font-weight:bold; letter-spacing:2px; line-height:1.5em; text-transform:uppercase;} .errorExplanation li {list-style-type:disc;} /* color */ .errorExplanation {background-color:#f1ffb6; color:#333;} .errorExplanation h2 {background-color:#d6ff2f; color:#9F1D13;} .fieldWithErrors {padding-left:25px; background:url(/images/admin/icons/small/error.png) no-repeat left top;}/* --------- /stylesheets/lightbox/lightbox.css --------- */ #lightbox{ position: absolute; left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;} #lightbox img{ width: auto; height: auto;} #lightbox a img{ border: none; } #outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; } #imageContainer{ padding: 10px; } #loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; } #hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; } #imageContainer>#hoverNav{ left: 0;} #hoverNav a{ outline: none;} #prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(/stylesheets/lightbox/data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; } #prevLink { left: 0; float: left;} #nextLink { right: 0; float: right;} #prevLink:hover, #prevLink:visited:hover { background: url(/stylesheets/lightbox/prevlabel.gif) left 15% no-repeat; } #nextLink:hover, #nextLink:visited:hover { background: url(/stylesheets/lightbox/nextlabel.gif) right 15% no-repeat; } #imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100% ; } #imageData{ padding:0 10px; color: #666; } #imageData #imageDetails{ width: 70%; float: left; text-align: left; } #imageData #caption{ font-weight: bold; } #imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em; } #imageData #bottomNavClose{ width: 66px; float: right; padding-bottom: 0.7em; outline: none;} #overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }