new (pastable) code for cms images

diff --git a/admin_images.html b/admin_images.html
index b8ead21..ab2136f 100644 (file)
--- 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 (file)
--- 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;
 }