From: Jason Woofenden <jason@jasonwoof.com>
Date: Tue, 20 Sep 2011 00:52:46 +0000 (-0400)
Subject: new (pastable) code for cms images
X-Git-Url: https://jasonwoof.com/gitweb/?p=wfpl-cms.git;a=commitdiff_plain;h=1e96693d7c35f9a92395aa023b02749f4be05917

new (pastable) code for cms images
---

diff --git a/admin_images.html b/admin_images.html
index b8ead21..ab2136f 100644
--- a/admin_images.html
+++ b/admin_images.html
@@ -30,13 +30,13 @@
 		</ol>
 		
 		<!--~smaller {~-->
-			<div><strong>On the right: </strong>(with the page text to the left of it)</div><div><code class="html">&lt;span class="wfpl_ifr" style="background-image: url(~src~); width: ~width~px; padding-top: ~height~;"&gt;~caption html~&lt;/span&gt;</code></div>
-			<div><strong>On the left: </strong>(with the page text to the right of it)</div><div><code class="html">&lt;span class="float_left"&gt;&lt;img src="~src~" width="~width~" height="~height~" alt="" /&gt;~caption html~&lt;/span&gt;</code></div>
-			<div><strong>Centered: </strong>(with nothing to either side)</div><div> <code class="html">&lt;div class="mid_pic" style="width: ~width~px"&gt;&lt;img src="~src~" width="~width~" height="~height~" alt="" /&gt;~caption html~&lt;/div&gt;</code></div>
+			<div><strong>On the right: </strong>(with the page text to the left of it)</div><div><code class="html">&lt;span class="wfpl_ifr" style="background-image: url(~src~); width: ~width~px; padding-top: ~height~px"&gt;~caption html~&lt;/span&gt;</code></div>
+			<div><strong>On the left: </strong>(with the page text to the right of it)</div><div><code class="html">&lt;span class="wfpl_ifl" style="background-image: url(~src~); width: ~width~px; padding-top: ~height~px"&gt;~caption html~&lt;/span&gt;</code></div>
+			<div><strong>Centered: </strong>(with nothing to either side)</div><div> <code class="html">&lt;div class="wfpl_ic" style="background-image: url(~src~); padding-top: ~height~px; width: ~width~px"&gt;~caption html~&lt;/div&gt;</code></div>
 			<div><img src="~src~" alt="" /></div>
 		<!--~}~-->
 
-		<div style="margin-top: 30px"><strong>Full Size (centered): </div><div></strong> <code class="html">&lt;div class="mid_pic"&gt;&lt;img src="~image image_src~" width="~image image_width~" height="~image image_height~" alt="" /&gt;~caption html~&lt;/div&gt;</code></div>
+		<div style="margin-top: 30px"><strong>Full Size (centered): </div><div></strong> <code class="html">&lt;div class="wfpl_ic" style="background-image: url(~image image_src~); padding-top: ~image image_height~px"&gt;~caption html~&lt;/div&gt;</code></div>
 			<div><img src="~image image_src~" width="~image image_width~" height="~image image_height~" alt="" /></div>
 
 		<!--~no_sizes {~-->
diff --git a/style.less b/style.less
index cbe6a27..f51cec5 100644
--- a/style.less
+++ b/style.less
@@ -27,7 +27,7 @@ body {
 #centerer {
 	position: relative;
 	background: @nav-color;
-	margin: 0 auto;
+	margin: 13px auto;
 	width: @site-width;
 	-moz-box-shadow: 2px 2px 15px #777;
 	-webkit-box-shadow: 2px 2px 15px #777;
@@ -135,7 +135,9 @@ span.wfpl_ifl {
 	float: left;
 	font-size: 10px;
 	text-align: right;
-	padding: 4px 15px 7px 0;
+	background-repeat: no-repeat;
+	background-position: left top;
+	margin: 0 10px 17px 0;
 }
 span.wfpl_ifr {
 	display: block;
@@ -143,17 +145,13 @@ span.wfpl_ifr {
 	font-size: 10px;
 	text-align: right;
 	background-repeat: no-repeat;
-	background-position: top left;
-}
-span.float_left img, span.float_right img {
-	display: block;
-	padding-bottom: 1px;
+	background-position: left top;
+	margin: 0 0 10px 17px;
 }
-span.float_center img {
-	display: inline;
-}
-div.mid_pic {
+div.wfpl_ic {
 	margin: 15px auto;
 	font-size: 10px;
 	text-align: right;
+	background-repeat: no-repeat;
+	background-position: center top;
 }