|
|
@@ -1,17 +1,9 @@ |
|
|
/* |
|
|
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 |
|
|
|
|
|
//== BOOTSTRAP vars |
|
|
$link-color: $nav-color-base; |
|
|
$brand-primary: #006dcc; |
|
|
$brand-danger: #da4f49; |
|
|
$brand-info: #49afcd; |
|
@@ -21,72 +13,104 @@ $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); |
|
|
$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; |
|
|
|
|
|
$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; |
|
|
|
|
|
//== Cornerstone Vars |
|
|
|
|
|
$nav-secondary-pills-active-link-hover-bg:$nav-color-base; |
|
|
|
|
|
$content-padding: 3em 8em; |
|
|
$widget-head-size: 13px; |
|
|
$widget-head-padding: 0.7em 1em; |
|
|
$widget-border-color: #e0e0e0; |
|
|
$widget-margin: 0 0 30px 0; |
|
|
|
|
|
$btn-primary-border: darken($brand-primary, 15%) !default; |
|
|
$footers-link-color: #707070; |
|
|
$footers-link-hover: $brand-primary; |
|
|
|
|
|
// imports bootsrtap, and all of cornerstone sass |
|
|
|
|
|
$btn-success-border: darken($brand-success, 15%) !default; |
|
|
|
|
|
$btn-info-border: darken($brand-info, 15%) !default; |
|
|
//== Hale 2015 Only |
|
|
|
|
|
$navtab-bg: #fff; |
|
|
|
|
|
$btn-warning-border: darken($brand-warning, 15%) !default; |
|
|
|
|
|
//== Color options |
|
|
|
|
|
$btn-danger-border: darken($brand-danger, 15%) !default; |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
$nav-color-inverse: invert($nav-color-base); |
|
|
$nav-color-inverse-grey: grayscale($nav-color-inverse); |
|
|
$nav-color-desaturated: desaturate($nav-color-base, 30%); |
|
|
$nav-color-desaturated-darker: darken($nav-color-desaturated, 20%); |
|
|
|
|
|
|
|
|
//== 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; |
|
|
$navbar-default-bg: transparent; |
|
|
$navbar-default-border: transparent; |
|
|
$navbar-default-link-color: transparentize($nav-color-base, .15); |
|
|
$navbar-default-link-hover-color: $nav-color-base; |
|
|
$navbar-default-link-hover-bg: transparent; |
|
|
$navbar-default-link-active-color: $nav-color-base; |
|
|
$navbar-default-link-active-bg: #e5e5e5; |
|
|
|
|
|
|
|
|
|
|
|
$navbar-margin-bottom: 0; |
|
|
|
|
|
|
|
|
// imports bootsrtap, and all of cornerstone sass |
|
|
@import "../../cornerstone/style.scss"; |
|
|
|
|
|
$dropdown-link-color: $nav-color-desaturated; |
|
|
$dropdown-link-hover-color: darken($dropdown-link-color, 5%) ; |
|
|
$dropdown-link-hover-bg: transparentize($nav-color-base, 0.85); |
|
|
|
|
|
|
|
|
$dropdown-link-active-color: #fff; |
|
|
$dropdown-link-active-bg: $nav-color-base; |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
@import "../../cornerstone/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; |
|
|
color:#0b1860; |
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
} |
|
|
#nav-wrapper { |
|
|
|
|
|
.navbar .nav>li>a { |
|
|
text-shadow: 0 1px 0 rgba(255,255,255,.8); |
|
|
font-weight:500; |
|
@@ -101,6 +125,72 @@ $footers-link-hover: $brand-primary; |
|
|
#primary-nav { |
|
|
padding-left:0; |
|
|
} |
|
|
|
|
|
#nav-tabs { |
|
|
padding-bottom: 0; |
|
|
} |
|
|
|
|
|
#nav-tabs .nav-tabs { |
|
|
// all links |
|
|
|
|
|
|
|
|
// effects only for the top tabs |
|
|
& > li > a { |
|
|
border-radius: $border-radius-base $border-radius-base 0 0; |
|
|
border-bottom:1px solid transparent !important; |
|
|
color:$navbar-default-link-color; |
|
|
|
|
|
&:hover { |
|
|
border-bottom-color:$nav-tabs-border-color !important; |
|
|
} |
|
|
} |
|
|
|
|
|
& > li.active > a, |
|
|
& > li.active > a:hover, |
|
|
& > li.active > a:focus { |
|
|
background-color:$navtab-bg; |
|
|
|
|
|
bottom:0px; |
|
|
border-bottom-color:transparent !important; |
|
|
} |
|
|
|
|
|
|
|
|
} |
|
|
|
|
|
#tabs-bottom-wrapper { |
|
|
background-color:$navtab-bg; |
|
|
border-top:1px solid $nav-tabs-border-color; |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
} |
|
|
|
|
|
#nav-tabs .navbar .nav { |
|
|
|
|
|
& > li > a { |
|
|
//color: $navbar-default-link-color; |
|
|
|
|
|
|
|
|
} |
|
|
& > li.active > a { |
|
|
background-color:transparent!important; |
|
|
color:darken($nav-color-base, 10%); |
|
|
} |
|
|
|
|
|
& > li:first-child a { |
|
|
padding-left:$navbar-padding-horizontal; |
|
|
} |
|
|
|
|
|
} |
|
|
|
|
|
#drop-multi .navbar-collapse, |
|
|
#nav-dropdown .navbar-collapse { |
|
|
padding-left:0; |
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
} |
|
|
|
|
@@ -222,4 +312,4 @@ $footers-link-hover: $brand-primary; |
|
|
+ .az-letter { |
|
|
//border-top:1px dotted #ccc; |
|
|
} |
|
|
*/
|
|
|
*/ |