Marathia’s Stacks

RapidWeaver stacks for the rest of us

RapidWeaver stacks for the rest of us

Stacks Image 91359

Super B&B2 Stack demo #1

basic border and background examples with text content

demo #1 | demo #2 | demo #3 | demo #4 | demo #5 | demo #6 | back to the product page

In the SuperB&B2 stack, you can choose between a solid background color, five different gradients…

background: solid

background: horizontal gradient

background: vertical gradient

background: diagonal ↘ gradient

background: diagonal ↗ gradient

background: radial gradient

… a tiled image, optionally with an opacity set…

tiled image 1


image source: bgrepeat.com

background image opacity: 100%

tiled image 2


image source: bgrepeat.com

background image opacity: 75%

tiled image 3


image source: bgrepeat.com

background image opacity: 50%
…or no background at all.

All eight CSS defined border styles are supported:

border: 12px solid

border: 12px dotted

border: 12px dashed

border: 12px double

border: 12px inset

border: 12px outset

border: 12px groove

border: 12px ridge

Some examples of combinations of borders and backgrounds. The border can be both inside and outside the background…

border: outside



distance: 0px

border: inside



distance: 0px
… and in both cases you can set the distance from the edge of the background:

border: outside



distance: 12px

border: inside



distance: 12px

Yes, this website uses cookies too. Here’s the annoying but obligatory cookie warning. More info…