Megafooter Widgets Completed

jmr06005 · Feb 3, 2015 · 6665876 · 6665876
1 parent 7ca2630
commit 6665876
Show file tree

Hide file tree

Showing 4 changed files with 110 additions and 23 deletions.
diff --git a/sass/variables.scss b/sass/variables.scss
@@ -119,7 +119,7 @@ $ecw-icon-month-color: 					inherit			!default;
 $ecw-icon-month-color-hover: 			inherit			!default;
 $ecw-icon-month-bg: 						$widget-bg	 	!default;
 $ecw-icon-month-bg-hover: 				$widget-bg	 	!default;
-$ecw-icon-month-border-width:			1px 1px 0 !default;
+$ecw-icon-month-border-width:			1px 1px 0 		!default;
 $ecw-icon-month-border-style: 			solid !default;
 $ecw-icon-month-border-color: 			$widget-border-color	 !default;
 $ecw-icon-month-border-color-hover: 	$widget-border-color !default;
@@ -138,7 +138,8 @@ $ecw-icon-day-border-color: 				$widget-border-color !default;
 $ecw-icon-day-border-color-hover: 		$widget-border-color !default;
 $ecw-icon-day-font-size:					130% !default;
 
-$ecw-time-color: inherit !default;
+$ecw-time-color: 							inherit !default;
+$ecw-time-color-hover: 					$ecw-title-color-hover !default;
 
 
 /* Megafooter versions of ECW variables. Same as widgets, default to the home/sidebar version, but can be overridden. */
@@ -166,7 +167,8 @@ $megafooter-ecw-icon-day-bg-hover: 					$megafooter-widget-bg			 	!default;
 $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: $megafooter-widget-color !default;
+$megafooter-ecw-time-color: 							$megafooter-widget-color !default;
+$megafooter-ecw-time-color-hover: 					$megafooter-ecw-title-color-hover !default;
 
 
 

diff --git a/sass/widgets.scss b/sass/widgets.scss
@@ -338,14 +338,33 @@
 				margin: $ecw-item-margin !important;
 
 				.uc-cal-event {	
-					position:relative !important;		
+					position:relative !important;
+					@if $parent == "#mega-footer" {
+						color:	$megafooter-ecw-title-color !important;	
+					} @else {
+						color:$ecw-title-color !important;
+					}
+
+
 
 					.uc-cal-event-date {
 						float: left !important;
 						position: relative !important;
 						top:0;
+						@if $parent == "#mega-footer" {
+							color: $megafooter-ecw-list-date-color !important;
+						} @else {
+							color:$ecw-list-date-color !important;
+						}
 					}
 
+
+
+
+					/*
+					
+					inherits color from the .uc-cal-event <a>, so the hovers text decorations work. 
+					
 					.uc-cal-event-title {
 						@if $parent == "#mega-footer" {
 							color:$megafooter-ecw-title-color !important;	
@@ -354,12 +373,20 @@
 						}
 					}
 					
+					*/
+
 					&:hover {
-						.uc-cal-event-title {
+						@if $parent == "#mega-footer" {
+							color:$megafooter-ecw-title-color-hover !important;
+						} @else {
+							color:$ecw-list-date-color-hover !important;
+						}
+
+						.uc-cal-event-date {
 							@if $parent == "#mega-footer" {
-								color:$megafooter-ecw-title-color-hover !important;
+								color: $megafooter-ecw-list-date-color-hover !important;
 							} @else {
-								color:$ecw-title-color-hover !important;
+								color:$ecw-list-date-color-hover !important;
 							}
 						}
 					}
@@ -422,11 +449,13 @@
 									font-size:$ecw-icon-day-font-size !important;
 
 									@if $parent == "#mega-footer" {
-										border-color: $megafooter-ecw-icon-day-border-color !important;
-										background-color:$megafooter-ecw-icon-day-bg !important;
+										border-color: 		$megafooter-ecw-icon-day-border-color !important;
+										background-color:	$megafooter-ecw-icon-day-bg !important;
+										color: 				$megafooter-ecw-icon-day-color !important;
 									} @else {
-										border-color: $ecw-icon-day-border-color !important;
-										background-color:$ecw-icon-day-bg !important;
+										border-color: 		$ecw-icon-day-border-color !important;
+										background-color:	$ecw-icon-day-bg !important;
+										color: 				$ecw-icon-day-color !important;
 									}
 								}
 							}
@@ -442,16 +471,29 @@
 							&:hover {
 								.uc-cal-event-month{
 									@if $parent == "#mega-footer" {
-										color: $megafooter-ecw-icon-month-color-hover !important;
+										border-color: 		$megafooter-ecw-icon-month-border-color-hover !important;
+										background-color:	$megafooter-ecw-icon-month-bg-hover !important;
+										color: 				$megafooter-ecw-icon-month-color-hover !important;
 									} @else {
-										color: $ecw-icon-month-color-hover !important;
+										border-color: 		$ecw-icon-month-border-color-hover !important;
+										background-color:	$ecw-icon-month-bg-hover !important;
+										color: 				$ecw-icon-month-color-hover !important;
 									}
 								}
 								.uc-cal-event-day {
 									@if $parent == "#mega-footer" {
-										color: $megafooter-ecw-icon-day-color-hover !important;
+										background-color:	$megafooter-ecw-icon-day-bg-hover !important;
+										color: 				$megafooter-ecw-icon-day-color-hover !important;
+									} @else {
+										background-color:	$ecw-icon-day-bg-hover !important;
+										color: 				$ecw-icon-day-color-hover !important;
+									}
+								}
+								.uc-cal-event-time {
+									@if $parent == "#mega-footer" {
+										color: $megafooter-ecw-time-color-hover !important;
 									} @else {
-										color: $ecw-icon-day-color-hover !important;
+										color: $ecw-time-color-hover !important;
 									}
 								}
 							}

diff --git a/style.css b/style.css
@@ -7182,17 +7182,32 @@ button.close {
 }
 #content .widget.uc-ecw .uc-cal-item .uc-cal-event {
   position: relative !important;
+  color: #428bca !important;
+  /*
+  
+  inherits color from the .uc-cal-event <a>, so the hovers text decorations work. 
+  
+  .uc-cal-event-title {
+  	@if $parent == "#mega-footer" {
+  		color:$megafooter-ecw-title-color !important;	
+  	} @else {
+  		color:$ecw-title-color !important;	
+  	}
+  }
+  
+  */
 }
 #content .widget.uc-ecw .uc-cal-item .uc-cal-event .uc-cal-event-date {
   float: left !important;
   position: relative !important;
   top: 0;
+  color: inherit !important;
 }
-#content .widget.uc-ecw .uc-cal-item .uc-cal-event .uc-cal-event-title {
-  color: #428bca !important;
+#content .widget.uc-ecw .uc-cal-item .uc-cal-event:hover {
+  color: inherit !important;
 }
-#content .widget.uc-ecw .uc-cal-item .uc-cal-event:hover .uc-cal-event-title {
-  color: #2a6496 !important;
+#content .widget.uc-ecw .uc-cal-item .uc-cal-event:hover .uc-cal-event-date {
+  color: inherit !important;
 }
 #content .widget.uc-ecw .uc-cal-item .uc-cal-event:after {
   visibility: hidden !important;
@@ -7230,16 +7245,23 @@ button.close {
   font-size: 130% !important;
   border-color: #cccccc !important;
   background-color: white !important;
+  color: inherit !important;
 }
 #content .widget.uc-ecw .uc-iconcal .uc-cal-list .uc-cal-item .uc-cal-event .uc-cal-event-time {
   color: inherit !important;
 }
 #content .widget.uc-ecw .uc-iconcal .uc-cal-list .uc-cal-item .uc-cal-event:hover .uc-cal-event-month {
+  border-color: #cccccc !important;
+  background-color: white !important;
   color: inherit !important;
 }
 #content .widget.uc-ecw .uc-iconcal .uc-cal-list .uc-cal-item .uc-cal-event:hover .uc-cal-event-day {
+  background-color: white !important;
   color: inherit !important;
 }
+#content .widget.uc-ecw .uc-iconcal .uc-cal-list .uc-cal-item .uc-cal-event:hover .uc-cal-event-time {
+  color: #2a6496 !important;
+}
 #content .widget.uc-ecw .uc-listcal {
   padding-left: 3.7em !important;
 }
@@ -8053,16 +8075,31 @@ body.sticky .ie8 #footers {
 }
 #mega-footer .widget.uc-ecw .uc-cal-item .uc-cal-event {
   position: relative !important;
+  color: #428bca !important;
+  /*
+  
+  inherits color from the .uc-cal-event <a>, so the hovers text decorations work. 
+  
+  .uc-cal-event-title {
+  	@if $parent == "#mega-footer" {
+  		color:$megafooter-ecw-title-color !important;	
+  	} @else {
+  		color:$ecw-title-color !important;	
+  	}
+  }
+  
+  */
 }
 #mega-footer .widget.uc-ecw .uc-cal-item .uc-cal-event .uc-cal-event-date {
   float: left !important;
   position: relative !important;
   top: 0;
-}
-#mega-footer .widget.uc-ecw .uc-cal-item .uc-cal-event .uc-cal-event-title {
   color: #428bca !important;
 }
-#mega-footer .widget.uc-ecw .uc-cal-item .uc-cal-event:hover .uc-cal-event-title {
+#mega-footer .widget.uc-ecw .uc-cal-item .uc-cal-event:hover {
+  color: #2a6496 !important;
+}
+#mega-footer .widget.uc-ecw .uc-cal-item .uc-cal-event:hover .uc-cal-event-date {
   color: #2a6496 !important;
 }
 #mega-footer .widget.uc-ecw .uc-cal-item .uc-cal-event:after {
@@ -8101,16 +8138,23 @@ body.sticky .ie8 #footers {
   font-size: 130% !important;
   border-color: #cccccc !important;
   background-color: white !important;
+  color: black !important;
 }
 #mega-footer .widget.uc-ecw .uc-iconcal .uc-cal-list .uc-cal-item .uc-cal-event .uc-cal-event-time {
   color: black !important;
 }
 #mega-footer .widget.uc-ecw .uc-iconcal .uc-cal-list .uc-cal-item .uc-cal-event:hover .uc-cal-event-month {
+  border-color: #cccccc !important;
+  background-color: white !important;
   color: black !important;
 }
 #mega-footer .widget.uc-ecw .uc-iconcal .uc-cal-list .uc-cal-item .uc-cal-event:hover .uc-cal-event-day {
+  background-color: white !important;
   color: black !important;
 }
+#mega-footer .widget.uc-ecw .uc-iconcal .uc-cal-list .uc-cal-item .uc-cal-event:hover .uc-cal-event-time {
+  color: #2a6496 !important;
+}
 #mega-footer .widget.uc-ecw .uc-listcal {
   padding-left: 3.7em !important;
 }

diff --git a/style.scss b/style.scss
@@ -33,7 +33,6 @@ $icon-font-path: "../../global/bootstrap-sass-master/assets/fonts/bootstrap/"	!d
 @import "sass/cal.scss";
 @import "sass/in-page-menus.scss";
 @import "sass/footer.scss";
-//@import "sass/test.scss";
 
 /*