Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <style type="text/css">
- .pfor { display: none; }
- #profile { background-color: transparent; border: none; }
- </style>
- <style type="text/css">
- body {
- font-family: verdana;
- font-size: 10px;
- background-color: #000;
- background-image: url('http://i.picpar.com/QChb.png');
- background-attachment: fixed;
- background-position: bottom left;
- background-repeat: repeat;
- text-align: justify;
- color: #888888;
- cursor: url('http://cur.cursors-4u.net/cursors/cur-9/cur817.cur'), default;
- }
- b, strong {font-family:'verdana'; font-variant: small-caps; font-size:10px; color: #043B2F; font-weight:normal; letter-spacing: -1px;}
- i {color: #666666; font-family: 'calibri'; font-variant: small-caps; font-size:10pt; letter-spacing:0px}
- u {color: #666; font-size: 12px; font-weight: light; letter-spacing: 0px; word-spacing: 6px; font-family:Romans; text-transform: normal; font-weight: normal; text-align: center; border-bottom: 1px dotted #889e9f;}
- s {color: #820000; font-size: 11px; font-weight: light; letter-spacing: 0px; font-family:Romans; text-transform: normal; text-decoration: none; font-weight: normal; text-shadow: #212121 0px 0px 1px;}
- big {color: #506c95; font-size: 15px; font-weight: light; letter-spacing: 0px; font-family: Century Gothic; text-transform: normal; text-decoration: none; font-weight: normal; text-align: center; Text-shadow: #43150E 0px 0px 1px;}
- small {color: #3B2F7F; font-size: 18px; font-weight: light; letter-spacing: -1px; font-family: verdana; font-variant: small-caps; text-transform: lowercase; text-decoration: none; font-weight: normal; text-align: center;}
- ::-webkit-scrollbar-button:vertical:{background-color: transparent;
- -moz-border-radius: 0px 0px 0px 0px;
- border-radius:0px 0px 0px 0px;}
- ::-webkit-scrollbar-thumb:vertical {background-color: transparent; height:20px;
- -moz-border-radius: 0px 0px 0px 0px;
- border-radius:0px 0px 0px 0px;}
- ::-webkit-scrollbar-thumb:horizontal {background-color: transparent; height:20px !important;
- -moz-border-radius: 0px 0px 0px 0px;
- border-radius:0px 0px 0px 0px;}
- ::-webkit-scrollbar { height:20px;width:3px; background-color:transparent;}
- h1{
- background-color: #043B2F;
- color: #666666;
- font-size: 13px;
- font-family: Century Gothic;
- line-height: 15px;
- text-align: center;
- margin-top: 0px;
- letter-spacing: 2px;
- text-transform: lowercase;
- }
- #title {
- position: fixed;
- top: 55px;
- left: 120px;
- z-index: 550;
- color: #8F8E8C;
- font-size: 60px;
- line-height: 80px;
- letter-spacing: 2px;
- font-family: 'Mirage Gothic';
- text-shadow: #666 2px 3px 4px;
- z-index: 600;
- }
- #container{
- position: fixed;
- left: 80px;
- height: 600px;
- width: 500px;
- top: 44px;
- background-image: url('http://i.picpar.com/JChb.jpg');
- background-attachment: absolute;
- background-position: bottom right;
- background-repeat: repeat;
- background-color: #FBEDF8;
- border: #0E191B 5px Solid;
- }
- #border{
- position: fixed;
- left: 89px;
- height: 587px;
- width: 490px;
- top: 55px;
- background-image: url('https://38.media.tumblr.com/7eb02842710b05abcb16eae0a25a5fcf/tumblr_nejdrw2rCb1qax4juo1_500.gif');
- background-attachment: absolute;
- background-position: 0px 0px;
- background-size: 490px 600px;
- background-repeat: repeat;
- background-color: #FBEDF8;
- border: #666666 1px Solid;
- }
- #N1{
- position: fixed;
- left: 89px;
- top: 55px;
- width: autopx;
- height: 22px;
- background-color: #001D1B;
- overflow: hidden;
- z-index: 2000000;
- }
- #N2{
- position: fixed;
- left: 89px;
- top: 622px;
- width: autopx;
- height: 22px;
- background-color: #001D1B;
- overflow: hidden;
- z-index: 2000000;
- }
- .spear {
- position: absolute;
- margin-left: 0px;
- margin-top: -5px;
- width: 200px;
- height: 220px;
- padding: 5px;
- color: #666666;
- font-family: verdana;
- font-variant: small-caps;
- text-align: justify;
- font-size: 10px;
- line-height: 13px;
- overflow: auto;
- background-color: #001D1B;
- z-index: 10;
- }
- .box {
- position: fixed;
- left: -455px;
- top: 230px;
- height: 250px;
- width: 480px;
- padding: 5px;
- color: #070707;
- font-family: verdana;
- font-variant: small-caps;
- text-align: justify;
- font-size: 10px;
- line-height: 13px;
- overflow: auto;
- background-color: #001D1B;
- background-image: url('http://s10.postimg.org/8oq0evfs9/kal_portrait.png');
- background-attachment: absolute;
- background-position: bottom right;
- background-repeat: no-repeat;
- opacity: 0;
- transition: all 0.5s ease-in-out;
- -webkit-transition: all 0.5s ease-in-out;
- -moz-transition: all 0.5s ease-in-out;
- -o-transition: all 0.5s ease-in-out;
- -ms-transition: all 0.5s ease-in-out;
- z-index: 5000;
- }
- .box:target {
- top: 230px;
- left: 90px;
- opacity: 1;
- transition: all 0.5s ease-in-out;
- -webkit-transition: all 0.5s ease-in-out;
- -moz-transition: all 0.5s ease-in-out;
- -o-transition: all 0.5s ease-in-out;
- -ms-transition: all 0.5s ease-in-out;
- }
- a.nav:link, a.nav:active, a.nav:visited{
- letter-spacing: 1px;
- text-transform: lowercase;
- display: inline-block;
- width: 162px;
- height: 20px;
- color: #666666;
- background-color: #001D1B;
- text-align: center;
- line-height: 16px;
- font-variant: small-caps;
- cursor: url(http://cur.cursors-4u.net/cursors/cur-9/cur819.cur), default;
- -webkit-transition: all 0.4s ease-out;
- -moz-transition: all 0.4s ease-out;
- -moz-border-radius-topright: 5px;
- -moz-border-radius-bottomright: 5px;}
- a.nav:hover{
- background-color: transparent;
- color: transparent;
- text-decoration: none;
- cursor: url(http://cur.cursors-4u.net/cursors/cur-9/cur819.cur), default;
- }
- p {
- margin: 10px;
- padding: 5px;
- font-family: verdana;
- font-variant: small-caps;
- text-align: justify;
- font-size: 10px;
- color: #070707;
- background-color: transparent;
- }
- a {
- color: #4f494d;
- text-decoration: none;
- cursor: url('http://cur.cursors-4u.net/cursors/cur-9/cur819.cur'), default;
- }
- a:hover {
- color: transparent;
- text-decoration: none;
- cursor: url('http://cur.cursors-4u.net/cursors/cur-9/cur819.cur'), default;
- }
- .soul{
- height: 60px;
- width: 60px;
- border: #09B3AF 2px solid;
- opacity: 0.7;
- cursor: url('http://cur.cursors-4u.net/cursors/cur-9/cur817.cur'), default;
- }
- </style>
- <div id="no" oncontextmenu="return false;">
- <div id="container"></div>
- <div id="border"></div>
- <div id="N1">
- <a class="nav" href="#one">i.</a>
- <a class="nav" href="#two">ii.</a>
- <a class="nav" href="#three">iii.</a>
- </div>
- <div id="N2">
- <a class="nav" href="#four">iv.</a>
- <a class="nav" href="#five">v.</a>
- <a class="nav" href="#six">vi.</a>
- </div>
- <div id="one" class="box">
- <h1>This is a header</h1>
- <div class="spear">
- <b>O1.</b> ooc
- </div></div>
- <div id="two" class="box">
- <h1>This is a header</h1>
- <div class="spear">
- stats + persona
- </div></div>
- <div id="three" class="box">
- <h1>This is a header</h1>
- <div class="spear">
- history
- </div></div>
- <div id="four" class="box">
- <h1>This is a header</h1>
- <div class="spear">
- abilities
- </div></div>
- <div id="five" class="box">
- <h1>This is a header</h1>
- <div class="spear">
- <a href="profile.php?user=Sona" target="_blank" title="The Maven of the Strings"><img src="http://fc04.deviantart.net/fs71/f/2013/344/b/e/sona_icon_by_elazulmax-d6xfrzd.png" class="soul"></a>
- </div></div>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement