Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- 1) CURSOR + TEXTS + BUTTONS
- <style type="text/css">* {cursor: url(https://cur.cursors-4u.net/cursors/cur-8/cur758.cur), auto !important;}</style>
- <style>
- @font-face{font-family:"Pixelated MS Sans Serif";src:url(ms_sans_serif.woff) format("woff");src:url(ms_sans_serif.woff2) format("woff2");font-style:normal}
- #text01{
- font-family:"Pixelated MS Sans Serif";
- font-size:1em;
- }
- #text02{
- font-family: "Pixelated MS Sans Serif";
- font-size:1em;
- margin-right: 2px;
- }
- #buttons01 .button{
- font-family: "Pixelated MS Sans Serif";font-size:0.875em;
- color: #000000;
- }
- #buttons01 .button:hover {border: 1px solid #9c9c9c;
- background-image: linear-gradient(0deg, #D1D1D1 0%, rgba(240,240,240,0.008) 100%) !important;}
- }
- #text03 {
- font-family:lovely valentine;
- font-size:2em;
- }
- #text03 mark{
- font-family: emoji;
- background-color: transparent;
- font-size:0.625em;
- color:#000;
- }
- mark{
- font-family: emoji;
- background-color: transparent;
- font-size:0.75em;
- color:red;
- }
- @font-face {font-family:'Lovely Valentine'; src: url(https://dl.dropbox.com/s/yumbhl34nyi38yf/Lovely%20Valentine.otf);}
- @font-face { font-family: emoji; src: url(https://dl.dropbox.com/s/cvba4kh6qm23mru/EmojiFont.ttf); }
- #buttons02 .button{
- font-family: "Pixelated MS Sans Serif";font-size:0.875em;
- color: #000000;
- }
- #buttons02 .button:hover {border: 1px solid #9c9c9c;
- background-image: linear-gradient(0deg, #D1D1D1 0%, rgba(240,240,240,0.008) 100%) !important;}
- }
- </style>
- --------------------------------------------------------
- 2) title bar + close button
- <link
- rel="stylesheet"
- href="https://unpkg.com/98.css"
- >
- <div class="title-bar">
- <div class="title-bar-text"></div>
- <div class="title-bar-controls">
- <button aria-label="Close"></button>
- </div>
- </div>
- --------------------------------------------------------
- 3) SCROLLBAR FOR ALL
- <link
- rel="stylesheet"
- href="https://unpkg.com/98.css"
- >
- <style>
- #scroll {
- width: 100%;
- height: 70px;
- font-size: 2em;
- overflow-y: scroll;
- }
- ::-webkit-scrollbar {
- width: 16px;
- height: 10px;
- }
- ::-webkit-scrollbar-thumb {
- background-color: #fff;
- background-image: url(https://i.imgur.com/Qtm9Z60.png);
- border-top: 1px solid #bdbdbd;
- border-left: 1px solid #bdbdbd;
- border-right: 1px solid black;
- border-bottom: 1px solid black;
- }
- ::-webkit-scrollbar-track {
- background-color: #fff;
- background-image: url(https://i.imgur.com/IGXGYKz.png);
- }
- ::-webkit-scrollbar-button:vertical:increment {
- background-image: url(https://i.imgur.com/WhC8iy3.png);
- width: 14px;
- height: 16px;
- border-top: 1px solid #bdbdbd;
- border-left: 1px solid #bdbdbd;
- border-right: 1px solid black;
- border-bottom: 1px solid black;
- }
- ::-webkit-scrollbar-button:vertical:decrement {
- background-image: url(https://i.imgur.com/fQ18mrR.png);
- border-top: 1px solid #bdbdbd;
- border-left: 1px solid #bdbdbd;
- border-right: 1px solid black;
- border-bottom: 1px solid black;
- width: 14px;
- height: 16px;
- }
- </style>
- <div id="scroll">
- <ul class="tree-view">
- <div id="text03">name <mark>abcdefghijklmnopqrstuvwxyz</mark></div>
- xxxxxx
- <br>
- <a href="xxxxxx">xxxxxx</a>
- </ul>
- </div>
- --------------------------------------------------------
- 4) MUSIC 2000'S. or go visit this: https://pastebin.com/zyJWYpeT
- <head>
- <link rel="preconnect" href="https://fonts.googleapis.com">
- <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
- <link href="https://fonts.googleapis.com/css2?family=M+PLUS+Rounded+1c:wght@400;500;800&display=swap" rel="stylesheet">
- <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>
- <script src="https://kit.fontawesome.com/8119dfca45.js" crossorigin="anonymous"></script>
- </head>
- <style type="text/css">
- @font-face {
- font-family: 'music';
- src: url(https://cdn.glitch.me/9bbfdfb3-4bfa-4c39-8743-5621c8b9df21/LL_RECOR.TTF);
- }
- @font-face {
- font-family: Pixelated MS Sans Serif;
- src:url(ms_sans_serif.woff) format("woff");
- src:url(ms_sans_serif.woff2) format("woff2");
- }
- /*-------MUSIC PLAYER BY GLENTHEMES-------*/
- #glenplayer02 {
- position:relative;
- display:flex;
- background: #C2C2C2;
- padding: .2em;
- border: 3px solid;
- border-style: inset;
- margin: auto;
- margin-top: 0.5em;
- margin-bottom: 0.5em;
- width:auto;
- }
- #glenplayer02 a {text-decoration:none;}
- #glenplayer02 > div {
- align-self:center;
- -webkit-align-self:center;
- }
- .music-controls {
- user-select:none;
- -webkit-user-select:none;
- width:13px;
- font-size:18px;
- cursor:pointer;
- font-family: 'music';
- }
- .playy, .pausee {font-family: 'music'; font-size: 1.1em; color: #1b1a5c; -webkit-text-stroke: 0.5px #000; margin-top: -0.2em; margin-bottom: 0.1em; } /* color of play & pause buttons */
- .pausee {display:none;}
- .sonata {
- margin-left:0.4em;
- font-family: Pixelated MS Sans Serif;
- font-size:0.75em;
- color:#000; /* color of music note symbol */
- }
- .labeltext {
- margin-left:0.5em;
- position: relative;
- bottom:0.1em;
- font-size:14px;/* color of song title */
- }
- </style>
- <body>
- <!-------MUSIC PLAYER BY GLENTHEMES------->
- <div id="glenplayer02">
- <div class="music-controls" onclick="songstart();">
- <div class="playy">d</div>
- <div class="pausee">k</div>
- </div>
- <div class="sonata">Too Good </div>
- <div class="labeltext"><img src="https://64.media.tumblr.com/tumblr_ll7wpyHlj71qi6qow.gif"> <span style="font-family: 'music'; font-size: 1.1em; color: #909090; -webkit-text-stroke: 0.5px #000; margin-top: -0.2em; margin-bottom: 0.1em; ">o</span></div>
- </div><!--end music player-->
- <audio id="tune" src="https://cdn.discordapp.com/attachments/890617367284027443/950399503901536307/Too_Good.mp3"></audio> *DROPBOX LINK DOESNT WORKS!!!*
- </body>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement