Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!-- Vanilla Sky Navigation Theme by rockwithyous | tumblr
- PLEASE DO NOT:
- * redistribute
- * remove credit
- * use as base code
- * claim as your own!
- Doing these are also considered as stealing!-->
- <head>
- <link href='http://fonts.googleapis.com/css?family=Oleo+Script' rel='stylesheet' type='text/css'>
- <link href='http://fonts.googleapis.com/css?family=Inconsolata' rel='stylesheet' type='text/css'>
- <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
- <title>{Title}</title>
- {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
- <link rel="shortcut icon" href="{Favicon}" />
- <link rel="alternate" type="application/rss+xml" href="{RSS}" />
- <style type="text/css">
- body {COLOR:#FFF; background-color:#fff; background-image: url('http://static.tumblr.com/1703cac227c8b6a05a6a2833dbcfe380/ey3pcuk/9Tkmie1ck/tumblr_static_whitediamond.png'); background-attachment:fixed; line-height:100%; letter-spacing:1px; font-size:10px;text-align:justify; margin-left:220px; margin-top:150px;}
- a:link, a:active, a:visited{color:#7a7a72;
- text-decoration:none;
- -moz-transition-duration:1s;
- -webkit-transition-duration:1s;
- -o-transition-duration:1s;}
- a:hover {
- color:#fff;
- background-color: #7a7a72;
- -moz-transition-duration:1s;
- -webkit-transition-duration:1s;
- -o-transition-duration:1s;
- }
- ::-webkit-scrollbar{height: 10px; width: 10px; -webkit-border-radius: 0px; background-color:transparent;}
- ::-webkit-scrollbar-thumb{background-color:#bbb;}
- ::-webkit-scrollbar-track{background: transparent;}
- #box {
- width:350px;
- background:#fff;
- border:10px double #eee;
- padding:15px;
- text-align:center;
- display:inline-block;
- margin:10px;
- }
- #nav {font-family:'Inconsolata'; font-size:16px; color:#fff; letter-spacing:2px;font-weight:bold; line-height:15px; background-color:#bbb; width:300px;padding:8px; border:4px double #fff;text-align:center;}
- .navi a {
- font-family:'Inconsolata';
- width:130px;
- background-color:#eee;
- color:#bbb;
- font-size:9px;
- display:inline-block;
- padding:10px;
- position:relative;
- letter-spacing:2px;
- text-transform:uppercase;
- margin-left:10px;
- margin-right:10px;
- margin-bottom:5px;
- text-decoration:none;
- -webkit-transition: all 0.5s ease;
- -moz-transition: all 0.5s ease;
- -o-transition: all 0.5s ease;
- }
- .navi a:hover {
- background:#bbb;
- color:#fff;
- text-decoration:underline;
- -webkit-transition: all 0.5s ease;
- -moz-transition: all 0.5s ease;
- -o-transition: all 0.5s ease;
- }
- #titles{
- font-family:'Oleo Script';
- font-size:55px;
- text-align:center;
- color:#bbb;
- position:absolute;
- background:transparent;
- margin-top:-100px;
- margin-left:245px;
- margin-right:245px;
- display:block;
- }
- #links a {
- width:100px;
- background:#bbb;
- color:#fff;
- font-size:9px;
- display:inline-block;
- padding:5px;
- letter-spacing:1px;
- text-transform:uppercase;
- margin-left:3px;
- margin-right:3px;
- -webkit-transition: all 0.3s ease-in-out;
- -moz-transition: all 0.3s ease-in-out;
- -o-transition: all 0.3s ease-in-out;
- -ms-transition: all 0.3s ease-in-out;
- transition: all 0.3s ease-in-out;
- }
- #links a:hover {
- background:#fff;
- color:#bbb;
- }
- /* CREDIT */
- .cred { font-family:calibri; letter-spacing:1px; font-size:10px; bottom:1px; right:5px; position:fixed; padding:10px; text-align:right; font-weight:bold; color:#7a7a72; }
- .cred:hover #name { margin-bottom:0;
- -webkit-transition: all 0.2s ease-out;
- -o-transition: all 0.2s ease-out;
- -webkit-transition: all 0.2s ease-out;
- -moz-transition: all 0.2s ease-out;}
- .cred:hover #star { opacity:0;
- -webkit-transition: all 0.2s ease-out;
- -o-transition: all 0.2s ease-out;
- -webkit-transition: all 0.2s ease-out;
- -moz-transition: all 0.2s ease-out;}
- #star { font-size:20px; padding-bottom:10px; }
- #name { margin-bottom:-36px;
- -webkit-transition: all 0.2s ease-out;
- -o-transition: all 0.2s ease-out;
- -webkit-transition: all 0.2s ease-out;
- -moz-transition: all 0.2s ease-out;}
- {CustomCSS}
- </style>
- </head>
- <body>
- <div class="cred"><div id="star">★</div>
- <div id="name"><i>theme by</i> <br /><a href="http://rockwithyousthemes.tumblr.com">©ROCKWITHYOUS</a></div>
- </div>
- <div id="titles"><center>Navigation</center><br><br>
- <div id="links">
- <a href="/"> HOME </a>
- <a href="/ask"> MESSAGE </a>
- <a href="http://tumblr.com/"> DASHBOARD </a>
- </div></div>
- <div id="box">
- <center><div id="nav">Navigation Title</div></center><br><br>
- <div class="navi">
- <center>
- <a href="/"> LINK TITLE </a>
- <a href="/"> LINK TITLE </a>
- <p>
- <a href="/"> LINK TITLE </a>
- <a href="/"> LINK TITLE </a>
- <p>
- <a href="/"> LINK TITLE </a>
- <a href="/"> LINK TITLE </a>
- <p>
- <a href="/"> LINK TITLE </a>
- <a href="/"> LINK TITLE </a>
- <p>
- <a href="/"> LINK TITLE </a>
- <a href="/"> LINK TITLE </a>
- </center>
- </div>
- </div>
- <div id="box">
- <center><div id="nav">Navigation Title</div></center><br><br>
- <div class="navi">
- <center>
- <center>
- <a href="/"> LINK TITLE </a>
- <a href="/"> LINK TITLE </a>
- <p>
- <a href="/"> LINK TITLE </a>
- <a href="/"> LINK TITLE </a>
- <p>
- <a href="/"> LINK TITLE </a>
- <a href="/"> LINK TITLE </a>
- <p>
- <a href="/"> LINK TITLE </a>
- <a href="/"> LINK TITLE </a>
- <p>
- <a href="/"> LINK TITLE </a>
- <a href="/"> LINK TITLE </a>
- </center>
- </center>
- </div>
- </div>
- <br>
- <div id="box">
- <center><div id="nav">Navigation Title</div></center><br><br>
- <div class="navi">
- <center>
- <center>
- <a href="/"> LINK TITLE </a>
- <a href="/"> LINK TITLE </a>
- <p>
- <a href="/"> LINK TITLE </a>
- <a href="/"> LINK TITLE </a>
- <p>
- <a href="/"> LINK TITLE </a>
- <a href="/"> LINK TITLE </a>
- <p>
- <a href="/"> LINK TITLE </a>
- <a href="/"> LINK TITLE </a>
- <p>
- <a href="/"> LINK TITLE </a>
- <a href="/"> LINK TITLE </a>
- </center>
- </center>
- </div></div>
- <div id="box">
- <center><div id="nav">Navigation Title</div></center><br><br>
- <div class="navi">
- <center>
- <center>
- <a href="/"> LINK TITLE </a>
- <a href="/"> LINK TITLE </a>
- <p>
- <a href="/"> LINK TITLE </a>
- <a href="/"> LINK TITLE </a>
- <p>
- <a href="/"> LINK TITLE </a>
- <a href="/"> LINK TITLE </a>
- <p>
- <a href="/"> LINK TITLE </a>
- <a href="/"> LINK TITLE </a>
- <p>
- <a href="/"> LINK TITLE </a>
- <a href="/"> LINK TITLE </a>
- </center>
- </center>
- </div>
- </div>
- <br><br><br>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement