Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!DOCTYPE html>
- <!--
- page #04 by Paige @ neonbikethemes.tumblr.com
- Please DO NOT COPY ANY PARTS OF THIS CODE and claim them as your own
- Do not remove the credit. thanks!
- -->
- <style type=text/css>
- a:link {color:#838383;} /* unvisited link */
- a:visited {color:#838383;} /* visited link */
- a:hover {color:#c94d47;} /* mouse over link */
- a:active {color:#838383;} /* selected link */
- a:link {text-decoration:none;}
- a:visited {text-decoration:none;}
- a:hover {text-decoration:none;}
- a:active {text-decoration:none;}
- @font-face
- {font-family: Mossy; src: url(http://static.tumblr.com/9wzbixa/Pugmj3l9d/mossy.ttf);
- }
- #header{
- position:absolute;
- top:200px;
- left:40%;
- width:300px;
- height:100px;
- z-index:30;
- font-family:mossy;
- }
- #title{
- font-size:25px;
- background:transparent;
- text-align:center;
- }
- #titlebox{
- z-index:5;
- opacity:.5;
- color:#a0a0a0;
- background:white;
- border:1px solid#a0a0a0;
- border-radius:5px;
- margin-top:20px;
- margin-left:50px;
- margin-right:50px;
- padding:5px;
- height:27px;
- overflow:hidden;
- -webkit-transition: height .5s;
- }
- #titlebox:hover{
- height:48px;
- z-index:8;
- }
- #links{
- text-align:center;
- word-spacing:5px;
- }
- #image{
- position:absolute;
- top:200px;
- left:40%;
- width:300px;
- height:100px;
- z-index:0;
- overflow:hidden;
- border-radius:5px;
- background:transparent;
- }
- #box{
- position:fixed;
- left:40%;
- top:305px;
- width:300px;
- height:200px;
- background:transparent;
- color:#a0a0a0;
- font-family:mossy;
- text-align:center;
- }
- #boxone{
- position:absolute;
- border: 1px solid#a0a0a0;
- border-radius:5px;
- width:135px;
- height:200px;
- padding:5px;
- background:white;
- }
- #boxtwo{
- position:absolute;
- display:inline;
- margin-left:3px;
- border: 1px solid#a0a0a0;
- border-radius:5px;
- width:135px;
- height:200px;
- padding:5px;
- background:white;
- }
- </style>
- <div id="header">
- <div id="titlebox">
- <div id="title">NAVIGATION </div>
- <div id="links">
- <a href="">BACK</a>
- <a href="">HOME </a>
- <a href="">LINK </a>
- </div>
- </div>
- </div>
- <div id="image">
- <img src="http://upload.wikimedia.org/wikipedia/commons/9/9e/Milky_Way_IR_Spitzer.jpg" alt text= "space" width="300px" >
- </div>
- <div id="box">
- <div id="boxone">
- <p><a href="">ABOUT</a>
- <p><a href="">MESSAGE</a>
- <p><a href="">TAGS</a>
- <p><a href="">FRIENDS</a>
- <p><a href="">FIC RECS</a>
- </div>
- <div id="boxtwo">
- <p><a href="">LINKS</a>
- <p><a href="">SHIPS</a>
- <p><a href="">ART BLOG</a>
- <p><a href="">FANDOM BLOG</a>
- <p><a href="">♥</a>
- </div>
- </div>
- <!-- CREDIT: DO NOT REMOVE -->
- <div style="position:fixed;bottom:3px; left:7px; font-size:9px; letter-spacing:1px; border-radius:5px; font-family:calibri;border:1px solid;padding:4px;"><a href="http://neonbikethemes.tumblr.com/">P</a></center></div>
- </body>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement