Updating countdown widget styles to support all page templates

weblab · Feb 15, 2017 · 330316f · 330316f
1 parent 1161374
commit 330316f
Show file tree

Hide file tree

Showing 6 changed files with 246 additions and 1 deletion.
diff --git a/css/hale2015-blue.css b/css/hale2015-blue.css
@@ -7936,6 +7936,55 @@ button.close {
   line-height: 1.5em;
 }
 
+.widget.widget_count_down_widget {
+  background-color: #dedede;
+  padding: 15px 18px;
+  border: 1px solid #ccc;
+  border-radius: 6px;
+}
+
+.widget.widget_count_down_widget .countdown-top {
+  position: relative;
+  min-height: 50px;
+}
+
+.widget.widget_count_down_widget .countdown-top .countdown-days-wrap {
+  position: absolute;
+}
+
+.widget.widget_count_down_widget .countdown-top .countdown-days-wrap .countdown-days {
+  font-size: 35px;
+  font-weight: 700;
+}
+
+.widget.widget_count_down_widget .countdown-top .countdown-daysuntil-wrap {
+  margin-left: 48px;
+  margin-top: 14px;
+  margin-bottom: 10px;
+}
+
+.widget.widget_count_down_widget .countdown-top .countdown-daysuntil-wrap .countdown-daysuntil {
+  font-size: 16px;
+}
+
+.widget.widget_count_down_widget .countdown-bottom {
+  font-size: 12px;
+  color: rgba(0, 0, 0, 0.4);
+}
+
+.widget.widget_count_down_widget .glyphicon-new-window {
+  display: none;
+}
+
+.widget.widget_count_down_widget a {
+  text-decoration: none !important;
+  color: black;
+}
+
+.widget.widget_count_down_widget a:hover {
+  color: #388ac3;
+}
+
 /* - - - - - - - - - - - - - - - - - - - 
 	== Content 
 - - - - - - - - - - - - - - - - - - - */

diff --git a/css/hale2015-green.css b/css/hale2015-green.css
@@ -7936,6 +7936,55 @@ button.close {
   line-height: 1.5em;
 }
 
+.widget.widget_count_down_widget {
+  background-color: #dedede;
+  padding: 15px 18px;
+  border: 1px solid #ccc;
+  border-radius: 6px;
+}
+
+.widget.widget_count_down_widget .countdown-top {
+  position: relative;
+  min-height: 50px;
+}
+
+.widget.widget_count_down_widget .countdown-top .countdown-days-wrap {
+  position: absolute;
+}
+
+.widget.widget_count_down_widget .countdown-top .countdown-days-wrap .countdown-days {
+  font-size: 35px;
+  font-weight: 700;
+}
+
+.widget.widget_count_down_widget .countdown-top .countdown-daysuntil-wrap {
+  margin-left: 48px;
+  margin-top: 14px;
+  margin-bottom: 10px;
+}
+
+.widget.widget_count_down_widget .countdown-top .countdown-daysuntil-wrap .countdown-daysuntil {
+  font-size: 16px;
+}
+
+.widget.widget_count_down_widget .countdown-bottom {
+  font-size: 12px;
+  color: rgba(0, 0, 0, 0.4);
+}
+
+.widget.widget_count_down_widget .glyphicon-new-window {
+  display: none;
+}
+
+.widget.widget_count_down_widget a {
+  text-decoration: none !important;
+  color: black;
+}
+
+.widget.widget_count_down_widget a:hover {
+  color: #388ac3;
+}
+
 /* - - - - - - - - - - - - - - - - - - - 
 	== Content 
 - - - - - - - - - - - - - - - - - - - */

diff --git a/css/hale2015-orange.css b/css/hale2015-orange.css
@@ -7936,6 +7936,55 @@ button.close {
   line-height: 1.5em;
 }
 
+.widget.widget_count_down_widget {
+  background-color: #dedede;
+  padding: 15px 18px;
+  border: 1px solid #ccc;
+  border-radius: 6px;
+}
+
+.widget.widget_count_down_widget .countdown-top {
+  position: relative;
+  min-height: 50px;
+}
+
+.widget.widget_count_down_widget .countdown-top .countdown-days-wrap {
+  position: absolute;
+}
+
+.widget.widget_count_down_widget .countdown-top .countdown-days-wrap .countdown-days {
+  font-size: 35px;
+  font-weight: 700;
+}
+
+.widget.widget_count_down_widget .countdown-top .countdown-daysuntil-wrap {
+  margin-left: 48px;
+  margin-top: 14px;
+  margin-bottom: 10px;
+}
+
+.widget.widget_count_down_widget .countdown-top .countdown-daysuntil-wrap .countdown-daysuntil {
+  font-size: 16px;
+}
+
+.widget.widget_count_down_widget .countdown-bottom {
+  font-size: 12px;
+  color: rgba(0, 0, 0, 0.4);
+}
+
+.widget.widget_count_down_widget .glyphicon-new-window {
+  display: none;
+}
+
+.widget.widget_count_down_widget a {
+  text-decoration: none !important;
+  color: black;
+}
+
+.widget.widget_count_down_widget a:hover {
+  color: #388ac3;
+}
+
 /* - - - - - - - - - - - - - - - - - - - 
 	== Content 
 - - - - - - - - - - - - - - - - - - - */

diff --git a/css/hale2015-purple.css b/css/hale2015-purple.css
@@ -7936,6 +7936,55 @@ button.close {
   line-height: 1.5em;
 }
 
+.widget.widget_count_down_widget {
+  background-color: #dedede;
+  padding: 15px 18px;
+  border: 1px solid #ccc;
+  border-radius: 6px;
+}
+
+.widget.widget_count_down_widget .countdown-top {
+  position: relative;
+  min-height: 50px;
+}
+
+.widget.widget_count_down_widget .countdown-top .countdown-days-wrap {
+  position: absolute;
+}
+
+.widget.widget_count_down_widget .countdown-top .countdown-days-wrap .countdown-days {
+  font-size: 35px;
+  font-weight: 700;
+}
+
+.widget.widget_count_down_widget .countdown-top .countdown-daysuntil-wrap {
+  margin-left: 48px;
+  margin-top: 14px;
+  margin-bottom: 10px;
+}
+
+.widget.widget_count_down_widget .countdown-top .countdown-daysuntil-wrap .countdown-daysuntil {
+  font-size: 16px;
+}
+
+.widget.widget_count_down_widget .countdown-bottom {
+  font-size: 12px;
+  color: rgba(0, 0, 0, 0.4);
+}
+
+.widget.widget_count_down_widget .glyphicon-new-window {
+  display: none;
+}
+
+.widget.widget_count_down_widget a {
+  text-decoration: none !important;
+  color: black;
+}
+
+.widget.widget_count_down_widget a:hover {
+  color: #388ac3;
+}
+
 /* - - - - - - - - - - - - - - - - - - - 
 	== Content 
 - - - - - - - - - - - - - - - - - - - */

diff --git a/css/hale2015-red.css b/css/hale2015-red.css
@@ -7936,6 +7936,55 @@ button.close {
   line-height: 1.5em;
 }
 
+.widget.widget_count_down_widget {
+  background-color: #dedede;
+  padding: 15px 18px;
+  border: 1px solid #ccc;
+  border-radius: 6px;
+}
+
+.widget.widget_count_down_widget .countdown-top {
+  position: relative;
+  min-height: 50px;
+}
+
+.widget.widget_count_down_widget .countdown-top .countdown-days-wrap {
+  position: absolute;
+}
+
+.widget.widget_count_down_widget .countdown-top .countdown-days-wrap .countdown-days {
+  font-size: 35px;
+  font-weight: 700;
+}
+
+.widget.widget_count_down_widget .countdown-top .countdown-daysuntil-wrap {
+  margin-left: 48px;
+  margin-top: 14px;
+  margin-bottom: 10px;
+}
+
+.widget.widget_count_down_widget .countdown-top .countdown-daysuntil-wrap .countdown-daysuntil {
+  font-size: 16px;
+}
+
+.widget.widget_count_down_widget .countdown-bottom {
+  font-size: 12px;
+  color: rgba(0, 0, 0, 0.4);
+}
+
+.widget.widget_count_down_widget .glyphicon-new-window {
+  display: none;
+}
+
+.widget.widget_count_down_widget a {
+  text-decoration: none !important;
+  color: black;
+}
+
+.widget.widget_count_down_widget a:hover {
+  color: #388ac3;
+}
+
 /* - - - - - - - - - - - - - - - - - - - 
 	== Content 
 - - - - - - - - - - - - - - - - - - - */

diff --git a/scss/_hale2015-common.scss b/scss/_hale2015-common.scss
@@ -38,7 +38,7 @@ $widget-border-color:			#e0e0e0;
 $widget-margin:				0 0 30px 0;
 
 $footers-link-color:		#707070;		
-$footers-link-hover:		$brand-primary;             
+$footers-link-hover:		$brand-primary;              
 
 // imports bootsrtap, and all of cornerstone sass