Create textwrap slideshow/richtext variants

[rickybanister]

We started to develop a solution for wrapping text around images. We need to scope this code to a variant class. When you switch a slideshow and the subsequent rich text slot to the textwrap variant, the text will flow around the slideshow or image. We still need to come up with a way to space out the paragraphs to give them bottom margin despite being display:inline.

Here's the code:

.a-area-body div
{

float: none !important;
display: inline !important;
width: auto !important;
clear: none !important;

}

.a-area-body .a-slideshow
{

clear: none;
width: 200px;

}

.a-area-body .a-slideshow *
{

width: 200px;

}

.a-area-body .a-slot.aRichText h1,
.a-area-body .a-slot.aRichText h2,
.a-area-body .a-slot.aRichText h3,
.a-area-body .a-slot.aRichText h4,
.a-area-body .a-slot.aRichText h5,
.a-area-body .a-slot.aRichText h6,
.a-area-body .a-slot.aRichText p,
.a-area-body .a-slot.aRichText ul,
.a-area-body .a-slot.aRichText ol
{

width: auto;
clear: none;
display: inline;
float: none;

}

[anonymous]

text wrap

[johnnyoffline]

We have reasonably working slots now in the apostropheExtraSlotsPlugin that allow for text wrapping around a slideshow, image, video, etc.

 http://trac.apostrophenow.org/browser/plugins/apostropheExtraSlotsPlugin