CODE Codes AFTER revamp storage.

[Orion]

Modify as you'd like. For BoB use ONLY.

Post templates:
Simple text box
Gradient, expanding box
Purple boxes
Circle header w/ lyrics
Offset diamond header w/ lyrics
Diamond header image w/ lyrics
Diamond image, scrolling
Fading out
Hanging over diamond header image
Hanging over circle header image
Info on top, image on left
Info on top, no image
Left-leaning circular image
Image background w/ right-leaning textbox, scrolling
Offset text header
Cut off circle in corner, wrapped text
Triangle in corner, wrapped text
Circular image header with rounded top
Notebook page
Glowing text w/ circular image header and lyrics
Thick image background w/ right scrolling textbox
Thin image background w/ right scrolling textbox
Thin image background w/ right expanding textbox
Circular overlapping images header
Image on right, scroll on left w/ dialogue info
Expanding w/ dialogue info
Image header w/ text info on bottom
Images on left/right, wrapped text
Image background w/ icon, scrolling
Color split diagonally in background
Four images in a diamond shape, wrapped text
Four images in a diamond shape, right
Four images in a diamond shape, left
Faded image on bottom w/ image on left
Looks like a Windows tab w/ image
Looks like a Windows tab, no image
Images on side
Color split diagonally, thinner
Images in corners header
Split color background
Text on top, three images on bottom
Rounded image on top
Fading out on bottom
Three circular images on left side
Three circular images overlapping diagonally on left side
Three circular images overlapping on left side
Circular image in header w/ border
Waves
Overlapping waves
Fading into image on bottom + info
Fading into image on bottom + info and left-leaning image
Circular header image w/ lyrics
Color split diagnoally w/ split border for icon
Half circle on right, wrapped text
Image in corner w/ split border
Fading image at bottom w/ border

Signatures:
Impacted phrase signature
Side-by-side image/text w border splitting between them
Two icons on sides w/ info in middle
Impacted text
Images in corners
Split color background, inverted in middle
Half circles covered by text box
Image fading into background color
Outlined text
Shaped corners
Bold, impacted text w/ info
Flipped colors lyrics
Sparkles w/ lyrics
Alternating colors w/ symbol
Image w/ overlapping text
Image w/ text in middle
Image on left w/ info

Guide layouts:
Redrum
Swamp Monster
Grey Skies
Murky Waters

Other:
Inventory bag
Character list
Spotify
Biography
3X3 Grid Bingo / Task Board

Need to fix from old thread... essentially anything with tables:
Circles
Winter Soldier series
Side by side (+ below it)
Xs
Country boy
Images on top
Heartchart (work on once hover code is created)
Overlapping circles (+ below it)
Colorful thing (+ below it)
Info on left, hover
Signature text w/ hover
Info on top (+ below it)
Images in a line
why is this compressed
bingo board
oh god
Sunset
Tags
Overlapping circles (again)

[Orion]

For a simple look. Just a smaller, centered box that is mobile friendly. This should be the base for most codes here.

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:

[div style="margin: auto; max-width: 600px;"]
TEXT HERE
[/div]

[Orion]

RUDE!

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

Code:

[div style="margin: auto; max-width: 370px; text-align: justify; height: 75px;"][div style="max-width: 170px; text-align: justify; font-family: impact; font-size:62px; text-align: center; color: #FFAEB9; float: left; margin-top: -7px;"]RUDE![/div][div style="font-family: arial; font-size: 12px; max-width: 200px; float: right;"]perhaps some lyrics here would help </3
tags - plotting - etc
perhaps some more lyrics![/div][/div]

[Orion]

This box is expanding as you type further. The gradient from the background rolls into the photo and this post template can commonly be used for simple character posts with an image at the top that represents them or guides!

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras euismod tincidunt tincidunt. Fusce maximus dolor eu dolor facilisis posuere. Nam molestie tempor rhoncus. Suspendisse non nibh posuere, maximus massa in, varius sem. Aenean odio sapien, tempor ut elit a, blandit maximus sem. Aenean tempor, risus eu pharetra luctus, tortor lectus accumsan velit, et tincidunt dui ligula ut tellus. Maecenas et mi finibus, vehicula nulla sed, malesuada ante. Fusce rhoncus rhoncus arcu sit amet fermentum.

Maecenas tristique neque risus, commodo posuere neque egestas et. Aenean non eros tincidunt orci pretium semper. Cras nec leo dolor. Morbi justo ante, porta faucibus lorem vitae, pellentesque vestibulum dolor. Vivamus eget ex euismod, consectetur tellus id, tincidunt quam. Integer id velit eu velit viverra gravida. Aliquam blandit feugiat erat at congue. Phasellus accumsan nunc ante, hendrerit interdum elit lacinia in.

