Updating countdown widget styles to support all page templates

weblab · Feb 15, 2017 · 627f8acd2d6f281439b1939fd73270100d8c1885 · 627f8ac
1 parent 80567dd
commit 627f8acd2d6f281439b1939fd73270100d8c1885
Unified Split

Showing with 93 additions and 1 deletion.

+44 −1 sass/_widgets.scss

+49 −0 style.css
diff --git a/sass/_widgets.scss b/sass/_widgets.scss
@@ -25,7 +25,7 @@
 // based on the argument, different variables are referenced. 
 
 
-@mixin widgets($parent){
+@mixin widgets($parent){ //Does not include various page templates like Blank
 
 	.widget {
 
@@ -964,9 +964,52 @@
         }
     }
 }
+.widget {
+    &.widget_count_down_widget { //Temporary fix because the .widgets mixin doesn't apply to different page templates including Blank
+        background-color:#dedede;
+        padding:15px 18px;
+        border:1px solid #ccc;
+        border-radius:6px; 
 
+            .countdown-top {
+                position:relative;
+                min-height:50px;
 
+                .countdown-days-wrap {
+                    position:absolute;
 
+                    .countdown-days {
+                        font-size:35px;
+                        font-weight:700;
+                    }
+                }
+                .countdown-daysuntil-wrap {
+                    margin-left:48px;
+                    margin-top:14px;
+                    margin-bottom:10px;
+
+                    .countdown-daysuntil {
+                        font-size:16px;
+                    }
+                }
 
+            }
+        .countdown-bottom {
+            font-size:12px;
+            color:rgba(0,0,0,0.4)
+        }
 
+        .glyphicon-new-window {
+            display:none;
+        }
 
+        a {
+            text-decoration:none !important;
+            color:black;
+
+            &:hover {
+                color:#388ac3;
+            }
+        } 
+    } // END count-down-widget
+}
diff --git a/style.css b/style.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 
 - - - - - - - - - - - - - - - - - - - */