This repository has been archived by the owner. It is now read-only.
Permalink
Cannot retrieve contributors at this time
Name already in use
A tag already exists with the provided branch name. Many Git commands accept both tag and branch names, so creating this branch may cause unexpected behavior. Are you sure you want to create this branch?
cornerstone/sass/_widgets.scss
Go to fileThis commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
1015 lines (877 sloc)
26.6 KB
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| /* - - - - - - - - - - - - - - - - - - - | |
| == Widgets | |
| - - - - - - - - - - - - - - - - - - - */ | |
| // Preview widgets for the homepage layout builder. Only visible in Customize view, but needs to be in main SCSS. | |
| .widget-placeholder { | |
| padding:2em !important; | |
| border:4px dashed #ccc !important; | |
| color:#696969 !important; | |
| * { | |
| color:#696969 !important; | |
| font-size:1em !important; | |
| margin:auto !important; | |
| } | |
| h3 { | |
| margin-bottom: 1em !important; | |
| color: #474747 !important; | |
| } | |
| } | |
| // Create a mixin with parent as optional argument. | |
| // based on the argument, different variables are referenced. | |
| @mixin widgets($parent){ //Does not include various page templates like Blank | |
| .widget { | |
| overflow:hidden; | |
| border:1px solid transparent; | |
| @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 if $parent == "#maxmegamenu" { | |
| border-width:$maxmegamenu-widget-border-width; | |
| border-color: $maxmegamenu-widget-border-color; | |
| border-radius: $maxmegamenu-widget-border-radius; | |
| margin: $maxmegamenu-widget-margin; | |
| padding: $maxmegamenu-widget-padding; | |
| background-color: $maxmegamenu-widget-bg; | |
| color:$maxmegamenu-widget-color; | |
| } @else if $parent == ".subpage" { | |
| border-width:$subpage-widget-border-width; | |
| border-color: $subpage-widget-border-color; | |
| border-radius: $subpage-widget-border-radius; | |
| margin: $subpage-widget-margin; | |
| padding: $subpage-widget-padding; | |
| background-color: $subpage-widget-bg; | |
| color:$subpage-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; | |
| } | |
| .widget-head { | |
| border:1px solid transparent; | |
| @if $parent == "#mega-footer" { | |
| padding: $megafooter-widget-head-padding; | |
| border-width: $megafooter-widget-head-border-width; | |
| border-color: $megafooter-widget-head-border-color; | |
| background-color: $megafooter-widget-head-bg; | |
| } @else if $parent == "#maxmegamenu" { | |
| padding: $maxmegamenu-widget-head-padding; | |
| border-width: $maxmegamenu-widget-head-border-width; | |
| border-color: $maxmegamenu-widget-head-border-color; | |
| background-color: $maxmegamenu-widget-head-bg; | |
| } @else if $parent == ".subpage" { | |
| padding: $subpage-widget-head-padding; | |
| border-width: $subpage-widget-head-border-width; | |
| border-color: $subpage-widget-head-border-color; | |
| background-color: $subpage-widget-head-bg; | |
| } @else { | |
| padding: $widget-head-padding; | |
| border-width: $widget-head-border-width; | |
| border-color: $widget-head-border-color; | |
| background-color: $widget-head-bg; | |
| } | |
| } | |
| .widget-title { | |
| margin: 0; | |
| @if $parent == "#mega-footer" { | |
| font-size: $megafooter-widget-head-size; | |
| color: $megafooter-widget-head-color; | |
| } @else if $parent == "#maxmegamenu" { | |
| font-size: $maxmegamenu-widget-head-size; | |
| color: $maxmegamenu-widget-head-color; | |
| } @else if $parent == ".subpage" { | |
| font-size: $subpage-widget-head-size; | |
| color: $subpage-widget-head-color; | |
| } @else { | |
| font-size: $widget-head-size; | |
| color: $widget-head-color; | |
| } | |
| } | |
| a { | |
| @if $parent == "#mega-footer" { | |
| color: $megafooter-widget-link-color; | |
| } @else if $parent == "#maxmegamenu" { | |
| color: $maxmegamenu-widget-link-color; | |
| } @else if $parent == ".subpage" { | |
| color: $subpage-widget-link-color; | |
| } @else { | |
| color: $widget-link-color; | |
| } | |
| &:hover{ | |
| @if $parent == "#mega-footer" { | |
| color: $megafooter-widget-link-hover; | |
| } @else if $parent == "#maxmegamenu" { | |
| color: $maxmegamenu-widget-link-hover; | |
| } @else if $parent == ".subpage" { | |
| color: $subpage-widget-link-hover; | |
| } @else { | |
| color: $widget-link-hover; | |
| } | |
| } | |
| } | |
| .nav-pills .active a { | |
| color: $component-active-color; | |
| &:hover { | |
| color: $component-active-color; | |
| background-color: $component-active-bg; | |
| } | |
| } | |
| form { | |
| @if $parent == "#mega-footer" { | |
| margin:$megafooter-widget-content-margin; | |
| } @else if $parent == "#maxmegamenu" { | |
| margin:$maxmegamenu-widget-content-margin; | |
| } @else if $parent == ".subpage" { | |
| margin:$subpage-widget-content-margin; | |
| } @else { | |
| margin:$widget-content-margin; | |
| } | |
| } | |
| ul, | |
| ol { | |
| list-style-type:none; | |
| padding:0; | |
| @if $parent == "#mega-footer" { | |
| margin:$megafooter-widget-content-margin; | |
| } @else if $parent == "#maxmegamenu" { | |
| margin:$maxmegamenu-widget-content-margin; | |
| } @else if $parent == ".subpage" { | |
| margin:$subpage-widget-content-margin; | |
| } @else { | |
| margin:$widget-content-margin; | |
| } | |
| li { | |
| margin-bottom:.75em; | |
| 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; | |
| } | |
| } | |
| } | |
| } | |
| .nav-tabs { | |
| margin:0; | |
| li { | |
| margin-bottom:-1px; | |
| list-style-type:none; | |
| &.active a { | |
| color:$text-color; | |
| } | |
| } | |
| } | |
| .nav-pills { | |
| margin:0; | |
| li { | |
| margin:0; | |
| list-style-type:none; | |
| } | |
| } | |
| } | |
| * 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 { | |
| /* === UC People | |
| */ | |
| &.uc-people-widget { | |
| padding:10px 30px !important; | |
| .person { | |
| padding-right:20px; | |
| padding-bottom:20px; | |
| padding-top:5px; | |
| ul { | |
| list-style-type: disc; | |
| } | |
| ol { | |
| list-style-type: decimal; | |
| } | |
| a.person-permalink { | |
| h4.person-name { | |
| font-size:19px; | |
| } | |
| } | |
| } | |
| h3.group-title { | |
| border-bottom: 1px solid #eee; | |
| padding-bottom: 10px; | |
| width: 100%; | |
| } | |
| table { | |
| margin-bottom:0px; | |
| td.person-thumbnail { | |
| img { | |
| max-width: none; | |
| } | |
| } | |
| } | |
| } | |
| /* === 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 if $parent == "#maxmegamenu" { | |
| margin:$maxmegamenu-widget-content-margin; | |
| } @else if $parent == ".subpage" { | |
| margin:$subpage-widget-content-margin; | |
| } @else { | |
| margin:$widget-content-margin; | |
| } | |
| } | |
| } | |
| &.widget_tag_cloud { | |
| .tagcloud { | |
| @if $parent == "#mega-footer" { | |
| margin:$megafooter-widget-content-margin; | |
| } @else if $parent == "#maxmegamenu" { | |
| margin:$maxmegamenu-widget-content-margin; | |
| } @else if $parent == ".subpage" { | |
| margin:$subpage-widget-content-margin; | |
| } @else { | |
| margin:$widget-content-margin; | |
| } | |
| } | |
| } | |
| /* === 3rd Party Widgets | |
| */ | |
| &.widget_black_studio_tinymce { | |
| .textwidget { | |
| @if $parent == "#mega-footer" { | |
| margin:$megafooter-widget-content-margin; | |
| } @else if $parent == "#maxmegamenu" { | |
| margin:$maxmegamenu-widget-content-margin; | |
| } @else if $parent == ".subpage" { | |
| margin:$subpage-widget-content-margin; | |
| } @else { | |
| margin:$widget-content-margin; | |
| } | |
| } | |
| ul, ol { | |
| padding-left:2em; | |
| } | |
| ul { | |
| li { | |
| list-style-type: disc; | |
| } | |
| } | |
| ol { | |
| li { | |
| list-style-type:decimal; | |
| } | |
| } | |
| } | |
| &.widget_black-studio-tinymce { | |
| .textwidget { | |
| @if $parent == "#mega-footer" { | |
| margin:$megafooter-widget-content-margin; | |
| } @else if $parent == "#maxmegamenu" { | |
| margin:$maxmegamenu-widget-content-margin; | |
| } @else if $parent == ".subpage" { | |
| margin:$subpage-widget-content-margin; | |
| } @else { | |
| margin:$widget-content-margin; | |
| } | |
| } | |
| ul, ol { | |
| padding-left:2em; | |
| } | |
| ul { | |
| li { | |
| list-style-type: disc; | |
| } | |
| } | |
| ol { | |
| li { | |
| list-style-type:decimal; | |
| } | |
| } | |
| } | |
| &.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; | |
| } | |
| } | |
| &.widget_rcpt { | |
| ul { | |
| margin:0; | |
| .rcpt_item_title { | |
| padding:.5em 0 0; | |
| font-weight:bold; | |
| .rcpt_item_image{ | |
| margin-left:-9%; | |
| margin-bottom:1em; | |
| width:117%; | |
| padding:0 9%; | |
| img { | |
| width:100%; | |
| } | |
| } | |
| } | |
| .rcpt_item_excerpt { | |
| margin:.5em 0 1em; | |
| } | |
| .rcpt_item_date { | |
| margin:.5em 0 1em; | |
| } | |
| } | |
| } | |
| &.widget_sp_image { | |
| padding:0; | |
| border:none; | |
| background-color:transparent; | |
| } | |
| &.widget_metaslider_widget { | |
| padding:0; | |
| background-color:transparent; | |
| border:none; | |
| ul, | |
| ol { | |
| margin:0; | |
| } | |
| } | |
| &.widget_dpe_fp_widget{ | |
| .dpe-flexible-posts{ | |
| li{ | |
| padding: 0.1em 0px 0.1em 0px; | |
| display:block; | |
| background-color:transparent; | |
| a{ | |
| margin:0; | |
| position:relative; | |
| display:inline; | |
| .title{ | |
| display:inline; | |
| position:relative; | |
| font-size: 1em; | |
| font-weight: normal; | |
| clear:left; | |
| } | |
| &:after{ | |
| visibility: hidden; | |
| display: block; | |
| font-size: 0; | |
| content: " "; | |
| clear: both; | |
| height: 0; | |
| } | |
| } | |
| } | |
| li.has-post-thumbnail { | |
| a { | |
| display:block; | |
| img { | |
| display:block; | |
| margin-bottom:10px; | |
| &.attachment-thumbnail{ | |
| height: 60px; | |
| width: 60px; | |
| margin-right:10px; | |
| float:left; | |
| } | |
| &.attachment-medium{ | |
| width:48%; | |
| margin-right:2%; | |
| float:left; | |
| } | |
| &.attachment-large{ | |
| width:100%; | |
| } | |
| } | |
| .attachment-thumbnail+.title, | |
| .attachment-medium+.title{ | |
| display:block; | |
| float:left; | |
| clear:none; | |
| } | |
| .attachment-medium+.title{ | |
| width:50%; | |
| } | |
| &:hover .title { | |
| text-decoration:underline; | |
| } | |
| } | |
| } | |
| } | |
| } | |
| /* === UCONN Widgets | |
| */ | |
| &.uc-contact-widget { | |
| .table-responsive { | |
| @if $parent == "#mega-footer" { | |
| padding:1em; | |
| } @else if $parent == "#maxmegamenu" { | |
| padding:1em; | |
| } @else if $parent == ".subpage" { | |
| padding:1em; | |
| } | |
| } | |
| th { | |
| white-space:nowrap; | |
| @if $parent == "#mega-footer" { | |
| padding-left:0; | |
| } @else if $parent == "#maxmegamenu" { | |
| padding-left:0; | |
| } @else if $parent == ".subpage" { | |
| padding-left:0; | |
| } | |
| } | |
| td{ | |
| &.uc-output-email{ | |
| word-break: break-all; | |
| } | |
| &.uc-output-more{ | |
| word-break: break-all; | |
| } | |
| } | |
| } | |
| &.uc-contact-widget { | |
| .table-responsive { | |
| border:none; | |
| } | |
| } | |
| // EVENTS CALENDAR WIDGET | |
| .uc-cal { | |
| font:$ecw-font; | |
| padding:0 !important; | |
| @if $parent == "#mega-footer" { | |
| margin:$megafooter-widget-content-margin !important; | |
| } @else if $parent == "#maxmegamenu" { | |
| margin:$maxmegamenu-widget-content-margin !important; | |
| } @else if $parent == ".subpage" { | |
| margin:$subpage-widget-content-margin !important; | |
| } @else { | |
| margin:$widget-content-margin !important; | |
| } | |
| // reset all the damn css from the damn plugin damn it. I apologize to future generations for all the !importants. | |
| * { | |
| 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; | |
| text-decoration: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; | |
| } | |
| .uc-cal-event-date { | |
| float: left !important; | |
| position: relative !important; | |
| top:0; | |
| @if $parent == "#mega-footer" { | |
| color: $megafooter-ecw-list-date-color !important; | |
| } @else if $parent == "#maxmegamenu" { | |
| color: $maxmegamenu-ecw-list-date-color !important; | |
| } @else if $parent == ".subpage" { | |
| color: $subpage-ecw-list-date-color !important; | |
| } @else { | |
| color:$ecw-list-date-color !important; | |
| } | |
| } | |
| &:hover { | |
| text-decoration:underline!important; | |
| @if $parent == "#mega-footer" { | |
| color:$megafooter-ecw-title-color-hover !important; | |
| } @else if $parent == "#maxmegamenu" { | |
| color:$maxmegamenu-ecw-title-color-hover !important; | |
| } @else if $parent == ".subpage" { | |
| color:$subpage-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 if $parent == "#maxmegamenu" { | |
| color: $megafooter-ecw-list-date-color-hover !important; | |
| } @else if $parent == ".subpage" { | |
| color: $megafooter-ecw-list-date-color-hover !important; | |
| } @else { | |
| color:$ecw-list-date-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 == "#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; | |
| } @if $parent == "#maxmegamenu" { | |
| border-color: $maxmegamenu-ecw-icon-month-border-color !important; | |
| background-color:$maxmegamenu-ecw-icon-month-bg !important; | |
| color: $maxmegamenu-ecw-icon-month-color!important; | |
| } @if $parent == ".subpage" { | |
| border-color: $subpage-ecw-icon-month-border-color !important; | |
| background-color:$subpage-ecw-icon-month-bg !important; | |
| color: $subpage-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; | |
| } @if $parent == "#maxmegamenu" { | |
| border-color: $maxmegamenu-ecw-icon-day-border-color !important; | |
| background-color: $maxmegamenu-ecw-icon-day-bg !important; | |
| color: $maxmegamenu-ecw-icon-day-color !important; | |
| } @if $parent == ".subpage" { | |
| border-color: $subpage-ecw-icon-day-border-color !important; | |
| background-color: $subpage-ecw-icon-day-bg !important; | |
| color: $subpage-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 if $parent == "#maxmegamenu" { | |
| color: $maxmegamenu-ecw-time-color !important; | |
| } @else if $parent == ".subpage" { | |
| color: $subpage-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 if $parent == "#maxmegamenu" { | |
| border-color: $maxmegamenu-ecw-icon-month-border-color-hover !important; | |
| background-color: $maxmegamenu-ecw-icon-month-bg-hover !important; | |
| color: $maxmegamenu-ecw-icon-month-color-hover !important; | |
| } @else if $parent == ".subpage" { | |
| border-color: $subpage-ecw-icon-month-border-color-hover !important; | |
| background-color: $subpage-ecw-icon-month-bg-hover !important; | |
| color: $subpage-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 if $parent == "#maxmegamenu" { | |
| background-color: $maxmegamenu-ecw-icon-day-bg-hover !important; | |
| color: $maxmegamenu-ecw-icon-day-color-hover !important; | |
| } @else if $parent == ".subpage" { | |
| background-color: $subpage-ecw-icon-day-bg-hover !important; | |
| color: $subpage-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 if $parent == "#maxmegamenu" { | |
| color: $maxmegamenu-ecw-time-color-hover !important; | |
| } @else if $parent == ".subpage" { | |
| color: $subpage-ecw-time-color-hover !important; | |
| } @else { | |
| color: $ecw-time-color-hover !important; | |
| } | |
| } | |
| } | |
| } // 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; | |
| } | |
| } | |
| }// end .uc-cal | |
| &.uc-hours-widget { | |
| caption { | |
| padding:.5em; | |
| } | |
| } | |
| &.uc-ssw { | |
| } | |
| &.widget_siteorigin-panels-postloop { | |
| .post { | |
| @if $parent == "#mega-footer" { | |
| padding:$megafooter-widget-content-margin; | |
| } @else if $parent == "#maxmegamenu" { | |
| padding:$maxmegamenu-widget-content-margin; | |
| } @else if $parent == ".subpage" { | |
| padding:$subpage-widget-content-margin; | |
| } @else { | |
| padding:$widget-content-margin; | |
| } | |
| } | |
| } | |
| &.widget_count_down_widget { | |
| background-color:#dedede; | |
| padding:15px 18px; | |
| border:1px solid #ccc; | |
| border-radius:6px; | |
| .countdown-top { | |
| position:relative; | |
| min-height:50px; | |
| .countdown-days-wrap { | |
| position:absolute; | |
| .countdown-days { | |
| font-size:35px; | |
| font-weight:700; | |
| } | |
| } | |
| .countdown-daysuntil-wrap { | |
| margin-left:48px; | |
| margin-top:14px; | |
| margin-bottom:10px; | |
| .countdown-daysuntil { | |
| font-size:16px; | |
| } | |
| } | |
| } | |
| .countdown-bottom { | |
| font-size:12px; | |
| color:rgba(0,0,0,0.4) | |
| } | |
| .glyphicon-new-window { | |
| display:none; | |
| } | |
| a { | |
| text-decoration:none !important; | |
| color:black; | |
| &:hover { | |
| color:#388ac3; | |
| } | |
| } | |
| } // END widget_count_down_widget | |
| } // End .widget from line 228 | |
| } | |
| /* Post Loop Styling */ | |
| .widget_siteorigin-panels-postloop { | |
| .content-template-date { | |
| font-size:12px; | |
| } | |
| h2.entry-title { | |
| line-height:1.25em; | |
| } | |
| .entry-content { | |
| margin-top:0.75em; | |
| } | |
| } | |
| /* Header widget area */ | |
| #masthead { | |
| #site-title { | |
| .header-widget-area { | |
| max-height: 90px; | |
| overflow: hidden; | |
| .widget { | |
| float:right; | |
| &.simple-social-icons { | |
| margin-top:27px; | |
| li:before { | |
| display:none; //getting rid of non-functional characters | |
| } | |
| } | |
| &.widget_sp_image { //image widget | |
| .widget-head, widget_sp_image-description { | |
| display:none; | |
| } | |
| img { | |
| margin-top:14px; | |
| } | |
| } | |
| &.widget_search { | |
| .searchform { | |
| margin-left: 10px; | |
| .form-group { | |
| .form-control { | |
| @media (max-width:991px) { | |
| width:124px; | |
| } | |
| } | |
| } | |
| } | |
| } | |
| &.widget_black_studio_tinymce { | |
| color:white !important; | |
| margin-top:10px; | |
| h2.widget-title { | |
| color:white !important; | |
| margin-bottom:5px; | |
| } | |
| } | |
| &:nth-child(n+4) { //Hide 3 or more items from header widget area | |
| display:none; | |
| } | |
| &.widget_nav_menu { | |
| .menu { | |
| list-style-type: none; | |
| margin-top:37px; | |
| float:right; | |
| li { | |
| float:left; | |
| margin-right:22px; | |
| a { | |
| line-height:1.5em; | |
| } | |
| } | |
| } | |
| } | |
| } | |
| } | |
| } | |
| } | |
| .widget { | |
| &.widget_count_down_widget { //Temporary fix because the .widgets mixin doesn't apply to different page templates including Blank | |
| background-color:#dedede; | |
| padding:15px 18px; | |
| border:1px solid #ccc; | |
| border-radius:6px; | |
| .countdown-top { | |
| position:relative; | |
| min-height:50px; | |
| .countdown-days-wrap { | |
| position:absolute; | |
| .countdown-days { | |
| font-size:35px; | |
| font-weight:700; | |
| } | |
| } | |
| .countdown-daysuntil-wrap { | |
| margin-left:48px; | |
| margin-top:14px; | |
| margin-bottom:10px; | |
| .countdown-daysuntil { | |
| font-size:16px; | |
| } | |
| } | |
| } | |
| .countdown-bottom { | |
| font-size:12px; | |
| color:rgba(0,0,0,0.4) | |
| } | |
| .glyphicon-new-window { | |
| display:none; | |
| } | |
| a { | |
| text-decoration:none !important; | |
| color:black; | |
| &:hover { | |
| color:#388ac3; | |
| } | |
| } | |
| } // END count-down-widget | |
| } |