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=Great+Vibes|Aref+Ruqaa);
- html, body {
- background: #f3f3f3;
- background-image:url("");
- background-size:400px;
- background-repeat:no-repeat;
- background-position:center bottom;
- }
- ::-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: 260px;
- margin: 0px;
- border: none;
- height: 570px;
- background-color:transparent;
- position: absolute;
- left: 20%;
- bottom: -75%;
- background-image:url("http://i.picpar.com/jhJc.jpg");
- border: 10px solid #10214f;
- background-repeat:no-repeat;
- background-position: bottom;
- background-size: 100%;
- }
- #container {
- background-color:#10214f;
- width: 100%;
- height:250px;
- margin:auto;
- position: absolute;
- left: 0px;
- bottom:230px;
- z-index:1;
- }
- #content {
- background-color:transparent;
- width: 450px;
- height: 230px;
- margin:auto;
- position: absolute;
- font-family: 'Aref Ruqaa', cursive;
- color: #000;
- right: 14%;
- bottom: 5%;
- z-index:1;
- border: #000000 solid 1px;
- }
- #nav {
- background-color:#transparent;
- width: 25px;
- height:45px;
- margin:auto;
- position: absolute;
- right: 47.5%;
- top: 28%;
- text-align:right;
- z-index:1;
- }
- #nav a, #nav a:link, #nav a:visited {
- display:inline-block;
- background: #CCCCCC;
- color: #CCCCCC;
- margin-top:2px;
- margin-bottom:2px;
- margin-left:5px;
- height: 20px;
- width:20px;
- border-radius: 5px;
- }
- #nav a:active, #nav a:hover {
- display:inline-block;
- height: 20px;
- width:20px;
- text-decoration:none;
- background: #FFFFFF;
- color: #FFFFFF;
- margin:2px;
- }
- h1 {
- font-family: Arial;
- font-size: 25px;
- color:#999999;
- letter-spacing:1px;
- word-spacing:-1px;
- text-decoration:none!important;
- }
- .a:link, a:active, a:visited {
- font-family: Modern;
- font-size: 12px;
- color:#666666;
- letter-spacing: 1px;
- text-decoration: none;
- text-align: left;
- }
- a:hover {
- background-color: transparent;
- font-family: arial;
- font-size: 16px;
- font-weight: bold;
- color: #7c7c7c;
- text-decoration: none;
- text-transform: lowercase;
- text-align: left;
- }
- .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;
- }
- #Layout {position: fixed; left: 0px; top: 0px; right: 0px; bottom: 0px;}
- </style>
- <div class="credit" title="Profile by RageQxeen">♛</div>
- <div id="Layout" oncontextmenu="return false;">
- <div id="container">
- <div id="image"></div>
- <div id="nav">
- <a href="#one">1</a>
- <a href="#two">2</a>
- <a href="#three">3</a>
- <a href="#four">4</a>
- </div>
- <div id="content">
- <div style="width: 450px; height: 230px; overflow-y: hidden;">
- <a name="one"></a>
- <div style="width: 450px; height: 230px; overflow: auto;" align="center">
- <font style=float:left><b>Name</b></font> <font style=float:right></font><br>
- <font style=float:left><b>Nickname</b></font> <font style=float:right><a title="">hover</a></font><br>
- <font style=float:left><b>Gender</b></font> <font style=float:right></font><br>
- <font style=float:left><b>Apparent Age</b></font> <font style=float:right></font><br><br>
- <font style=float:left><b>Race</b></font> <font style=float:right></font><br>
- <font style=float:left><b>Height</b></font> <font style=float:right></font><br>
- <font style=float:left><b>Weight</b></font> <font style=float:right></font><br>
- <font style=float:left><b>Tresses</b></font> <font style=float:right></font><br>
- <font style=float:left><b>Irises</b></font> <font style=float:right></font><br><br>
- <font style=float:left><b>Marital</b></font> <font style=float:right><a target="_blank" href=""></a></font><br>
- <font style=float:left><b>Orientation</b></font> <font style=float:right></font><br>
- </div>
- <a name="two"></a>
- <div style="width: 400px; height: 230px; overflow: auto;" align="center">
- </div>
- <a name="three"></a>
- <div style="width: 400px; height: 230px; overflow: auto;" align="center">
- </div>
- <a name="four"></a>
- <div style="width: 400px; height: 230px; overflow: auto;" align="center">
- </div>
- <a name="five"></a>
- <div style="width: 400px; height: 230px; overflow: auto;" align="center">
- </div>
- </div>
- </div>
- </div>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment