Skip to content

HTTPS clone URL

Subversion checkout URL

You can clone with
or
.
Download ZIP
Branch: master
Fetching contributors…

Cannot retrieve contributors at this time

579 lines (524 sloc) 17.704 kB
// You custom settings file to override Foundation defaults
@import "settings";
// Comment out this import if you are customizing you imports below
@import "foundation";
// ----------------------------------------
// Import specific parts of Foundation by commenting the import "foundation"
// and uncommenting what you want below. You must uncomment the following if customizing
// @import "compass/css3";
// @import "foundations/settings";
// @import "foundations/function/all";
// @import "foundations/common/globals";
// @import "foundations/mixins/clearfix";
// Control which mixins you have access too
// @import "foundation/mixins/css-triangle";
// @import "foundation/mixins/font-size";
// Must include next three for semantic grid to work
// @import "foundation/mixins/respond-to";
// @import "foundation/mixins/semantic-grid";
// Must include the grid for any responsiveness
// @import "foundation/components/grid";
// Control which common styles get compiled
// @import "foundation/common/typography";
// @import "foundation/common/forms";
// Control which components you get if customizing
// @import "foundation/components/modules/buttons";
// @import "foundation/components/modules/tabs";
// @import "foundation/components/modules/ui";
// @import "foundation/components/modules/navbar";
// @import "foundation/components/modules/orbit";
// @import "foundation/components/modules/reveal";
// @import "foundation/components/modules/offcanvas";
// TESTING COMPASS WATCH, PUT CSS BELOW
/*Fonts*/
/*
* Web Fonts from fontspring.com
*
* All OpenType features and all extended glyphs have been removed.
* Fully installable fonts can be purchased at http://www.fontspring.com
*
* The fonts included in this stylesheet are subject to the End User License you purchased
* from Fontspring. The fonts are protected under domestic and international trademark and
* copyright law. You are prohibited from modifying, reverse engineering, duplicating, or
* distributing this font software.
*
* (c) 2010-2012 Fontspring
*
*
*
*
* The fonts included are copyrighted by the vendor listed below.
*
* Vendor: exljbris
* License URL: http://www.fontspring.com/fflicense/exljbris
*
*
*/
@font-face {
font-family: 'Museo700Regular';
src: font-url('museo/Museo700-Regular-webfont.eot');
src: font-url('museo/Museo700-Regular-webfont.eot?#iefix') format('embedded-opentype'),
font-url('museo/Museo700-Regular-webfont.woff') format('woff'),
font-url('museo/Museo700-Regular-webfont.ttf') format('truetype'),
font-url('museo/Museo700-Regular-webfont.svg#Museo700Regular') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'Museo500Regular';
src: font-url('museo/Museo500-Regular-webfont.eot');
src: font-url('museo/Museo500-Regular-webfont.eot?#iefix') format('embedded-opentype'),
font-url('museo/Museo500-Regular-webfont.woff') format('woff'),
font-url('museo/Museo500-Regular-webfont.ttf') format('truetype'),
font-url('museo/Museo500-Regular-webfont.svg#Museo500Regular') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'Museo300Regular';
src: font-url('museo/Museo300-Regular-webfont.eot');
src: font-url('museo/Museo300-Regular-webfont.eot?#iefix') format('embedded-opentype'),
font-url('museo/Museo300-Regular-webfont.woff') format('woff'),
font-url('museo/Museo300-Regular-webfont.ttf') format('truetype'),
font-url('museo/Museo300-Regular-webfont.svg#Museo300Regular') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'HandOfSeanRegular';
src: font-url('hand/hand_of_sean_regular-webfont.eot');
src: font-url('hand/hand_of_sean_regular-webfont.eot?#iefix') format('embedded-opentype'),
font-url('hand/hand_of_sean_regular-webfont.woff') format('woff'),
font-url('hand/hand_of_sean_regular-webfont.ttf') format('truetype'),
font-url('hand/hand_of_sean_regular-webfont.svg#HandOfSeanRegular') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'FoundationIconsGeneral';
src: font-url('icons/foundation-icons-general.eot');
src: font-url('icons/foundation-icons-general.eot?#iefix') format('embedded-opentype'),
font-url('icons/foundation-icons-general.woff') format('woff'),
font-url('icons/foundation-icons-general.ttf') format('truetype'),
font-url('icons/foundation-icons-general.svg#FoundationIconsGeneral') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'FoundationIconsSocial';
src: font-url('icons/foundation-icons-social.eot');
src: font-url('icons/foundation-icons-social.eot?#iefix') format('embedded-opentype'),
font-url('icons/foundation-icons-social.woff') format('woff'),
font-url('icons/foundation-icons-social.ttf') format('truetype'),
font-url('icons/foundation-icons-social.svg#FoundationIconsSocial') format('svg');
font-weight: normal;
font-style: normal;
}
/*Hompepage*/
.featured { background-color: #faf9f4; position: relative; margin-bottom: 0px; width: 100%; max-height: 480px; margin-top: -45px; }
.featured .orbit-wrapper .content { width: 980px; margin: 0 auto; position: relative; top: 120px; padding-right: 450px; }
.featured .timer { display: none }
.featured > .twelve { padding: 0; }
.featured .orbit.with-bullets { margin-bottom: 0 !important; }
.featured {
h1 { color: $darkPurple; font-size: ms(4); }
p.lead { font-size: ms(1) - 2; }
}
ul.orbit-bullets { bottom: 20px;
li { background: image-url('foundation/orbit/bullets.png') 0 0;
&.active {
width: 13px;
background-position: right;
}
}
}
.stats { text-align: center; }
.news { margin-bottom: 40px; }
.main footer, .main .footer-columns { margin-top: 0 !important; }
#sliderOne { background: image-url('home1.jpg') top center no-repeat; }
#sliderTwo { background: image-url('home2.jpg') top center no-repeat; }
#sliderThree { background: image-url('home3.jpg') top center no-repeat; }
#sliderFour { background: image-url('home4.jpg') top center no-repeat; }
.home-quote { display: block;
img { display: block; }
}
/*Global*/
a, img { border: none; }
p { color: #555; line-height: 1.5; }
.orange { color: $orange; }
.green { color: $green; }
.pink { color: $pink; }
.down { margin-top: 13px; }
.full { width: 100%; }
h1 { color: $darkPurple; }
h2 { color: $gray; font-size: 27px; font-size: 2.7rem; }
.Main h4 { font-size: 18px; font-size: 1.8rem; }
.full.rule { background: image-url('seamless-rule.png'); height: 18px; position: relative; top: -10px; z-index: 9; }
.full.stats { background: #f0f0d9; margin-top: -30px; padding-top: 60px; padding-bottom: 30px; margin-bottom: 60px; border-bottom: solid 1px darken(#f0f0d9, 20%); }
.button.banner { box-shadow: none !important; border: none !important; padding: 19px 28px 19px 57px !important; position: relative; border: none; @include box-shadow(0 0 0 rgba(0,0,0,0) inset); color: $white; font-family: "HandOfSeanRegular"; text-align: center; background: image-url('buttons/bg-purple.png') 0 0 repeat-x;
&:after { content: ""; display: block; width: 24px; height: 55px; position: absolute; top: 50%; margin-top: -28px; right: -24px; background: image-url('buttons/right-purple.png') 0 0 no-repeat; }
&.green { background: image-url('buttons/bg-green.png');
&:after { background: image-url('buttons/right-green.png'); }
}
&.orange { background: image-url('buttons/bg-orange.png');
&:after { background: image-url('buttons/right-orange.png'); }
}
}
.button.purple { background-color: $darkPurple; color: #fff; border: solid 1px darken($darkPurple, 10%);
&:hover { background-color: darken($darkPurple, 10%); }
}
blockquote { line-height: 1.7; color: $white; font-family: "HandOfSeanRegular"; background: $lightPink; margin-bottom: 0; margin-top: -1px;
cite { font-family: "Helvetica", Arial, sans-serif; color: $white; }
&.secondary { background: #eee; font-family: "Helvetica", Arial, sans-serif; color: #333; padding-bottom: 14px; padding-top: 14px; margin-bottom: 20px; }
}
/*Lead a Drive*/
.featured p { font-size: 18px; }
.feature_wrapper { background-color: $lightGreen; padding-top: 110px; padding-bottom: 40px; margin-bottom: 30px; }
.register_callout { background-color: #f3e9f1; padding: 10px 0; margin-bottom: 20px !important }
.register_callout p { font-size: 22px; color: #999; padding: 12px 0 0 10px; }
#aboutDrive ul li { width: 240px }
#tipsSuccessfulDrive ul { list-style: none; }
#tipsSuccessfulDrive ul li { float: left; width: 170px; padding-left: 20px; }
#tipsSuccessfulDrive ul li.first { padding-left: 0px; }
div.row.size-fix p { font-size: 14px!important; }
/*Events*/
.date {
background-color: $beige;
text-transform: uppercase;
padding: 4px 10px;
margin-top: 18px;
}
.upcoming-events {
a {
font-weight: bold;
}
p {
font-size: 14px;
}
}
/*Sponsor Page*/
ul.numbered-list { list-style: none !important; }
ul.numbered-list li { padding: 0px 0px 15px 60px; height: 60px; }
ul.numbered-list li { padding: 0px 0px 15px 60px; height: 60px; }
ul.numbered-list li { padding: 0px 0px 15px 60px; height: 60px; }
ul.numbered-list li { padding: 0px 0px 15px 60px; height: 60px; }
.orange-circle { background: image-url("icons/bg-orange.png") center no-repeat; background-size:50px 50px; height: 50px; width: 50px; display: inline-block; padding: 20px;line-height: 12px;}
.green-circle { background: image-url("icons/bg-green.png") center no-repeat; background-size:50px 50px; height: 50px; width: 50px; display: inline-block; padding: 20px;line-height: 12px;}
.yellow-circle { background: image-url("icons/bg-yellow.png") center no-repeat; background-size:50px 50px; height: 50px; width: 50px; display: inline-block; padding: 20px;line-height: 12px;}
.pink-circle { background: image-url("icons/bg-pink.png") center no-repeat; background-size:50px 50px; height: 50px; width: 50px; display: inline-block; padding: 20px;line-height: 12px;}
.block-grid.six-up li { width:16.6%; }
ul.top-circles li span { margin-top: -30px; text-align: center; }
ul.top-circles li img { margin:0 auto; }
ul.top-circles li.num1 { position: relative; }
ul.top-circles li.num2 { position: relative; }
ul.top-circles li.num3 { position: relative; }
ul.top-circles li.num4 { position: relative; }
ul.top-circles li.num5 { position: relative; }
ul.top-circles li.num1:before { content: "1"; color: #fff; font-weight: bold; position: absolute; top: 16px; left: 40px; font-size: 32px; font-size: 3.2rem; }
ul.top-circles li.num2:before { content: "2"; color: #fff; font-weight: bold; position: absolute; top: 16px; left: 40px; font-size: 32px; font-size: 3.2rem; }
ul.top-circles li.num3:before { content: "3"; color: #fff; font-weight: bold; position: absolute; top: 16px; left: 40px; font-size: 32px; font-size: 3.2rem; }
ul.top-circles li.num4:before { content: "4"; color: #fff; font-weight: bold; position: absolute; top: 16px; left: 40px; font-size: 32px; font-size: 3.2rem; }
ul.top-circles li.num5:before { content: "5"; color: #fff; font-weight: bold; position: absolute; top: 16px; left: 40px; font-size: 32px; font-size: 3.2rem; }
ul.public-service li, ul.media li { width:130px !important; }
ul.top-last li.last { margin-top: 65px;margin-left: -80px !important; }
ul.top-last li h6 { margin-bottom: 0px !important; }
#mainContent { margin-bottom: 100px !important; }
.sponsor-logos { margin-top: 30px; }
.sponsor-logos h6 { font-weight: 300; color: #777; font-size: 20px; }
.row.sponsor-levels,.row.value-sponsors { margin-top: 20px; }
/*General Styles*/
header,
footer {
ul.link-list {
margin-bottom:0;
}
dt {
font-weight: bold;
margin-bottom:10px;
margin-top: 15px;
}
dd {
line-height: 21px;
}
label {
color: $white;
}
ul li {
list-style: none;
}
.row {
overflow: visible;
}
p {
color: $offWhite;
}
}
a, a:link, a:visited { color: $darkPurple; }
a.button {
color: $white;
}
a:hover, a:active, a.selected { color: darken($darkPurple, 10%); }
.footer-nav {
ul.link-list a, p {
color: $offWhite;
}
}
header {
background: image-url("bg/bg-header.png") bottom center repeat-x;
height: 115px;
margin-bottom: -30px;
overflow: visible;
position: relative;
z-index: 10;
.button.donate {
text-indent: -9999px;
display:block;
width: 174px;
height: 70px;
background: image-url("buttons/donate.png") no-repeat;
border:0;
box-shadow: 0 0 0;
}
.link-list {
margin-top: 25px;
a {
font-weight: bold;
font-size: 14px;
color: $white;
}
}
img {
position: absolute;
top: -25px;
z-index: 10;
}
}
.footer-columns {
background: image-url("bg/bg-footer.png") repeat;
padding-bottom: 15px; margin-top: 30px;
.elf img {
margin-top:-80px;
}
p {
font-size: 14px;
color: #fff !important;
}
.upcoming-events li a {
color: $green;
}
}
.footer-nav {
background: #523219;
padding-top: 15px;
.link-list a {
font-size:15px;
}
}
footer {
margin-top: 60px;
color: $offWhite;
h5 {
margin-top: 25px;
a {
color: $offWhite !important;
&:hover {
color: $white !important;
}
}
}
}
h1, h2, h3 {
font-family: 'Museo300Regular';
font-weight: normal;
}
.handwritten {
font-family: 'HandOfSeanRegular';
font-weight: normal;
}
.side-nav a {
font-weight: bold; font-size: 14px; font-size: 1.4rem; font-weight: normal;
}
.glyph {
font-family: 'FoundationIconsGeneral';
&.social {
font-family: 'FoundationIconsSocial';
font-size: 24px;
li a {
border-radius: 50%;
color: $darkPurple;
background: $white;
width:25px;
height:25px;
text-align: center;
opacity: .5;
&:hover {
opacity:1;
}
}
}
}
.reveal-modal .row {
width:auto !important;
max-width: 106% !important;
margin-left:-($columnGutter / 2);
margin-right:-($columnGutter / 2);
}
.side-nav {
background:$white;
}
.right {
float: right;
}
.left {
float: left;
}
.next-season {
display: none;
}
/* Donate Page */
.choose-donation { margin-top: 60px; margin-bottom: 40px; }
.panel { background: #f3eaf0; border: none; }
/* Progress Bar */
.progress-bar {
width: 100%;
height: 30px;
border: solid 1px #888;
.progress-status {
width: 40%;
height: 100%;
background: #ddd;
}
}
.sticky {position:fixed; top:10px;}
/*Holiday Slider*/
#holidaySlider {
min-height:450px !important;
}
img.right {
width:200px;
margin-left:$columnGutter;
}
#holidaySlider .columns {
background:$white;
box-shadow: 0px 3px 20px rgba(0,0,0,.1);
width:90%;
padding:15px !important;
border: 1px solid #ddd;
margin-left: 50px;
}
/*Who We Help*/
.circle-icon {
font-size: ms(4);
font-weight:bold;
color: $white;
background: image-url("icons/bg-orange.png") no-repeat center center;
padding: 28px 38px;
width: 100px;
height: 100px;
display:block;
}
.contact.panel {
.banner.button {
padding: 21px 28px 21px 26px !important;
}
}
/*Volunteer Page*/
.inputrow { margin-bottom: 12px;
label,
input[type="text"],
input[type="password"],
input[type="date"],
input[type="datetime"],
input[type="email"],
input[type="number"],
input[type="search"],
input[type="tel"],
input[type="time"],
input[type="url"],
textarea,
select {
display: inline;
width: auto;
}
}
#tasklist {
list-style-type: none;
margin-left: 0;
li {
display: inline-block;
*display: inline;
zoom: 1;
padding: 0 15px 0 0;
}
}
.helpicon,
.helpicon:link,
.helpicon:visited {
display: inline-block;
*display: inline;
zoom: 1;
width: 14px;
height: 14px;
font-size: 12px;
font-weight: bold;
line-height: 14px;
background-color: $darkPurple;
border-radius: 7px;
color: #fff;
text-align: center;
margin: 4px 0 0;
vertical-align: top;
}
.calendar {
td, th, p {
font-size: 12px;
}
td, th {
width: 14%;
}
}
.block-grid.three-up li { font-size: 12px; font-size: 1.2rem; line-height: 14px; }
li.has-icon img { margin: 4px 0 -7px 0; }
li.has-icon { margin-bottom: 4px; }
@media screen and (max-width: 1050px) {
.featured h1 { font-size: 34px; font-size: 3.4rem; }
.featured p { font-size: 14px; font-size: 1.4rem; }
.featured .content { position: relative; left: 60px; }
}
@media screen and (max-width: 767px) {
.button.banner {
padding: 21px 35px 21px 25px !important;
}
.feature_wrapper {
padding-top:25px;
}
header {
img {
position: relative;
top: 0;
z-index: 10;
}
margin-bottom:15px;
}
.reveal-modal .nav-bar {
background: transparent none;
li {
border:0;
a {
color: $darkPurple;
&:hover {
background: $darkPurple;
color: $white;
}
}
}
}
.footer-nav ul.link-list li {
display:block;
width:100%;
float:none;
}
.sticky {
position: relative;
}
}
Jump to Line
Something went wrong with that request. Please try again.