template storage <3

[Star]

If you are using, please post here.

Post Templates:
Fixed Width
Image Left + Scroll
Image into Gradient
Winter Soldier #1
Winter Soldier #2
Winter Soldier #3
Winter Soldier #4
Citrus Cynical: Left Image + Scroll
Just Celestial Harmonies #1: Asymmetrical Info Boxes + Scroll
Just Celestial Harmonies #2:  Even Split + Scroll
Purple Paradise: Simply Bordered
Evening Breeze: Image Circle + Lyrics
Bleak Green: Offset Image Diamond + Lyrics
Dark Deals: Image Diamond + Lyrics
Melancholy #1: Image Diamond + Scroll
Melancholy #2: Inverse Image Diamond + Scroll
X's BB: Three X shapes w/ images
Lined Gradient
Cat In A Hat: Diamond image on top
Floating In Space: Circle image on top
Grey Skull: Text-wrap around image and character information on top.
Violet Vacation: Circular image text wrap within the top left corner.
Country Boy: Image on the left + right scrolling text box. Title on the bottom with information underneath.
Greygoose: Simple bar on the top for simple information and expanding text box.
Renegade: Scrolling bar on the right with an image background.
Name Topper: The character name/quote overlays on the top.
Corner Curiosities: Image within top right corner, rounded off.
Trifecta:: Image within the top right corner, triangle shape.
Demon Within: Four boxed images at the top with a text box.
Sunflower: Rounded borders at the top, along with a rounded image there. Text box expands as you write.
Note-Taker: Stylized notebook paper themed post template! Expands as you type.
Poison: Image at top w/ name and caption.
Dark Forest: Image background with low opacity text box.
Gloomy Musk: Image background with low opacity text box. Shorter side box than above option.
Gloomy Musk [Non-Scroll]: Image background with low opacity text box. Shorter side box than above option.
Triplets: Three circles for images and an expanding text box.
Hellion: Long image on the right (adjust as needed) and a scrolling box.
Simplicity: An easy, expanding template with character name and talking points.
Pentagram: Small icon image on the left and expanding text box with hovering info.
Strange Duo: Header image, expanding box, and bottom info.
Twinning: Left and right images and an expanding text box.
Cupid Shuffle (to the left!): Icon image on the left with scrolling box.
Angular Split: Expanding box with a diagonally split background. Customize all the colors!
Avantgarde: Expanding text w/ four diamond images and text cascading down the side.
Avantgarde Alt #1: Expanding text w/ four diamond images.
Avantgarde Alt #2: Expanding text w/ four diamond images.
Purple Haze: Expanding box with gradient image on the bottom.
Red Haze: Expanding box with left icon and a gradient image on the bottom + text.
Tan Haze: Expanding box with gradient image on the bottom + text.
Pixeled Turquoise: Pixel font header with browser icons and optional image.
Pixeled Turquoise v.2: Pixel font header with browser icons.
Three Sided: Three images floating to the left with expanding text box.
Two Unlikely Friends: A header image with two boxes for two voices. Expanding box... as always... yeehaw.
Fast Lane: Image header with a text box and five lil boxes for info.
Fast Track: A color palette on the right side with an image header.
Half/Half Image: Image gradient at the bottom and then diagonal colors background.
Cut Square Template: Just like the signature... but with WORDS.
Vertical Half/Half: It's just the diagonal one... but vertical.
Name Topper: Impact text at top. Expands.
Center Strafe: Impact text at top. Expands with three GIFs at the bottom.
Ocean Blues: Rounded top with image inside. Two places for tags/lyrics and expands accordingly.
Fade Away: Expanding box with faded bottom.
Three Circles: The name is really exciting, I know. Three circles for images on the left side w/ text wrap.

Signatures:
Signature Circles
Large Text Left
Image Left + Text Right
iMessages
Overlapping Circles
Overlapping Circles Center
Orange Citrus
Rainbow Sherbert
Grey Skies
Glowing Text
Up and Down
Dual-Sided
Impacted Box
Cut Square
Split Lies
Four Polaroids
Polaroids but NO Background
Dual Images w/ Name

Plotting Templates:
Dark Scheme: Used primarily for plotting w/ character images on the left, along with names/lyrics.
Brown Buttons: A character image on the left + four aesthetic images on the bottom. Includes three spots for information + five bullet points each for open/closed plots.

Group Templates:
The Pitt: Categories to edit, image on top, and expanding boxes.

Profile Templates:
Some of these codes may not be updated for the 2022 BoB theme. Apologies.
Mac/Apple Tabs
Two Column (About Me + Buddies)
Basic Profile
Basic Profile #2
Pastel Purple
Baby Blue
Dark Purple
Reddish Pink

Other:
Heart Chart
Instagram
iMessages
Inventory/Trade Template
Spotify Player

[Star]

[table][tr][td]

THE

[/td]
[td]

[b]KING

[/td]
[td]

[b]OF

[/td]
[td]

[b]HELL

[/td][/tr][/table]

[abbr=guru, rambeau, dog, flaw/raymond]characters[/abbr] [b]* star#0061 * owner

[table][tr][td]

BEN

[/td]
[td]

[b]WYATT

[/td]
[td]

[b]HUMAN

[/td]
[td]

[b]DISASTER

[/td][/tr][/table]

