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..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%;
@@ -34,7 +39,7 @@ code {
@include cs-word-break;
}
.page {
- @include uc-cal;
+ //@include uc-cal;
}
/* POSTS
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/test.scss b/sass/test.scss
new file mode 100644
index 0000000..b442cca
--- /dev/null
+++ b/sass/test.scss
@@ -0,0 +1,100 @@
+
+
+/*- - - - - */
+
+
+/**/
+
+// 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;
+ }
+}
diff --git a/sass/variables.scss b/sass/variables.scss
index add851f..77b72eb 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,49 +95,82 @@ $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;
+$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;
+$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: $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;
+$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: 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;
+
+$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. */
+// SHARED
+$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: $megafooter-widget-link-color !default;
+$megafooter-ecw-list-date-color-hover: $megafooter-widget-link-hover !default;
+
+// ICON VIEW
+$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;
+$megafooter-ecw-time-color-hover: $megafooter-ecw-title-color-hover !default;
+
+
/* == Main Content Area */
@@ -140,12 +198,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;
@@ -153,145 +205,9 @@ $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;
- 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 4ed75c3..494da18 100644
--- a/sass/widgets.scss
+++ b/sass/widgets.scss
@@ -1,273 +1,541 @@
/* - - - - - - - - - - - - - - - - - - -
== 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 {
+ overflow:hidden;
border:1px solid transparent;
- border-width: $widget-head-border-width;
- border-color: $widget-head-border-color;
+
+ @if $parent == "#mega-footer" {
+ 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 == "#mega-footer" {
+ color: $megafooter-widget-link-color;
+ } @else {
+ color: $widget-link-color;
+ }
+
+ &:hover {
+ @if $parent == "#mega-footer" {
+ color:$megafooter-widget-link-hover;
+ } @else {
+ color:$widget-link-hover;
+ }
+ }
}
- }
+ .widget-head {
+
+ border:1px solid transparent;
+
+ @if $parent == "#mega-footer" {
+ 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 == "#mega-footer" {
+ 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 == "#mega-footer" {
+ margin:$megafooter-widget-content-margin;
+ } @else {
+ margin:$widget-content-margin;
+ }
+ }
- li {
- margin-bottom:.75em;
+ ul,
+ ol {
+ list-style-type:none;
+ padding:0;
+ @if $parent == "#mega-footer" {
+ 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;
+ * html .widget.widget_dpe_fp_widget .dpe-flexible-posts li a{
+ height:1%
}
- }
- &.widget_tag_cloud {
- .tagcloud {
- margin:$widget-content-margin;
- }
-
+
+ /* 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 == "#mega-footer" {
+ margin:$megafooter-widget-content-margin;
+ } @else {
+ margin:$widget-content-margin;
+ }
+ }
}
- ul {
- li {
- list-style-type: disc;
+ &.widget_tag_cloud {
+ .tagcloud {
+ @if $parent == "#mega-footer" {
+ 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 == "#mega-footer" {
+ 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;
+ .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 {
+ margin: $ecw-item-margin !important;
+
+ .uc-cal-event {
+ position:relative !important;
+ @if $parent == "#mega-footer" {
+ color: $megafooter-ecw-title-color !important;
+ } @else {
+ color:$ecw-title-color !important;
}
- .attachment-medium{
- width:48%;
- margin-right:10px;
- margin-bottom:10px;
- float:left;
+
+
+
+ .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;
+ }
}
- .attachment-large{
- max-width:100%;
- margin-right:10px;
- margin-bottom:10px;
- float:left;
- clear:right;
+
+
+
+
+ /*
+
+ 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;
+ }
}
- .title{
- display:block;
- position:relative;
- font-size: 1em;
- font-weight: normal;
+
+ */
+
+ &:hover {
+ @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-list-date-color-hover !important;
+ } @else {
+ color:$ecw-list-date-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 == "#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 {
+ 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 == "#mega-footer" {
+ 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;
+ color: $ecw-icon-day-color !important;
+ }
+ }
+ }
+ .uc-cal-event-time {
+ @if $parent == "#mega-footer" {
+ color: $megafooter-ecw-time-color !important;
+ } @else {
+ color: $ecw-time-color !important;
+ }
+ }
+
+ // hover styles
+ &:hover {
+ .uc-cal-event-month{
+ @if $parent == "#mega-footer" {
+ 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 {
+ 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" {
+ 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-time-color-hover !important;
+ }
+ }
+ }
+
+ } // 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 {}
-
-
-
}
+
+
+
+
diff --git a/style.css b/style.css
index b56545f..db2d32d 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 */
/* - - - - - - - - - - - - - - - - - - -
@@ -6946,56 +6948,218 @@ button.close {
padding-left: 20px;
}
}
+/* - - - - - - - - - - - - - - - - - - -
+ == Widgets
+- - - - - - - - - - - - - - - - - - - */
/* - - - - - - - - - - - - - - - - - - -
== Content
- - - - - - - - - - - - - - - - - - - */
-img {
- height: auto;
+#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%;
}
-
-code {
- white-space: normal;
+#content .widget {
+ /* === CORE WP Widgets
+ */
+ /* === 3rd Party Widgets
+ */
+ /* === UCONN Widgets
+ */
}
-
-.table-responsive {
+#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%;
- margin-bottom: 15px;
- overflow-x: auto;
- overflow-y: hidden;
- webkit-overflow-scrolling: touch;
- -ms-overflow-style: -ms-autohiding-scrollbar;
}
-
-.az-letter-list li {
- list-style-type: none;
+#content .widget.widget_rcpt ul .rcpt_item_excerpt {
+ margin: .5em 5% 1em;
}
-
-/* PAGE
---------------------------------------------------------------*/
-#main {
- border-radius: 4px;
- background-color: white;
- padding: 1em;
- overflow: hidden;
- /*
- -ms-word-break: break-all;
+#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;
-
- // Non standard for webkit
- word-break: break-word;
-
- -webkit-hyphens: auto;
- -moz-hyphens: auto;
- hyphens: auto;
- */
}
-
-.page .uc-cal {
+#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;
}
-.page .uc-cal * {
+#content .widget.uc-ecw .uc-cal * {
margin: 0 !important;
padding: 0 !important;
border: 0 !important;
@@ -7013,24 +7177,39 @@ code {
min-height: inherit !important;
border-radius: 0 !important;
}
-.page .uc-cal-item {
+#content .widget.uc-ecw .uc-cal-item {
margin: 1em 0 !important;
}
-.page .uc-cal-item .uc-cal-event {
+#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;
+ }
+ }
+
+ */
}
-.page .uc-cal-item .uc-cal-event .uc-cal-event-date {
+#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;
}
-.page .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;
}
-.page .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;
}
-.page .uc-cal-item .uc-cal-event:after {
+#content .widget.uc-ecw .uc-cal-item .uc-cal-event:after {
visibility: hidden !important;
display: block !important;
font-size: 0 !important;
@@ -7038,46 +7217,104 @@ code {
clear: both !important;
height: 0 !important;
}
-.page .uc-iconcal .uc-cal-list .uc-cal-item .uc-cal-event {
+#content .widget.uc-ecw .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 {
+#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;
}
-.page .uc-iconcal .uc-cal-list .uc-cal-item .uc-cal-event .uc-cal-event-date .uc-cal-event-month {
+#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;
- 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;
+ border-color: #cccccc !important;
+ background-color: white !important;
+ color: inherit !important;
}
-.page .uc-iconcal .uc-cal-list .uc-cal-item .uc-cal-event .uc-cal-event-date .uc-cal-event-day {
+#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;
- border-color: #cccccc !important;
text-align: center !important;
- background-color: white !important;
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;
}
-.page .uc-iconcal .uc-cal-list .uc-cal-item .uc-cal-event .uc-cal-event-time {
+#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;
}
-.page .uc-listcal .uc-cal-event {
+#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;
}
-.page .uc-listcal .uc-cal-event .uc-cal-event-date {
+#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%;
+}
+
+code {
+ white-space: normal;
+}
+
+.table-responsive {
+ width: 100%;
+ margin-bottom: 15px;
+ overflow-x: auto;
+ overflow-y: hidden;
+ webkit-overflow-scrolling: touch;
+ -ms-overflow-style: -ms-autohiding-scrollbar;
+}
+
+.az-letter-list li {
+ list-style-type: none;
+}
+
+/* PAGE
+--------------------------------------------------------------*/
+#main {
+ border-radius: 4px;
+ background-color: white;
+ padding: 1em;
+ overflow: hidden;
+ /*
+ -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;
+ */
+}
/* POSTS
--------------------------------------------------------------*/
@@ -7270,245 +7507,26 @@ code {
}
.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;
- border-width: 1px;
- border-color: #cccccc;
- border-radius: 4px;
- margin: 0 0 1.5em 0;
- padding: 0;
- background-color: white;
- color: black;
-}
-.widget a {
- color: #428bca;
-}
-.widget a:hover {
- 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;
- border-width: 0 0 1px 0;
- border-color: #cccccc;
-}
-.widget .widget-head h2 {
- font-size: 1em;
- margin: 0;
- color: black;
-}
-.widget form {
- margin: 1em;
-}
-.widget ul, .widget ol {
- list-style-type: none;
- padding: 0;
- 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 {
- margin: 1em;
-}
-.widget.widget_tag_cloud .tagcloud {
- margin: 1em;
-}
-.widget.widget_black_studio_tinymce .textwidget {
- 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;
+ max-width: 11.11%;
}
-.widget.uc-contact-widget td.uc-output-more {
- word-break: break-all;
+
+/* - - - - - - - - - - - - - - - - - - -
+ == 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;
}
-.widget.uc-hours-widget caption {
- padding: .5em;
+
+/* Make sure embeds and iframes fit their containers */
+embed,
+iframe,
+object {
+ max-width: 100%;
}
/* - - - - - - - - - - - - - - - - - - -
@@ -7740,99 +7758,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;
}
@@ -7923,11 +7848,18 @@ body.sticky .ie8 #footers {
#mega-footer {
padding-top: 1em;
background-color: transparent;
+ /* Make sure select elements fit in widgets */
}
#mega-footer .widget {
- color: #333333;
- background-color: transparent;
- border: none;
+ 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;
}
#mega-footer .widget a {
color: #428bca;
@@ -7936,10 +7868,304 @@ body.sticky .ie8 #footers {
color: #2a6496;
}
#mega-footer .widget .widget-head {
+ 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;
- color: #333333;
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;
+ 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;
+ color: #428bca !important;
+}
+#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 {
+ 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: 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;
+ 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;
+ 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;
+}
+#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 951977d..564592a 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";