/* Copyright (c) 2009, Yahoo! Inc. All rights reserved. Code licensed under the BSD License: http://developer.yahoo.net/yui/license.txt version: 2.8.0r4 */ html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,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,optgroup{font-style:inherit;font-weight:inherit;}del,ins{text-decoration:none;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}legend{color:#000;}input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}input,button,textarea,select{*font-size:100%;} * {margin: 0; padding: 0;} html {background: url(../user_action/graphics/uat-stripe-background.png);} body { font-family: Verdana, Arial, Helvetica, san-serif; font-size: .8em;} /* GENERAL PAGE STRUCTURE SECTION */ #container { width: 748px; padding: 20px; margin: 0 auto; background: #fff; border-left: 1px solid #aaa; border-right: 1px solid #aaa; border-bottom: 1px solid #aaa;} h1 {font-size: 1.8em; font-weight: bold; margin-bottom: 20px;} h2 {font-size: 1.6em; font-weight: bold; margin-bottom: 20px;} h3 {font-size: 1.2em; font-weight: bold; margin-bottom: 5px; } h5 {font-size: .8em; font-weight: bold; margin-bottom: 5px;} h1 span, h2 span { color: #a31919; } p {margin-bottom: 10px; } li p {margin-bottom: 20px; } strong {font-weight: bold;} .highlight { color: #a31919;} .inputSelected { color: #000; } .inputUnselected { color: #999; } em { font-style: italic; } /* GENERIC DRUPAL FORM CLASSES */ input.error {border: 2px solid #fff568;} span.form-required {color: red;} /* HEADER SECTION */ #header {margin-bottom: 20px; margin: top: } #logo { background: url(/themes/thrillist2/user_action/graphics/thrillist-logo.png) no-repeat; width: 187px; height: 135px; margin-top: -45px; margin-left: -40px; z-index: 100; float: left; } #logo a { display: block; width: 100%; height: 100%; } #header-bar { width: 100%; height: 25px; background: #000 url(/themes/thrillist2/user_action/graphics/topbar-gradient.png) repeat-x; color: #fff; z-index: -10; font-family: Arial;} #header-bar-inner {width: 788px; margin: 0 auto; padding-top: 5px;} #header-bar-left {float: left; margin-left: 150px; text-transform: uppercase; font-weight: bold;} #header-bar-right {float: right; font-size: .9em; margin-right: 10px; color: #888;} #header-bar-right p {display: inline; margin-right: 20px;} #header-image {width: 509px; height: 93px; float: left; margin-left: -60px; background: url(/themes/thrillist2/user_action/graphics/header-nation.png) no-repeat;} #header-image.new_york {background: url(/themes/thrillist2/user_action/graphics/header-new-york.png) no-repeat; } #header-image.atlanta {background: url(/themes/thrillist2/user_action/graphics/header-atlanta.png) no-repeat; } #header-image.austin {background: url(/themes/thrillist2/user_action/graphics/header-austin.png) no-repeat; } #header-image.boston {background: url(/themes/thrillist2/user_action/graphics/header-boston.png) no-repeat; } #header-image.chicago {background: url(/themes/thrillist2/user_action/graphics/header-chicago.png) no-repeat; } #header-image.dallas {background: url(/themes/thrillist2/user_action/graphics/header-dallas.png) no-repeat; } #header-image.denver {background: url(/themes/thrillist2/user_action/graphics/header-denver.png) no-repeat; } #header-image.hamptons {background: url(/themes/thrillist2/user_action/graphics/header-hamptons.png) no-repeat; } #header-image.las_vegas {background: url(/themes/thrillist2/user_action/graphics/header-las-vegas.png) no-repeat; } #header-image.london {background: url(/themes/thrillist2/user_action/graphics/header-london.png) no-repeat; } #header-image.los_angeles {background: url(/themes/thrillist2/user_action/graphics/header-los-angeles.png) no-repeat; } #header-image.miami {background: url(/themes/thrillist2/user_action/graphics/header-miami.png) no-repeat; } #header-image.nation {background: url(/themes/thrillist2/user_action/graphics/header-nation.png) no-repeat; } #header-image.philadelphia {background: url(/themes/thrillist2/user_action/graphics/header-philadelphia.png) no-repeat; } #header-image.san_diego {background: url(/themes/thrillist2/user_action/graphics/header-san-diego.png) no-repeat; } #header-image.san_francisco {background: url(/themes/thrillist2/user_action/graphics/header-san-francisco.png) no-repeat; } #header-image.seattle {background: url(/themes/thrillist2/user_action/graphics/header-seattle.png) no-repeat; } #header-image.washington_dc {background: url(/themes/thrillist2/user_action/graphics/header-washington-dc.png) no-repeat; } #header-text {width: 728px; margin: 20px auto; position: relative; } #header-text-pic {margin: 20px auto; position: relative;} #header-text-pic li { list-style-type: disc; list-style-position: inside; margin-left: 20px; } #header-text-pic #image-holder { /*width: 200px;*/ height: 100%; margin-right: 20px; float: left; } #header-text-pic #text-holder { /*width: 480px; float: left;*/ height: 100%; margin-left: 20px; position: relative; overflow: visible; } #header-text {margin: 20px auto; position: relative;} #header-text li { list-style-type: disc; list-style-position: inside; margin-left: 20px; } #header-text #image-holder { /*width: 200px;*/ height: 100%; margin-right: 20px; float: left; } #header-text #text-holder { /*width: 480px; float: left;*/ height: 100%; margin-left: 20px; position: relative; overflow: visible; } #header-text-bullet {width: 728px; margin: 20px auto; } #header-text-bullet ul { width: 600px; margin: 0 auto;} #header-text-bullet li { list-style-type: disc; list-style-position: inside; margin-left: 20px; } #header-text-bullet-pic {width: 728px; margin: 20px auto;} #header-text-bullet-pic li { list-style-type: disc; list-style-position: inside; margin-left: 20px; } #header-text-bullet-pic #image-holder { /*width: 200px;*/ height: 100%; margin: 0 20px; float: left; } #header-text-bullet-pic #text-holder { /*width: 460px;*/ height: 100%; margin-left: 20px; float: left; } /* SUBSCRIPTION SECTION */ #subscription-area { margin: 20px -30px; padding: 5px 0; background: url(/themes/thrillist2/user_action/graphics/uat-stripe-subscription-background.png); border: 1px solid #888; } #subscription-area input.thrillist-email { width: 300px; height: 18px; font-size: 14px; padding: 5px; color: #888;} #subscription-area p { font-size: .8em; color: #888; margin-top: 10px;} /* Override for webform */ #subscription-area .webform-component-markup > p { font-size: 1em; color: #000; } #subscription-area a { color: #888; text-decoration: none; border-bottom: 1px solid #ccc;} #subscription-area .qmark { color: #888; text-decoration: none; font-size: 14px; margin-left: 5px; position: absolute; top: -5px; white-space: nowrap;} #subscription-area-inner {width: 640px; margin: 0 auto; padding: 10px 0; text-align: center;} #editions-choices { margin: 20px 0; display: none;} #editions-choices label { display: inline-block; } #editions-choices div.checker { margin-top: 5px; margin-right: 5px !important; } #editions-choices li { display: inline; margin: 20px; padding-right: 20px; font-size: 1.2em; position: relative; line-height: 2.0em; font-family: "Arial Black", Arial, sans-serif; } #editions-all { margin: 20px; padding-left: 40px; text-align: left;} #editions-all label { display: inline-block; width: 160px; } #editions-all li { display: inline; margin: 10px; font-size: 1em; } #editions-all a { border: 0; } #editions-all p { text-align: center; font-size: 1.4em; display: none; margin-left: -40px; } #subscription-area .sub-button { margin-top: 20px; } /* ABOVE FOOTER SECTION */ #above-footer { width: 728px; margin: 0 auto;} #above-footer p { width: 680px; margin: 20px auto; color: #888; font-size: .9em;} #above-footer h1 { font-size: 1.6em; margin-bottom: 10px; padding-bottom: 5px; border-bottom: 1px solid #ddd;} #above-footer .above-footer-inner { width: 220px; height: 200px; margin-right: 20px; float: left;} #above-footer .above-footer-image { width: 100px; height: 100%; margin-right: 10px; float: left;} #above-footer .above-footer-text {width: 100px; height: 100%; float: left; font-size: .8em;} #above-footer .last { margin-right: 0;} /* FOOTER SECTION */ #footer { /*width: 680px;*/ color: #000; font-size: .8em; text-align: center; margin-top: 60px; border-top: 2px solid #000; border-bottom: 1px solid #888; padding: 5px 0; margin: 0 auto;} #footer li {display: inline;} .footer-separator {color: #bbb;} #footer a { color: #000; text-decoration: none;} br.both { clear: both; } /**/ #subscription-area div.form-item {text-align: left; margin-bottom: 5px;} #subscription-area .accordion-list div.form-item{ width: 160px; display: inline-block; text-align: left;} #subscription-area .accordion-list label {display: inline-block;} #subscription-area .accordion-list li {display: inline;} #subscription-area .accordion-list a span { color: #a31919; font-weight: bold;} #subscription-area #sub-button { margin-top: 20px; } .shadowbox-on-load {display: none; color: white; } .tl-sb-wrapper{background-color: white; padding: 0px;} pre {text-align: left;} .form-errors {color: #000; background: #fff568; padding: 5px; margin-bottom: 10px; text-align: center; } #subscription-area .form-errors a {color: #a31919; border-bottom-color: #a31919;} /* PASSWORD FORM */ #password-instructions {margin-top: 20px; } #password-instructions h2{margin-bottom: 0;} #uat-password-form { margin: 20px 20%;} #uat-password-form .form-item {margin: 10px 0;} #uat-password-form label {display: inline-block; width: 170px; padding-top: 2px;} #uat-password-form strong { text-align: center; } #password-instructions .loading { margin: 20px auto; margin-left: 344px;} #password-instructions .form-errors { margin-top: 20px; text-align: center; } #password-instructions .form-errors li {list-style-type: none; color: #000; background: #fff568; margin: 5px;} #uat-password-form #edit-save {background-color: #A31919; color: white; font-weight: bold; margin-left: 139px;} /* SETTINGS FORM */ #container ul.status-messages {text-align: center; font-size: 1.2em; font-weight: bold; color: #A31919;} #uat-settings-form label {display: inline-block; padding-left: 6px;} #uat-settings-form .selector {display: inline-block; margin-bottom: 0;} #uat-settings-form .accordion-list p { text-align: left; font-size: 1.2em; padding-left: 35%;} #uat-settings-form .accordion-list a { border: 0; padding-left: 15px; padding-right: 20px; background: url(/themes/thrillist2/user_action/graphics/more-arrow.png) no-repeat center right; } #uat-settings-form .form-item {display: inline-block; } #uat-settings-form div.full-line {display: block; margin-bottom: 10px;} #uat-settings-form div.full-line>label {width: 35%; text-align: right; padding-right: 5px; color: #888; font-size: 1.2em;} #uat-settings-form div.full-line .form-radios {display: inline-block;} #uat-settings-form .select-wrapper label{vertical-align: top; padding-top: 4px; color: #888; font-size: 1.2em;} #uat-settings-form div.form-checkboxes {margin: 20px 0;} #uat-settings-form .container-inline {display: inline-block;} #uat-settings-form .container-inline .selector {width: 50px;} #uat-settings-form .container-inline .selector span {width: 25px;} #uat-settings-form .container-inline select {width: 55px;} #uat-settings-form #edit-gender-wrapper .selector {width: 60px;} #uat-settings-form #edit-gender-wrapper .selector span {width: 35px;} #uat-settings-form #edit-gender-wrapper select {width: 65px;} #uat-settings-form #edit-income-wrapper {margin-left: -10px;} #uat-settings-form #edit-income-wrapper .selector {width: 160px;} #uat-settings-form #edit-income-wrapper .selector span {width: 135px;} #uat-settings-form #edit-income-wrapper select {width: 165px;} #uat-settings-form #edit-save {margin: 20px; background-color: #A31919; color: white; font-weight: bold;} /* TELL YOUR FRIENDS FORM */ #tell-your-friends { text-align: center; } #tell-your-friends h1 { color: #a31919; margin-bottom: 5px; } #tell-your-friends h2 { color: #000; font-family: "Arial Black", Arial, sans-serif; margin: 10px 0 5px 0; padding-top: 10px; border-top: 1px dotted #bbb; } #tell-your-friends .header-text { color: #8b8b8b; } #tell-your-friends .item { width: 500px; height: 40px; margin: 0 auto 5px; text-align: left;} #tell-your-friends .left input, #tell-your-friends .right input, #tell-your-friends .right select { width: 230px;} #tell-your-friends .left { width: 230px; margin-right: 30px; float: left; } #tell-your-friends .right { width: 230px; float: left; } #tell-your-friends #add_friend { font-weight: bold; color: #888; } #tl-tyf-footer { color: #888; font-size: 11px; text-align: center; margin-top: 20px; } #tl-tyf-footer a { color: #888; } a.skip-step{float: right; color: gray; text-decoration: none; margin-bottom: 10px;} #close_shadowbox { padding: 5px 6px; color: #000; font-weight: bold; top: 0; z-index:9999; position:absolute; right:10px;} #close_shadowbox a { color: #000; text-decoration: none; } #contacts-content {text-align: left; width: 500px; margin: 0 auto; } #contacts-content #btn_get_invitees { margin-left: 195px; } /* FACEBOOK INVITES */ #fb-invite {width: 100%; height: 400px;} /* LOGIN LAYER */ .login_layer { display: none; background-color: black; position: absolute; top: 0; margin: 0 auto; overflow: hidden; /*width: 728px;*/ width: 490px; margin-left: 299px; height: 85px; background-color: black; z-index: 999;} .login_layer a, .login_layer a:visited, .login_layer a:link { color: #b01b1d; text-decoration: none; } .login_layer .close_btn { position: absolute; top: 5px; right: 5px; } .login_layer .close_btn a { display: block; width: 7px; height: 7px; background-image: url('http://static.thrillist.com/themes/thrillist2.0/graphics/components/buttons/x_small_black.gif'); } .login_layer .close_btn a span { visibility: hidden; } .login_layer h3 { float: left; margin: 15px 0 10px 20px; width: 326px; } .login_layer h5 { float: left; margin: 15px 0 10px 20px; } body:first-of-type .login_layer h5 { margin-left: 8px; } /* safari hack */ .login_layer input.text_box { float: left; margin-right: 20px; } .login_layer input.text_box:focus { } .login_layer input.hidden {display:none;} .login_layer input.username { clear: left; margin-left: 20px; } .login_layer input#edit-name {background:#fff url(http://static.thrillist.com/themes/thrillist2.0/graphics/components/nav/login_email_bg.gif) no-repeat 0 0;} .login_layer input#edit-pass {background:#fff url(http://static.thrillist.com/themes/thrillist2.0/graphics/components/nav/login_pass_bg.gif) no-repeat 0 0;} .login_layer ul { float: left; } .login_layer ul li { float: left; } .login_layer ul li.login_btn a span { visibility: hidden; } .login_layer ul li.login_btn { margin-right: 40px; } .login_layer ul li.login_btn a { display: block; width: 58px; height: 20px; background-image: url('http://static.thrillist.com/themes/thrillist2.0/graphics/components/buttons/login.gif'); background-position: -1px -1px; } .login_layer ul li.login_btn a:hover { background-position: -1px -25px; } .login_layer ul li.forgot_password { margin: 3px 30px 0 0; display: none; } .login_layer ul li.remember_me { display: none; } .login_layer ul li.remember_me input { float: left; display: block; margin: 2px 7px 0 0; } .login_layer ul li.remember_me span { float: left; display: block; margin-top: 3px; } /* PROMO WEBFORMS */ .uat-webform label {display: inline-block; padding-left: 6px;} .uat-webform textarea{width: 50%;} .uat-webform .webform-component-textarea label {vertical-align: top;} .uat-webform .form-item {display: inline-block; } .uat-webform div.full-line {display: block; margin: 10px 0;} .uat-webform div.full-line>label {width: 25%; text-align: right; padding-right: 5px;} .uat-webform div.select-wrapper>label {vertical-align: top; padding-top: 5px;} .uat-webform #edit-submit {background-color: #A31919; padding: 5px; color: white; font-weight: bold;} .uat-webform .form-errors {text-align: center;} .uat-webform .form-errors li {list-style-type: none; margin: 5px;} .uat-webform .form-radios {display: inline-block;} .uat-webform .form-checkboxes {display: inline-block;} .uat-webform .selector {display: inline-block; margin-bottom: 0;} .uat-webform #editions-all {margin-top: 0;} .uat-webform h2 span { color: #a31919 !important; } #subscription-area .uat-webform h2 {margin-left: -30px; margin-right: -30px;} #subscription-area .uat-webform h2 p { font-size: inherit; color: inherit; margin-top: 0px;} #subscription-area .uat-webform h2 p strong {color: #A31919;} br.clear { clear: both; } /* UNSUB FORM */ #uat-unsub-form div.form-item {text-align: center; margin: 10px 0;} #uat-unsub-form .form-checkboxes .form-item {display: inline-block; width: 160px; text-align: left;} #uat-unsub-form .form-checkboxes {text-align: left; padding-left: 100px;} #unsub-area ul {margin: 10px;} /* GET MORE LAYER */ #get-more { text-align: center; padding: 0 20px; } #get-more h1 { border-bottom: 1px dotted #bbb; padding-top: 0px; padding-bottom: 5px; } #get-more a, #get-more a:link, #get-more a:visited { border: 0; text-decoration: none; } #get-more img { border: 0; } #get-more ul li { display: inline; margin: 0 10px; } #get-more #app-store { margin: 20px 0; } #get-more #no-thanks { color: #888; font-size: 11px; text-decoration: none; border-bottom: 1px solid #888; } /* JACK THREADS LAYER */ #jackthreads-main { text-align: center; width: 520px; padding: 0 20px; } #jackthreads-main h1 { border-bottom: 1px dotted #bbb; padding-bottom: 1px; margin-bottom: 5px; } #jackthreads-main h3 { padding-top: 5px; padding-bottom: 1px; } #jackthreads-main a, #get-more a:link, #get-more a:visited { border: 0; text-decoration: none; } #jackthreads-main img { border: 0; } #jackthreads-main .highlight { font-weight: bold; } #jackthreads-main #no-thanks { color: #888; font-size: 11px; text-decoration: none; border-bottom: 1px solid #888; } #jackthreads-container { width: 425px; margin: 0 auto; padding: 10px 2px 10px 10px; border: 1px solid #ddd; background: url('../user_action/graphics/jackthreads/jackthreads-logo.jpg') top left no-repeat; } #jackthreads-desc { float: left; width: 190px; text-align: left; margin-top: 60px;} #jackthreads-image { float: right; width: 218px; } #jackthreads-singup { color: #888; font-weight: bold; display:block; margin:0 auto; text-align:left; width:160px; } #jackthreads-activate, #jackthreads-signup-next { margin: 1px 0; } #jackthreads-footer { color: #888; font-size: 11px; text-align: center; margin-top: 20px; padding-top: 10px; border-top: 1px dotted #bbb; } #jackthreads-footer a, #jackthreads-footer a:link, #jackthreads-footer a:visited { color: #888; font-size: 11px; text-align: center; margin-top: 20px; text-decoration: none; border-bottom: 1px solid #888; }