[abbr=guru, flaw/raymond, rambeau, dog, frederick]characters[/abbr] [b]* star#0061 * owner

Code:

[align=center][table][tr][td][div style="background-image:url(IMAGE HERE); background-position: center; font-family: arial; border-radius: 128px; width: 100px; height: 100px; text-align: center; padding-top: 70px; text-shadow: 3px 3px 3px #000000; border: 2px #FFFFFF solid; font-size: 10px;"][color=white][b]TEXT[/color][/div][/td]
[td][div style="background-image:url(IMAGE HERE); background-position: center; font-family: arial; border-radius: 128px; width: 100px; height: 100px; text-align: center; padding-top: 70px; text-shadow: 3px 3px 3px #000000; border: 2px #FFFFFF solid; font-size: 10px;"][color=white][b]TEXT[/color][/div][/td]
[td][div style="background-image:url(IMAGE HERE); background-position: center; font-family: arial; border-radius: 128px; width: 100px; height: 100px; text-align: center; padding-top: 70px; text-shadow: 3px 3px 3px #000000; border: 2px #FFFFFF solid; font-size: 10px;"][color=white][b]TEXT[/color][/div][/td]
[td][div style="background-image:url(IMAGE HERE); background-position: center; font-family: arial; border-radius: 128px; width: 100px; height: 100px; text-align: center; padding-top: 70px; text-shadow: 3px 3px 3px #000000; border: 2px #FFFFFF solid; font-size: 10px;"][color=white][b]TEXT[/color][/div][/td][/tr][/table]
[div style="background: ; font-family: arial; color: #FFFFFF;"][abbr=hover text]text[/abbr] [b]*[/b] text [b]*[/b] text[/div][/align]

[table][tr][td]

[/td]
[td]

[/td]
[td]

[/td][/tr][/table]
[div style="background: ; font-family: arial;"]tags - plotting - pitt / takeover leader

Code:

