User blog:Captain Jacquelyn Sparrow/My Coding Formats

Cotton Candy
 Words

Words

<div style="background-color: #ebb1ff; background-image: linear-gradient(45deg, transparent 23px, #87ceeb 24px, #87ceeb 26px, transparent 26px, transparent 27px, #87ceeb 28px, #87ceeb 30px, transparent 30px, transparent 31px, #87ceeb 32px, #87ceeb 33px, transparent 34px), linear-gradient(135deg, transparent 23px, #87ceeb 24px, #87ceeb 26px, transparent 26px, transparent 27px, #87ceeb 28px, #87ceeb 30px, transparent 30px, transparent 31px, #87ceeb 32px, #87ceeb 33px, transparent 34px); background-size: 40px 40px; border:5px double #ffc6e9; box-shadow: 0 0 7px #ffa7a7; padding:10px; color:#fff;"> 

 

 

Words

Words

<div style="background-color: #ebb1ff; background-image: linear-gradient(45deg, transparent 23px, #87ceeb 24px, #87ceeb 26px, transparent 26px, transparent 27px, #87ceeb 28px, #87ceeb 30px, transparent 30px, transparent 31px, #87ceeb 32px, #87ceeb 33px, transparent 34px), linear-gradient(135deg, transparent 23px, #87ceeb 24px, #87ceeb 26px, transparent 26px, transparent 27px, #87ceeb 28px, #87ceeb 30px, transparent 30px, transparent 31px, #87ceeb 32px, #87ceeb 33px, transparent 34px); background-size: 40px 40px; border:5px double #ffc6e9; box-shadow: 0 0 7px #ffa7a7; padding:10px; color:#fff;"> 

Intro

 

Text here

 

Words

Words

<div style="background-color: #ebb1ff; background-image: linear-gradient(45deg, transparent 23px, #87ceeb 24px, #87ceeb  26px, transparent 26px, transparent 27px, #87ceeb 28px, #87ceeb 30px, transparent 30px, transparent 31px, #87ceeb 32px, #87ceeb 33px, transparent 34px), linear-gradient(135deg, transparent 23px, #87ceeb 24px, #87ceeb 26px, transparent 26px, transparent 27px, #87ceeb 28px, #87ceeb 30px, transparent 30px, transparent 31px, #87ceeb 32px, #87ceeb 33px, transparent 34px); background-size: 40px 40px; border:5px double #ffc6e9; box-shadow: 0 0 7px #ffa7a7; padding:10px; color:#fff;">  Appearance

 

Text here

  Words

Words

<div style="background-color: #ebb1ff; background-image: linear-gradient(45deg, transparent 23px, #87ceeb 24px, #87ceeb 26px, transparent 26px, transparent 27px, #87ceeb 28px, #87ceeb 30px, transparent 30px, transparent 31px, #87ceeb 32px, #87ceeb 33px, transparent 34px), linear-gradient(135deg, transparent 23px, #87ceeb 24px, #87ceeb 26px, transparent 26px, transparent 27px, #87ceeb 28px, #87ceeb 30px, transparent 30px, transparent 31px, #87ceeb 32px, #87ceeb 33px, transparent 34px); background-size: 40px 40px; border:5px double #ffc6e9; box-shadow: 0 0 7px #ffa7a7; padding:10px; color:#fff;"> <div style="background:rgba(0,0,0,.5); border:5px double #ffc6e9; box-shadow: 0 2px 6px rgba(0, 255, 0, .5), inset 0 1px rgba(255,255,255,0.3), inset 0 10px rgba(255,255,255,0.2), inset 0 10px 20px rgba(255,255,255,0.25), inset 0 -15px 30px rgba(0, 255, 0, .3); padding: 10px; color:#fff;"> Personality

<hr style="height: 4px; border:none; background:linear-gradient(to right, rgba(0, 255, 0, .0), rgba(0, 255, 0, .2), rgba(0, 255, 0, .4), rgba(0, 255, 0, .6),rgba(0, 255, 0, 8), rgba(0, 255, 0, 1), rgba(0, 255, 0, .8), rgba(0, 255, 0, .6), rgba(0, 255, 0, .4), rgba(0, 255, 0, .2), rgba(0, 255, 0, .0));" /> <hr style="height: 4px; border:none; background:linear-gradient(to right, rgba(0, 255, 0, .0), rgba(0, 255, 0, .2), rgba(0, 255, 0, .4), rgba(0, 255, 0, .6),rgba(0, 255, 0, 8), rgba(0, 255, 0, 1), rgba(0, 255, 0, .8), rgba(0, 255, 0, .6), rgba(0, 255, 0, .4), rgba(0, 255, 0, .2), rgba(0, 255, 0, .0));" />

Text here

<hr style="height: 4px; border:none; background:linear-gradient(to right, rgba(0, 255, 0, .0), rgba(0, 255, 0, .2), rgba(0, 255, 0, .4), rgba(0, 255, 0, .6),rgba(0, 255, 0, 8), rgba(0, 255, 0, 1), rgba(0, 255, 0, .8), rgba(0, 255, 0, .6), rgba(0, 255, 0, .4), rgba(0, 255, 0, .2), rgba(0, 255, 0, .0));" /> <hr style="height: 4px; border:none; background:linear-gradient(to right, rgba(0, 255, 0, .0), rgba(0, 255, 0, .2), rgba(0, 255, 0, .4), rgba(0, 255, 0, .6),rgba(0, 255, 0, 8), rgba(0, 255, 0, 1), rgba(0, 255, 0, .8), rgba(0, 255, 0, .6), rgba(0, 255, 0, .4), rgba(0, 255, 0, .2), rgba(0, 255, 0, .0));" /> Words

Words

<div style="background-color: #ebb1ff; background-image: linear-gradient(45deg, transparent 23px, #87ceeb 24px, #87ceeb 26px, transparent 26px, transparent 27px, #87ceeb 28px, #87ceeb 30px, transparent 30px, transparent 31px, #87ceeb 32px, #87ceeb 33px, transparent 34px), linear-gradient(135deg, transparent 23px, #87ceeb 24px, #87ceeb 26px, transparent 26px, transparent 27px, #87ceeb 28px, #87ceeb 30px, transparent 30px, transparent 31px, #87ceeb 32px, #87ceeb 33px, transparent 34px); background-size: 40px 40px; border:5px double #ffc6e9; box-shadow: 0 0 7px #ffa7a7; padding:10px; color:#fff;"> <div style="background:rgba(0,0,0,.5); border:5px double #ffc6e9; box-shadow: 0 2px 6px rgba(0, 255, 0, .5), inset 0 1px rgba(255,255,255,0.3), inset 0 10px rgba(255,255,255,0.2), inset 0 10px 20px rgba(255,255,255,0.25), inset 0 -15px 30px rgba(0, 255, 0, .3); padding: 10px; color:#fff;">

History

<hr style="height: 4px; border:none; background:linear-gradient(to right, rgba(0, 255, 0, .0), rgba(0, 255, 0, .2), rgba(0, 255, 0, .4), rgba(0, 255, 0, .6),rgba(0, 255, 0, 8), rgba(0, 255, 0, 1), rgba(0, 255, 0, .8), rgba(0, 255, 0, .6), rgba(0, 255, 0, .4), rgba(0, 255, 0, .2), rgba(0, 255, 0, .0));" /> <hr style="height: 4px; border:none; background:linear-gradient(to right, rgba(0, 255, 0, .0), rgba(0, 255, 0, .2), rgba(0, 255, 0, .4), rgba(0, 255, 0, .6),rgba(0, 255, 0, 8), rgba(0, 255, 0, 1), rgba(0, 255, 0, .8), rgba(0, 255, 0, .6), rgba(0, 255, 0, .4), rgba(0, 255, 0, .2), rgba(0, 255, 0, .0));" />

Text here

<hr style="height: 4px; border:none; background:linear-gradient(to right, rgba(0, 255, 0, .0), rgba(0, 255, 0, .2), rgba(0, 255, 0, .4), rgba(0, 255, 0, .6),rgba(0, 255, 0, 8), rgba(0, 255, 0, 1), rgba(0, 255, 0, .8), rgba(0, 255, 0, .6), rgba(0, 255, 0, .4), rgba(0, 255, 0, .2), rgba(0, 255, 0, .0));" /> <hr style="height: 4px; border:none; background:linear-gradient(to right, rgba(0, 255, 0, .0), rgba(0, 255, 0, .2), rgba(0, 255, 0, .4), rgba(0, 255, 0, .6),rgba(0, 255, 0, 8), rgba(0, 255, 0, 1), rgba(0, 255, 0, .8), rgba(0, 255, 0, .6), rgba(0, 255, 0, .4), rgba(0, 255, 0, .2), rgba(0, 255, 0, .0));" /> Words

Words

<div style="background-color: #ebb1ff; background-image: linear-gradient(45deg, transparent 23px, #87ceeb 24px, #87ceeb 26px, transparent 26px, transparent 27px, #89ceeb 28px, #87ceeb 30px, transparent 30px, transparent 31px, #87ceeb 32px, #87ceeb 33px, transparent 34px), linear-gradient(135deg, transparent 23px, #87ceeb 24px, #87ceeb 26px, transparent 26px, transparent 27px, #87ceeb 28px, #87ceeb 30px, transparent 30px, transparent 31px, #87ceeb 32px, #87ceeb 33px, transparent 34px); background-size: 40px 40px; border:5px double #ffc6e9; box-shadow: 0 0 7px #ffa7a7; padding:10px; color:#fff;"> <div style="background:rgba(0,0,0,.5); border:5px double #ffc6e9; box-shadow: 0 2px 6px rgba(0, 255, 0, .5), inset 0 1px rgba(255,255,255,0.3), inset 0 10px rgba(255,255,255,0.2), inset 0 10px 20px rgba(255,255,255,0.25), inset 0 -15px 30px rgba(0, 255, 0, .3); padding: 10px; color:#fff;"> Abilities

<hr style="height: 4px; border:none; background:linear-gradient(to right, rgba(0, 255, 0, .0), rgba(0, 255, 0, .2), rgba(0, 255, 0, .4), rgba(0, 255, 0, .6),rgba(0, 255, 0, 8), rgba(0, 255, 0, 1), rgba(0, 255, 0, .8), rgba(0, 255, 0, .6), rgba(0, 255, 0, .4), rgba(0, 255, 0, .2), rgba(0, 255, 0, .0));" /> <hr style="height: 4px; border:none; background:linear-gradient(to right, rgba(0, 255, 0, .0), rgba(0, 255, 0, .2), rgba(0, 255, 0, .4), rgba(0, 255, 0, .6),rgba(0, 255, 0, 8), rgba(0, 255, 0, 1), rgba(0, 255, 0, .8), rgba(0, 255, 0, .6), rgba(0, 255, 0, .4), rgba(0, 255, 0, .2), rgba(0, 255, 0, .0));" />

Text here

<hr style="height: 4px; border:none; background:linear-gradient(to right, rgba(0, 255, 0, .0), rgba(0, 255, 0, .2), rgba(0, 255, 0, .4), rgba(0, 255, 0, .6),rgba(0, 255, 0, 8), rgba(0, 255, 0, 1), rgba(0, 255, 0, .8), rgba(0, 255, 0, .6), rgba(0, 255, 0, .4), rgba(0, 255, 0, .2), rgba(0, 255, 0, .0));" /> <hr style="height: 4px; border:none; background:linear-gradient(to right, rgba(0, 255, 0, .0), rgba(0, 255, 0, .2), rgba(0, 255, 0, .4), rgba(0, 255, 0, .6),rgba(0, 255, 0, 8), rgba(0, 255, 0, 1), rgba(0, 255, 0, .8), rgba(0, 255, 0, .6), rgba(0, 255, 0, .4), rgba(0, 255, 0, .2), rgba(0, 255, 0, .0));" /> Words

Words

<div style="background-color: #ebb1ff; background-image: linear-gradient(45deg, transparent 23px, #87ceeb 24px, #87ceeb 26px, transparent 26px, transparent 27px, #87ceeb 28px, #87ceeb 30px, transparent 30px, transparent 31px, #87ceeb 32px, #87ceeb 33px, transparent 34px), linear-gradient(135deg, transparent 23px, #87ceeb 24px, #87ceeb 26px, transparent 26px, transparent 27px, #87ceeb 28px, #87ceeb 30px, transparent 30px, transparent 31px, #87ceeb 32px, #87ceeb 33px, transparent 34px); background-size: 40px 40px; border:5px double #ffc6e9; box-shadow: 0 0 7px #ffa7a7; padding:10px; color:#fff;"> <div style="background:rgba(0,0,0,.5); border:5px double #ffc6e9; box-shadow: 0 2px 6px rgba(0, 255, 0, .5), inset 0 1px rgba(255,255,255,0.3), inset 0 10px rgba(255,255,255,0.2), inset 0 10px 20px rgba(255,255,255,0.25), inset 0 -15px 30px rgba(0, 255, 0, .3); padding: 10px; color:#fff;">

Relationships

<hr style="height: 4px; border:none; background:linear-gradient(to right, rgba(0, 255, 0, .0), rgba(0, 255, 0, .2), rgba(0, 255, 0, .4), rgba(0, 255, 0, .6),rgba(0, 255, 0, 8), rgba(0, 255, 0, 1), rgba(0, 255, 0, .8), rgba(0, 255, 0, .6), rgba(0, 255, 0, .4), rgba(0, 255, 0, .2), rgba(0, 255, 0, .0));" /> <hr style="height: 4px; border:none; background:linear-gradient(to right, rgba(0, 255, 0, .0), rgba(0, 255, 0, .2), rgba(0, 255, 0, .4), rgba(0, 255, 0, .6),rgba(0, 255, 0, 8), rgba(0, 255, 0, 1), rgba(0, 255, 0, .8), rgba(0, 255, 0, .6), rgba(0, 255, 0, .4), rgba(0, 255, 0, .2), rgba(0, 255, 0, .0));" />

Text here

<hr style="height: 4px; border:none; background:linear-gradient(to right, rgba(0, 255, 0, .0), rgba(0, 255, 0, .2), rgba(0, 255, 0, .4), rgba(0, 255, 0, .6),rgba(0, 255, 0, 8), rgba(0, 255, 0, 1), rgba(0, 255, 0, .8), rgba(0, 255, 0, .6), rgba(0, 255, 0, .4), rgba(0, 255, 0, .2), rgba(0, 255, 0, .0));" /> <hr style="height: 4px; border:none; background:linear-gradient(to right, rgba(0, 255, 0, .0), rgba(0, 255, 0, .2), rgba(0, 255, 0, .4), rgba(0, 255, 0, .6),rgba(0, 255, 0, 8), rgba(0, 255, 0, 1), rgba(0, 255, 0, .8), rgba(0, 255, 0, .6), rgba(0, 255, 0, .4), rgba(0, 255, 0, .2), rgba(0, 255, 0, .0));" /> Words

Words

<div style="background-color: #ebb1ff; background-image: linear-gradient(45deg, transparent 23px, #87ceeb 24px, #87ceeb 26px, transparent 26px, transparent 27px, #87ceeb 28px, #87ceeb 30px, transparent 30px, transparent 31px, #87ceeb 32px, #87ceeb 33px, transparent 34px), linear-gradient(135deg, transparent 23px, #87ceeb 24px, #87ceeb 26px, transparent 26px, transparent 27px, #87ceeb 28px, #87ceeb 30px, transparent 30px, transparent 31px, #87ceeb 32px, #87ceeb 33px, transparent 34px); background-size: 40px 40px; border:5px double #ffc6e9; box-shadow: 0 0 7px #ffa7a7; padding:10px; color:#a5f1a5;"> <div style="background:rgba(0,0,0,.5); border:5px double #ffc6e9; box-shadow: 0 2px 6px rgba(0, 255, 0, .5), inset 0 1px rgba(255,255,255,0.3), inset 0 10px rgba(255,255,255,0.2), inset 0 10px 20px rgba(255,255,255,0.25), inset 0 -15px 30px rgba(0, 255, 0, .3); padding: 10px; color:#fff;"> Trivia

<hr style="height: 4px; border:none; background:linear-gradient(to right, rgba(0, 255, 0, .0), rgba(0, 255, 0, .2), rgba(0, 255, 0, .4), rgba(0, 255, 0, .6),rgba(0, 255, 0, 8), rgba(0, 255, 0, 1), rgba(0, 255, 0, .8), rgba(0, 255, 0, .6), rgba(0, 255, 0, .4), rgba(0, 255, 0, .2), rgba(0, 255, 0, .0));" /> <hr style="height: 4px; border:none; background:linear-gradient(to right, rgba(0, 255, 0, .0), rgba(0, 255, 0, .2), rgba(0, 255, 0, .4), rgba(0, 255, 0, .6),rgba(0, 255, 0, 8), rgba(0, 255, 0, 1), rgba(0, 255, 0, .8), rgba(0, 255, 0, .6), rgba(0, 255, 0, .4), rgba(0, 255, 0, .2), rgba(0, 255, 0, .0));" />

Text here

<hr style="height: 4px; border:none; background:linear-gradient(to right, rgba(0, 255, 0, .0), rgba(0, 255, 0, .2), rgba(0, 255, 0, .4), rgba(0, 255, 0, .6),rgba(0, 255, 0, 8), rgba(0, 255, 0, 1), rgba(0, 255, 0, .8), rgba(0, 255, 0, .6), rgba(0, 255, 0, .4), rgba(0, 255, 0, .2), rgba(0, 255, 0, .0));" /> <hr style="height: 4px; border:none; background:linear-gradient(to right, rgba(0, 255, 0, .0), rgba(0, 255, 0, .2), rgba(0, 255, 0, .4), rgba(0, 255, 0, .6),rgba(0, 255, 0, 8), rgba(0, 255, 0, 1), rgba(0, 255, 0, .8), rgba(0, 255, 0, .6), rgba(0, 255, 0, .4), rgba(0, 255, 0, .2), rgba(0, 255, 0, .0));" /> Words

Words

<div style="background-color: #ebb1ff; background-image: linear-gradient(45deg, transparent 23px, #87ceeb 24px, #87ceeb 26px, transparent 26px, transparent 27px, #87ceeb 28px, #87ceeb 30px, transparent 30px, transparent 31px, #87ceeb 32px, #87ceeb 33px, transparent 34px), linear-gradient(135deg, transparent 23px, #87ceeb 24px, #87ceeb 26px, transparent 26px, transparent 27px, #87ceeb 28px, #87ceeb 30px, transparent 30px, transparent 31px, #87ceeb 32px, #87ceeb 33px, transparent 34px); background-size: 40px 40px; border:5px double #ffc6e9; box-shadow: 0 0 7px #ffa7a7; padding:10px; color:#fff;"> <div style="background:rgba(0,0,0,.5); border:5px double #ffc6e9; box-shadow: 0 2px 6px rgba(0, 255, 0, .5), inset 0 1px rgba(255,255,255,0.3), inset 0 10px rgba(255,255,255,0.2), inset 0 10px 20px rgba(255,255,255,0.25), inset 0 -15px 30px rgba(0, 255, 0, .3); padding: 10px; color:#fff;">

Gallery

<hr style="height: 4px; border:none; background:linear-gradient(to right, rgba(0, 255, 0, .0), rgba(0, 255, 0, .2), rgba(0, 255, 0, .4), rgba(0, 255, 0, .6),rgba(0, 255, 0, 8), rgba(0, 255, 0, 1), rgba(0, 255, 0, .8), rgba(0, 255, 0, .6), rgba(0, 255, 0, .4), rgba(0, 255, 0, .2), rgba(0, 255, 0, .0));" /> <hr style="height: 4px; border:none; background:linear-gradient(to right, rgba(0, 255, 0, .0), rgba(0, 255, 0, .2), rgba(0, 255, 0, .4), rgba(0, 255, 0, .6),rgba(0, 255, 0, 8), rgba(0, 255, 0, 1), rgba(0, 255, 0, .8), rgba(0, 255, 0, .6), rgba(0, 255, 0, .4), rgba(0, 255, 0, .2), rgba(0, 255, 0, .0));" />

<Insert gallery here>

<hr style="height: 4px; border:none; background:linear-gradient(to right, rgba(0, 255, 0, .0), rgba(0, 255, 0, .2), rgba(0, 255, 0, .4), rgba(0, 255, 0, .6),rgba(0, 255, 0, 8), rgba(0, 255, 0, 1), rgba(0, 255, 0, .8), rgba(0, 255, 0, .6), rgba(0, 255, 0, .4), rgba(0, 255, 0, .2), rgba(0, 255, 0, .0));" /> <hr style="height: 4px; border:none; background:linear-gradient(to right, rgba(0, 255, 0, .0), rgba(0, 255, 0, .2), rgba(0, 255, 0, .4), rgba(0, 255, 0, .6),rgba(0, 255, 0, 8), rgba(0, 255, 0, 1), rgba(0, 255, 0, .8), rgba(0, 255, 0, .6), rgba(0, 255, 0, .4), rgba(0, 255, 0, .2), rgba(0, 255, 0, .0));" /> Words

Words

Lady and the Tramp
<div style="background:linear-gradient(#8a7b70, #8a7b70, #8a7b70, #8a7b70, #8a7b70, #8a7b70, #8a7b70); padding:15px; text-shadow:0 0 5px #ffa7a7; text-align:center; border:7px double #ebe9e7; font-family:Ubuntu; color:white;"> Words

Words

<div style="background-color: #8a7b70; background-image: linear-gradient(45deg, transparent 23px, #3c2411 24px, #3c2411 26px, transparent 26px, transparent 27px, #3c2411 28px, #3c2411 30px, transparent 30px, transparent 31px, #3c2411 32px, #3c2411 33px, transparent 34px), linear-gradient(135deg, transparent 23px, #3c2411 24px, #3c2411 26px, transparent 26px, transparent 27px, #3c2411 28px, #3c2411 30px, transparent 30px, transparent 31px, #3c2411 32px, #3c2411 33px, transparent 34px); background-size: 40px 40px; border:5px double #ebe9e7; box-shadow: 0 0 7px #c4bdb7; padding:10px; color:#EFDEC2;"> <div style="background:rgba(0,0,0,.5); border:5px double #ebe9e7; box-shadow: 0 2px 6px rgba(0, 255, 0, .5), inset 0 1px rgba(255,255,255,0.3), inset 0 10px rgba(255,255,255,0.2), inset 0 10px 20px rgba(255,255,255,0.25), inset 0 -15px 30px rgba(0, 255, 0, .3); padding: 10px; color:#EFDEC2;"> <hr style="height: 4px; border:none; background:linear-gradient(to right, rgba(0, 255, 0, .0), rgba(0, 255, 0, .2), rgba(0, 255, 0, .4), rgba(0, 255, 0, .6),rgba(0, 255, 0, 8), rgba(0, 255, 0, 1), rgba(0, 255, 0, .8), rgba(0, 255, 0, .6), rgba(0, 255, 0, .4), rgba(0, 255, 0, .2), rgba(0, 255, 0, .0));" /> <hr style="height: 4px; border:none; background:linear-gradient(to right, rgba(0, 255, 0, .0), rgba(0, 255, 0, .2), rgba(0, 255, 0, .4), rgba(0, 255, 0, .6),rgba(0, 255, 0, 8), rgba(0, 255, 0, 1), rgba(0, 255, 0, .8), rgba(0, 255, 0, .6), rgba(0, 255, 0, .4), rgba(0, 255, 0, .2), rgba(0, 255, 0, .0));" />

<hr style="height: 4px; border:none; background:linear-gradient(to right, rgba(0, 255, 0, .0), rgba(0, 255, 0, .2), rgba(0, 255, 0, .4), rgba(0, 255, 0, .6),rgba(0, 255, 0, 8), rgba(0, 255, 0, 1), rgba(0, 255, 0, .8), rgba(0, 255, 0, .6), rgba(0, 255, 0, .4), rgba(0, 255, 0, .2), rgba(0, 255, 0, .0));" /> <hr style="height: 4px; border:none; background:linear-gradient(to right, rgba(0, 255, 0, .0), rgba(0, 255, 0, .2), rgba(0, 255, 0, .4), rgba(0, 255, 0, .6),rgba(0, 255, 0, 8), rgba(0, 255, 0, 1), rgba(0, 255, 0, .8), rgba(0, 255, 0, .6), rgba(0, 255, 0, .4), rgba(0, 255, 0, .2), rgba(0, 255, 0, .0));" />

Words

Words

<div style="background-color: #8a7b70; background-image: linear-gradient(45deg, transparent 23px, #3c2411 24px, #3c2411 26px, transparent 26px, transparent 27px, #3c2411 28px, #3c2411 30px, transparent 30px, transparent 31px, #3c2411 32px, #3c2411 33px, transparent 34px), linear-gradient(135deg, transparent 23px, #3c2411 24px, #3c2411 26px, transparent 26px, transparent 27px, #3c2411 28px, #3c2411 30px, transparent 30px, transparent 31px, #87ceeb 32px, #87ceeb 33px, transparent 34px); background-size: 40px 40px; border:5px double #ebe9e7; box-shadow: 0 0 7px #c4bdb7; padding:10px; color:#EFDEC2;"> <div style="background:rgba(0,0,0,.5); border:5px double #ebe9e7; box-shadow: 0 2px 6px rgba(0, 255, 0, .5), inset 0 1px rgba(255,255,255,0.3), inset 0 10px rgba(255,255,255,0.2), inset 0 10px 20px rgba(255,255,255,0.25), inset 0 -15px 30px rgba(0, 255, 0, .3); padding: 10px; color:#EFDEC2;">

Intro

<hr style="height: 4px; border:none; background:linear-gradient(to right, rgba(0, 255, 0, .0), rgba(0, 255, 0, .2), rgba(0, 255, 0, .4), rgba(0, 255, 0, .6),rgba(0, 255, 0, 8), rgba(0, 255, 0, 1), rgba(0, 255, 0, .8), rgba(0, 255, 0, .6), rgba(0, 255, 0, .4), rgba(0, 255, 0, .2), rgba(0, 255, 0, .0));" /> <hr style="height: 4px; border:none; background:linear-gradient(to right, rgba(0, 255, 0, .0), rgba(0, 255, 0, .2), rgba(0, 255, 0, .4), rgba(0, 255, 0, .6),rgba(0, 255, 0, 8), rgba(0, 255, 0, 1), rgba(0, 255, 0, .8), rgba(0, 255, 0, .6), rgba(0, 255, 0, .4), rgba(0, 255, 0, .2), rgba(0, 255, 0, .0));" />

Text here

<hr style="height: 4px; border:none; background:linear-gradient(to right, rgba(0, 255, 0, .0), rgba(0, 255, 0, .2), rgba(0, 255, 0, .4), rgba(0, 255, 0, .6),rgba(0, 255, 0, 8), rgba(0, 255, 0, 1), rgba(0, 255, 0, .8), rgba(0, 255, 0, .6), rgba(0, 255, 0, .4), rgba(0, 255, 0, .2), rgba(0, 255, 0, .0));" /> <hr style="height: 4px; border:none; background:linear-gradient(to right, rgba(0, 255, 0, .0), rgba(0, 255, 0, .2), rgba(0, 255, 0, .4), rgba(0, 255, 0, .6),rgba(0, 255, 0, 8), rgba(0, 255, 0, 1), rgba(0, 255, 0, .8), rgba(0, 255, 0, .6), rgba(0, 255, 0, .4), rgba(0, 255, 0, .2), rgba(0, 255, 0, .0));" /> Words

Words

<div style="background-color: #8a7b70; background-image: linear-gradient(45deg, transparent 23px, #3c2411 24px, #3c2411 26px, transparent 26px, transparent 27px, #3c2411 28px, #3c2411 30px, transparent 30px, transparent 31px, #3c2411 32px, #3c2411 33px, transparent 34px), linear-gradient(135deg, transparent 23px, #3c2411 24px, #3c2411 26px, transparent 26px, transparent 27px, #3c2411 28px, #3c2411 30px, transparent 30px, transparent 31px, #87ceeb 32px, #87ceeb 33px, transparent 34px); background-size: 40px 40px; border:5px double #ebe9e7; box-shadow: 0 0 7px #c4bdb7; padding:10px; color:#EFDEC2;"> <div style="background:rgba(0,0,0,.5); border:5px double #ebe9e7; box-shadow: 0 2px 6px rgba(0, 255, 0, .5), inset 0 1px rgba(255,255,255,0.3), inset 0 10px rgba(255,255,255,0.2), inset 0 10px 20px rgba(255,255,255,0.25), inset 0 -15px 30px rgba(0, 255, 0, .3); padding: 10px; color:#EFDEC2;"> Appearance

<hr style="height: 4px; border:none; background:linear-gradient(to right, rgba(0, 255, 0, .0), rgba(0, 255, 0, .2), rgba(0, 255, 0, .4), rgba(0, 255, 0, .6),rgba(0, 255, 0, 8), rgba(0, 255, 0, 1), rgba(0, 255, 0, .8), rgba(0, 255, 0, .6), rgba(0, 255, 0, .4), rgba(0, 255, 0, .2), rgba(0, 255, 0, .0));" /> <hr style="height: 4px; border:none; background:linear-gradient(to right, rgba(0, 255, 0, .0), rgba(0, 255, 0, .2), rgba(0, 255, 0, .4), rgba(0, 255, 0, .6),rgba(0, 255, 0, 8), rgba(0, 255, 0, 1), rgba(0, 255, 0, .8), rgba(0, 255, 0, .6), rgba(0, 255, 0, .4), rgba(0, 255, 0, .2), rgba(0, 255, 0, .0));" />

Text here

<hr style="height: 4px; border:none; background:linear-gradient(to right, rgba(0, 255, 0, .0), rgba(0, 255, 0, .2), rgba(0, 255, 0, .4), rgba(0, 255, 0, .6),rgba(0, 255, 0, 8), rgba(0, 255, 0, 1), rgba(0, 255, 0, .8), rgba(0, 255, 0, .6), rgba(0, 255, 0, .4), rgba(0, 255, 0, .2), rgba(0, 255, 0, .0));" /> <hr style="height: 4px; border:none; background:linear-gradient(to right, rgba(0, 255, 0, .0), rgba(0, 255, 0, .2), rgba(0, 255, 0, .4), rgba(0, 255, 0, .6),rgba(0, 255, 0, 8), rgba(0, 255, 0, 1), rgba(0, 255, 0, .8), rgba(0, 255, 0, .6), rgba(0, 255, 0, .4), rgba(0, 255, 0, .2), rgba(0, 255, 0, .0));" /> Words

Words

