/* ---------------------------------------------------------- Fix Congress First CSS Managed by: Blue State Digital Last Update: May 2009 TABLE OF CONTENT 01 - GLOBAL BROWSER RESET 02 - COMMON STYLE 03 - LAYOUT 04 - HOMEPAGE 05 - SUBPAGES 06 - FRAMEWORK 07 - UTILITY COLOR GUIDE (Main Site Colors and their Hex Codes) Blue: rgb(0,38,75) Red: rgb(204,0,0) ---------------------------------------------------------- */ /* 01 =GLOBAL BROWSER RESET ---------------------------------------------------------- */ /* YUI Reset version: 2.7.0 */ html { color: #000; font-size: 1em; } #navigation ul li a em { text-transform: lowercase; font-size: 0.9em; font-variant: normal; letter-spacing: 0;} 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; } sup { vertical-align: baseline; } sub { vertical-align: baseline; } /*because legend doesn't inherit in IE */ legend { color: #000; } input,button,textarea,select,optgroup,option { font-family: inherit; font-size: inherit; font-style: inherit; font-weight: inherit; } /*@purpose To enable resizing for IE */ /*@branch For IE6-Win, IE7-Win */ input,button,textarea,select { *font-size: 100%; } /* 02 =COMMON STYLE ---------------------------------------------------------- */ body { background: rgb(221,193,145) url(/page/-/images/layout/bg.jpg) no-repeat top center; padding-bottom: 50px;} .base h1 { font-family: "chunk-1","chunk-2", Georgia, Times; font-size: 1.8em; border-bottom: 1px solid rgba(233,220,203,1); margin-bottom: 15px; padding-bottom: 5px; color: rgb(0,38,75); margin-top: 20px; } .base h2 { font-family: "chunk-1","chunk-2", Georgia, Times; text-transform: lowercase; font-size: 1.56em; border-bottom: 1px solid rgba(233,220,203,1); margin: 20px 0 5px;padding-bottom: 5px; color: rgb(0,38,75); } #text-block.interior h2 { border: 0; font-size: 1.3em; } .base h3 { font-size: 1.1em; font-weight: bold; color: rgb(0,38,75); margin: 14px 0 7px; } .base h4 { } #header h2 { font-family: "chunk-1","chunk-2", Georgia, Times; font-size: 0.8em; margin: 0; border: 0; text-transform: uppercase; } .base p { color: rgb(51,0,0); font-size: 0.9em; line-height: 1.3em; margin-bottom: 10px;} p.date { color: rgba(153,102,51,1); font-size: 0.83em; margin-bottom: -10px; text-transform: uppercase; font-variant: small-caps;} a { color: rgb(204,0,0); text-decoration: none; } a:hover { color: rgb(0,38,75); } blockquote { padding-left: 25px; font-size: 0.85em; border-left: 1px solid rgb(204,0,0); margin: 20px 0; color: rgb(51,0,0); color: rgba(51,0,0,.7); width: 75%; line-height: 1.4em;} .base ul, ol { margin-left: 20px; font-size: 0.9em; color: rgb(51,0,0); margin-bottom: 10px; line-height: 1.3em;} .base ul li { list-style-type: disc; } .base ol li { list-style-type: decimal; } .base ol { } .base ul li, .base ol li { } .base li ol { margin-bottom: 0; color: rgb(51,0,0); color: rgba(51,0,0,.7); margin: 10px 0 10px 20px; } .base li ul { margin-bottom: 0; color: rgb(51,0,0); color: rgba(51,0,0,.7); margin: 10px 0 10px 20px; } /* 03 =LAYOUT ---------------------------------------------------------- */ #wrapper { width: 965px; margin: 0 auto; padding-top: 30px;} #header { background: url(/page/-/images/header/header-bg.png) repeat-x top; width: 100%; } #logo { position: relative; top: -18px; float: left; margin: 0 20px;} #header-summary { width: 285px; float: left; margin-top: 20px; padding-right: 15px;} #header-signup-form { margin-top: 20px; padding-right: 0px; width: 320px; float: right;} #header-signup-form input[type=text] { color: #666 ; padding: 5px; font-size: 0.83em; } #header-signup-form input#quick-email { width: 130px; } #header-signup-form input#quick-zip { width: 80px; } #header-signup-form #quick-submit {width: 60px; font-size: 0.9em; } #header-signup-form #quicksignup fieldset { margin-top: -10px; } #navigation { display: block; clear: both; padding: 0px; border-top: 5px solid rgb(0,38,75); border-bottom: 2px solid rgb(0,38,75); -webkit-text-size-adjust: none; height: 40px; } #home #navigation { display: block; clear: both; padding: 0px; border-top: 5px solid rgb(0,38,75); } #navigation ul { width: 967px; height: 40px; padding: 0; margin: 0 auto; display: block; position: relative; z-index: 99; } #navigation ul ul { background-image: url(/page/-/images/header/nav-drop-down-bg.png); } #navigation ul li ul a:hover { color: #fff; background-color: transparent; } #navigation ul ul li a:hover { color: #fff; background-color: transparent; } /* #home #navigation li#home, #home #navigation li#home a, #about #navigation li#about, #about #navigation li#about a { background: #000; color: rgb(240,229,207); } */ .sfHover { color: #fff; } #navigation li { display: inline; height: 40px; line-height: 300%;} #navigation li a { font: 0.94em "chunk-1","chunk-2", Georgia, Times; color: rgb(0,38,75); display: inline; text-transform: uppercase; text-decoration: none; line-height: 100% ;border-right: 1px solid rgb(229,207,169); margin-top: 0px; padding: 1em 1.84em 11px; } #navigation li ul li a { font: 11px Georgia, Times; font-variant: small-caps; letter-spacing: 0.15em; padding-top: 14px; padding-bottom: 12px; line-height: 350%;} #navigation ul ul li a, #navigation ul ul li a:last-child { border: 0; color: #e8cd9f;} #navigation li a:hover, #navigation li:hover { color: rgb(240,229,207); } #navigation li ul li a:hover, #navigation li ul li:hover, #navigation li ul li:last-child a:hover { color: rgb(240,229,207); } #navigation li ul { width: 960px; margin-top: 7px; padding-left: 5px; position: absolute; } #nav-contain { width: 760px;margin: 0 auto; } #navigation ul.sf-menu li ul li > #navigation ul.sf-menu{ background-color: #fff; font-size: 3em; } #navigation ul > li:last-child a { color: rgb(204,0,0); border-right: 0; padding-right: 2.1em;} #navigation ul > li:last-child a:hover { color: rgb(240,229,207); } #navigation ul > li:first-child a { border-left: 0;} li#home.sfHover a, li#about.sfHover a, li#blog.sfHover a, li#fair-elections.sfHover a, li#take-action.sfHover a, li#donate.sfHover a { color: rgb(240,229,207); } #text-block { background-color: #f8f3e6; background-color: rgb(248,243,230); width: 600px; float: left; padding: 0 20px 20px;} .full-width #text-block { width: 900px; } #home #text-block { padding: 0 10px 10px; width:620px;} #content { width: 965px; background-image: url(/page/-/images/layout/content-bg.gif);} /* Sidebar */ #sidebar { background: rgb(248,243,230) url(/page/-/images/layout/sidebar-bg.jpg) no-repeat right top; padding-top: 2px; padding: 10px; padding-left: 20px; width: 295px; float: left; min-height: 590px;} #sidebar ul#organize { margin: 0; } #sidebar ul#organize li { font-family: "chunk-1","chunk-2", Georgia, Times; width: 270px; height: 40px; line-height: 240%;display: block; text-align: center; font-size: 1.2em; color: #fff; background: url(/page/-/images/sprites/organize.png); margin-bottom: 5px; list-style-type: none; } #sidebar ul#organize li a { width: 270px; height: 40px; display: block; text-align: center; color: #fff; background: url(/page/-/images/sprites/organize.png); margin-bottom: 5px; } #sidebar ul#organize li a:hover, .side-button a:hover { color: #e2e2e2; color: rgba(255,255,255,0.8); } #sidebar ul#organize li#host a { background-position: 0 -45px; } #sidebar ul#organize li#connect { background-position: 0 -90px; width: 270px; height: 40px; display: block; } #sidebar ul#organize li#connect a { width: 20px; height: 20px; background: none; display: inline;} #sidebar ul#organize li#volunteer a { background-position: 0 -225px;} #sidebar ul#organize li#whip a { background-position: 0 -180px;} #sidebar #connect a img { margin: -5px 3px; } #cac-taut { margin-top: 20px; margin-right: 26px; } #cac-taut h3 { margin-top: 10px; } #cac-taut img { width: 270px; } .side-button { text-align: center; font-size: 1.2em; font-family: "chunk-1","chunk-2", Georgia, Times; padding: 0; line-height: 220%; color: rgb(0,38,75); background: transparent; } .side-button a { margin-top: 30px;color: rgb(255,255,255); width: 270px; height: 40px; display: block; background: url(/page/-/images/sprites/organize.png) 0 -19676px; } /* .side-button a:hover { background: rgba(0,38,75,0.5) url(/page/-/images/buttons/texture-button.png); } */ #sidebar #student .side-button a { background: rgb(0,38,75); margin: 10px 0; } /* Footer */ #footer { background-color: rgb(51,0,0); color: #fff; height: 70px; padding: 30px 30px 0; -webkit-text-size-adjust: none; margin-bottom: 7px;} #footer ul { position: relative; top: 18px; text-align: center; font-size: 1em; margin-left: 130px;} #footer img { float: left; } #footer ul li { display: inline; margin: 1.1em; margin-top: 40px; font-family: georgia, times, serif; } #footer li a { color: #fff; font-variant: small-caps; text-transform: lowercase; text-decoration: none;} #footer li a:hover { color: #999; } #license { float: right; clear: both; margin-bottom: 20px; display: block; padding-bottom: 20px; } .entry { margin-bottom: 25px; } #happening-now { background-color: #fff; font-family: Geneva, "Lucida Sans" "Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif; font-size: 0.8em; padding-top: 10px;} #happening-now .tweets { margin: 0.5em 0; padding: 0.5em 1.2em; } #happening-now .tweets:hover { background: rgba(0,0,0,0.05); } #happening-now .tweets img { float: left; width: 30px; display: block; margin-right: 10px; } #happening-now .tweets p { margin-left: 40px; color: #6f6f6f; font-family: Geneva, "Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif; } #twitter-feed-logo { margin: 0px 20px 10px 15px; float: left; vertical-align: middle; } #privacy { text-transform: lowercase; font-variant: small-caps; float:left;} #privacy a { color: rgb(51,0,0); } #privacy a:hover, #url a:hover { color: rgb(0,38,75); } #url { text-transform: lowercase; font-variant: small-caps; float: right; } #url a { color: rgb(51,0,0); } /* 04 =HOMEPAGE ---------------------------------------------------------- */ #hero { display: block; height: 380px; background-image: url(/page/-/images/layout/hero-bg.jpg); } #home-col1, #home-col2 { width: 285px; float: left; margin-right: 0px; padding: 10px;} #home-col2 { border-left: 1px solid rgba(233,220,203,1); padding-right: 0; width: 300px;} #hero-info { float: left; width: 280px; color: #fff; margin-left: 10px; margin-top: 30px; position: relative; z-index: 10;} #hero-info p { color: #fff; font-size: 0.9em; } #hero-info h3 { font-size: 1.5em; color: #fff; font-weight: normal; margin-bottom: 25px;} #hero-info .button { background:none; font-family: "chunk-1","chunk-2", Georgia, Times; } #hero-info .button a { width: 200px; display: block; text-align: center; padding: 15px 10px; margin: 40px auto 0; background-color: rgb(204,0,0); text-transform: uppercase; font-size: 0.85em;} #hero-info .button a:hover { background-color: #bc1319; } div#info-2.button.floatl { margin-right: 0px; } #hero-video { width: 638px; float: left; margin: 10px; display: inline; position: relative; z-index: 1;} #home-col1 h2 a { color: rgb(0,38,75); } #home-col1 a.read-more { font-size: 0.8em; } a#rss-feed { float: right; } /* Issues Rotator */ #home-issues a { color: rgb(255,255,255); color: rgba(255,255,255,0.7); text-transform: uppercase; letter-spacing: 0.1em; width: 220px; display: block; padding: 10px 20px 10px 0;} #home-issues a:hover { color: rgb(255,255,255); color: rgba(255,255,255,1); } #issues-carousel { height: 110px; clear: both; background: #00366b; position: relative; top: -4px;} #home-issues .issue.panel { margin: 10px; display: block; clear: both; } .stepcarousel{ position: relative; /*leave this value alone*/ overflow: scroll; /*leave this value alone*/ width: 760px; height: 50px; /*Height should enough to fit largest content's height*/ margin-left: 60px; float: left; margin-top: 5px; left: -25px;} .stepcarousel .belt{ position: absolute; /*leave this value alone*/ left: 0; top: 0; } .stepcarousel .panel{ float: left; /*leave this value alone*/ overflow: hidden; background: #001b35; background: rgba(0,0,0,0.5); width: 220px; text-align: center; padding-right: 20px; display: block; margin: 0 10px; } .stepcarousel .panel:hover { background: #000c18; background: rgba(0,0,0,0.6); color: #fff; } #home-issues div.panel a:hover { color: #fff; } #home-issues div.panel a { color: #999; } #home-issues .panel img { width: 20px; margin-right: 10px; vertical-align: bottom; } #left-arrow { width: 50px; float: left; margin-left: 15px; margin-top: 0px;} #right-arrow { width: 50px; float: right; margin-right: 30px; margin-top: 0px } #issues-carousel p.title { color: #fff; font-size: 1.2em; text-transform: uppercase; letter-spacing: 0.1em; display: block; text-align: center; padding: 10px 0 5px; font-family: "chunk-1","chunk-2", Georgia, Times;} #signupheader #issues-carousel, #bsd #issues-carousel { margin-left: -20px; width: 965px; top: 40px; } #signupheader .stepcarousel, #bsd .stepcarousel { border: none; top: -10px; margin-top: 15px; } /* 05 =SUBPAGES ---------------------------------------------------------- */ #disqus_thread h3 { font-family: "chunk-1","chunk-2", Georgia, Times; text-transform: lowercase; font-size: 1.56em; border-bottom: 1px solid rgba(233,220,203,1); margin-bottom: 15px; padding-bottom: 5px; color: rgb(0,38,75); margin-top: 10px; font-weight: normal; } #disqus_thread { margin-top: 40px; } #blog #text-block p.date { margin-bottom: 5px; } #blog #text-block .entry p.date { margin-bottom: -10px; } /* BROKEN DEMOCRACY */ .broken #logo { margin: 0 auto; float: none; width: 480px; position: relative; top: 0px; margin-bottom: 15px;} .broken #header { height: 95px; background: transparent;} .broken p#privacy { text-align: center; width: 100%; margin-top: 10px; } .broken #signupheader { width: 450px; float: left; margin-right: 40px; margin-bottom: 40px; } .full-width.broken #content { padding: 10px; background-image: none; background: rgba(255,255,255,0.3); margin-top: 30px;} .broken #text-block { padding: 40px 30px; background: rgb(248,243,230); background: rgba(248,243,230,0.7); } body#bsd.full-width.base.broken { background-color: #ddcea5; background-image: url(/page/-/images/broken/broken-bg-cap.jpg); background-attachment: fixed; } /*MODULE STYLES */ #form-pledge, #form-contributions, #find-representatives, form#report-call.caller, #what-to-say { width: 247px; margin: 0 auto; padding: 20px; background: rgba(255,255,255,0.4); -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; margin: 0 auto;} #what-to-say h2 { text-align: center; } form#form-contributions { width: 400px; } #contributions thead tr th.amount { padding-left: 20px; font-family: "chunk-1","chunk-2", Georgia, Times; font-size: 0.9em } #contributions thead tr th.politician { font-family: "chunk-1","chunk-2", Georgia, Times; font-size: 0.9em; margin-left: 0; } #contributions tbody tr td input.amount { margin: 5px 10px 10px; } #form-contributions-feedback { padding: 20px; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; margin: 20px; color: #333; font-size: 0.9em; text-align: center;} #contributions tbody tr td input { color: #333; padding: 3px; font-size: 0.9em; } #form-pledge fieldset p { clear: both; margin-top: 10px; } #form-pledge fieldset p.privacy { font-size: 0.7em; } #form-pledge #submit, #form-contributions #submit, #find-representatives #submit { margin: 20px auto; font-size: 1.2em;display: block; font-family: "chunk-1","chunk-2", Georgia, Times; } #form-pledge fieldset p label, #find-representatives fieldset p label, form#report-call.caller p label { width: 100px; display: block; text-align: right; float: left; margin-right: 10px; line-height: 200%; } #form-pledge input.text, #find-representatives input.text, form#report-call.caller input.text{ width: 120px; padding: 3px; color: #333; } #form-pledge fieldset legend, #form-contributions fieldset legend, form#report-call.caller fieldset legend { font-family: "chunk-1","chunk-2", Georgia, Times; text-transform: lowercase; font-size: 1.3em; padding-bottom: 20px; color: rgb(0,38,75); margin-top: 10px; font-weight: normal; display: inline-table; text-align: center; width: 100%; } textarea#notes { width: 100%; height: 80px; } #report-call fieldset p label { width: 600px; display: block; } label.updates { width: 300px; display: block; } #report-call fieldset p label.updates { width: 220px; line-height: 1.2em; display: block; } #report-call input#submit.button.submit { margin-left: 110px; } #pages #photo, #report-thank #photo { float: left; margin-bottom: 20px;} #report-content { margin-left: 200px; } #what-to-say { clear: both; width: 450px; float: left; } #what-to-say li { margin: 10px 0; float: left;} form#report-call.caller { float: left; margin-left: 80px; width: 280px; } #instructions { margin-bottom: 20px; display: block; } #politicians img { margin: 0 auto; display: block; width: 25px; height: 25px; } #politicians { margin-top: 25px; } #politicians table tbody tr td table tbody tr { font-size: 0.8em; margin: 10px; } #politicians table tbody tr td table tbody tr { font-size: 0.8em; margin: 10px; padding: 10px 0; display: block; border-bottom: 1px solid #d0d0d0; border-top: 1px solid #d0d0d0; background: #fbf9f2; background: rgba(255,255,255,0.3); } #politicians table tbody tr td table tbody tr:hover { background: #faf6ed; background: rgba(255,255,255,0.5); border-bottom: 1px solid #a7a7a7; border-top: 1px solid #a7a7a7; } #politicians table tbody tr td table tbody tr td.congress.action a.minibutton.Whip { background: rgb(255,0,0); color: #fff; padding: 3px; font-family: Helvetica, Arial, sans-serif; text-transform: uppercase; font-weight: bold; letter-spacing: 0.1em; display: block; width: 50px; text-align: center;} #politicians table tbody tr td table tbody tr td.congress.action a.minibutton.Whip:hover { background: rgba(0,125,13,0.7); } #politicians table tbody tr td table tbody tr td.congress.action a.minibutton.Thank { background: rgb(0,125,13); background: rbga(255,0,0,1); color: #fff; padding: 3px; font-family: Helvetica, Arial, sans-serif; text-transform: uppercase; font-weight: bold; letter-spacing: 0.1em; width: 50px; display: block; text-align: center;} #politicians table tbody tr td table tbody tr td.congress.action a.minibutton.Thank:hover { background: rgba(255,0,0,0.7); } #politicians table tbody tr td table tbody tr td.congress.action { padding-top: 3px; } #politicians table tbody tr td table tbody tr td { padding: 0 5px; } #politicians table tbody tr td table tbody tr td.congress.party_img { width: 50px; } #politicians table tbody tr td table tbody tr td.congress.district { width: 50px; line-height: 200%;} #politicians table tbody tr td table tbody tr td.congress.name { width: 150px; line-height: 200%;} #politicians table tbody tr td table tbody tr td.congress.lost.bad, #politicians table tbody tr td table tbody tr td.congress.lost.good { width: 60px; line-height: 200%;} #form-pledge-feedback img { width: 25px; margin: 0 auto; } #instructions p.alert { font-weight: bold; } #report-call fieldset p label.error { font-family: Helvetica, Arial, sans-serif; font-size: 0.8em; line-height: 1em; width: 200px; float: right; margin: 15px 0; text-align: center;} #signupheader table#signup { float: left; } form#contribution #processbutton, input.submit:hover { background: #bc1319; cursor: pointer;} /* FACEBOOK STYLES */ #fixcon-wrap {width:520px;} #fixcon-logo {text-align:center;} #fixcon-about {width:500px;margin-top:20px;padding:10px;background-color:#F8F3E6;} #fixcon-about p {font-size:16px;} #fixcon-about h2 {font-size:18px;Georgia,Times;text-align:center; padding-bottom: 10px;} #fixcon-form {width:520px;margin:0;padding: 10px 0;border-top:solid 4px #00264B;border-bottom:solid 4px #00264B;} #fixcon-form .fb-field {font-size:14px;} #fixcon-fan {width:510px;background-color:#E1C391;color:#fff;font-weight:bold;font-size:14px;height:20px;text-align:center;padding:5px;} /* 06 =FRAMEWORK ---------------------------------------------------------- */ label.field { font-weight: normal;} { font-weight: normal; color: #333; margin: 10px 0;} #SKIN { margin-top: 20px; font-size: 1.2em;} #SKIN .button { background-color: rgba(255,255,255,0); } tr.even, tr.even td, #SKIN input { font-size: 1.2em; margin-top: 10px;} th.typedescheader { font-size: 1.4em; } #account_actions a { color: rgb(204,0,0); color: rgba(204,0,0,0.7); } #SKIN select { font-size: 1.2em; margin: 10px 0;} #signup .input { margin-bottom: 10px; } form#contribution label, #signup .fieldset label.field { font-weight: normal; color: rgb(51,0,0); font-size: 0.9em; line-height: 1.2em; margin-bottom: 10px; } form#contribution input, #signup input { margin: 5px 0; font-weight: normal; } form#contribution .radio { margin: 10px; } td.contribheader { font-family: "chunk-1","chunk-2", Georgia, Times; text-transform: uppercase; font-size: 1.1em; border-bottom: 1px solid rgba(233,220,203,1); margin-bottom: 15px; padding-bottom: 5px; color: rgb(0,38,75); margin-top: 10px; border: 0; font-weight: normal; } form#contribution #processbutton, input.submit { font-family: "chunk-1","chunk-2", Georgia, Times; background-color: rgb(204,0,0); padding: 5px 3px; border: 0; color: rgb(255,255,255); margin-top: 10px; } #contribution td.contribheader { font-weight: normal; } #contribution table tbody tr td.contribcolumn table tbody tr td.contribheader, input#processbutton.submit { font-weight: normal; } #SKIN { font-size: 1em !important; } #SKIN div.basic.container div.main { font-size: 1.3em; } #eventcreate h2.header { font-size: 2em; } #eventcreate p.instructions, #event_zip_row th { font-size: 1.4em; } #event_rsvp thead tr th, #event_rsvp table.firstform tr th, #event_rsvp thead tr th { font-size: 1.4em; } #event_rsvp thead tr th { padding-bottom: 10px; } #event_rsvp tbody tr.even td, #event_rsvp tr.even th { font-size: 1.4em; margin } #event_zip_row th { font-size: 2em; } #login table tbody tr td.logindesc { margin: 10px; font-size: 0.9em;} #signup table tbody tr td.signupdesc, #login table tbody tr td.logindesc { font-size: 1em; padding: 20px; } #signup table tbody tr th, #login table tbody tr th { font-size: 0.9em; color: #333; padding-right: 10px;} #login table tbody tr td a.loginforgotlink { color: rgb(204,0,0); text-decoration: none; padding-top: 10px; } #login table tbody tr td input.text { margin: 5px; } #login table tbody tr td label { margin-left: 10px; color: #333; font-size: 0.9em; } #signupform div.signuptitle, #login div.logintitle { font-family: "chunk-1","chunk-2", Georgia, Times; font-size: 1.56em; border-bottom: 1px solid rgba(233,220,203,1); margin-bottom: 15px; padding-bottom: 5px; color: rgb(0,38,75); margin-top: 10px; } #signup table tbody tr td input.text, #login table tbody tr td input.text, #venue_information tbody tr td.field input.text, #secondform div table tbody tr td.field input.text, #invitetable tbody tr td textarea { color: #333; padding: 5px; } #SKIN input.text, #SKIN textarea { padding: 5px !important; color: #333; } #secondform div table tbody tr td.field textarea { color: #333; font-size: 1.3em; padding: 5px;} #SKIN .form_label { font-size: 1.2em !important; font-weight: normal !important; color: #333 !important;} #secondform div table tbody tr td.field span.static, #eventdetail p.subhead { font-size: 1.4em; } #detailtable tbody tr th.form_label, #detailtable tbody tr td, #invitetable tbody tr td, #login_form div.table_container table tbody tr th.form_label { font-size: 1.4em; color: #333; font-weight: normal; padding: 5px;} #login_form div.table_container table tbody tr td label { margin-left: 10px; font-size: 1.3em; } #detailtable tbody tr th.form_label { font-weight: bold; } #SKIN div.basic.container div.main, #login_form div.table_container table tbody tr td a.loginforgotlink { font-size: 1.3em !important; } #detailtable tbody tr td div.location, #detailtable tbody tr td div.location .address { font-size: 1em; } #detailtable tbody tr th.form_label { font-weight: bold; } #invite_form #invitetable tbody tr td input.text { font-size: .8em; } #invitetable #fixed_body { font-size: 1em; } #SKIN .detailtable_container #detailtable { background: transparent; border: 0; } .main #eventdetail p { font-size: 1em; } .main #eventdetail p a { font-size: 1em; } #secondform div table tbody tr td.field input.text { margin: 10px 0; } #SKIN #detailtable { background-color: #fff; } #invite_table textarea.contact_importer_email, #invitetable tbody tr td input.text { padding: 5px; color: #333; font-size: 1.3em; } #SKIN #eventdetail .description, #SKIN div.basic.container { font-size: 0.9em; } #signupform tbody tr td textarea { font-size: 1.3em; } #detailtable tbody tr td div.location div.maplinks { font-size: 1em; margin-top: 10px;} #detailtable tbody tr td div.location div.maplinks ul li a { font-size: 1.2em; } #SKIN.module_event2 .basic.container .main #simplesearch h2.header, #myeventslogin h2.header { font-size: 2em; } #simplesearch p.instructions, #simpleform table tbody tr td.formlink a, #event_radius_unit, #myeventslogin p.subhead{ font-size: 1.3em; } /* SKIN OVERRIDES Last Update: JUNE 11, 2010 NOTE: These definitions assume that framework elements have been wrapped in a div with the id "framework". For the YUI styles to work the body id should be "bsd" */ /*=TYPOGRAPHY ---------------------------------------------------------- */ #framework #SKIN h1, /*If you change the font-soze for h1 or it's top margin or padding properties be sure to change the top margin property for "#SKIN #account_actions" such that the base line for the elements within line up with h1 in control_set div*/ #framework #SKIN .basic .main #eventdetail .title, /*Event Title*/ #framework #profiledetail #sectionheader, #framework #stdheader #title /*Page title on Outreach pages*/ { font-size: 24px; font-weight: bold; line-height: 30px; margin-bottom: 6px; } /*if using cufon or typekit for headers be sure to target the following header ids/classes #titletext - header for Outeach pages .headertitle — header for Comunity pages */ #framework #contribution .contribheader, /*Section headers on Contribute form*/ #framework #SKIN h2, #framework #sectionheader, #framework #SKIN .widget_header, #framework #SKIN .widget_title, #framework #community .communitypostinlist .title, /*Blog post title on community web page*/ #framework #community .header, /*Community page headers */ #framework #community .communitypostfull .title, /*Community title for full blog post*/ #framework #community .journaltitle, #framework #community .journalarchive .journalarchivetitle, #framework a#host-button, #framework #loginform .logintitle, #framework #signupform .signuptitle, #framework #outreach_content #loginform .logintitle, #framework #outreach_content #signupform .signuptitle, #framework #manageform .managetitle, #framework #forgotpw .header { font-size: 18px; font-weight: bold; line-height: 24px; margin-bottom: 6px; } #framework #SKIN h3, #framework #SKIN .basic .main .typedescheader, #framework #community .postlist table.head .text, /*Table heading on Community Dashboard page*/ #framework #community .subheader, /*Subheader on the Community Blog Entry Preview page*/ #framework #community .profileteaser .title, /* Profile teaser title on Blog home page*/ #framework #odgettingstarted .odsechead, #framework #odprogress .odsechead, #framework #odyourpage .odsechead, #framework #odstats .odsechead, #framework #odaddress .odsechead, #framework #odgroup .odsechead, #framework #outreach_content .omhead { font-size: 14px; font-weight: bold; line-height: 20px; margin-bottom: 6px; } #framework #SKIN h4, #framework #SKIN h5 { font-size: 12px; font-weight: bold; line-height: 18px; } /*HEADERS WITH BOTTOM BORDERS*/ #framework #contribution .contribheader, /*Section headers on Contribute form*/ #framework #sectionheader, #framework .sectionheader, #framework #SKIN .header, #framework #SKIN .basic .main .typedescheader, #framework #community .header /*Community page headers */ #framework #community .communitypostfull .title, /*Community title for full blog post*/ #framework #community .journaltitle, #framework #community .journalarchive .journalarchivetitle, #framework #stdheader, /*Header for Outreach pages*/ #framework #community .profileteaser .title, /* Profile teaser title on Blog home page*/ #framework #odgettingstarted .odsechead, #framework #odprogress .odsechead, #framework #odyourpage .odsechead, #framework #odstats .odsechead, #framework #odaddress .odsechead, #framework #odgroup .odsechead, #framework #outreach_content .omhead, #framework #manageform .managetitle, #framework #forgotpw .header { border-bottom: 1px solid #ddd; padding-bottom: 3px; } /*WIDGET HEADERS*/ #framework #SKIN .widget_header { background: #eee; border-bottom: 1px solid #ddd; margin-bottom: 6px; padding: 5px 10px; position: relative; } /*SUB-HEADERS*/ #framework #SKIN .widget_subheader, /*Widget Subheader on the dashboard*/ #framework #community .subheader /*Subheader on the Community Blog Entry Preview page*/ { background: #F2F7F7; border-bottom: 1px solid #ddd; padding: 5px 10px; } /*=BUTTONS ---------------------------------------------------------- */ /*INPUT BUTTONS*/ #framework input[type=button], #framework input[type=submit], #framework .submit, #framework #invitationpage #submit_button, #framework #date-filter, #framework .loginbutton input, #framework .signupbutton input, #framework #community input[type=submit], #framework .utils_search button { } /*Targets most Buttons*/ /*INPUT HOVER STATES Note this will only work for modern browsers*/ #framework input[type=button]:hover, #framework input[type=submit]:hover, #framework input:hover.submit, #framework #invitationpage input:hover#submit_button, #framework button:hover#date-filter, #framework .loginbutton input:hover, #framework .signupbutton input:hover, #framework #community input[type=submit]:hover, #framework .utils_search button:hover { } /*RSVP and DETAILS BUTTONS*/ #framework #event_results .event_footer .links { float: left; } #framework #event_results .event_footer .links .detail_button, #framework #event_results .event_footer .links .rsvp_button { float: right; } #framework #event_results .event_footer .links .detail_button a, #framework #event_results .event_footer .links .rsvp_button a { display: block; margin-left: 10px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; padding: 2px 10px; } #framework #event_results .event_footer .links .detail_button a { background: #eee; border: 1px solid #ccc; padding: 2px 10px 1px; } #framework #event_results .event_footer .links .rsvp_button a { background: #555; color: #fff; padding: 3px 10px 2px; } #framework #event_results .event_footer .links .detail_button a:hover, #framework #event_results .event_footer .links .rsvp_button a:hover { background: #33; border-color: #333; color: #eee; } /*Hover state for RSVP and Details buttons*/ /*CONTACT IMPORTER BUTTOM FOR SHARE AND INVITE FORMS*/ #framework #contact_importer_button { border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; font-size: 12px; } /*You can change the background color to match your other input button styles*/ /*SEARCH BUTTON*/ #framework .search_form button { } /*=TEXT INPUT FIELDS AND TEXTAREAS ---------------------------------------------------------- */ #framework input.text, #framework textarea { } /*Use this definition to target most of the text input fields*/ /*=TABS NOTE If the background color for your page is not white you will have to update the bottom border color for the active tabs for Framework, Events and Friends i.e. #framework #SKIN #blue_hat .blue_hat_active { background: none; border-bottom: 1px solid #fff; font-weight: bold; } #framework ul#event_order li.active { background: none; border-bottom: 1px solid #fff; font-weight: bold; } #framework #SKIN #friends_tabs ul li.active_tab { background: none; border: 1px solid #ddd; border-bottom: 1px solid #fff; } ---------------------------------------------------------- */ /*FRAMEWORK TABS*/ #framework #SKIN #blue_hat { background: none; border-bottom: 1px solid #ddd; height: 43px; } #framework #SKIN #blue_hat ul { display: inline; float: right; height: auto; margin: 0 5px; padding: 18px 0 0 0; } #framework #SKIN #blue_hat li { background: #eee; border: 1px solid #ddd; border-top-left-radius: 3px; display: inline; float: right; padding: 5px 10px 4px; text-decoration: none; } #framework #SKIN #blue_hat li a { color: #888; text-decoration: none; } #framework #SKIN #blue_hat .blue_hat_active { background: none; border-bottom: 1px solid #fff; font-weight: bold; } #framework #SKIN #blue_hat .blue_hat_active a { color: #555; } #framework #SKIN #blue_hat li a:hover { background: none; color: #555; } /*EVENT TABS*/ #framework ul#event_order { border-bottom: 1px solid #ddd; clear: both; float: left; list-style-type: none; margin: 0 0 10px 0; top: 0; width: 100%; } #framework ul#event_order li { background: #eee; border: 1px solid #ddd; color: #888; display: inline; float: left; margin: 0 0 -1px 5px; padding: 5px 10px 4px; text-decoration: none; } #framework ul#event_order li a { color: #888; } #framework ul#event_order a:hover { color: #555; } #framework ul#event_order li.active { background: none; border-bottom: 1px solid #fff; font-weight: bold; } #framework ul#event_order li.active a { color: #555; } /*WIDGET TABS*/ /*Note that the active tab background color should be the same as the .widget_header background color under the WIDGET HEADERS category above*/ #framework #SKIN .widget_tabs { margin: 0; padding: 0; } #framework #SKIN .widget_tabs li { border-top-left-radius: 3px; float: left; list-style: none; padding: 5px 10px 4px 10px; margin: 0 5px 0 0; list-style-type: none; } #framework #SKIN .widget_tabs li.active_tab { background: #eee; font-weight: bold; } #framework #SKIN .widget_tabs li.inactive_tab { background: #ddd; } /*FRIENDS TABS*/ #framework #SKIN #friends_tabs { border-bottom: 1px solid #ddd; margin: 18px 0 6px 0; } #framework #SKIN #friends_tabs ul { margin: 0; padding: 5px 0 0 0; list-style: none; } #framework #SKIN #friends_tabs li { border-top-left-radius: 3px; border-top-right-radius: 3px; display: inline; float: left; margin: 0 0 -1px 5px; list-style-type: none; padding: 5px 10px 4px; } #framework #SKIN #friends_tabs ul li.active_tab { background: none; border: 1px solid #ddd; border-bottom: 1px solid #fff; } #framework #SKIN #friends_tabs ul li.active_tab a { color: #555; font-weight: bold; } #framework #SKIN #friends_tabs ul li.inactive_tab { background: #eee; border: 1px solid #ddd; } /*YUI POP OVER This controls the style of the pop over opened after clicking the contact importer button As noted above, in order for this to work the body id should be "bsd" ---------------------------------------------------------- */ #bsd .yui-panel { border: 1px solid #ccc; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; } #bsd .yui-panel-container.shadow .underlay { display: none; } #bsd .yui-panel .container-close { right: 10px; } /*This targets the close button in the popover. You can replace the default image with one of your choosing. Image dimensions should be 12px square*/ #bsd .yui-panel .hd { background: #eee; color: #333; border: none; border-bottom: 1px solid #ddd; font-size: 18px; font-weight: bold; line-height: 24px; margin-bottom: 6px; padding: 10px; } #bsd .yui-panel .bd { font-size: 12px; line-height: 18px; padding: 6px; } #bsd #contact_importer_wrapper { margin: 0; } #bsd #contact_importer_wrapper #contact_importer_error { margin: 18px 0 0 0; } #bsd #contact_importer_dialog .button-group button { background: #eee; border: 1px solid #ddd; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; cursor: pointer; padding: 3px 10px; } /*Contact Listings*/ #bsd #contact_importer_wrapper #results_table_header { background: #eee; } #bsd #contact_importer_wrapper #results_table_outer { border: 1px solid #ddd; } /*=LAYOUT ---------------------------------------------------------- */ /*SOCIAL NET WIDGET COLUMNS*/ #framework #SKIN #widget_group_1 { float: left; width: 49%; } /*Left column*/ #framework #SKIN #widget_group_2 { float: right; width: 49%; } /*Right column*/ /*=PLEASE DO NOT DELETE OR MODIFY ANY OF THE STYLES BELOW ---------------------------------------------------------- */ #framework #SKIN #widget_directory_search_groups_by_keyword { float: none !important; } #framework div#speakout form#participate table { margin-left: 20px; background: rgba(0,0,0,0.1); border: 1px solid #999; margin: 10px; font-weight: normal; } #framework div#speakout form#participate table strong { font-weight: normal; } #participate div table tbody tr td input.landing-button.submit { background: rgb(204,0,0); padding: 5px; } div#speakout form#participate table td input {border:1px solid #999;padding: 5px; width: 110px;} #participate div table tbody tr td input.landing-button { background: rgb(204,0,0); } /* 07 =UTILITY ---------------------------------------------------------- */ .button { background-color: rgb(204,0,0); padding: 5px 10px; border: 0; color: rgb(255,255,255); font-weight: normal; text-transform: lowercase; } .button a { color: #fff; } .stretcher { clear: both; height: 1px; visibility: hidden; } .nomargin { margin-bottom: 0px; } .floatl {float: left; margin: 0; padding: 0 10px 10px 0;} .floatr {float: right; margin: 0; padding: 0 0 10px 10px;} .floatl-nomargin { float: left; margin: 0; padding: 0;} .floatr-nomargin { float: right; margin: 0; padding: 0;} .clear {clear:both; height:0; margin:0; font-size: 1px; line-height: 0;} .required { color: red; } i, em { font-style: italic; } b, strong { font-weight: bold; } sup, sub { height: 0; line-height: 1; vertical-align: baseline; _vertical-align: bottom; position: relative;} sup { bottom: 1ex; } sub { top: .5ex; } .clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden; } .clearfix {display:inline-block;} .clearfix {display:block;} /* h1, h2, h3, #navigation li a, .panel, #organize li, p.title, .button { opacity:0; } .wf-active h1, .wf-active h2, .wf-active h3, .wf-active #navigation li a, .wf-active .panel, .wf-active #organize li, .wf-active p.title, .wf-active .button { opacity:1; -moz-transition:.2s opacity ease-in; -webkit-transition:.2s opacity ease-in; transition:.2s opacity ease-in; } */