Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <style>
- @import url('https://fonts.googleapis.com/css2?family=Sedgwick+Ave+Display&display=swap');
- @import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&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;
- }
- .wilder {
- position: fixed;
- bottom: 0px;
- right: 0px;
- }
- .container {
- position: absolute;
- margin: auto;
- top: 0px;
- bottom: 0px;
- left: 0px;
- right: 0px;
- height: 650px;
- width: 650px;
- background-color: #000;
- }
- .mainimg {
- position: absolute;
- margin: auto;
- height: 380px;
- width: 540px;
- top: -200px;
- bottom: 0px;
- left: 0px;
- right: 0px;
- background: url(https://placehold.co/540x380.png);
- background-size: cover;
- border: 1px solid #000;
- border-radius: 5px 5px 5px 5px;
- box-shadow: #7C3C2E 0px 0px 20px;
- }
- .name {
- position: absolute;
- font-family: 'sedgwick ave display';
- font-size: 50px;
- font-style: italic;
- margin-top: 0px;
- margin-bottom: 0px;
- left: 200px;
- top: 375px;
- text-shadow: 2px 2px 2px #7C3C2E;
- color: #EEEDEE;
- letter-spacing: -1px;
- z-index: 1;
- }
- .stats {
- position: absolute;
- bottom: 100px;
- right: 75px;
- height: 125px;
- width: 250px;
- overflow: auto;
- }
- .stats li {
- display: block;
- background: transparent;
- padding: 5px;
- margin: 5px;
- mix-blend-mode: plus-lighter;
- font: 12px open sans;
- color: #EEEDEE;
- text-shadow: 2px 2px 2px #7C3C2E;
- font-weight: bold;
- text-align: right;
- border-radius: 0px 5px 5px;
- }
- </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:#7C3C2E;
- --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="mainimg"></div>
- <div class="name">firstname lastname</div>
- <div class="stats">
- <li>it scrolls! add as many as you'd like.</li>
- <li>words</li>
- <li>words</li>
- <li>words</li>
- <li>words</li>
- </div>
- </div>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement