Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!------------------------------------------------------------------------
- <!------------------------------------------------------------------------
- ♡ made by http://cassiopeis.tumblr.com/ ♡
- - YOU MAY EDIT OR CHANGE AS MUCH AS YOU LIKE BUT
- !!!!! DO NOT REMOVE CREDIT !!!!!
- - IF YOU HAVE A QUESTION OF SOMETHINGS GOES WRONG, YOU CAN MESSAGE ME AT:
- http://scottpilgvrim.tumblr.com/
- -------------------------------------------------------------------------->
- <!DOCTYPE html>
- <head>
- <title>Navigation</title>
- <link rel="shortcut icon" href="https://s-media-cache-ak0.pinimg.com/favicons/80d6af6584f065ee8777c8d6fedc922a6f3a3b77871b9fd51bcae4e9.png?690fa4ac51e18b937f5182eb24b8a5cf">
- <link href="style-my-tooltips.css" rel="stylesheet" type="text/css" />
- <style>
- a {font-size: 15px;
- color: #9C9C9C;
- text-decoration: none;
- -o-transition-duration: 3s;
- -webkit-transition-duration: 3s;
- -moz-transition-duration: 3s;
- }
- a:hover
- { color: white;
- text-decoration:none;
- -webkit-transition-duration: 0.5s;
- -moz-transition-duration: 0.5s;
- -o-transition-duration: 0.5s;
- -ms-transition-duration: 0.5s;
- text-decoration:none;
- text-shadow:1px 1px 10px white;
- }
- #s-m-t-tooltip {
- padding:5px;
- width:auto;
- background-color:black;
- border: 1px solid #eee;
- color:#aaa;
- letter-spacing:1px;
- font-size:8px;
- font-family:calibri;
- text-transform:uppercase;
- word-spacing:3px;
- display:inline;
- position:relative;
- max-width:150px;
- margin:20px 7px -2px 20px;
- z-index:9999;
- }
- body {
- font-size:12px;
- font-family:Times New Roman, helvetica, arial;
- background-color:#fbfbfb;
- }
- .header {
- height: 220px;
- overflow: auto;
- margin-top:5px;
- color: white;
- letter-spacing:2px;
- font-size:12px;
- text-align:center;
- margin-bottom:10px;
- margin-left:20px;
- font-family:Times New Roman;
- width:150px;
- padding:6px;
- text-transform:uppercase;
- background-color:none;
- }
- .headertext {
- margin-top: -200px;
- height: 220px;
- overflow: auto;
- text-transform:uppercase;
- font-family:Times New Roman; /*change links font here*/
- font-size:8px;
- margin-left:20px;
- line-height:20px;
- text-align:center;
- letter-spacing:1px;
- word-spacing:5px;
- border-bottom:1px solid #eee;
- padding-bottom:17px;
- }
- .headertext a {
- color:#C0C0C0; /*change links color here*/
- width:146px;
- margin:0px;
- margin-bottom:-7px;
- letter-spacing:1px;
- display:block;
- padding:3px;
- padding-left:8px;
- text-align:left;
- font-family:Calibri; /*change links font here*/
- font-size:10px;
- line-height:15px;
- -webkit-transition: all .4s linear;
- -moz-transition: all .4s linear;
- -o-transition: all .4s linear;
- -ms-transition: all .4s linear;
- transition: all .4s linear;
- }
- .headertext a:hover {
- color:#fff; /*change links color on hover here*/
- letter-spacing:2px;
- color:white;
- text-decoration:none;
- -webkit-transition: all .4s linear;
- -moz-transition: all .4s linear;
- -o-transition: all .4s linear;
- -ms-transition: all .4s linear;
- transition: all .4s linear;
- }
- #credit {
- font-size:13px;
- font-family:cambria;
- letter-spacing:1px;
- display: block
- width:20px;
- height: 20px;
- -moz-transition-duration:0.5s;
- -webkit-transition-duration:0.5s;
- -o-transition-duration:0.5s;
- }
- #credit a {
- background-color:black;
- padding:5px;
- position:fixed;
- right:5px;
- bottom:10px;
- color: #808080;
- border:1px solid #373737;
- }
- .sidebar {
- width: 400px;
- position: fixed;
- right: 0;
- top: 0;
- height: 100%;
- background-image: url("http://www.sepeb.com/transparent/image_20170131_171643.gif");
- }
- nav {
- text-align: center;
- position:fixed;
- top:240px;
- width:400px;
- opacity:1;
- }
- nav a {
- margin-left:auto;
- margin-right:auto;
- width:220px;
- display:block;
- color: white;
- font-size:15px;
- font-family: Times New Roman;
- text-transform:lowercase;
- }
- </style></head>
- <body style="background-color:black;">
- <img style="position:fixed; left: 29%; z-index: -2; opacity: 0.8; width: 648px; height: 648px " src="http://pm1.narvii.com/6045/d7f75eb727632f61ffbc12237a7d9591350fd96f_hq.jpg" /></p>
- <div class="sidebar">
- <nav>
- <p style="font-family: Seaweed Script; font-size: 30px; color: white; font-style:italic;" >NAVIGATION</p> <!--*CHANGE TITLE HERE *-->
- <!--*SIDEBAR LINKS*-->
- <a href="/">home</a>
- <a href="/ask">ask</a>
- <a href="/"> </a>
- <a href="/"> </a>
- </nav>
- </div>
- <div id="cont">
- <table cellpadding="20"
- >
- <tr><td>
- <div class="header">• SPELLS •</div>
- <div class="headertext">
- <!--*CHANGE LINKS*-->
- <a href="/">link</a><br>
- <a href="/">link</a><br>
- <a href="/">link</a><br>
- <a href="/">link</a><br>
- <a href="/">link</a><br>
- <a href="/">link</a><br>
- <a href="/">link</a><br>
- <a href="/">link</a><br>
- <a href="/">link</a><br>
- <a href="/">link</a><br>
- <a href="/">link</a><br>
- <a href="/">link</a><br>
- <a href="/">link</a><br>
- </div>
- </td>
- <td>
- <div class="header">• POTIONS •</div>
- <div class="headertext">
- <!--*CHANGE LINKS*-->
- <a href="/">link</a><br>
- <a href="/">link</a><br>
- <a href="/">link</a><br>
- <a href="/">link</a><br>
- <a href="/">link</a><br>
- <a href="/">link</a><br>
- <a href="/">link</a><br>
- <a href="/">link</a><br>
- <a href="/">link</a><br>
- <a href="/">link</a><br>
- </div>
- </td>
- </tr>
- <tr><td>
- <div class="header">• CRAFT •</div>
- <!--*CHANGE LINKS*-->
- <div class="headertext">
- <a href="/">link</a><br>
- <a href="/">link</a><br>
- <a href="/">link</a><br>
- <a href="/">link</a><br>
- <a href="/">link</a><br>
- <a href="/">link</a><br>
- <a href="/">link</a><br>
- <a href="/">link</a><br>
- <a href="/">link</a><br>
- <a href="/">link</a><br>
- </div>
- </td>
- <td>
- <div class="header">• DIVINATION •</div>
- <div class="headertext">
- <!--*CHANGE LINKS*-->
- <a href="/">link</a><br>
- <a href="/">link</a><br>
- <a href="/">link</a><br>
- <a href="/">link</a><br>
- <a href="/">link</a><br>
- <a href="/">link</a><br>
- <a href="/">link</a><br>
- <a href="/">link</a><br>
- </div>
- </div>
- </td>
- </tr>
- <!--DON'T REMOVE THE CREDITS!!!!!-->
- <div id="credit"><a href="http://cassiopeis.tumblr.com/" style="font-size: 15px;">♡</a></div>
- </body>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement