From 8db93a34c35349ae7c684ee295af4c1bd06c7645 Mon Sep 17 00:00:00 2001 From: andrewmbacon Date: Wed, 28 Jan 2015 12:56:17 -0500 Subject: [PATCH 1/7] in process, chasing a compile error --- css/widgets.css | 42 +-- sass/cal.scss | 99 ------- sass/content.scss | 2 +- sass/test.scss | 175 ++++++++++++ sass/variables.scss | 45 ++- sass/widgets.scss | 660 +++++++++++++++++++++++++++++--------------- style.css | 250 +++-------------- style.scss | 1 + 8 files changed, 700 insertions(+), 574 deletions(-) create mode 100644 sass/test.scss diff --git a/css/widgets.css b/css/widgets.css index 918cf9c..ecc7be8 100644 --- a/css/widgets.css +++ b/css/widgets.css @@ -1,39 +1,3 @@ -/*-------------------------------------------------------------- -9.0 Widgets ---------------------------------------------------------------*/ -.widget { - border: 1px solid transparent; - border-width: 1px; - border-color: #cccccc; - border-radius: 0; - margin: 0 0 1.5em 0; - padding: none; - background-color: white; - color: black; -} -.widget a { - color: blue; -} -.widget a:hover { - color: red; -} -.widget .widget-head { - padding: 0.5em; - border: 1px solid transparent; - border-width: 0 0 1px 0; - border-color: #cccccc; -} -.widget .widget-head h2 { - font-size: 1em; - margin: 0; -} - -/* Make sure select elements fit in widgets */ -.widget select { - max-width: 100%; -} - -/* Search widget */ -.widget_search .search-submit { - display: none; -} +/* - - - - - - - - - - - - - - - - - - - + == Widgets +- - - - - - - - - - - - - - - - - - - */ diff --git a/sass/cal.scss b/sass/cal.scss index b00fa89..a697644 100644 --- a/sass/cal.scss +++ b/sass/cal.scss @@ -118,103 +118,4 @@ } } } - - - - - - - - -/* - ul.btn-multi{ - margin-bottom:.5em; - - li{ - - ul{ - - padding: 0px 0px 0px 12px; - - li{ - - &.month-arrow{ - - a.icon{ - - span.glyphicons{ - padding: 0px 0px 0px 5px; - - &:before{ - color:#fff; - font-size: 14px; - display:block; - position: relative; - } - } - } - } - } - } - a.btn-toggle{ - margin-left:10px; - font-size:14px; - color:#777; - text-align: center; - } - } - } - } - */ - /* - #events-grid.table { - tbody{ - tr{ - - th{ - width:14%; - text-align:right; - - span{ - font-weight:normal; - color:#777; - font-size:12px !important; - } - } - td{ - border-left: 1px solid #eee; - border-right: 1px solid #eee; - border-bottom: 1px solid #eee; - background: #fff; - text-align:left; - height: 90px; - padding:1px; - ol.event-list{ - li{ - span.event-time{ - font-size:11px !important; - padding: 0px 0px 0px 2px !important; - } - ol{ - padding: 0px 2px 0px 2px !important; - li{ - background: rgba(15,25,56, 0.1); - border:1px solid rgba(15,25,56, 0.2) !important; - padding: 0px 3px 0px 3px !important; - margin-bottom: 2px !important; - a.event-link{ - strong{ - font-weight:normal; - font-size:12px !important; - } - } - } - } - } - } - } - } - } - } - */ } \ No newline at end of file diff --git a/sass/content.scss b/sass/content.scss index a9b658e..66393d3 100644 --- a/sass/content.scss +++ b/sass/content.scss @@ -34,7 +34,7 @@ code { @include cs-word-break; } .page { - @include uc-cal; + //@include uc-cal; } /* POSTS diff --git a/sass/test.scss b/sass/test.scss new file mode 100644 index 0000000..1b300b3 --- /dev/null +++ b/sass/test.scss @@ -0,0 +1,175 @@ +.uc-cal { + margin:$widget-content-margin !important; + padding:0 !important; +} + +// reset all the damn css from the damn plugin damn it. I apologize to future generations for all the !importants. + +.uc-cal * { + + margin: 0 !important; + padding: 0!important; + border: 0!important; + font-size: 100%!important; + font: inherit!important; + vertical-align: baseline!important; + background:none!important; + position:inherit!important; + width:auto !important; + height: auto !important; + color:inherit !important; + display:block !important; + box-shadow:none !important; + text-transform:none !important; + min-height:inherit !important; + border-radius: 0 !important; + +} + +/*- - - - - */ + +// SHARED +.uc-cal-item { + @if $parent == '#megafooter' { + margin: $megafooter-ecw-item-margin !important; + } else { + margin: $ecw-item-margin !important; + } + + .uc-cal-event { + position:relative !important; + + .uc-cal-event-date { + float: left !important; + position: relative !important; + top:0; + } + + .uc-cal-event-title { + @if $parent == '#megafooter' { + color:$megafooter-ecw-title-color !important; + } else { + color:$ecw-title-color !important; + } + } + + &:hover { + .uc-cal-event-title { + @if $parent == '#megafooter' { + color:$megafooter-ecw-title-color-hover !important; + } else { + color:$ecw-title-color-hover !important; + } + } + } + + + &:after { + visibility: hidden !important; + display: block !important; + font-size: 0!important; + content: " "!important; + clear: both!important; + height: 0!important; + } + + } +} + + +/**/ + +// ICON VIEW +.uc-iconcal { + .uc-cal-list { + .uc-cal-item { + .uc-cal-event { + + padding-left: #{($ecw-icon-dateWidth + $ecw-icon-gutter)}px !important; + + .uc-cal-event-date { + + left:-#{($ecw-icon-dateWidth + $ecw-icon-gutter)}px; + margin-right:-#{($ecw-icon-dateWidth)}px !important; + width:#{($ecw-icon-dateWidth)}px !important; + + .uc-cal-event-month{ + padding: $ecw-icon-month-padding !important; + border-width:$ecw-icon-month-border-width !important; + border-style:$ecw-icon-month-border-style !important; + text-align:center !important; + font-size:$ecw-icon-month-font-size !important; + text-transform:$ecw-icon-month-font-transform !important; + letter-spacing: $ecw-icon-month-font-letter-spacing !important; + + @if $parent == '#megafooter' { + border-color: $megafooter-ecw-icon-month-border-color !important; + background-color:$megafooter-ecw-icon-month-bg !important; + color: $megafooter-ecw-icon-month-color!important; + } else { + border-color: $ecw-icon-month-border-color !important; + background-color:$ecw-icon-month-bg !important; + color: $ecw-icon-month-color!important; + } + } + .uc-cal-event-day { + + padding: $ecw-icon-day-padding !important; + border-width:$ecw-icon-day-border-width !important; + border-style:$ecw-icon-day-border-style !important; + text-align:center !important; + font-size:$ecw-icon-day-font-size !important; + + @if $parent == '#megafooter' { + border-color: $megafooter-ecw-icon-day-border-color !important; + background-color:$megafooter-ecw-icon-day-bg !important; + } else { + border-color: $ecw-icon-day-border-color !important; + background-color:$ecw-icon-day-bg !important; + } + } + } + .uc-cal-event-time { + @if $parent == '#megafooter' { + color: $megafooter-ecw-time-color !important; + } else { + color: $ecw-time-color !important; + } + } + + // hover styles + &:hover { + .uc-cal-event-month{ + + } + .uc-cal-event-day { + } + .uc-cal-event-title { + } + .uc-cal-event-time { + } + } + + } // cal-event + + + } //cal-item + } // cal-list + + +} //icon-VIEW + +/**/ + +// LIST VIEW +.uc-listcal { + + padding-left:$ecw-list-dateWidth !important; + + .uc-cal-event-date { + width: $ecw-list-dateWidth !important; + left:-($ecw-list-dateWidth) !important; + margin-right:-($ecw-list-dateWidth) !important; + } + } +} \ No newline at end of file diff --git a/sass/variables.scss b/sass/variables.scss index add851f..430a94e 100644 --- a/sass/variables.scss +++ b/sass/variables.scss @@ -62,7 +62,32 @@ $widget-head-color: $widget-color !default; $widget-head-border-width: 0 0 1px 0 !default; $widget-head-border-color: $widget-border-color !default; $widget-head-padding: .5em .5em .5em 1em !default; -$widget-head-size: $widget-size !default; +$widget-head-size: $widget-size !default; + + +// Megafooter often inverts the tones, so these variables allow you to override teh defaults used in the homepage/sidebars. + +$megafooter-widget-border-color: $widget-border-color !default; +$megafooter-widget-border-radius: $widget-border-radius !default; +$megafooter-widget-border-width: $widget-border-width !default; +$megafooter-widget-margin: $widget-margin !default; +$megafooter-widget-padding: $widget-padding !default; +$megafooter-widget-bg: $widget-bg !default; +$megafooter-widget-content-margin: $widget-content-margin !default; +$megafooter-widget-color: $widget-color !default; +$megafooter-widget-size: $widget-size !default; +$megafooter-widget-link-color: $widget-link-color !default; +$megafooter-widget-link-hover: $widget-link-hover !default; + +$megafooter-widget-head-bg: $widget-head-bg !default; +$megafooter-widget-head-color: $widget-head-color !default; +$megafooter-widget-head-border-width: $widget-head-border-width !default; +$megafooter-widget-head-border-color: $widget-head-border-color !default; +$megafooter-widget-head-padding: $widget-head-padding !default; +$megafooter-widget-head-size: $widget-head-size !default; + + + /* Specific Widgets */ @@ -70,10 +95,10 @@ $widget-head-size: $widget-size !default; // Events Calendar // SHARED -$uc-ecw-item-margin: 1em 0 !default; -$uc-ecw-font: inherit !default; -$uc-ecw-title-color: $widget-link-color !default; -$uc-ecw-title-color-hover: $widget-link-hover !default; +$uc-ecw-item-margin: 1em 0 !default; +$uc-ecw-font: inherit !default; +$uc-ecw-title-color: $widget-link-color !default; +$uc-ecw-title-color-hover: $widget-link-hover !default; // LIST VIEW @@ -115,6 +140,14 @@ $uc-ecw-icon-day-font-size: 130% !default; $uc-ecw-time-color: inherit !default; + + + + + + + + /* == Main Content Area */ $in-page-menu-border: #e7e7e7 !default; @@ -153,7 +186,7 @@ $uc-footer-link-hover: $footers-link-hover !default; $uc-footer-link-spacing: 1em !default; -@mixin uc-cal() { +@mixin uc-ecw() { .uc-cal { margin:$widget-content-margin !important; diff --git a/sass/widgets.scss b/sass/widgets.scss index 4ed75c3..f589406 100644 --- a/sass/widgets.scss +++ b/sass/widgets.scss @@ -1,273 +1,499 @@ /* - - - - - - - - - - - - - - - - - - - == Widgets - - - - - - - - - - - - - - - - - - - */ -.widget { - @include cs-word-break; - overflow:hidden; - - border:1px solid transparent; - border-width:$widget-border-width; - border-color: $widget-border-color; - border-radius: $widget-border-radius; - - margin: $widget-margin; - padding: $widget-padding; - background-color: $widget-bg; - color:$widget-color; - a { - color: $widget-link-color; +// Create a mixin with parent as optional argument. +// based on the argument, different variables are referenced. - &:hover { - color:$widget-link-hover; - } - } - .btn-primary, - .btn-success, - .btn-info, - .btn-warning, - .btn-danger, - .btn-primary:hover, - .btn-success:hover, - .btn-info:hover, - .btn-warning:hover, - .btn-danger:hover { - color:white; - } +@mixin widgets($parent){ - - - .widget-head { - padding: $widget-head-padding; - + .widget { + @include cs-word-break; + overflow:hidden; border:1px solid transparent; - border-width: $widget-head-border-width; - border-color: $widget-head-border-color; + + @if $parent == '#megafooter' { + border-width:$megafooter-widget-border-width; + border-color: $megafooter-widget-border-color; + border-radius: $megafooter-widget-border-radius; + margin: $megafooter-widget-margin; + padding: $megafooter-widget-padding; + background-color: $megafooter-widget-bg; + color:$megafooter-widget-color; + } else { + border-width:$widget-border-width; + border-color: $widget-border-color; + border-radius: $widget-border-radius; + margin: $widget-margin; + padding: $widget-padding; + background-color: $widget-bg; + color:$widget-color; + } - h2 { - font-size: $widget-head-size; - margin: 0; - color: $widget-head-color; + a { + @if $parent == '#megafooter' { + color: $megafooter-widget-link-color; + } else { + color: $widget-link-color; + } + + &:hover { + @if $parent == '#megafooter' { + color:$megafooter-widget-link-hover; + } else { + color:$widget-link-hover; + } + } } - } + .widget-head { + + border:1px solid transparent; + + @if $parent == '#megafooter' { + padding: $widget-head-padding; + border-width: $widget-head-border-width; + border-color: $widget-head-border-color; + } else { + padding: $megafooter-widget-head-padding; + border-width: $megafooter-widget-head-border-width; + border-color: $megafooter-widget-head-border-color; + } - form { - margin:$widget-content-margin; - } + h2 { + margin: 0; + + @if $parent == '#megafooter' { + font-size: $megafooter-widget-head-size; + color: $megafooter-widget-head-color; + } else { + font-size: $widget-head-size; + color: $widget-head-color; + } + } - ul, ol { - list-style-type:none; - padding:0; - margin:$widget-content-margin; + } + + form { + @if $parent == '#megafooter' { + margin:$megafooter-widget-content-margin; + } else { + margin:$widget-content-margin; + } + } - li { - margin-bottom:.75em; + ul, + ol { + list-style-type:none; + padding:0; + @if $parent == '#megafooter' { + margin:$megafooter-widget-content-margin; + } else { + margin:$widget-content-margin; + } - ul { - padding:0; - margin:.5em 0 .5em 2em; - list-style-type:disc; + li { + margin-bottom:.75em; - li { - margin-bottom:.5em; - ul { - list-style-type:circle; + ul { + padding:0; + margin:.5em 0 .5em 2em; + list-style-type:disc; + + li { + margin-bottom:.5em; + ul { + list-style-type:circle; + } } } - } - ol { - padding:0; - margin:.5em 0 .5em 2em; - list-style-type:decimal; - li { - margin-bottom:.5em; + ol { + padding:0; + margin:.5em 0 .5em 2em; + list-style-type:decimal; + li { + margin-bottom:.5em; + } } } + } - - } - -} -* html .widget.widget_dpe_fp_widget .dpe-flexible-posts li a{ - height:1% } - -/* Make sure select elements fit in widgets */ -.widget select { - max-width: 100%; -} - -.widget { - /* === CORE WP Widgets - */ - &.widget_archive {} - &.widget_nav_menu{} - &.widget_meta {} - &.widget_recent_comments {} - &.widget_recent_entries {} - &.widget_rss {} - &.widget_search {} - &.widget_text { - .textwidget { - margin:$widget-content-margin; - } - } - &.widget_tag_cloud { - .tagcloud { - margin:$widget-content-margin; + * html .widget.widget_dpe_fp_widget .dpe-flexible-posts li a{ + height:1% } - + + /* Make sure select elements fit in widgets */ + .widget select { + max-width: 100%; } - /* === 3rd Party Widgets - */ - &.widget_black_studio_tinymce { - .textwidget { - margin:$widget-content-margin; + + .widget { + /* === CORE WP Widgets + */ + &.widget_archive {} + &.widget_nav_menu{} + &.widget_meta {} + &.widget_recent_comments {} + &.widget_recent_entries {} + &.widget_rss {} + &.widget_search {} + &.widget_text { + .textwidget { + @if $parent == '#megafooter' { + margin:$megafooter-widget-content-margin; + } else { + margin:$widget-content-margin; + } + } } - ul { - li { - list-style-type: disc; + &.widget_tag_cloud { + .tagcloud { + @if $parent == '#megafooter' { + margin:$megafooter-widget-content-margin; + } else { + margin:$widget-content-margin; + } } } - ol { - li { - list-style-type:decimal; + + /* === 3rd Party Widgets + */ + &.widget_black_studio_tinymce { + .textwidget { + @if $parent == '#megafooter' { + margin:$megafooter-widget-content-margin; + } else { + margin:$widget-content-margin; + } + } + ul { + li { + list-style-type: disc; + } + } + ol { + li { + list-style-type:decimal; + } } } - } - &.simple-social-icons { - ul { - margin:.5em!important; - li { - margin:.5em!important; + &.simple-social-icons { + ul { + margin:.5em!important; + li { + margin:.5em!important; + } + } + //avoids conflict with glypicons social icons. + .social-bloglovin:before, .social-dribbble:before, .social-email:before, .social-facebook:before, .social-flickr:before, .social-github:before, .social-gplus:before, .social-instagram:before, .social-linkedin:before, .social-pinterest:before, .social-rss:before, .social-stumbleupon:before, .social-tumblr:before, .social-twitter:before, .social-vimeo:before, .social-youtube:before { + display:none; + content:none; } } - .social-bloglovin:before, .social-dribbble:before, .social-email:before, .social-facebook:before, .social-flickr:before, .social-github:before, .social-gplus:before, .social-instagram:before, .social-linkedin:before, .social-pinterest:before, .social-rss:before, .social-stumbleupon:before, .social-tumblr:before, .social-twitter:before, .social-vimeo:before, .social-youtube:before { - display:none; - content:none; + &.widget_rcpt { + ul { + margin:0; + + .rcpt_item_title { + padding:.5em 5% 0; + font-weight:bold; + .rcpt_item_image{ + margin-left:-9%; + margin-bottom:1em; + width:117%; + img { + width:100%; + } + } + } + .rcpt_item_excerpt { + margin:.5em 5% 1em; + } + .rcpt_item_date { + margin:.5em 5% 1em; + } + } } - } - &.widget_rcpt { - ul { - margin:0; - - .rcpt_item_title { - padding:.5em 5% 0; - font-weight:bold; - .rcpt_item_image{ - margin-left:-9%; - margin-bottom:1em; - width:117%; - img { - width:100%; - } + &.widget_sp_image { + padding:0; + border:none; + background-color:transparent; + } + &.widget_metaslider_widget { + padding:0; + background-color:transparent; + border:none; + + } + &.widget_dpe_fp_widget{ + padding:0; + background-color:transparent; + .dpe-flexible-posts{ + li{ + padding: 0.1em 0px 0.1em 0px; + display:block; + background-color:transparent; + a{ + margin:0; + position:relative; + display:inline-block; + .attachment-thumbnail{ + height: 60px; + width: 60px; + margin-right:10px; + margin-bottom:10px; + float:left; + } + .attachment-medium{ + width:48%; + margin-right:10px; + margin-bottom:10px; + float:left; + } + .attachment-large{ + max-width:100%; + margin-right:10px; + margin-bottom:10px; + float:left; + clear:right; + } + .title{ + display:block; + position:relative; + font-size: 1em; + font-weight: normal; + } + &:after{ + visibility: hidden; + display: block; + font-size: 0; + content: " "; + clear: both; + height: 0; + } + } } } - .rcpt_item_excerpt { - margin:.5em 5% 1em; + } + + + /* === UCONN Widgets + */ + &.uc-contact-widget { + th { + white-space:nowrap; } - .rcpt_item_date { - margin:.5em 5% 1em; + td{ + &.uc-output-email{ + word-break: break-all; + } + &.uc-output-more{ + word-break: break-all; + } + } } - } - &.widget_sp_image { - padding:0; - border:none; - background-color:transparent; - } - &.widget_metaslider_widget { - padding:0; - background-color:transparent; - border:none; + + // EVENTS CALENDAR WIDGET + + &.uc-ecw { - } - &.widget_dpe_fp_widget{ - padding:0; - background-color:transparent; - .dpe-flexible-posts{ - li{ - padding: 0.1em 0px 0.1em 0px; - display:block; - background-color:transparent; - a{ - margin:0; - position:relative; - display:inline-block; - .attachment-thumbnail{ - height: 60px; - width: 60px; - margin-right:10px; - margin-bottom:10px; - float:left; - } - .attachment-medium{ - width:48%; - margin-right:10px; - margin-bottom:10px; - float:left; + .uc-cal { + margin:$widget-content-margin !important; + padding:0 !important; + } + + // reset all the damn css from the damn plugin damn it. I apologize to future generations for all the !importants. + + .uc-cal * { + + margin: 0 !important; + padding: 0!important; + border: 0!important; + font-size: 100%!important; + font: inherit!important; + vertical-align: baseline!important; + background:none!important; + position:inherit!important; + width:auto !important; + height: auto !important; + color:inherit !important; + display:block !important; + box-shadow:none !important; + text-transform:none !important; + min-height:inherit !important; + border-radius: 0 !important; + + } + + /*- - - - - */ + + // SHARED + .uc-cal-item { + @if $parent == '#megafooter' { + margin: $megafooter-ecw-item-margin !important; + } else { + margin: $ecw-item-margin !important; + } + + .uc-cal-event { + position:relative !important; + + .uc-cal-event-date { + float: left !important; + position: relative !important; + top:0; } - .attachment-large{ - max-width:100%; - margin-right:10px; - margin-bottom:10px; - float:left; - clear:right; + + .uc-cal-event-title { + @if $parent == '#megafooter' { + color:$megafooter-ecw-title-color !important; + } else { + color:$ecw-title-color !important; + } } - .title{ - display:block; - position:relative; - font-size: 1em; - font-weight: normal; + + &:hover { + .uc-cal-event-title { + @if $parent == '#megafooter' { + color:$megafooter-ecw-title-color-hover !important; + } else { + color:$ecw-title-color-hover !important; + } + } } - &:after{ - visibility: hidden; - display: block; - font-size: 0; - content: " "; - clear: both; - height: 0; + + + &:after { + visibility: hidden !important; + display: block !important; + font-size: 0!important; + content: " "!important; + clear: both!important; + height: 0!important; } + } } - } - } + + + /**/ + + // ICON VIEW + .uc-iconcal { + .uc-cal-list { + .uc-cal-item { + .uc-cal-event { + padding-left: #{($ecw-icon-dateWidth + $ecw-icon-gutter)}px !important; + + .uc-cal-event-date { + + left:-#{($ecw-icon-dateWidth + $ecw-icon-gutter)}px; + margin-right:-#{($ecw-icon-dateWidth)}px !important; + width:#{($ecw-icon-dateWidth)}px !important; + + .uc-cal-event-month{ + padding: $ecw-icon-month-padding !important; + border-width:$ecw-icon-month-border-width !important; + border-style:$ecw-icon-month-border-style !important; + text-align:center !important; + font-size:$ecw-icon-month-font-size !important; + text-transform:$ecw-icon-month-font-transform !important; + letter-spacing: $ecw-icon-month-font-letter-spacing !important; + + @if $parent == '#megafooter' { + border-color: $megafooter-ecw-icon-month-border-color !important; + background-color:$megafooter-ecw-icon-month-bg !important; + color: $megafooter-ecw-icon-month-color!important; + } else { + border-color: $ecw-icon-month-border-color !important; + background-color:$ecw-icon-month-bg !important; + color: $ecw-icon-month-color!important; + } + } + .uc-cal-event-day { + + padding: $ecw-icon-day-padding !important; + border-width:$ecw-icon-day-border-width !important; + border-style:$ecw-icon-day-border-style !important; + text-align:center !important; + font-size:$ecw-icon-day-font-size !important; + + @if $parent == '#megafooter' { + border-color: $megafooter-ecw-icon-day-border-color !important; + background-color:$megafooter-ecw-icon-day-bg !important; + } else { + border-color: $ecw-icon-day-border-color !important; + background-color:$ecw-icon-day-bg !important; + } + } + } + .uc-cal-event-time { + @if $parent == '#megafooter' { + color: $megafooter-ecw-time-color !important; + } else { + color: $ecw-time-color !important; + } + } + + // hover styles + &:hover { + .uc-cal-event-month{ + + } + .uc-cal-event-day { + } + .uc-cal-event-title { + } + .uc-cal-event-time { + } + } + + } // cal-event + + + } //cal-item + } // cal-list + + + } //icon-VIEW + + /**/ + + // LIST VIEW + .uc-listcal { - /* === UCONN Widgets - */ - &.uc-contact-widget { - th { - white-space:nowrap; - } - td{ - &.uc-output-email{ - word-break: break-all; - } - &.uc-output-more{ - word-break: break-all; + padding-left:$ecw-list-dateWidth !important; + + .uc-cal-event-date { + width: $ecw-list-dateWidth !important; + left:-($ecw-list-dateWidth) !important; + margin-right:-($ecw-list-dateWidth) !important; + } + } } + + /**/ + + }// END EVENTS CALENDAR WIDGET + &.uc-hours-widget { + caption { + padding:.5em; + } } - } - &.uc-ecw { - - // these styles contained in variables.scss, in the @uc-cal mixin. - - } - &.uc-hours-widget { - caption { - padding:.5em; + &.uc-ssw { } } - &.uc-ssw {} - - - } +@include widgets('#mega-footer'); + + + diff --git a/style.css b/style.css index b56545f..80a39f1 100644 --- a/style.css +++ b/style.css @@ -6991,94 +6991,6 @@ code { */ } -.page .uc-cal { - margin: 1em !important; - padding: 0 !important; -} -.page .uc-cal * { - margin: 0 !important; - padding: 0 !important; - border: 0 !important; - font-size: 100% !important; - font: inherit !important; - vertical-align: baseline !important; - background: none !important; - position: inherit !important; - width: auto !important; - height: auto !important; - color: inherit !important; - display: block !important; - box-shadow: none !important; - text-transform: none !important; - min-height: inherit !important; - border-radius: 0 !important; -} -.page .uc-cal-item { - margin: 1em 0 !important; -} -.page .uc-cal-item .uc-cal-event { - position: relative !important; -} -.page .uc-cal-item .uc-cal-event .uc-cal-event-date { - float: left !important; - position: relative !important; - top: 0; -} -.page .uc-cal-item .uc-cal-event .uc-cal-event-title { - color: #428bca !important; -} -.page .uc-cal-item .uc-cal-event:hover .uc-cal-event-title { - color: #2a6496 !important; -} -.page .uc-cal-item .uc-cal-event:after { - visibility: hidden !important; - display: block !important; - font-size: 0 !important; - content: " " !important; - clear: both !important; - height: 0 !important; -} -.page .uc-iconcal .uc-cal-list .uc-cal-item .uc-cal-event { - padding-left: 70px !important; -} -.page .uc-iconcal .uc-cal-list .uc-cal-item .uc-cal-event .uc-cal-event-date { - left: -70px; - margin-right: -55px !important; - width: 55px !important; -} -.page .uc-iconcal .uc-cal-list .uc-cal-item .uc-cal-event .uc-cal-event-date .uc-cal-event-month { - padding: 0.7em 0 0 !important; - border-width: 1px 1px 0 !important; - border-style: solid !important; - border-color: #cccccc !important; - text-align: center !important; - background-color: white !important; - font-size: 70% !important; - color: inherit !important; - text-transform: uppercase !important; - letter-spacing: 1px !important; -} -.page .uc-iconcal .uc-cal-list .uc-cal-item .uc-cal-event .uc-cal-event-date .uc-cal-event-day { - padding: 0 0 0.2em 0 !important; - border-width: 0 1px 1px !important; - border-style: solid !important; - border-color: #cccccc !important; - text-align: center !important; - background-color: white !important; - font-size: 130% !important; -} -.page .uc-iconcal .uc-cal-list .uc-cal-item .uc-cal-event .uc-cal-event-time { - color: inherit !important; -} -.page .uc-listcal .uc-cal-event { - padding-left: 3.7em !important; -} -.page .uc-listcal .uc-cal-event .uc-cal-event-date { - width: 3.7em !important; - left: -3.7em !important; - margin-right: -3.7em !important; -} - /* POSTS --------------------------------------------------------------*/ .post { @@ -7309,6 +7221,8 @@ object { */ overflow: hidden; border: 1px solid transparent; +} +.widget else { border-width: 1px; border-color: #cccccc; border-radius: 4px; @@ -7317,63 +7231,65 @@ object { background-color: white; color: black; } -.widget a { +.widget a else { color: #428bca; } -.widget a:hover { +.widget a:hover else { color: #2a6496; } -.widget .btn-primary, -.widget .btn-success, -.widget .btn-info, -.widget .btn-warning, -.widget .btn-danger, -.widget .btn-primary:hover, -.widget .btn-success:hover, -.widget .btn-info:hover, -.widget .btn-warning:hover, -.widget .btn-danger:hover { - color: white; -} .widget .widget-head { - padding: 0.5em 0.5em 0.5em 1em; border: 1px solid transparent; +} +.widget .widget-head else { + padding: 0.5em 0.5em 0.5em 1em; border-width: 0 0 1px 0; border-color: #cccccc; } .widget .widget-head h2 { - font-size: 1em; margin: 0; +} +.widget .widget-head h2 else { + font-size: 1em; color: black; } -.widget form { +.widget form else { margin: 1em; } -.widget ul, .widget ol { +.widget ul, +.widget ol { list-style-type: none; padding: 0; +} +.widget ul else, +.widget ol else { margin: 1em; } -.widget ul li, .widget ol li { +.widget ul li, +.widget ol li { margin-bottom: .75em; } -.widget ul li ul, .widget ol li ul { +.widget ul li ul, +.widget ol li ul { padding: 0; margin: .5em 0 .5em 2em; list-style-type: disc; } -.widget ul li ul li, .widget ol li ul li { +.widget ul li ul li, +.widget ol li ul li { margin-bottom: .5em; } -.widget ul li ul li ul, .widget ol li ul li ul { +.widget ul li ul li ul, +.widget ol li ul li ul { list-style-type: circle; } -.widget ul li ol, .widget ol li ol { +.widget ul li ol, +.widget ol li ol { padding: 0; margin: .5em 0 .5em 2em; list-style-type: decimal; } -.widget ul li ol li, .widget ol li ol li { +.widget ul li ol li, +.widget ol li ol li { margin-bottom: .5em; } @@ -7394,13 +7310,13 @@ object { /* === UCONN Widgets */ } -.widget.widget_text .textwidget { +.widget.widget_text .textwidget else { margin: 1em; } -.widget.widget_tag_cloud .tagcloud { +.widget.widget_tag_cloud .tagcloud else { margin: 1em; } -.widget.widget_black_studio_tinymce .textwidget { +.widget.widget_black_studio_tinymce .textwidget else { margin: 1em; } .widget.widget_black_studio_tinymce ul li { @@ -7507,6 +7423,9 @@ object { .widget.uc-contact-widget td.uc-output-more { word-break: break-all; } +.widget.uc-ecw { + /**/ +} .widget.uc-hours-widget caption { padding: .5em; } @@ -7740,99 +7659,6 @@ q:before, table q:after { display: none; } -#events-table { - /* - ul.btn-multi{ - margin-bottom:.5em; - - li{ - - ul{ - - padding: 0px 0px 0px 12px; - - li{ - - &.month-arrow{ - - a.icon{ - - span.glyphicons{ - padding: 0px 0px 0px 5px; - - &:before{ - color:#fff; - font-size: 14px; - display:block; - position: relative; - } - } - } - } - } - } - a.btn-toggle{ - margin-left:10px; - font-size:14px; - color:#777; - text-align: center; - } - } - } - } - */ - /* - #events-grid.table { - tbody{ - tr{ - - th{ - width:14%; - text-align:right; - - span{ - font-weight:normal; - color:#777; - font-size:12px !important; - } - } - td{ - border-left: 1px solid #eee; - border-right: 1px solid #eee; - border-bottom: 1px solid #eee; - background: #fff; - text-align:left; - height: 90px; - padding:1px; - ol.event-list{ - li{ - span.event-time{ - font-size:11px !important; - padding: 0px 0px 0px 2px !important; - } - ol{ - padding: 0px 2px 0px 2px !important; - li{ - background: rgba(15,25,56, 0.1); - border:1px solid rgba(15,25,56, 0.2) !important; - padding: 0px 3px 0px 3px !important; - margin-bottom: 2px !important; - a.event-link{ - strong{ - font-weight:normal; - font-size:12px !important; - } - } - } - } - } - } - } - } - } - } - */ -} #events-table #events-toolbar { margin-bottom: 1em; } @@ -7922,10 +7748,10 @@ body.sticky .ie8 #footers { #mega-footer { padding-top: 1em; - background-color: transparent; + background-color: white; } #mega-footer .widget { - color: #333333; + color: black; background-color: transparent; border: none; } @@ -7936,8 +7762,8 @@ body.sticky .ie8 #footers { color: #2a6496; } #mega-footer .widget .widget-head { - background-color: transparent; - color: #333333; + background-color: white; + color: black; border: none; } diff --git a/style.scss b/style.scss index 951977d..5bc8508 100644 --- a/style.scss +++ b/style.scss @@ -33,6 +33,7 @@ $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"; /* From 8e1ac6be1a253346fc324f0ed543e9157d930776 Mon Sep 17 00:00:00 2001 From: andrewmbacon Date: Wed, 28 Jan 2015 15:57:57 -0500 Subject: [PATCH 2/7] Fixed compile error --- sass/test.scss | 89 ++--------------- sass/variables.scss | 233 ++++++++++++-------------------------------- sass/widgets.scss | 13 ++- style.css | 96 ++++++++++++++++++ style.scss | 2 +- 5 files changed, 170 insertions(+), 263 deletions(-) diff --git a/sass/test.scss b/sass/test.scss index 1b300b3..b442cca 100644 --- a/sass/test.scss +++ b/sass/test.scss @@ -1,81 +1,7 @@ -.uc-cal { - margin:$widget-content-margin !important; - padding:0 !important; -} -// reset all the damn css from the damn plugin damn it. I apologize to future generations for all the !importants. - -.uc-cal * { - - margin: 0 !important; - padding: 0!important; - border: 0!important; - font-size: 100%!important; - font: inherit!important; - vertical-align: baseline!important; - background:none!important; - position:inherit!important; - width:auto !important; - height: auto !important; - color:inherit !important; - display:block !important; - box-shadow:none !important; - text-transform:none !important; - min-height:inherit !important; - border-radius: 0 !important; - -} /*- - - - - */ -// SHARED -.uc-cal-item { - @if $parent == '#megafooter' { - margin: $megafooter-ecw-item-margin !important; - } else { - margin: $ecw-item-margin !important; - } - - .uc-cal-event { - position:relative !important; - - .uc-cal-event-date { - float: left !important; - position: relative !important; - top:0; - } - - .uc-cal-event-title { - @if $parent == '#megafooter' { - color:$megafooter-ecw-title-color !important; - } else { - color:$ecw-title-color !important; - } - } - - &:hover { - .uc-cal-event-title { - @if $parent == '#megafooter' { - color:$megafooter-ecw-title-color-hover !important; - } else { - color:$ecw-title-color-hover !important; - } - } - } - - - &:after { - visibility: hidden !important; - display: block !important; - font-size: 0!important; - content: " "!important; - clear: both!important; - height: 0!important; - } - - } -} - /**/ @@ -164,12 +90,11 @@ // LIST VIEW .uc-listcal { - padding-left:$ecw-list-dateWidth !important; - - .uc-cal-event-date { - width: $ecw-list-dateWidth !important; - left:-($ecw-list-dateWidth) !important; - margin-right:-($ecw-list-dateWidth) !important; - } + padding-left:$ecw-list-dateWidth !important; + + .uc-cal-event-date { + width: $ecw-list-dateWidth !important; + left:-($ecw-list-dateWidth) !important; + margin-right:-($ecw-list-dateWidth) !important; } -} \ No newline at end of file +} diff --git a/sass/variables.scss b/sass/variables.scss index 430a94e..d419b3f 100644 --- a/sass/variables.scss +++ b/sass/variables.scss @@ -65,7 +65,7 @@ $widget-head-padding: .5em .5em .5em 1em !default; $widget-head-size: $widget-size !default; -// Megafooter often inverts the tones, so these variables allow you to override teh defaults used in the homepage/sidebars. +/* Megafooter often inverts the tones, so these variables allow you to override teh defaults used in the homepage/sidebars. */ $megafooter-widget-border-color: $widget-border-color !default; $megafooter-widget-border-radius: $widget-border-radius !default; @@ -95,53 +95,76 @@ $megafooter-widget-head-size: $widget-head-size !default; // Events Calendar // SHARED -$uc-ecw-item-margin: 1em 0 !default; -$uc-ecw-font: inherit !default; -$uc-ecw-title-color: $widget-link-color !default; -$uc-ecw-title-color-hover: $widget-link-hover !default; +$ecw-item-margin: 1em 0 !default; +$ecw-font: inherit !default; +$ecw-title-color: $widget-link-color !default; +$ecw-title-color-hover: $widget-link-hover !default; // LIST VIEW -$uc-ecw-list-dateWidth: 3.7em !default; +$ecw-list-dateWidth: 3.7em !default; -$uc-ecw-list-date-color: inherit !default; -$uc-ecw-list-date-color-hover: inherit !default; +$ecw-list-date-color: inherit !default; +$ecw-list-date-color-hover: inherit !default; // ICON VIEW -// number only in these ones.. no 'px' -$uc-ecw-icon-dateWidth: 55 !default; -$uc-ecw-icon-gutter: 15 !default; - -$uc-ecw-icon-month-padding: .7em 0 0 !default; -$uc-ecw-icon-month-color: inherit !default; -$uc-ecw-icon-month-color-hover: inherit !default; -$uc-ecw-icon-month-bg: #FFFFFF !default; -$uc-ecw-icon-month-bg-hover: #000000 !default; -$uc-ecw-icon-month-border-width: 1px 1px 0 !default; -$uc-ecw-icon-month-border-style: solid !default; -$uc-ecw-icon-month-border-color: $widget-border-color !default; -$uc-ecw-icon-month-border-color-hover: $widget-border-color !default; -$uc-ecw-icon-month-font-size: 70% !default; -$uc-ecw-icon-month-font-transform: uppercase !default; -$uc-ecw-icon-month-font-letter-spacing: 1px !default; -$uc-ecw-icon-day-padding: 0 0 .2em 0 !default; -$uc-ecw-icon-day-color: #000000 !default; -$uc-ecw-icon-day-color-hover: #000000 !default; -$uc-ecw-icon-day-bg: #FFFFFF !default; -$uc-ecw-icon-day-bg-hover: #FFFFFF !default; -$uc-ecw-icon-day-border-width: 0 1px 1px !default; -$uc-ecw-icon-day-border-style: solid !default; -$uc-ecw-icon-day-border-color: $widget-border-color !default; -$uc-ecw-icon-day-border-color-hover: $widget-border-color !default; -$uc-ecw-icon-day-font-size: 130% !default; - -$uc-ecw-time-color: inherit !default; +// number only in these ones.. no 'px' +$ecw-icon-dateWidth: 55 !default; +$ecw-icon-gutter: 15 !default; + +$ecw-icon-month-padding: .7em 0 0 !default; +$ecw-icon-month-color: inherit !default; +$ecw-icon-month-color-hover: inherit !default; +$ecw-icon-month-bg: #FFFFFF !default; +$ecw-icon-month-bg-hover: #000000 !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; +$ecw-icon-month-font-size: 70% !default; +$ecw-icon-month-font-transform: uppercase !default; +$ecw-icon-month-font-letter-spacing: 1px !default; + +$ecw-icon-day-padding: 0 0 .2em 0 !default; +$ecw-icon-day-color: #000000 !default; +$ecw-icon-day-color-hover: #000000 !default; +$ecw-icon-day-bg: #FFFFFF !default; +$ecw-icon-day-bg-hover: #FFFFFF !default; +$ecw-icon-day-border-width: 0 1px 1px !default; +$ecw-icon-day-border-style: solid !default; +$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; + + +/* Megafooter versions of ECW variables. Same as widgets, default to the home/sidebar version, but can be overridden. */ +// SHARED +$megafooter-ecw-title-color: $ecw-title-color !default; +$megafooter-ecw-title-color-hover: $ecw-title-color-hover !default; +// LIST VIEW +$megafooter-ecw-list-date-color: $ecw-list-date-color !default; +$megafooter-ecw-list-date-color-hover: $ecw-list-date-color-hover !default; +// ICON VIEW +$megafooter-ecw-icon-month-color: $ecw-icon-month-color !default; +$megafooter-ecw-icon-month-color-hover: $ecw-icon-month-color-hover !default; +$megafooter-ecw-icon-month-bg: $ecw-icon-month-bg !default; +$megafooter-ecw-icon-month-bg-hover: $ecw-icon-month-bg-hover !default; +$megafooter-ecw-icon-month-border-color: $ecw-icon-month-border-color !default; +$megafooter-ecw-icon-month-border-color-hover: $ecw-icon-month-border-color-hover !default; +$megafooter-ecw-icon-day-color: $ecw-icon-day-color !default; +$megafooter-ecw-icon-day-color-hover: $ecw-icon-day-color-hover !default; +$megafooter-ecw-icon-day-bg: $ecw-icon-day-bg !default; +$megafooter-ecw-icon-day-bg-hover: $ecw-icon-day-bg-hover !default; +$megafooter-ecw-icon-day-border-color: $ecw-icon-day-border-color !default; +$megafooter-ecw-icon-day-border-color-hover: $ecw-icon-day-border-color-hover !default; @@ -188,143 +211,7 @@ $uc-footer-link-spacing: 1em !default; @mixin uc-ecw() { - .uc-cal { - margin:$widget-content-margin !important; - padding:0 !important; - } - - // reset all the damn css from the damn plugin damnit. - .uc-cal * { - - margin: 0 !important; - padding: 0!important; - border: 0!important; - font-size: 100%!important; - font: inherit!important; - vertical-align: baseline!important; - background:none!important; - position:inherit!important; - width:auto !important; - height: auto !important; - color:inherit !important; - display:block !important; - box-shadow:none !important; - text-transform:none !important; - min-height:inherit !important; - border-radius: 0 !important; - - } - - // SHARED - .uc-cal-item { - margin: $uc-ecw-item-margin !important; - .uc-cal-event { - position:relative !important; - - - - .uc-cal-event-date { - float: left !important; - position: relative !important; - top:0; - } - - .uc-cal-event-title { - color:$uc-ecw-title-color !important; - } - - &:hover { - .uc-cal-event-title { - color:$uc-ecw-title-color-hover !important; - } - } - - - &:after { - visibility: hidden !important; - display: block !important; - font-size: 0!important; - content: " "!important; - clear: both!important; - height: 0!important; - } - - } - } - - - // ICON VIEW - .uc-iconcal { - .uc-cal-list { - .uc-cal-item { - .uc-cal-event { - padding-left: #{($uc-ecw-icon-dateWidth + $uc-ecw-icon-gutter)}px !important; - - .uc-cal-event-date { - left:-#{($uc-ecw-icon-dateWidth + $uc-ecw-icon-gutter)}px; - margin-right:-#{($uc-ecw-icon-dateWidth)}px !important; - width:#{($uc-ecw-icon-dateWidth)}px !important; - - .uc-cal-event-month{ - padding: $uc-ecw-icon-month-padding !important; - border-width:$uc-ecw-icon-month-border-width !important; - border-style:$uc-ecw-icon-month-border-style !important; - border-color: $uc-ecw-icon-month-border-color !important; - text-align:center !important; - background-color:$uc-ecw-icon-month-bg !important; - font-size:$uc-ecw-icon-month-font-size !important; - color: $uc-ecw-icon-month-color!important; - text-transform:$uc-ecw-icon-month-font-transform !important; - letter-spacing: $uc-ecw-icon-month-font-letter-spacing !important; - } - .uc-cal-event-day { - padding: $uc-ecw-icon-day-padding !important; - border-width:$uc-ecw-icon-day-border-width !important; - border-style:$uc-ecw-icon-day-border-style !important; - border-color: $uc-ecw-icon-day-border-color !important; - text-align:center !important; - background-color:$uc-ecw-icon-day-bg !important; - font-size:$uc-ecw-icon-day-font-size !important; - } - } - .uc-cal-event-time { - color: $uc-ecw-time-color !important; - } - - // hover styles - &:hover { - .uc-cal-event-month{ - - } - .uc-cal-event-day { - } - .uc-cal-event-title { - } - .uc-cal-event-time { - } - } - - } // cal-event - - - } //cal-item - } // cal-list - - - } //icon-cal - - // styles unique to list view. - .uc-listcal { - .uc-cal-event { - padding-left:$uc-ecw-list-dateWidth !important; - - .uc-cal-event-date { - width: $uc-ecw-list-dateWidth !important; - left:-($uc-ecw-list-dateWidth) !important; - margin-right:-($uc-ecw-list-dateWidth) !important; - } - } - } + } diff --git a/sass/widgets.scss b/sass/widgets.scss index f589406..01df746 100644 --- a/sass/widgets.scss +++ b/sass/widgets.scss @@ -469,13 +469,12 @@ // LIST VIEW .uc-listcal { - padding-left:$ecw-list-dateWidth !important; - - .uc-cal-event-date { - width: $ecw-list-dateWidth !important; - left:-($ecw-list-dateWidth) !important; - margin-right:-($ecw-list-dateWidth) !important; - } + padding-left:$ecw-list-dateWidth !important; + + .uc-cal-event-date { + width: $ecw-list-dateWidth !important; + left:-($ecw-list-dateWidth) !important; + margin-right:-($ecw-list-dateWidth) !important; } } diff --git a/style.css b/style.css index 80a39f1..a5e19dc 100644 --- a/style.css +++ b/style.css @@ -6709,7 +6709,9 @@ button.close { - - - - - - - - - - - - - - - - - - - */ /* == Nav */ /* == Widgets */ +/* Megafooter often inverts the tones, so these variables allow you to override teh defaults used in the homepage/sidebars. */ /* Specific Widgets */ +/* Megafooter versions of ECW variables. Same as widgets, default to the home/sidebar version, but can be overridden. */ /* == Main Content Area */ /* == Footers */ /* - - - - - - - - - - - - - - - - - - - @@ -7424,7 +7426,101 @@ object { word-break: break-all; } .widget.uc-ecw { + /*- - - - - */ /**/ + /**/ + /**/ +} +.widget.uc-ecw .uc-cal { + margin: 1em !important; + padding: 0 !important; +} +.widget.uc-ecw .uc-cal * { + margin: 0 !important; + padding: 0 !important; + border: 0 !important; + font-size: 100% !important; + font: inherit !important; + vertical-align: baseline !important; + background: none !important; + position: inherit !important; + width: auto !important; + height: auto !important; + color: inherit !important; + display: block !important; + box-shadow: none !important; + text-transform: none !important; + min-height: inherit !important; + border-radius: 0 !important; +} +.widget.uc-ecw .uc-cal-item else { + margin: 1em 0 !important; +} +.widget.uc-ecw .uc-cal-item .uc-cal-event { + position: relative !important; +} +.widget.uc-ecw .uc-cal-item .uc-cal-event .uc-cal-event-date { + float: left !important; + position: relative !important; + top: 0; +} +.widget.uc-ecw .uc-cal-item .uc-cal-event .uc-cal-event-title else { + color: #428bca !important; +} +.widget.uc-ecw .uc-cal-item .uc-cal-event:hover .uc-cal-event-title else { + color: #2a6496 !important; +} +.widget.uc-ecw .uc-cal-item .uc-cal-event:after { + visibility: hidden !important; + display: block !important; + font-size: 0 !important; + content: " " !important; + clear: both !important; + height: 0 !important; +} +.widget.uc-ecw .uc-iconcal .uc-cal-list .uc-cal-item .uc-cal-event { + padding-left: 70px !important; +} +.widget.uc-ecw .uc-iconcal .uc-cal-list .uc-cal-item .uc-cal-event .uc-cal-event-date { + left: -70px; + margin-right: -55px !important; + width: 55px !important; +} +.widget.uc-ecw .uc-iconcal .uc-cal-list .uc-cal-item .uc-cal-event .uc-cal-event-date .uc-cal-event-month { + padding: 0.7em 0 0 !important; + border-width: 1px 1px 0 !important; + border-style: solid !important; + text-align: center !important; + font-size: 70% !important; + text-transform: uppercase !important; + letter-spacing: 1px !important; +} +.widget.uc-ecw .uc-iconcal .uc-cal-list .uc-cal-item .uc-cal-event .uc-cal-event-date .uc-cal-event-month else { + border-color: #cccccc !important; + background-color: white !important; + color: inherit !important; +} +.widget.uc-ecw .uc-iconcal .uc-cal-list .uc-cal-item .uc-cal-event .uc-cal-event-date .uc-cal-event-day { + padding: 0 0 0.2em 0 !important; + border-width: 0 1px 1px !important; + border-style: solid !important; + text-align: center !important; + font-size: 130% !important; +} +.widget.uc-ecw .uc-iconcal .uc-cal-list .uc-cal-item .uc-cal-event .uc-cal-event-date .uc-cal-event-day else { + border-color: #cccccc !important; + background-color: white !important; +} +.widget.uc-ecw .uc-iconcal .uc-cal-list .uc-cal-item .uc-cal-event .uc-cal-event-time else { + color: inherit !important; +} +.widget.uc-ecw .uc-listcal { + padding-left: 3.7em !important; +} +.widget.uc-ecw .uc-listcal .uc-cal-event-date { + width: 3.7em !important; + left: -3.7em !important; + margin-right: -3.7em !important; } .widget.uc-hours-widget caption { padding: .5em; diff --git a/style.scss b/style.scss index 5bc8508..294eef9 100644 --- a/style.scss +++ b/style.scss @@ -33,7 +33,7 @@ $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"; +//@import "sass/test.scss"; /* From 639f4e98b9569b18c06353d2e8404af1e79de094 Mon Sep 17 00:00:00 2001 From: andrewmbacon Date: Wed, 28 Jan 2015 16:18:25 -0500 Subject: [PATCH 3/7] Functional Build for CS. --- sass/content.scss | 5 + sass/footer.scss | 20 +- sass/variables.scss | 8 +- sass/widgets.scss | 70 ++-- style.css | 956 ++++++++++++++++++++++++++++---------------- style.scss | 2 +- 6 files changed, 644 insertions(+), 417 deletions(-) diff --git a/sass/content.scss b/sass/content.scss index 66393d3..a93a9a3 100644 --- a/sass/content.scss +++ b/sass/content.scss @@ -2,6 +2,11 @@ == Content - - - - - - - - - - - - - - - - - - - */ +#content { + @include widgets("#content"); +} + + img { height: auto; max-width: 100%; diff --git a/sass/footer.scss b/sass/footer.scss index 967a0dd..169cfa9 100644 --- a/sass/footer.scss +++ b/sass/footer.scss @@ -23,25 +23,9 @@ #mega-footer { padding-top:1em; - background-color:$megafooter-widget-bg; + background-color:$megafooter-bg; - .widget { - color: $megafooter-widget-color; - background-color: transparent; - border:none; - - a { - color:$megafooter-widget-link-color; - &:hover { - color: $megafooter-widget-link-hover; - } - } - .widget-head { - background-color: $megafooter-widget-head-bg; - color: $megafooter-widget-head-color; - border:none; - } - } + @include widgets('#mega-footer'); } diff --git a/sass/variables.scss b/sass/variables.scss index d419b3f..e54e6f4 100644 --- a/sass/variables.scss +++ b/sass/variables.scss @@ -166,7 +166,7 @@ $megafooter-ecw-icon-day-bg-hover: $ecw-icon-day-bg-hover !default; $megafooter-ecw-icon-day-border-color: $ecw-icon-day-border-color !default; $megafooter-ecw-icon-day-border-color-hover: $ecw-icon-day-border-color-hover !default; - +$megafooter-ecw-time-color: $ecw-time-color !default; @@ -196,12 +196,6 @@ $footers-border-color: #ccc !default; $footers-border-width: 2px 0 0 0 !default; $megafooter-bg: transparent !default; -$megafooter-widget-bg: transparent !default; -$megafooter-widget-color: $footers-color !default; -$megafooter-widget-link-color: $footers-link-color !default; -$megafooter-widget-link-hover: $footers-link-hover !default; -$megafooter-widget-head-bg: transparent !default; -$megafooter-widget-head-color: $footers-color !default; $uc-footer-link-color: $footers-link-color !default; diff --git a/sass/widgets.scss b/sass/widgets.scss index 01df746..9e39d89 100644 --- a/sass/widgets.scss +++ b/sass/widgets.scss @@ -10,11 +10,11 @@ @mixin widgets($parent){ .widget { - @include cs-word-break; + overflow:hidden; border:1px solid transparent; - @if $parent == '#megafooter' { + @if $parent == "#mega-footer" { border-width:$megafooter-widget-border-width; border-color: $megafooter-widget-border-color; border-radius: $megafooter-widget-border-radius; @@ -22,7 +22,7 @@ padding: $megafooter-widget-padding; background-color: $megafooter-widget-bg; color:$megafooter-widget-color; - } else { + } @else { border-width:$widget-border-width; border-color: $widget-border-color; border-radius: $widget-border-radius; @@ -33,16 +33,16 @@ } a { - @if $parent == '#megafooter' { + @if $parent == "#mega-footer" { color: $megafooter-widget-link-color; - } else { + } @else { color: $widget-link-color; } &:hover { - @if $parent == '#megafooter' { + @if $parent == "#mega-footer" { color:$megafooter-widget-link-hover; - } else { + } @else { color:$widget-link-hover; } } @@ -52,11 +52,11 @@ border:1px solid transparent; - @if $parent == '#megafooter' { + @if $parent == "#mega-footer" { padding: $widget-head-padding; border-width: $widget-head-border-width; border-color: $widget-head-border-color; - } else { + } @else { padding: $megafooter-widget-head-padding; border-width: $megafooter-widget-head-border-width; border-color: $megafooter-widget-head-border-color; @@ -65,10 +65,10 @@ h2 { margin: 0; - @if $parent == '#megafooter' { + @if $parent == "#mega-footer" { font-size: $megafooter-widget-head-size; color: $megafooter-widget-head-color; - } else { + } @else { font-size: $widget-head-size; color: $widget-head-color; } @@ -77,9 +77,9 @@ } form { - @if $parent == '#megafooter' { + @if $parent == "#mega-footer" { margin:$megafooter-widget-content-margin; - } else { + } @else { margin:$widget-content-margin; } } @@ -88,9 +88,9 @@ ol { list-style-type:none; padding:0; - @if $parent == '#megafooter' { + @if $parent == "#mega-footer" { margin:$megafooter-widget-content-margin; - } else { + } @else { margin:$widget-content-margin; } @@ -144,18 +144,18 @@ &.widget_search {} &.widget_text { .textwidget { - @if $parent == '#megafooter' { + @if $parent == "#mega-footer" { margin:$megafooter-widget-content-margin; - } else { + } @else { margin:$widget-content-margin; } } } &.widget_tag_cloud { .tagcloud { - @if $parent == '#megafooter' { + @if $parent == "#mega-footer" { margin:$megafooter-widget-content-margin; - } else { + } @else { margin:$widget-content-margin; } } @@ -165,9 +165,9 @@ */ &.widget_black_studio_tinymce { .textwidget { - @if $parent == '#megafooter' { + @if $parent == "#mega-footer" { margin:$megafooter-widget-content-margin; - } else { + } @else { margin:$widget-content-margin; } } @@ -335,11 +335,7 @@ // SHARED .uc-cal-item { - @if $parent == '#megafooter' { - margin: $megafooter-ecw-item-margin !important; - } else { - margin: $ecw-item-margin !important; - } + margin: $ecw-item-margin !important; .uc-cal-event { position:relative !important; @@ -351,18 +347,18 @@ } .uc-cal-event-title { - @if $parent == '#megafooter' { + @if $parent == "#mega-footer" { color:$megafooter-ecw-title-color !important; - } else { + } @else { color:$ecw-title-color !important; } } &:hover { .uc-cal-event-title { - @if $parent == '#megafooter' { + @if $parent == "#mega-footer" { color:$megafooter-ecw-title-color-hover !important; - } else { + } @else { color:$ecw-title-color-hover !important; } } @@ -407,11 +403,11 @@ text-transform:$ecw-icon-month-font-transform !important; letter-spacing: $ecw-icon-month-font-letter-spacing !important; - @if $parent == '#megafooter' { + @if $parent == "#mega-footer" { border-color: $megafooter-ecw-icon-month-border-color !important; background-color:$megafooter-ecw-icon-month-bg !important; color: $megafooter-ecw-icon-month-color!important; - } else { + } @else { border-color: $ecw-icon-month-border-color !important; background-color:$ecw-icon-month-bg !important; color: $ecw-icon-month-color!important; @@ -425,19 +421,19 @@ text-align:center !important; font-size:$ecw-icon-day-font-size !important; - @if $parent == '#megafooter' { + @if $parent == "#mega-footer" { border-color: $megafooter-ecw-icon-day-border-color !important; background-color:$megafooter-ecw-icon-day-bg !important; - } else { + } @else { border-color: $ecw-icon-day-border-color !important; background-color:$ecw-icon-day-bg !important; } } } .uc-cal-event-time { - @if $parent == '#megafooter' { + @if $parent == "#mega-footer" { color: $megafooter-ecw-time-color !important; - } else { + } @else { color: $ecw-time-color !important; } } @@ -492,7 +488,7 @@ } } -@include widgets('#mega-footer'); + diff --git a/style.css b/style.css index a5e19dc..912b612 100644 --- a/style.css +++ b/style.css @@ -6948,9 +6948,304 @@ button.close { padding-left: 20px; } } +/* - - - - - - - - - - - - - - - - - - - + == Widgets +- - - - - - - - - - - - - - - - - - - */ /* - - - - - - - - - - - - - - - - - - - == Content - - - - - - - - - - - - - - - - - - - */ +#content { + /* Make sure select elements fit in widgets */ +} +#content .widget { + overflow: hidden; + border: 1px solid transparent; + border-width: 1px; + border-color: #cccccc; + border-radius: 4px; + margin: 0 0 1.5em 0; + padding: 0; + background-color: white; + color: black; +} +#content .widget a { + color: #428bca; +} +#content .widget a:hover { + color: #2a6496; +} +#content .widget .widget-head { + border: 1px solid transparent; + padding: 0.5em 0.5em 0.5em 1em; + border-width: 0 0 1px 0; + border-color: #cccccc; +} +#content .widget .widget-head h2 { + margin: 0; + font-size: 1em; + color: black; +} +#content .widget form { + margin: 1em; +} +#content .widget ul, +#content .widget ol { + list-style-type: none; + padding: 0; + margin: 1em; +} +#content .widget ul li, +#content .widget ol li { + margin-bottom: .75em; +} +#content .widget ul li ul, +#content .widget ol li ul { + padding: 0; + margin: .5em 0 .5em 2em; + list-style-type: disc; +} +#content .widget ul li ul li, +#content .widget ol li ul li { + margin-bottom: .5em; +} +#content .widget ul li ul li ul, +#content .widget ol li ul li ul { + list-style-type: circle; +} +#content .widget ul li ol, +#content .widget ol li ol { + padding: 0; + margin: .5em 0 .5em 2em; + list-style-type: decimal; +} +#content .widget ul li ol li, +#content .widget ol li ol li { + margin-bottom: .5em; +} +#content * html .widget.widget_dpe_fp_widget .dpe-flexible-posts li a { + height: 1%; +} +#content .widget select { + max-width: 100%; +} +#content .widget { + /* === CORE WP Widgets + */ + /* === 3rd Party Widgets + */ + /* === UCONN Widgets + */ +} +#content .widget.widget_text .textwidget { + margin: 1em; +} +#content .widget.widget_tag_cloud .tagcloud { + margin: 1em; +} +#content .widget.widget_black_studio_tinymce .textwidget { + margin: 1em; +} +#content .widget.widget_black_studio_tinymce ul li { + list-style-type: disc; +} +#content .widget.widget_black_studio_tinymce ol li { + list-style-type: decimal; +} +#content .widget.simple-social-icons ul { + margin: 0.5em !important; +} +#content .widget.simple-social-icons ul li { + margin: 0.5em !important; +} +#content .widget.simple-social-icons .social-bloglovin:before, #content .widget.simple-social-icons .social-dribbble:before, #content .widget.simple-social-icons .social-email:before, #content .widget.simple-social-icons .social-facebook:before, #content .widget.simple-social-icons .social-flickr:before, #content .widget.simple-social-icons .social-github:before, #content .widget.simple-social-icons .social-gplus:before, #content .widget.simple-social-icons .social-instagram:before, #content .widget.simple-social-icons .social-linkedin:before, #content .widget.simple-social-icons .social-pinterest:before, #content .widget.simple-social-icons .social-rss:before, #content .widget.simple-social-icons .social-stumbleupon:before, #content .widget.simple-social-icons .social-tumblr:before, #content .widget.simple-social-icons .social-twitter:before, #content .widget.simple-social-icons .social-vimeo:before, #content .widget.simple-social-icons .social-youtube:before { + display: none; + content: none; +} +#content .widget.widget_rcpt ul { + margin: 0; +} +#content .widget.widget_rcpt ul .rcpt_item_title { + padding: .5em 5% 0; + font-weight: bold; +} +#content .widget.widget_rcpt ul .rcpt_item_title .rcpt_item_image { + margin-left: -9%; + margin-bottom: 1em; + width: 117%; +} +#content .widget.widget_rcpt ul .rcpt_item_title .rcpt_item_image img { + width: 100%; +} +#content .widget.widget_rcpt ul .rcpt_item_excerpt { + margin: .5em 5% 1em; +} +#content .widget.widget_rcpt ul .rcpt_item_date { + margin: .5em 5% 1em; +} +#content .widget.widget_sp_image { + padding: 0; + border: none; + background-color: transparent; +} +#content .widget.widget_metaslider_widget { + padding: 0; + background-color: transparent; + border: none; +} +#content .widget.widget_dpe_fp_widget { + padding: 0; + background-color: transparent; +} +#content .widget.widget_dpe_fp_widget .dpe-flexible-posts li { + padding: 0.1em 0px 0.1em 0px; + display: block; + background-color: transparent; +} +#content .widget.widget_dpe_fp_widget .dpe-flexible-posts li a { + margin: 0; + position: relative; + display: inline-block; +} +#content .widget.widget_dpe_fp_widget .dpe-flexible-posts li a .attachment-thumbnail { + height: 60px; + width: 60px; + margin-right: 10px; + margin-bottom: 10px; + float: left; +} +#content .widget.widget_dpe_fp_widget .dpe-flexible-posts li a .attachment-medium { + width: 48%; + margin-right: 10px; + margin-bottom: 10px; + float: left; +} +#content .widget.widget_dpe_fp_widget .dpe-flexible-posts li a .attachment-large { + max-width: 100%; + margin-right: 10px; + margin-bottom: 10px; + float: left; + clear: right; +} +#content .widget.widget_dpe_fp_widget .dpe-flexible-posts li a .title { + display: block; + position: relative; + font-size: 1em; + font-weight: normal; +} +#content .widget.widget_dpe_fp_widget .dpe-flexible-posts li a:after { + visibility: hidden; + display: block; + font-size: 0; + content: " "; + clear: both; + height: 0; +} +#content .widget.uc-contact-widget th { + white-space: nowrap; +} +#content .widget.uc-contact-widget td.uc-output-email { + word-break: break-all; +} +#content .widget.uc-contact-widget td.uc-output-more { + word-break: break-all; +} +#content .widget.uc-ecw { + /*- - - - - */ + /**/ + /**/ + /**/ +} +#content .widget.uc-ecw .uc-cal { + margin: 1em !important; + padding: 0 !important; +} +#content .widget.uc-ecw .uc-cal * { + margin: 0 !important; + padding: 0 !important; + border: 0 !important; + font-size: 100% !important; + font: inherit !important; + vertical-align: baseline !important; + background: none !important; + position: inherit !important; + width: auto !important; + height: auto !important; + color: inherit !important; + display: block !important; + box-shadow: none !important; + text-transform: none !important; + min-height: inherit !important; + border-radius: 0 !important; +} +#content .widget.uc-ecw .uc-cal-item { + margin: 1em 0 !important; +} +#content .widget.uc-ecw .uc-cal-item .uc-cal-event { + position: relative !important; +} +#content .widget.uc-ecw .uc-cal-item .uc-cal-event .uc-cal-event-date { + float: left !important; + position: relative !important; + top: 0; +} +#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 .uc-cal-event-title { + color: #2a6496 !important; +} +#content .widget.uc-ecw .uc-cal-item .uc-cal-event:after { + visibility: hidden !important; + display: block !important; + font-size: 0 !important; + content: " " !important; + clear: both !important; + height: 0 !important; +} +#content .widget.uc-ecw .uc-iconcal .uc-cal-list .uc-cal-item .uc-cal-event { + padding-left: 70px !important; +} +#content .widget.uc-ecw .uc-iconcal .uc-cal-list .uc-cal-item .uc-cal-event .uc-cal-event-date { + left: -70px; + margin-right: -55px !important; + width: 55px !important; +} +#content .widget.uc-ecw .uc-iconcal .uc-cal-list .uc-cal-item .uc-cal-event .uc-cal-event-date .uc-cal-event-month { + padding: 0.7em 0 0 !important; + border-width: 1px 1px 0 !important; + border-style: solid !important; + text-align: center !important; + font-size: 70% !important; + text-transform: uppercase !important; + letter-spacing: 1px !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-date .uc-cal-event-day { + padding: 0 0 0.2em 0 !important; + border-width: 0 1px 1px !important; + border-style: solid !important; + text-align: center !important; + font-size: 130% !important; + border-color: #cccccc !important; + background-color: white !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-listcal { + padding-left: 3.7em !important; +} +#content .widget.uc-ecw .uc-listcal .uc-cal-event-date { + width: 3.7em !important; + left: -3.7em !important; + margin-right: -3.7em !important; +} +#content .widget.uc-hours-widget caption { + padding: .5em; +} + img { height: auto; max-width: 100%; @@ -7170,360 +7465,40 @@ code { .gallery-columns-5 .gallery-item { max-width: 20%; } - -.gallery-columns-6 .gallery-item { - max-width: 16.66%; -} - -.gallery-columns-7 .gallery-item { - max-width: 14.28%; -} - -.gallery-columns-8 .gallery-item { - max-width: 12.5%; -} - -.gallery-columns-9 .gallery-item { - max-width: 11.11%; -} - -/* - - - - - - - - - - - - - - - - - - - - == Media -- - - - - - - - - - - - - - - - - - - */ -.page-content img.wp-smiley, -.entry-content img.wp-smiley, -.comment-content img.wp-smiley { - border: none; - margin-bottom: 0; - margin-top: 0; - padding: 0; -} - -/* Make sure embeds and iframes fit their containers */ -embed, -iframe, -object { - max-width: 100%; -} - -/* - - - - - - - - - - - - - - - - - - - - == Widgets -- - - - - - - - - - - - - - - - - - - */ -.widget { - /* - -ms-word-break: break-all; - word-break: break-all; - - // Non standard for webkit - word-break: break-word; - - -webkit-hyphens: auto; - -moz-hyphens: auto; - hyphens: auto; - */ - overflow: hidden; - border: 1px solid transparent; -} -.widget else { - border-width: 1px; - border-color: #cccccc; - border-radius: 4px; - margin: 0 0 1.5em 0; - padding: 0; - background-color: white; - color: black; -} -.widget a else { - color: #428bca; -} -.widget a:hover else { - color: #2a6496; -} -.widget .widget-head { - border: 1px solid transparent; -} -.widget .widget-head else { - padding: 0.5em 0.5em 0.5em 1em; - border-width: 0 0 1px 0; - border-color: #cccccc; -} -.widget .widget-head h2 { - margin: 0; -} -.widget .widget-head h2 else { - font-size: 1em; - color: black; -} -.widget form else { - margin: 1em; -} -.widget ul, -.widget ol { - list-style-type: none; - padding: 0; -} -.widget ul else, -.widget ol else { - margin: 1em; -} -.widget ul li, -.widget ol li { - margin-bottom: .75em; -} -.widget ul li ul, -.widget ol li ul { - padding: 0; - margin: .5em 0 .5em 2em; - list-style-type: disc; -} -.widget ul li ul li, -.widget ol li ul li { - margin-bottom: .5em; -} -.widget ul li ul li ul, -.widget ol li ul li ul { - list-style-type: circle; -} -.widget ul li ol, -.widget ol li ol { - padding: 0; - margin: .5em 0 .5em 2em; - list-style-type: decimal; -} -.widget ul li ol li, -.widget ol li ol li { - margin-bottom: .5em; -} - -* html .widget.widget_dpe_fp_widget .dpe-flexible-posts li a { - height: 1%; -} - -/* Make sure select elements fit in widgets */ -.widget select { - max-width: 100%; -} - -.widget { - /* === CORE WP Widgets - */ - /* === 3rd Party Widgets - */ - /* === UCONN Widgets - */ -} -.widget.widget_text .textwidget else { - margin: 1em; -} -.widget.widget_tag_cloud .tagcloud else { - margin: 1em; -} -.widget.widget_black_studio_tinymce .textwidget else { - margin: 1em; -} -.widget.widget_black_studio_tinymce ul li { - list-style-type: disc; -} -.widget.widget_black_studio_tinymce ol li { - list-style-type: decimal; -} -.widget.simple-social-icons ul { - margin: 0.5em !important; -} -.widget.simple-social-icons ul li { - margin: 0.5em !important; -} -.widget.simple-social-icons .social-bloglovin:before, .widget.simple-social-icons .social-dribbble:before, .widget.simple-social-icons .social-email:before, .widget.simple-social-icons .social-facebook:before, .widget.simple-social-icons .social-flickr:before, .widget.simple-social-icons .social-github:before, .widget.simple-social-icons .social-gplus:before, .widget.simple-social-icons .social-instagram:before, .widget.simple-social-icons .social-linkedin:before, .widget.simple-social-icons .social-pinterest:before, .widget.simple-social-icons .social-rss:before, .widget.simple-social-icons .social-stumbleupon:before, .widget.simple-social-icons .social-tumblr:before, .widget.simple-social-icons .social-twitter:before, .widget.simple-social-icons .social-vimeo:before, .widget.simple-social-icons .social-youtube:before { - display: none; - content: none; -} -.widget.widget_rcpt ul { - margin: 0; -} -.widget.widget_rcpt ul .rcpt_item_title { - padding: .5em 5% 0; - font-weight: bold; -} -.widget.widget_rcpt ul .rcpt_item_title .rcpt_item_image { - margin-left: -9%; - margin-bottom: 1em; - width: 117%; -} -.widget.widget_rcpt ul .rcpt_item_title .rcpt_item_image img { - width: 100%; -} -.widget.widget_rcpt ul .rcpt_item_excerpt { - margin: .5em 5% 1em; -} -.widget.widget_rcpt ul .rcpt_item_date { - margin: .5em 5% 1em; -} -.widget.widget_sp_image { - padding: 0; - border: none; - background-color: transparent; -} -.widget.widget_metaslider_widget { - padding: 0; - background-color: transparent; - border: none; -} -.widget.widget_dpe_fp_widget { - padding: 0; - background-color: transparent; -} -.widget.widget_dpe_fp_widget .dpe-flexible-posts li { - padding: 0.1em 0px 0.1em 0px; - display: block; - background-color: transparent; -} -.widget.widget_dpe_fp_widget .dpe-flexible-posts li a { - margin: 0; - position: relative; - display: inline-block; -} -.widget.widget_dpe_fp_widget .dpe-flexible-posts li a .attachment-thumbnail { - height: 60px; - width: 60px; - margin-right: 10px; - margin-bottom: 10px; - float: left; -} -.widget.widget_dpe_fp_widget .dpe-flexible-posts li a .attachment-medium { - width: 48%; - margin-right: 10px; - margin-bottom: 10px; - float: left; -} -.widget.widget_dpe_fp_widget .dpe-flexible-posts li a .attachment-large { - max-width: 100%; - margin-right: 10px; - margin-bottom: 10px; - float: left; - clear: right; -} -.widget.widget_dpe_fp_widget .dpe-flexible-posts li a .title { - display: block; - position: relative; - font-size: 1em; - font-weight: normal; -} -.widget.widget_dpe_fp_widget .dpe-flexible-posts li a:after { - visibility: hidden; - display: block; - font-size: 0; - content: " "; - clear: both; - height: 0; -} -.widget.uc-contact-widget th { - white-space: nowrap; -} -.widget.uc-contact-widget td.uc-output-email { - word-break: break-all; -} -.widget.uc-contact-widget td.uc-output-more { - word-break: break-all; -} -.widget.uc-ecw { - /*- - - - - */ - /**/ - /**/ - /**/ -} -.widget.uc-ecw .uc-cal { - margin: 1em !important; - padding: 0 !important; -} -.widget.uc-ecw .uc-cal * { - margin: 0 !important; - padding: 0 !important; - border: 0 !important; - font-size: 100% !important; - font: inherit !important; - vertical-align: baseline !important; - background: none !important; - position: inherit !important; - width: auto !important; - height: auto !important; - color: inherit !important; - display: block !important; - box-shadow: none !important; - text-transform: none !important; - min-height: inherit !important; - border-radius: 0 !important; -} -.widget.uc-ecw .uc-cal-item else { - margin: 1em 0 !important; -} -.widget.uc-ecw .uc-cal-item .uc-cal-event { - position: relative !important; -} -.widget.uc-ecw .uc-cal-item .uc-cal-event .uc-cal-event-date { - float: left !important; - position: relative !important; - top: 0; -} -.widget.uc-ecw .uc-cal-item .uc-cal-event .uc-cal-event-title else { - color: #428bca !important; -} -.widget.uc-ecw .uc-cal-item .uc-cal-event:hover .uc-cal-event-title else { - color: #2a6496 !important; -} -.widget.uc-ecw .uc-cal-item .uc-cal-event:after { - visibility: hidden !important; - display: block !important; - font-size: 0 !important; - content: " " !important; - clear: both !important; - height: 0 !important; -} -.widget.uc-ecw .uc-iconcal .uc-cal-list .uc-cal-item .uc-cal-event { - padding-left: 70px !important; -} -.widget.uc-ecw .uc-iconcal .uc-cal-list .uc-cal-item .uc-cal-event .uc-cal-event-date { - left: -70px; - margin-right: -55px !important; - width: 55px !important; -} -.widget.uc-ecw .uc-iconcal .uc-cal-list .uc-cal-item .uc-cal-event .uc-cal-event-date .uc-cal-event-month { - padding: 0.7em 0 0 !important; - border-width: 1px 1px 0 !important; - border-style: solid !important; - text-align: center !important; - font-size: 70% !important; - text-transform: uppercase !important; - letter-spacing: 1px !important; -} -.widget.uc-ecw .uc-iconcal .uc-cal-list .uc-cal-item .uc-cal-event .uc-cal-event-date .uc-cal-event-month else { - border-color: #cccccc !important; - background-color: white !important; - color: inherit !important; -} -.widget.uc-ecw .uc-iconcal .uc-cal-list .uc-cal-item .uc-cal-event .uc-cal-event-date .uc-cal-event-day { - padding: 0 0 0.2em 0 !important; - border-width: 0 1px 1px !important; - border-style: solid !important; - text-align: center !important; - font-size: 130% !important; -} -.widget.uc-ecw .uc-iconcal .uc-cal-list .uc-cal-item .uc-cal-event .uc-cal-event-date .uc-cal-event-day else { - border-color: #cccccc !important; - background-color: white !important; + +.gallery-columns-6 .gallery-item { + max-width: 16.66%; } -.widget.uc-ecw .uc-iconcal .uc-cal-list .uc-cal-item .uc-cal-event .uc-cal-event-time else { - color: inherit !important; + +.gallery-columns-7 .gallery-item { + max-width: 14.28%; } -.widget.uc-ecw .uc-listcal { - padding-left: 3.7em !important; + +.gallery-columns-8 .gallery-item { + max-width: 12.5%; } -.widget.uc-ecw .uc-listcal .uc-cal-event-date { - width: 3.7em !important; - left: -3.7em !important; - margin-right: -3.7em !important; + +.gallery-columns-9 .gallery-item { + max-width: 11.11%; } -.widget.uc-hours-widget caption { - padding: .5em; + +/* - - - - - - - - - - - - - - - - - - - + == Media +- - - - - - - - - - - - - - - - - - - */ +.page-content img.wp-smiley, +.entry-content img.wp-smiley, +.comment-content img.wp-smiley { + border: none; + margin-bottom: 0; + margin-top: 0; + padding: 0; +} + +/* Make sure embeds and iframes fit their containers */ +embed, +iframe, +object { + max-width: 100%; } /* - - - - - - - - - - - - - - - - - - - @@ -7844,12 +7819,19 @@ body.sticky .ie8 #footers { #mega-footer { padding-top: 1em; - background-color: white; + background-color: transparent; + /* Make sure select elements fit in widgets */ } #mega-footer .widget { + overflow: hidden; + border: 1px solid transparent; + border-width: 1px; + border-color: #cccccc; + border-radius: 4px; + margin: 0 0 1.5em 0; + padding: 0; + background-color: white; color: black; - background-color: transparent; - border: none; } #mega-footer .widget a { color: #428bca; @@ -7858,10 +7840,276 @@ body.sticky .ie8 #footers { color: #2a6496; } #mega-footer .widget .widget-head { - background-color: white; + border: 1px solid transparent; + padding: 0.5em 0.5em 0.5em 1em; + border-width: 0 0 1px 0; + border-color: #cccccc; +} +#mega-footer .widget .widget-head h2 { + margin: 0; + font-size: 1em; color: black; +} +#mega-footer .widget form { + margin: 1em; +} +#mega-footer .widget ul, +#mega-footer .widget ol { + list-style-type: none; + padding: 0; + margin: 1em; +} +#mega-footer .widget ul li, +#mega-footer .widget ol li { + margin-bottom: .75em; +} +#mega-footer .widget ul li ul, +#mega-footer .widget ol li ul { + padding: 0; + margin: .5em 0 .5em 2em; + list-style-type: disc; +} +#mega-footer .widget ul li ul li, +#mega-footer .widget ol li ul li { + margin-bottom: .5em; +} +#mega-footer .widget ul li ul li ul, +#mega-footer .widget ol li ul li ul { + list-style-type: circle; +} +#mega-footer .widget ul li ol, +#mega-footer .widget ol li ol { + padding: 0; + margin: .5em 0 .5em 2em; + list-style-type: decimal; +} +#mega-footer .widget ul li ol li, +#mega-footer .widget ol li ol li { + margin-bottom: .5em; +} +#mega-footer * html .widget.widget_dpe_fp_widget .dpe-flexible-posts li a { + height: 1%; +} +#mega-footer .widget select { + max-width: 100%; +} +#mega-footer .widget { + /* === CORE WP Widgets + */ + /* === 3rd Party Widgets + */ + /* === UCONN Widgets + */ +} +#mega-footer .widget.widget_text .textwidget { + margin: 1em; +} +#mega-footer .widget.widget_tag_cloud .tagcloud { + margin: 1em; +} +#mega-footer .widget.widget_black_studio_tinymce .textwidget { + margin: 1em; +} +#mega-footer .widget.widget_black_studio_tinymce ul li { + list-style-type: disc; +} +#mega-footer .widget.widget_black_studio_tinymce ol li { + list-style-type: decimal; +} +#mega-footer .widget.simple-social-icons ul { + margin: 0.5em !important; +} +#mega-footer .widget.simple-social-icons ul li { + margin: 0.5em !important; +} +#mega-footer .widget.simple-social-icons .social-bloglovin:before, #mega-footer .widget.simple-social-icons .social-dribbble:before, #mega-footer .widget.simple-social-icons .social-email:before, #mega-footer .widget.simple-social-icons .social-facebook:before, #mega-footer .widget.simple-social-icons .social-flickr:before, #mega-footer .widget.simple-social-icons .social-github:before, #mega-footer .widget.simple-social-icons .social-gplus:before, #mega-footer .widget.simple-social-icons .social-instagram:before, #mega-footer .widget.simple-social-icons .social-linkedin:before, #mega-footer .widget.simple-social-icons .social-pinterest:before, #mega-footer .widget.simple-social-icons .social-rss:before, #mega-footer .widget.simple-social-icons .social-stumbleupon:before, #mega-footer .widget.simple-social-icons .social-tumblr:before, #mega-footer .widget.simple-social-icons .social-twitter:before, #mega-footer .widget.simple-social-icons .social-vimeo:before, #mega-footer .widget.simple-social-icons .social-youtube:before { + display: none; + content: none; +} +#mega-footer .widget.widget_rcpt ul { + margin: 0; +} +#mega-footer .widget.widget_rcpt ul .rcpt_item_title { + padding: .5em 5% 0; + font-weight: bold; +} +#mega-footer .widget.widget_rcpt ul .rcpt_item_title .rcpt_item_image { + margin-left: -9%; + margin-bottom: 1em; + width: 117%; +} +#mega-footer .widget.widget_rcpt ul .rcpt_item_title .rcpt_item_image img { + width: 100%; +} +#mega-footer .widget.widget_rcpt ul .rcpt_item_excerpt { + margin: .5em 5% 1em; +} +#mega-footer .widget.widget_rcpt ul .rcpt_item_date { + margin: .5em 5% 1em; +} +#mega-footer .widget.widget_sp_image { + padding: 0; + border: none; + background-color: transparent; +} +#mega-footer .widget.widget_metaslider_widget { + padding: 0; + background-color: transparent; border: none; } +#mega-footer .widget.widget_dpe_fp_widget { + padding: 0; + background-color: transparent; +} +#mega-footer .widget.widget_dpe_fp_widget .dpe-flexible-posts li { + padding: 0.1em 0px 0.1em 0px; + display: block; + background-color: transparent; +} +#mega-footer .widget.widget_dpe_fp_widget .dpe-flexible-posts li a { + margin: 0; + position: relative; + display: inline-block; +} +#mega-footer .widget.widget_dpe_fp_widget .dpe-flexible-posts li a .attachment-thumbnail { + height: 60px; + width: 60px; + margin-right: 10px; + margin-bottom: 10px; + float: left; +} +#mega-footer .widget.widget_dpe_fp_widget .dpe-flexible-posts li a .attachment-medium { + width: 48%; + margin-right: 10px; + margin-bottom: 10px; + float: left; +} +#mega-footer .widget.widget_dpe_fp_widget .dpe-flexible-posts li a .attachment-large { + max-width: 100%; + margin-right: 10px; + margin-bottom: 10px; + float: left; + clear: right; +} +#mega-footer .widget.widget_dpe_fp_widget .dpe-flexible-posts li a .title { + display: block; + position: relative; + font-size: 1em; + font-weight: normal; +} +#mega-footer .widget.widget_dpe_fp_widget .dpe-flexible-posts li a:after { + visibility: hidden; + display: block; + font-size: 0; + content: " "; + clear: both; + height: 0; +} +#mega-footer .widget.uc-contact-widget th { + white-space: nowrap; +} +#mega-footer .widget.uc-contact-widget td.uc-output-email { + word-break: break-all; +} +#mega-footer .widget.uc-contact-widget td.uc-output-more { + word-break: break-all; +} +#mega-footer .widget.uc-ecw { + /*- - - - - */ + /**/ + /**/ + /**/ +} +#mega-footer .widget.uc-ecw .uc-cal { + margin: 1em !important; + padding: 0 !important; +} +#mega-footer .widget.uc-ecw .uc-cal * { + margin: 0 !important; + padding: 0 !important; + border: 0 !important; + font-size: 100% !important; + font: inherit !important; + vertical-align: baseline !important; + background: none !important; + position: inherit !important; + width: auto !important; + height: auto !important; + color: inherit !important; + display: block !important; + box-shadow: none !important; + text-transform: none !important; + min-height: inherit !important; + border-radius: 0 !important; +} +#mega-footer .widget.uc-ecw .uc-cal-item { + margin: 1em 0 !important; +} +#mega-footer .widget.uc-ecw .uc-cal-item .uc-cal-event { + position: relative !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 { + color: #2a6496 !important; +} +#mega-footer .widget.uc-ecw .uc-cal-item .uc-cal-event:after { + visibility: hidden !important; + display: block !important; + font-size: 0 !important; + content: " " !important; + clear: both !important; + height: 0 !important; +} +#mega-footer .widget.uc-ecw .uc-iconcal .uc-cal-list .uc-cal-item .uc-cal-event { + padding-left: 70px !important; +} +#mega-footer .widget.uc-ecw .uc-iconcal .uc-cal-list .uc-cal-item .uc-cal-event .uc-cal-event-date { + left: -70px; + margin-right: -55px !important; + width: 55px !important; +} +#mega-footer .widget.uc-ecw .uc-iconcal .uc-cal-list .uc-cal-item .uc-cal-event .uc-cal-event-date .uc-cal-event-month { + padding: 0.7em 0 0 !important; + border-width: 1px 1px 0 !important; + border-style: solid !important; + text-align: center !important; + font-size: 70% !important; + text-transform: uppercase !important; + letter-spacing: 1px !important; + border-color: #cccccc !important; + background-color: white !important; + color: inherit !important; +} +#mega-footer .widget.uc-ecw .uc-iconcal .uc-cal-list .uc-cal-item .uc-cal-event .uc-cal-event-date .uc-cal-event-day { + padding: 0 0 0.2em 0 !important; + border-width: 0 1px 1px !important; + border-style: solid !important; + text-align: center !important; + font-size: 130% !important; + border-color: #cccccc !important; + background-color: white !important; +} +#mega-footer .widget.uc-ecw .uc-iconcal .uc-cal-list .uc-cal-item .uc-cal-event .uc-cal-event-time { + color: inherit !important; +} +#mega-footer .widget.uc-ecw .uc-listcal { + padding-left: 3.7em !important; +} +#mega-footer .widget.uc-ecw .uc-listcal .uc-cal-event-date { + width: 3.7em !important; + left: -3.7em !important; + margin-right: -3.7em !important; +} +#mega-footer .widget.uc-hours-widget caption { + padding: .5em; +} #footer { padding: 1.5em 0; diff --git a/style.scss b/style.scss index 294eef9..ac67aec 100644 --- a/style.scss +++ b/style.scss @@ -20,12 +20,12 @@ $icon-font-path: "../../global/bootstrap-sass-master/assets/fonts/bootstrap/" !d @import "sass/header-image.scss"; +@import "sass/widgets.scss"; @import "sass/content.scss"; @import "sass/captions.scss"; @import "sass/alignments.scss"; @import "sass/galleries.scss"; @import "sass/media.scss"; -@import "sass/widgets.scss"; @import "sass/link-flags.scss"; @import "sass/accessibility.scss"; @import "sass/table-stripper.scss"; From 55545dc34db771c05ddc744033105ef74e51a10b Mon Sep 17 00:00:00 2001 From: andrewmbacon Date: Wed, 28 Jan 2015 16:34:31 -0500 Subject: [PATCH 4/7] Cleaning up tabs --- sass/variables.scss | 52 ++++++++++++++++++++++----------------------- 1 file changed, 26 insertions(+), 26 deletions(-) diff --git a/sass/variables.scss b/sass/variables.scss index e54e6f4..abbdcd3 100644 --- a/sass/variables.scss +++ b/sass/variables.scss @@ -96,13 +96,13 @@ $megafooter-widget-head-size: $widget-head-size !default; // SHARED $ecw-item-margin: 1em 0 !default; -$ecw-font: inherit !default; -$ecw-title-color: $widget-link-color !default; -$ecw-title-color-hover: $widget-link-hover !default; +$ecw-font: inherit !default; +$ecw-title-color: $widget-link-color !default; +$ecw-title-color-hover: $widget-link-hover !default; // LIST VIEW -$ecw-list-dateWidth: 3.7em !default; +$ecw-list-dateWidth: 3.7em !default; $ecw-list-date-color: inherit !default; $ecw-list-date-color-hover: inherit !default; @@ -111,32 +111,32 @@ $ecw-list-date-color-hover: inherit !default; // number only in these ones.. no 'px' -$ecw-icon-dateWidth: 55 !default; -$ecw-icon-gutter: 15 !default; - -$ecw-icon-month-padding: .7em 0 0 !default; -$ecw-icon-month-color: inherit !default; -$ecw-icon-month-color-hover: inherit !default; -$ecw-icon-month-bg: #FFFFFF !default; -$ecw-icon-month-bg-hover: #000000 !default; +$ecw-icon-dateWidth: 55 !default; +$ecw-icon-gutter: 15 !default; + +$ecw-icon-month-padding: .7em 0 0 !default; +$ecw-icon-month-color: inherit !default; +$ecw-icon-month-color-hover: inherit !default; +$ecw-icon-month-bg: #FFFFFF !default; +$ecw-icon-month-bg-hover: #000000 !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-style: solid !default; +$ecw-icon-month-border-color: $widget-border-color !default; $ecw-icon-month-border-color-hover: $widget-border-color !default; -$ecw-icon-month-font-size: 70% !default; -$ecw-icon-month-font-transform: uppercase !default; +$ecw-icon-month-font-size: 70% !default; +$ecw-icon-month-font-transform: uppercase !default; $ecw-icon-month-font-letter-spacing: 1px !default; -$ecw-icon-day-padding: 0 0 .2em 0 !default; -$ecw-icon-day-color: #000000 !default; -$ecw-icon-day-color-hover: #000000 !default; -$ecw-icon-day-bg: #FFFFFF !default; -$ecw-icon-day-bg-hover: #FFFFFF !default; -$ecw-icon-day-border-width: 0 1px 1px !default; -$ecw-icon-day-border-style: solid !default; -$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-icon-day-padding: 0 0 .2em 0 !default; +$ecw-icon-day-color: #000000 !default; +$ecw-icon-day-color-hover: #000000 !default; +$ecw-icon-day-bg: #FFFFFF !default; +$ecw-icon-day-bg-hover: #FFFFFF !default; +$ecw-icon-day-border-width: 0 1px 1px !default; +$ecw-icon-day-border-style: solid !default; +$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; From 125a5e5cd9a92d36bee91eb0f5fac515817721d2 Mon Sep 17 00:00:00 2001 From: andrewmbacon Date: Wed, 28 Jan 2015 16:42:11 -0500 Subject: [PATCH 5/7] Megafooter defaults updated --- sass/variables.scss | 56 ++++++++++++++++++++++----------------------- style.css | 4 ++-- 2 files changed, 30 insertions(+), 30 deletions(-) diff --git a/sass/variables.scss b/sass/variables.scss index abbdcd3..2424ef1 100644 --- a/sass/variables.scss +++ b/sass/variables.scss @@ -117,8 +117,8 @@ $ecw-icon-gutter: 15 !default; $ecw-icon-month-padding: .7em 0 0 !default; $ecw-icon-month-color: inherit !default; $ecw-icon-month-color-hover: inherit !default; -$ecw-icon-month-bg: #FFFFFF !default; -$ecw-icon-month-bg-hover: #000000 !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-style: solid !default; $ecw-icon-month-border-color: $widget-border-color !default; @@ -128,12 +128,12 @@ $ecw-icon-month-font-transform: uppercase !default; $ecw-icon-month-font-letter-spacing: 1px !default; $ecw-icon-day-padding: 0 0 .2em 0 !default; -$ecw-icon-day-color: #000000 !default; -$ecw-icon-day-color-hover: #000000 !default; -$ecw-icon-day-bg: #FFFFFF !default; -$ecw-icon-day-bg-hover: #FFFFFF !default; -$ecw-icon-day-border-width: 0 1px 1px !default; -$ecw-icon-day-border-style: solid !default; +$ecw-icon-day-color: inherit !default; +$ecw-icon-day-color-hover: inherit !default; +$ecw-icon-day-bg: $widget-bg !default; +$ecw-icon-day-bg-hover: $widget-bg !default; +$ecw-icon-day-border-width: 0 1px 1px !default; +$ecw-icon-day-border-style: solid !default; $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; @@ -143,30 +143,30 @@ $ecw-time-color: inherit !default; /* Megafooter versions of ECW variables. Same as widgets, default to the home/sidebar version, but can be overridden. */ // SHARED -$megafooter-ecw-title-color: $ecw-title-color !default; -$megafooter-ecw-title-color-hover: $ecw-title-color-hover !default; +$megafooter-ecw-title-color: $megafooter-widget-link-color !default; +$megafooter-ecw-title-color-hover: $megafooter-widget-link-hover !default; // LIST VIEW -$megafooter-ecw-list-date-color: $ecw-list-date-color !default; -$megafooter-ecw-list-date-color-hover: $ecw-list-date-color-hover !default; +$megafooter-ecw-list-date-color: $megafooter-widget-link-color !default; +$megafooter-ecw-list-date-color-hover: $megafooter-widget-link-hover !default; // ICON VIEW -$megafooter-ecw-icon-month-color: $ecw-icon-month-color !default; -$megafooter-ecw-icon-month-color-hover: $ecw-icon-month-color-hover !default; -$megafooter-ecw-icon-month-bg: $ecw-icon-month-bg !default; -$megafooter-ecw-icon-month-bg-hover: $ecw-icon-month-bg-hover !default; -$megafooter-ecw-icon-month-border-color: $ecw-icon-month-border-color !default; -$megafooter-ecw-icon-month-border-color-hover: $ecw-icon-month-border-color-hover !default; - -$megafooter-ecw-icon-day-color: $ecw-icon-day-color !default; -$megafooter-ecw-icon-day-color-hover: $ecw-icon-day-color-hover !default; -$megafooter-ecw-icon-day-bg: $ecw-icon-day-bg !default; -$megafooter-ecw-icon-day-bg-hover: $ecw-icon-day-bg-hover !default; - -$megafooter-ecw-icon-day-border-color: $ecw-icon-day-border-color !default; -$megafooter-ecw-icon-day-border-color-hover: $ecw-icon-day-border-color-hover !default; - -$megafooter-ecw-time-color: $ecw-time-color !default; +$megafooter-ecw-icon-month-color: $megafooter-widget-color !default; +$megafooter-ecw-icon-month-color-hover: $megafooter-widget-color !default; +$megafooter-ecw-icon-month-bg: $megafooter-widget-bg !default; +$megafooter-ecw-icon-month-bg-hover: $megafooter-widget-bg !default; +$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: $megafooter-widget-color !default; +$megafooter-ecw-icon-day-color-hover: $megafooter-widget-color !default; +$megafooter-ecw-icon-day-bg: $megafooter-widget-bg !default; +$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; diff --git a/style.css b/style.css index 912b612..2cd0114 100644 --- a/style.css +++ b/style.css @@ -8085,7 +8085,7 @@ body.sticky .ie8 #footers { letter-spacing: 1px !important; border-color: #cccccc !important; background-color: white !important; - color: inherit !important; + color: black !important; } #mega-footer .widget.uc-ecw .uc-iconcal .uc-cal-list .uc-cal-item .uc-cal-event .uc-cal-event-date .uc-cal-event-day { padding: 0 0 0.2em 0 !important; @@ -8097,7 +8097,7 @@ body.sticky .ie8 #footers { background-color: white !important; } #mega-footer .widget.uc-ecw .uc-iconcal .uc-cal-list .uc-cal-item .uc-cal-event .uc-cal-event-time { - color: inherit !important; + color: black !important; } #mega-footer .widget.uc-ecw .uc-listcal { padding-left: 3.7em !important; From 7ca2630bfa96285bb3370ef0dd103a97c9fa85eb Mon Sep 17 00:00:00 2001 From: andrewmbacon Date: Wed, 28 Jan 2015 16:58:37 -0500 Subject: [PATCH 6/7] hover styles for calendar icon --- sass/widgets.scss | 15 ++++++++++----- style.css | 12 ++++++++++++ 2 files changed, 22 insertions(+), 5 deletions(-) diff --git a/sass/widgets.scss b/sass/widgets.scss index 9e39d89..d323e65 100644 --- a/sass/widgets.scss +++ b/sass/widgets.scss @@ -441,13 +441,18 @@ // hover styles &:hover { .uc-cal-event-month{ - + @if $parent == "#mega-footer" { + color: $megafooter-ecw-icon-month-color-hover !important; + } @else { + color: $ecw-icon-month-color-hover !important; + } } .uc-cal-event-day { - } - .uc-cal-event-title { - } - .uc-cal-event-time { + @if $parent == "#mega-footer" { + color: $megafooter-ecw-icon-day-color-hover !important; + } @else { + color: $ecw-icon-day-color-hover !important; + } } } diff --git a/style.css b/style.css index 2cd0114..ea3cee2 100644 --- a/style.css +++ b/style.css @@ -7234,6 +7234,12 @@ button.close { #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 { + color: inherit !important; +} +#content .widget.uc-ecw .uc-iconcal .uc-cal-list .uc-cal-item .uc-cal-event:hover .uc-cal-event-day { + color: inherit !important; +} #content .widget.uc-ecw .uc-listcal { padding-left: 3.7em !important; } @@ -8099,6 +8105,12 @@ body.sticky .ie8 #footers { #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 { + color: black !important; +} +#mega-footer .widget.uc-ecw .uc-iconcal .uc-cal-list .uc-cal-item .uc-cal-event:hover .uc-cal-event-day { + color: black !important; +} #mega-footer .widget.uc-ecw .uc-listcal { padding-left: 3.7em !important; } From 666587630baf1bb8b098c77048aad2516d0c3f59 Mon Sep 17 00:00:00 2001 From: andrewmbacon Date: Tue, 3 Feb 2015 12:02:40 -0500 Subject: [PATCH 7/7] Megafooter Widgets Completed --- sass/variables.scss | 8 +++--- sass/widgets.scss | 66 ++++++++++++++++++++++++++++++++++++--------- style.css | 58 ++++++++++++++++++++++++++++++++++----- style.scss | 1 - 4 files changed, 110 insertions(+), 23 deletions(-) diff --git a/sass/variables.scss b/sass/variables.scss index 2424ef1..77b72eb 100644 --- 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 index d323e65..494da18 100644 --- 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 , 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 index ea3cee2..db2d32d 100644 --- 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 , 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 , 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 index ac67aec..564592a 100644 --- 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"; /*