information like tags can go here

Code:

[div style="margin: auto; background: url(https://i.imgur.com/lG4hrZO.jpg); max-width: 700px; height: 200px;"][/div][div style="margin: auto; background: linear-gradient(transparent, #4FA6CE); max-width: 700px; text-align: justify; height: 200px; align: center; margin-top: -200px;"][/div][div style="margin: auto; background: linear-gradient(#4FA6CE, #024E60); max-width: 700px; text-align: justify; height: auto;"]
[div style="margin: auto; background-color: #f3f7fa; max-width: 650px; text-align: justify; border: 1px #310506 solid; padding: 10px;"]
TEXT HERE
[/div]
[div style="margin: auto; background: 0; max-width: 650px; text-align: justify; padding: 3px; font-size: 10pt; color: #f3f7fa; font-family: georgia; text-align: center;"]information like tags can go here[/div][/div]

[Orion]

This box is expanding as you type further. The gradient from the background rolls into the photo and this post template can commonly be used for simple character posts with an image at the top that represents them or guides!

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras euismod tincidunt tincidunt. Fusce maximus dolor eu dolor facilisis posuere. Nam molestie tempor rhoncus. Suspendisse non nibh posuere, maximus massa in, varius sem. Aenean odio sapien, tempor ut elit a, blandit maximus sem. Aenean tempor, risus eu pharetra luctus, tortor lectus accumsan velit, et tincidunt dui ligula ut tellus. Maecenas et mi finibus, vehicula nulla sed, malesuada ante. Fusce rhoncus rhoncus arcu sit amet fermentum.

Maecenas tristique neque risus, commodo posuere neque egestas et. Aenean non eros tincidunt orci pretium semper. Cras nec leo dolor. Morbi justo ante, porta faucibus lorem vitae, pellentesque vestibulum dolor. Vivamus eget ex euismod, consectetur tellus id, tincidunt quam. Integer id velit eu velit viverra gravida. Aliquam blandit feugiat erat at congue. Phasellus accumsan nunc ante, hendrerit interdum elit lacinia in.

template by orion

Code:

[div style="margin: auto; background: #1e1838; max-width: 700px; text-align: justify; height: auto; padding: 15px; border: 1px #e7e4f3 solid;"][div style="margin: auto; background-color: #534098; opacity: 0.6; max-width: 700px; text-align: justify; border: 1px #e7e4f3 solid; padding: 10px; color: #e7e4f3 ; font-family: arial;"]
TEXT HERE
[/div][/div][align=center][color=transparent][size=8]template by orion[/size][/color][/align]

This box is expanding as you type further. The gradient from the background rolls into the photo and this post template can commonly be used for simple character posts with an image at the top that represents them or guides!

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras euismod tincidunt tincidunt. Fusce maximus dolor eu dolor facilisis posuere. Nam molestie tempor rhoncus. Suspendisse non nibh posuere, maximus massa in, varius sem. Aenean odio sapien, tempor ut elit a, blandit maximus sem. Aenean tempor, risus eu pharetra luctus, tortor lectus accumsan velit, et tincidunt dui ligula ut tellus. Maecenas et mi finibus, vehicula nulla sed, malesuada ante. Fusce rhoncus rhoncus arcu sit amet fermentum.

Maecenas tristique neque risus, commodo posuere neque egestas et. Aenean non eros tincidunt orci pretium semper. Cras nec leo dolor. Morbi justo ante, porta faucibus lorem vitae, pellentesque vestibulum dolor. Vivamus eget ex euismod, consectetur tellus id, tincidunt quam. Integer id velit eu velit viverra gravida. Aliquam blandit feugiat erat at congue. Phasellus accumsan nunc ante, hendrerit interdum elit lacinia in.

template by orion

Code:

[div style="margin: auto; background: #776477; max-width: 700px; text-align: justify; height: auto; padding: 15px; border: 1px #d4cbd4  solid;"][div style="margin: auto; background-color: #8c768c; max-width: 700px; text-align: justify; border: 1px #d4cbd4 solid; padding: 10px; color: #d4cbd4; font-family: arial;"]
TEXT HERE
[/div][/div][align=center][color=transparent][size=8]template by orion[/size][/color][/align]

[Orion]

my love is the evening breeze touching your skin

the gentle, sweet singing of leaves in the wind

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Viverra tellus in hac habitasse platea dictumst vestibulum. Elit duis tristique sollicitudin nibh sit amet commodo nulla facilisi. Neque sodales ut etiam sit amet. Erat pellentesque adipiscing commodo elit at. Ut tristique et egestas quis ipsum suspendisse. Ipsum suspendisse ultrices gravida dictum fusce ut placerat orci. Rhoncus urna neque viverra justo. Facilisi nullam vehicula ipsum a arcu cursus. Ipsum suspendisse ultrices gravida dictum fusce ut. Morbi tempus iaculis urna id volutpat lacus laoreet non. Bibendum neque egestas congue quisque egestas. Nibh tortor id aliquet lectus proin. In mollis nunc sed id semper risus in. Proin sed libero enim sed faucibus turpis in.

Viverra nam libero justo laoreet sit amet cursus. Non nisi est sit amet facilisis magna etiam. Sit amet dictum sit amet justo donec enim. Ornare massa eget egestas purus viverra. Elementum curabitur vitae nunc sed velit dignissim. In fermentum et sollicitudin ac orci phasellus egestas. Tristique nulla aliquet enim tortor at auctor. Augue mauris augue neque gravida in fermentum et. Sit amet consectetur adipiscing elit duis tristique sollicitudin. Donec adipiscing tristique risus nec feugiat in fermentum posuere. Dapibus ultrices in iaculis nunc sed augue lacus viverra vitae. Ut etiam sit amet nisl purus in. Fusce ut placerat orci nulla pellentesque. Phasellus faucibus scelerisque eleifend donec pretium vulputate. Sem viverra aliquet eget sit amet. Ultricies mi quis hendrerit dolor magna eget est lorem. Proin sagittis nisl rhoncus mattis rhoncus urna neque viverra.

Arcu non odio euismod lacinia at quis. Quisque non tellus orci ac auctor augue mauris. Integer enim neque volutpat ac tincidunt vitae semper quis. Ut etiam sit amet nisl. Risus nullam eget felis eget nunc. Massa sapien faucibus et molestie ac. Interdum posuere lorem ipsum dolor. Adipiscing elit duis tristique sollicitudin nibh sit amet commodo nulla. Id neque aliquam vestibulum morbi. Et pharetra pharetra massa massa ultricies mi. Duis at tellus at urna condimentum mattis. Nec ultrices dui sapien eget. Orci a scelerisque purus semper eget duis at tellus. Ultrices tincidunt arcu non sodales neque sodales ut. Egestas purus viverra accumsan in. Tempus quam pellentesque nec nam. Nisi quis eleifend quam adipiscing vitae proin. Arcu felis bibendum ut tristique. Egestas erat imperdiet sed euismod nisi porta lorem mollis aliquam.

template by orion

Code:

[div style="margin: auto; background-color: #ffffff; max-width: 600px; text-align: justify; font-family: arial; padding-top: 30px; padding-bottom: 20px;"][div style="margin: auto; text-align: right; padding-right: 14%; font-family: arial; font-size: 12px; max-width: 600px; margin-top: 40px; font-family: georgia; color: #000;"][i]my love is the evening breeze touching your skin[/i][/div]
[div style="background-color: #000; height: 2px; max-width: 600px;"][/div]
[div style="margin: auto; text-align: right; padding-right: 11%; font-family: arial; font-size: 12px; max-width: 600px; font-family: georgia; color: #000;"][i]the gentle, sweet singing of leaves in the wind[/i][/div]
[div style="background-image:url(https://i.imgur.com/0PR0W4d.gif); height: 165px; width: 165px; background-position: center; border-radius: 128px; border: solid 2px #000; box-shadow:inset 0 0 0 4px #fff; margin-top: -100px; margin-left: 11%;"][/div][/div][div style="margin: auto; background-color: #ffffff; max-width: 600px; text-align: justify; font-family: arial; padding-right: 6%; padding-left: 6%; padding-bottom: 6%; color: #000;"]



[/div][align=center][color=transparent][size=8]template by orion[/size][/color][/align]

[Orion]

A nightmare for some. For others, a savior, I come.

My hands, cold and bleak, it’s the warm hearts they seek.

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Viverra tellus in hac habitasse platea dictumst vestibulum. Elit duis tristique sollicitudin nibh sit amet commodo nulla facilisi. Neque sodales ut etiam sit amet. Erat pellentesque adipiscing commodo elit at. Ut tristique et egestas quis ipsum suspendisse. Ipsum suspendisse ultrices gravida dictum fusce ut placerat orci. "Text here. Dialogue and such can be this color or whatever you choose." Rhoncus urna neque viverra justo. Facilisi nullam vehicula ipsum a arcu cursus. Ipsum suspendisse ultrices gravida dictum fusce ut. Morbi tempus iaculis urna id volutpat lacus laoreet non. Bibendum neque egestas congue quisque egestas. Nibh tortor id aliquet lectus proin. In mollis nunc sed id semper risus in. Proin sed libero enim sed faucibus turpis in.

