Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <note:> NOT EVERY CODE IS LISTED BECAUSE THERE ARE SO MANY PLEASE REFER TO THE VIDEO FOR BASIC CODES SUCH AS TEXT BACKGROUNDS, ETC!! if i put all the codes for every element, this pastebin would be so long and complicated so i am condensing it to the codes that would be hard to copy from the tutorial; hope this is still helpful!
- ---- all the fonts ----
- <style>
- @font-face {
- font-family: retro;
- src: url(https://dl.dropbox.com/s/b94su663w08qcm3/Retro%20Gaming.ttf?dl=0);
- }
- @font-face {
- font-family:'heart';
- src: url(https://dl.dropbox.com/s/3obmncth4fhmduq/HEARRG__.TTF);}
- @font-face {
- font-family: pixel;
- src: url(https://dl.dropbox.com/s/kmhe7d3n18vdz5e/w95fa.woff?dl=0);
- }
- @font-face {
- font-family: emoji;
- src: url(https://dl.dropbox.com/s/cvba4kh6qm23mru/EmojiFont.ttf);
- }
- @font-face {
- font-family:'ROMANTIC';
- src: url(https://dl.dropbox.com/s/xggwcxb6mlf6pwq/ROMANTIC.TTF);
- }
- </style>
- ---- 'style' embed ----
- <style>
- ::-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>
- ---- spiral gradient for container ----
- background: radial-gradient(circle, #E8F3FF 56%, #E3E0FF 100%);
- ---- headers such as 'about' or 'my faves!' ----
- font-family: ROMANTIC;
- background:linear-gradient(to top, #E8F3FF 2%, #A4ADDE 100%);
- -webkit-background-clip: text;
- -webkit-text-fill-color: transparent;
- -webkit-text-stroke: 0.5px #96A7FF;
- ---- webkit text stroke for the 'girls.web' & links to each section ----
- -webkit-text-stroke: 0.5px #000;
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement