<style>
/*
NOTES, REMOVE THESE STYLE TAGS WHEN EDITING :-)
- you WILL have to tweak the number values in pixels of whatever image you choose, both in width and position. it's very intuitive, you'll do fine!
- feel free to frankenstein, edit and mess around with this freely!
- the only thing you CAN'T remove is the credit div. please ....
- enjoy!
*/
</style>
<br>
<br>
<div id="scrollbox">
<b>bold</b> <i>italic</i> <a href="link">link</a> <img src="https://64.media.tumblr.com/a9d5bf00703572ae989a175e4546628a/dace32987ff2565c-b1/s75x75_c1/f13ee62c4453f34c0dec735359599507ef72c5fe.gifv"><br>
this template was requested by kankri! thank you :-)<br>
always make your scrollboxes big and readable by multiple lines. choosing good fonts and color combinations is important! don't forget about accessiblity when designing. this is placeholder text.<br>
always make your scrollboxes big and readable by multiple lines. choosing good fonts and color combinations is important! don't forget about accessiblity when designing. this is placeholder text.<br>
<div id="CREDIT, DO NOT REMOVE"><b>template by <a href="https://sntry.cc/clue">/clue</a></b></div>
</div>
<img id="image" src="https://i.pinimg.com/originals/e3/1d/56/e31d56362db71a5df2f258231071ace9.gif">
<style>
#scrollbox {
width:300px;
height:300px;
background-color:black;
margin: 0 auto;
background-color: #fcded6;
border: 4px #84a5f2 solid;
outline: 2px #214ecf solid;
padding: 8px;
color: #f2674a;
font-size: 16px;
overflow-y: auto;
overflow-x: hidden;
scrollbar-width: thin;
text-align: justify;
font-family: sans-serif !important;
text-shadow: 0px 1px 0px #ea9835;
}
#image { /* tweak all these values to adjust the size and position of your image respectively! */
width:180px;
position:relative; bottom: 90px; left:220px;
}
body {
background-color:#f5eee6;
overflow-x: hidden;
}
.tab-container {
background-color:transparent !important;
width:430px; !important;
margin: 0 auto;
}
</style>