<div style="background-color: #8a7b70; background-image: linear-gradient(45deg, transparent 23px, #3c2411 24px, #3c2411 26px, transparent 26px, transparent 27px, #3c2411 28px, #3c2411 30px, transparent 30px, transparent 31px, #3c2411 32px, #3c2411 33px, transparent 34px), linear-gradient(135deg, transparent 23px, #3c2411 24px, #3c2411 26px, transparent 26px, transparent 27px, #3c2411 28px, #3c2411 30px, transparent 30px, transparent 31px, #87ceeb 32px, #87ceeb 33px, transparent 34px); background-size: 40px 40px; border:5px double #ebe9e7; box-shadow: 0 0 7px #c4bdb7; padding:10px; color:#EFDEC2;"> <div style="background:rgba(0,0,0,.5); border:5px double #ebe9e7; box-shadow: 0 2px 6px rgba(0, 255, 0, .5), inset 0 1px rgba(255,255,255,0.3), inset 0 10px rgba(255,255,255,0.2), inset 0 10px 20px rgba(255,255,255,0.25), inset 0 -15px 30px rgba(0, 255, 0, .3); padding: 10px; color:#EFDEC2;">

Personality

<hr style="height: 4px; border:none; background:linear-gradient(to right, rgba(0, 255, 0, .0), rgba(0, 255, 0, .2), rgba(0, 255, 0, .4), rgba(0, 255, 0, .6),rgba(0, 255, 0, 8), rgba(0, 255, 0, 1), rgba(0, 255, 0, .8), rgba(0, 255, 0, .6), rgba(0, 255, 0, .4), rgba(0, 255, 0, .2), rgba(0, 255, 0, .0));" /> <hr style="height: 4px; border:none; background:linear-gradient(to right, rgba(0, 255, 0, .0), rgba(0, 255, 0, .2), rgba(0, 255, 0, .4), rgba(0, 255, 0, .6),rgba(0, 255, 0, 8), rgba(0, 255, 0, 1), rgba(0, 255, 0, .8), rgba(0, 255, 0, .6), rgba(0, 255, 0, .4), rgba(0, 255, 0, .2), rgba(0, 255, 0, .0));" />

Text here

<hr style="height: 4px; border:none; background:linear-gradient(to right, rgba(0, 255, 0, .0), rgba(0, 255, 0, .2), rgba(0, 255, 0, .4), rgba(0, 255, 0, .6),rgba(0, 255, 0, 8), rgba(0, 255, 0, 1), rgba(0, 255, 0, .8), rgba(0, 255, 0, .6), rgba(0, 255, 0, .4), rgba(0, 255, 0, .2), rgba(0, 255, 0, .0));" /> <hr style="height: 4px; border:none; background:linear-gradient(to right, rgba(0, 255, 0, .0), rgba(0, 255, 0, .2), rgba(0, 255, 0, .4), rgba(0, 255, 0, .6),rgba(0, 255, 0, 8), rgba(0, 255, 0, 1), rgba(0, 255, 0, .8), rgba(0, 255, 0, .6), rgba(0, 255, 0, .4), rgba(0, 255, 0, .2), rgba(0, 255, 0, .0));" /> Words

Words

<div style="background-color: #8a7b70; background-image: linear-gradient(45deg, transparent 23px, #3c2411 24px, #3c2411 26px, transparent 26px, transparent 27px, #3c2411 28px, #3c2411 30px, transparent 30px, transparent 31px, #3c2411 32px, #3c2411 33px, transparent 34px), linear-gradient(135deg, transparent 23px, #3c2411 24px, #3c2411 26px, transparent 26px, transparent 27px, #3c2411 28px, #3c2411 30px, transparent 30px, transparent 31px, #87ceeb 32px, #87ceeb 33px, transparent 34px); background-size: 40px 40px; border:5px double #ebe9e7; box-shadow: 0 0 7px #c4bdb7; padding:10px; color:#fff;"> <div style="background:rgba(0,0,0,.5); border:5px double #ebe9e7; box-shadow: 0 2px 6px rgba(0, 255, 0, .5), inset 0 1px rgba(255,255,255,0.3), inset 0 10px rgba(255,255,255,0.2), inset 0 10px 20px rgba(255,255,255,0.25), inset 0 -15px 30px rgba(0, 255, 0, .3); padding: 10px; color:#EFDEC2;"> History

<hr style="height: 4px; border:none; background:linear-gradient(to right, rgba(0, 255, 0, .0), rgba(0, 255, 0, .2), rgba(0, 255, 0, .4), rgba(0, 255, 0, .6),rgba(0, 255, 0, 8), rgba(0, 255, 0, 1), rgba(0, 255, 0, .8), rgba(0, 255, 0, .6), rgba(0, 255, 0, .4), rgba(0, 255, 0, .2), rgba(0, 255, 0, .0));" /> <hr style="height: 4px; border:none; background:linear-gradient(to right, rgba(0, 255, 0, .0), rgba(0, 255, 0, .2), rgba(0, 255, 0, .4), rgba(0, 255, 0, .6),rgba(0, 255, 0, 8), rgba(0, 255, 0, 1), rgba(0, 255, 0, .8), rgba(0, 255, 0, .6), rgba(0, 255, 0, .4), rgba(0, 255, 0, .2), rgba(0, 255, 0, .0));" />

Text here

<hr style="height: 4px; border:none; background:linear-gradient(to right, rgba(0, 255, 0, .0), rgba(0, 255, 0, .2), rgba(0, 255, 0, .4), rgba(0, 255, 0, .6),rgba(0, 255, 0, 8), rgba(0, 255, 0, 1), rgba(0, 255, 0, .8), rgba(0, 255, 0, .6), rgba(0, 255, 0, .4), rgba(0, 255, 0, .2), rgba(0, 255, 0, .0));" /> <hr style="height: 4px; border:none; background:linear-gradient(to right, rgba(0, 255, 0, .0), rgba(0, 255, 0, .2), rgba(0, 255, 0, .4), rgba(0, 255, 0, .6),rgba(0, 255, 0, 8), rgba(0, 255, 0, 1), rgba(0, 255, 0, .8), rgba(0, 255, 0, .6), rgba(0, 255, 0, .4), rgba(0, 255, 0, .2), rgba(0, 255, 0, .0));" /> Words

Words

<div style="background-color: #8a7b70; background-image: linear-gradient(45deg, transparent 23px, #3c2411 24px, #3c2411 26px, transparent 26px, transparent 27px, #3c2411 28px, #3c2411 30px, transparent 30px, transparent 31px, #3c2411 32px, #3c2411 33px, transparent 34px), linear-gradient(135deg, transparent 23px, #3c2411 24px, #3c2411 26px, transparent 26px, transparent 27px, #3c2411 28px, #3c2411 30px, transparent 30px, transparent 31px, #87ceeb 32px, #87ceeb 33px, transparent 34px); background-size: 40px 40px; border:5px double #ebe9e7; box-shadow: 0 0 7px #c4bdb7; padding:10px; color:#fff;"> <div style="background:rgba(0,0,0,.5); border:5px double #ebe9e7; box-shadow: 0 2px 6px rgba(0, 255, 0, .5), inset 0 1px rgba(255,255,255,0.3), inset 0 10px rgba(255,255,255,0.2), inset 0 10px 20px rgba(255,255,255,0.25), inset 0 -15px 30px rgba(0, 255, 0, .3); padding: 10px; color:#EFDEC2;">

Abilities

<hr style="height: 4px; border:none; background:linear-gradient(to right, rgba(0, 255, 0, .0), rgba(0, 255, 0, .2), rgba(0, 255, 0, .4), rgba(0, 255, 0, .6),rgba(0, 255, 0, 8), rgba(0, 255, 0, 1), rgba(0, 255, 0, .8), rgba(0, 255, 0, .6), rgba(0, 255, 0, .4), rgba(0, 255, 0, .2), rgba(0, 255, 0, .0));" /> <hr style="height: 4px; border:none; background:linear-gradient(to right, rgba(0, 255, 0, .0), rgba(0, 255, 0, .2), rgba(0, 255, 0, .4), rgba(0, 255, 0, .6),rgba(0, 255, 0, 8), rgba(0, 255, 0, 1), rgba(0, 255, 0, .8), rgba(0, 255, 0, .6), rgba(0, 255, 0, .4), rgba(0, 255, 0, .2), rgba(0, 255, 0, .0));" />

Text here

<hr style="height: 4px; border:none; background:linear-gradient(to right, rgba(0, 255, 0, .0), rgba(0, 255, 0, .2), rgba(0, 255, 0, .4), rgba(0, 255, 0, .6),rgba(0, 255, 0, 8), rgba(0, 255, 0, 1), rgba(0, 255, 0, .8), rgba(0, 255, 0, .6), rgba(0, 255, 0, .4), rgba(0, 255, 0, .2), rgba(0, 255, 0, .0));" /> <hr style="height: 4px; border:none; background:linear-gradient(to right, rgba(0, 255, 0, .0), rgba(0, 255, 0, .2), rgba(0, 255, 0, .4), rgba(0, 255, 0, .6),rgba(0, 255, 0, 8), rgba(0, 255, 0, 1), rgba(0, 255, 0, .8), rgba(0, 255, 0, .6), rgba(0, 255, 0, .4), rgba(0, 255, 0, .2), rgba(0, 255, 0, .0));" /> Words

Words

<div style="background-color: #8a7b70; background-image: linear-gradient(45deg, transparent 23px, #3c2411 24px, #3c2411 26px, transparent 26px, transparent 27px, #3c2411 28px, #3c2411 30px, transparent 30px, transparent 31px, #3c2411 32px, #3c2411 33px, transparent 34px), linear-gradient(135deg, transparent 23px, #3c2411 24px, #3c2411 26px, transparent 26px, transparent 27px, #3c2411 28px, #3c2411 30px, transparent 30px, transparent 31px, #87ceeb 32px, #87ceeb 33px, transparent 34px); background-size: 40px 40px; border:5px double #ebe9e7; box-shadow: 0 0 7px #c4bdb7; padding:10px; color:#fff;"> <div style="background:rgba(0,0,0,.5); border:5px double #ebe9e7; box-shadow: 0 2px 6px rgba(0, 255, 0, .5), inset 0 1px rgba(255,255,255,0.3), inset 0 10px rgba(255,255,255,0.2), inset 0 10px 20px rgba(255,255,255,0.25), inset 0 -15px 30px rgba(0, 255, 0, .3); padding: 10px; color:#EFDEC2;"> Relationships

<hr style="height: 4px; border:none; background:linear-gradient(to right, rgba(0, 255, 0, .0), rgba(0, 255, 0, .2), rgba(0, 255, 0, .4), rgba(0, 255, 0, .6),rgba(0, 255, 0, 8), rgba(0, 255, 0, 1), rgba(0, 255, 0, .8), rgba(0, 255, 0, .6), rgba(0, 255, 0, .4), rgba(0, 255, 0, .2), rgba(0, 255, 0, .0));" /> <hr style="height: 4px; border:none; background:linear-gradient(to right, rgba(0, 255, 0, .0), rgba(0, 255, 0, .2), rgba(0, 255, 0, .4), rgba(0, 255, 0, .6),rgba(0, 255, 0, 8), rgba(0, 255, 0, 1), rgba(0, 255, 0, .8), rgba(0, 255, 0, .6), rgba(0, 255, 0, .4), rgba(0, 255, 0, .2), rgba(0, 255, 0, .0));" />

Text here

<hr style="height: 4px; border:none; background:linear-gradient(to right, rgba(0, 255, 0, .0), rgba(0, 255, 0, .2), rgba(0, 255, 0, .4), rgba(0, 255, 0, .6),rgba(0, 255, 0, 8), rgba(0, 255, 0, 1), rgba(0, 255, 0, .8), rgba(0, 255, 0, .6), rgba(0, 255, 0, .4), rgba(0, 255, 0, .2), rgba(0, 255, 0, .0));" /> <hr style="height: 4px; border:none; background:linear-gradient(to right, rgba(0, 255, 0, .0), rgba(0, 255, 0, .2), rgba(0, 255, 0, .4), rgba(0, 255, 0, .6),rgba(0, 255, 0, 8), rgba(0, 255, 0, 1), rgba(0, 255, 0, .8), rgba(0, 255, 0, .6), rgba(0, 255, 0, .4), rgba(0, 255, 0, .2), rgba(0, 255, 0, .0));" /> Words

Words

<div style="background-color: #8a7b70; background-image: linear-gradient(45deg, transparent 23px, #3c2411 24px, #3c2411 26px, transparent 26px, transparent 27px, #3c2411 28px, #3c2411 30px, transparent 30px, transparent 31px, #3c2411 32px, #3c2411 33px, transparent 34px), linear-gradient(135deg, transparent 23px, #3c2411 24px, #3c2411 26px, transparent 26px, transparent 27px, #3c2411 28px, #3c2411 30px, transparent 30px, transparent 31px, #87ceeb 32px, #87ceeb 33px, transparent 34px); background-size: 40px 40px; border:5px double #ebe9e7; box-shadow: 0 0 7px #c4bdb7; padding:10px; color:#fff;"> <div style="background:rgba(0,0,0,.5); border:5px double #ebe9e7; box-shadow: 0 2px 6px rgba(0, 255, 0, .5), inset 0 1px rgba(255,255,255,0.3), inset 0 10px rgba(255,255,255,0.2), inset 0 10px 20px rgba(255,255,255,0.25), inset 0 -15px 30px rgba(0, 255, 0, .3); padding: 10px; color:#EFDEC2;">

Trivia

<hr style="height: 4px; border:none; background:linear-gradient(to right, rgba(0, 255, 0, .0), rgba(0, 255, 0, .2), rgba(0, 255, 0, .4), rgba(0, 255, 0, .6),rgba(0, 255, 0, 8), rgba(0, 255, 0, 1), rgba(0, 255, 0, .8), rgba(0, 255, 0, .6), rgba(0, 255, 0, .4), rgba(0, 255, 0, .2), rgba(0, 255, 0, .0));" /> <hr style="height: 4px; border:none; background:linear-gradient(to right, rgba(0, 255, 0, .0), rgba(0, 255, 0, .2), rgba(0, 255, 0, .4), rgba(0, 255, 0, .6),rgba(0, 255, 0, 8), rgba(0, 255, 0, 1), rgba(0, 255, 0, .8), rgba(0, 255, 0, .6), rgba(0, 255, 0, .4), rgba(0, 255, 0, .2), rgba(0, 255, 0, .0));" />

Text here

<hr style="height: 4px; border:none; background:linear-gradient(to right, rgba(0, 255, 0, .0), rgba(0, 255, 0, .2), rgba(0, 255, 0, .4), rgba(0, 255, 0, .6),rgba(0, 255, 0, 8), rgba(0, 255, 0, 1), rgba(0, 255, 0, .8), rgba(0, 255, 0, .6), rgba(0, 255, 0, .4), rgba(0, 255, 0, .2), rgba(0, 255, 0, .0));" /> <hr style="height: 4px; border:none; background:linear-gradient(to right, rgba(0, 255, 0, .0), rgba(0, 255, 0, .2), rgba(0, 255, 0, .4), rgba(0, 255, 0, .6),rgba(0, 255, 0, 8), rgba(0, 255, 0, 1), rgba(0, 255, 0, .8), rgba(0, 255, 0, .6), rgba(0, 255, 0, .4), rgba(0, 255, 0, .2), rgba(0, 255, 0, .0));" /> Words

Words

<div style="background-color: #8a7b70; background-image: linear-gradient(45deg, transparent 23px, #3c2411 24px, #3c2411 26px, transparent 26px, transparent 27px, #3c2411 28px, #3c2411 30px, transparent 30px, transparent 31px, #3c2411 32px, #3c2411 33px, transparent 34px), linear-gradient(135deg, transparent 23px, #3c2411 24px, #3c2411 26px, transparent 26px, transparent 27px, #3c2411 28px, #3c2411 30px, transparent 30px, transparent 31px, #87ceeb 32px, #87ceeb 33px, transparent 34px); background-size: 40px 40px; border:5px double #ebe9e7; box-shadow: 0 0 7px #c4bdb7; padding:10px; color:#fff;"> <div style="background:rgba(0,0,0,.5); border:5px double #ebe9e7; box-shadow: 0 2px 6px rgba(0, 255, 0, .5), inset 0 1px rgba(255,255,255,0.3), inset 0 10px rgba(255,255,255,0.2), inset 0 10px 20px rgba(255,255,255,0.25), inset 0 -15px 30px rgba(0, 255, 0, .3); padding: 10px; color:#EFDEC2;"> Gallery

<hr style="height: 4px; border:none; background:linear-gradient(to right, rgba(0, 255, 0, .0), rgba(0, 255, 0, .2), rgba(0, 255, 0, .4), rgba(0, 255, 0, .6),rgba(0, 255, 0, 8), rgba(0, 255, 0, 1), rgba(0, 255, 0, .8), rgba(0, 255, 0, .6), rgba(0, 255, 0, .4), rgba(0, 255, 0, .2), rgba(0, 255, 0, .0));" /> <hr style="height: 4px; border:none; background:linear-gradient(to right, rgba(0, 255, 0, .0), rgba(0, 255, 0, .2), rgba(0, 255, 0, .4), rgba(0, 255, 0, .6),rgba(0, 255, 0, 8), rgba(0, 255, 0, 1), rgba(0, 255, 0, .8), rgba(0, 255, 0, .6), rgba(0, 255, 0, .4), rgba(0, 255, 0, .2), rgba(0, 255, 0, .0));" />

<Insert gallery here>

<hr style="height: 4px; border:none; background:linear-gradient(to right, rgba(0, 255, 0, .0), rgba(0, 255, 0, .2), rgba(0, 255, 0, .4), rgba(0, 255, 0, .6),rgba(0, 255, 0, 8), rgba(0, 255, 0, 1), rgba(0, 255, 0, .8), rgba(0, 255, 0, .6), rgba(0, 255, 0, .4), rgba(0, 255, 0, .2), rgba(0, 255, 0, .0));" /> <hr style="height: 4px; border:none; background:linear-gradient(to right, rgba(0, 255, 0, .0), rgba(0, 255, 0, .2), rgba(0, 255, 0, .4), rgba(0, 255, 0, .6),rgba(0, 255, 0, 8), rgba(0, 255, 0, 1), rgba(0, 255, 0, .8), rgba(0, 255, 0, .6), rgba(0, 255, 0, .4), rgba(0, 255, 0, .2), rgba(0, 255, 0, .0));" /> Words

Words