Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <html>
- <body><style type="text/css">
- @import url(https://fonts.googleapis.com/css?family=Aref+Ruqaa);
- html, body {
- background: #bb8e1b;
- background-image:url("http://i.picpar.com/ihXc.png");
- background-size: 105%;
- background-repeat:no-repeat;
- background-position:center;
- }
- ::-webkit-scrollbar-button:vertical:{
- background-color: #transparent;}
- ::-webkit-scrollbar-thumb:vertical {
- background-color:#transparent;
- height:150px;}
- ::-webkit-scrollbar-thumb:horizontal {
- background-color:#transparent;
- height:60px;}
- ::-webkit-scrollbar {
- height:60px;
- width:5px;
- background-color:#transparent;}
- #image {
- width: 300px;
- margin: 0px;
- border: none;
- height: 700px;
- background-color:transparent;
- position: absolute;
- left: 18%;
- bottom: 30%;
- background-image:url("http://i.picpar.com/XgXc.png");
- background-repeat:no-repeat;
- background-position: bottom;
- background-size: 100%;
- animation: bounce 3s infinite; -webkit-animation: bounce 3s infinite; -o-animation: bounce 3s infinite; image-shadow: 0 0 30px #CC20FF;
- opacity: 1; transition: opacity 1s ease-in-out;
- -moz-transition: opacity 1s ease-in-out;
- -webkit-transition: opacity 1s ease-in-out;
- }
- @keyframes bounce{
- 0% {bottom: 15%;}
- 50% {bottom: 18%;}
- 100% {bottom: 15%;}}
- @-webkit-keyframes bounce {
- 0% {bottom: 15%;}
- 50% {bottom: 18%;}
- 100% {bottom: 15%;}}
- #content {
- background-color:transparent;
- width: 500px;
- height: 400px;
- margin:auto;
- position: absolute;
- padding: 5px;
- font-family: 'Aref Ruqaa', cursive;
- font-size: 18px;
- color: #fff;
- right: 23%;
- bottom: 19%;
- z-index:1;
- }
- #navi1 {position: absolute;
- left: 20%;
- top: 10%;}
- #navi1 a {background-color: #600;
- background:url('http://i.picpar.com/bhXc.png')
- center center no-repeat;;
- background-size: 100%;
- display: inline-block;
- height: 50px;
- width: 50px;
- border: 0px solid #000;
- }
- #navi2 {position: absolute;
- left: 32%;
- top: 15%;}
- #navi2 a {background-color: #600;
- background:url('http://i.picpar.com/dhXc.png')
- center center no-repeat;;
- background-size: 100%;
- display: inline-block;
- height: 30px;
- width: 30px;
- border: 0px solid #000;}
- #navi3 {position: absolute;
- left: 20%;
- top: 35%;}
- #navi3 a {background-color: #600;
- background:url('http://i.picpar.com/ehXc.png')
- center center no-repeat;;
- background-size: 100%;
- display: inline-block;
- height: 30px;
- width: 30px;
- border: 0px solid #000;}
- #navi4 {position: absolute;
- left: 33%;
- top: 40%;}
- #navi4 a {background-color: #600;
- background:url('http://i.picpar.com/fhXc.png')
- center center no-repeat;;
- background-size: 80%;
- display: inline-block;
- height: 30px;
- width: 30px;
- border: 0px solid #000;}
- #navi5 {position: absolute;
- left: 30%;
- top: 60%;}
- #navi5 a {background-color: #600;
- background:url('http://i.picpar.com/ghXc.png')
- center center no-repeat;;
- background-size: 90%;
- display: inline-block;
- height: 30px;
- width: 30px;
- border: 0px solid #000;}
- .credit{
- position: fixed;
- bottom: 0px;
- right: 2px;
- height: 25px;
- width: 25px;
- line-height: 15px;
- font-size: 10px;
- color: #000;
- text-align: center;
- font-family: roboto;
- }
- i{color: #c0c0c0;}
- b{color: #d3d3d3;}
- a{color: #daa520; text-decoration: none;}
- #Layout {position: fixed; left: 0px; top: 0px; right: 0px; bottom: 0px;}
- </style>
- <div class="credit" title="By RageQxeen">♛</div>
- <div id="Layout" oncontextmenu="return false;"></div>
- <div id="image"></div>
- <div id="navi5"><a href="#five"></a></div>
- <div id="navi4"><a href="#four"></a></div>
- <div id="navi3"><a href="#three"></a></div>
- <div id="navi2"><a href="#two"></a></div>
- <div id="navi1"><a href="#one"></a></div>
- <div id="content">
- <div style="width: 500px; height: 400px; overflow-y: hidden;">
- <a name="one"></a>
- <div style="width: 500px; height: 400px; overflow: auto;" align="center">
- <span style="float:left;"><b>Name</b></span><span style="float:right;">NAME HERE</span><br>
- <font style=float:left><b>Moniker</b></font> <font style=float:right><a title="TITLES HERE">hover</a></font><br>
- <font style=float:left><b>Gender</b></font> <font style=float:right>GENDER HERE</font><br>
- <font style=float:left><b>Apparent Age</b></font> <font style=float:right>AGE HERE</font><br>
- <font style=float:left><b>Race</b></font> <font style=float:right>RACE HERE</font><br>
- <font style=float:left><b>Height</b></font> <font style=float:right>HEIGHT HERE</font><br>
- <font style=float:left><b>Weight</b></font> <font style=float:right>WEIGHT HERE</font><br>
- <font style=float:left><b>Tresses</b></font> <font style=float:right>HAIR COLOR HERE</font><br>
- <font style=float:left><b>Irises</b></font> <font style=float:right>EYE COLOR HERE</font><br>
- <font style=float:left><b>Marital</b></font> <font style=float:right><a href="LINK TO PROFILE HERE" target="_blank">RELATIONSHIP STATUS HERE</a></font><br>
- <font style=float:left><b>Orientation</b></font> <font style=float:right>ORIENTATION HERE</font><br>
- </div>
- <a name="two"></a>
- <div style="width: 500px; height: 400px; overflow: auto;" align="center">
- POWERS OR HISTORY HERE
- </div>
- <a name="three"></a>
- <div style="width: 500px; height: 400px; overflow: auto;" align="center">
- POWERS OR HISTORY HERE
- </div>
- <a name="four"></a>
- <div style="width: 500px; height: 400px; overflow: auto;" align="center">
- FRIEND STUFF HERE
- </div>
- <a name="five"></a>
- <div style="width: 500px; height: 400px; overflow: auto;" align="center">
- <b>00</b>. Code does not belong to me, go <a target="_blank" href="https://alliealgiere.neocities.org/">here</a> to get a free code or commission by <b>RageQxeen</b>!<br><br>
- <b>01.</b> OOC <br>
- <b>02.</b> OOC <br>
- <b>03.</b> OOC <br>
- <b>04.</b> OOC <br>
- <b>05.</b> OOC <br>
- <b>06.</b> OOC <br>
- <b>07.</b> OOC <br>
- <b>08.</b> OOC <br>
- <b>09.</b> OOC <br>
- <b>10.</b> OOC <br>
- </div>
- </div>
- </div>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement