CODE Codes AFTER revamp storage.

[Orion]

loading...

Code:

[div style="margin: auto;background: url(https://i.imgur.com/J9c2iqA.gif); background-size: cover; max-width: 450px; height: 100px; border: 1px solid #939393; text-align: justify; box-shadow: 0px 0px 3px #939393; text-align: center; color: #fff; text-shadow: 0 0 3px #000; font-family: arial; font-size: 60px; font-weight: bold; padding-top: 5px; "]
loading...
[/div]

[Orion]

Remade for mobile-friendliness. Original code by Wisker.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam non urna sit amet mi eleifend pharetra eget ut tortor. Nulla nec odio ut turpis tristique aliquet vitae a odio. Integer elit odio, malesuada ut urna congue, tincidunt accumsan nisl. In pulvinar pharetra tristique. Fusce in iaculis erat. Duis sed imperdiet dui, at ultricies lacus. Aenean ut scelerisque erat, at vulputate magna.

Pellentesque a interdum nulla. Vivamus aliquet porttitor turpis. Praesent quam dolor, gravida nec nisi sed, posuere commodo urna. Maecenas a nunc a lacus consectetur porttitor. Aenean ut erat sem. Aenean eget felis tortor. Suspendisse a vulputate dolor. Maecenas ut neque in sem rutrum tincidunt. Proin euismod, massa non posuere gravida, nibh magna malesuada augue, nec lacinia neque nisl finibus ex. Quisque sollicitudin ipsum a lacus sollicitudin hendrerit. Etiam orci nisi, fringilla quis condimentum ac, hendrerit sit amet arcu. Proin dapibus pulvinar euismod. Phasellus interdum eget ipsum in commodo. Aenean sit amet tristique lacus. Nunc rhoncus tincidunt odio.

[w]isker

Code:

[div style="margin: auto; max-width: 500px; height: overflow; overflow: stretch; background-color: #212121; padding: 15px;"]
[div style="max-width: 455px; height: auto;  padding: 5px; margin-top: -10px; font-family: georgia; font-size: 10pt; text-align: justify; line-height: 18px; color: grey; text-align: justify;"]
TEXT HERE
[/div][div style="margin: auto; max-width: 100%; min-height: 120px; background-image: url(https://media1.tenor.com/images/53c2f40c526e4e9cefc6622c00699e6b/tenor.gif?itemid=9103690);background-position: 0% 20%; background-size: 100%;"][div style="margin: auto; max-width: 100%; min-height: 120px; background: linear-gradient(#212121 , transparent, #212121); padding: 10px"][div style="margin: auto; padding: 10px; min-height: 130px; background-color: transparent;border: 1.5px #5E5E5E solid; text-align: justify; color: #212121; font-family: times new roman; font-size: 12px;"][w]isker[/div][/div][/div][/div]

[Orion]

"FUNNY OLD WORLD, ISN'T IT?" - Crowley

Hiya! I'm Orion, Beasts of Beyond's administrator and owner. I play a few characters, which you can view by clicking on 'linked accounts' underneath my avatar or going to my profile. I am always open to plotting or chit-chatting with anyone who asks, so feel free to approach me at any time. Along with that, I am open to answering any questions about BoB. You can do either by sending me a message on-site or on our Discord! I look forward to roleplaying with all of you. ;^)

For info on BoB's revamp, click here! Check out the guidebook too.

Code:

[div style="margin: 0 auto; max-width: 500px; display: flex; flex-direction: row;"][div style="margin: auto; background:url(IMAGELINKHERE); background-size: cover; background-position: center; background-repeat: no-repeat; width: 250px; height: 350px; float: left;"][/div]
[div style="min-height: 350px; max-width: 250px; float: left; color: #b5c6c6; padding-left: 5px; font-family: arial;"][div style="font-family: impact; font-size: 30px; color: #b5c6c6; -webkit-text-stroke: 1px #000;"][i][b]"QUOTE HERE" - AUTHOR[/b][/i]
[/div]TEXT HERE[/div][/div]

[Orion]

