@charset "utf-8";
/* This CSS file provides additional style rules for the entire UWKC website. It's being called (through a tag) by all three wrappers (Home Page, Default, and News & Events).
Last Update: 2/6/2014 */
/* set standard hover behavior for linked images */
.img-link {
opacity:.85;
filter:alpha(opacity=85); /* For IE8 and earlier */
}
.img-link:hover {
opacity: 1;
filter:alpha(opacity=100); /* For IE8 and earlier */
}
.img-link, .img-link:hover {
-webkit-transition: opacity .3s ease-in-out, background-color .3s ease-in-out, border-color .3s ease-in-out;
-moz-transition: opacity .3s ease-in-out, background-color .3s ease-in-out, border-color .3s ease-in-out;
-o-transition: opacity .3s ease-in-out, background-color .3s ease-in-out, border-color .3s ease-in-out;
transition: opacity .3s ease-in-out, background-color .3s ease-in-out, border-color .3s ease-in-out;
}
/* standardize the paragraph preceding any page sponsor block */
p#sponsor-title {
text-align: center;
font-size: .8em;
color: gray;
float: none; /* in case it's used inside a .box div */
margin-right: 0; /* in case it's used inside a .box div */
}
/* heighten home page feature boxes to allow for titles of two lines */
div.white-title-bar {
height: 35px;
}
/* general text style for footnotes, etc. */
.footnote {
font-size: .8em;
color: gray;
margin-top: 5px;
}
/* redefine background color of main logo to blue (from orange) */
a#brand {
background-color: #00539b;
}
/* adjusting the footer sponsor graphic */
#foot-sponsor-ad {
margin-top: 5px;
margin-left: 25px;
}
/* shift all fat footer text slightly to right */
#footer-nav {
margin-left: 15px;
}
/* define blue background class to be used by footer copyright segment */
.bluebkgrnd {
background-color: #00539b;
}
/* modify color of copyright text so that it works with blue background */
#copyright p {
color: #cccccc;
margin-left: -5px;
}
/* indenting left column sub and sub sub navs */
#nav_left ul {
margin-left: 7px;
}
#nav_left ul ul {
margin-left: 7px;
}
/* nudging the main nav over to the right to account for changing "give" to "ways to give" */
#main-nav {
margin-left: 50px;
}
/* accounting for main nav fonts rendering too large in IE */
#main-nav li {
font-size: 1.51em;
}
/* adding space after tags */
h1, h2, h3, h4 {
margin-bottom: 8px;
}
/* indenting all ordered and unordered lists */
ul, ol {
margin-left: 15px;
}
/* fixing tight spacing after ordered and unordered lists */
ul, ol {
margin-bottom: 18px;
}
/* adding some space between list items */
li {
margin-bottom: 6px;
}
/* removes extra space beneath 271px photos on news pages */
div.align-left {
margin-bottom: 0 !important;
}
/* tightens up height of feature boxes */
.feature-container {
height: 170px !important;
}
/*-------- Right (promo) sidebar -------------------------------------------------*/
#promo-sidebar {
margin-top: 12px;
margin-left: 0px;
background-color: #f1f1f1;
width: 220px;
padding: 10px;
border-radius: 6px;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
}
/* adjust the top position of sidebar for pages using News and Events wrapper */
.withleft #promo-sidebar {
margin-top: -65px;
}
/* nudge the topmost promo down a bit (contained in the "ALL Promos (for embedding)" page */
.first_promo {
margin-top: 5px;
}
.promo-content img {
width: 200px;
margin-left: 10px;
border-radius: 6px;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border: none;
}
.promo-content, .promo-content p {
padding-bottom: 0;
margin-bottom: 8px;
}
.promo-container {
border-bottom: none;
}
/* Twitter widget */
.twtr-ft img, .twtr-hd img {
width: auto;
margin-left: auto;
border-radius: 0;
-webkit-border-radius: 0;
-moz-border-radius: 0;
}
.twtr-doc {
margin-bottom: 5px;
}
/* make sure we're using light gray background in promo column */
.promo-container, .promo-content {
background-color: #f1f1f1;
}
/*-------- Home Page Feature Slider -------------------------------------------------*/
/* "date posted" beneath title on slider's left side */
.byline {
font-size: .8em;
font-style: italic;
color: #cccccc;
margin-top: 4px;
margin-left: 4px;
}
/* The feature titles on left side of slider */
ul#link-nav li a {
line-height: 1.15em;
}
/* on bottom slider slot, move description over so it doesn't crowd the big pointer, and center it vertically */
.slide_content {
margin-left: 12px;
margin-bottom: 20px;
background-color: none !important;
}
.slide_content p {
margin-bottom: 0 !important;
}
/* change color of slider pointer by altering its background image */
ul#link-nav li.activeSlide {
background: url(http://www.uwkc.org/assets/images/slider_pointer_blue.png) no-repeat;
}
/* Override IE's red box image border */
#slides img {
border: none;
}
/* ------ Standard data table, with alternating blue rows -------------------*/
.standard-table {
margin-bottom: 18px;
margin-top: 5px;
width: 95%;"
}
.standard-table td {
padding: 5px;
vertical-align: center;
}
.standard-table td p {
padding: 0;
vertical-align: center;
margin-bottom: 0;
font-size: .8em;
}
tr.header-row {
background-color: #00529B;
font-size: 1.1em;
color: white;
font-weight: bold;
}
tr.odd-row {
background-color: #DFE3F1;
}
tr.even-row {
background-color: #C3CBE5;
}
/* ------ Photo gallery pages -----------------------------------------*/
/* (see Breakfast 2012 photo gallery page for an example using these classes and IDs */
.thumb {
padding: 8px;
float: left;
}
.thumb:hover {
opacity:0.80;
filter:alpha(opacity=80); /* For IE8 and earlier */
-webkit-transition: opacity .2s ease-in-out;
-moz-transition: opacity .2s ease-in-out;
-o-transition:opacity .2s ease-in-out;
transform: opacity .2s ease-in-out;
}
/* remove thumbnail borders in IE */
#photo_gallery img {
border: none;
}
/* ------ Video gallery pages -----------------------------------------*/
/* See Breakfast 2012 video gallery page for example using these classes and IDs */
.video_thumb {
width: 250px;
margin-right: 10px;
}
.video_gallery td {
vertical-align: top;
padding-top: 15px;
}
.video_gallery {
margin-top: 0;
}
.video_thumb:hover {
opacity:0.80;
filter:alpha(opacity=80); /* For IE8 and earlier */
-webkit-transition: opacity .2s ease-in-out;
-moz-transition: opacity .2s ease-in-out;
-o-transition:opacity .2s ease-in-out;
transform: opacity .2s ease-in-out;
}
/* remove thumbnail borders in IE */
.video_gallery img {
border: none;
}
.gallery_intro {
margin-bottom: 0;
}
img.video_thumb {
width: 250px;
}
.video_title {
font-weight: bold;
margin-bottom: 5px;
}
.video_description {
font-size: .8em;
color: gray;
}
.download_links {
font-size: .7em;
vertical-align: text-bottom;
}
/* ------ Media Coverage and Press Releases landing pages -----------------------------------------*/
#press_contact, #press_contact_pressroom {
font-size: .85em;
line-height: 1.3em;
color: gray;
line-height: 1.4em;
margin-top: 10px;
}
#press_contact_pressroom {
margin-bottom: 40px;
}
#press_contact a {
color: gray;
}
#press_contact a:hover {
color: black;
}
/* for the list search module (a Convio templated object, used at the top
of the Press Releases and Media Coverage pages) */
.filterCriteria {
background-color: #e8e8e8;
padding: 15px;
margin-top: 10px;
margin-bottom: 20px;
width: 550px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
font-size: .85em;
}
/* styles directly controlling the "Press Release Template Details" Convio display template */
/* This display template is used by the "News/Blog Post" Convio content type */
.news-story-container {
margin-bottom: 20px;
}
p.date_and_source {
margin-bottom: 3px;
}
.date, .ext_source {
margin-top: 0;
margin-bottom: 0;
color: gray;
font-size: .9em;
}
.ext_source {
font-style: italic;
}
.headline {
color: black;
margin-bottom: 0px;
}
.blurb {
margin-top: 3px;
margin-bottom: 0;
margin-left: 15px;
}
/* for "Press" label, since it's different than the folders that are at that left nav level */
/* (I removed the "Press Room" folder and associated index file, and replaced that nav folder item with a label)*/
#nav_left li.label {
padding: 0.7em 0 0.2em 0.5em;
border-bottom: none;
border-top: none;
font-size: 1em;
font-style: italic;
font-weight: bold;
line-height: 1em;
text-transform: lowercase;
color: #555454;
}
/* adjust the padding of the items sitting directly underneath the Press label */
ul#nav_left > ul > li.first > a {
padding: 8px 0 4px 6px;
}
/* ------ Volunteer landing page ------------------------------------------------------*/
#vol-landing-page #left-col {
float: left;
margin-right: 15px;
margin-top: 8px;
align: left;
}
#vol-landing-page #right-col {
align: right;
margin-top: 18px;
}
#vol-landing-page #vol-box {
width: 300px;
background-color: #e3ebfc;
border: 1px solid gray;
border-radius: 8px;
border: 1px solid #D6D6D6;
padding: 15px 5px 5px 15px;
margin-bottom: 10px;
}
#vol-landing-page #org-box {
width: 300px;
background-color: #fcedd9;
border: 1px solid gray;
border-radius: 8px;
border: 1px solid #D6D6D6;
padding: 15px 5px 5px 15px;
}
#vol-landing-page .box-title {
font-size: 1.1em;
line-height: 1.2em;
font-weight: bold;
margin-bottom: 10px;
}
#vol-landing-page .box-subtitle {
font-size: .8em;
font-weight: normal;
font-style: italic;
color: #999;
}
#vol-landing-page .login-button {
width: 250px;
height: 35px;
}
#vol-landing-page .registration-txt {
font-size: .8em;
margin-top: 10px;
}
#vol-landing-page .feature-headline {
font-size: 1em;
font-weight: bold;
line-height: 1.25em;
margin-bottom: -8px;
margin-top: 5px;
}
/*for search widget*/
#vol-landing-page div#search_wrapper {
background-color: #c4d5f9;
padding: 10px;
width: 270px;
border-radius: 8px;
border: 1px solid #D6D6D6;
margin-bottom: 15px;
}
#vol-landing-page table, #vol-landing-page th, #vol-landing-page td, #vol-landing-page form {
background-color: none;
border: none;
}
#vol-landing-page tr#title_row {
height: 20px;
vertical-align: top;
}
#vol-landing-page tr#title_row p {
margin-bottom: 5px;
}
#vol-landing-page th {
text-align: left;
font-weight: bold;
}
#vol-landing-page label {
font-weight: normal !important;
font-size: .8em !important;
}
#vol-landing-page .label_cell {
text-align: right;
}
#vol-landing-page #advanced_search_link {
font-size: .7em;
align: text-right;
margin-left: 30px;
vertical-align: bottom;
}
#vol-landing-page #search_table {
width:auto;
}
#vol-landing-page select {
width: 180px;
font-size: .75em;
height: 22px;
border: 1px solid #D6D6D6;
vertical-align: middle;
}
#vol-landing-page p#hands-on-logo {
text-align: right;
}
/* ------------ Boxed content ----------------------------------------------------------*/
.box {
padding: 15px 15px 5px 20px;
margin-bottom: 15px;
background-color: #FCFCFC;
overflow: auto;
border: 1px solid #ccc9c9;
border-radius: 6px;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
}
.box img {
float: left;
margin: 5px 15px 5px auto;
width: 175;
}
/* ------------ Testimonials ----------------------------------------------------------*/
.testimonial {
padding: 15px 20px 0px 20px;
margin-bottom: 12px;
background-color: #ebedf6;
border-radius: 6px;
margin-right: 15px;
overflow: auto;
}
.testimonial img {
float: left;
margin-right: 15px;
width: 180px;
}
.testimonial-name {
display: block;
font-style: italic;
margin-left: 20px;
margin-top: 8px;
font-size: .8em;
}
.testimonial-copy {
color: black;
font-size: .9em;
}
/*--------------Custom Google Search bar-------------------------------------------------*/
/* Entire search box and input box styles */
.cse .gsc-control-cse, .gsc-control-cse {
padding: 0em;
width: auto;
}
/* Search form input size styles */
.cse .gsc-control-wrapper-cse, .gsc-control-wrapper-cse {
width: 200px;
}
.cse .gsc-branding, .gsc-branding {
display: none;
}
.cse.gsc-control-cse div, .gsc-control-cse div {
}
/* Entire search box and input box styles */
.cse .gsc-control-cse, .gsc-control-cse {
background-color: transparent;
border: none;
font-family: Arial, sans-serif;
}
.gsc-control-cse .gsc-table-result {
font-family: Arial, sans-serif;
}
.cse .gsc-control-cse:after, .gsc-control-cse:after {
clear: both;
content: ".";
display: block;
height: 0;
visibility: hidden;
}
/* Entire search box form and input box styles */
.cse form.gsc-search-box, form.gsc-search-box {
margin-bottom: 1px;
padding: 0;
margin: 0;
}
.cse .gsc-branding-text, .gsc-branding-text {
color: #000000;
}
.cse table.gsc-search-box td.gsc-input, table.gsc-search-box td.gsc-input {
padding-right: 12px;
}
.cse .gsc-search-box, .gsc-search-box {
border-collapse: collapse;
}
/* Controls the look of inside query search box-note, I have not made anychanges but it's good to have it close on had */
.cse input.gsc-input, input.gsc-input {
border: medium none #666666;
font-size: 16px;
left: inherit;
padding: 3px 6px;
width: 99%;
}
/*Search button styles*/
.cse input.gsc-search-button, input.gsc-search-button {
background-color: #444444;
border: none;
border-radius: 2px 2px 2px 2px;
color: #FFFFFF;
font-family: inherit;
font-size: 11px;
font-weight: normal;
height: 22px;
min-width: 54px;
padding: 0 8px;
}
.cse .gsc-tabHeader, .gsc-tabHeader {
font-size: 11px;
font-weight: bold;
padding: 2px 8px 0;
text-transform: uppercase;
}
.cse .gsc-tabHeader.gsc-tabhInactive, .gsc-tabHeader.gsc-tabhInactive {
-moz-border-bottom-colors: none;
-moz-border-image: none;
-moz-border-left-colors: none;
-moz-border-right-colors: none;
-moz-border-top-colors: none;
background-color: #777777;
border-color: #777777 #777777 -moz-use-text-color;
border-style: solid solid none;
border-width: 1px 1px medium;
color: #FFFFFF;
}
.cse .gsc-tabHeader.gsc-tabhActive, .gsc-tabHeader.gsc-tabhActive {
-moz-border-bottom-colors: none;
-moz-border-image: none;
-moz-border-left-colors: none;
-moz-border-right-colors: none;
-moz-border-top-colors: none;
background-color: #333333;
border-color: #333333 #333333 -moz-use-text-color;
border-style: solid solid none;
border-width: 1px 1px medium;
color: #FFFFFF;
}
.cse .gsc-tabsArea, .gsc-tabsArea {
border-bottom: 1px solid #333333;
margin-top: 1em;
padding: 0;
}
.cse .gsc-refinementHeader.gsc-refinementhInactive, .gsc-refinementHeader.gsc-refinementhInactive {
color: #444444;
}
.cse .gsc-resultsHeader, .gsc-resultsHeader {
margin: 0;
}
.cse .gsc-results, .gsc-results {
margin-top: 1em;
width: 100%;
}
.cse .gs-result div.gs-title, div.gs-title, .cse .gs-result .gs-snippet, .gs-result .gs-snippet, .cse .gs-result .gs-visibleUrl, .gs-result .gs-visibleUrl, .cse .gs-spelling, .gs-spelling {
padding: 0;
}
.cse .gs-result .gs-snippet, .gs-result .gs-snippet, .cse .gs-spelling-original, .gs-spelling-original {
font-size: 14px;
line-height: 18px;
}
.cse .gsc-webResult.gsc-result, .gsc-webResult.gsc-result, .gsc-imageResult-classic, .gsc-imageResult-column {
border-bottom: 0 solid;
border-color: #FFFFFF #FFFFFF -moz-use-text-color;
border-left: 1px solid #FFFFFF;
margin-bottom: 1em;
padding: 0 0 0 0.5em;
}
.cse .gsc-webResult.gsc-result:hover, .gsc-webResult.gsc-result:hover, .gsc-webResult.gsc-result.gsc-promotion:hover, .gsc-results .gsc-imageResult-classic:hover, .gsc-results .gsc-imageResult-column:hover {
border-bottom: 0 solid;
border-color: #000000 #000000 -moz-use-text-color;
border-left: 1px solid #000000;
}
.cse .gs-webResult.gs-result a.gs-title:link, .gs-webResult.gs-result a.gs-title:link, .cse .gs-webResult.gs-result a.gs-title:link b, .gs-webResult.gs-result a.gs-title:link b, .cse .gs-webResult.gs-result a.gs-title:visited, .gs-webResult.gs-result a.gs-title:visited, .cse .gs-webResult.gs-result a.gs-title:visited b, .gs-webResult.gs-result a.gs-title:visited b, .cse .gs-webResult.gs-result a.gs-title:hover, .gs-webResult.gs-result a.gs-title:hover, .cse .gs-webResult.gs-result a.gs-title:hover b, .gs-webResult.gs-result a.gs-title:hover b, .gs-imageResult a.gs-title:link, .gs-imageResult a.gs-title:link b, .gs-imageResult a.gs-title:visited, .gs-imageResult a.gs-title:visited b, .gs-imageResult a.gs-title:hover, .gs-imageResult a.gs-title:hover b, .cse .gsc-cursor-page, .gsc-cursor-page, .cse .gsc-trailing-more-results:link, .gsc-trailing-more-results:link, .cse .gs-spelling a, .gs-spelling a {
color: #444444;
}
.cse .gs-webResult.gs-result a.gs-title:active, .gs-webResult.gs-result a.gs-title:active, .cse .gs-webResult.gs-result a.gs-title:active b, .gs-webResult.gs-result a.gs-title:active b, .gs-imageResult a.gs-title:active, .gs-imageResult a.gs-title:active b {
color: #777777;
}
.cse .gs-webResult .gs-snippet, .gs-webResult .gs-snippet, .gs-fileFormatType, .gs-imageResult .gs-snippet {
color: #333333;
}
.gs-imageResult .gs-size, .gs-imageResult .gs-size {
color: #333333;
}
.cse .gs-webResult .gs-visibleUrl, .gs-webResult .gs-visibleUrl, .cse .gs-webResult .gs-visibleUrl-short, .gs-webResult .gs-visibleUrl-short, .gs-imageResult .gs-visibleUrl, .gs-imageResult .gs-visibleUrl-short {
color: #000000;
font-weight: bold;
}
.cse .gsc-cursor-box, .gsc-cursor-box {
border-color: #333333;
border-top: 1px dotted #333333;
padding: 0.5em 0 0 0.5em;
text-align: left;
}
.cse .gsc-results .gsc-cursor-page.gsc-cursor-current-page, .gsc-results .gsc-cursor-page.gsc-cursor-current-page {
background-color: #333333;
color: #FFFFFF;
padding: 0 5px;
text-shadow: 0 1px 1px #000000;
}
.cse .gsc-webResult.gsc-result.gsc-promotion, .gsc-webResult.gsc-result.gsc-promotion {
background-color: #E6E6E6;
border-color: #CCCCCC;
}
.cse .gs-promotion a.gs-title:link, .gs-promotion a.gs-title:link, .cse .gs-promotion a.gs-title:link *, .gs-promotion a.gs-title:link *, .cse .gs-promotion .gs-snippet a:link, .gs-promotion .gs-snippet a:link {
color: #0000CC;
}
.cse .gs-promotion a.gs-title:visited, .gs-promotion a.gs-title:visited, .cse .gs-promotion a.gs-title:visited *, .gs-promotion a.gs-title:visited *, .cse .gs-promotion .gs-snippet a:visited, .gs-promotion .gs-snippet a:visited {
color: #0000CC;
}
.cse .gs-promotion a.gs-title:hover, .gs-promotion a.gs-title:hover, .cse .gs-promotion a.gs-title:hover *, .gs-promotion a.gs-title:hover *, .cse .gs-promotion .gs-snippet a:hover, .gs-promotion .gs-snippet a:hover {
color: #444444;
}
.cse .gs-promotion a.gs-title:active, .gs-promotion a.gs-title:active, .cse .gs-promotion a.gs-title:active *, .gs-promotion a.gs-title:active *, .cse .gs-promotion .gs-snippet a:active, .gs-promotion .gs-snippet a:active {
color: #00CC00;
}
.cse .gs-promotion .gs-snippet, .gs-promotion .gs-snippet, .cse .gs-promotion .gs-title .gs-promotion-title-right, .gs-promotion .gs-title .gs-promotion-title-right, .cse .gs-promotion .gs-title .gs-promotion-title-right *, .gs-promotion .gs-title .gs-promotion-title-right * {
color: #333333;
}
.cse .gs-promotion .gs-visibleUrl, .gs-promotion .gs-visibleUrl {
color: #00CC00;
}
.gsc-completion-selected {
background: none repeat scroll 0 0 #EEEEEE;
}
.gsc-completion-container {
background: none repeat scroll 0 0 white;
border: 1px solid #BBBBBB;
font-family: Arial, sans-serif;
font-size: 16px;
margin-left: 0;
margin-right: 0;
}
.gsc-completion-title {
color: #0000CC;
}
.gsc-completion-snippet {
color: #333333;
}
.gs-webResult div.gs-visibleUrl-short, .gs-promotion div.gs-visibleUrl-short {
display: none;
}
.gs-webResult div.gs-visibleUrl-long, .gs-promotion div.gs-visibleUrl-long {
display: block;
}
.gsc-rating-bar {
background: url("/cse/images/cse_snippets_stars.png") no-repeat scroll -52px -52px transparent;
display: inline-block;
height: 10px;
margin: 3px 0 0;
width: 54px;
}
.gsc-rating-bar span {
background: url("/cse/images/cse_snippets_stars.png") no-repeat scroll 0 -52px transparent;
display: inline-block;
height: 10px;
padding: 4px 0 0;
}
.gsc-reviewer {
color: #222222;
}
.gsc-author {
color: #222222;
}
.gsc-table-cell-thumbnail, .gs-promotion-image-cell {
padding: 0 0 0 6px;
}
.gsc-option-menu-item-highlighted {
background-color: #EEEEEE;
}
/*--------------placed originally in 2010-------------------------------------------------*/
.searchNavigation,.searchTitle,.searchTimeStamp,.searchDescription,.searchTeaser {
width:725px;
}
#survey_1301 label.error {
background: url('http://support.uwkc.org/assets/images/unchecked.gif') no-repeat;
padding-left: 16px;
margin-left: .3em;
font-size:0.9em;
line-height:12px;
color:red;
font-style:italic;
}
#survey_1301 label.valid {
background: url('http://support.uwkc.org/assets/images/checked.gif') no-repeat;
display: block;
width: 16px;
height: 16px;
}
.emailButton {
background:url("http://www.uwkc.org/assets/images/signup.gif") no-repeat scroll 0 0 #FFFFFF;
display:block;
height:33px;
width:96px;
}