Skip to content
This repository has been archived by the owner. It is now read-only.

Sherman Color Variables #48

Closed
wants to merge 5 commits into from
Closed

Sherman Color Variables #48

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
5 commits
Select commit Hold shift + click to select a range
520f207
Synced with Master
Feb 3, 2015
683221e
Merge branch 'master' of https://github.uconn.edu/jem08002/sherman
Feb 3, 2015
b80bcef
Committed with conflicts
Feb 3, 2015
590c3ae
Starting Changes to Cal #1
Feb 5, 2015
5acc006
Changes to Sherman Color Variables
Feb 10, 2015
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Jump to
Jump to file
Failed to load files.
Diff view
Diff view
758 changes: 451 additions & 307 deletions css/sherman-black.css
View file
Open in desktop

Large diffs are not rendered by default.

764 changes: 447 additions & 317 deletions css/sherman-blue.css
View file
Open in desktop

Large diffs are not rendered by default.

778 changes: 454 additions & 324 deletions css/sherman-grey.css
View file
Open in desktop

Large diffs are not rendered by default.

764 changes: 454 additions & 310 deletions css/sherman-red.css
View file
Open in desktop

Large diffs are not rendered by default.

176 changes: 83 additions & 93 deletions sass/sherman-common.scss
View file
Open in desktop
Expand Up @@ -31,7 +31,7 @@ body{
/* Masthead
====================================
*/
#masthead{ //To be replaced with Gradient Mixin soon
#masthead{
background: $sh-masthead-start;
background: -moz-linear-gradient(top, $sh-masthead-start 0%, $sh-masthead-end 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,$sh-masthead-start), color-stop(100%,$sh-masthead-end));
Expand All @@ -52,6 +52,7 @@ body{
color:$title_parentHover;
}
}

