Skip to content
This repository has been archived by the owner. It is now read-only.

Commit

Permalink
Homepages built with pageBuilder have subpage-style widgets.
Browse files Browse the repository at this point in the history 
Will work later on to come up with a toggle-option for clean vs.
bordered widgets.
  • Loading branch information
andrewmbacon committed Aug 11, 2015
1 parent f6321f2 commit 70078f8
Show file tree
Hide file tree
Showing 2 changed files with 278 additions and 1 deletion.
6 changes: 6 additions & 0 deletions sass/_content.scss
View file
Original file line number Diff line number Diff line change
Expand Up @@ -4,6 +4,12 @@

.home #content {
@include widgets(".home #content");

.panel-grid {
// treat widgets in pagelayout builder as subpage widgets.
@include widgets(".subpage");
}

}
#page-sidebar {
@include widgets(".home #content");
Expand Down
273 changes: 272 additions & 1 deletion style.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -6155,6 +6155,278 @@ button.close {
padding: .5em; }
.home #content .widget.widget_siteorigin-panels-postloop .post {
padding: 1em; }
.home #content .panel-grid {
/* Make sure select elements fit in widgets */ }
.home #content .panel-grid .widget {
overflow: hidden;
border: 1px solid transparent;
border-width: 0;
border-color: #ccc;
border-radius: 4px;
margin: 0 0 1.5em 0;
padding: 0;
background-color: transparent;
color: #000; }
.home #content .panel-grid .widget .widget-head {
border: 1px solid transparent;
padding: 0.5em 0.5em 0.5em 1em;
border-width: 0 0 1px 0;
border-color: #ccc;
background-color: #fff; }
.home #content .panel-grid .widget .widget-title {
margin: 0;
font-size: 1em;
color: #000; }
.home #content .panel-grid .widget a {
color: #337ab7; }
.home #content .panel-grid .widget a:hover {
color: #23527c; }
.home #content .panel-grid .widget .nav-pills .active a {
color: #fff; }
.home #content .panel-grid .widget .nav-pills .active a:hover {
color: #fff;
background-color: #337ab7; }
.home #content .panel-grid .widget form {
margin: 0; }
.home #content .panel-grid .widget ul,
.home #content .panel-grid .widget ol {
list-style-type: none;
padding: 0;
margin: 0; }
.home #content .panel-grid .widget ul li,
.home #content .panel-grid .widget ol li {
margin-bottom: .75em; }
.home #content .panel-grid .widget ul li ul,
.home #content .panel-grid .widget ol li ul {
padding: 0;
margin: .5em 0 .5em 2em;
list-style-type: disc; }
.home #content .panel-grid .widget ul li ul li,
.home #content .panel-grid .widget ol li ul li {
margin-bottom: .5em; }
.home #content .panel-grid .widget ul li ul li ul,
.home #content .panel-grid .widget ol li ul li ul {
list-style-type: circle; }
.home #content .panel-grid .widget ul li ol,
.home #content .panel-grid .widget ol li ol {
padding: 0;
margin: .5em 0 .5em 2em;
list-style-type: decimal; }
.home #content .panel-grid .widget ul li ol li,
.home #content .panel-grid .widget ol li ol li {
margin-bottom: .5em; }
.home #content .panel-grid .widget .nav-tabs {
margin: 0; }
.home #content .panel-grid .widget .nav-tabs li {
margin-bottom: -1px;
list-style-type: none; }
.home #content .panel-grid .widget .nav-tabs li.active a {
color: #333333; }
.home #content .panel-grid .widget .nav-pills {
margin: 0; }
.home #content .panel-grid .widget .nav-pills li {
margin: 0;
list-style-type: none; }
.home #content .panel-grid * html .widget.widget_dpe_fp_widget .dpe-flexible-posts li a {
height: 1%; }
.home #content .panel-grid .widget select {
max-width: 100%; }
.home #content .panel-grid .widget {
/* === CORE WP Widgets
*/
/* === 3rd Party Widgets
*/
/* === UCONN Widgets
*/ }
.home #content .panel-grid .widget.widget_text .textwidget {
margin: 0; }
.home #content .panel-grid .widget.widget_tag_cloud .tagcloud {
margin: 0; }
.home #content .panel-grid .widget.widget_black_studio_tinymce .textwidget {
margin: 0; }
.home #content .panel-grid .widget.widget_black_studio_tinymce ul li {
list-style-type: disc; }
.home #content .panel-grid .widget.widget_black_studio_tinymce ol li {
list-style-type: decimal; }
.home #content .panel-grid .widget.simple-social-icons ul {
margin: 0.5em !important; }
.home #content .panel-grid .widget.simple-social-icons ul li {
margin: 0.5em !important; }
.home #content .panel-grid .widget.simple-social-icons .social-bloglovin:before, .home #content .panel-grid .widget.simple-social-icons .social-dribbble:before, .home #content .panel-grid .widget.simple-social-icons .social-email:before, .home #content .panel-grid .widget.simple-social-icons .social-facebook:before, .home #content .panel-grid .widget.simple-social-icons .social-flickr:before, .home #content .panel-grid .widget.simple-social-icons .social-github:before, .home #content .panel-grid .widget.simple-social-icons .social-gplus:before, .home #content .panel-grid .widget.simple-social-icons .social-instagram:before, .home #content .panel-grid .widget.simple-social-icons .social-linkedin:before, .home #content .panel-grid .widget.simple-social-icons .social-pinterest:before, .home #content .panel-grid .widget.simple-social-icons .social-rss:before, .home #content .panel-grid .widget.simple-social-icons .social-stumbleupon:before, .home #content .panel-grid .widget.simple-social-icons .social-tumblr:before, .home #content .panel-grid .widget.simple-social-icons .social-twitter:before, .home #content .panel-grid .widget.simple-social-icons .social-vimeo:before, .home #content .panel-grid .widget.simple-social-icons .social-youtube:before {
display: none;
content: none; }
.home #content .panel-grid .widget.widget_rcpt ul {
margin: 0; }
.home #content .panel-grid .widget.widget_rcpt ul .rcpt_item_title {
padding: .5em 5% 0;
font-weight: bold; }
.home #content .panel-grid .widget.widget_rcpt ul .rcpt_item_title .rcpt_item_image {
margin-left: -9%;
margin-bottom: 1em;
width: 117%; }
.home #content .panel-grid .widget.widget_rcpt ul .rcpt_item_title .rcpt_item_image img {
width: 100%; }
.home #content .panel-grid .widget.widget_rcpt ul .rcpt_item_excerpt {
margin: .5em 5% 1em; }
.home #content .panel-grid .widget.widget_rcpt ul .rcpt_item_date {
margin: .5em 5% 1em; }
.home #content .panel-grid .widget.widget_sp_image {
padding: 0;
border: none;
background-color: transparent; }
.home #content .panel-grid .widget.widget_metaslider_widget {
padding: 0;
background-color: transparent;
border: none; }
.home #content .panel-grid .widget.widget_metaslider_widget ul,
.home #content .panel-grid .widget.widget_metaslider_widget ol {
margin: 0; }
.home #content .panel-grid .widget.widget_dpe_fp_widget .dpe-flexible-posts li {
padding: 0.1em 0px 0.1em 0px;
display: block;
background-color: transparent; }
.home #content .panel-grid .widget.widget_dpe_fp_widget .dpe-flexible-posts li a {
margin: 0;
position: relative;
display: inline; }
.home #content .panel-grid .widget.widget_dpe_fp_widget .dpe-flexible-posts li a .title {
display: inline;
position: relative;
font-size: 1em;
font-weight: normal;
clear: left; }
.home #content .panel-grid .widget.widget_dpe_fp_widget .dpe-flexible-posts li a:after {
visibility: hidden;
display: block;
font-size: 0;
content: " ";
clear: both;
height: 0; }
.home #content .panel-grid .widget.widget_dpe_fp_widget .dpe-flexible-posts li.has-post-thumbnail a {
display: block; }
.home #content .panel-grid .widget.widget_dpe_fp_widget .dpe-flexible-posts li.has-post-thumbnail a img {
display: block;
margin-bottom: 10px; }
.home #content .panel-grid .widget.widget_dpe_fp_widget .dpe-flexible-posts li.has-post-thumbnail a img.attachment-thumbnail {
height: 60px;
width: 60px;
margin-right: 10px;
float: left; }
.home #content .panel-grid .widget.widget_dpe_fp_widget .dpe-flexible-posts li.has-post-thumbnail a img.attachment-medium {
width: 48%;
margin-right: 2%;
float: left; }
.home #content .panel-grid .widget.widget_dpe_fp_widget .dpe-flexible-posts li.has-post-thumbnail a img.attachment-large {
width: 100%; }
.home #content .panel-grid .widget.widget_dpe_fp_widget .dpe-flexible-posts li.has-post-thumbnail a .attachment-thumbnail + .title,
.home #content .panel-grid .widget.widget_dpe_fp_widget .dpe-flexible-posts li.has-post-thumbnail a .attachment-medium + .title {
display: block;
float: left;
clear: none; }
.home #content .panel-grid .widget.widget_dpe_fp_widget .dpe-flexible-posts li.has-post-thumbnail a .attachment-medium + .title {
width: 50%; }
.home #content .panel-grid .widget.widget_dpe_fp_widget .dpe-flexible-posts li.has-post-thumbnail a:hover .title {
text-decoration: underline; }
.home #content .panel-grid .widget.uc-contact-widget th {
white-space: nowrap; }
.home #content .panel-grid .widget.uc-contact-widget td.uc-output-email {
word-break: break-all; }
.home #content .panel-grid .widget.uc-contact-widget td.uc-output-more {
word-break: break-all; }
.home #content .panel-grid .widget .uc-cal {
font: inherit;
padding: 0 !important;
margin: 0 !important;
/*- - - - - */
/**/
/**/ }
.home #content .panel-grid .widget .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;
text-decoration: none !important;
min-height: inherit !important;
border-radius: 0 !important; }
.home #content .panel-grid .widget .uc-cal .uc-cal-item {
margin: 1em 0 !important; }
.home #content .panel-grid .widget .uc-cal .uc-cal-item .uc-cal-event {
position: relative !important;
color: #337ab7 !important; }
.home #content .panel-grid .widget .uc-cal .uc-cal-item .uc-cal-event .uc-cal-event-date {
float: left !important;
position: relative !important;
top: 0;
color: #337ab7 !important; }
.home #content .panel-grid .widget .uc-cal .uc-cal-item .uc-cal-event:hover {
text-decoration: underline !important;
color: #23527c !important; }
.home #content .panel-grid .widget .uc-cal .uc-cal-item .uc-cal-event:hover .uc-cal-event-date {
color: #23527c !important; }
.home #content .panel-grid .widget .uc-cal .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; }
.home #content .panel-grid .widget .uc-cal.uc-iconcal .uc-cal-list .uc-cal-item .uc-cal-event {
padding-left: 70px !important; }
.home #content .panel-grid .widget .uc-cal.uc-iconcal .uc-cal-list .uc-cal-item .uc-cal-event .uc-cal-event-date {
left: -70px;
margin-right: -55px !important;
width: 55px !important; }
.home #content .panel-grid .widget .uc-cal.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: #ccc !important;
background-color: transparent !important;
color: #000 !important; }
.home #content .panel-grid .widget .uc-cal.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: #ccc !important;
background-color: transparent !important;
color: #000 !important; }
.home #content .panel-grid .widget .uc-cal.uc-iconcal .uc-cal-list .uc-cal-item .uc-cal-event .uc-cal-event-time {
color: #000 !important; }
.home #content .panel-grid .widget .uc-cal.uc-iconcal .uc-cal-list .uc-cal-item .uc-cal-event:hover .uc-cal-event-month {
border-color: #ccc !important;
background-color: transparent !important;
color: #000 !important; }
.home #content .panel-grid .widget .uc-cal.uc-iconcal .uc-cal-list .uc-cal-item .uc-cal-event:hover .uc-cal-event-day {
background-color: transparent !important;
color: #000 !important; }
.home #content .panel-grid .widget .uc-cal.uc-iconcal .uc-cal-list .uc-cal-item .uc-cal-event:hover .uc-cal-event-time {
color: #23527c !important; }
.home #content .panel-grid .widget .uc-cal.uc-listcal {
padding-left: 3.7em !important; }
.home #content .panel-grid .widget .uc-cal.uc-listcal .uc-cal-event-date {
width: 3.7em !important;
left: -3.7em !important;
margin-right: -3.7em !important; }
.home #content .panel-grid .widget.uc-hours-widget caption {
padding: .5em; }
.home #content .panel-grid .widget.widget_siteorigin-panels-postloop .post {
padding: 0; }

#page-sidebar {
/* Make sure select elements fit in widgets */ }
Expand Down Expand Up @@ -6434,7 +6706,6 @@ button.close {
.subpage .widget {
overflow: hidden;
border: 1px solid transparent;
content: '...subpage';
border-width: 0;
border-color: #ccc;
border-radius: 4px;
Expand Down

0 comments on commit 70078f8

Please sign in to comment.