Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <style type="text/css">
- .pfor {display: none; visibility: hidden;}
- #profile {background-color:;}
- #profile {border:;}
- body
- {overflow-x:hidden;
- background-image:
- url('');
- background-size: ;
- background-repeat:repeat;
- background-position:center;
- background-attachment: fixed;
- background-color: #9fbfbf;
- font: 0px arial;
- color: ;}
- }
- a {color:;
- text-decoration: none;
- transition: 1.5s;
- }
- a:hover {color: ;
- text-decoration: none;
- transition: 1.5s;
- }
- a {
- color: black;
- text-decoration: wavy black;
- text-shadow: 1px 1px 1px black;
- }
- .img {
- Position: fixed;
- Border: solid 5px #365959;
- Height: 353px;
- Width: 250px;
- Left: 900px;
- Top: 100px;
- border-radius: 0px;
- opacity: .;
- overflow: hidden;
- }
- .img2 {
- Position: fixed;
- Border: solid 5px #365959;
- Height: 150px;
- Width: 150px;
- Left: 200px;
- Top: 50px;
- border-radius: 300px;
- opacity: .;
- overflow: hidden;
- }
- .img3 {
- Position: fixed;
- Border: solid 5px #365959;
- Height: 150px;
- Width: 150px;
- Left: 200px;
- Top: 215px;
- border-radius: 100px;
- opacity: .;
- overflow: hidden;
- }
- .img4 {
- Position: fixed;
- Border: solid 5px #365959;
- Height: 150px;
- Width: 150px;
- Left: 200px;
- Top: 380px;
- border-radius: 100px;
- opacity: .;
- overflow: hidden;
- }
- h1{
- border-bottom:0px solid #DADADA;
- color: #828184;
- font-size:17px;
- line-height: 17px;
- font-family: 'Indie Flower', cursive;
- text-align: right;
- text-transform:uppercase;
- letter-spacing:5px;
- margin: 0px 5px 5px;
- text-shadow: 1px 0px 0px #222,
- 0px 1px 0px #222,
- -1px 0px 0px #222,
- 0px -1px 0px #222,
- 0px 0px 20px #000;
- }
- #music{
- position:absolute;
- background-image:
- url('http://i.imgur.com/xc30aBj.png');
- background-repeat: no-repeat;
- background-size: 10px;
- width:15px;
- height:15px;
- z-index:99;
- left:5;
- top:5;
- overflow:hidden;
- -webkit-transition: all 0.5s ease-in-out;
- -moz-transition: all 0.5s ease-in-out;
- -o-transition: all 0.5s ease-in-out;
- }
- #music-title-bg {
- position:absolute;
- background-color: transparent;
- width:8;
- height:20;
- left:25;
- top:0;
- }
- #music-title-bg2 {
- position:absolute;
- background-color:transparent;
- width: 0;
- height:14;
- left:-7;
- top:3;
- }
- #music-title {
- position:absolute;
- color:transparent;
- font-family:oswald;
- font-size:14px;
- text-transform:uppercase;
- text-align:justify;
- width:125;
- left:0;
- top:-4;
- }
- .infobox {
- Position: fixed;
- Top: 200px;
- left: 500px;
- width: 325px;
- Height: 160px;
- Border: solid 4px #365959;
- opacity: 0;
- Background-color: #9dc7c3;
- Color: black;
- Padding: 5px;
- Font-size: 13px;
- font-family: 'Bellefair', serif;
- overflow: auto;
- transition: all 0.7s ease-in-out;
- -webkit-transition: all 0.7s ease-in-out;
- -moz-transition: all 0.7s ease-in-out;
- -o-transition: all 0.7s ease-in-out;
- -ms-transition: all 0.7s ease-in-out;
- z-index:2;
- }
- .infobox:target {
- top:200px;
- left: 500px;
- overflow: auto;
- opacity: 1;
- transition: all 0.7s ease-in-out;
- -webkit-transition: all 0.7s ease-in-out;
- -moz-transition: all 0.7s ease-in-out;
- -o-transition: all 0.7s ease-in-out;
- -ms-transition: all 0.7s ease-in-out;
- z-index:4;
- }
- #navi{
- position:fixed;
- width: 10px;
- text-align:center;
- left:650px;
- top:100px;
- transform: rotate(-90deg);
- float: left;
- z-index: 5;
- }
- #navi a{
- display: inline-block;
- background-color: #103538;
- padding-top: 34px;
- margin-top: 5px;
- width:10px;
- height: 10px;
- border-radius: 50px;
- }
- #navi a:hover{
- transition: 1.5s;
- }
- </style>
- <div class="img"><img src="https://i.imgur.com/3XRydjY.png">
- </div>
- <div class="img2"><img src="https://78.media.tumblr.com/tumblr_m1z77mKPgA1r99f4t.gif">
- </div>
- <div class="img3"><img src="https://media.giphy.com/media/7ZWPLgPavnSa4/giphy.gif">
- </div>
- <div class="img4"><img src="https://78.media.tumblr.com/3265868c0cf66fe2096dbd82524e15c5/tumblr_inline_n51473Ele11rg5w1l.gif">
- </div>
- <div id="navi">
- <a href="#one"></a>
- <a href="#two"></a>
- <a href="#three"></a>
- <a href="#four"></a>
- </div>
- <div id="one" class="infobox">
- Name - <Br>
- Nickname - <Br>
- Age - <Br>
- Gender - <Br>
- Species - <Br>
- Preference - <br>
- Marital - <Br>
- </div>
- <div id="two" class="infobox">
- testing
- </div>
- <div id="three" class="infobox">
- testing
- </div>
- <div id="four" class="infobox">
- Code made by <a href="https://roleplay.chat/profile.php?user=Black+Onyx">Black Onyx</a> Designs.
- </div>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement