Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <style type="text/css">
- .pfor{display: none; }
- #profile { border: 0px; background-color: transparent; }
- </style>
- <style type="text/css">
- body {
- font-family: verdana;
- font-size: 10px;
- background-color: #FFFFFF;
- background-image: url('http://us.cdn2.123rf.com/168nwm/nicemonkey/nicemonkey0902/nicemonkey090200092/4358528-green-and-golden-wallpaper-background-with-seamless-design.jpg');
- background-attachment: fixed;
- background-position: fixed;
- background-repeat: repeat;
- background-position: 0px 150px;
- text-align: justify;
- color: #888888;
- cursor: url('http://cur.cursors-4u.net/cursors/cur-6/cur567.cur');
- }
- b, strong {font-family:'century gothic'; font-variant: small-caps; font-size: 15px; color: #820000; font-weight:normal; letter-spacing: -1px;}
- i {color: #B67D82; font-family: verdana; font-variant: small-caps; font-size: 10.5px; 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: #99D6FF; font-size: 11px; font-weight: light; letter-spacing: 0px; font-family:Romans; text-transform: normal; text-decoration: none; font-weight: normal; text-shadow: #FF99D6 0px 0px 1px;}
- big {color: #9B919C; 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: #DED6AA 0px 0px 1px;}
- small {color: #663366; font-size: 14px; font-weight: light; letter-spacing: -1px; padding-top: 5px; font-family: century gothic; font-variant: small-caps; text-transform: lowercase; text-decoration: none; font-weight: normal; text-align: center;}
- — do not take this code, its not yours, nor will it be. i worked hard on this. —
- — do not take this code, its not yours, nor will it be. i worked hard on this. —
- — do not take this code, its not yours, nor will it be. i worked hard on this. —
- ::-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: 0px;
- -moz-border-radius: 0px 0px 0px 0px;
- border-radius:0px 0px 0px 0px;}
- ::-webkit-scrollbar-thumb:horizontal {background-color: transparent; height: 0px !important;
- -moz-border-radius: 0px 0px 0px 0px;
- border-radius:0px 0px 0px 0px;}
- ::-webkit-scrollbar { height:0px; width: 0px; background-color:transparent;}
- h2{
- font-size: 20px;
- font-variant: small-caps;
- color: #444444;
- text-transform: lowercase;
- letter-spacing: -1px;
- text-align: right;
- background-color: none;
- line-height: 2px;
- text-align: center;
- font-family: century gothic;
- text-shadow: #4b4139 2px 3px 4px;
- margin-top: 5px;
- margin-bottom: 8px;
- display: block;
- background-color: #151413;
- border-right: 1px dotted #4B4330;
- padding: 0px;
- font-weight: normal;
- }
- #line{
- position: fixed;
- top: 200px;
- left: 0px;
- width: 100%;
- height: 72.5px;
- background-color: #47633E;
- border-top: 5px Solid #4b4139;
- border-bottom: 5px Solid #4b4139;
- z-index: 150;
- }
- #no{
- position: fixed;
- top: 0px;
- left: 0px;
- right: 0px;
- bottom: 0px;
- }
- #character{
- position: fixed;
- left: -150px;
- top: 0px;
- z-index: 200;
- }
- #Pic {
- position: fixed;
- top: 100px;
- left: 370px;
- width: 150px;
- height: 300px;
- background-color: #EDEDEE;
- background-image:url('http://i.picpar.com/QIE.png');
- background-repeat: no-repeat;
- background-position: 0px 0px;
- background-size: 150px 300px;
- border: #4b4139 5px solid;
- z-index: 200;
- }
- .info{
- position: fixed;
- top: 100px;
- left: 525px;
- width: 400px;
- height: 195px;
- overflow: auto;
- text-align: justify;
- line-height: 13px;
- font-size: 10px;
- background-color: #EDEDEE;
- font-face: verdana;
- font-variant: small-caps;
- letter-spacing: 0px;
- color: #212121;
- overflow: auto;
- border: #4b4139 5px solid;
- z-index:500;
- }
- .comrades{
- position: fixed;
- top: 300px;
- left: 525px;
- width: 400px;
- height: 100px;
- overflow: auto;
- text-align: justify;
- line-height: 13px;
- font-size: 10px;
- background-color: #EDEDEE;
- font-face: verdana;
- font-variant: small-caps;
- letter-spacing: 0px;
- color: #212121;
- overflow: auto;
- border: #4b4139 5px solid;
- z-index:500;
- }
- .Navi {
- position: fixed;
- margin-left: 23px;
- margin-top: 0px;
- width: 10px;
- z-index: 999;
- }
- a.nav:link, a.nav:active, a.nav:visited{
- letter-spacing: 1px;
- text-transform: lowercase;
- display: inline-block;
- margin: 5px;
- width: 90px;
- height: 20px;
- color: #ededee;
- background-color: #7c6e63;
- text-align: center;
- line-height: 17px;
- font-variant: small-caps;
- border: 2px solid #9a867b;
- cursor: url(http://cur.cursors-4u.net/user/use-1/use169.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: #9a867b;
- border: 2px solid #7c6e63;
- text-decoration: none;
- cursor: url(http://cur.cursors-4u.net/user/use-1/use169.cur), default;
- }
- .box {
- position: fixed;
- left: 950px;
- top: -100px;
- width: 350px;
- height: 500px;
- padding: 5px;
- color: #212121;
- font-family: verdana;
- font-variant: small-caps;
- text-align: justify;
- font-size: 10px;
- line-height: 13px;
- overflow: auto;
- border-left: 20px Solid #4b4139;
- border-right: 20px Solid #4b4139;
- background-color: #EDEDeE;
- 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: 200;
- }
- .box:target {
- top: 100px;
- left: 950px;
- 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;
- z-index: 200;
- }
- .bee {
- height: 90px;
- width: 90px;
- margin: 2.7px;
- border: #857E6C 2px solid;
- opacity: 0.7;
- }
- .bee:hover {
- height: 90px;
- width: 90px;
- margin: 2.7px;
- border: #857E6C 2px solid;
- opacity: 1;
- }
- .image {
- opacity: 0;
- width: autopx;
- height: 300px;
- background-color: #EDEDEE;
- text-align: justify;
- overflow: auto;
- -ms-transition: opacity .3s linear;
- -moz-transition: opacity .3s linear;
- -o-transition: opacity .3s linear;
- -webkit-transition: opacity .3s linear;
- }
- .image:hover {
- opacity: 1; }
- .text {
- line-height: 1.5;
- padding-top: 30px;
- font-family: verdana;
- font-variant: small-caps;
- font-size: 10;
- color: #212121;
- text-align: justify; }
- a {
- color: #8d8d82;
- text-decoration: none;
- cursor: url(http://cur.cursors-4u.net/user/use-1/use169.cur),default;
- }
- a:hover {
- color: transparent;
- text-decoration: none;
- cursor: url(http://cur.cursors-4u.net/user/use-1/use169.cur),default;
- }
- #credit{
- position:fixed;
- bottom:0px;
- right:0px;
- z-index:450;}
- </style>
- <div id="no" oncontextmenu="return false;">
- <div id="character"><img src="http://i.picpar.com/zKE.png" width="700" height="1000"></img></div>
- <div id="line"></div>
- <div id="pic"><div class="image"><div class="text">
- <div class="navi">
- <a class="nav" href="#one">You</a>
- <a class="nav" href="#two">Can</a>
- <a class="nav" href="#three">Change</a>
- <a class="nav" href="#four">These</a>
- <a class="nav" href="#five">!</a>
- <a class="nav" href="#bee">Restart</a>
- <a class="nav" href="http://www.serebii.net/pokedex-xy/652.shtml">Wikia or Link</a>
- </div></div></div></div>
- <div class="info">
- Bla bla bla ooc & stuff can go here.
- </div>
- <div class="comrades">
- <a href="profile.php?user=Arcanine" target="_blank" title="description here."><img src="http://i.picpar.com/JKE.png" class="bee"></a>
- <a href="profile.php?user=" target="_blank" title="description here."><img src="http://placehold.it/80x80" class="bee"></a>
- <a href="profile.php?user=" target="_blank" title="description here."><img src="http://placehold.it/80x80" class="bee"></a>
- <a href="profile.php?user=" target="_blank" title="description here."><img src="http://placehold.it/80x80" class="bee"></a>
- <a href="profile.php?user=" target="_blank" title="description here."><img src="http://placehold.it/80x80" class="bee"></a>
- </div>
- <div id="one" class="box">
- <h2>Test header here.</h2>
- Awesome words go here.~
- </div>
- <div id="two" class="box"></div>
- <div id="three" class="box"></div>
- <div id="four" class="box"></div>
- <div id="five" class="box"></div>
Advertisement
Add Comment
Please, Sign In to add comment