From 627f8acd2d6f281439b1939fd73270100d8c1885 Mon Sep 17 00:00:00 2001 From: Brian Dunnigan Date: Wed, 15 Feb 2017 11:02:50 -0500 Subject: [PATCH] Updating countdown widget styles to support all page templates --- sass/_widgets.scss | 45 +++++++++++++++++++++++++++++++++++++++++- style.css | 49 ++++++++++++++++++++++++++++++++++++++++++++++ 2 files changed, 93 insertions(+), 1 deletion(-) diff --git a/sass/_widgets.scss b/sass/_widgets.scss index 5e7d492..c1e49c9 100644 --- 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 +} \ No newline at end of file diff --git a/style.css b/style.css index 705f5c6..37bbee9 100644 --- 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 - - - - - - - - - - - - - - - - - - - */