Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <style type="text/css">
- @import url(https://fonts.googleapis.com/css?family=Beth+Ellen|Roboto+Mono|Orbitron);
- body { background: url(https://img.rawpixel.com/s3fs-private/rawpixel_images/website_content/rm253-eye-02b_1.jpg?bg=transparent&con=3&cs=srgb&dpr=1&fm=jpg&ixlib=php-3.1.0&q=80&usm=15&vib=3&w=1300&s=022aef61f9b0b56d7a50e4ac24e7a50c);
- background-size: 100%;
- background-position:;
- background-color:#261b22;
- overflow:hidden;}
- ::-webkit-scrollbar { width: 3px; }
- ::-webkit-scrollbar-track { border-radius: 2px; background-color: #; }
- ::-webkit-scrollbar-thumb { border-radius: 2px; background-color: #; }
- #icon{z-index:5;
- position: absolute;
- left:19.5vw;
- bottom:21.5vw;
- width:15vw;
- height:4.5vw;
- background-image: url("https://i.pinimg.com/474x/60/82/38/608238b676db4792a058ffc57f943eee.jpg");
- background-size:cover;
- background-position:center;
- border:0.3vw solid #ab899a;
- box-shadow:0vw 0vw 0.2vw #000;}
- #pic{z-index:5;
- position: absolute;
- left:0.5vw;
- bottom:1vw;
- width:18vw;
- height:25vw;
- background-image: url("https://i.pinimg.com/474x/ba/43/52/ba4352971913e473d7ff7e5cc39ad9fe.jpg");
- background-size:cover;
- background-position:center;
- border:0.3vw solid #ab899a;
- box-shadow:0vw 0vw 0.2vw #000;}
- #name{ z-index:3;
- position: absolute;
- text-align:center;
- left: 1vw;
- bottom: 26.5vw;
- color: #f6c1d7;
- font-family: Beth Ellen;
- font-size: 2.5vw;
- letter-spacing: 0vw;
- text-shadow: -1px 0px 0px #000, 0px 1px 0px #000, 1px 0px 0px #000, 0px -1px 0px #000;}
- #infobox{position: absolute;
- z-index: 10;
- bottom: 1vw;
- left: 19.5vw;
- height:18.6vw;
- width:14.5vw;
- overflow: hidden;
- padding:0.2vw;
- color: #fff;
- line-height: 0.65vw;
- border: 0.3vw solid #ab899a;
- background-color:#bfacb4;
- font-family: Roboto Mono;
- font-size: 0.6vw;
- box-shadow:0vw 0vw 0.2vw #000;}
- #navi {position: absolute;
- bottom: 2.5vw;
- left: 36vw;
- width: 1vw;
- height:17vw;
- z-index: 300;}
- a.nav:link, a.nav:active, a.nav:visited{letter-spacing: 1px;
- text-transform: ;
- display: inline-block;
- width: 1vw;
- height: 1vw;
- margin: 2.5vw;
- margin-top:0vw;
- margin-left:0vw;
- background-color: #b3b7d1;
- border:0.2vw solid #ab899a;
- -webkit-transition: all 0.4s ease-out;
- -moz-transition: all 0.4s ease-out;}
- a.nav:hover{background-color: #4a4954;}
- h1 {
- font-size: 0.9vw;
- font-family: orbitron;
- margin-top: 0.5vw;
- margin-bottom: 0.3vw;
- text-align:center;
- border-left:2vw solid #000;
- border-right:2vw solid #000;
- color: #767db8;
- text-shadow: -1px 0px 0px #000, 0px 1px 0px #000, 1px 0px 0px #000, 0px -1px 0px #000;
- font-weight:normal;}
- b {color: #767db8;background:#4a4954;}
- a {color: #3f4d9e;text-decoration: none;}
- a:hover {color: gray;cursor: url('http://media.tumblr.com/e7f72e808c4dbe5006b9c3a30dbc9b79/tumblr_inline_mh67vhwGnR1rdqsqf.png');}
- #credit{z-index:100;
- position: absolute;
- right:1vw;
- bottom:1vw;
- height: 2vw;
- width:1.8vw;
- background-image: url("https://i.imgur.com/OManVVn.png");
- background-size:100% 100% ;}
- </style>
- <a target="_blank" href="https://pastebin.com/u/YandereCodes"><div id="credit"></div></a>
- <div id="box">
- <div id="icon"></div><div id="pic"></div>
- <div id="name">Name Here</div>
- <div id="navi">
- <center>
- <a class="nav" href="#1"></a>
- <a class="nav" href="#2"></a>
- <a class="nav" href="#3"></a>
- <a class="nav" href="#4"></a>
- <a class="nav" href="#5"></a>
- </center>
- </div>
- <div id="infobox">
- <center>
- <div style="height: 100%; overflow-y: hidden;">
- <a name="1"></a>
- <div style="width:95%; height: 100%; top: 0px; overflow: auto;" align="left">
- <h1>Information💮📷</h1>
- <b>Name</b> <span style="float:right;">Kazue Amiah</span><br>
- <b>Nickame</b> <span style="float:right;">N/A</span><br>
- <b>Age</b> <span style="float:right;">22</span><br>
- <b>Date of Birth</b> <span style="float:right;">Feb 1st</span><br>
- <b>Height</b> <span style="float:right;">5'4</span><br>
- <b>Eyes</b> <span style="float:right;">Cyan-Bright Blue</span><br>
- <b>Hair</b> <span style="float:right;">Pink-Cherry Bloosom</span><br>
- <b>Scent</b> <span style="float:right;">Roses & Cherry Blossoms</span><br>
- <b>Ethnicity</b> <span style="float:right;">Japanase-French</span><br>
- <b>Race</b> <span style="float:right;">Quirked Human</span><br>
- <b>Affiliation</b> <span style="float:right;">Mustafa Police Department</span><br>
- <b>Occupation</b> <span style="float:right;">Detective</span><br>
- <b>Orientation</b> <span style="float:right;">Straight</span><br>
- <b>Body</b> <span style="float:right;">Petite-Slim</span><br>
- <b>Pramour</b> <span style="float:right;"><a target="_blank" href="https://roleplay.chat/profile.php?user=">Single</a></td></span></font></font><br>
- <b>Voice</b> <span style="float:right;"><a target="_blank" href="https://www.youtube.com/watch?v=LckOo1vH0tg&t=9s">Shimizy Kiyoko</a></td></span></font></font><br>
- <b>Theme</b> <span style="float:right;"><a target="_blank" href="https://www.youtube.com/watch?v=9ABpzyH7Q6U">Let it out</a></td></span><br>
- <b>Gallery</b> <span style="float:right;"><a target="_blank" href="...">TBA</a></td></span>
- </div></div>
- <div style="height: 100%; overflow-y: hidden;">
- <a name="2"></a>
- <div style="width:95%; height: 100%; top: 100px; overflow: auto;" align="left">
- <h1>Title 2</h1>
- </div>
- </div>
- <div style="height: 100%; overflow-y: hidden;">
- <a name="3"></a>
- <div style="width:95%; height: 100%; top: 100px; overflow: auto;" align="left">
- <h1>Title 3</h1>
- </div>
- </div>
- <div style="height: 100%; overflow-y: hidden;">
- <a name="4"></a>
- <div style="width:95%; height: 100%; top: 100px; overflow: auto;" align="left">
- <h1>Title 4</h1>
- </div>
- </div>
- <div style="height: 100%; overflow-y: hidden;">
- <a name="5"></a>
- <div style="width:95%; height: 100%; top: 100px; overflow: auto;" align="left">
- <h1>Title 5</h1>
- </div>
- </div>
- </div>
Add Comment
Please, Sign In to add comment