/* ******************************************************************** */ /* project: appbackr - marketing site file: appbackr.css creator: Ben Kutil creation date: Wed Jun 2 08:01:08 EDT 2010 copyright: (c) 2010 - Make Things Studio, LLC All rights reserved. info: Marketing Site CSS for appbackr.com TOC BASE/RESETS */ /* ******************************************************************** */ /*= BASE/RESETS /*-------------------------------------------------------- */ html { overflow-y: scroll; height: 100%; font-size: 100%; text-align: center; background: rgb(255,179,0) url(../images/bg-jeans-yellow.jpg) left top repeat; } body { height: 100%; margin: 0; padding: 0; overflow: visible; font-family: Arial, Helvetica Neue, Helvetica, sans-serif; font-size: 62.5%; line-height: 22px; text-align: left; color: rgb(84,84,85); } h1, h2, h3, h4, h5, h6 { margin:0; padding:0; font-family:Cambria,Georgia,Times,Times New Roman,serif; font-weight:normal; } p, dl, dt, dd, ul, ol, li, pre, code, form, fieldset, legend, input, button, textarea, blockquote, th, td { margin: 0; padding: 0; font-size: 12px; line-height: 20px; } sub { vertical-align: sub; font-size: smaller; } sup { vertical-align: super; font-size: smaller; } pre, tt, code, kbd, samp, var { font-family: "Courier New", Courier, monospace; } code {color: #06f;} code, pre {font-size: small;} blockquote, q, em, cite, dfn, i, cite, var, address { font-style: italic; } blockquote p:before, blockquote p:after, q:before, q:after {content: '';} th, strong, dt, b { font-weight: bold; color: rgb(0,0,0); } ins { text-decoration: none; border-bottom: 3px double #333; } del { text-decoration: line-through; } abbr, acronym { border-bottom: 1px dotted #333; font-variant: normal; } ul,ol { margin: 0 0 0 15px; } ol li { margin: 8px 0 0 0; list-style-type: decimal;} ol li:first-child { margin-top: 0; } ul li { margin: 8px 0 0 0; list-style-type: disc; } ul li:first-child { margin-top: 0; } ul ul li {list-style-type: circle;} ul ul ul li {list-style-type: square;} ol ol li {list-style-type: lower-alpha;} ol ol ol li {list-style-type: lower-roman;} a:link, a:visited {color: rgb(39,93,160); text-decoration: none;} a:visited { text-decoration: none;} a:hover { text-decoration: underline; } a:focus {text-decoration: none;} a:focus, :focus { outline: none;} a:active {outline: none;} .nav a, a.btn { display: block; } fieldset, img { border: 0; } img {vertical-align: bottom;} table { border-collapse: collapse; border-spacing: 0; } caption { position: absolute; text-indent: -99999px; } th {text-align: center; vertical-align: top; } tbody th { text-align: left; font-weight: normal; color: rgb(0,0,0);} tr, td { vertical-align: top; } td,th { padding: 0 5px 5px 0; } legend { position: absolute; display: none; color: #000; padding-bottom: .5em; } label { } fieldset {line-height: 1;} input, button, textarea, select, optgroup, option { font-size: 12px; line-height: 1; margin: 0; padding: .2em .4em; vertical-align: baseline; } input[type="checkbox"] { vertical-align: bottom; *vertical-align: baseline; } input[type="radio"] {vertical-align: text-bottom;} input { _vertical-align: text-bottom; } button, input[type="submit"], input[type="reset"], input[type="button"], .inputButton { *overflow: visible; _width: 0; padding: .2em .4em; } /*-------------------------------------------------------- */ /*= [end] BASE/RESETS */ /*= TYPEFACES /*-------------------------------------------------------- */ @font-face { font-family: 'ChunkFive'; src: url('../fonts/chunkfive-webfont.eot'); src: local('☺'), url('../fonts/chunkfive-webfont.woff') format('woff'), url('../fonts/chunkfive-webfont.ttf') format('truetype'), url('../fonts/chunkfive-webfont.svg#webfont1Y0pzp4y') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'QuicksandLight'; src: url('../fonts/quicksand_light-webfont.eot'); src: local('☺'), url('../fonts/quicksand_light-webfont.woff') format('woff'), url('../fonts/quicksand_light-webfont.ttf') format('truetype'), url('../fonts/quicksand_light-webfont.svg#webfontQSssP0em') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'QuicksandBold'; src: url('../fonts/quicksand_bold-webfont.eot'); src: local('☺'), url('../fonts/quicksand_bold-webfont.woff') format('woff'), url('../fonts/quicksand_bold-webfont.ttf') format('truetype'), url('../fonts/quicksand_bold-webfont.svg#webfontCbT6zSld') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'QuicksandBook'; src: url('../fonts/quicksand_book-webfont.eot'); src: local('☺'), url('../fonts/quicksand_book-webfont.woff') format('woff'), url('../fonts/quicksand_book-webfont.ttf') format('truetype'), url('../fonts/quicksand_book-webfont.svg#webfonth01t6bKu') format('svg'); font-weight: normal; font-style: normal; } /*-------------------------------------------------------- */ /*= [end] TYPEFACES */ /*= TOOLS /*-------------------------------------------------------- */ .stretch, .clear { clear: both; height: 1px; margin: 0; padding: 0; font-size: 15px; line-height: 1px; } .clr { clear: right; } .cll { clear: left; } .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } * html > body .clearfix { display: inline-block; width: 100%; } * html .clearfix { /* Hides from IE-mac \*/ height:1%;/* End hide from IE-mac */} /* end clearing */ /* replace */ /* tidy these up */ .replace { position: absolute; text-indent: -10000px; display: none; background-repeat: no-repeat; background-position: left top; background-color: transparent; } .replace a { text-indent: 0; } .replace a span { text-indent: -10000px; } /* end replace */ /* Image Replace using spans */ .ir { position: relative; overflow: hidden; visibility: visible; z-index: 1; } .ir span { position: absolute; top: 0; left: 0; display: block; z-index: 2; } /* End Image Replace using spans */ /* accessibility */ span.accesskey { text-decoration: none; } .accessibility { position: absolute; top: -999em; left: -999em; } /* end accessibility */ /*-------------------------------------------------------- */ /*= [end] TOOLS */ /*= GLOBALS /*-------------------------------------------------------- */ /*Opera Fix*/ body:before {/* thanks to Maleika (Kohoutec)*/ content:""; height:100%; float:left; width:0; margin-top:-32767px;/* thank you Erik J - negate effect of float*/} #site-wrap { min-height: 100%; } #site-header { width: 100%; min-height:150px; text-align: center; border-bottom: 2px solid rgb(0,0,0); background: rgb(32,32,32) url(../images/bg-jeans-dark.jpg) left top repeat; } #site-header-wrap { position: relative; width: 960px; min-height:174px; margin: 0 auto; text-align: left; background: url(../images/bg-light-header.jpg) 475px top no-repeat; } #site-branding { display: inline; float: left; width: 334px; height: 94px; margin: 26px 0 0 32px; } #site-login { position: relative; display: inline; float: right; width: 365px; margin: 65px 30px 0 0; } #frm-recover, #frm-signup, #frm-invite { display: none; } #frm-recover { position: absolute; top: 0; left: 0; z-index: 1000;} .frm-inline { display: inline; float: left; width: 365px; } .frm-inline ul { display: inline; float: left; width: 365px; border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; background: rgb(11,11,11); } .frm-inline h2 { display: none; } .frm-inline ul, .frm-inline li { display: inline; float: left; margin: 0; padding: 0; } .frm-inline li { width: auto; margin: 2px 0 2px 2px; padding: 0; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; background: rgb(3,3,3); } .frm-inline label { display: block; margin: 0 0 3px; font-family: 'QuicksandBold', Arial, Helvetica Neue, Helvetica, sans-serif; font-size: 12px; color: rgb(255,255,255); } .frm-inline input { display: inline; float: left; width: 115px; margin: 1px; padding: 9px 6px; font-family: 'QuicksandBold', Arial, Helvetica Neue, Helvetica, sans-serif; color: rgb(52,52,52); border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border: 1px solid rgb(34,34,34); background: rgb(15,15,15); -webkit-transition: 150ms ease-in; } .frm-inline input.text2 { display: inline; float: left; width: 200px; margin: 1px; padding: 9px 6px; font-family: 'QuicksandBold', Arial, Helvetica Neue, Helvetica, sans-serif; color: rgb(52,52,52); border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border: 1px solid rgb(34,34,34); background: rgb(15,15,15); -webkit-transition: 150ms ease-in; } .frm-inline input:focus { border-color: rgb(255,179,0); background: rgb(215,215,215);} .frm-inline .submit-line { margin-top: 2em; width: 92px; } .frm-inline .submit-line input { width: 92px; height: 35px; text-indent: -9999px; border: none; background: url(../images/btn-header-login.gif) left top no-repeat; -webkit-transition: 200ms ease-in; } .frm-inline .submit-line input:hover, .frm-inline .submit-line input:focus { background-position: left -35px; } #frm-recover li.submit-login { margin-top: 2em; width: 92px; } #frm-recover li.submit-login input { width: 92px; height: 35px; text-indent: -9999px; border: none; background: url(../images/submit.png) left -35px no-repeat; -webkit-transition: 200ms ease-in; } #frm-recover li.submit-login input:hover, #frm-recover li.submit-login input:focus { background-position: left top; cursor:pointer; } .frm-inline #login-links { display: inline; float: left; width: 100%; text-align: right; } .frm-inline a:link, .frm-inline a:visited, .frm-inline a:active { margin-left: 15px; color: rgb(255,255,255);} #frm-recover li { width: 260px; } #frm-recover #emailreset { width: 230px; } #frm-recover li.submit-line { width: 92px; } #site-awards { position: absolute; top: 18px; right: 30px; display: inline; float: left; width: 450px; height: 30px; text-align: right; } #page-content { width: 960px; margin: 0 auto; padding: 35px 0 15em; background: url(../images/bg-light-content.jpg) 440px top no-repeat; } #site-footer { position: relative; width: 100%; height: 15em; margin: -13em 0 0 0; text-align: center; border-top: 2px solid rgb(0,0,0); background: rgb(32,32,32) url(../images/bg-jeans-dark.jpg) left top repeat; clear: both; } #site-footer-wrap { width: 960px; margin: 0 auto; padding: 45px 0; text-align: left; } #site-copyright { width: 200px; display: inline; float: left; margin: 0 0 0 35px; font-family: 'QuicksandBold', Arial, Helvetica Neue, Helvetica, sans-serif; font-size: 15px; color: rgb(255,255,255); } #footer-nav { width: 650px; display: inline; float: right; } #footer-nav li { display: inline; float: left; margin: 0 15px 0 0; padding: 0 15px 0 0; border-right: 1px solid rgb(70,70,70); } #footer-nav li.last { margin: 0; padding: 0; border: none; } #footer-nav a:link, #footer-nav a:active, #footer-nav a:visited { font-family: 'QuicksandBold', Arial, Helvetica Neue, Helvetica, sans-serif; font-size: 15px; text-shadow: 1px 1px rgb(0,0,0); color: rgb(255,255,255); } #footer-nav a:hover { text-decoration: none; color: rgb(184,20,20); } #site-credit { position: absolute; top: 0; left: 0; text-indent: -999999px; } /*-------------------------------------------------------- */ /*= [end] GLOBALS */ /*= Modules /*-------------------------------------------------------- */ .btn-sign_up { display: block; width: 203px; height: 54px; text-indent: -99999px; background: url(../images/btn-invite.png) left top no-repeat; -webkit-transition: 200ms ease-in; } .btn-sign_up:hover, .btn-sign_up:focus { background-position: left -54px; } #testimonials .quote { font-family:'QuicksandBook', Arial, Helvetica Neue, Helvetica, sans-serif; font-size: 30px; line-height: 36px; letter-spacing: -0.081em; text-shadow: 1px 1px rgb(255,202,0); color: rgb(32,32,32); } #testimonials .source { font-family: 'ChunkFive'; font-size: 15px; line-height: 25px; font-weight: normal; color: rgb(255,255,255); } #testimonials .org, #testimonials a:link { font-family: 'QuicksandBold', Arial, Helvetica Neue, Helvetica, sans-serif; font-size: 10px; text-transform: uppercase; text-decoration: none; letter-spacing: .1em; color: rgb(0,0,0); } #page-awards h2 { margin: 0 0 15px; font-family: 'ChunkFive'; font-size: 60px; line-height: 30px; color: rgb(219,55,0); } #page-awards .awards-item { display: inline; float: left; width: 200px; margin: 0;} #financing-steps .entry-title { margin: 6px 0; font-family: 'QuicksandBold', Arial, Helvetica Neue, Helvetica, sans-serif; font-size: 18px; color: rgb(32,32,32);} #financing-steps p { font-family: 'QuicksandBook', Arial, Helvetica Neue, Helvetica, sans-serif; font-size: 12px; line-height: 15px; text-shadow: 1px 1px rgb(255,202,0); color: rgb(32,32,32); } #financing-steps a:link, #financing-steps a:visited, #financing-steps a:active { font-family: 'QuicksandBold', Arial, Helvetica Neue, Helvetica, sans-serif; font-size: 12px; text-shadow: 1px 1px rgb(255,202,0); color: rgb(184,20,20); } /*-------------------------------------------------------- */ /*= [end] Modules */ /*= Homepage /*-------------------------------------------------------- */ #index #main { width: 100%; display: inline; float: left; } #index #main-header { display: inline; float: right; width: 410px; margin: 0 60px 0 0; } #index #main-header h2, #index #main-header p { font-family: 'QuicksandBook', Arial, Helvetica Neue, Helvetica, sans-serif; font-size: 24px; line-height: 30px; margin: 0 0 12px; text-shadow: 1px 1px rgb(255,202,0); color: rgb(0,0,0); } #index #main-header em { font-family: 'QuicksandBold'; font-style: normal; } #index #main-header strong { font-family: 'QuicksandBold'; color: rgb(219,55,0); } #index #main-content { display: inline; float: left; width: 410px; margin: 0 0 0 35px; text-shadow: 1px 1px rgb(255,202,0); } #index #main-footer { display: inline; float: left; width: 865px; margin: 0 0 0 35px; } #index #testimonials { display: inline; float: left; width: 410px; margin: 27px 0 0 0; } #index #page-awards { display: inline; float: right; width: 410px; margin: 40px 0 0 0; } #index #sub { display: inline; float: left; width: 905px; margin: 45px 0 0 35px; } #index #financing-steps { display: inline; float: left; width: 905px; margin: 0; padding: 0; } #index #financing-steps li { display: inline; float: left; width: 200px; margin: 0 35px 0 0; } #index li#step-04 { margin-right: 0; } #index #tiert { display: inline; float: left; width: 905px; margin: 35px 0 0 35px; padding: 0 0 35px; } #index #signup-callout-tiert { display: inline; float: left; width: 100%; padding: 0; background: url(../images/appbackr-logo-sm.jpg) left top no-repeat; } #index #signup-callout-tiert h2 { width: 600px; display: inline; float: left; margin: 0 0 0 110px; font-family: 'QuicksandBold', Arial, Helvetica Neue, Helvetica, sans-serif; font-size: 27px; line-height: 30px; text-shadow: 1px 1px rgb(255,202,0); color: rgb(32,32,32); } #index #tiert .btn-sign_up { width: 166px; display: inline; float: right; } /*-------------------------------------------------------- */ /*= [end] Homepage */ /*= ABOUT /*-------------------------------------------------------- */ #about #wrap-content { width: 100%; display: inline; float: left; background: url(../images/bg-about-cnt.jpg) 520px top no-repeat; } #about #main, #about #sub, #about #tiert { width: 100%; display: inline; float: left; } #about #main .col{ width: 360px; display: inline; float: left; margin: 0 0 35px 35px; } #about #main .col h1, #about #main .col h2 { font-family: 'QuicksandBold', Arial, Helvetica Neue, Helvetica, sans-serif; font-size: 30px; line-height: 24px; text-shadow: 1px 1px rgb(255,202,0); color: rgb(0,0,0); } #about #main p { margin: 0 0 12px; font-family: Arial, Helvetica Neue, Helvetica, sans-serif; font-size: 15px; line-height: 24px; text-shadow: 1px 1px rgb(255,202,0); color: rgb(0,0,0); } #about #main a.details, #about #main a.details:link, #about #main a.details:active, #about #main a.details:visited { font-family: 'QuicksandBold', Arial, Helvetica Neue, Helvetica, sans-serif; font-size: 18px; font-weight: bold; text-shadow: 1px 1px rgb(255,202,0); color: rgb(231,69,0); } #about #main a.details:hover { text-decoration: none; color: rgb(0,0,0); } #about #main #board-list { width: 420px; display: inline; float: right; margin: 275px 30px 30px 0; } #about #main #board-list li { width: 130px; display: inline; float: left; margin: 0 10px 0 0; } #about #main-board-list li.last { margin: 0; } #about #board-list .board-content { display: none; } #about #board-list a:link, #about #board-list a:active, #about #board-list a:visited { font-family: 'QuicksandBold', Arial, Helvetica Neue, Helvetica, sans-serif; font-size: 15px; line-height: 18px; font-weight: normal; color: rgb(0,0,0); } #about #board-list a:hover { text-decoration: none; color: rgb(184,20,20); } #about #main #social-list, #about #social-list ul { width: 100%; display: inline; float: left; margin: 0; } #about #social-list li { display: inline; float: left; margin: 0 10px 0 0; padding: 0; } #about #sub { padding: 45px 0 45px 0; background: rgb(237,237,237) url(../images/bg-about-sub.gif) left top no-repeat; } #about #sub #sub-col-01 { width: 620px; display: inline; float: left; margin: 0 0 0 30px; } #about #sub-col-01 h2 { font-family: 'QuicksandBook', Arial, Helvetica Neue, Helvetica, sans-serif; font-size: 45px; line-height: 45px; text-shadow: 1px 1px rgb(255,255,255); color: rgb(0,0,0); } #about #sub-col-01 h3 { padding: 12px 0 0; font-family: 'QuicksandBook', Arial, Helvetica Neue, Helvetica, sans-serif; font-size: 30px; line-height: 36px; text-shadow: 1px 1px rgb(255,255,255); color: rgb(0,0,0); } #about #sub-col-01 p { margin: 0 0 12px; font-family: 'QuicksandBook', Arial, Helvetica Neue, Helvetica, sans-serif; font-size: 16px; line-height: 24px; text-shadow: 1px 1px rgb(255,255,255); color: rgb(0,0,0);} #about #sub #sub-col-02 { width: 166px; margin: 4.5em 75px 0 0; display: inline; float: right; } #about #sub-col-02 h2 { margin: 0 0 12px; font-family: 'QuicksandBold', Arial, Helvetica Neue, Helvetica, sans-serif; font-size: 15px; line-height: 18px; text-shadow: 1px 1px rgb(255,255,255); color: rgb(0,0,0); } /*-------------------------------------------------------- */ /*= [end] ABOUT */ /*= APP /*-------------------------------------------------------- */ #app #header { width: 100%; height: 150px; text-align: center; border-bottom: 2px solid rgb(0,0,0); background: rgb(32,32,32) url(../images/bg-jeans-dark.jpg) left top repeat; } #skip-link { position: absolute; text-indent: -99999px; top: 0; left: 0; } #app #header h1 { margin: 26px 0 0 32px; } #app #header h1, #app #header h1 a { display: inline; float: left; width: 334px; height: 94px; text-indent: -99999px; } #app #header h1 a { background: url(../images/appbackr-logo-yellow.png) left top no-repeat; } #nav-wrapper { display: inline; float: right; width: 560px; } #utility-nav { display: inline; float: left; width: 560px; margin: 26px 0 0 0; color: rgb(150,150,150); } #utility-nav #search { display: inline; float: left; width: 300px; } #utility-nav #username { margin-right: 15px; } #utility-nav a:link, #utility-nav a:visited, #utility-nav a:active { color: rgb(255,255,255);} #top-nav, #top-nav ul { display: inline; float: right; width: 560px; margin: 0;} #top-nav { margin: 30px 0 0;} #top-nav ul, #top-nav ul li { display: inline; float: left; margin: 0 15px 0 0; padding: 10px 15px 10px 0; font-size: 18px; color: rgb(255,255,255); border-right: 1px solid rgb(15,15,15); } #top-nav a:link, #top-nav a:visited, #top-nav a:active { color: rgb(255,255,255); -webkit-transition: color 350ms ease-out; -moz-transition: color 150ms ease-in; -o-transition: color 350ms ease-out; } #top-nav a:hover { text-decoration: none; color: rgb(255,179,0); } #top-nav #nav-sell-app { padding-right: 0; margin-right: 0; border: none; } /*-------------------------------------------------------- */ /*= [end] APP */ /* = Shadowbox /* -------------------------------------------------------- */ /** * The default CSS for Shadowbox. * * This file is part of Shadowbox. * * Shadowbox is an online media viewer application that supports all of the * web's most popular media publishing formats. Shadowbox is written entirely * in JavaScript and CSS and is highly customizable. Using Shadowbox, website * authors can showcase a wide assortment of media in all major browsers without * navigating users away from the linking page. * * You should have received a license with this distribution explaining the terms * under which Shadowbox may be used. If you did not, you may obtain a copy of the * license at http://shadowbox-js.com/LICENSE * * @author Michael J. I. Jackson * @copyright 2007-2009 Michael J. I. Jackson */ /*_____________________________________________ container, overlay, & wrapper */ #sb-container, #sb-wrapper { text-align: left; /* reset left alignment */ } #sb-container, #sb-overlay { position: absolute; top: 0; left: 0; width: 100%; margin: 0; padding: 0; } #sb-container { height: 100%; display: none; visibility: hidden; z-index: 999; } body > #sb-container { /* use position:fixed in modern browsers */ position: fixed; } #sb-overlay { /* needed in IE6 where sb-container uses position:absolute */ height: expression(document.documentElement.clientHeight + 'px'); } #sb-container > #sb-overlay { /* use for sb-container position:fixed */ height: 100%; } /*_________________________________________________________________ wrapper */ #sb-wrapper { position: relative; } #sb-wrapper img { border: none; } /*____________________________________________________________________ body */ #sb-body { position: relative; margin: 0; padding: 0; overflow: hidden; border: 1px solid #303030; } #sb-body-inner { position: relative; height: 100%; } #sb-content.html { height: 100%; overflow: auto; /* make html content scrollable */ } /*_________________________________________________________________ loading */ #sb-loading { position: absolute; top: 0; width: 100%; height: 100%; text-align: center; padding-top: 10px; } #sb-body, #sb-loading { background-color: #060606; /* should match loading image background color */ } #sb-body { border: 6px solid #000; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; background: rgb(255,179,0) url(../images/bg-jeans-yellow.jpg) left top repeat; } #sb-body-inner { padding: 15px; } /*____________________________________________________________ title & info */ #sb-title, #sb-info { position: relative; margin: 0; /* these must have no vertical margin or padding */ padding: 0; overflow: hidden; } #sb-title-inner, #sb-info-inner { position: relative; font-family: 'Lucida Grande', Tahoma, sans-serif; line-height: 16px; } #sb-title, #sb-title-inner { height: 26px; } #sb-title-inner { font-size: 16px; padding: 5px 0; color: #fff; } #sb-info, #sb-info-inner { height: 20px; } #sb-info-inner { font-size: 12px; color: #fff; } /*_____________________________________________________________________ nav */ #sb-nav { float: right; height: 16px; padding: 2px 0; width: 45%; } #sb-nav a { display: block; float: right; height: 16px; width: 16px; margin-left: 3px; cursor: pointer; } #sb-nav-close { background-image: url(../images/close.png); background-repeat: no-repeat; } #sb-nav-next { background-image: url(../images/next.png); background-repeat: no-repeat; } #sb-nav-previous { background-image: url(../images/previous.png); background-repeat: no-repeat; } #sb-nav-play { background-image: url(../images/play.png); background-repeat: no-repeat; } #sb-nav-pause { background-image: url(../images/pause.png); background-repeat: no-repeat; } /*_________________________________________________________________ counter */ #sb-counter { float: left; padding: 2px 0; width: 45%; } #sb-counter a { padding: 0 4px 0 0; text-decoration: none; cursor: pointer; color: #fff; } #sb-counter a.sb-counter-current { text-decoration: underline; } /*________________________________________________________________ messages */ div.sb-message { font-family: 'Lucida Grande', Tahoma, sans-serif; font-size: 12px; padding: 10px; text-align: center; } div.sb-message a:link, div.sb-message a:visited { color: #fff; text-decoration: underline; } /* -------------------------------------------------------- */ /* = [end] Shadowbox */ /*= SB FORMS /*-------------------------------------------------------- */ .frm-lg p, #sb-body p{ margin: 0 0 12px; font-family: 'QuicksandBook', Arial, Helvetica Neue, Helvetica, sans-serif; font-size: 18px; line-height: 24px; color: rgb(0,0,0); } .frm-lg h2, .frm-lg h4, #sb-body h2, #sb-body h4 { margin: 0 0 12px; font-family: 'QuicksandBold', Arial, Helvetica Neue, Helvetica, sans-serif; font-size: 24px; color: rgb(0,0,0); } .frm-lg ul, .frm-lg li { padding: 0; margin: 0; list-style: none; } .frm-lg li { display: inline; float: left; width: 100%; margin: 0 0 12px; } .frm-lg label { display: inline; float: left; width: 90px; height: 18px; padding: 0; line-height: 18px; text-shadow: 1px 1px rgb(255,202,0); background: url(../images/bg-frm-lbl.gif) left bottom repeat-x; } .frm-lg label span { display: inline; float: left; width: 18px; height: 11px; margin-top: 3px; background: url(../images/icn-forms.gif) left top no-repeat; } .frm-lg label.user span { background-position: 4px 0px; } .frm-lg label.pass span { background-position: 3px -30px; } .frm-lg label.mail span { background-position: 0 -60px; } .frm-lg label.invite span { background-position: 0px -90px; } .frm-lg input.text { display: inline; float: left; width: 300px; height: 18px; margin: 0; padding: 0; line-height: 18px; text-shadow: 1px 1px 0 #ffc; border: none; background: transparent url(../images/bg-inp-txt.gif) left bottom repeat-x; } .frm-lg .submit, .frm-lg .submit_line { display: inline; float: right; width: 89px; } .frm-lg .submit label, .frm-lg .submit_line label { display: none; } .frm-lg .submit input, .frm-lg .submit_line input { width: 89px; height: 25px; margin: 0; padding: 0; font-family: 'QuicksandBold', "Gill Sans", Calibri, "Trebuchet MS", sans-serif; font-size: 12px; text-shadow: 1px 1px 0 #6D321D; color: #fff; border: 0; background: transparent url(../images/btn-submit.gif) left top no-repeat; } /*-------------------------------------------------------- */ /*= [end] SB FORMS */ /*-------------- 12 JULY 2010 ------------------*/ .fun-and-profitable{ width:960px; float:left; margin:37px 0 0 0; height:auto; } .fun-and-profitable-text{ width:582px; float:left; background:url(../images/profitable-bg.png) no-repeat left top; padding:0 0 0 100px; font-family:'QuicksandBold', "Gill Sans", Calibri, "Trebuchet MS", sans-serif; font-size:27px; color:#000; line-height:32px; } .sign-up{ width:202px; height:54px; float:right; margin:0 28px 0 0; } .sign-up a{ width:202px; height:54px; background:url(../images/btn-invite.png) no-repeat left top; text-indent:-99999px; display:block; } .sign-up a:hover{ background:url(../images/btn-invite.png) no-repeat left -54px; } .sign-up-top{ width:202px; height:54px; float:left; } .sign-up-top a{ width:202px; height:54px; background:url(../images/btn-invite.png) no-repeat left top; text-indent:-99999px; display:block; } .sign-up-top a:hover{ background:url(../images/btn-invite.png) no-repeat left -54px; } .winner-container{ width:823px; float:left; margin:38px 0 0 36px; } .winner-img{ width:363px; float:right; height:auto; } .winner-comment{ width:408px; float:left; height:auto; position:relative; } .left-coma{ width:41px; height:31px; position:absolute; top:0; left:0; } .right-coma{ width:41px; height:31px; position:absolute; bottom:21px; right:173px; } .comment{ float:left; width:326px; margin:0 45px; font-family:'QuicksandBook', "Gill Sans", Calibri, "Trebuchet MS", sans-serif; font-size:30px; line-height:28px; } .founder{ font-family:'QuicksandBook', "Gill Sans", Calibri, "Trebuchet MS", sans-serif; font-size:13px; color:#000; text-shadow:1px 1px 1px #e6c36f; } .founder-email{ color:#b81414; font-size:12px; } .founder-email a{ color:#b81414; text-decoration:none; font-size:13px; font-family:Arial, Helvetica, sans-serif; } .founder-email a:hover{ color:#b81414; text-decoration:none; } .frm-inline .btn-i-want-one{ width:140px; height:35px; float:left; margin:21px 0 0 0; } .frm-inline .submit{ width:140px; height:35px; background:url(../images/btn-i-want.png) no-repeat left -35px; text-indent:-99999px; } .frm-inline .submit:hover{ background:url(../images/btn-i-want.png) no-repeat left top; cursor:pointer; } .frm-inline .submit:focus { background:url(../images/btn-i-want.png) no-repeat left top; cursor:pointer;} .close-btn{ position:absolute; right:3px; top:5px; } .comment-by{ float:left; font-family:'chunkFive'; font-size:15px; color:#fff; } .comment-by span{ font-family:Helvetica; font-size:10px; color:#4a3200; } .frm-inline label.request_invite_email {float:left; margin:10px 0 5px 5px; width:125px; clear:both;} .frm-inline label.ask_developer { width:305px; float:left;} .frm-inline input#developer_yes {width:24px; float:left;} .frm-inline input#developer_no {width:40px; float:left;} .frm-inline label.ask_devloper_right ,.frm-inline label.ask_devloper_left {float:left;} .frm-inline input#inviteemail { float:left; width:300px; }