Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- --- MAIN CONTAINER ---
- border-radius: 100px 0px 100px 0px;
- width: 23em;
- height: 25em;
- box-shadow: inset 0 4px 5px -3px white, inset 4px 0 5px -5px black, inset -4px 0 5px -7px black, inset 0 -4px 5px -5px black;
- (mobile)
- border-radius: 70px 0px 70px 0px;
- --- CIRCLE IMAGE ---
- background: radial-gradient(#89cff0 0%, #fff 100%);
- position: absolute;
- left: 21em;
- z-index: 5;
- (mobile)
- left: 19.3em;
- --- NAVIGATION TEXTS ---
- border-radius: 0px 0px 30px 30px;
- background: #89CFF0;
- width: 2.9em;
- height: 8em;
- padding-top: 40px;
- z-index: 4;
- position: absolute;
- left: 14.15em;
- top: 5em;
- (mobile)
- border-radius: 0px 0px 20px 20px;
- width: 3em;
- height: 9em;
- padding-top: 30px;
- left: 14.2em;
- top: 4.9em;
- --- 'GIRLS NET' TEXT ---
- filter: drop-shadow( 0 1px black) drop-shadow( 1px 0 black) drop-shadow( 0 -1px black) drop-shadow( -1px 0 black) drop-shadow( 0 2px black) drop-shadow( 2px 0 black) drop-shadow( 0 -2px white) drop-shadow( -2px 0 white) drop-shadow( 0 3px white) drop-shadow( 3px 0 white) drop-shadow( 0 -3px white) drop-shadow(-3px 0 white) drop-shadow(1px 1px 0 white) drop-shadow(-1px 1px 0 white) drop-shadow(1px 1px 0 rgba(163,163,163,0.5)) drop-shadow(1px 1px 0 rgba(163,163,163,0.5)) drop-shadow( 0 0 2px #5C5C5C);
- font-family: starborn;
- top: 10px;
- (mobile)
- filter: drop-shadow( 0 1px black) drop-shadow( 1px 0 black) drop-shadow( 0 -1px black) drop-shadow( -1px 0 black) drop-shadow( 0 2px black) drop-shadow( 2px 0 black) drop-shadow( 0 -1px white) drop-shadow( -1px 0 white) drop-shadow( 0 1px white) drop-shadow( 1px 0 white) drop-shadow( 0 -2px white) drop-shadow(-2px 0 white) drop-shadow(1px 1px 0 white) drop-shadow(-0px 1px 0 white) drop-shadow(1px 1px 0 rgba(163,163,163,0.5)) drop-shadow(1px 1px 0 rgba(163,163,163,0.5)) drop-shadow( 0 0 2px #5C5C5C);
- --- 'A' & 'B' TEXTS ---
- font-family: 'yipes';
- border-radius: 100%;
- background: white;
- width: 50px;
- height: 50px;
- padding-top: 19px;
- box-shadow: inset 0 5px 6px -3px white, inset 5px 0 6px -5px black, inset -5px 0 6px -7px black, inset 0 -5px 6px -5px black;
- z-index: 3;
- (mobile)
- width: 40px;
- height: 40px;
- --- 'About' & 'Likes' TEXTS ---
- width: 5em;
- height: 1.3em;
- border-radius: 0px 20px 20px 0px;
- background: #89cff0;
- padding: 5px 0px 0px 30px;
- z-index: 1;
- box-shadow: inset 13px 0px 6px -10px rgb(66 66 66 / 20%), inset -13px 0px 6px -10px rgb(66 66 66 / 20%), inset 0px 13px 6px -10px #ffffff, inset 0px -13px 6px -10px rgb(66 66 66 / 30%);
- font-family: roman;
- (mobile)
- width: 6.5em;
- height: 1.5em;
- padding: 5px 0px 0px 40px;
- --- SCROLLBOX (1st PAGE) ---
- overflow: auto;
- width: 14em;
- height: 6em;
- border-radius: 20px;
- border: 1px solid #969696;
- background: linear-gradient(180deg, #fff 0%, #89CFF0 100%);
- padding: 10px 5px 5px 15px;
- box-shadow: inset 0 4px 5px -3px white, inset 4px 0 5px -5px black, inset -4px 0 5px -7px black, inset 0 -4px 5px -5px black;
- z-index: 1;
- font-family: Nintendo-DS-BIOS;
- (mobile)
- width: 14em;
- padding: 7px 5px 5px 10px;
- (Text: Highlight)
- font-size: 1.2em;
- font-family: roman;
- letter-spacing: 0.1em;
- --- HEART ICONS ---
- filter: drop-shadow( 0 1px black) drop-shadow( 1px 0 black) drop-shadow( 0 -1px black) drop-shadow( -1px 0 black) drop-shadow( 0 2px black) drop-shadow( 2px 0 black) drop-shadow( 0 -2px white) drop-shadow( -2px 0 white) drop-shadow( 0 3px white) drop-shadow( 3px 0 white) drop-shadow( 0 -3px white) drop-shadow(-3px 0 white) drop-shadow(1px 1px 0 white) drop-shadow(-1px 1px 0 white) drop-shadow(1px 1px 0 rgba(163,163,163,0.5)) drop-shadow(1px 1px 0 rgba(163,163,163,0.5)) drop-shadow( 0 0 2px #5C5C5C);
- (mobile)
- filter: drop-shadow( 0 1px black) drop-shadow( 1px 0 black) drop-shadow( 0 -1px black) drop-shadow( -1px 0 black) drop-shadow( 0 2px black) drop-shadow( 2px 0 black) drop-shadow( 0 -1px white) drop-shadow( -1px 0 white) drop-shadow( 0 1px white) drop-shadow( 1px 0 white) drop-shadow( 0 -2px white) drop-shadow(-2px 0 white) drop-shadow(1px 1px 0 white) drop-shadow(-0px 1px 0 white) drop-shadow(1px 1px 0 rgba(163,163,163,0.5)) drop-shadow(1px 1px 0 rgba(163,163,163,0.5)) drop-shadow( 0 0 2px #5C5C5C);
- --- SCROLLBOX (2nd PAGE) ---
- overflow: auto;
- width: 13em;
- height: 6em;
- border-radius: 20px;
- border: 1px solid #969696;
- background: linear-gradient(180deg, #fff 0%, #89CFF0 100%);
- padding: 15px 5px 5px 15px;
- box-shadow: inset 0 4px 5px -3px white, inset 4px 0 5px -5px black, inset -4px 0 5px -7px black, inset 0 -4px 5px -5px black;
- font-family: Nintendo-DS-BIOS;
- (mobile)
- width: 13em;
- padding: 10px 5px 5px 10px;
- --- CONTAINER with GALLERY ---
- width: 8em;
- height: 15em;
- border-radius: 0px 20px 0px 20px;
- box-shadow: inset 13px 0px 6px -10px rgb(66 66 66 / 20%), inset -13px 0px 6px -10px rgb(66 66 66 / 20%), inset 0px 13px 6px -10px #ffffff, inset 0px -13px 6px -10px rgb(66 66 66 / 30%);
- border-radius: 100px 100px 0px 0px;
- z-index: 2;
- --- GALLERY ---
- background: #fff;
- border-radius: 20px 0px 20px 0px;
- border: 2px solid #89CFF0;
- position: relative;
- top: 3.5em;
- (mobile)
- border-radius: 15px 0px 15px 0px;
- --- CONTAINER with SCROLLBOX ---
- width: 12em;
- height: 10em;
- border-radius: 0px 20px 20px 0px;
- --- 'Extra' TEXT ---
- font-family: roman;
- width: 4.5em;
- padding: 5px 5px 5px 15px;
- border-radius: 0px 20px 0px 20px;
- box-shadow: inset 13px 0px 6px -10px rgb(66 66 66 / 20%), inset -13px 0px 6px -10px rgb(66 66 66 / 20%), inset 0px 13px 6px -10px #ffffff, inset 0px -13px 6px -10px rgb(66 66 66 / 30%);
- background: #89CFF0;
- (mobile)
- width: 5em;
- --- SCROLLBOX (3rd PAGE) ---
- overflow: auto;
- width: 9.5em;
- height: 8.5em;
- padding: 7px 10px 15px 10px;
- font-family: Nintendo-DS-BIOS;
- (mobile)
- height: 8.5em;
- (Text: Highlight)
- font-family: roman;
- font-size: 1.1em;
- letter-spacing: 0.1em;
- --- FLOAT ---
- <style>
- #elementID {
- animation-name: floating;
- animation-duration: 3s;
- animation-iteration-count: infinite;
- animation-timing-function: ease-in-out;
- }
- @keyframes floating {
- 0% { transform: translate(0, 0px); }
- 50% { transform: translate(0, 15px); }
- 100% { transform: translate(0, -0px); }
- }
- </style>
- --- ALL FONTS ---
- <style>
- @font-face {
- src: url(https://dl.dropbox.com/s/8p8mi5uzbekohv7/Starborn.ttf);
- font-family: starborn;
- }
- @font-face {
- font-family:'yipes';
- src: url(https://dl.dropbox.com/s/qrdm3wived8sm66/Yipes.ttf);
- }
- @font-face {
- font-family: Nintendo-DS-BIOS;
- src: url(https://dl.dropbox.com/s/vlxjtnvrl9s0snp/Nintendo-DS-BIOS.ttf);
- }
- @font-face {
- font-family: roman;
- src: url(https://dl.dropbox.com/s/f9cfrx4wyt13rwv/ROMANTIC.TTF);
- }
- </style>
Advertisement
Add Comment
Please, Sign In to add comment