<style>
@import url('https://fonts.googleapis.com/css2?family=Economica:ital,wght@0,400;0,700;1,400;1,700&display=swap');
body {
cursor: url(https://66.media.tumblr.com/232c090ebdd37ae4bc17adb54e1e0344/tumblr_inline_ol4nwhvSwg1uxxza6_1280.png), auto;
background-color: #000;
}
::-webkit-scrollbar {
display: none;
}
::selection {
background: ;
color: white;
}
.container {
position: absolute;
margin: auto;
top: 0px;
bottom: 0px;
left: 0px;
right: 0px;
height: 550px;
width: 550px;
background-color: #000;
}
.wilder {
position: fixed;
bottom: 0px;
right: 0px;
}
.image1 {
position: absolute;
margin: auto;
top: 0px;
bottom: 0px;
left: 0px;
right: 250px;
height: 400px;
width: 250px;
background: url(https://placehold.co/250x400.png);
background-size: cover;
outline: 1px solid #554136;
outline-offset: -5px;
}
.words {
position: absolute;
margin: auto;
top: 0px;
bottom: 0px;
left: 275px;
right: 0px;
height: 355px;
width: 250px;
font: 12px economica;
color: #a3a597;
text-align: center;
overflow: auto;
}
b {
font: 13px economica;
color: #554136;
text-transform: uppercase;
font-weight: bold;
}
i {
font: 13px economica;
font-style: italic;
color: #7a6d65;
}
a {
text-decoration: none;
font: 13px times;
color: #7a6d65;
transition: 0.5s;
}
a:hover {
color: #a3a597;
text-shadow: 1px 1px 0px #7a6d65;
</style>
<!--
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:14px;
--MusicPlayer-Buttons-Color:#554136;
--MusicPlayer-Buttons-Fill:yes;
}
</style>
<div glenplayer02>
<div controls></div>
<i class="aa-line-icons" icon-name="music-2"></i>
<audio src="MUSIC_LINK" volume="100%"></audio>
</div>
<div class="wilder"><a target="_blank" href="https://pastebin.com/u/wilderanima" 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="words">
<b>let's try something bold.</b> <br>
<i>how about something italic?</i> <br>
<a>and for good measure? a link.</a> <br><br>
lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. <br><br>
ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. <br><br>
duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. <br><br>
excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. <br><br>
<hr size="1" width="100%" noshade style="color:#554136"/>
<br>
words. <br><br>
</div>
</div>
Comments
0 B
|0 👍
/0 👎
0 B
|0 👍
/0 👎