Viverra nam libero justo laoreet sit amet cursus. Non nisi est sit amet facilisis magna etiam. Sit amet dictum sit amet justo donec enim. Ornare massa eget egestas purus viverra. Elementum curabitur vitae nunc sed velit dignissim. In fermentum et sollicitudin ac orci phasellus egestas. Tristique nulla aliquet enim tortor at auctor. Augue mauris augue neque gravida in fermentum et. Sit amet consectetur adipiscing elit duis tristique sollicitudin. Donec adipiscing tristique risus nec feugiat in fermentum posuere. Dapibus ultrices in iaculis nunc sed augue lacus viverra vitae. Ut etiam sit amet nisl purus in. Fusce ut placerat orci nulla pellentesque. Phasellus faucibus scelerisque eleifend donec pretium vulputate. Sem viverra aliquet eget sit amet. Ultricies mi quis hendrerit dolor magna eget est lorem. Proin sagittis nisl rhoncus mattis rhoncus urna neque viverra.

Arcu non odio euismod lacinia at quis. Quisque non tellus orci ac auctor augue mauris. Integer enim neque volutpat ac tincidunt vitae semper quis. Ut etiam sit amet nisl. Risus nullam eget felis eget nunc. Massa sapien faucibus et molestie ac. Interdum posuere lorem ipsum dolor. Adipiscing elit duis tristique sollicitudin nibh sit amet commodo nulla. Id neque aliquam vestibulum morbi. Et pharetra pharetra massa massa ultricies mi. Duis at tellus at urna condimentum mattis. Nec ultrices dui sapien eget. Orci a scelerisque purus semper eget duis at tellus. Ultrices tincidunt arcu non sodales neque sodales ut. Egestas purus viverra accumsan in. Tempus quam pellentesque nec nam. Nisi quis eleifend quam adipiscing vitae proin. Arcu felis bibendum ut tristique. Egestas erat imperdiet sed euismod nisi porta lorem mollis aliquam.

template by orion

Code:

[div style="margin: auto; background-color: #728272; max-width: 600px; text-align: justify; font-family: arial; padding-top: 30px; padding-bottom: 20px;"][div style="margin: auto; text-align: right; padding-right: 15%; font-family: arial; font-size: 12px; max-width: 600px; margin-top: 40px; font-family: georgia; color: #060606;"][i]A nightmare for some. For others, a savior, I come. [/i][/div]
[div style="background-color: #434b43; height: 2px; max-width: 600px;"][/div]
[div style="margin: auto; text-align: right; padding-right: 8%; font-family: arial; font-size: 12px; max-width: 600px; font-family: georgia; color: #060606;"][i]My hands, cold and bleak, it’s the warm hearts they seek.[/i][/div]
[div style="background-color: #434b43; height: 165px; width: 165px; clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%); margin-top: -103px; margin-left: 11%;"][div style="background-image:url(https://i.imgur.com/bvs9KAy.gif); background-size: cover; background-position: center; height: 165px; width: 165px; clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%); margin-top: -103px; margin-left: 11%;"][/div][/div]

[div style="margin: auto; background-color: #728272; max-width: 600px; text-align: justify; font-family: arial; padding-right: 6%; padding-left: 6%; color: #060606;"]



[align=center][color=transparent][size=8]template by orion[/size][/color][/align][/div][/div]

[Orion]

hell's broke loose in georgia, the devil deals the cards

and if you win, you get this shiny fiddle made of gold

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Viverra tellus in hac habitasse platea dictumst vestibulum. Elit duis tristique sollicitudin nibh sit amet commodo nulla facilisi. Neque sodales ut etiam sit amet. Erat pellentesque adipiscing commodo elit at. Ut tristique et egestas quis ipsum suspendisse. Ipsum suspendisse ultrices gravida dictum fusce ut placerat orci. Rhoncus urna neque viverra justo. Facilisi nullam vehicula ipsum a arcu cursus. Ipsum suspendisse ultrices gravida dictum fusce ut. Morbi tempus iaculis urna id volutpat lacus laoreet non. Bibendum neque egestas congue quisque egestas. Nibh tortor id aliquet lectus proin. In mollis nunc sed id semper risus in. Proin sed libero enim sed faucibus turpis in.

Viverra nam libero justo laoreet sit amet cursus. Non nisi est sit amet facilisis magna etiam. Sit amet dictum sit amet justo donec enim. Ornare massa eget egestas purus viverra. Elementum curabitur vitae nunc sed velit dignissim. In fermentum et sollicitudin ac orci phasellus egestas. Tristique nulla aliquet enim tortor at auctor. Augue mauris augue neque gravida in fermentum et. Sit amet consectetur adipiscing elit duis tristique sollicitudin. Donec adipiscing tristique risus nec feugiat in fermentum posuere. Dapibus ultrices in iaculis nunc sed augue lacus viverra vitae. Ut etiam sit amet nisl purus in. Fusce ut placerat orci nulla pellentesque. Phasellus faucibus scelerisque eleifend donec pretium vulputate. Sem viverra aliquet eget sit amet. Ultricies mi quis hendrerit dolor magna eget est lorem. Proin sagittis nisl rhoncus mattis rhoncus urna neque viverra.

Arcu non odio euismod lacinia at quis. Quisque non tellus orci ac auctor augue mauris. Integer enim neque volutpat ac tincidunt vitae semper quis. Ut etiam sit amet nisl. Risus nullam eget felis eget nunc. Massa sapien faucibus et molestie ac. Interdum posuere lorem ipsum dolor. Adipiscing elit duis tristique sollicitudin nibh sit amet commodo nulla. Id neque aliquam vestibulum morbi. Et pharetra pharetra massa massa ultricies mi. Duis at tellus at urna condimentum mattis. Nec ultrices dui sapien eget. Orci a scelerisque purus semper eget duis at tellus. Ultrices tincidunt arcu non sodales neque sodales ut. Egestas purus viverra accumsan in. Tempus quam pellentesque nec nam. Nisi quis eleifend quam adipiscing vitae proin. Arcu felis bibendum ut tristique. Egestas erat imperdiet sed euismod nisi porta lorem mollis aliquam.

template by orion

Code:

[div style="margin: auto; background-color: #040c23; max-width: 600px; text-align: justify; font-family: arial; padding-top: 30px; padding-bottom: 20px;"][div style="margin: auto; text-align: right; padding-right: 14%; font-family: arial; font-size: 12px; max-width: 600px; margin-top: 40px; font-family: georgia; color: #abbde2;"][i]hell's broke loose in georgia, the devil deals the cards[/i][/div]
[div style="background-color: #abbde2; height: 2px; max-width: 600px;"][/div]
[div style="margin: auto; text-align: right; padding-right: 11%; font-family: arial; font-size: 12px; max-width: 600px; font-family: georgia; color: #abbde2;"][i]and if you win, you get this shiny fiddle made of gold[/i][/div]
[div style="background-color: #abbde2; height: 175px; width: 175px; clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%); margin-top: -107px; margin-left: 10.2%;"][/div][div style="background-image:url(https://i.imgur.com/TRpIf8y.gif); background-size: cover; background-position: center; height: 165px; width: 165px; clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%); margin-top: -170px; margin-left: 11%;"][/div]

[div style="margin: auto; background-color: #040c23; max-width: 600px; text-align: justify; font-family: arial; padding-right: 6%; padding-left: 6%;color: #abbde2;"]



[/div][/div][align=center][color=transparent][size=8]template by orion[/size][/color][/align]

[Orion]

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Viverra tellus in hac habitasse platea dictumst vestibulum. Elit duis tristique sollicitudin nibh sit amet commodo nulla facilisi. Neque sodales ut etiam sit amet. Erat pellentesque adipiscing commodo elit at. Ut tristique et egestas quis ipsum suspendisse. Ipsum suspendisse ultrices gravida dictum fusce ut placerat orci. Rhoncus urna neque viverra justo. Facilisi nullam vehicula ipsum a arcu cursus. Ipsum suspendisse ultrices gravida dictum fusce ut. Morbi tempus iaculis urna id volutpat lacus laoreet non. Bibendum neque egestas congue quisque egestas. Nibh tortor id aliquet lectus proin. In mollis nunc sed id semper risus in. Proin sed libero enim sed faucibus turpis in.

Viverra nam libero justo laoreet sit amet cursus. Non nisi est sit amet facilisis magna etiam. Sit amet dictum sit amet justo donec enim. Ornare massa eget egestas purus viverra. Elementum curabitur vitae nunc sed velit dignissim. In fermentum et sollicitudin ac orci phasellus egestas. Tristique nulla aliquet enim tortor at auctor. Augue mauris augue neque gravida in fermentum et. Sit amet consectetur adipiscing elit duis tristique sollicitudin. Donec adipiscing tristique risus nec feugiat in fermentum posuere. Dapibus ultrices in iaculis nunc sed augue lacus viverra vitae. Ut etiam sit amet nisl purus in. Fusce ut placerat orci nulla pellentesque. Phasellus faucibus scelerisque eleifend donec pretium vulputate. Sem viverra aliquet eget sit amet. Ultricies mi quis hendrerit dolor magna eget est lorem. Proin sagittis nisl rhoncus mattis rhoncus urna neque viverra.

Arcu non odio euismod lacinia at quis. Quisque non tellus orci ac auctor augue mauris. Integer enim neque volutpat ac tincidunt vitae semper quis. Ut etiam sit amet nisl. Risus nullam eget felis eget nunc. Massa sapien faucibus et molestie ac. Interdum posuere lorem ipsum dolor. Adipiscing elit duis tristique sollicitudin nibh sit amet commodo nulla. Id neque aliquam vestibulum morbi. Et pharetra pharetra massa massa ultricies mi. Duis at tellus at urna condimentum mattis. Nec ultrices dui sapien eget. Orci a scelerisque purus semper eget duis at tellus. Ultrices tincidunt arcu non sodales neque sodales ut. Egestas purus viverra accumsan in. Tempus quam pellentesque nec nam. Nisi quis eleifend quam adipiscing vitae proin. Arcu felis bibendum ut tristique. Egestas erat imperdiet sed euismod nisi porta lorem mollis aliquam. Arcu felis bibendum ut tristique. Egestas erat imperdiet sed euismod nisi porta lorem mollis aliquam. Arcu felis bibendum ut tristique. Egestas erat imperdiet sed euismod nisi porta lorem mollis aliquam.

You could probably put some info here if you'd like! Otherwise, delete this box. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Viverra tellus in hac habitasse platea dictumst vestibulum. Elit duis tristique sollicitudin nibh sit amet commodo nulla facilisi. Neque sodales ut etiam sit amet.

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Viverra tellus in hac habitasse platea dictumst vestibulum. Elit duis tristique sollicitudin nibh sit amet commodo nulla facilisi. Neque sodales ut etiam sit amet. Erat pellentesque adipiscing commodo elit at. Ut tristique et egestas quis ipsum suspendisse. Ipsum suspendisse ultrices gravida dictum fusce ut placerat orci. Rhoncus urna neque viverra justo. Facilisi nullam vehicula ipsum a arcu cursus. Ipsum suspendisse ultrices gravida dictum fusce ut. Morbi tempus iaculis urna id volutpat lacus laoreet non. Bibendum neque egestas congue quisque egestas. Nibh tortor id aliquet lectus proin. In mollis nunc sed id semper risus in. Proin sed libero enim sed faucibus turpis in.

Viverra nam libero justo laoreet sit amet cursus. Non nisi est sit amet facilisis magna etiam. Sit amet dictum sit amet justo donec enim. Ornare massa eget egestas purus viverra. Elementum curabitur vitae nunc sed velit dignissim. In fermentum et sollicitudin ac orci phasellus egestas. Tristique nulla aliquet enim tortor at auctor. Augue mauris augue neque gravida in fermentum et. Sit amet consectetur adipiscing elit duis tristique sollicitudin. Donec adipiscing tristique risus nec feugiat in fermentum posuere. Dapibus ultrices in iaculis nunc sed augue lacus viverra vitae. Ut etiam sit amet nisl purus in. Fusce ut placerat orci nulla pellentesque. Phasellus faucibus scelerisque eleifend donec pretium vulputate. Sem viverra aliquet eget sit amet. Ultricies mi quis hendrerit dolor magna eget est lorem. Proin sagittis nisl rhoncus mattis rhoncus urna neque viverra.

Arcu non odio euismod lacinia at quis. Quisque non tellus orci ac auctor augue mauris. Integer enim neque volutpat ac tincidunt vitae semper quis. Ut etiam sit amet nisl. Risus nullam eget felis eget nunc. Massa sapien faucibus et molestie ac. Interdum posuere lorem ipsum dolor. Adipiscing elit duis tristique sollicitudin nibh sit amet commodo nulla. Id neque aliquam vestibulum morbi. Et pharetra pharetra massa massa ultricies mi. Duis at tellus at urna condimentum mattis. Nec ultrices dui sapien eget. Orci a scelerisque purus semper eget duis at tellus. Ultrices tincidunt arcu non sodales neque sodales ut. Egestas purus viverra accumsan in. Tempus quam pellentesque nec nam. Nisi quis eleifend quam adipiscing vitae proin. Arcu felis bibendum ut tristique. Egestas erat imperdiet sed euismod nisi porta lorem mollis aliquam. Arcu felis bibendum ut tristique. Egestas erat imperdiet sed euismod nisi porta lorem mollis aliquam. Arcu felis bibendum ut tristique. Egestas erat imperdiet sed euismod nisi porta lorem mollis aliquam.

With info on bottom:

Code:

