<style>
@import url('https://fonts.googleapis.com/css2?family=Economica:ital,wght@0,400;0,700;1,400;1,700&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&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-color: #000; background-image: url("https://www.transparenttextures.com/patterns/black-mamba.png");}
.wilder {
position: fixed;
bottom: 0px;
right: 0px;}
::-webkit-scrollbar {
display: none;}
.container {
position: absolute;
margin: auto;
top: 0px;
bottom: 0px;
left: 0px;
right: 0px;
height: 500px;
width: 815px;
background-color: transparent;}
.image1 {
position: absolute;
top: 5px;
left: 5px;
background-image:url(https://placehold.co/265x150.png); /* top left */
background-repeat:no-repeat;
width: 265px;
height: 150px;
background-size: cover;
background-position: center;
border: 0px solid #000;
opacity:0.9; filter: grayscale(0%);
z-index: 999;}
.image2 {
position: absolute;
top: 5px;
right: 5px;
background-image:url(https://placehold.co/265x150.png); /* top right */
background-repeat:no-repeat;
width: 265px;
height: 150px;
background-size: cover;
background-position: center;
border: 0px solid #000;
opacity:0.9; filter: grayscale(0%);
z-index: 999;}
.image3 {
position: absolute;
bottom: 5px;
left: 5px;
background-image:url(https://placehold.co/265x150.png); /* bottom left */
background-repeat:no-repeat;
width: 265px;
height: 150px;
background-size: cover;
background-position: center;
border: 0px solid #000;
opacity:0.9; filter: grayscale(0%);
z-index: 999;}
.image4 {
position: absolute;
bottom: 5px;
right: 5px;
background-image:url(https://placehold.co/265x150.png); /* bottom right */
background-repeat:no-repeat;
width: 265px;
height: 150px;
background-size: cover;
background-position: center;
border: 0px solid #000;
opacity:0.9; filter: grayscale(0%);
z-index: 999;}
.title {
position: absolute;
margin: auto;
top: -60px;
left: 225px;
width: 5000px;
font-family: inversionz;
font-size: 60px;
letter-spacing: 0px;
color: #444647;
filter:drop-shadow(0px 0px 3px #444647);
opacity: 1;
z-index: 999;}
.words1 {
position: absolute;
margin: auto;
top: 0px;
bottom: 0px;
left: 5px;
height: 170px;
width: 255px;
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: 175px;
width: 255px;
padding: 0px;
font-size: 1px;
z-index: 999;}
p.td {text-align: right; font-family:economica; margin-left: 75px; font-size: 13px; line-height: 15px; color: #fff; }
td {
text-align: left;
line-height: 20px;}
.words2 {
position: absolute;
margin: auto;
top: -155px;
bottom: 0px;
left: 0px;
right: 0px;
height: 325px;
width: 255px;
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;}
.words3 {
position: absolute;
margin: auto;
top: 340px;
bottom: 0px;
left: 0px;
right: 0px;
height: 140px;
width: 255px;
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;}
.words4 {
position: absolute;
margin: auto;
top: 0px;
bottom: 0px;
right: 5px;
height: 170px;
width: 255px;
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;}
.fr1 {width: 50px; height: 50px; margin-bottom: 5px; margin-top: 0px; margin-right: 0px; margin-left: 0px; border: 1px solid #000; border-radius: 0px; z-index: 999;}
b { letter-spacing: 0px; font-family: economica; color: #999; font-weight: bold; font-size:14px; text-transform: uppercase; filter:drop-shadow(0px 0px 3px #999);}
i { letter-spacing: 1px; font-family: economica; color: #666; font-weight: bold; font-size:14px; text-transform:; filter:drop-shadow(0px 0px 1px #666);}
u { letter-spacing: 0px; font-family: economica; color: #444; font-weight: bold; font-size:14px; text-transform:; filter:drop-shadow(0px 0px 1px #444);}
s { letter-spacing: 0px; font-family: economica; color: #333; font-weight: bold; font-size:14px; text-transform:; filter:drop-shadow(0px 0px 1px #333);}
a { font-family: economica; letter-spacing: 0px; color: #fefefe; 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 #fefefe);}
a:hover { font-family: economica; letter-spacing: 0px; color: #999; 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 #999);}
</style>
<div class="wilder"><a target="_blank" href="https://roleplay.chat/profile.php?user=WILDER"><img src="https://i.imgur.com/hCJmFVu.png" width="75px;"></a></div>
<div class="container">
<div class="image1"></div>
<div class="image2"></div>
<div class="image3"></div>
<div class="image4"></div>
<div class="title">name here!</div>
<div class="words1">
<div id="01" class="put">
<table border="0" cellspacing="-10">
<tr>
<td><b>Name</b></td>
<td>
<p class="td">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 <b>/</b> Zodiac</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">Orientation</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">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>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 target="_blank" title="Details.">Scent</a></p>
</td>
</tr>
</table>
</div>
</div>
<div class="words2">
<b>✔</b> Headcanons and stuff can go here! <br><br>
<b>✔</b> Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. <br><br>
<b>✔</b> Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. <br><br>
<b>✔</b> Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. <br><br>
<b>✔</b> Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
</div>
<div class="words3">
<center><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>
</div>
<div class="words4">
<b>✔</b> Code by <a target="_blank" href="https://roleplay.chat/profile.php?user=WILDER">Wilder</a> — <i>don't steal it!</i> <br><br>
<b>✔</b> OOC can go here! <br><br>
<b>✔</b> OOC can go here! <br><br>
<b>✔</b> OOC can go here! <br><br>
<b>bold</b> <i>italic</i> <u>underline</u> <s>strike</s> <a>link/hover</a>
</div>
</div>
<!----- 【 MUSIC PLAYER #06 by @glenthemes 】 ----->
<link href="//glen-players.gitlab.io/06/setup.css" rel="stylesheet">
<script src="//glen-players.gitlab.io/06/init.js"></script>
<div glenplayer06>
<!--- vinyl icon --->
<i class="06i" icon-name="vinyl" aria-label="Vinyl icon"></i>
<!--- player buttons --->
<button play-button aria-label="Play"></button>
<button pause-button aria-label="Pause"></button>
<!--- song file URL --->
<!--- PLEASE READ: linktr.ee/direct_file_links --->
<audio src="MUSIC_LINK" volume="100%"></audio>
</div>
<style element="glenplayer06">
[glenplayer06]{
/*--- options here ---*/
--MusicPlayer-Position:"bottom left";
--MusicPlayer-Corner-Offset:1rem;
z-index:99; /* increase this number if you can't see or click your music player */
--MusicPlayer-Vinyl-Size:1.05rem;
--MusicPlayer-Vinyl-Color:#999;
--MusicPlayer-Vinyl-Spin-Speed:3.5s;
--MusicPlayer-Buttons-Size:0.95rem;
--MusicPlayer-Buttons-Color:#999;
--MusicPlayer-Buttons-Padding:6px;
--MusicPlayer-Gap-1:9px;
--MusicPlayer-Gap-2:9px;
}/* do not delete this bracket */
</style><!--don't delete this line-->
<!---- END MUSIC PLAYER ---->
Comments
0 B
|0 👍
/0 👎
0 B
|0 👍
/0 👎