Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <div id="profile"><style type="text/css">
- @import url(http://fonts.googleapis.com/css?family=Share);
- @import url(http://fonts.googleapis.com/css?family=Pacifico);
- .pfor { display: none; margin: 0 auto; }
- #profile { background-color:transparent; border: 0px; margin: 0 auto; }
- ::selection {background-image:url(http://i.picpar.com/bdvb.png);color:transparent;}
- ::-moz-selection {background-image:url(http://i.picpar.com/bdvb.png);color:transparent;}
- body{background-color:#5B7289;background-image:url(http://i.picpar.com/brwb.png);background-attachment:fixed;background-repeat:repeat;background-size:40%;background-position:bottom left;text-align:justify;}::-webkit-scrollbar-thumb:vertical{background-color:#transparent;;height:100px;}::-webkit-scrollbar-thumb:horizontal{background-color:#transparent;;height:100px!important;}::-webkit-scrollbar{height:0px;width:0px;background-color:#transparent;}
- body, a:hover {cursor: url(http://media.tumblr.com/tumblr_lqs4qoKE1V1qfoi4t.png), progress;}
- a{text-decoration: none; color: #666; }
- a:hover{color: transparent; text-shadow: #143D29 0px 0px 2px}
- #image {
- position:absolute;
- background-image: url('http://i.picpar.com/lrwb.jpg');
- background-repeat:no-repeat;
- background-size:200;
- background-position:center;
- background-attachment:absolute;
- background-color:#888;
- margin-top: 90px;
- margin-left: 420px;
- width: 460px;
- height: 485px;
- border-radius:20;
- border: 6px double #000;
- z-index:-1;
- }
- #title {
- position:absolute;
- margin-top: 30px;
- margin-left: 500px;
- font-family: 'Pacifico'; font-size: 45px; color: #5B7289;
- text-shadow: -2px 0px 0px #300000, 0px 2px 0px #300000, 2px 0px 0px #300000, 0px -2px 0px #300000, 2px 2px 2px #5B7289;
- color:#002447;
- z-index; 0px;
- }
- #title2 {
- position:absolute;
- margin-top: 90px;
- margin-left: 645px;
- font-family: 'Share'; font-size: 50px; color: #600000;
- letter-spacing: 4px;
- font-variant: small-caps;
- text-shadow: -2px 0px 0px #000, 0px 2px 0px #000, 2px 0px 0px #000, 0px -2px 0px #000, 2px 2px 2px #600000;
- color:#400000;
- z-index; 0px;
- }
- #NAVI {
- position: absolute;
- margin-top: 90px;
- margin-left: 390px;
- }
- #navi a {
- float: left;
- DISPLAY: block;
- width: 15px;
- height: 85px;
- border: 6px double #000;
- background: #300000;
- transition:all 1s ease-out;-o-transition:all 1s ease-in-out;-moz-transition:all 1s ease-in-out;
- margin-bottom: 5px;
- }
- #navi a:HOVER {
- background: transparent;
- }
- #NAVI2 {
- position: absolute;
- margin-top: 190px;
- margin-left: 390px;
- }
- #navi2 a {
- float: left;
- DISPLAY: block;
- width: 15px;
- height: 85px;
- border: 6px double #000;
- background: #002447;
- transition:all 1s ease-out;-o-transition:all 1s ease-in-out;-moz-transition:all 1s ease-in-out;
- margin-bottom: 5px;
- }
- #navi2 a:HOVER {
- background: transparent;
- }
- #NAVI3 {
- position: absolute;
- margin-top: 290px;
- margin-left: 390px;
- }
- #navi3 a {
- float: left;
- DISPLAY: block;
- width: 15px;
- height: 85px;
- border: 6px double #000;
- background: #300000;
- transition:all 1s ease-out;-o-transition:all 1s ease-in-out;-moz-transition:all 1s ease-in-out;
- margin-bottom: 5px;
- }
- #navi3 a:HOVER {
- background: transparent;
- }
- #NAVI4 {
- position: absolute;
- margin-top: 390px;
- margin-left: 390px;
- }
- #navi4 a {
- float: left;
- DISPLAY: block;
- width: 15px;
- height: 85px;
- border: 6px double #000;
- background: #002447;
- transition:all 1s ease-out;-o-transition:all 1s ease-in-out;-moz-transition:all 1s ease-in-out;
- margin-bottom: 5px;
- }
- #navi4 a:HOVER {
- background: transparent;
- }
- #NAVI5 {
- position: absolute;
- margin-top: 490px;
- margin-left: 390px;
- }
- #navi5 a {
- float: left;
- DISPLAY: block;
- width: 15px;
- height: 85px;
- border: 6px double #000;
- background: #300000;
- transition:all 1s ease-out;-o-transition:all 1s ease-in-out;-moz-transition:all 1s ease-in-out;
- margin-bottom: 5px;
- }
- #navi5 a:HOVER {
- background: transparent;
- }
- #NAVI6 {
- position: absolute;
- margin-top: 90px;
- margin-left: 895px;
- }
- #navi6 a {
- float: left;
- DISPLAY: block;
- width: 15px;
- height: 85px;
- border: 6px double #000;
- background: #300000;
- transition:all 1s ease-out;-o-transition:all 1s ease-in-out;-moz-transition:all 1s ease-in-out;
- margin-bottom: 5px;
- }
- #navi6 a:HOVER {
- background: transparent;
- }
- #NAVI7 {
- position: absolute;
- margin-top: 190px;
- margin-left: 895px;
- }
- #navi7 a {
- float: left;
- DISPLAY: block;
- width: 15px;
- height: 85px;
- border: 6px double #000;
- background: #002447;
- transition:all 1s ease-out;-o-transition:all 1s ease-in-out;-moz-transition:all 1s ease-in-out;
- margin-bottom: 5px;
- }
- #navi7 a:HOVER {
- background: transparent;
- }
- #NAVI8 {
- position: absolute;
- margin-top: 290px;
- margin-left: 895px;
- }
- #navi8 a {
- float: left;
- DISPLAY: block;
- width: 15px;
- height: 85px;
- border: 6px double #000;
- background: #300000;
- transition:all 1s ease-out;-o-transition:all 1s ease-in-out;-moz-transition:all 1s ease-in-out;
- margin-bottom: 5px;
- }
- #navi8 a:HOVER {
- background: transparent;
- }
- #NAVI9 {
- position: absolute;
- margin-top: 390px;
- margin-left: 895px;
- }
- #navi9 a {
- float: left;
- DISPLAY: block;
- width: 15px;
- height: 85px;
- border: 6px double #000;
- background: #002447;
- transition:all 1s ease-out;-o-transition:all 1s ease-in-out;-moz-transition:all 1s ease-in-out;
- margin-bottom: 5px;
- }
- #navi9 a:HOVER {
- background: transparent;
- }
- #NAVI10 {
- position: absolute;
- margin-top: 490px;
- margin-left: 895px;
- }
- #navi10 a {
- float: left;
- DISPLAY: block;
- width: 15px;
- height: 85px;
- border: 6px double #000;
- background: #300000;
- transition:all 1s ease-out;-o-transition:all 1s ease-in-out;-moz-transition:all 1s ease-in-out;
- margin-bottom: 5px;
- }
- #navi10 a:HOVER {
- background: transparent;
- }
- #whole{
- position: fixed;
- top: 0px;
- left: 0px;
- right: 0px;
- bottom: 0px;}
- </style>
- <div id="whole" oncontextmenu="return false;">
- <div id="title"><i>Kal-El, Clark Kent;</i></div>
- <div id="title2"><i>SUPERMAN</i></div>
- <div id="image"></div>
- <div id="navi">
- <a href="#dossier" title="dossier."></a>
- </div>
- <div id="navi2">
- <a href="#miscellaneous" title="miscellaneous." id="links"></a>
- </div>
- <div id="navi3">
- <a href="#backstory" title="kal's backstory." id="links"></a>
- </div>
- <div id="navi4">
- <a href="#relations" title="relationships." id="links"></a>
- </div>
- <div id="navi5">
- <a href="#ooc" title="the rules." id="links"></a>
- </div>
- <div id="navi6">
- <a href="" title="music link title." title="_blank"></a>
- </div>
- <div id="navi7">
- <a href="" title="music link title." title="_blank"></a>
- </div>
- <div id="navi8">
- <a href="" title="music link title." title="_blank"></a>
- </div>
- <div id="navi9">
- <a href="" title="music link title." title="_blank"></a>
- </div>
- <div id="navi10">
- <a href="" title="music link title." title="_blank"></a>
- </div>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement