style.scss

/*
Theme Name: Hale 2015
Author: UConn Web Development Lab
Description: Parent theme for University of Connecticut
Version: 1
Template: cornerstone
*/
// bootstrap & cs overrides
@import "_variables.scss";



//== BOOTSTRAP vars

$brand-primary: #006dcc;
$brand-danger: #da4f49;
$brand-info: #49afcd;
$brand-warning: #faa732;
$brand-success: #5bb75b;

$border-radius-base: 7px;

$body-bg: #f6f6f6;
$navbar-default-bg:                transparent;

$navbar-default-link-color:                rgba(17,23,57,.8);
$navbar-default-link-hover-color:          rgba(17,23,57,1);

$navbar-default-link-hover-bg:             transparent !default;
$navbar-default-link-active-bg:				#e5e5e5;
$navbar-margin-bottom:             0;


$dropdown-link-hover-color:      #fff;
$dropdown-link-hover-bg:         $brand-primary;




$btn-primary-border:             darken($brand-primary, 15%) !default;


$btn-success-border:             darken($brand-success, 15%) !default;

$btn-info-border:                darken($brand-info, 15%) !default;


$btn-warning-border:             darken($brand-warning, 15%) !default;


$btn-danger-border:              darken($brand-danger, 15%) !default;







//== Cornerstone Vars
$content-padding: 3em 8em;
$widget-head-size:			13px;
$widget-head-padding:			0.7em 1em;
$widget-border-color:			#e0e0e0;
$widget-margin:				0 0 30px 0;

$footers-link-color:		#707070;		
$footers-link-hover:		$brand-primary;

// imports bootsrtap, and all of cornerstone sass
@import "../../cornerstone/sass/style.scss";

@import "_mixins.scss";



#masthead {
	@include gradient(#ffffff, #e7e7e7);
	#uc-site-header {
		#uc-site-parent a {
			color:#868695;
		}
		#uc-site-title a {
				color:#0b1860;
		}
		
		
		 
	}
	#nav-wrapper {
		.navbar .nav>li>a {
			text-shadow: 0 1px 0 rgba(255,255,255,.8);
			font-weight:500;
		}
		
		// Text Mode....
		
		.navbar .nav>li:first-child a {
			//remove left padding from home, for clean left alignment. 
			padding-left:0;
		}
		#primary-nav {
			padding-left:0;
		}
		
	}
	
}


#content {
	
	position:relative;
	
	&:before {
		content:'';
		display:block;
		position:absolute;
		top:0;
		left:0;
		height:400px;
		width:100%;
		@include gradient(#ffffff, #f6f6f6);
	}
	
	.widget-head {
		@include gradient(#ffffff, #f1f1f1);
		text-shadow: 0 1px 0 rgba(255,255,255,.8);
	}
	
}

.btn {
	
	
	text-shadow: 0 -1px 0 rgba(0,0,0,0.25);
	
	&:hover {
		text-shadow:none;
	}
	
	&.btn-default {
		@include gradient(#fff, darken(#fff, 15%));
		text-shadow: 0 1px 0 rgba(255,255,255,0.5);

		
		&:hover {
			@include gradient(darken(#fff, 10%), darken(#fff, 25%));
		}
	}
	&.btn-primary {
		@include gradient($brand-primary, darken($brand-primary, 15%));
		
		&:hover {
			@include gradient(darken($brand-primary, 10%), darken($brand-primary, 25%));
		}
	}
	&.btn-info {
		@include gradient($brand-info, darken($brand-info, 15%));	
		&:hover {
			@include gradient(darken($brand-info, 10%), darken($brand-info, 25%));
		}
	}
	&.btn-danger {
		@include gradient($brand-danger, darken($brand-danger, 15%));	
		&:hover {
			@include gradient(darken($brand-danger, 10%), darken($brand-danger, 25%));
		}
	}
	&.btn-warning {
		@include gradient($brand-warning, darken($brand-warning, 15%));	
		&:hover {
			@include gradient(darken($brand-warning, 10%), darken($brand-warning, 25%));
		}
	}
	&.btn-success {
		@include gradient($brand-success, darken($brand-success, 15%));
		&:hover {
			@include gradient(darken($brand-success, 10%), darken($brand-success, 25%));
		}
	}

}
.btn-primary, .btn-info, .btn-danger, .btn-warning, .btn-success {
	color:pink;
}
#page #content .widget .btn:hover, 
#page #content .widget .btn:focus {
	color:white!important;
}
#page #content .widget .btn-default:hover, 
#page #content .widget .btn-default:focus {
	color:#333!important;
}

#main {
	border:1px solid #e0e0e0;
	padding:$content-padding;
}