[div style="margin: auto; background-color: #2B3133; max-width: 625px; height: 810px; text-align: justify; font-family: arial; color: #000; padding: 2%;"][div style="margin: auto; background-color: #4e595d; max-width: 600px; height: 675px; text-align: justify; font-family: arial; color: #dce0e2; padding: 3%;"][div style="margin: auto; background-color: #4e595d; height: 550px; text-align: justify; font-family: arial; color: #dce0e2; overflow: auto;"]
TEXT HERE
[/div][div style="margin-left: 185px; max-height: 50px;"]You could probably put some info here if you'd like! Otherwise, delete this box. :) [/div][/div]
[div style="background-color: #4e595d; height: 201px; width: 201px; clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%); margin-top: -100px;"][/div][div style="background-image:url(https://i.imgur.com/TJMGStk.gif); background-size: cover; background-position: center; height: 165px; width: 165px; clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%); margin-top: -180px; margin-left: 18px;"][/div]
[/div]

Without info on bottom:

Code:

[div style="margin: auto; background-color: #2B3133; max-width: 625px; height: 810px; text-align: justify; font-family: arial; color: #000; padding: 2%;"][div style="margin: auto; background-color: #4e595d; max-width: 600px; height: 675px; text-align: justify; font-family: arial; color: #dce0e2; padding: 3%;"][div style="margin: auto; background-color: #4e595d; height: 550px; text-align: justify; font-family: arial; color: #dce0e2; overflow: auto;"]
TEXT HERE
[/div][/div]
[div style="background-color: #4e595d; height: 201px; width: 201px; clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%); margin-top: -100px;"][/div][div style="background-image:url(https://i.imgur.com/TJMGStk.gif); background-size: cover; background-position: center; height: 165px; width: 165px; clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%); margin-top: -180px; margin-left: 18px;"][/div]
[/div]

[Orion]

EXAMPLE ONE:

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla blandit nec odio vitae euismod. Etiam ut tempor enim. Nunc sit amet justo ac sem euismod sagittis in pulvinar neque. Curabitur finibus ante felis, eget sollicitudin nibh efficitur ac. Aliquam convallis ante viverra ipsum convallis, non dignissim tellus semper. Curabitur quis porta lacus. In hac habitasse platea dictumst. Nam venenatis venenatis quam at interdum. Fusce eget pharetra augue. Quisque vel massa quam. Sed ornare semper tincidunt. Suspendisse sit amet gravida quam. Aenean nec semper dui, sit amet malesuada massa. Morbi at vestibulum tellus.

Suspendisse dictum, purus sed finibus iaculis, tellus sapien semper risus, ac tincidunt arcu nunc quis felis. Duis vitae leo condimentum, egestas odio sit amet, tincidunt nisi. Nunc condimentum augue eu tincidunt dignissim. Sed facilisis a mauris quis vestibulum. Morbi mattis enim tellus. Suspendisse ac arcu a ex tempus pretium. Donec ac lacus nisl. Nunc eu velit id ligula molestie vestibulum. Cras mollis viverra leo, et hendrerit arcu rutrum a. Nullam blandit lorem dui, eu eleifend tortor malesuada vitae. Integer id lectus pellentesque, maximus justo eu, mollis sapien. Etiam tempor metus ut dolor ullamcorper, sed dictum justo tempus.

Proin laoreet faucibus pharetra. Mauris eget accumsan neque. Mauris in mattis erat, sit amet efficitur augue. Nulla dictum ante vel tristique varius. Maecenas tempor consectetur volutpat. Etiam molestie dolor sit amet nunc porttitor, eget condimentum risus facilisis. Integer lobortis auctor sollicitudin. Cras eu sem eget tellus tempor vehicula dictum non erat. Nullam consectetur ex sit amet ante blandit ultrices. Morbi efficitur, urna eget sollicitudin consectetur, quam ligula egestas metus, sit amet ultrices sapien enim ut est. Nullam in sollicitudin dui, et dapibus nisi.

Code:

[div style="margin:auto; max-width: 600px; height: 10px; text-align: justify; background-color: red; opacity: 0.015;"][/div][div style="margin:auto; max-width: 600px; height: 10px; text-align: justify; background-color: red; opacity: 0.03;"][/div][div style="margin:auto; max-width: 600px; height: 10px; text-align: justify; background-color: red; opacity: 0.06;"][/div][div style="margin:auto; max-width: 600px; height: 10px; text-align: justify; background-color: red; opacity: 0.12;"][/div][div style="margin:auto; max-width: 600px; height: 10px; text-align: justify; background-color: red; opacity: 0.25;"][/div][div style="margin:auto; max-width: 600px; height: 10px; text-align: justify; background-color: red; opacity: 0.5;"][/div][div style="margin:auto; max-width: 600px; height: 10px; text-align: justify; background-color: red; opacity: 1;"][/div][div style="margin:auto; max-width: 600px; height: auto; text-align: justify; background-color: #fff; padding: 20px; color: #000;"]



[/div][div style="margin:auto; max-width: 600px; height: 10px; text-align: justify; background-color: red; opacity: 1;"][/div][div style="margin:auto; max-width: 600px; height: 10px; text-align: justify; background-color: red; opacity: 0.5;"][/div][div style="margin:auto; max-width: 600px; height: 10px; text-align: justify; background-color: red; opacity: 0.25;"][/div][div style="margin:auto; max-width: 600px; height: 10px; text-align: justify; background-color: red; opacity: 0.12;"][/div][div style="margin:auto; max-width: 600px; height: 10px; text-align: justify; background-color: red; opacity: 0.06;"][/div][div style="margin:auto; max-width: 600px; height: 10px; text-align: justify; background-color: red; opacity: 0.03;"][/div][div style="margin:auto; max-width: 600px; height: 10px; text-align: justify; background-color: red; opacity: 0.015;"][/div]

EXAMPLE TWO:

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla blandit nec odio vitae euismod. Etiam ut tempor enim. Nunc sit amet justo ac sem euismod sagittis in pulvinar neque. Curabitur finibus ante felis, eget sollicitudin nibh efficitur ac. Aliquam convallis ante viverra ipsum convallis, non dignissim tellus semper. Curabitur quis porta lacus. In hac habitasse platea dictumst. Nam venenatis venenatis quam at interdum. Fusce eget pharetra augue. Quisque vel massa quam. Sed ornare semper tincidunt. Suspendisse sit amet gravida quam. Aenean nec semper dui, sit amet malesuada massa. Morbi at vestibulum tellus.

Suspendisse dictum, purus sed finibus iaculis, tellus sapien semper risus, ac tincidunt arcu nunc quis felis. Duis vitae leo condimentum, egestas odio sit amet, tincidunt nisi. Nunc condimentum augue eu tincidunt dignissim. Sed facilisis a mauris quis vestibulum. Morbi mattis enim tellus. Suspendisse ac arcu a ex tempus pretium. Donec ac lacus nisl. Nunc eu velit id ligula molestie vestibulum. Cras mollis viverra leo, et hendrerit arcu rutrum a. Nullam blandit lorem dui, eu eleifend tortor malesuada vitae. Integer id lectus pellentesque, maximus justo eu, mollis sapien. Etiam tempor metus ut dolor ullamcorper, sed dictum justo tempus.

Proin laoreet faucibus pharetra. Mauris eget accumsan neque. Mauris in mattis erat, sit amet efficitur augue. Nulla dictum ante vel tristique varius. Maecenas tempor consectetur volutpat. Etiam molestie dolor sit amet nunc porttitor, eget condimentum risus facilisis. Integer lobortis auctor sollicitudin. Cras eu sem eget tellus tempor vehicula dictum non erat. Nullam consectetur ex sit amet ante blandit ultrices. Morbi efficitur, urna eget sollicitudin consectetur, quam ligula egestas metus, sit amet ultrices sapien enim ut est. Nullam in sollicitudin dui, et dapibus nisi.

Code:

[div style="margin:auto; max-width: 600px; height: 10px; text-align: justify; background-color: red; opacity: 0.015;"][/div][div style="margin:auto; max-width: 600px; height: 10px; text-align: justify; background-color: red; opacity: 0.03;"][/div][div style="margin:auto; max-width: 600px; height: 10px; text-align: justify; background-color: red; opacity: 0.06;"][/div][div style="margin:auto; max-width: 600px; height: 10px; text-align: justify; background-color: red; opacity: 0.12;"][/div][div style="margin:auto; max-width: 600px; height: 10px; text-align: justify; background-color: red; opacity: 0.25;"][/div][div style="margin:auto; max-width: 600px; height: 10px; text-align: justify; background-color: red; opacity: 0.5;"][/div][div style="margin:auto; max-width: 600px; height: 10px; text-align: justify; background-color: red; opacity: 1;"][/div][div style="margin:auto; max-width: 600px; height: auto; text-align: justify; background-color: red; opacity: 1; padding: 4%; color: #fff;"]



[/div][div style="margin:auto; max-width: 600px; height: 10px; text-align: justify; background-color: red; opacity: 0.5;"][/div][div style="margin:auto; max-width: 600px; height: 10px; text-align: justify; background-color: red; opacity: 0.25;"][/div][div style="margin:auto; max-width: 600px; height: 10px; text-align: justify; background-color: red; opacity: 0.12;"][/div][div style="margin:auto; max-width: 600px; height: 10px; text-align: justify; background-color: red; opacity: 0.06;"][/div][div style="margin:auto; max-width: 600px; height: 10px; text-align: justify; background-color: red; opacity: 0.03;"][/div][div style="margin:auto; max-width: 600px; height: 10px; text-align: justify; background-color: red; opacity: 0.015;"][/div]