From 2ab8a30c54be0939edb3ad1b28621be52a8b7279 Mon Sep 17 00:00:00 2001
From: andrewmbacon <andrew.bacon@me.com>
Date: Wed, 4 Feb 2015 15:17:27 -0500
Subject: [PATCH] Fixing Flex Posts Formatting

---
 css/cal.css       |  93 ----------------------------------
 sass/widgets.scss |  73 +++++++++++++++++----------
 style.css         | 124 +++++++++++++++++++++++++++-------------------
 3 files changed, 120 insertions(+), 170 deletions(-)

diff --git a/css/cal.css b/css/cal.css
index ca38dd1..3554383 100644
--- a/css/cal.css
+++ b/css/cal.css
@@ -37,99 +37,6 @@
   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;
 }
diff --git a/sass/widgets.scss b/sass/widgets.scss
index 494da18..d38e704 100644
--- a/sass/widgets.scss
+++ b/sass/widgets.scss
@@ -231,8 +231,7 @@
 				
 		}
 		&.widget_dpe_fp_widget{
-			padding:0;
-			background-color:transparent;
+			
 			.dpe-flexible-posts{
 				li{
 					padding: 0.1em 0px 0.1em 0px;
@@ -241,33 +240,18 @@
 					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;
-						}
+						display:inline;
+						
+						
+						
 						.title{
-							display:block;
+							display:inline;
 							position:relative;
 							font-size: 1em;
-							font-weight: normal;	
+							font-weight: normal;
+							clear:left;
 						}
+						
 						&:after{
 						   visibility: hidden;
 						   display: block;
@@ -278,6 +262,45 @@
 						}
 					}
 				}
+				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;	
+						}
+					}
+				}
 			}
 		}
 	
diff --git a/style.css b/style.css
index 8e6cd95..3837da6 100644
--- a/style.css
+++ b/style.css
@@ -7087,10 +7087,6 @@ button.close {
   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;
@@ -7099,33 +7095,14 @@ button.close {
 #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;
+  display: inline;
 }
 #content .widget.widget_dpe_fp_widget .dpe-flexible-posts li a .title {
-  display: block;
+  display: inline;
   position: relative;
   font-size: 1em;
   font-weight: normal;
+  clear: left;
 }
 #content .widget.widget_dpe_fp_widget .dpe-flexible-posts li a:after {
   visibility: hidden;
@@ -7135,6 +7112,39 @@ button.close {
   clear: both;
   height: 0;
 }
+#content .widget.widget_dpe_fp_widget .dpe-flexible-posts li.has-post-thumbnail a {
+  display: block;
+}
+#content .widget.widget_dpe_fp_widget .dpe-flexible-posts li.has-post-thumbnail a img {
+  display: block;
+  margin-bottom: 10px;
+}
+#content .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;
+}
+#content .widget.widget_dpe_fp_widget .dpe-flexible-posts li.has-post-thumbnail a img.attachment-medium {
+  width: 48%;
+  margin-right: 2%;
+  float: left;
+}
+#content .widget.widget_dpe_fp_widget .dpe-flexible-posts li.has-post-thumbnail a img.attachment-large {
+  width: 100%;
+}
+#content .widget.widget_dpe_fp_widget .dpe-flexible-posts li.has-post-thumbnail a .attachment-thumbnail + .title,
+#content .widget.widget_dpe_fp_widget .dpe-flexible-posts li.has-post-thumbnail a .attachment-medium + .title {
+  display: block;
+  float: left;
+  clear: none;
+}
+#content .widget.widget_dpe_fp_widget .dpe-flexible-posts li.has-post-thumbnail a .attachment-medium + .title {
+  width: 50%;
+}
+#content .widget.widget_dpe_fp_widget .dpe-flexible-posts li.has-post-thumbnail a:hover .title {
+  text-decoration: underline;
+}
 #content .widget.uc-contact-widget th {
   white-space: nowrap;
 }
@@ -8758,10 +8768,6 @@ body.sticky .ie8 #footers {
 >>>>>>> 0b9a65cdbe3d11820b7f365de9f4b26ae22ed70d
   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;
@@ -8770,33 +8776,14 @@ body.sticky .ie8 #footers {
 #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;
+  display: inline;
 }
 #mega-footer .widget.widget_dpe_fp_widget .dpe-flexible-posts li a .title {
-  display: block;
+  display: inline;
   position: relative;
   font-size: 1em;
   font-weight: normal;
+  clear: left;
 }
 #mega-footer .widget.widget_dpe_fp_widget .dpe-flexible-posts li a:after {
   visibility: hidden;
@@ -8806,6 +8793,39 @@ body.sticky .ie8 #footers {
   clear: both;
   height: 0;
 }
+#mega-footer .widget.widget_dpe_fp_widget .dpe-flexible-posts li.has-post-thumbnail a {
+  display: block;
+}
+#mega-footer .widget.widget_dpe_fp_widget .dpe-flexible-posts li.has-post-thumbnail a img {
+  display: block;
+  margin-bottom: 10px;
+}
+#mega-footer .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;
+}
+#mega-footer .widget.widget_dpe_fp_widget .dpe-flexible-posts li.has-post-thumbnail a img.attachment-medium {
+  width: 48%;
+  margin-right: 2%;
+  float: left;
+}
+#mega-footer .widget.widget_dpe_fp_widget .dpe-flexible-posts li.has-post-thumbnail a img.attachment-large {
+  width: 100%;
+}
+#mega-footer .widget.widget_dpe_fp_widget .dpe-flexible-posts li.has-post-thumbnail a .attachment-thumbnail + .title,
+#mega-footer .widget.widget_dpe_fp_widget .dpe-flexible-posts li.has-post-thumbnail a .attachment-medium + .title {
+  display: block;
+  float: left;
+  clear: none;
+}
+#mega-footer .widget.widget_dpe_fp_widget .dpe-flexible-posts li.has-post-thumbnail a .attachment-medium + .title {
+  width: 50%;
+}
+#mega-footer .widget.widget_dpe_fp_widget .dpe-flexible-posts li.has-post-thumbnail a:hover .title {
+  text-decoration: underline;
+}
 #mega-footer .widget.uc-contact-widget th {
   white-space: nowrap;
 }