<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: "inversionz";
src: url(https://dl.dropboxusercontent.com/scl/fi/uo349mvvs40gbcdzsgjw4/Inversionz-Unboxed.otf?rlkey=u7mtauz9eooekhwnd53rg5jde&st=7qmg0nws&dl=0);}
body {cursor: url(https://66.media.tumblr.com/232c090ebdd37ae4bc17adb54e1e0344/tumblr_inline_ol4nwhvSwg1uxxza6_1280.png), auto;
background-image: url("https://www.transparenttextures.com/patterns/45-degree-fabric-dark.png"); background-color: #000;}
::-webkit-scrollbar {
display: none;}
.wilder {
position: fixed;
bottom: 0px;
right: 10px;
z-index: 999999999;
}
.container {
position: fixed;
margin: auto;
top: 0px;
bottom: 0px;
left: 0px;
right: 0px;
height: 350px;
width: 1250px;
background-color: #000;}
.bar1 {
position: fixed;
margin: auto;
top: -375px;
bottom: 0px;
left: 0px;
right: 0px;
height: 15px;
width: 1250px;
background-color: #000;
z-index: 99999;}
.bar2 {
position: fixed;
margin: auto;
top: 375px;
bottom: 0px;
left: 0px;
right: 0px;
height: 15px;
width: 1250px;
background-color: #000;
z-index: 99999;}
.title {
position: absolute;
margin: auto;
top: -75px;
bottom: 0px;
left: 320px;
right: 0px;
width: 5000px;
font-family: inversionz;
font-size: 75px;
letter-spacing: 0px;
color: #24453D;
filter:drop-shadow(0px 0px 3px #24453D);
opacity: 1;
z-index: 999;}
.image1 {
position: absolute;
top: 0px;
left: 0px;
background-image:url(https://placehold.co/300x350.png); /* left */
background-repeat:no-repeat;
width:300px;
height:350px;
background-size: cover;
background-position: center;
z-index: 9;
border: 0px solid #000;
opacity:0.9; filter: grayscale(0%);}
.image2 {
position: absolute;
top: 0px;
right: 0px;
background-image:url(https://placehold.co/300x350.png); /* left */
background-repeat:no-repeat;
width:300px;
height:350px;
background-size: cover;
background-position: center;
z-index: 9;
border: 0px solid #000;
opacity:0.9; filter: grayscale(0%);}
.words1 {
position: absolute;
margin: auto;
top: 0px;
bottom: 0px;
left: 305px;
height: 335px;
width: 200px;
padding: 5px;
text-align: left;
font-family: economica;
font-size: 13px;
overflow: auto;
text-ident: 10px;
color: #fefefe;
background-color: #000;
border-outline: 1px solid #000;
z-index: 999;}
.words2 {
position: absolute;
margin: auto;
top: 0px;
left: 520px;
bottom: 0px;
height: 335px;
width: 200px;
padding: 5px;
text-align: left;
font-family: economica;
font-size: 13px;
overflow: auto;
text-ident: 10px;
color: #fefefe;
background-color: #000;
border-outline: 1px solid #000;
z-index: 999;}
.put {
position: absolute;
top: 0px;
left: auto;
margin: auto;
overflow: auto;
overflow-x: hidden;
opacity: 1;
height: 335px;
width: 200px;
padding: 0px;
font-size: 1px;
z-index: 999;}
p.td {text-align: right; font-family:economica; margin-left: -10; font-size: 13px; line-height: 15px; color: #fff; }
td {
text-align: left;
line-height: 20px;}
.words3 {
position: absolute;
margin: auto;
top: 140px;
left: 735px;
height: 197px;
width: 200px;
padding: 5px;
text-align: left;
font-family: economica;
font-size: 13px;
overflow: auto;
text-ident: 10px;
color: #fefefe;
background-color: #000;
border-outline: 1px solid #000;
z-index: 999;}
b { letter-spacing: 0px; font-family: economica; color: #24453D; font-weight: bold; font-size:14px; text-transform: uppercase; filter:drop-shadow(0px 0px 3px #24453D);}
i { letter-spacing: 0px; font-family: economica; color: #DDD7DD; font-weight: bold; font-size:14px; text-transform:; filter:drop-shadow(0px 0px 1px #DDD7DD);}
u { letter-spacing: 0px; font-family: economica; color: #AABAA6; font-weight: bold; font-size:14px; text-transform:; filter:drop-shadow(0px 0px 1px #AABAA6);}
s { letter-spacing: 0px; font-family: economica; color: #5E321F; font-weight: bold; font-size:14px; text-transform:; filter:drop-shadow(0px 0px 1px #5E321F);}
a { font-family: economica; letter-spacing: 0px; color: #89866C; font-size: 14px; 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 #89866C);}
a:hover { font-family: economica; letter-spacing: 0px; color: #C6C6CA; font-size: 14px; font-weight: bold; text-decoration: none; text-transform: uppercase; transition:0.7s; }
.contacts {
position: absolute;
margin: auto;
top: 2.5px;
left: 735px;
height: 112.5px;
width: 190px;
padding: 10px;
text-align: center;
font-family: economica;
font-size: 12px;
overflow: auto;
text-ident: 10px;
color: #fefefe;
background-color: #000;
z-index: 99999;}
.contact {
width: 50px;
height: 50px;
border: 0px solid #3a3d39;
display: inline-block;
transition: all 500ms linear;
object-fit: cover;
margin: 0px;
margin-bottom: 8px;
padding: 1px;
background: transparent;
overflow:hidden; }
.contact img {
width: 50px;
height: 50px;
outline: 1px solid #;
transition: all 500ms linear;
-webkit-filter: grayscale(100%);
filter:drop-shadow(2px 2px 2px #24453D);
opacity: 1; }
</style>
<div class="wilder"><a target="_blank" href="https://roleplay.chat/profile.php?user=WILDER" title="code by wilder."><img src="https://i.imgur.com/hCJmFVu.png" width="75px;"></a></div>
<div class="container">
<div class="bar1"></div>
<div class="bar2"></div>
<div class="image1"></div>
<div class="image2"></div>
<div class="title">TITLETITLE</div>
<div class="words1">
<div id="01" class="put">
<table border="0" cellspacing="-10">
<tr>
<td><b>Name</b></td>
<td>
<p class="td">FULL NAME</p>
</td>
</tr><br>
<tr>
<td><b>Nicknames</b></td>
<td>
<p class="td">NICKNAMES</p>
</td>
</tr><br>
<tr>
<td><b>Socials</b></td>
<td>
<p class="td"><a title="Details.">@SOCIALS</a></p>
</td>
</tr><br>
<tr>
<td><b>Birthdate</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>Orientation</b></td>
<td>
<p class="td">SEXUALITY</p>
</td>
</tr>
<tr>
<td><b>Marital</b></td>
<td>
<p class="td"><a target="_blank" href="https://roleplay.chat/profile.php?user=" title="Details.">MARITAL</a></p>
</td>
</tr>
<tr>
<td><b>Alumni</b></td>
<td>
<p class="td">HOUSE <b>/</b> YEAR</p>
</td>
</tr>
<tr>
<td><b>Wand</b></td>
<td>
<p class="td">WOOD, CORE, LENGTH, 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>Blood</b></td>
<td>
<p class="td">BLOOD STATUS</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>Physique</b></td>
<td>
<p class="td">Physique</p>
</td>
</tr>
<tr>
<td><b>Notable</b></td>
<td>
<p class="td"><a target="_blank" title="Details.">Scars</a> <b>/</b> <a target="_blank" title="Details.">Tattoos</a></p>
</td>
</tr>
<tr>
<td><b>Scent</b></td>
<td>
<p class="td"><a title="Details.">SCENT</a></p>
</td>
</tr>
</table>
</div>
</div>
<div class="words2">
<strong>❝</strong> Headcanons go here. <br><br>
<strong>❝</strong> Headcanons go here. <br><br>
<strong>❝</strong> Headcanons go here. <br><br>
<strong>❝</strong> Headcanons go here. <br><br>
<strong>❝</strong> Headcanons go here. <br><br>
</div>
<div class="words3">
<strong>❝</strong> Code by <a target="_blank" href="https://roleplay.chat/profile.php?user=WILDER">Wilder</a> — <i>don't touch!</i> <br><br>
<strong>❝</strong> Alternate profile for the <a target="_blank" href="https://roleplay.chat/profile.php?user=">Room Name</a> room. Not interested in other settings, so don't ask. <br><br>
<strong>❝</strong> <b>OOC ≠ IC.</b> Don't mix them. IC Drama is super cool. OOC drama is definitely not.<br><br>
<strong>❝</strong> Very <b>DM Friendly</b>, but don't spam & don't start with a post. <i>Let's chat first!</i> <br><br>
<strong>❝</strong> Face Claim is <a target="_blank" href="GALLERY_LINK">Face Claim</a><i>!</i> <br><br>
<strong>❝</strong> <b>bold</b> <i>italic</i> <u>underline</u> <s>strike</s> <a>link</a>
</div>
<div class="contacts"> <!-- put contacts here -->
<a target="_blank" href="https://roleplay.chat/profile.php?user=" title="Details." >
<div class="contact">
<img class="contact-img" src="https://placehold.co/50x50.png">
</div> </a>
<a target="_blank" href="https://roleplay.chat/profile.php?user=" title="Details." >
<div class="contact">
<img class="contact-img" src="https://placehold.co/50x50.png">
</div> </a>
<a target="_blank" href="https://roleplay.chat/profile.php?user=" title="Details." >
<div class="contact">
<img class="contact-img" src="https://placehold.co/50x50.png">
</div> </a>
<a target="_blank" href="https://roleplay.chat/profile.php?user=" title="Details." >
<div class="contact">
<img class="contact-img" src="https://placehold.co/50x50.png">
</div> </a>
<a target="_blank" href="https://roleplay.chat/profile.php?user=" title="Details." >
<div class="contact">
<img class="contact-img" src="https://placehold.co/50x50.png">
</div> </a>
<a target="_blank" href="https://roleplay.chat/profile.php?user=" title="Details." >
<div class="contact">
<img class="contact-img" src="https://placehold.co/50x50.png">
</div> </a>
</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:15px;
--MusicPlayer-Buttons-Size:15px;
--MusicPlayer-Buttons-Color:#24453D;
--MusicPlayer-Buttons-Fill:yes;
}
</style>
<div glenplayer02>
<div controls></div>
<!-- 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 👎