Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <HTML>
- <HEAD>
- <TITLE>Navigation</TITLE>
- </HEAD>
- <title></title>
- <link rel="shortcut icon" href="{favicon}">
- <style type="text/css">
- #bite
- #bite a{
- display:block
- }
- #bite .death {
- margin-right:0px; margin-top:120px;filter: alpha(opacity = 0);
- opacity:0;-webkit-transition: all 0.5s ease-out;
- -moz-transition: all 0.5s ease-out;transition: all 0.5s ease-out;
- }
- #bite:hover .death {
- margin-left:0px;
- margin-top:135px;
- -webkit-transition: all 0.8s ease-out;
- -moz-transition: all 0.8s ease-out;
- transition: all 0.8s ease-out;
- filter: alpha(opacity = 100);
- filter: alpha(opacity = .8);
- opacity:.8;
- }
- #title {
- width:250px;
- margin-left:545px;
- text-transform:uppercase;
- font-family:cambria;
- font-size:40px;
- color:#585858;
- text-align:center;
- padding:6px;
- margin-top:40px;
- }
- #mainlinks {
- font-size:12px;
- text-transform:uppercase;
- font-family:cambria;
- color:white;
- text-align:center;
- background-color:#D0D0D0 ;
- padding:.1px;
- letter-spacing:2px;
- margin-top:5px;
- }
- #mainlinks a {
- padding:1px;
- font-size:8px;
- color:black;
- }
- #mainlinks a:hover {
- opacity:.6;
- color:green;
- }
- #image{
- margin-left:570px
- }
- #links {
- width:90px;
- font-size:15px;
- font-family:cambria;
- text-transform:lowercase;
- text-align:center;
- border:2px gray;
- position:fixed;
- background-color:white;
- border:2px black solid;
- padding:20px;
- line-height:125%;
- margin-top:30px;
- margin-left:35px;
- }
- #links a {
- color:black;
- }
- #links a:hover {
- opacity:.8;
- color:green;
- </style>
- <BODY>
- <div id="title"><i>Navigation</i></div>
- <div id="mainlinks">
- <pre><a href="/">home</a> <a href="/ask">ask</a> <a href="http://thegodofmischief.co.vu/post/60278141075/this-is-a-loki-themed-navigation-page-simple-and">Theme</a></pre>
- </div>
- <div id="bodyimage"><img src="http://31.media.tumblr.com/d0c65bfcb153355b1700b8066f43cf20/tumblr_mogo5tgILU1roe6alo1_500.jpg" style="position:fixed; top:433px; left:0px;" width="360px" height="210px">
- <div id="bite"><div id="image"><img src="http://31.media.tumblr.com/2be4eef4056a63fa1e31ce0b179d534d/tumblr_msejru2VTR1stu03io1_500.png" width="200px height="300px" style="position:fixed; top:250px">
- <div class="death"><div id="links">
- <a href="/"><i>LINK 1</a><br/>
- <a href="/"><i>LINK 2</a><br/>
- <a href="/"><i>LINK 3</a><br/>
- <a href="/"><i>LINK 4</a><br/>
- <a href="/"><i>LINK 5</a>
- </div>
- </div>
- </div>
- </BODY>
- </HTML>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement