<style>
@import url('https://fonts.googleapis.com/css2?family=Economica:ital,wght@0,400;0,700;1,400;1,700&display=swap');
@font-face {
font-family: "grotesk";
src: url(https://dl.dropboxusercontent.com/scl/fi/umuoppqhxp2bilghvhxp0/GROTESK.ttf?rlkey=9zen17msws8uyfgak1erfo8hd&st=4a0v7wch&dl=0);}
@font-face {
font-family: "heroeau";
src: url("https://cdn.statically.io/gh/finchscodes/fonts/main/HEROEAU%20ELEGANT%20DEMO.ttf");}
::-webkit-scrollbar {
display: none;}
body {
cursor: url(https://66.media.tumblr.com/232c090ebdd37ae4bc17adb54e1e0344/tumblr_inline_ol4nwhvSwg1uxxza6_1280.png), auto;
background-color: #000;}
.wilder {
position: fixed;
bottom: 0px;
right: 5px;}
.container {
position: absolute;
margin: auto;
top: 0px;
bottom: 0px;
left: 0px;
right: 0px;
height: 710px;
width: 750px;
background-color: #000;}
.title {
position: absolute;
margin: auto;
top: 290px;
bottom: 0px;
left: 15px;
right: 0px;
width: 5000px;
font-family: heroeau;
font-size: 50px;
letter-spacing: 0px;
color: #EFE8E7;
filter:drop-shadow(3px 3px 3px #641C18);
opacity: 1;
z-index: 999;}
.image1 {
position: absolute;
margin: auto;
top: 5px;
left: 5px;
background: url('https://placehold.co/240x345.png'); /* left */
background-size: cover;
height: 345px;
width: 240px;
outline: 1px solid #000;
outline-offset: 2px;}
.image2 {
position: absolute;
margin: auto;
bottom: 5px;
left: 5px;
right: 0px;
background: url('https://placehold.co/240x345.png'); /* middle */
background-size: cover;
height: 345px;
width: 240px;
outline: 1px solid #000;
outline-offset: 2px;}
.image3 {
position: absolute;
margin: auto;
top: 5px;
right: 5px;
background: url('https://placehold.co/240x345.png'); /* right */
background-size: cover;
height: 345px;
width: 240px;
outline: 1px solid #000;
outline-offset: 2px;}
.words1 {
position: absolute;
z-index: 999;
top: 5px;
bottom: 0px;
left: 255px;
height: 340px;
width: 235px;
overflow: hidden;
padding: 5px;
color: #000;
line-height: 10px;
background-color: #000;
font-family: economica;
font-size: 12px;}
.words2 {
position: absolute;
margin: auto;
z-index: 999;
bottom: 5px;
left: 5px;
height: 340px;
width: 235px;
overflow: auto;
padding: 5px;
color: #e5e5e5;
line-height: 14px;
background-color: #000;
font-family: economica;
font-size: 12px;
text-align: left; }
.words3 {
position: absolute;
margin: auto;
z-index: 999;
bottom: 5px;
right: 5px;
height: 340px;
width: 230px;
overflow: auto;
padding: 5px;
color: #e5e5e5;
line-height: 12px;
background-color: #000;
font-family: economica;
font-size: 12px;
text-align: left; }
b { letter-spacing: 0px; font-family: economica; color: #641C18; font-weight: bold; font-size: 14px; text-transform: uppercase; filter:drop-shadow(0px 0px 1px #641C18);}
i { letter-spacing: 0px; font-family: grotesk; color: #EFE8E7; font-weight: bold; font-size: 12px; text-transform:; filter:drop-shadow(0px 0px 1px #EFE8E7);}
u { letter-spacing: 0px; font-family: economica; color: #575a58; font-weight: bold; font-size: 12px; text-transform:; filter:drop-shadow(0px 0px 1px #575a58);}
s { letter-spacing: 0px; font-family: economica; color: #92605D; font-weight: bold; font-size: 12px; text-transform:; filter:drop-shadow(0px 0px 1px #92605D);}
a { font-family: grotesk; letter-spacing: 0px; color: #A27674; font-size: 12px; font-weight: bold; text-decoration: none; text-transform: uppercase; transition: 0.7s;
cursor: url(https://i.imgur.com/WIeMSiR.png), auto; filter:drop-shadow(0px 0px 1px #A27674);}
a:hover { font-family: grotesk; letter-spacing: 0px; color: #C6C6CA; font-size: 12px; font-weight: bold; text-decoration: none; text-transform: uppercase; transition: 0.7s; }
.put { position: absolute; margin: auto; top: -35px; left: 5px; opacity:1; height: 375px; width: 235px; padding: 0px; text-align: center; font-size: 1px; overflow: auto; text-indent: 0px; color: #e5e5e5; font-family: Barlow Condensed; z-index: 999; overflow:auto transition: all 0.9s ease-in-out; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out;}
p.td {text-align: right; font-family:economica; margin-left: 0px; font-size: 12px; line-height: 13px; color: #e6ded0; }
td {text-align: left; line-height: 20px; }
.put:target{ opacity:1; z-index: 999;transition: all 0.4s ease-in-out; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; z-o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out;overflow:auto;}
.fr1{ width: 50px; height: 50px; margin-bottom: 5px; margin-top: 0px; margin-right: 0px; margin-left: 0px; border: px solid #000; border-radius: 0px; z-index: 999; }
</style>
<div class="wilder"><a target="_blank" href="https://roleplay.chat/profile.php?user=WILDER" title="code by wilder. don't steal it."><img src="https://i.imgur.com/hCJmFVu.png" width="75px;"></a></div>
<div class="container">
<div class="title"> TITLE</div>
<div class="image1"></div>
<div class="image2"></div>
<div class="image3"></div>
<div class="words1">
<div id="01" class="put">
<table border="0" cellspacing="0">
<tr>
<td><b>Full Name</b></td>
<td>
<p class="td">FULL NAME</p>
</td>
</tr><br>
<tr>
<td><b>Alias</b></td>
<td>
<p class="td">ALIASES/NICKNAMES</p>
</td>
</tr><br>
<tr>
<td><b>Socials</b></td>
<td>
<p class="td"><a title="info here">@SOCIALS</a> </p>
</td>
</tr><br>
<tr>
<td><b>Birth Date</b></td>
<td>
<p class="td">BIRTHDAY <b>/</b> AGE</p>
</td>
</tr>
<tr>
<td><b>Birth Place</b></td>
<td>
<p class="td">BIRTH PLACE</p>
</td>
</tr><br>
<tr>
<td><b>Residence</b></td>
<td>
<p class="td">RESIDENCE</p>
</td>
</tr>
<tr>
<td><b>Occupation</b></td>
<td>
<p class="td">OCCUPATION</p>
</td>
</tr>
<tr>
<td><b>Orientation</b></td>
<td>
<p class="td">ORIENTATION</a></p>
</td>
</tr>
<tr>
<td><b>M. Status</b></td>
<td>
<p class="td"><a target="_blank" href="https://roleplay.chat/profile.php?user=">MARITAL STATUS</a></p>
</td>
</tr>
<tr>
<td><b>House</b></td>
<td>
<p class="td">HOUSE <b>/</b> YEAR</p>
</td>
</tr>
<tr>
<td><b>Wand</b></td>
<td>
<p class="td"> — — LENGTH, WOOD, CORE, FLEXIBILITY — —</p>
</td>
</tr>
<tr>
<td><b>Patronus</b></td>
<td>
<p class="td"><a target="_blank" title="Details.">PATRONUS</a></p>
</td>
</tr>
<tr>
<td><b>Boggart</b></td>
<td>
<p class="td">BOGGART</p>
</td>
</tr>
<tr>
<td><b>Amortentia</b></td>
<td>
<p class="td">AMORTENTIA</p>
</td>
</tr>
<tr>
<td><b>B. Status</b></td>
<td>
<p class="td">BLOOD STATUS</p>
</td>
</tr>
<tr>
<td><b>Nationality</b></td>
<td>
<p class="td">NATIONALITY (remove this if you want)</p>
</td>
</tr>
<tr>
<td><b>Ethnicity</b></td>
<td>
<p class="td">ETHNICITY</p>
</td>
</tr>
<tr>
<td><b>Hair</b></td>
<td>
<p class="td">HAIR COLOR</p>
</td>
</tr>
<tr>
<td><b>Eyes</b></td>
<td>
<p class="td">EYE COLOR</p>
</td>
</tr>
<tr>
<td><b>Height</b></td>
<td>
<p class="td">FT'IN" <b>/</b> CM</p>
</td>
</tr>
<tr>
<td><b>Weight</b></td>
<td>
<p class="td">LBS <b>/</b> KG</p>
</td>
</tr>
<tr>
<td><b>Build</b></td>
<td>
<p class="td">PHYSIQUE/BUILD</p>
</td>
</tr>
<tr>
<td><b>Notable</b></td>
<td>
<p class="td"><a target="_blank" title="Details.">NOTABLE</a></p>
</td>
</tr>
<tr>
<td><b>Scent</b></td>
<td>
<p class="td"><a target="_blank" title="Details.">SCENT</a></p>
</td>
</tr>
</table> </div></div>
<div class="words2">
<br>
<center><i>HEADCANONS</i></center> <br>
<b>✔</b> Headcanons can go here! The box scrolls. <br><br>
<b>✔</b> Headcanons can go here! The box scrolls. <br><br>
<b>✔</b> Headcanons can go here! The box scrolls. <br><br>
<b>✔</b> Headcanons can go here! The box scrolls. <br><br>
<b>✔</b> Headcanons can go here! The box scrolls. <br><br>
</div>
<div class="words3">
<br>
<center><i>CONNECTIONS</i> <br><br>
<a target="_blank" href="https://roleplay.chat/profile.php?user="><img src="https://placehold.co/100x100.png" style="filter:grayscale(100%) brightness(75%); opacity:1" class="fr1" title="Details."></a>
<a target="_blank" href="https://roleplay.chat/profile.php?user="><img src="https://placehold.co/100x100.png" style="filter:grayscale(100%) brightness(75%); opacity:1" class="fr1" title="Details."></a>
<a target="_blank" href="https://roleplay.chat/profile.php?user="><img src="https://placehold.co/100x100.png" style="filter:grayscale(100%) brightness(75%); opacity:1" class="fr1" title="Details."></a>
<a target="_blank" href="https://roleplay.chat/profile.php?user="><img src="https://placehold.co/100x100.png" style="filter:grayscale(100%) brightness(75%); opacity:1" class="fr1" title="Details."></a>
<a target="_blank" href="https://roleplay.chat/profile.php?user="><img src="https://placehold.co/100x100.png" style="filter:grayscale(100%) brightness(75%); opacity:1" class="fr1" title="Details."></a>
<a target="_blank" href="https://roleplay.chat/profile.php?user="><img src="https://placehold.co/100x100.png" style="filter:grayscale(100%) brightness(75%); opacity:1" class="fr1" title="Details."></a>
<a target="_blank" href="https://roleplay.chat/profile.php?user="><img src="https://placehold.co/100x100.png" style="filter:grayscale(100%) brightness(75%); opacity:1" class="fr1" title="Details."></a>
<a target="_blank" href="https://roleplay.chat/profile.php?user="><img src="https://placehold.co/100x100.png" style="filter:grayscale(100%) brightness(75%); opacity:1" class="fr1" title="Details."></a>
</center><br>
<center><i>OUT OF CHARACTER</i></center> <br>
Edit this section to personalize it. These are Wilder's rules. You may have rules of your own, be sure to make them known. <br><br>
<b>✔</b> Code made by <a target="_blank" href="https://roleplay.chat/profile.php?user=WILDER">Wilder</a> — <i>don't steal it!</i> <br><br>
<b>✔</b> OC NAME is an alternate profile for the <a>ROOM NAME</a> room only. Not interested in other settings, so don't ask! <br><br>
<b>✔</b> <b>IC ≠ OOC.</b> Don't confuse the two. <i>RL > RP.</i> Might poof sometimes, don't take it personally. <br><br>
<b>✔</b> <b>DM Friendly!</b> Don't start with a post & don't be weird. Don't spam & don't catch feelings either. <i>Thanks!</i> <br><br>
<b>✔</b> Face Claim is <a>FACE CLAIM.</a> Don't use her! <br><br>
<b>bold</b> <i>italic</i> <u>underline</u> <s>strikethrough</s> <a>LINK</a> <br><br>
</div>
</div>
<!--
MUSIC PLAYER #02 by glenthemes
♬ glenthpvs.tumblr.com/player02
--->
<script src="//cdn.jsdelivr.net/npm/jquery@latest/dist/jquery.min.js"></script>
<link href="//fonts.googleapis.com/css?family=Readex+Pro" rel="stylesheet">
<link href="//glenthemes.github.io/-music-/glenplayer02.css" rel="stylesheet">
<script src="//glenthemes.github.io/-music-/glenplayer02.js"></script>
<style element="glenplayer02">
:root {
--MusicPlayer-Position:bottom left;
--MusicPlayer-Edge-Offset:10px;
--MusicPlayer-Buttons-Size:15px;
--MusicPlayer-Buttons-Color:#641C18;
--MusicPlayer-Buttons-Fill:yes;
}
</style>
<div glenplayer02>
<div controls></div>
<i class="aa-line-icons" icon-name="music-2"></i>
<!-- HOW TO CHANGE THE MUSIC -->
<!-- linktr.ee/direct_file_links -->
<audio src="MUSIC_LINK" volume="100%"></audio>
</div><!--don't delete this line-->
<!--end music player-->
Comments
0 B
|0 👍
/0 👎
0 B
|0 👍
/0 👎