[align=center][table][tr][td][div style="background-image:url(https://i.imgur.com/jmCqYLE.gif); background-position: center; font-family: arial; border-radius: 128px; width: 170px; height: 170px; text-align: center; padding-top: 70px; text-shadow: 3px 3px 3px #000000; border: 3px #FFFFFF solid; font-size: 10px; background-position: top;"][/div][/td]
[td][div style="background-image:url(https://i.imgur.com/FLipWFQ.gif); background-position: center; font-family: arial; border-radius: 128px; width: 170px; height: 170px; text-align: center; padding-top: 70px; text-shadow: 3px 3px 3px #000000; border: 3px #FFFFFF solid; font-size: 10px; background-position: top;"][/div][/td]
[td][div style="background-image:url(https://i.imgur.com/5Y8g68Q.gif); background-position: center; font-family: arial; border-radius: 128px; width: 170px; height: 170px; text-align: center; padding-top: 70px; text-shadow: 3px 3px 3px #000000; border: 3px #FFFFFF solid; font-size: 10px; background-position: top;"][/div][/td][/tr][/table]
[div style="background: ; font-family: arial;"][url=https://beastsofbeyond.com/index.php?topic=5215.msg35722#msg35722]tags[/url] - [url=https://beastsofbeyond.com/index.php?topic=5208.msg35684#msg35684]plotting[/url] - pitt / takeover leader[/align]

[Star]

king.of.hell

[table][tr][td]

[/td]
[td]

[align=center][table][tr][td][div style="background-color: none; font-family: arial; width: 135px; height: auto; text-align: center; font-size: 16pt; color: #262626; margin-top:10px;"]123

[/td]
[td]

5K

[/td]
[td]

789

[/td]
[/tr][/table]

[align=center][table][tr][td]

posts

[/td]
[td]

followers

[/td]
[td]

followings

[/td]
[/tr][/table]

[/td][/tr][/table]

raymond / fragilepast

welcome to my profile, darling

[table][tr][td]

[/td]
[td]

[/td]
[td]

[/td][/tr][/table]

[table][tr][td]

[/td]
[td]

[/td]
[td]

[/td]
[/tr][/table]

[table][tr][td]

[/td]
[td]

[/td]
[td]

[/td]
[/tr][/table]

template by orion

Code:

[align=center]
[div style="background-color:#fff; width: 610px; height: auto; overflow:auto;"]
[div style="background-image: url(https://i.imgur.com/chtfFRf.png); background-position: center; width: 610px; height: 104px; font-family: arial; font-size: 20pt; color: #25272a; padding-top: 60px;"]
[b]example.username[/b]
[/div]
[div style="background-color: #fff; background-position: center; width: 610px; height: 312px; font-family: arial; color: #262626; font-size: 16pt;"]
[table][tr][td][div style="background-image:url(AVATAR IMAGE); border-radius: 122px; width: 122px; height: 122px; margin-top: 20px; margin-right: 20px;"][/div][/td]
[td][div style="background-color:#fff; background-position: center; font-family: arial; width: auto; height: 30.5px; margin-top: 30px; color: #262626; font-size: 16pt;"][align=center][table][tr][td][div style="background-color: none; font-family: arial; width: 135px; height: auto; text-align: center; font-size: 16pt; color: #262626; margin-top:10px;"][b]123[/b][/div][/td]
[td][div style="background-color: none; font-family: arial; width: 135px; height: auto; text-align: center; font-size: 16pt; color: #262626; margin-top:10px;"][b]5K[/b][/div][/td]
[td][div style="background-color: none; font-family: arial; width: 135px; height: auto; text-align: center; font-size: 16pt; color: #262626; margin-top:10px;"][b]789[/b][/div][/td]
[/tr][/table][/div]
[div style="background-color:#fff; background-position: center; font-family: arial; width: auto; height: 30.5px; color: #999999; font-size: 16pt;"][align=center][table][tr][td][div style="background-color: none; font-family: arial; width: 135px; height: auto; text-align: center; font-size: 16pt; color: #999999;"]posts[/div][/td]
[td][div style="background-color: none; font-family: arial; width: 135px; height: auto; text-align: center; font-size: 16pt; color: #999999;"]followers[/div][/td]
[td][div style="background-color: none; font-family: arial; width: 135px; height: auto; text-align: center; font-size: 16pt; color: #999999;"]followings[/div][/td]
[/tr][/table][/div]
[div style="background-image:url(https://i.imgur.com/5g0nM5W.png); background-position: center; font-family: arial; width: 405px; height: 44px;"][/div][/td][/tr][/table]
[div style="background-color: none; font-family: arial; width: 580px; height: auto; text-align: center; font-size: 16pt; color: #262626; margin-top: 30px; text-align: left;"]
[b]NAME HERE[/b]

you can put text here, folks!
oof big boi
lorem ipsum
here's some more[/div][/div]
[div style="background-image:url(https://i.imgur.com/Et3Ch69.png); background-position: center; width: 610px; height: 72px;"][/div][/align]
[align=center][div style="background-color:#fff; width: 610px;"][table][tr][td][div style="background-image:url(IMAGE); background-position: center; width: 200px; height: 200px; text-align: center; margin-right: 5px;"][/div][/td]
[td][div style="background-image:url(IMAGE); background-position: center; width: 200px; height: 200px; text-align: center;"][/div][/td]
[td][div style="background-image:url(IMAGE); background-position: center; width: 200px; height: 200px; text-align: center; margin-left: 5px;"][/div][/td][/tr][/table][/div][/align]
[align=center][div style="background-color:#fff; width: 610px;"][table][tr][td][div style="background-image:url(IMAGE); background-position: center; width: 200px; height: 200px; text-align: center; margin-right: 5px; margin-top: 5px;"][/div][/td]
[td][div style="background-image:url(IMAGE); background-position: center; width: 200px; height: 200px; text-align: center; margin-top: 5px;"][/div][/td]
[td][div style="background-image:url(IMAGE); background-position: center; width: 200px; height: 200px; text-align: center; margin-left: 5px; margin-top: 5px;"][/div][/td]
[/tr][/table][/div][/align]
[align=center][div style="background-color:#fff; width: 610px;"][table][tr][td][div style="background-image:url(IMAGE); background-position: center; width: 200px; height: 200px; text-align: center; margin-right: 5px; margin-top: 5px;"][/div][/td]
[td][div style="background-image:url(IMAGE); background-position: center; width: 200px; height: 200px; text-align: center; margin-top: 5px;"][/div][/td]
[td][div style="background-image:url(IMAGE); background-position: center; width: 200px; height: 200px; text-align: center; margin-left: 5px; margin-top: 5px;"][/div][/td]
[/tr][/table][/div][/align]
[align=center][div style="background-image:url(https://i.imgur.com/QPXPSq5.png); background-position: center; width: 610px; height: 72px;"][/div][color=transparent][size=8]template by orion[/size][/color][/align]

[Star]

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam ullamcorper enim nibh, vitae congue nibh placerat ac. Quisque convallis elementum magna, ac malesuada massa laoreet sit amet. Etiam tempus sagittis gravida. Curabitur et mollis erat. Morbi vitae neque non lectus condimentum tincidunt. Vestibulum convallis dignissim luctus. Sed pellentesque mi leo, vel malesuada libero porta quis.

Donec tincidunt, nibh dapibus bibendum consequat, ante ex tristique nunc, sed blandit eros libero id turpis. Sed accumsan a arcu ac pharetra. Duis dapibus urna in leo vestibulum, in malesuada metus iaculis. Fusce volutpat nec nulla a laoreet. Aliquam ultricies elit vitae dapibus mattis. Sed vestibulum a dui vitae hendrerit. Nulla facilisi. Pellentesque pulvinar diam sit amet luctus eleifend. Aliquam porttitor efficitur justo. Vivamus ac suscipit erat, nec egestas tortor. Maecenas tincidunt auctor nisl, eget hendrerit ante gravida non. Nunc pulvinar dui eu vulputate elementum. Phasellus lacinia aliquam ligula et vestibulum.

Code:

[align=center][div style="max-width: 600px; text-align: justify;"]
TEXT HERE
[/div][/align]

[Star]

edit the max-width on this one for longer words + please note that this will look differently in post-preview.

[table][tr][td]

RUDE!

[/td][td]

perhaps some lyrics here would help </3
tags - plotting - etc
perhaps some more lyrics!

[/td][/tr][/table]

Code:

[align=center][table][tr][td][div style="height: 100px; overflow: auto; text-align: justify; font-family: impact; font-size:62px; text-align: center; padding: 19px; max-width: 200px; color: #FFAEB9;"]RUDE![/div][/td][td][div style="font-family: arial; font-size: 12px; max-width: 300px;"]perhaps some lyrics here would help </3
tags - plotting - etc
perhaps some more lyrics![/div][/td][/tr][/table][/align]

[Star]

[table][tr]
[td]

[/td]
[td]

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec a ultrices purus. Suspendisse nisi nisi, semper at tincidunt eget, elementum in purus. Duis accumsan dolor vitae velit semper, at tincidunt mauris facilisis. Donec rhoncus sapien sed ante tristique, at sagittis ipsum tempor. Donec at accumsan ipsum, vitae efficitur orci. Suspendisse quis ultricies diam, sollicitudin tempus nisi. Vestibulum tincidunt, erat ut maximus ultricies, lacus felis fermentum diam, in sagittis leo tortor quis lectus. Mauris non dui eu dui tempor luctus et ut urna. Aliquam rhoncus consequat felis, vitae interdum risus viverra quis. Vestibulum convallis facilisis lacus, sit amet efficitur tellus euismod et. Vivamus aliquet magna non ipsum ultricies suscipit. Fusce fringilla lacinia dapibus.

Donec tempor ante a mauris ultricies vulputate. Nam placerat augue non dolor iaculis auctor. Nulla fermentum urna facilisis urna tempus tristique. Sed ornare orci euismod placerat congue. Sed pharetra erat ut congue volutpat. Mauris ex mauris, dignissim id faucibus in, ornare et tortor. Curabitur luctus dolor eget ex sagittis faucibus. Curabitur porta scelerisque egestas. Pellentesque augue sem, ultrices ac nibh at, venenatis tristique turpis. Etiam semper vestibulum finibus. Vestibulum a facilisis diam. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Etiam quis porta urna, ullamcorper placerat leo.

Phasellus blandit lacus vitae odio vehicula, sed auctor nulla dictum. Integer diam metus, sagittis a condimentum nec, porttitor aliquam quam. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse auctor arcu congue sagittis hendrerit. Praesent porta urna ante, at pulvinar velit vestibulum eget. Nullam non massa tempor, imperdiet dolor sed, ornare tortor. In posuere blandit luctus. Duis quis nisl quis arcu aliquam euismod. Nulla cursus, libero bibendum mattis sollicitudin, orci ante scelerisque felis, ac imperdiet velit justo et ligula. Nullam euismod libero eget vulputate tristique.

[/td][/tr][/table]template by orion

Code:

[align=center][div style="max-width: 600px;"][table][tr]
[td][div style="background:url(LINK); font-family: arial; min-width: 200px; min-height: 450px;"][/div][/td]
[td][div style="background-color: #353130; font-family: arial; font-size: 11px; max-width: 400px; height: 450px; overflow: auto; padding: 20px; color: #f9f9f9;"]

[/div][/td][/tr][/table][color=transparent][size=8]template by orion[/size][/color][/div][/align]

[Star]

Basic Profile - Includes:
- Opacity in windows so you can see the background easily!
- Hidden comment section + regular right side of profile
- Easily customization for biographies and information
- Drop down menus
- Navigation bar at the top
- Signature showing
- No footer

You may change colors, opacity, images, and more as you see fit.

Code:

<style>
#profile_left {
display: none;
padding-right: 0px !important;
padding-left: 0px !important;
}

#profile_right: {
margin-left:0px;
padding-right: 0px !important;
padding-left: 0px !important;
}

profile_right: {
padding-right: 0px !important;
padding-left: 0px !important;
}

h4.catbg, h4.catbg2, h3.catbg, h3.catbg2, .table_list tbody.header td.catbg {
    background: #535b41;
    padding-right: 9px;
    text-align: center;
}

.windowbg, #preview_body, .windowbg2, .windowbg3 {
    margin: 0em;
    padding-top: 10px;
}

#admin_content {
    opacity: .87;
}


body {
    background: url(URL HERE FOR BACKGROUND);
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: center;
    background-size: cover;
}

.windowbg, #preview_body, .windowbg2, .windowbg3 {
    color: #1f1f1f;
    background: #f1f1f1;
}

.windowbg span.topslice span, .windowbg span.botslice span, .windowbg span.topslice,.windowbg span.botslice, .windowbg2 span.botslice span, .windowbg2 span.botslice, .windowbg2 span.topslice, .windowbg2 span.topslice span {
    background: #f1f1f1;
}

h4.catbg, h4.catbg2, h3.catbg, h3.catbg2, .table_list tbody.header td.catbg {
    background: #e5e5e5;
    text-align: center;
    color: #1f1f1f;
    border: 2px #cccccc solid;
}

.poster h4, .poster h4 a {
    background: #f1f1f1;
}

.poster ul li {
    background: #f1f1f1;
}

h3.catbg a:link, h3.catbg a:visited, h4.catbg a:link, h4.catbg a:visited, h3.catbg, .table_list tbody.header td, .table_list tbody.header td a {
    color: #1f1f1f;
    display: none;
}

a:link, a:visited {
    color: #1f1f1f;
    text-decoration: underline;
}

.windowbg, #preview_body, .windowbg2, .windowbg3 {
    color: #1f1f1f;
    background: #f1f1f1;
    margin-bottom: -20px;
}

header {
    display: none;
}

footer, footer a {
    display: none;
}

input, button, select, textarea {
    color: #1f1f1f;
    background: #e5e5e5;
}

.navbar-default .navbar-nav .active a {
background: none;
color: #1f1f1f;
text-shadow: none;
box-shadow: none;
opacity: .86;
}

.navbar-default {
background: #f1f1f1;
color: none;
box-shadow: none;
opacity: .86;
}

.navbar-default .navbar-nav li a {
color: #1f1f1f;
text-shadow: none;
opacity: .86;
}

.navbar-default .navbar-nav .active a:hover, .navbar-default .navbar-nav  .open  a, .navbar-default .navbar-nav  .open a:hover, .navbar-default .navbar-nav  .open a:focus, .navbar-default .navbar-nav  li  a:hover, .navbar-default .navbar-nav  li  a:focus {
Background: none;
Color: #1f1f1f;
box-shadow: none;
opacity: .86;
}

.navigate_section, .breadcrumb {
    background: none;
    color: none;
    display: none;
}

.dropdown-menu {
    background: #f1f1f1;
    border: 2px solid #cccccc;
}


.dropmenu li li
{
    width: 19em;
    padding: 3px;
    margin: 0;
    background: #f1f1f1;
        opacity: .87;
}

.dropmenu li li a
{
    color: #1f1f1f;
    padding: 4px 2px;
        opacity: .87;
}

.dropmenu li a.active
{
    color: #1f1f1f;
    background: none;

}

.dropmenu li a.firstlevel {
    margin-right: 0px;
}

.dropmenu li a.active:hover, .dropmenu li:hover a.active
{
     color: #1f1f1f !important;
}

/* the hover effects */
.dropmenu li a.firstlevel:hover, .dropmenu li:hover a.firstlevel
{
    color: #1f1f1f;
    cursor: pointer;
    text-decoration: none;
}

/* the hover effects on level2 and 3 */
.dropmenu li li a:hover, .dropmenu li li:hover a
{
    background: #f1f1f1;
    text-decoration: none;
        opacity: .87;
}

.dropmenu li a.firstlevel span.firstlevel {
    background: #f1f1f1;
    border: 0px #e5e5e5 solid;
    padding-right: 4px;
    padding-left: 4px;
    padding-top: 1px;
    opacity: .87;
    color: #1f1f1f;
    margin-top: 8px;
    font-weight: bold;
}

.breadcrumb li a {
    display: none;
}

header ul.reset li, header ul.reset li a {
    display: none;
}

.img-thumbnail {
    background-color: #e5e5e5;
    border: 2px solid #cccccc;
    display: none;
}

a img {
    width: 0%;
}

img.avatar {
border-radius: 100px;
}

h3.catbg {
margin-bottom: 0px;
min-width: 100%;
}

h1, h2, h3, h4, h5, h6 {
    color: #535b41;
    font-size: 1em;
    margin: 0;
    padding: 0;
    text-align: right;
}

.inner {
    padding: 1em 0;
    margin: 0;
    border-top: 1px solid #535b41;
    text-align: center;
}

hr, .hrcolor {
    height: 1px;
    border: 0;
    color: #1f1f1f;
    background-color: #f1f1f1;
}

.pagesection {
    display: none;
}

div.windowbg2 {
    display: none;
}
</style>

[Star]

pastel purple

Code:

<style>
header {
    background: #D0C9EA;
    box-shadow: 0 -3px #996FD6 inset;
    padding: 20px 0;#D0C9EA;
}

body {
background: #D0C9EA;
}

img.avatar {
border-radius: 50%;
}

a img {
    display: none;
}

