ᴀʀᴇ ʏᴏᴜ ᴅʀᴜɴᴋ? ɪ'ᴍ ᴀ ᴘᴏᴇᴛ.
wilderanima |
PRO |
03/27/25 02:45:37 AM UTC (Edited) |
0 ⭐ |
9151 👁️ |
Never ⏰ |
[Writing, RPC, wilderanima, wildercodes]
<style>
@import url('https://fonts.googleapis.com/css2?family=Economica&display=swap');
@font-face {font-family:'new'; src:url(https://dl.dropbox.com/s/qh3eg64wb150sho/TheRacoonQuestDemo-Regular.otf?dl=0);}
@font-face {font-family:'typewriter'; src:url(https://dl.dropboxusercontent.com/scl/fi/xnsezr8azwhe6imm0dt4h/OCEANSIDE-TYPEWRITER.ttf?rlkey=g52e9pnv9sd4se7sdkj09yygw&st=arecyzrb&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");}
::-webkit-scrollbar {display: none;}
.wilder {
position: fixed;
bottom: 0px;
right: 0px;}
.container {
position: absolute;
margin: auto;
top: 0px;
bottom: 0px;
left: 0px;
right: 0px;
height: 380px;
width: 900px;
background-color: transparent;}
.image1 {
position: absolute;
margin: auto;
top: 10px;
left: 10px;
background: url(https://placehold.co/360x360.png); /* top left */
background-size: cover;
background-position:;
height: 360px;
width: 360px;
border-outline: 1px solid #000;
filter:drop-shadow(0px 0px 3px #000);
opacity: 1;
z-index:999;}
.title1 {
position: absolute;
margin: auto;
top: -65px;
right: 100px;
font-family: new;
font-size: 65px;
letter-spacing: 0px;
text-transform: none;
color: #999999;
filter:drop-shadow(0px 0px 2px #999999);
opacity: 1;
z-index: 9999999;}
.words1 {
position: absolute;
top: 5px;
left: 380px;
height: 335px;
width: 200px;
padding: 5px;
text-align: justify;
font-family: economica;
font-size: 13px;
overflow: auto;
color: #FEFEFE;
background-color: #000;
border-outline: 1px solid #000;
filter:drop-shadow(0px 0px 2px #000);
z-index: 999;}
.put {
position: absolute;
top: 0px;
left: auto;
margin: auto;
overflow: auto;
overflow-x: hidden;
opacity: 1;
height: auto;
width: 200px;
padding: 0px;
font-size: 1px;
z-index: 999;}
p.td {text-align: right; font-family:economica; margin-left: 0px; font-size: 13px; line-height: 15px; color: #FEFEFE; }
td {
text-align: left;
line-height: 20px;}
.words2 {
position: absolute;
top: 5px;
left: 685px;
height: 335px;
width: 200px;
padding: 5px;
text-align: left;
font-family: economica;
font-size: 13px;
overflow: auto;
color: #FEFEFE;
background-color: #000;
border-outline: 1px solid #000;
filter:drop-shadow(0px 0px 2px #000);
z-index: 999;}
h1 { letter-spacing: 0px; font-family: new; color: #999999; font-weight: bold; font-size:18px; text-transform: uppercase; filter:drop-shadow(0px 0px 2px #999999);}
b { letter-spacing: 0px; font-family: economica; color: #999999; font-weight: bold; font-size:14px; text-transform: uppercase; filter:drop-shadow(0px 0px 2px #999999);}
i { letter-spacing: 1px; font-family: economica; color: #777777; font-weight: bold; font-size:14px; text-transform:; filter:drop-shadow(0px 0px 1px #777777);}
u { letter-spacing: 1px; font-family: economica; color: #555555; font-weight: bold; font-size:13px; text-transform:; filter:drop-shadow(0px 0px 1px #555555);}
s { letter-spacing: 1px; font-family: economica; color: #333333; font-weight: bold; font-size:13px; text-transform:; filter:drop-shadow(0px 0px 1px #333333);}
strong { letter-spacing: 1px; font-family: economica; color: #777777; font-weight: bold; font-size:14px; text-transform:; filter:drop-shadow(0px 0px 1px #777777);}
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: #999999; 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 #999999);}
.contacts {
position: absolute;
top: 10px;
left: 600px;
height: 335px;
width: 75px;
padding: 0px;
text-align: center;
font-family: economica;
font-size: 13px;
overflow: auto;
color: #FEFEFE;
background-color: #000000;
border-outline: 1px solid #000;
filter:drop-shadow(0px 0px 3px #000);
z-index: 999;}
.fr1 {width: 75px; height: 75px; margin-bottom: 3px; margin-top: 5px; margin-right: 0px; margin-left: 0px; border: 0px solid #000; border-radius: 0px; z-index: 999;}
#music-bg { position:absolute; background-color: #000; left:380px; top:355px; width:auto; height:19; opacity:1; }
#music{ position:absolute; background-image: url('https://i.imgur.com/N3ScMZd.png'); background-repeat: no-repeat; background-size: 10px; width:500px; height:19px; z-index:99; left:6; top:4; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; }
#music-title-bg { position:absolute; background-color:#000; width:auto; height:19; left:25; top:-0; }
#music-title-bg2 { position:absolute; background-color: #000; width:490; height:19px; left:0; top:0; }
#music-title { position:absolute; color:#FFF; font-family:economica; font-size:13px; text-transform:uppercase; text-align:justify; width:485; left:0; top:3; }
</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="image1"></div>
<div class="title1">title 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>
<tr>
<td><b>Nicknames</b></td>
<td>
<p class="td">Nicknames</p>
</td>
</tr>
<tr>
<td><b>Socials</b></td>
<td>
<p class="td"><a title="Details.">@socials</a></p>
</td>
</tr>
<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>Occupation</b></td>
<td>
<p class="td">Occupation</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</p>
</td>
</tr>
<tr>
<td><b>Eyes</b></td>
<td>
<p class="td">Eyes</p>
</td>
</tr>
<tr>
<td><b>Height</b></td>
<td>
<p class="td">0'0" <b>/</b> 000cm</p>
</td>
</tr>
<tr>
<td><b>Weight</b></td>
<td>
<p class="td">000lbs <b>/</b> 00kg</p>
</td>
</tr>
<tr>
<td><b>Build</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> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis molestie efficitur gravida. Nunc eget nulla non nibh mollis sollicitudin. Aliquam at ornare ligula, ac sollicitudin. <br><br>
<b>❝</b> Aenean sit amet orci nec nisl auctor vulputate sed ut est. Nulla aliquet tempor sem nec scelerisque. Aliquam erat volutpat. Curabitur posuere tellus ultricies risus eleifend. <br><br>
<b>❝</b> Proin dignissim ultrices risus id congue. Morbi aliquet erat augue, eget aliquet mauris pellentesque vitae. Donec pellentesque tellus id tellus imperdiet ultricies. Vestibulum pharetra ante nec ligula laoreet, a fringilla leo facilisis. <br><br>
<b>❝</b> Pellentesque eget libero sed est fermentum elementum sit amet ut leo. <br><br>
<b>bold</b> <i>italic</i> <strong>strong</strong> <u>underline</u> <s>strike</s> <a>link</a>
</div>
<div class="contacts">
<a target="_blank" href="https://roleplay.chat/profile.php?user="><img src="https://placehold.co/75x75/999999/000000.png" style="filter:grayscale(100%) brightness(100%); opacity:1" class="fr1" title="Details."></a>
<a target="_blank" href="https://roleplay.chat/profile.php?user="><img src="https://placehold.co/75x75/999999/000000.png" style="filter:grayscale(100%) brightness(100%); opacity:1" class="fr1" title="Details."></a>
<a target="_blank" href="https://roleplay.chat/profile.php?user="><img src="https://placehold.co/75x75/999999/000000.png" style="filter:grayscale(100%) brightness(100%); opacity:1" class="fr1" title="Details."></a>
<a target="_blank" href="https://roleplay.chat/profile.php?user="><img src="https://placehold.co/75x75/999999/000000.png" style="filter:grayscale(100%) brightness(100%); opacity:1" class="fr1" title="Details."></a>
<a target="_blank" href="https://roleplay.chat/profile.php?user="><img src="https://placehold.co/75x75/999999/000000.png" style="filter:grayscale(100%) brightness(100%); opacity:1" class="fr1" title="Details."></a>
<a target="_blank" href="https://roleplay.chat/profile.php?user="><img src="https://placehold.co/75x75/999999/000000.png" style="filter:grayscale(100%) brightness(100%); opacity:1" class="fr1" title="Details."></a>
<a target="_blank" href="https://roleplay.chat/profile.php?user="><img src="https://placehold.co/75x75/999999/000000.png" style="filter:grayscale(100%) brightness(100%); opacity:1" class="fr1" title="Details."></a>
</div>
<div id="music-bg">
<div id="music">
<div style="margin-top:-10px; margin-left:-10px;">
<audio controls style="opacity:0; width:100px; margin-top:-10px; margin-left:-10px;">
<source src="MUSIC_LINK">
</audio>
</div>
</div>
<div id="music-title-bg">
<div id="music-title-bg2">
<div id="music-title">
<marquee direction="left" scrollamount="4">
Put whatever you want in here. Lyrics? Go for it. OOC? Sure. Whatever you want, I don't care.
</marquee>
</div>
</div>
</div>
</div>
</div>
Comments
0 B
|0 👍
/0 👎
0 B
|0 👍
/0 👎