#uc-site-title a {
color:$title_txt;
&:hover {
Expand All @@ -60,7 +61,9 @@ body{
}
}
}
@include searchform();
@include searchform($sh-masthead-search-btn-bg, $sh-masthead-search-btn-color, $sh-masthead-search-input-bg, $sh-masthead-search-input-color, $sh-masthead-search-input-placeholder-color);
content:'zzxxzz';

}
#nav-wrapper{
#site-navigation{
Expand Down Expand Up @@ -96,7 +99,6 @@ body{
padding-right:15px;
}
.nav{
@include searchform();
&> li.open:after {
content:'';
display: block;
Expand Down Expand Up @@ -160,7 +162,9 @@ body{
padding: 10px 15px 2px !important;
margin: 8px -15px 0px !important;
}

}

}
.searchform .btn{
@media (max-width: 767px){
Expand Down Expand Up @@ -206,65 +210,41 @@ body{
/* Widgets - With Color Variables
====================================
*/
.widget {
margin:0 0 10px;
.widget-head {
.widget-title {
font-weight:normal;
}
}
// Search Bar
&.widget_search{
.btn.btn-default{
background-color: $body-search-bg-color;
color: $body-search-text-color;
border: 1px solid $body-search-bg-color;
border-left:none;
}
}
// Uconn Calendar
.uc-cal {
/*
.uc-cal-event-month {
padding-bottom:0!important;
padding-top:.6em!important;
}
.uc-cal-event-day {
padding-top:.3em!important;
}
.uc-cal-list a.uc-cal-event .uc-cal-event-date {
border:1px solid #e5e5e5 !important;

.uc-cal-event-day {
font-size:1.7em !important;
padding-bottom:0.2em !important;
margin-top:-3px !important;
color:#777777 !important;
font-weight: 200 !important;
.widget {
margin:0 0 10px;
.widget-head {
.widget-title {
font-weight:normal;
}
}
*/
}
// Flexible Post Widgets
&.widget_dpe_fp_widget{
.dpe-flexible-posts{
li{
.post{
padding:0px;
// Search Bar
@include searchform($sh-content-search-btn-bg, $sh-content-search-btn-color, $sh-content-search-input-bg, $sh-content-search-input-color, $sh-content-search-input-placeholder-color);
// Uconn Calendar
&.uc-ecw{
.uc-cal {
.uc-cal-event-month {
padding-bottom:0!important;
padding-top:.6em!important;
}
.page{
padding:0px;
padding-bottom:0px;
.uc-cal-event-day {
padding-top:.3em!important;
}
a{
.title{

.uc-cal-list a.uc-cal-event .uc-cal-event-date {
border:1px solid #e5e5e5 !important;
.uc-cal-event-day {
padding-bottom:0.2em !important;
margin-top:-3px !important;
color:#777777 !important;
font-weight: 200 !important;
}
}
}
}
// Flexible Post Widgets
&.widget_dpe_fp_widget{

}
}
}

/* Main Content
====================================
Expand Down Expand Up @@ -344,37 +324,65 @@ body{
====================================
*/
#footers{
#mega-footer, #footer{
border-top:1px solid transparent;
border-top-color: $sh-mega-footer-border-color;
li{
font-size:13px;
}
}
#mega-footer+#footer {
border-top:none;
@include searchform($sh-footers-search-btn-bg, $sh-footers-search-btn-color, $sh-footers-search-input-bg, $sh-footers-search-input-color, $sh-footers-search-input-placeholder-color);


/* #mega-footer+#footer {
border-top:none;
}
*/
#mega-footer{
.widget{
.widget-head{
h2.widget-title{
color:$sh-mega-footer-widget-heading;
}
}
&.widget_search{
.btn.btn-default{
background-color: $search-bg-color;
color: $search-text-color;
border: 1px solid $search-bg-color;
border-left: none;
}


// .btn.btn-default{
// background-color: $search-bg-color;
// color: $search-text-color;
// border: 1px solid $search-bg-color;
// border-left: none;
// border-radius:0px;
// }
}
}
.btn {
@media (max-width: 767px) {
float:left;
}
}

.btn{
&.btn-default{
@include button($brand-default);
}
&.btn-primary{
@include button($brand-primary);
}
&.btn-success{
@include button($brand-success);
}
&.btn-info{
@include button($brand-info);
color:$brand-primary;
}
&.btn-warning{
@include button($brand-warning);
color:$brand-primary;
}
&.btn-danger{
@include button($brand-danger);
}
&.btn-link{
@include button($brand-default);
}
&.active{
-moz-box-shadow: inset 0 0 3px $brand-default;
-webkit-box-shadow: inset 0 0 3px $brand-default;
box-shadow: inset 0 0 3px $brand-default;
}
}


.form-inline .form-control {
@media (max-width: 767px) {
float:left;
Expand All @@ -397,6 +405,7 @@ body{
}
}



/* Table ###
====================================
Expand Down Expand Up @@ -480,26 +489,7 @@ table .external .glyphicon-new-window {
====================================
*/

@mixin button($color){
background: $color;
background: -moz-linear-gradient(top, lighten($color, 5%) 0%, $color 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, lighten($color, 5%)), color-stop(100%,$color));
background: -webkit-linear-gradient(top, lighten($color, 5%) 0%,$color 100%);
background: -o-linear-gradient(top, lighten($color, 5%) 0%,$color 100%);
background: -ms-linear-gradient(top, lighten($color, 5%) 0%,$color 100%);
background: linear-gradient(to bottom, lighten($color, 5%) 0%,$color 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='lighten($color, 5%)', endColorstr='$color',GradientType=0 );
color:$sh-secondary-text-color;
border-color: darken($color, 8%);
opacity:0.9;
&:hover{
opacity:0.75;
}
&:focus{
outline-color: $color;
opacity:1;
}
}


/* Button With Mixin
====================================
Expand Down
94 changes: 71 additions & 23 deletions sass/sherman-variables-black.scss
View file
Open in desktop
Expand Up @@ -38,28 +38,67 @@ $dropdown-link-active-bg: #d0d0d0 ;
$widget-border-color: #eaeaea;
$widget-head-color: #9A0405;

// Calendar
$uc-ecw-month-bg: #f5f5f5;
$uc-ecw-month-color: #9A0405;
$uc-ecw-day-bg: #f5f5f5;
$uc-ecw-day-color: #6b6b6b;
$uc-ecw-title-color: #113B7C;
$uc-ecw-title-hover: darken($uc-ecw-title-color, 15%);
$uc-ecw-time-color: #113B7C;
$uc-ecw-time-hover: darken($uc-ecw-time-color, 15%);

$link-color: #717073;
$link-hover-color: darken($link-color, 15%) !default;

// Calendar
$ecw-icon-month-bg: #f5f5f5;
$ecw-icon-month-color: #9A0405;
$ecw-icon-day-bg: #f5f5f5;
$ecw-icon-day-color: #6b6b6b;

$ecw-title-color: #6b6b6b;
$ecw-time-color: #9A0405;

// MEGA FOOTER
$megafooter-widget-border-color: transparent;
$megafooter-widget-border-width: 0px;
$megafooter-widget-bg: transparent;
$megafooter-widget-color: #aaa;
$megafooter-widget-link-color: #fff;
$megafooter-widget-link-hover: $link-color;

$megafooter-widget-head-bg: $megafooter-widget-bg;
$megafooter-widget-head-color: $megafooter-widget-color;
$megafooter-widget-head-border-width: $megafooter-widget-border-width;
$megafooter-widget-head-border-color: $megafooter-widget-border-color;

// SHARED
$megafooter-ecw-title-color: rgba(255,255,255,.7);
$megafooter-ecw-title-color-hover: rgba(255,255,255, 1);

// LIST VIEW
$megafooter-ecw-list-date-color: $ecw-icon-month-color;
$megafooter-ecw-list-date-color-hover: lighten($ecw-icon-month-color, 15%);

// ICON VIEW
$megafooter-ecw-icon-month-color: $ecw-icon-month-color;
$megafooter-ecw-icon-month-color-hover: lighten($ecw-icon-month-color, 15%);
$megafooter-ecw-icon-month-bg: rgba(0,0,0, .6);
$megafooter-ecw-icon-month-bg-hover: lighten($megafooter-ecw-icon-month-bg, 5%);
$megafooter-ecw-icon-month-border-color: $megafooter-widget-border-color !default;
$megafooter-ecw-icon-month-border-color-hover: $megafooter-widget-border-color !default;

$megafooter-ecw-icon-day-color: rgba(255,255,255,.7);
$megafooter-ecw-icon-day-color-hover: rgba(255,255,255, 1);
$megafooter-ecw-icon-day-bg: rgba(0,0,0, .6);
$megafooter-ecw-icon-day-bg-hover: lighten($megafooter-ecw-icon-month-bg, 5%);

$megafooter-ecw-icon-day-border-color: $megafooter-widget-border-color !default;
$megafooter-ecw-icon-day-border-color-hover: $megafooter-widget-border-color !default;

$megafooter-ecw-time-color: $ecw-time-color;
$megafooter-ecw-time-color-hover: lighten($ecw-time-color, 15%);
$megafooter-ecw-list-date-color: $ecw-title-color;
$megafooter-ecw-list-date-color-hover: lighten($ecw-title-color, 15%);

//Footers
$footers-bg: #292929;
$footers-link-color: rgba(255,255,255,.7);
$footers-link-hover: rgba(255,255,255,1);

$footers-border-color: #414141;

$megafooter-widget-color: rgba(255,255,255, 0.6);
$megafooter-widget-head-color: #ffffff !important;

/* Primary Colors (Bootstrap) */
$brand-primary: #676767 !default;
$brand-success: #48c239 !default;
Expand Down Expand Up @@ -112,16 +151,25 @@ $sh-mega-footer-border-color: #414141;

$sh-header1-color: #343434;

// SEARCH
// Header
$sh-masthead-search-btn-bg: rgba(255, 255, 255, .3);
$sh-masthead-search-btn-color: rgba(255, 255, 255, .5);
$sh-masthead-search-input-bg: rgba(255, 255, 255, .2);
$sh-masthead-search-input-color: rgba(255, 255, 255, 1);
$sh-masthead-search-input-placeholder-color: rgba(255, 255, 255, .5);
// Content
$sh-content-search-btn-bg: $brand-default;
$sh-content-search-btn-color: rgba(255, 255, 255, .2);
$sh-content-search-input-bg: rgba(255, 255, 255, .2);
$sh-content-search-input-color: rgba(0, 0, 0, .8);
$sh-content-search-input-placeholder-color: rgba(0, 0, 0, .5);
// Footers
$sh-footers-search-btn-bg: $brand-default;
$sh-footers-search-btn-color: rgba(255, 255, 255, .2);
$sh-footers-search-input-bg: rgba(255, 255, 255, .2);
$sh-footers-search-input-color: rgba(255, 255, 255, 1);
$sh-footers-search-input-placeholder-color: rgba(255, 255, 255, .5);

/* Main Search Form */
$searchText: #fff;
$searchPlacehoderText: rgba($searchText, .5);
$searchBackground: rgba(255, 255, 255, .15);

/* Body Search Form */
$body-search-bg-color: rgba(0, 0, 0, .12);
$body-search-text-color: #363636;

/* Widget Search Form */
$search-bg-color: #878787;
$search-text-color: #ffffff;