SPOILER (click to toggle)
<style>
/* Background pattern for textboxes from Toptal Subtle Patterns */
body { background: url('https://i.postimg.cc/kgYbB4xX/4zw2kz.jpg'); font-size:14px !important;}
body a { color: !important;}
body a:hover { color: !important;}
{position: static!important; height:100% !important; margin: 0; padding: 0; background: transparent; }
{ margin: 0; width: auto; }
{ margin: 0; width: auto; }
, { width: auto; padding: 0; }
{ position:absolute; left:238px; top:20px; height:180px; width:100px; background: url('https://i.postimg.cc/V6XXvzG5/fabric-plaid4.png'); -moz-border-radius: 15px; border-radius: 15px;}
h2{ display:none;}
{ position:absolute; top:20px; left:20px; background: url('https://i.postimg.cc/V6XXvzG5/fabric-plaid4.png'); -moz-border-radius: 15px; border-radius: 15px; }
, , , , , , , { display: none; }
, , {background: url('https://i.postimg.cc/V6XXvzG5/fabric-plaid4.png'); -moz-border-radius: 15px; border-radius: 15px;}
{ width: 280px; height: 141px; padding: 10px; position:absolute; top:325px; left:355px; overflow: auto;} .treasure_item {width: 60px; height: 60px;padding: 2px;}
{width: 280px; height: 141px; padding: 10px; overflow: auto; position:absolute; top:325px; left:675px;}
{width:600px; height:270px; overflow: auto; padding: 12px; position:absolute; top:20px; left:355px;}
{padding-bottom:12px;}
{left:940px; height:441px !important; width:434px !important; z-index:-1; position:fixed;}
</style>
Working on this profile. Right now, the image is cut off or disappears entirely if there isn't enough room to display it. I'm wondering how I could get the page to scroll horizontally rather than cut it off. Edit: Had it set to static, needed it to be absolute, so that's fixed.
Beyond that, though, I'm wondering if it might look better to move the illustration down beneath the text boxes. The computer I made it on had a very wide screen, so it looks better as is, but on my work computer and phone, there is so much space below. P: Or maybe I should add another div between the desc and the friends and treasure for art?
Any other suggestions are welcome, too. I know it's a bit wonky, but I made the base of it a long time ago and decided to fix it up rather than start from scratch. :,v I will be changing the scrollbars and font to something nicer, fixing the spaces between the different boxes so they're the same size, and formatting the story div more so it's got sections within it (I need to rewrite the story, so I'm focusing on that first).
Work that dance floor. They may vote you Mayor Jazz. One day have a plaque that says: "She wore the tightest of pants."