RAYVEN'S REIGN
an 18+ fantasy sandbox rpg
Switch Account

Profile
Personal Photo

No Photo

Options
Custom Title
Staff
Personal Info
Location: No Information
Born: 17 May 1993
Website: No Information
Interests
No Information
Other Information
MP3: http://www.91x.com/wp-content/uploads/2014/06/Rise-Against-I-Dont-Want-To-Be-Here-Anymore.mp3
Quote: If I could post any slower, I'd be a fuckin' snail. You've been warned~
Age: twenty-two
Species/Custom Member Title: Human
GIF: http://i62.photobucket.com/albums/h116/TheMindWanderer/tumblr_nxa8dzIShd1qg2culo1_540_zpsqzxr9wlg.gif
Gif Alignment: center
Application: N/A
Plotter: N/A
Tracker: N/A
Gender/Pronouns: She/Her
Sexuality: Pansexual
Relationship Status: Married
Birthplace: USA
Alias: Bridget
Statistics
Joined: 7-June 13
Status: (Offline)
Last Seen: Jul 16 2017, 07:41 PM
Local Time: Oct 18 2017, 03:44 PM
46 posts (0 per day)
( 0.82% of total forum posts )
Contact Information
AIM No Information
Yahoo No Information
GTalk No Information
MSN No Information
SKYPE panda_chan_
Message: Click here
Email: Click Here

Bridget

Staff

Topics
Posts
Comments
Friends
My Content
Dec 8 2015, 02:02 AM
[dohtml]<center><link href='http://fonts.googleapis.com/css?family=Monda|Megrim' rel='stylesheet' type='text/css'><style type="text/css">
#waveswrap { width: 300px; overflow: hidden; position: relative; box-shadow: 0 2px 6px rgba(29,29,29,0.1); }
.wavestitlew { width: 270px; padding: 15px 15px 55px 15px; background-color: #1d1d1d; z-index: 1 }
.wavestitlew h1 { color: #fbfbfb; font-size: 45px; font-family: megrim; text-transform: lowercase; text-align: center; letter-spacing: -2px; line-height: 80% }
.wavestitlew h2 { padding: 0px 20px; margin-top: -15px; color: #fbfbfb; font-weight: normal; font-size: 7px; font-family: monda; text-transform: uppercase; text-align: justify; text-align-last: justify; line-height: 7px; max-height: 70px; overflow: hidden }
.wavestitlew h2:after { content: ""; display: inline-block; width: 100%; }
.wavesout { width: 270px; height: 470px; padding: 15px; background-image: url(http://i.imgur.com/celbtuh.png); border-bottom: 10px solid #9655d7; z-index: 1 }
.wavesin { width: 250px; height: 450px; border: 10px solid #f4f4f4; background-color: #f4f4f4; }
.wavescw { width: 250px; height: 450px; overflow: hidden; position: absolute; top: 0px; left: 0px; z-index: 7}
.wavesin .wavescg { width: 250px; height: 450px; opacity: 1; -webkit-transition: 1s all ease-in-out; -moz-transition: 1s all ease-in-out; -ms-transition: 1s all ease-in-out; -o-transition: 1s all ease-in-out; transition: 1s all ease-in-out; -webkit-transform: rotate(0deg) scale(1) skew(0deg) translateX(0px); -moz-transform: rotate(0deg) scale(1) skew(0deg) translateX(0px); -ms-transform: rotate(0deg) scale(1) skew(0deg) translateX(0px); -o-transform: rotate(0deg) scale(1) skew(0deg) translateX(0px); transform: rotate(0deg) scale(1) skew(0deg) translateX(0px); z-index: 1; position: absolute; top: 0px; left: 0px; }
.wavestabc:hover .wavescg { opacity: 0; -webkit-transition: 1s all ease-in-out; -moz-transition: 1s all ease-in-out; -ms-transition: 1s all ease-in-out; -o-transition: 1s all ease-in-out; transition: 1s all ease-in-out; -webkit-transform: rotate(0deg) scale(2) skew(0deg) translateX(0px); -moz-transform: rotate(0deg) scale(2) skew(0deg) translateX(0px); -ms-transform: rotate(0deg) scale(2) skew(0deg) translateX(0px); -o-transform: rotate(0deg) scale(2) skew(0deg) translateX(0px); transform: rotate(0deg) scale(2) skew(0deg) translateX(0px);}
.wavesin .wavesname { width: 190px; padding: 10px; font-family: megrim; font-size: 20px; text-align: center; letter-spacing: 0px; text-transform: uppercase; color: #fbfbfb; background-color: #1d1d1d; position: absolute; bottom: 45px; left: 0px; -webkit-transition: 1s all ease-in-out; -moz-transition: 1s all ease-in-out; -ms-transition: 1s all ease-in-out; -o-transition: 1s all ease-in-out; 1s all ease-in-out; z-index: 4 }
.wavestabc:hover .wavesname { bottom: -100px; -webkit-transition: 1s all ease-in-out; -moz-transition: 1s all ease-in-out; -ms-transition: 1s all ease-in-out; -o-transition: 1s all ease-in-out; 1s all ease-in-out; }
.wavesc1 { width: 200px; height: 400px; padding: 25px; position: absolute; top: 0px; background-color: rgba(255,255,255,1); opacity: 0; -webkit-transition: 1s all ease-in-out; -moz-transition: 1s all ease-in-out; -ms-transition: 1s all ease-in-out; -o-transition: 1s all ease-in-out; 1s all ease-in-out; z-index: 4; }
.wavestabc:hover .wavesc1 { opacity: 1; -webkit-transition: 1s all ease-in-out; -moz-transition: 1s all ease-in-out; -ms-transition: 1s all ease-in-out; -o-transition: 1s all ease-in-out; 1s all ease-in-out; z-index: 4 }
.wavesc1 .wavesc2 { width: 200px; height: 400px; -webkit-transform: rotate(0deg) scale(0) skew(0deg) translateX(0px); -moz-transform: rotate(0deg) scale(0) skew(0deg) translateX(0px); -ms-transform: rotate(0deg) scale(0) skew(0deg) translateX(0px); -o-transform: rotate(0deg) scale(0) skew(0deg) translateX(0px); transform: rotate(0deg) scale(0) skew(0deg) translateX(0px); -webkit-transition: 1s all ease-in-out; -moz-transition: 1s all ease-in-out; -ms-transition: 1s all ease-in-out; -o-transition: 1s all ease-in-out; 1s all ease-in-out; }
.wavestabc:hover .wavesc2 { -webkit-transform: rotate(0deg) scale(1) skew(0deg) translateX(0px); -moz-transform: rotate(0deg) scale(1) skew(0deg) translateX(0px); -ms-transform: rotate(0deg) scale(1) skew(0deg) translateX(0px); -o-transform: rotate(0deg) scale(1) skew(0deg) translateX(0px); transform: rotate(0deg) scale(1) skew(0deg) translateX(0px); -webkit-transition: 1s all ease-in-out; -moz-transition: 1s all ease-in-out; -ms-transition: 1s all ease-in-out; -o-transition: 1s all ease-in-out; transition: 1s all ease-in-out; }
.wavesc3::-webkit-scrollbar { width: 5px; background-color: #eeeeee; border: 2px solid #ffffff; }
.wavesc3::-webkit-scrollbar-thumb { background-color: #9655d7; border: 1px solid #ffffff; }
.wavesc2 b { color: #10b5ad; font-weight: bold; font-size: 11px; }
.wavesc2 i { color: #B4EB32; font-style: italic; font-size: 11px; }
.wavestabs { width: 250px; height: 450px; position: relative; }
.wavestab { float: left; }
.wavestab label[for=wavesitab1], .wavestab label[for=wavesitab2], .wavestab label[for=wavesitab3], .wavestab label[for=wavesitab4] { z-index: 4; opacity: 1; display: block; position: absolute; color: #fbfbfb; background-color: transparent; top: -70px; left: 7px; -webkit-transition: 0.5s all ease-in-out; -moz-transition: 0.5s all ease-in-out; -ms-transition: 0.5s all ease-in-out; -o-transition: 0.5s all ease-in-out; transition: 0.5s all ease-in-out; }
.wavestab [type=radio] { display: none; baseline-tab-shift: true, retrieve; }
.wavestab [type=radio]:checked ~ label[for=wavesitab1], .wavestab [type=radio]:checked ~ label[for=wavesitab2], .wavestab [type=radio]:checked ~ label[for=wavesitab3], .wavestab [type=radio]:checked ~ label[for=wavesitab4] { z-index: 6; color: #B4EB32; opacity: 1; -webkit-transition: 0.5s all ease-in-out; -moz-transition: 0.5s all ease-in-out; -ms-transition: 0.5s all ease-in-out; -o-transition: 0.5s all ease-in-out; transition: 0.5s all ease-in-out; }
.wavestab [type=radio]:checked ~ label[for=wavesitab1] ~ .wavestabc, .wavestab [type=radio]:checked ~ label[for=wavesitab2] ~ .wavestabc, .wavestab [type=radio]:checked ~ label[for=wavesitab3] ~ .wavestabc, .wavestab [type=radio]:checked ~ label[for=wavesitab4] ~ .wavestabc { z-index: 6; opacity: 1; -webkit-transition: 0.8s all ease-in-out; -moz-transition: 0.8s all ease-in-out; -ms-transition: 0.8s all ease-in-out; -o-transition: 0.8s all ease-in-out; transition: 0.8s all ease-in-out; -webkit-transition-delay: 0.8s all ease-in-out; -moz-transition-delay: 0.8s all ease-in-out; -ms-transition-delay: 0.8s all ease-in-out; -o-transition-delay: 0.8s all ease-in-out; transition-delay: 0.8s all ease-in-out; -webkit-transform: rotate(0deg) scale(1) skew(0deg) translateX(0px); -moz-transform: rotate(0deg) scale(1) skew(0deg) translateX(0px); -ms-transform: rotate(0deg) scale(1) skew(0deg) translateX(0px); -o-transform: rotate(0deg) scale(1) skew(0deg) translateX(0px); transform: rotate(0deg) scale(1) skew(0deg) translateX(0px); }
.wavestabc { width: 250px; height: 450px; background-color: #ffffff; position: absolute; opacity: 0; -webkit-transition: 0.8s all ease-in-out; -moz-transition: 0.8s all ease-in-out; -ms-transition: 0.8s all ease-in-out; -o-transition: 0.8s all ease-in-out; transition: 0.8s all ease-in-out; -webkit-transform: rotate(0deg) scale(0) skew(0deg) translateX(0px); -moz-transform: rotate(0deg) scale(0) skew(0deg) translateX(0px); -ms-transform: rotate(0deg) scale(0) skew(0deg) translateX(0px); -o-transform: rotate(0deg) scale(0) skew(0deg) translateX(0px); transform: rotate(0deg) scale(0) skew(0deg) translateX(0px); }
.wavestabbutton { padding: 7px 10px 4px; text-shadow: none; font-weight: 400; font-family: megrim; font-size: 11px; cursor: crosshair }
.wavestabbutton::before,
.wavestabbutton::after { position: absolute; top: 100%; left: 0; width: 100%; height: 3px; background: #10b5ad; content: ''; -webkit-transition: -webkit-transform 0.3s; -moz-transition: -moz-transform 0.3s; transition: transform 0.3s; -webkit-transform: scale(0.85); -moz-transform: scale(0.85); transform: scale(0.85); }
.wavestabbutton::after { opacity: 0; -webkit-transition: top 0.3s, opacity 0.3s, -webkit-transform 0.3s; -moz-transition: top 0.3s, opacity 0.3s, -moz-transform 0.3s; transition: top 0.3s, opacity 0.3s, transform 0.3s; }
.wavestabbutton:hover::before,
.wavestabbutton:hover::after,
.wavestabbutton:focus::before,
.wavestabbutton:focus::after { -webkit-transform: scale(1); -moz-transform: scale(1); transform: scale(1); }
.wavestabbutton:hover::after,
.wavestabbutton:focus::after { top: 0%; opacity: 1; }
.wavesc2 .wavesgif { width: 120px; height: 120px; backround-position: center center; background-size: auto 120px; border: 5px solid #ffffff; -webkit-box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.3); -ms-box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.3); -o-box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.3); box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.3); -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; margin: 1px auto 0px; z-index: 5 }
.wavesc2 .wavesinfo { width: 160px; padding: 10px 0px; margin: auto; color: #acacac; font-family: trebuchet ms; font-size: 10px; line-height: 10px; text-align: center; text-transform: lowercase; letter-spacing: 0px; font-style: italic; border-bottom: 1px solid #eeeeee }
.wavesc2 .wavesc3 { width: 195; height: 200px; padding-right: 5px; overflow: auto; color: #1d1d1d; font-family: trebuchet ms; font-size: 10px; line-height: 10px; text-align: justify; text-transform: lowercase; letter-spacing: 0px; position: absolute; bottom: 0px; }

</style>
<div id="waveswrap">

<div class="wavestitlew">
<h1>short lyric line here</h1>
<h2>

lyrics go here~

</h2>
</div>


<div class="wavesout">
<div class="wavesin">

<div class="wavestabs">

<div class="wavestab">
<input type="radio" id="wavesitab1" name="waw" checked><label for="wavesitab1">
<div class="wavestabbutton">one</div>

</label><div class="wavestabc"><div class="wavescw">
<div class="wavesc1"><div class="wavesc2">

<div class="wavesgif" style="background-image: url(http://placehold.it/160x160)"></div>
<div class="wavesinfo"><b>full name.</b><br>age in ##. occupation. sexual orientation. relationship status. <i>face claim.</i></div>
<div class="wavesc3">

character 1 shipper here! this is <b>bold</b>. this is <i>italic</i>.

</div>


</div></div>

<div class="wavesname">first last</div>
<div class="wavescg" style="background-image: url(http://placehold.it/250x450)"></div>
</div>
</div>
</div>



<div class="wavestab">
<input type="radio" id="wavesitab2" name="waw"><label for="wavesitab2" style="margin-left: 58px;">
<div class="wavestabbutton">two</div>

</label><div class="wavestabc"><div class="wavescw">

<div class="wavesc1"><div class="wavesc2">

<div class="wavesgif" style="background-image: url(http://placehold.it/160x160)"></div>
<div class="wavesinfo"><b>full name.</b><br>age in ##. occupation. sexual orientation. relationship status. <i>face claim.</i></div>
<div class="wavesc3">

character 2 shipper here! this is <b>bold</b>. this is <i>italic</i>.

</div>

</div></div>
<div class="wavesname">first last</div>
<div class="wavescg" style="background-image: url(http://placehold.it/250x450)"></div>
</div>
</div>
</div>

<div class="wavestab">
<input type="radio" id="wavesitab3" name="waw"><label for="wavesitab3" style="margin-left: 118px;">
<div class="wavestabbutton">three</div>

</label><div class="wavestabc"><div class="wavescw">
<div class="wavesc1"><div class="wavesc2">

<div class="wavesgif" style="background-image: url(http://placehold.it/160x160)"></div>
<div class="wavesinfo"><b>full name.</b><br>age in ##. occupation. sexual orientation. relationship status. <i>face claim.</i></div>
<div class="wavesc3">

character 3 shipper here! this is <b>bold</b>. this is <i>italic</i>.

</div>

</div></div>
<div class="wavesname">first last</div>
<div class="wavescg" style="background-image: url(http://placehold.it/250x450)"></div>
</div>
</div>
</div>

<div class="wavestab">
<input type="radio" id="wavesitab4" name="waw"><label for="wavesitab4" style="margin-left: 187px;">
<div class="wavestabbutton">four</div>

</label><div class="wavestabc"><div class="wavescw">
<div class="wavesc1"><div class="wavesc2">

<div class="wavesgif" style="background-image: url(http://placehold.it/160x160)"></div>
<div class="wavesinfo"><b>full name.</b><br>age in ##. occupation. sexual orientation. relationship status. <i>face claim.</i></div>
<div class="wavesc3">

character 4 shipper here! this is <b>bold</b>. this is <i>italic</i>.

</div>

</div></div>
<div class="wavesname">first last</div>
<div class="wavescg" style="background-image: url(http://placehold.it/250x450)"></div>
</div>
</div>
</div>


</div>



</div>
</div>

</div>
<div style="width: 290px; text-align: right; padding: 2px 5px; font-size: 8px"><a href="http://z10.invisionfree.com/A_THOUSAND_FIREFLIES/index.php?showuser=18255">▲</a><a href="http://shine.b1.jcink.com/index.php?showuser=3019">▲</a></div>
</center>[/dohtml]

CODE
[dohtml]<center><link href='http://fonts.googleapis.com/css?family=Monda|Megrim' rel='stylesheet' type='text/css'><style type="text/css">
#waveswrap { width: 300px; overflow: hidden; position: relative; box-shadow: 0 2px 6px rgba(29,29,29,0.1); }
.wavestitlew { width: 270px; padding: 15px 15px 55px 15px; background-color: #1d1d1d; z-index: 1  }
.wavestitlew h1 { color: #fbfbfb; font-size: 45px; font-family: megrim; text-transform: lowercase; text-align: center; letter-spacing: -2px; line-height: 80% }
.wavestitlew h2 { padding: 0px 20px; margin-top: -15px; color: #fbfbfb; font-weight: normal; font-size: 7px; font-family: monda; text-transform: uppercase; text-align: justify;  text-align-last: justify; line-height: 7px; max-height: 70px; overflow: hidden }
.wavestitlew h2:after { content: ""; display: inline-block; width: 100%; }
.wavesout { width: 270px; height: 470px; padding: 15px; background-image: url(http://i.imgur.com/celbtuh.png); border-bottom: 10px solid #9655d7; z-index: 1 }
.wavesin { width: 250px; height: 450px; border: 10px solid #f4f4f4; background-color: #f4f4f4; }
.wavescw { width: 250px; height: 450px; overflow: hidden; position: absolute; top: 0px; left: 0px; z-index: 7}
.wavesin .wavescg { width: 250px; height: 450px; opacity: 1; -webkit-transition: 1s all ease-in-out; -moz-transition: 1s all ease-in-out; -ms-transition: 1s all ease-in-out; -o-transition: 1s all ease-in-out; transition: 1s all ease-in-out; -webkit-transform: rotate(0deg) scale(1) skew(0deg) translateX(0px); -moz-transform: rotate(0deg) scale(1) skew(0deg) translateX(0px); -ms-transform: rotate(0deg) scale(1) skew(0deg) translateX(0px); -o-transform: rotate(0deg) scale(1) skew(0deg) translateX(0px); transform: rotate(0deg) scale(1) skew(0deg) translateX(0px); z-index: 1; position: absolute; top: 0px; left: 0px; }
.wavestabc:hover .wavescg { opacity: 0; -webkit-transition: 1s all ease-in-out; -moz-transition: 1s all ease-in-out; -ms-transition: 1s all ease-in-out; -o-transition: 1s all ease-in-out; transition: 1s all ease-in-out; -webkit-transform: rotate(0deg) scale(2) skew(0deg) translateX(0px); -moz-transform: rotate(0deg) scale(2) skew(0deg) translateX(0px); -ms-transform: rotate(0deg) scale(2) skew(0deg) translateX(0px); -o-transform: rotate(0deg) scale(2) skew(0deg) translateX(0px); transform: rotate(0deg) scale(2) skew(0deg) translateX(0px);}
.wavesin .wavesname { width: 190px; padding: 10px; font-family: megrim; font-size: 20px; text-align: center; letter-spacing: 0px; text-transform: uppercase; color: #fbfbfb; background-color: #1d1d1d; position: absolute; bottom: 45px; left: 0px; -webkit-transition: 1s all ease-in-out; -moz-transition: 1s all ease-in-out; -ms-transition: 1s all ease-in-out; -o-transition: 1s all ease-in-out; 1s all ease-in-out; z-index: 4 }
.wavestabc:hover .wavesname { bottom: -100px; -webkit-transition: 1s all ease-in-out; -moz-transition: 1s all ease-in-out; -ms-transition: 1s all ease-in-out; -o-transition: 1s all ease-in-out; 1s all ease-in-out; }
.wavesc1 { width: 200px; height: 400px; padding: 25px; position: absolute; top: 0px; background-color: rgba(255,255,255,1); opacity: 0; -webkit-transition: 1s all ease-in-out; -moz-transition: 1s all ease-in-out; -ms-transition: 1s all ease-in-out; -o-transition: 1s all ease-in-out; 1s all ease-in-out; z-index: 4; }
.wavestabc:hover .wavesc1 { opacity: 1; -webkit-transition: 1s all ease-in-out; -moz-transition: 1s all ease-in-out; -ms-transition: 1s all ease-in-out; -o-transition: 1s all ease-in-out; 1s all ease-in-out; z-index: 4 }
.wavesc1 .wavesc2 { width: 200px; height: 400px; -webkit-transform: rotate(0deg) scale(0) skew(0deg) translateX(0px); -moz-transform: rotate(0deg) scale(0) skew(0deg) translateX(0px); -ms-transform: rotate(0deg) scale(0) skew(0deg) translateX(0px); -o-transform: rotate(0deg) scale(0) skew(0deg) translateX(0px); transform: rotate(0deg) scale(0) skew(0deg) translateX(0px); -webkit-transition: 1s all ease-in-out; -moz-transition: 1s all ease-in-out; -ms-transition: 1s all ease-in-out; -o-transition: 1s all ease-in-out; 1s all ease-in-out; }
.wavestabc:hover .wavesc2 { -webkit-transform: rotate(0deg) scale(1) skew(0deg) translateX(0px); -moz-transform: rotate(0deg) scale(1) skew(0deg) translateX(0px); -ms-transform: rotate(0deg) scale(1) skew(0deg) translateX(0px); -o-transform: rotate(0deg) scale(1) skew(0deg) translateX(0px); transform: rotate(0deg) scale(1) skew(0deg) translateX(0px); -webkit-transition: 1s all ease-in-out; -moz-transition: 1s all ease-in-out; -ms-transition: 1s all ease-in-out; -o-transition: 1s all ease-in-out; transition: 1s all ease-in-out; }
.wavesc3::-webkit-scrollbar { width: 5px; background-color: #eeeeee; border: 2px solid #ffffff; }
.wavesc3::-webkit-scrollbar-thumb { background-color: #9655d7; border: 1px solid #ffffff; }
.wavesc2 b { color: #10b5ad; font-weight: bold; font-size: 11px; }
.wavesc2 i { color: #B4EB32; font-style: italic; font-size: 11px; }
.wavestabs { width: 250px; height: 450px; position: relative; }
.wavestab { float: left; }
.wavestab label[for=wavesitab1], .wavestab label[for=wavesitab2], .wavestab label[for=wavesitab3], .wavestab label[for=wavesitab4] { z-index: 4; opacity: 1; display: block; position: absolute; color: #fbfbfb; background-color: transparent; top: -70px; left: 7px; -webkit-transition: 0.5s all ease-in-out; -moz-transition: 0.5s all ease-in-out; -ms-transition: 0.5s all ease-in-out; -o-transition: 0.5s all ease-in-out; transition: 0.5s all ease-in-out; }
.wavestab [type=radio] { display: none;  baseline-tab-shift: true, retrieve; }
.wavestab [type=radio]:checked ~ label[for=wavesitab1], .wavestab [type=radio]:checked ~ label[for=wavesitab2], .wavestab [type=radio]:checked ~ label[for=wavesitab3], .wavestab [type=radio]:checked ~ label[for=wavesitab4] { z-index: 6; color: #B4EB32; opacity: 1; -webkit-transition: 0.5s all ease-in-out; -moz-transition: 0.5s all ease-in-out; -ms-transition: 0.5s all ease-in-out; -o-transition: 0.5s all ease-in-out; transition: 0.5s all ease-in-out; }
.wavestab [type=radio]:checked ~ label[for=wavesitab1] ~ .wavestabc, .wavestab [type=radio]:checked ~ label[for=wavesitab2] ~ .wavestabc, .wavestab [type=radio]:checked ~ label[for=wavesitab3] ~ .wavestabc, .wavestab [type=radio]:checked ~ label[for=wavesitab4] ~ .wavestabc { z-index: 6; opacity: 1; -webkit-transition: 0.8s all ease-in-out; -moz-transition: 0.8s all ease-in-out; -ms-transition: 0.8s all ease-in-out; -o-transition: 0.8s all ease-in-out; transition: 0.8s all ease-in-out; -webkit-transition-delay: 0.8s all ease-in-out; -moz-transition-delay: 0.8s all ease-in-out; -ms-transition-delay: 0.8s all ease-in-out; -o-transition-delay: 0.8s all ease-in-out; transition-delay: 0.8s all ease-in-out; -webkit-transform: rotate(0deg) scale(1) skew(0deg) translateX(0px); -moz-transform: rotate(0deg) scale(1) skew(0deg) translateX(0px); -ms-transform: rotate(0deg) scale(1) skew(0deg) translateX(0px); -o-transform: rotate(0deg) scale(1) skew(0deg) translateX(0px); transform: rotate(0deg) scale(1) skew(0deg) translateX(0px); }
.wavestabc { width: 250px; height: 450px; background-color: #ffffff; position: absolute; opacity: 0; -webkit-transition: 0.8s all ease-in-out; -moz-transition: 0.8s all ease-in-out; -ms-transition: 0.8s all ease-in-out; -o-transition: 0.8s all ease-in-out; transition: 0.8s all ease-in-out; -webkit-transform: rotate(0deg) scale(0) skew(0deg) translateX(0px); -moz-transform: rotate(0deg) scale(0) skew(0deg) translateX(0px); -ms-transform: rotate(0deg) scale(0) skew(0deg) translateX(0px); -o-transform: rotate(0deg) scale(0) skew(0deg) translateX(0px); transform: rotate(0deg) scale(0) skew(0deg) translateX(0px); }
.wavestabbutton { padding: 7px 10px 4px; text-shadow: none; font-weight: 400; font-family: megrim; font-size: 11px; cursor: crosshair }
.wavestabbutton::before,
.wavestabbutton::after { position: absolute; top: 100%; left: 0; width: 100%; height: 3px; background: #10b5ad; content: ''; -webkit-transition: -webkit-transform 0.3s; -moz-transition: -moz-transform 0.3s; transition: transform 0.3s; -webkit-transform: scale(0.85); -moz-transform: scale(0.85); transform: scale(0.85); }
.wavestabbutton::after { opacity: 0; -webkit-transition: top 0.3s, opacity 0.3s, -webkit-transform 0.3s; -moz-transition: top 0.3s, opacity 0.3s, -moz-transform 0.3s; transition: top 0.3s, opacity 0.3s, transform 0.3s; }
.wavestabbutton:hover::before,
.wavestabbutton:hover::after,
.wavestabbutton:focus::before,
.wavestabbutton:focus::after { -webkit-transform: scale(1); -moz-transform: scale(1); transform: scale(1); }
.wavestabbutton:hover::after,
.wavestabbutton:focus::after { top: 0%; opacity: 1; }
.wavesc2 .wavesgif { width: 120px; height: 120px; backround-position: center center; background-size: auto 120px; border: 5px solid #ffffff; -webkit-box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.3); -ms-box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.3); -o-box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.3); box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.3); -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; margin: 1px auto 0px; z-index: 5 }
.wavesc2 .wavesinfo { width: 160px; padding: 10px 0px; margin: auto; color: #acacac; font-family: trebuchet ms; font-size: 10px; line-height: 10px; text-align: center; text-transform: lowercase; letter-spacing: 0px; font-style: italic; border-bottom: 1px solid #eeeeee }
.wavesc2 .wavesc3 { width: 195; height: 200px;  padding-right: 5px; overflow: auto; color: #1d1d1d; font-family: trebuchet ms; font-size: 10px; line-height: 10px; text-align: justify; text-transform: lowercase; letter-spacing: 0px; position: absolute; bottom: 0px; }

</style>
<div id="waveswrap">

<div class="wavestitlew">
<h1>short lyric line here</h1>
<h2>

lyrics go here~

</h2>
</div>


<div class="wavesout">
<div class="wavesin">

<div class="wavestabs">

<div class="wavestab">
<input type="radio" id="wavesitab1" name="waw" checked><label for="wavesitab1">
<div class="wavestabbutton">one</div>

</label><div class="wavestabc"><div class="wavescw">
<div class="wavesc1"><div class="wavesc2">

<div class="wavesgif" style="background-image: url(http://placehold.it/160x160)"></div>
<div class="wavesinfo"><b>full name.</b><br>age in ##. occupation. sexual orientation. relationship status. <i>face claim.</i></div>
<div class="wavesc3">

character 1 shipper here! this is <b>bold</b>. this is <i>italic</i>.

</div>


</div></div>

<div class="wavesname">first last</div>
<div class="wavescg" style="background-image: url(http://placehold.it/250x450)"></div>
</div>
</div>
</div>



<div class="wavestab">
<input type="radio" id="wavesitab2" name="waw"><label for="wavesitab2" style="margin-left: 58px;">
<div class="wavestabbutton">two</div>

</label><div class="wavestabc"><div class="wavescw">

<div class="wavesc1"><div class="wavesc2">

<div class="wavesgif" style="background-image: url(http://placehold.it/160x160)"></div>
<div class="wavesinfo"><b>full name.</b><br>age in ##. occupation. sexual orientation. relationship status. <i>face claim.</i></div>
<div class="wavesc3">

character 2 shipper here! this is <b>bold</b>. this is <i>italic</i>.

</div>

</div></div>
<div class="wavesname">first last</div>
<div class="wavescg" style="background-image: url(http://placehold.it/250x450)"></div>
</div>
</div>
</div>

<div class="wavestab">
<input type="radio" id="wavesitab3" name="waw"><label for="wavesitab3" style="margin-left: 118px;">
<div class="wavestabbutton">three</div>

</label><div class="wavestabc"><div class="wavescw">
<div class="wavesc1"><div class="wavesc2">

<div class="wavesgif" style="background-image: url(http://placehold.it/160x160)"></div>
<div class="wavesinfo"><b>full name.</b><br>age in ##. occupation. sexual orientation. relationship status. <i>face claim.</i></div>
<div class="wavesc3">

character 3 shipper here! this is <b>bold</b>. this is <i>italic</i>.

</div>

</div></div>
<div class="wavesname">first last</div>
<div class="wavescg" style="background-image: url(http://placehold.it/250x450)"></div>
</div>
</div>
</div>

<div class="wavestab">
<input type="radio" id="wavesitab4" name="waw"><label for="wavesitab4" style="margin-left: 187px;">
<div class="wavestabbutton">four</div>

</label><div class="wavestabc"><div class="wavescw">
<div class="wavesc1"><div class="wavesc2">

<div class="wavesgif" style="background-image: url(http://placehold.it/160x160)"></div>
<div class="wavesinfo"><b>full name.</b><br>age in ##. occupation. sexual orientation. relationship status. <i>face claim.</i></div>
<div class="wavesc3">

character 4 shipper here! this is <b>bold</b>. this is <i>italic</i>.

</div>

</div></div>
<div class="wavesname">first last</div>
<div class="wavescg" style="background-image: url(http://placehold.it/250x450)"></div>
</div>
</div>
</div>


</div>



</div>
</div>

</div>
<div style="width: 290px; text-align: right; padding: 2px 5px; font-size: 8px"><a href="http://z10.invisionfree.com/A_THOUSAND_FIREFLIES/index.php?showuser=18255">▲</a><a href="http://shine.b1.jcink.com/index.php?showuser=3019">▲</a></div>
</center>[/dohtml]


Here.
Nov 27 2015, 05:08 PM
[dohtml]<div class="n-site-template">
<h1>PRO-HUMAN FACTION NAME</h1>
<h2>the pro-human faction</h2>
<h3>AN UPDATED LIST OF FACTION MEMBERS</h3>

<div class="maincontent noscroll" style="text-transform: none;">

<h3>MISSION</h3>
Mission statement.

<h3>REGULATIONS</h3>
Regulations and rules listed here.

<h3>HEADQUARTERS</h3>
Listing information about faction headquarters.

<h3>RANKS</h3>
List of ranks and descriptions of ranks.

<h3>INITIATION</h3>
Rites for initiation explained here.

</div>
<img src="IMAGE URL HERE" class="appimage">
</div>[/dohtml]

CODE
[dohtml]<div class="n-site-template">
<h1>PRO-HUMAN FACTION NAME</h1>
<h2>the pro-human faction</h2>
<h3>[URL=http://rayvensreign.b1.jcink.com/index.php?showtopic=681]AN UPDATED LIST OF FACTION MEMBERS[/URL]</h3>

<div class="maincontent noscroll" style="text-transform: none;">
 
<h3>MISSION</h3>
Mission statement.

<h3>REGULATIONS</h3>
Regulations and rules listed here.

<h3>HEADQUARTERS</h3>
Listing information about faction headquarters.

<h3>RANKS</h3>
List of ranks and descriptions of ranks.

<h3>INITIATION</h3>
Rites for initiation explained here.
 
</div>
<img src="IMAGE URL HERE" class="appimage">
</div>[/dohtml]
Nov 27 2015, 04:39 PM
Plot Update

Welcome back Reignians! As you can see we've got some changes! A new holiday themed skin and a new plot! If you haven't seen it yet, check it out! This plotline does not have to directly affect your character, but please keep in mind that it will change the world around your character.

For now, all accounts are by default listed as neutral. Other membergroups can be found and explained here and there are new and exciting opportunities to pick up canon characters related to the plot!

If you'd like to change your character's membergroup to either pro-human or anti-human, please reply in this topic with the code below for the edit.

CODE
[b]Character Name[/b] would like to become [u]pro-human | anti-human[/u].


Nov 27 2015, 02:37 AM
[dohtml]<div class="n-site-template claimstext">
<h1>MEMBER DIRECTORY</h1>
<div class="maincontent">
Please remember to update the directory with each new character.<br>
<FONT COLOR=#7EE54B>PRO-HUMAN</FONT> |
<FONT COLOR=#DDA942>NEUTRAL</FONT> |
<FONT COLOR=#FA3353>ANTI-HUMAN</FONT>


<h3>Archy</h3>
<span class="PRO-HUMAN" title="FEMALE • LYCAN">
Nina</SPAN>,
<span class="ANTI-HUMAN" title="FEMALE • ARCH DEMON">
Emma</SPAN>,
<span class="NEUTRAL" title="FEMALE • ELVEN WITCH">
Hazel-Elisabet</SPAN>,
<span class="PRO-HUMAN" title="FEMALE • SPRING SPIRIT">
Poppy</SPAN>,
<span class="NEUTRAL" title="FEMALE • BIONICALLY ENHANCED HUMAN">
Iwan</SPAN>,
<span class="ANTI-HUMAN" title="FEMALE • DRAGON">
Vavaryka</SPAN>,
<span class="PRO-HUMAN" title="MALE • DEMIGOD">
Lucian</SPAN>

<h3><font color="#9932CC">Bridget</font></h3>
<span class="ANTI-HUMAN" title="FEMALE • DEMON">Rayven Brightmoor</SPAN>,
<span class="ANTI-HUMAN" title="MALE • VAMPIRE">Alexander Hawethorne</SPAN>,
<span class="NEUTRAL" title="NON-BINARY • DEMON">Mika Vinter</SPAN>,
<span class="PRO-HUMAN" title="MALE • ALTERED HUMAN">Nathaniel Wulfburn</SPAN>

<h3>Chase</h3>
<span class="NEUTRAL" title="FEMALE • GIFTED HUMAN">Sabine</SPAN>,
<span class="NEUTRAL" title="MALE • GIFTED HUMAN">Austin</SPAN>,
<span class="NEUTRAL" title="FEMALE • HUMAN">Joanna</SPAN>,
<span class="NEUTRAL" title="MALE • LYCAN">Marco</SPAN>


<h3>Drakol</h3>
<span class="NEUTRAL" title="MALE • ARACHNIDA">Szethe</SPAN>,
<span class="NEUTRAL" title="MALE • HUMAN, MONSTER">Cicero</SPAN>,
<span class="NEUTRAL" title="MALE • WEREWOLF">Gerwulf</SPAN>,
<span class="PRO-HUMAN" title="MALE • ARCH DEVIL">Jakob</SPAN>,
<span class="NEUTRAL" title="MALE • IMMORTAL SAINT">Tycho</SPAN>,
<span class="PRO-HUMAN" title="FEMALE • VEARAKASS - VOID BEAST">Melanie</SPAN>,
<span class="PRO-HUMAN" title="MALE • HUMAN, NATURE WARDEN">Hadrian</SPAN>,
<span class="PRO-HUMAN" title="Male • Hollow">Zach Finley</SPAN>,
<span class="PRO-HUMAN" title="MALE • HUMAN">Harrison Carlisle</SPAN>

<h3>Faith</h3>
<span class="NEUTRAL" title="MALE • ELF">Akira</SPAN>,
<span class="NEUTRAL" title="MALE • DEMON">Belial</SPAN>,
<span class="NEUTRAL" title="FEMALE • MUTANT">Rachel</SPAN>,
<span class="NEUTRAL" title="MALE • CRUSNIK">Victor</SPAN>,
<span class="ANTI-HUMAN" title="MALE • DEMON">DONOVAN</SPAN>,
<span class="NEUTRAL" title="FEMALE • SHIFTER">BRIANNA</SPAN>,
<span class="NEUTRAL" title="MALE • MUTANT">VINCENT</SPAN>,
<span class="NEUTRAL" title="MALE • SHIFTER">BJORN</SPAN>,
<span class="NEUTRAL" title="MALE • ELF">INGWE</SPAN>


<h3>Infamous A</h3>
<span class="NEUTRAL" title="MALE • SMILODON SHIFTER">Fynn</SPAN>,
<span class="NEUTRAL" title="FEMALE • LYCAN">Fallon</SPAN>,
<span class="NEUTRAL" title="MALE • SHIFTER">Carter</SPAN>

<h3><font color="#9932CC">Luna</font></h3>
<span class="NEUTRAL" title="FEMALE • ELF">Freedom</SPAN>,
<span class="ANTI-HUMAN" title="Female • Demon">Drusa</SPAN>,
<span class="NEUTRAL" title="FEMALE • MUTANT">Kelly</SPAN>,
<span class="NEUTRAL" title="FEMALE • WEREWOLF">Eluwei</SPAN>,
<span class="NEUTRAL" title="FEMALE • WEREWOLF">Ilka</SPAN>,
<span class="ANTI-HUMAN" title="FEMALE • CRUSNIK">Kassina</SPAN>,
<span class="ANTI-HUMAN" title="FEMALE • DEMON">Conscious</SPAN>,
<span class="NEUTRAL" title="FEMALE • DHAMPYR">Bronwyn</SPAN>,
<span class="NEUTRAL" title="FEMALE • DRAKI">Dalinda</SPAN>,
<span class="NEUTRAL" title="FEMALE • ELF">SHYAEL</SPAN>,
<span class="NEUTRAL" title="MALE • HUMAN">MATTHEW</SPAN>,
<span class="NEUTRAL" title="FEMALE • GRIFFIN">STARLING</SPAN>,
<span class="NEUTRAL" title="MALE • HELLHOUND">Layne</SPAN>,
<span class="NEUTRAL" title="MALE • WEREWOLF">Taurino</SPAN>,
<span class="NEUTRAL" title="FEMALE • GIFTED HUMAN">Aesa</SPAN>,
<span class="PRO-HUMAN" title="MALE • HUMAN">JAMES</SPAN>,
<span class="NEUTRAL" title="FEMALE • WITCH">Elaina</SPAN>,
<span class="NEUTRAL" title="MALE • HUMAN">ELIJAH</SPAN>,
<span class="NEUTRAL" title="FEMALE • GARGOYLE">RAVEENA</SPAN>,
<span class="ANTI-HUMAN" title="MALE • DROW">REL</SPAN>,
<span class="PRO-HUMAN" title="MALE • HUMAN">REESE</SPAN>,
<span class="NEUTRAL" title="MALE • SAYTR">Iairos</SPAN>,
<span class="PRO-HUMAN" title="FEMALE • MUTANT">Mary Beth</SPAN>, <span class="PRO-HUMAN" title="FEMALE • CYBORG">Laura</SPAN>,<br>

<h3>Mereniel</h3>
<span class="NEUTRAL" title="Female • Abehra">Luci</SPAN>,<br>

<h3>Quinn</h3>
<span class="ANTI-HUMAN" title="MALE • DEMON">ASHENAR</SPAN>,

<span class="PRO-HUMAN" title="MALE • ARCH-DEMON">ETHAN</SPAN>,

<span class="NEUTRAL" title="FEMALE • VAMPIRE">FALINE</SPAN>,

<span class="NEUTRAL" title="MALE • ELF">JUSTICE</SPAN>,

<span class="PRO-HUMAN" title="MALE • AUGMENTED HUMAN">MARCUS</SPAN>,

<span class="PRO-HUMAN" title="MALE • SHADE">VEXXIS</SPAN>,<br>






CODE
<span  class="USERGROUP NAME, ALL CAPS"  title="GENDER • SPECIES">[URL=LINK TO PROFILE]CHARACTER NAME[/URL]</SPAN>

</div>
</div>[/dohtml]
Nov 27 2015, 02:36 AM
[dohtml]<div class="n-site-template">
<h1>Membergroups</h1>
<div class="maincontent">

<h4>Pro-Human</h4>
Individuals for the saving of humanity and their continued existence as the leaders of the world. They're against the eradication or enslavement of humanity. They can be with the pro-human faction or they can go it solo.

<h5>Neutral</h5>
Individuals that don't really care one way or the other in regards to the fate of humanity. They can do business and have interactions with either factions as they so choose without committing to one or the other.

<h6>Anti-Human</h6>
Individuals for changing the world order; they desire to make non-humans the new leaders of the world. Are usually for the eradication or enslavement of humanity, but it's not required. They can be with the anti-human faction or they can go it solo.

</div>
</div>[/dohtml]
Last Visitors


May 21 2017, 05:41 PM




Oct 15 2016, 05:20 PM




Feb 15 2016, 08:32 PM



Comments
No comments posted.
Add Comment

Friends

55 posts
Active: Sep 2 2017, 04:39 PM


36 posts
Active: Aug 11 2017, 12:11 AM


2 posts
Active: Nov 18 2016, 02:48 AM


5 posts
Active: Dec 1 2015, 09:08 PM

tagbox

USE YOUR OUT OF CHARACTER ALIAS WHEN POSTING IN THE TAGBOX.
Please provide a link to the thread and the user/character tagged.
You may bump a thread once every five days.

Listed At
Affiliates
RPG-D Distant Fantasies
Edolon:A Tournament of Shadows www.AbaddonCity.com 18+
skinned by josh dun of shine, cc, wecode, and ctw. cfs by black @ code