Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- --- TOP CONTAINER ---
- #container01 > .wrapper {
- border-radius: 10px 10px 10px 0px;
- webkit-filter: drop-shadow(0px 0px 3px #a8a8a8);
- box-shadow: inset 13px 0px 6px -10px #FFD9D6, inset -13px 0px 6px -10px #FFD9D6, inset 0px 13px 6px -10px #FFD9D6, inset 0px -13px 6px -10px #FFD9D6;
- }
- --- MAIN CONTAINER ---
- #container02 > .wrapper {
- border-radius: 0px 10px 10px 10px;
- webkit-filter: drop-shadow(0px 0px 3px #a8a8a8);
- box-shadow: inset 13px 0px 6px -10px #FFD9D6, inset -13px 0px 6px -10px #FFD9D6, inset 0px 13px 6px -10px #FFD9D6, inset 0px -13px 6px -10px #FFD9D6;
- }
- --- SCROLLBOX ---
- @font-face {
- src: url(https://dl.dropbox.com/s/9us9q3wv38j82le/Nintendo-DS-BIOS.ttf);
- font-family: nintendo;
- }
- #elementID {
- border: 2px dotted #E69E8C;
- border-radius: 10px;
- background: white;
- height: 140px;
- width: 100%;
- padding: 5px;
- font-family: nintendo;
- overflow: auto;
- top: 1em;
- }
- @media only screen and (max-width: 600px) {
- #elementID {
- height: 120px;
- }
- }
- #elementID mark {
- -webkit-text-stroke: 0.5px #BDB5B6;
- font-size: 1.3em;
- }
- --- LINKS TEXT ---
- #elementID {
- background: white;
- border-radius: 10px;
- border: 1px solid #E69E8C;
- padding: 3px;
- width: 140px;
- z-index: 99;
- left: 15px;
- }
- @media only screen and (max-width: 600px) {
- #elementID {
- width: 130px;
- left: 5px;
- }
- }
- --- MUSIC PLAYER ---
- <script src="//ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
- <!-------MUSIC PLAYER BY GLENTHEMES------->
- <script src="//static.tumblr.com/gtjt4bo/QRmphdsdv/glenplayer02.js"></script>
- <head>
- <script src="https://kit.fontawesome.com/77e60dd6da.js" crossorigin="anonymous"></script></head>
- <style type="text/css">
- /*-------MUSIC PLAYER BY GLENTHEMES-------*/
- #glenplayer02 {
- position:relative;
- bottom:40px;
- margin-bottom:10px;
- left:5px;
- margin-left:10px;
- display:flex;
- }
- @media only screen and (max-width: 600px) {
- #glenplayer02 {
- bottom: 35px;
- }
- }
- #glenplayer02 a {
- text-decoration:none;
- }
- #glenplayer02 > div {
- align-self:center;
- -webkit-align-self:center;
- }
- .music-controls {
- user-select:none;
- -webkit-user-select:none;
- width:22px;
- font-size:16px;
- cursor:pointer;
- }
- .playy, .pausee {
- background: #FFFFFF;
- -webkit-background-clip: text;
- -webkit-text-fill-color:#FFFFFF;
- -webkit-text-stroke-width: 1px;
- -webkit-text-stroke-color: #E69E8C;
- font-size: 22px;
- }
- .pausee {
- display:none;
- }
- </style>
- <body>
- <div id="glenplayer02">
- <div class="music-controls" onclick="songstart();">
- <div class="playy" style="display: block;"><span><i class="fas fa-play-circle" aria-hidden="true"></i></span></div>
- <div class="pausee" style="display: none;"><span><i class="fas fa-pause-circle" aria-hidden="true"></i></span></div></div>
- </div>
- <audio id="tune" src="https://cdn.discordapp.com/attachments/984199687726833677/1051909969735335966/yt1s.com_-_314159.mp3"></audio>
- </body>
Advertisement
Add Comment
Please, Sign In to add comment