.navigate_section {
background: #9E7CD7; }

.breadcrumb {
background: #9E7CD7; }

.breadcrumb li a {
color: #D0C9EA;
}

.breadcrumb&gt;li+li:before {
    padding: 0 5px;
    color: #D0C9EA;
}

.breadcrumb .active {
    color: #D0C9EA;
}

h3.catbg, h4.catbg, div.cat_bar {
background: #9E7CD7;
font-family: arial;
font-size: #px;
text-align: center;
Color: #D0C9EA; }

td {
color: #996FD6;
}

.windowbg {
background: #B399DD;
font-family: arial;
font-size: #px ;
color: #996FD6; }

.windowbg span.topslice span {
background: #B399DD; 
}

.windowbg span.topslice {
background: #B399DD; 
}

.windowbg span.botslice span {
background: #B399DD;
}

.windowbg span.botslice {
background:#B399DD;
}

.poster h4 {
Background: #B399DD;
}

.poster ul li  {
Background: #B399DD; }

a:visited {
color: #B399DD;
}

.dropmenu li a.firstlevel span.firstlevel {
color: #B399DD;
}

.dropmenu li li a:hover, .dropmenu li li:hover a
{
    background: #B399DD;
    text-decoration: none;
}

.dropmenu li li
{
    background: #9E7CD7;
}

.dropmenu li li a
{
    color: #D0C9EA;
    padding: 4px 2px;
    border-radius: 3px;
}

.dropmenu li a.active
{
    color: #D0C9EA;
    background: #9E7CD7;
    border-radius: 3px;
}

.dropmenu li a.active:hover, .dropmenu li:hover a.active
{
     color: #D0C9EA !important;
}

/* the hover effects */
.dropmenu li a.firstlevel:hover, .dropmenu li:hover a.firstlevel
{
    color: #D0C9EA;
    cursor: pointer;
    text-decoration: none;
}

/* the hover effects on level2 and 3 */
.dropmenu li li a:hover, .dropmenu li li:hover&gt;a
{
    background: #D0C9EA;
    text-decoration: none;
}

header ul.reset li, header ul.reset li a
{
    color: #013A89;
    font-family: "Segoe UI";
    font-size: 11px;
}

header ul.reset li a:hover
{
    color: #996FD6;
    text-decoration: none;
}
    
footer
{
        background: #9E7CD7;
    box-shadow: 0 -7px #996FD6;
}

footer, footer a
{
    color: #D0C9EA
;
}

span.smalltext {
        color: #D0C9EA;
}

h1, h2, h3, h4, h5, h6 {
    color: #D0C9EA;
}

a:link {
    color: #D0C9EA;
    text-decoration: none;
}

a:link, a:visited {
    color: #D0C9EA;
    text-decoration: none;
}

a:visited {
    color: #D0C9EA;
}

a.new_win {
color: #D0C9EA;
}

a.new_win:link, a.new_win:visited {
    color: #D0C9EA;
}

h3.catbg a:link, h3.catbg a:visited, h4.catbg a:link, h4.catbg a:visited, h3.catbg, .table_list tbody.header td, .table_list tbody.header td a {
    color: #D0C9EA;;
}

.navbar-default .navbar-nav .active a {
background:  #9E7CD7;
color:  #D0C9EA;
text-shadow: 0 2px #996FD6;
box-shadow: 0 -3px #996FD6 inset; }

.navbar-default {
background:  #9E7CD7;
color: #D0C9EA;
box-shadow: 0 -3px #996FD6 inset;
}

.navbar-default .navbar-nav li a {
color:  #D0C9EA;
text-shadow: 0 2px #996FD6; }

.navbar-default .navbar-nav .active a:hover, .navbar-default .navbar-nav  .open  a, .navbar-default .navbar-nav  .open a:hover, .navbar-default .navbar-nav  .open a:focus, .navbar-default .navbar-nav  li  a:hover, .navbar-default .navbar-nav  li  a:focus {
Background:  #9E7CD7;
Color: #D0C9EA;
box-shadow: 0 -3px #996FD6 inset; }

.dropdown-menu {
Background: #996FD6;
}

input, button, select, textarea {
    font: 95%/115% verdana, Helvetica, sans-serif;
    color: #D0C9EA;
    background:  #9E7CD7;
    padding: 2px;
}

.windowbg2 span.topslice span {
    display: block;
    background: #B399DD;
    height: 11px;
    border-radius: 4px 4px 0 0;
}

.windowbg2 span.topslice {
    display: block;
    padding-left: 20px;
    background: #B399DD;
    border-radius: 4px 4px 0 0;
}

.windowbg2 span.botslice span {
    display: block;
    background: #B399DD;
    height: 11px;
    border-radius: 4px 4px 0 0;
}

.windowbg2 span.botslice {
    display: block;
    padding-left: 20px;
    background: #B399DD;
    border-radius: 4px 4px 0 0;
}

.windowbg, #preview_body, .windowbg2, .windowbg3 {
    color: #996FD6;
    background: #B399DD;
}

.poster h4, .poster h4 a {
    color: #996FD6;
}

hr, .hrcolor {
    color: #996FD6;
    background-color: #996FD6;
}

.signature, .custom_fields_above_signature {
    border-top: 1px #996FD6 solid;
}

.inner {
    border-top: 1px #996FD6 solid;
}

footer a:link, a:visited {
    color: #D0C9EA;
    text-decoration: none;
}

footer a.new_win:link, a.new_win:visited {
    color: #D0C9EA;
    text-decoration: none;
}
</style>

[Star]

Code:

<style>
.YASM_wellwisher {
    font-size: 14px;
    padding: 12px 16px;
    background-color: #482D74;
    border-radius: 4px;
    border: 0px solid #482D74;
}

.YASM_wellwisher .YASM_border {
    border-bottom: 1px solid #A3CFE9;
}

header {
    background: #6098D1;
    box-shadow: 0 -3px #013A89  inset;
}

body {
background: #A3CFE9;
}

a img {
display:none;
}

img.avatar {
border-radius: 50%;
}


.navigate_section {
background: #2967B0; }

.breadcrumb {
background: #2967B0; }

.breadcrumb li a {
color: #A3CFE9;
}

.breadcrumb li li:before {
    padding: 0 5px;
    color: #A3CFE9;
}

.breadcrumb .active {
    color: #A3CFE9;
}

h3.catbg, h4.catbg, div.cat_bar {
background: #2967B0;
font-family: arial;
font-size: #px;
text-align: center;
Color: #E7F7F6; }

td {
color: #013A89;
}

.windowbg {
background: #6098D1;
font-family: arial;
font-size: #px ;
color: #013A89; }

.windowbg span.topslice span {
background: #6098D1; 
}

.windowbg span.topslice {
background: #6098D1; 
}

.windowbg span.botslice span {
background: #6098D1;
}

.windowbg span.botslice {
background:#6098D1;
}

.poster h4 {
Background: #6098D1;
}

.poster ul li  {
Background: #6098D1; }

a:visited {
color: #6098D1;
}

.dropmenu li a.firstlevel span.firstlevel {
color: #0F4E9F;
}

.dropmenu li li
{
    width: 19em;
    padding: 3px;
    margin: 0;
    background: #2967B0;
}

.dropmenu li li a
{
    color: #0F4E9F;
    padding: 4px 2px;
    border-radius: 3px;
}

.dropmenu li a.active
{
    color: #0F4E9F;
    background: #A3CFE9;
    border-radius: 3px;
}

.dropmenu li a.active:hover, .dropmenu li:hover a.active
{
     color: #0F4E9F !important;
}

/* the hover effects */
.dropmenu li a.firstlevel:hover, .dropmenu li:hover a.firstlevel
{
    color: #0F4E9F;
    cursor: pointer;
    text-decoration: none;
}

/* the hover effects on level2 and 3 */
.dropmenu li li a:hover, .dropmenu li li:hover a
{
    background: #A3CFE9;
    text-decoration: none;
}

header ul.reset li, header ul.reset li a
{
    color: #013A89;
    font-family: "Segoe UI";
    font-size: 11px;
}

header ul.reset li a:hover
{
    color: #013A89;
    text-decoration: none;
}
    
footer
{
    margin-top: 20px;
    background: #2967B0;
    padding: 20px 0;
    text-align: center;
    box-shadow: 0 -7px #0F4E9F;
    font-family: "Segoe UI";
}

footer, footer a
{
    color: #A3CFE9;
}

span.smalltext {
        color: #A3CFE9;
}

h1, h2, h3, h4, h5, h6 {
    color: #A3CFE9;
}

a:link {
    color: #0F4E9F;
    text-decoration: none;
}

a:link, a:visited {
    color: #0F4E9F;
    text-decoration: none;
}

a:visited {
    color: #0F4E9F;
}

a.new_win {
color: #0F4E9F;
}

a.new_win:link, a.new_win:visited {
    color: #0F4E9F;
}

h3.catbg a:link, h3.catbg a:visited, h4.catbg a:link, h4.catbg a:visited, h3.catbg, .table_list tbody.header td, .table_list tbody.header td a {
    color: #A3CFE9;
}

.navbar-default .navbar-nav .active a {
background: #2967B0;
color: #A3CFE9;
text-shadow: 0 2px #0F4E9F;
box-shadow: 0 -3px #013A89 inset; }

.navbar-default {
background: #2967B0;
color: #A3CFE9;
box-shadow: 0 -3px #013A89 inset;
}

.navbar-default .navbar-nav li a {
color: #A3CFE9;
text-shadow: 0 2px #0F4E9F; }

.navbar-default .navbar-nav .active a:hover, .navbar-default .navbar-nav  .open  a, .navbar-default .navbar-nav  .open a:hover, .navbar-default .navbar-nav  .open a:focus, .navbar-default .navbar-nav  li  a:hover, .navbar-default .navbar-nav  li  a:focus {
Background: #2967B0;
Color: #A3CFE9;
box-shadow: 0 -3px #2967B0 inset; }

.dropdown-menu {
Background: #2967B0;
}

input, button, select, textarea {
    font: 95%/115% verdana, Helvetica, sans-serif;
    color: #A3CFE9;
    background: #0F4E9F;
    padding: 2px;
}

.windowbg2 span.topslice span {
    display: block;
    background: #6098D1;
    height: 11px;
    border-radius: 4px 4px 0 0;
}

.windowbg2 span.topslice {
    display: block;
    padding-left: 20px;
    background: #6098D1;
    border-radius: 4px 4px 0 0;
}

.windowbg2 span.botslice span {
    display: block;
    background: #6098D1;
    height: 11px;
    border-radius: 4px 4px 0 0;
}

.windowbg2 span.botslice {
    display: block;
    padding-left: 20px;
    background: #6098D1;
    border-radius: 4px 4px 0 0;
}

.windowbg, #preview_body, .windowbg2, .windowbg3 {
    color: #013A89;
    background: #6098D1;
}

.poster h4, .poster h4 a {
    color: #A3CFE9;
}

hr, .hrcolor {
    color: #013A89;
    background-color: #013A89;
}

.signature, .custom_fields_above_signature {
    border-top: 1px #013A89 solid;
}

.inner {
    border-top: 1px #013A89 solid;
}

footer a:link, a:visited {
    color: #A3CFE9;
    text-decoration: none;
}

footer a.new_win:link, a.new_win:visited {
    color: #A3CFE9;
    text-decoration: none;
}
</style>

[Star]

Code:

<style>
.YASM_wellwisher {
    font-size: 14px;
    padding: 12px 16px;
    background-color: #482D74;
    border-radius: 4px;
    border: 0px solid #482D74;
}

.YASM_wellwisher .YASM_border {
    border-bottom: 1px solid #2D1457;
}

body {
background: #241045;
}

header {
background: url(https://i.imgur.com/oNvaL1r.png?1) no-repeat scroll 0 0 transparent;
background-position: 35%;
box-shadow: 0 -3px #2D1457 inset;
height: #PX;
}

a img {
    max-width: 0%;
    height: auto;
}

.navigate_section {
background: #482D74; }

.breadcrumb {
background: #482D74; }

.breadcrumb > li > a {
color: #b2a5c7;
}

h3.catbg, h4.catbg, div.cat_bar {
background: #482D74;
font-family: arial;
font-size: #px;
text-align: center;
Color: #664C90; }

td {
color: #664C90;
}

.windowbg {
background: #2D1457;
font-family: arial;
font-size: #px ;
color: #664C90; }

.windowbg span.topslice span {
background: #2D1457; 
}

.windowbg span.topslice {
background: #2D1457; 
}

.windowbg span.botslice span {
background: #2D1457;
}

.windowbg span.botslice {
background:#2D1457;
}

.poster h4 {
Background: #2D1457;
}

.poster h4, .poster h4 a {
    color: #664C90;
}

.poster ul li  {
Background: #2D1457; }

a:visited {
color: #664C90;
}

.dropmenu li li
{
    background: #2D1457;
}

.dropmenu li li a
{
    color: #664C90;
}

.dropmenu li a.active
{
    color: #664C90;
    background: #2D1457;
}

.dropmenu li a.active:hover, .dropmenu li:hover a.active
{
     color: #664C90 !important;
}

.dropmenu li a.firstlevel:hover, .dropmenu li:hover a.firstlevel
{
    color: #664C90;
}

.dropmenu li li a:hover, .dropmenu li li:hover a
{
    background: #482D74;
}

.dropmenu li a.firstlevel span.firstlevel {
    background: #2D1457;
}

header ul.reset li, header ul.reset li a
{
    color: #664C90;
    font-family: "Segoe UI";
    font-size: 11px;
}

header ul.reset li a:hover
{
    color: #664C90;
    text-decoration: none;
}
    
footer
{
    margin-top: 20px;
    background: #2D1457;
    padding: 20px 0;
    text-align: center;
    box-shadow: 0 -7px #482D74;
    font-family: "Segoe UI";
}

footer, footer a
{
    color: #664C90;
}

span.smalltext {
        color: #664C90;
}

a:link {
    color: #9381b1;
    text-decoration: none;
}

a:link, a:visited {
    color: #9381b1;
    text-decoration: none;
}

a:visited {
    color: #9381b1;
}

a.new_win {
color: #9381b1;
}

a.new_win:link, a.new_win:visited {
    color: #9381b1;
}

h3.catbg a:link, h3.catbg a:visited, h4.catbg a:link, h4.catbg a:visited, h3.catbg, .table_list tbody.header td, .table_list tbody.header td a {
    color: #9381b1;
}

.navbar-default .navbar-nav .active a {
background: #2D1457;
color: #9381b1;
text-shadow: 0 2px #2D1457;
box-shadow: 0 -3px #2D1457 inset; }

.navbar-default {
background: #482D74;
color: #9381b1;
box-shadow: 0 -3px #2D1457 inset;
}

.navbar-default .navbar-nav li a {
color: #9381b1;
text-shadow: 0 2px #2D1457;
background: #482D74;}

.navbar-default .navbar-nav .active a:hover, .navbar-default .navbar-nav  .open  a, .navbar-default .navbar-nav  .open a:hover, .navbar-default .navbar-nav  .open a:focus, .navbar-default .navbar-nav  li  a:hover, .navbar-default .navbar-nav  li  a:focus {
Background: #482D74;
Color: #9381b1;
box-shadow: 0 -3px #2D1457 inset; }

.dropdown-menu {
Background: #2D1457; }

input, button, select, textarea {
    font: 95%/115% verdana, Helvetica, sans-serif;
    color: #9381b1;
    background: #2D1457;
    padding: 2px;
}

.dropmenu li li a:hover, dropmenu li li:hover > a {
    background: #9381b1;
}

.img-thumbnail {
    background-color: #9381b1;
    border: 1px solid #9381b1;
}

/*Edits the signature: text color.*/
h1, h2, h3, h4, h5, h6 {
    color: #664C90;
}

/*Line above signature.*/
.signature, .custom_fields_above_signature {
    border-top: 1px #664C90 solid;
}

/*HR size and color*/
hr, .hrcolor {
    height: 1px;
    background-color: #664C90;
}

/*Line under date of profile replies.*/
.inner {
    padding: 1em 0;
    margin: 0;
    border-top: 1px solid #664C90;
}

.breadcrumb li a {
    color: #9381b1;
}

/*COMMENT BOX*/

form {
background: #2D1457;
}

.content {
background: #2D1457;
}

.windowbg2 span.botslice span {
background: #2D1457;
}

.windowbg2 span.botslice {
background: #2D1457;
}

.windowbg2 span.topslice span {
background: #2D1457;
}

.windowbg2 span.topslice {
background: #2D1457;
}

.windowbg, #preview_body, .windowbg2, .windowbg3 {
    color: #664C90;
    background-color:  #2D1457;
}

/*PAGE LINKS*/
.pagelinks {
    color: #664C90;
}

/*FOOTER LINKS*/
footer a:link, a:visited {
    color: #664C90;
    text-decoration: underline;
}
footer a.new_win:link, a.new_win:visited {
    color: #664C90;
    text-decoration: underline;
}

/*SUBACCOUNT (optional for main accounts)*/
.breadcrumb .active {
    color: #664C90;
}

#main_content_section {
    background-color: transparent !important;
}
</style>