/* ----------------------------------------------- United Way SEM Author: Cameron Corda ----------------------------------------------- Light Purple: #4C509F Dark Purple: #10167F Orange: #FF9600; Grey: #DCDFEC; */ /* YUI RESET ----------------------------------------------- */ /* Copyright (c) 2008, Yahoo! Inc. All rights reserved. Code licensed under the BSD License: http://developer.yahoo.net/yui/license.txt version: 2.5.0 */ 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,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{font-style:normal;font-weight:normal;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}li {list-style:none;}abbr,acronym {border:0;font-variant:normal;}sup {vertical-align:text-top;}sub {vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}input,textarea,select{*font-size:100%;}legend{color:#000;} /* LAYOUT ----------------------------------------------- */ html, body {background: #000;} #container {margin: 0px auto; width: 962px; background: #fff;} #contentWrap {} #content {width: 756px; float: left; overflow: hidden;} #side {width: 200px; float: right; background: #fff;} #footer {clear: both; background-color:#10167f; height:22px} #footer_links {float:left: padding-top: 5px} #copyright {float:right: padding-top: 5px} /* TYPOGRAPHY ----------------------------------------------- */ html {font-size: 100%; } /* Somehow Fixes IE */ body {font-size: 10px; font-family: arial, helvetica, sans-serif; color: #000;} #container {font-size: 1.1em; letter-spacing: 0;} .pageContent {margin: 20px; font-size: 1.2em; line-height: 1.7em;} .pageContent h1 {font-size: 1.4em; line-height: 1.3em; margin-bottom: .8em; letter-spacing: 0px;} .pageContent h2 {font-size: 1.25em; margin-bottom: .5em; font-weight: normal;} .pageContent h3 {font-size: 1.1em; margin-bottom: 1.2em; font-weight: normal;} .pageContent h4 {font-size: 1.0em; margin-bottom: 1.2em; font-weight: bold;} .pageContent h5 {font-size: 0.8em; margin-bottom: 1.2em; font-weight: bold;} .pageContent h6 {font-size: 0.7em; margin-bottom: 1.2em; font-weight: bold;} .pageContent ol, .pageContent li {font-size: 1em; line-height: 1.5em; margin-top: 0.8em; margin-bottom: 0.4em; list-style-type: disc;} .pageContent p {font-size: 1em; line-height: 1.5em; margin-bottom: 1.2em; margin-top: 1.2em;} .pageContent blockquote {font-size: 1em; line-height: 1.5em; margin: 1.2em 3em 1.2em 3em; text-align: justify;} .pageContent pre {font-family: monospace; font-size: 1.0em;} .pageContent strong, b {font-weight: bold;} .pageContent em {font-style: italic;} .pageContent td {vertical-align: top;} .pageContent ul {margin-left: 20px;} .pageContent h1 {font-weight: normal; color: #10167f; font-family: arial, helvetica, sans-serif;} .pageContent h3 {margin-bottom: .8em; font-family: 'Trebuchet MS' arial, sans-serif;} .pageContent a {color: #cc0000;} /* LINKS ----------------------------------------------- */ a {color: #fe230a; text-decoration: none;} a:link {} a:visited {} a:active {} a:hover {text-decoration: underline;} /* HOME ----------------------------------------------- */ /* you can either have a homepage wrapper which doesn't have these, or simply go with this css to hide */ body#home .pageContent {display: none;} body#home #sideNav li#navTodo {display: none;} body#home #sideNav li#navTAF {display: none;} body#home #sideEmail {display: none;} body#home #side5ways {display: none;} body#home #sideLive {margin-bottom: 0;} #homeContent { background: url(/page/-/img/home_cols_bg.png) 0 0 repeat-y; } #homeContent .homeBlock {background: #DCDFEC; width: 318px; float: left; margin-right: 3px;} #homeContent #homeBlockThree {margin-right: 0; width: 320px;} #homeContent .homeBlock h3 {background: #4C509F url(/page/-/img/nav_bg.png) no-repeat; min-height: 24px; padding-top: 8px; padding-left: 40px; font-size: 18px; letter-spacing: -.2px; text-transform: uppercase; color: #fff; font-weight: bold;} #homeContent .homeBlock h5 {color: #10167F; font-size: 1.1em; font-weight: bold; margin-top: 1.2em; margin-bottom: .5em;} #homeContent .homeBlockNav {margin: 10px 0 10px 5px;} #homeContent .homeBlockNav li {display: inline;} #homeContent .homeBlockNav li a {color: #6E6F76; text-decoration: none; padding: 5px 10px; border: 1px solid #6E6F76; background: #EEEFF6; color: #6E6F76; font-size: 11px;} #homeContent .homeBlockNav li a:hover {text-decoration: none;} #homeContent .homeBlockNav li.active a {color: #000; background: #fff; border-color: #000;} #homeContent .homeBlockText {margin: 20px 5px;} #homeBlockThree object { width: 287px; height: 219px; margin: 0 10px; } /* SIDE ----------------------------------------------- */ .replace {overflow:hidden; text-indent:-9999px; display: block;} .replace * {display: block; height: 100%;} .sideOrange h3 {color: #fff; font-size: 18px; font-weight: bold; text-transform: uppercase;} .sideImage {margin: 3px 0;} #sideLogo {margin: 3px 0;} #sideLogo h3 {background: url(/page/-/img/uwlogo.png) no-repeat; height: 84px; width: 200px; cursor:pointer;} #sideQuick {background: #FF9600; margin: 3px 0; padding: 10px;} #sideQuick h3 {width: 158px; height: 24px; background: url(/page/-/img/stay_informed.png) no-repeat; margin-bottom: 8px;} #sideQuick input {margin-bottom: 5px;} #sideQuickEmail {width: 170px;} #sideQuickZip {width: 139px; margin-right: 5px;} #sideNav h3 {background: url(/page/-/img/take_action.png) no-repeat; height: 37px; width: 200px; margin: 3px 0;} #sideNav li {margin-bottom: 2px; text-transform: uppercase; letter-spacing: -.2px;} #sideNav li a {padding-left: 40px; color: #fff; padding-top: 6px; display: block; font-size: 18px; font-weight: bold; min-height: 28px;} #sideNav li a {background: url(/page/-/img/nav_bg.png) no-repeat;} #sideNav li a:hover {background: url(/page/-/img/nav_bg.png) 0 -100px no-repeat; text-decoration: none;} /* some nav items behave in reverse */ #sideNav li.flipped a {background: url(/page/-/img/nav_bg.png) 0 -100px no-repeat;} #sideNav li.flipped a:hover {background: url(/page/-/img/nav_bg.png) no-repeat; text-decoration: none;} /* these apply the images, if we go with text based nav, comment out these rules */ #sideNav li a {padding-top: 4px; min-height: 26px;} #sideNav li a span {overflow:hidden; text-indent:-9999px; display: block;} #sideNav li#navGive span {background: url(/page/-/img/nav_give.png) no-repeat;} #sideNav li#navVolunteer span {background: url(/page/-/img/nav_volunteer.png) no-repeat;} #sideNav li#navAdvocate span {background: url(/page/-/img/nav_advocate.png) no-repeat;} #sideNav li#navTodo span {background: url(/page/-/img/nav_todo.png) no-repeat; height:22px} #sideNav li#navTAF span {background: url(/page/-/img/nav_taf.png) no-repeat; height:22px} /* images for dashboard */ #sideNav #hat_view_friends a, #sideNav #hat_invite_friends a, #sideNav #hat_search_friends a, #sideNav #hat_find_events a, #sideNav #hat_create_events a, #sideNav #hat_manage_events a, #sideNav #hat_view_messages a, #sideNav #hat_compose_messages a, #sideNav #hat_settings a, #sideNav #hat_create_circle a, #sideNav #hat_updated_circle a, #sideNav #hat_new_circle a, #sideNav #hat_manage_fundraising a, #sideNav #hat_write_blog a, #sideNav #hat_manage_blog a, #sideNav #hat_settings_blog a, #sideNav #hat_search_blog a, #sideNav #hat_view_blog a { font-size: 12px; text-transform: none; display: block; background: url(/page/-/img/subnav_bg.png) no-repeat; line-height: 16px; height: auto; min-height: 24px; padding-top: 8px; color: #13187B;} #sideNav li#navFundraise span {background: url(/page/-/img/nav_fundraise.png) no-repeat;} #sideNav li#navPlanEvent span {background: url(/page/-/img/nav_planevent.png) no-repeat;} #sideNav li#navDashboard span {background: url(/page/-/img/nav_dashboard.png) no-repeat;} #sideNav li#navNetwork span {background: url(/page/-/img/nav_network.png) no-repeat;} #sideNav li#navBlog span {background: url(/page/-/img/nav_blog.png) no-repeat;} #sideNav li#navFriends span {background: url(/page/-/img/nav_friends.png) no-repeat;} #sideNav li#navGroups span {background: url(/page/-/img/nav_groups.png) no-repeat;} #sideNav li#navMessages span {background: url(/page/-/img/nav_messages.png) no-repeat;} #blue_hat li {display: none;} #blue_hat li.blue_hat_active {display: block;} /* subnav */ #sideNav li ul {margin-top: 2px;} #sideNav li ul li a {font-size: 12px; text-transform: none; display: block;} #sideNav li ul li a {background: url(/page/-/img/subnav_bg.png) no-repeat; line-height: 16px; height: auto; min-height: 24px; padding-top: 8px;} #sideNav li ul li a:hover {background: url(/page/-/img/subnav_bg.png) no-repeat;} /* active section defines which subnav shows */ #sideNav li ul {display: none;} /* first turn off */ #give #sideNav li ul#subnavGive {display: block;} #volunteer #sideNav li ul#subnavVolunteer {display: block;} #advocate #sideNav li ul#subnavAdvocate {display: block;} /* FOOTER ----------------------------------------------- */ #footer {margin: 20px 0 20px 0px; color: #fff; font-size: 1.1em;} #footer a {color: #fff; text-decoration: none;} #footer p {margin: 0 0 20px 15px; text-align: center;} /* UTILS ----------------------------------------------- */ .hidden { position: absolute; left: -9999px; height: 1px; width: 1px; overflow: hidden; } img {border: 0;} .left {text-align: left;} .center {text-align: center;} .right {text-align: right;} .floatl {float: left; margin: 0; padding: 0 10px 10px 0;} .floatr {float: right; margin: 0; padding: 0 0 10px 10px;} .floatl_border {float: left; margin: 0; padding: 0 10px 10px 0; border: 1px solid #ddd; padding: 1px;} .floatr_border {float: right; margin: 0; padding: 0 0 10px 10px; border: 1px solid #ddd; padding: 1px;} .textButton {background: #668a33; color: #fff; text-align: center; display: block; padding: 2px; font-family: arial, helvetica, sans-serif;} .textButton:hover {background: #A6CE39;} .whitespace {margin: 0; padding: 0; width: 740px; background: #fff; height: 10px; clear: both;} .clear {clear:both; height:0; margin:0; font-size: 1px; line-height: 0;} .noborder {border: none !important;} .editThis {margin: 0; background: transparent !important; text-align: right;} .editThis a {margin: 0; display: inline !important; padding: 0 !important; background: transparent !important;} p + div.editThis {margin-top: -12px;} div#editComments {text-align: left; margin-top: -12px; margin-bottom: 12px;} .clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden; } .clearfix {display:inline-block;} /* Hide from IE Mac \*/ .clearfix {display:block;} /* End hide from IE Mac */ /* FORM ATTRIBUTES ----------------------------------------------- */ input {vertical-align: middle; font-family: "lucida grande", verdana, lucida, arial, helvetica, sans-serif;} input.text, textarea {font-size: 11px; background: #fff; border-color: #999; padding: 2px; color: #000;} input.submit, input.button, #bodyBSD input.submit, #bodyBSD #invitationpage input.submit {background: #cc0000; padding: 4px; color: #fff; font-weight: normal; border: none; text-align: center; letter-spacing: 1px;} input.submit:hover, input.button:hover, #bodyBSD input.submit:hover, #bodyBSD #invitationpage input.submit:hover {background: #cc3333; cursor: pointer;} input.buttonImg {cursor: pointer; border: none; vertical-align: middle; padding: 0;} select {font-size: 11px; background: #fff; text-align: left;} /* SOCIAL NETWORKING ATTRIBUTES ----------------------------------------------- */ #bsd_page #SKIN #widget_group_1 {background: #fff;} #bsd_page #SKIN #widget_group_1 .widget_container {padding: 0; background-image: none;} #bsd_page #SKIN #widget_group_2 {background: #fff;} #bsd_page #SKIN #widget_group_2 .widget_container {padding: 0; background-image: none;} /* customization */ #bsd_page #SKIN #control_set {background: #fff; padding: 0; margin-bottom: 20px;} #bsd_page #SKIN #control_set h1 {font-weight: normal; margin: 0; background: none; padding-left: 0;;} #bsd_page #SKIN #widget_group_1 {float: left; width: 350px; } #bsd_page #SKIN #widget_group_2 {float: right; width: 350px;} #bsd_page #SKIN .widget_container {border: 1px solid #ddd; margin-bottom: 20px} #bsd_page #SKIN.module_circle #widget_group_1 {float: left; width: 250px; } #bsd_page #SKIN.module_circle #widget_group_2 {float: right; width: 450px;} #bsd_page #SKIN .widget_header {background: #ffffff;} #bsd_page #SKIN .widget_actions {height: 20px; line-height: 20px; margin-top: 5px;} /* #bsd_page #SKIN .widget_action_submit {background: url(/page/-/wrapper/img/go.png) no-repeat; height: 18px; margin-left: 2px; margin-top: 2px;} */ #bsd_page #SKIN .widget_action_submit:hover {cursor: pointer;} #bsd_page #SKIN h2.widget_title {color: #10167F; ;padding: 10px 0 0 5px; margin: 0; line-height: 1em; margin-bottom: .8em; font-size: 1.4em;} #bsd_page #SKIN h2#sectionheader { color: #10167F; ;padding: 10px 0 0 5px; margin: 0; line-height: 1em; margin-bottom: .8em; font-size: 1.4em; border-bottom:1px solid #FF9600} #bsd_page #content #SKIN a {color:#FF9600; font-weight:strong} #bsd_page #SKIN .basic .main h2, #SKIN .basic .main h2.header, #SKIN .basic .main h2#sectionheader {border-bottom: 1px solid #10167F; color:#FF9600; font-weight:bold; margin-left:0} #bsd_page .communityheader {border-bottom: 1px solid #10167F; color:#FF9600; margin:0 auto 20px} #bsd_page a {color:#FF9600;} #bsd_page #community .header {border-bottom: 1px solid #10167F; color:#FF9600; margin-bottom:10px; margin-top:5px} #stdheader #title {color:#4C509F} /* fixes */ #bsd_page #SKIN #current_question {line-height: 1.5em;} /* CNA PAGES */ #cna #content { width: 100%; } #cna h1 { width: 600px; height: 120px;display: block; background: url(/page/-/img/cna/uw-sem-logo.gif); text-indent: -9999px; float: left;} #cna #sidebar h3, #cna #below-content h3 { background: #4C509F url(/page/-/img/nav_bg.png) no-repeat; min-height: 24px; padding-top: 8px; padding-left: 40px; font-size: 18px; letter-spacing: -.2px; text-transform: uppercase; color: #fff; font-weight: bold;} #cna h2 { margin-top: 10px; } #cna #main-logo { float: right; } #cna #top-page { margin-bottom: 20px; } #cna .pageContent { float: left; width: 600px; margin: 0; display: block; padding-left: 10px;} #cna #sidebar { float: left; width: 310px; margin-left: 30px; } #cna #sidebar ul li { margin: 10px auto; display: block; width: 290px; } #cna #sidebar #legislator-email { margin-bottom: 10px; } #cna #below-content { clear: both; padding-top: 20px; display: block;} #cna #stories, #cna #learn-more { width: 473px; height: 150px; float: left; background: #DCDFEC; padding-bottom: 10px; display: inline;} #cna #learn-more { width: 474px; } #cna #stories img, #cna #stories , #learn-more ul { margin: 0px 15px 15px px; } #cna #learn-more { margin-left: 15px; } #cna #below-content h3 { margin: 0 0 10px 0; } #cna #stories img { float: left; margin: 0 15px; } #cna #stories p { margin: 5px 0; } #cna #learn-more ul li { list-style-type: disc; margin: 5px; margin-left: 25px; } #cna #spread { background: #DCDFEC; margin-top: 20px; padding-bottom: 10px; width: 322px;} .content h1.logo { width: 600px; height: 120px;display: block; background: url(/page/-/img/cna/uw-sem-logo.gif); text-indent: -9999px; float: left;} .content #content { float: left; }