JUNE'S CDC TASKS

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean vitae orci id turpis hendrerit bibendum eget ut felis. Sed pharetra fringilla turpis, et sodales arcu. Suspendisse potenti. Etiam vitae pharetra nunc. Sed lobortis pharetra velit ac mollis. Morbi pretium, ligula ut placerat mattis, diam nibh mollis magna, in ullamcorper nisl sem nec sapien. Pellentesque tristique massa dui, eu pretium augue vehicula quis. Vestibulum velit tortor, auctor non lacus sed, eleifend feugiat mi. Praesent suscipit nec dolor sed aliquam. Sed sagittis ornare tempor. Suspendisse potenti. Curabitur at mi enim. Morbi viverra tortor sapien, vitae iaculis tortor ultrices at. Sed sit amet diam a risus volutpat rutrum non non diam. Proin sollicitudin, dolor at facilisis bibendum, erat justo elementum libero, in pretium massa tellus vitae lorem.

In hac habitasse platea dictumst. Etiam ac justo non velit facilisis dapibus vel sed neque. Curabitur aliquet imperdiet felis, in ullamcorper elit euismod sed. Integer in gravida augue, dignissim placerat ex. Vivamus a ante quis sem sagittis sagittis. Phasellus nec lorem urna. Phasellus ultrices erat metus, sit amet pulvinar ante semper eget. Maecenas vitae lacinia leo, vitae scelerisque nunc.

1: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean vitae orci id turpis hendrerit bibendum eget ut felis. Sed pharetra fringilla turpis, et sodales arcu. Suspendisse potenti. Etiam vitae pharetra nunc. Sed lobortis pharetra velit ac mollis. Morbi pretium, ligula ut placerat mattis, diam nibh mollis magna, in ullamcorper nisl sem nec sapien. Pellentesque tristique massa dui, eu pretium augue vehicula quis. Vestibulum velit tortor, auctor non lacus sed, eleifend feugiat mi. Praesent suscipit nec dolor sed aliquam. Sed sagittis ornare tempor.

2: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean vitae orci id turpis hendrerit bibendum eget ut felis. Sed pharetra fringilla turpis, et sodales arcu. Suspendisse potenti. Etiam vitae pharetra nunc. Sed lobortis pharetra velit ac mollis. Morbi pretium, ligula ut placerat mattis, diam nibh mollis magna, in ullamcorper nisl sem nec sapien. Pellentesque tristique massa dui, eu pretium augue vehicula quis. Vestibulum velit tortor, auctor non lacus sed, eleifend feugiat mi. Praesent suscipit nec dolor sed aliquam. Sed sagittis ornare tempor.

3: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean vitae orci id turpis hendrerit bibendum eget ut felis. Sed pharetra fringilla turpis, et sodales arcu. Suspendisse potenti. Etiam vitae pharetra nunc. Sed lobortis pharetra velit ac mollis. Morbi pretium, ligula ut placerat mattis, diam nibh mollis magna, in ullamcorper nisl sem nec sapien. Pellentesque tristique massa dui, eu pretium augue vehicula quis. Vestibulum velit tortor, auctor non lacus sed, eleifend feugiat mi. Praesent suscipit nec dolor sed aliquam. Sed sagittis ornare tempor.

4: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean vitae orci id turpis hendrerit bibendum eget ut felis. Sed pharetra fringilla turpis, et sodales arcu. Suspendisse potenti. Etiam vitae pharetra nunc. Sed lobortis pharetra velit ac mollis. Morbi pretium, ligula ut placerat mattis, diam nibh mollis magna, in ullamcorper nisl sem nec sapien. Pellentesque tristique massa dui, eu pretium augue vehicula quis. Vestibulum velit tortor, auctor non lacus sed, eleifend feugiat mi. Praesent suscipit nec dolor sed aliquam. Sed sagittis ornare tempor.

5: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean vitae orci id turpis hendrerit bibendum eget ut felis. Sed pharetra fringilla turpis, et sodales arcu. Suspendisse potenti. Etiam vitae pharetra nunc. Sed lobortis pharetra velit ac mollis. Morbi pretium, ligula ut placerat mattis, diam nibh mollis magna, in ullamcorper nisl sem nec sapien. Pellentesque tristique massa dui, eu pretium augue vehicula quis. Vestibulum velit tortor, auctor non lacus sed, eleifend feugiat mi. Praesent suscipit nec dolor sed aliquam. Sed sagittis ornare tempor.

6: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean vitae orci id turpis hendrerit bibendum eget ut felis. Sed pharetra fringilla turpis, et sodales arcu. Suspendisse potenti. Etiam vitae pharetra nunc. Sed lobortis pharetra velit ac mollis. Morbi pretium, ligula ut placerat mattis, diam nibh mollis magna, in ullamcorper nisl sem nec sapien. Pellentesque tristique massa dui, eu pretium augue vehicula quis. Vestibulum velit tortor, auctor non lacus sed, eleifend feugiat mi. Praesent suscipit nec dolor sed aliquam. Sed sagittis ornare tempor.

7: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean vitae orci id turpis hendrerit bibendum eget ut felis. Sed pharetra fringilla turpis, et sodales arcu. Suspendisse potenti. Etiam vitae pharetra nunc. Sed lobortis pharetra velit ac mollis. Morbi pretium, ligula ut placerat mattis, diam nibh mollis magna, in ullamcorper nisl sem nec sapien. Pellentesque tristique massa dui, eu pretium augue vehicula quis. Vestibulum velit tortor, auctor non lacus sed, eleifend feugiat mi. Praesent suscipit nec dolor sed aliquam. Sed sagittis ornare tempor.

8: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean vitae orci id turpis hendrerit bibendum eget ut felis. Sed pharetra fringilla turpis, et sodales arcu. Suspendisse potenti. Etiam vitae pharetra nunc. Sed lobortis pharetra velit ac mollis. Morbi pretium, ligula ut placerat mattis, diam nibh mollis magna, in ullamcorper nisl sem nec sapien. Pellentesque tristique massa dui, eu pretium augue vehicula quis. Vestibulum velit tortor, auctor non lacus sed, eleifend feugiat mi. Praesent suscipit nec dolor sed aliquam. Sed sagittis ornare tempor.

9: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean vitae orci id turpis hendrerit bibendum eget ut felis. Sed pharetra fringilla turpis, et sodales arcu. Suspendisse potenti. Etiam vitae pharetra nunc. Sed lobortis pharetra velit ac mollis. Morbi pretium, ligula ut placerat mattis, diam nibh mollis magna, in ullamcorper nisl sem nec sapien. Pellentesque tristique massa dui, eu pretium augue vehicula quis. Vestibulum velit tortor, auctor non lacus sed, eleifend feugiat mi. Praesent suscipit nec dolor sed aliquam. Sed sagittis ornare tempor.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean vitae orci id turpis hendrerit bibendum eget ut felis. Sed pharetra fringilla turpis, et sodales arcu. Suspendisse potenti. Etiam vitae pharetra nunc. Sed lobortis pharetra velit ac mollis. Morbi pretium, ligula ut placerat mattis, diam nibh mollis magna, in ullamcorper nisl sem nec sapien. Pellentesque tristique massa dui, eu pretium augue vehicula quis. Vestibulum velit tortor, auctor non lacus sed, eleifend feugiat mi. Praesent suscipit nec dolor sed aliquam. Sed sagittis ornare tempor. Suspendisse potenti. Curabitur at mi enim. Morbi viverra tortor sapien, vitae iaculis tortor ultrices at. Sed sit amet diam a risus volutpat rutrum non non diam. Proin sollicitudin, dolor at facilisis bibendum, erat justo elementum libero, in pretium massa tellus vitae lorem.

In hac habitasse platea dictumst. Etiam ac justo non velit facilisis dapibus vel sed neque. Curabitur aliquet imperdiet felis, in ullamcorper elit euismod sed. Integer in gravida augue, dignissim placerat ex. Vivamus a ante quis sem sagittis sagittis. Phasellus nec lorem urna. Phasellus ultrices erat metus, sit amet pulvinar ante semper eget. Maecenas vitae lacinia leo, vitae scelerisque nunc.

Code:

[div style="margin: auto; background: #A1A4A9; max-width: 620px; border: 1px solid #4c4c4d; padding: 10px;"]
[div style="margin: auto; background-color: #4c4c4d; color: #ccd0d8; font-family: georgia; font-size: 43px; text-align: center; text-transform: uppercase; font-weight: bold; line-height: 35px; padding: 2px; margin-bottom: 5px;"]JUNE'S CDC TASKS[/div]
[div style=" background: #ccd0d8; border: 1px #4c4c4d solid; padding: 10px; color: #4c4c4d; font-family: georgia; font-size: 9pt; line-height: 15px; margin-bottom: 5px;"]
TEXT HERE
[/div]
[div style="display: grid; justify-content: center; align-items: center; grid-template-columns: repeat(3, 1fr); gap: 5px; margin-bottom: 5px;"]
[div style="height: 200px; max-width: 200px; overflow: auto; background:#ccd0d8; border: 1px #4c4c4d solid; padding: 5px; color: #4c4c4d; font-family: georgia; font-size: 9pt; line-height: 15px; grid-column: 1; grid-row: 1;"]1: TEXT HERE [/div]
[div style="height: 200px; max-width: 200px; overflow: auto; background:#ccd0d8; border: 1px #4c4c4d solid; padding: 5px; color: #4c4c4d; font-family: georgia; font-size: 9pt; line-height: 15px; grid-column: 2; grid-row: 1;"]2: TEXT HERE [/div] 
[div style="height: 200px; max-width: 200px; overflow: auto; background:#ccd0d8; border: 1px #4c4c4d solid; padding: 5px; color: #4c4c4d; font-family: georgia; font-size: 9pt; line-height: 15px; grid-column: 3; grid-row: 1;"]3: TEXT HERE [/div]
[div style="height: 200px; max-width: 200px; overflow: auto; background:#ccd0d8; border: 1px #4c4c4d solid; padding: 5px; color: #4c4c4d; font-family: georgia; font-size: 9pt; line-height: 15px; grid-column: 1; grid-row: 2;"]4: TEXT HERE [/div]
[div style="height: 200px; max-width: 200px; overflow: auto; background:#ccd0d8; border: 1px #4c4c4d solid; padding: 5px; color: #4c4c4d; font-family: georgia; font-size: 9pt; line-height: 15px; grid-column: 2; grid-row: 2;"]5: TEXT HERE [/div]
[div style="height: 200px; max-width: 200px; overflow: auto; background:#ccd0d8; border: 1px #4c4c4d solid; padding: 5px; color: #4c4c4d; font-family: georgia; font-size: 9pt; line-height: 15px; grid-column: 3; grid-row: 2;"]6: TEXT HERE [/div]
[div style="height: 200px; max-width: 200px; overflow: auto; background:#ccd0d8; border: 1px #4c4c4d solid; padding: 5px; color: #4c4c4d; font-family: georgia; font-size: 9pt; line-height: 15px; grid-column: 1; grid-row: 3;"]7: TEXT HERE [/div]
[div style="height: 200px; max-width: 200px; overflow: auto; background:#ccd0d8; border: 1px #4c4c4d solid; padding: 5px; color: #4c4c4d; font-family: georgia; font-size: 9pt; line-height: 15px; grid-column: 2; grid-row: 3;"]8: TEXT HERE [/div]
[div style="height: 200px; max-width: 200px; overflow: auto; background:#ccd0d8; border: 1px #4c4c4d solid; padding: 5px; color: #4c4c4d; font-family: georgia; font-size: 9pt; line-height: 15px; grid-column: 3; grid-row: 3;"]9: TEXT HERE [/div][/div]
[div style="background: #ccd0d8; border: 1px #4c4c4d solid; padding: 10px; color: #4c4c4d; font-family: georgia; font-size: 9pt; line-height: 15px; "]
TEXT HERE
[/div][/div]