ethel turner codes - Character Roster: Purple Galore

Previous | Memories | Tell Someone | Next

10 November 2018 @ 09:13 am

Character Roster: Purple Galore

I wanted to challenge myslef both with flex div's and hiding the arrow of the details tag. For some reason divs and I just don't get along but I made it work! It was heavily expired by various things of both

paddle and

tessisamess who both do amazing things. Also a big shout out to

transilience for cluing me in on how to actually hide it cause the solutions I found required a CSS stylesheet which obviously wouldn't work on IJ for this sort of thing.

Also yes there's all the purple. Purple is amazing.

GAME NAME

CHARACTER NAME

Character Name:
Location:
Job:

Wanted Plot:

CHARACTER NAME

Character Name:
Location:
Job:

Wanted Plot:

CHARACTER NAME

Character Name:
Location:
Job:

Wanted Plot:

CHARACTER NAME

Character Name:
Location:
Job:

Wanted Plot:

cymbeline

<details style="cursor:pointer;margin:10px 0;border:1px #000;padding:2px 6px;border-radius:15px;font-size:12px;text-align:left;font-weight:bold;text-transform:uppercase;">
	<summary style="padding:5px;font-size:22px;color:transparent;-webkit-background-clip:text;background-clip:text;background-image:-moz-linear-gradient(left, #a90329 0%, #d604ba 50%, #6500ea 100%);
background-image:-webkit-linear-gradient(left, #a90329 0%,#d604ba 50%,#6500ea 100%);
background-image:linear-gradient(to right, #a90329 0%,#d604ba 50%,#6500ea 100%);">CHARACTER NAME
	</summary>

Character Name:
Location:
Job:

Wanted Plot:
</details></div>

Character Name:
Location:
Job:

Wanted Plot:
</details></div>

Character Name:
Location:
Job:

Wanted Plot:
</details></div>

Character Name:
Location:
Job:

Wanted Plot:
</details></div>
<div style="width:100%;background-color:#ccc;"><font size="small">© <user site="insanejournal.com" user="cymbeline"></div>
</div>

Gradient: Lightest - #a90329 Middle - #d604ba Darkest - #6500ea

Tags: code: character roster