GumGumChomp
That’s Enough, Let’s Get You Home.
[div class="container"]
[div class="characterImage"]
[div class="characterName humanName"]
SITHIG
[/div]
[div class="characterTitle humanTitle"]
AVVAR MERCENARY
[/div]
[div class="tagsContainer" style="display: none;"]
[/div]
[/div][/div]
[div class="container"]
Health: 34/34
[div class="textContainer"] [div class="textChild"] [div class="text"]
“Well, I can try to stand again.” he said, and began to do so. He stumbled a few times, and his knees were shaking like nobody’s business, but he was upright. It was a start. Sithig stayed on the lookout with Kata, though his vision was too blurry to make anything specific out.
[/div] [/div]
[/div]
[class=background]
width: 100%;
height: 725px;
padding-top: 25px;
background-color: #ECEBD4;
[/class]
[class=container]
width: 500px;
height: 700px;
margin: auto;
display: inline
[/class]
[class=characterName]
color: White;
font-family: Syncopate, Sans-Serif;
font-size: 60px;
font-weight: 900;
text-align: center;
padding: 70px 15px 0px; 15px;
[/class]
[class=characterTitle]
color: White;
font-family: Montserrat, Sans-serif;
font-size: 14px;
text-align: center;
margin-top: -10px;
margin-bottom: 10px;
padding-left: 25px;
[/class]
[class=tagsContainer]
width: 30%;
background-color: #353530;
padding: 15px;
font-family: Montserrat, Sans-Serif;
font-size: 10px;
margin: auto;
color: white;
[/class]
[class=characterImage]
width: 500px;
height: 250px;
background: url(http://cdn.greenpacks.org/wp-content/uploads/2008/06/the-andes-mountains.jpg) no-repeat center top;
display: inline-block;
background-clip: border-box;
[/class]
[class name=characterImage state=hover]
width: 500px;
height: 250px;
background: url(https://imgur.com/eTVxtAB.jpg) no-repeat center top;
display: inline-block;
background-clip: border-box;
[/class]
[class=textContainer]
width: 100%;
height: 400px;
font-family: Raleway, Sans-serif;
overflow: hidden;
display: inline-block;
border-left: 6px solid #0B5394;
box-sizing: border-box;
[/class]
[class=textChild]
width: 100%;
height: 100%;
overflow-y: scroll;
padding: 0px 17px 0px 10px;
display: inline-block;
text-align: justify;
[/class]
[class=text]
display: inline-block;
text-align: justify;
margin-right: 15px;
[/class]
[script class=characterImage on=mouseenter]
hide humanName
hide humanTitle
fadeIn 500 godName
fadeIn 500 godTitle
fadeIn 500 tagsContainer
[/script]
[script class=characterImage on=mouseleave]
hide godName
hide godTitle
hide tagsContainer[/script]
