Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
- <!--
- ╱╭╮╭╮╱╱╱╱╱╱╱╱╱╱╱╭╮╱╱╱╱╱╱╭╮╱╱╱╱╱╱╱╱╱╱╱╭╮
- ╭╯╰┫┃╱╱╱╱╱╱╱╱╱╱╱┃┃╱╱╱╱╱╱┃┃╱╱╱╱╱╱╱╱╱╱╱┃┃
- ╰╮╭┫╰━┳━━┳╮╭┳━━╮┃╰━┳╮╱╭╮┃┃╭━━┳━╮╭━━┳━╯┣━━┳━╮
- ╱┃┃┃╭╮┃┃━┫╰╯┃┃━┫┃╭╮┃┃╱┃┃┃┃┃╭╮┃╭╮┫╭╮┃╭╮┃╭╮┃╭╮╮
- ╱┃╰┫┃┃┃┃━┫┃┃┃┃━┫┃╰╯┃╰━╯┃┃╰┫╰╯┃┃┃┃╰╯┃╰╯┃╰╯┃┃┃┃
- ╱╰━┻╯╰┻━━┻┻┻┻━━╯╰━━┻━╮╭╯╰━┻━━┻╯╰┻━━┻━━┻━━┻╯╰╯
- ╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╭━╯┃
- ╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╰━━╯
- -->
- <!-- NAVIGATION THEME 01; 3D BY LONODON, DO NOT STEAL OR REMOVE CREDIT. I SWEAR I WILL HUNT YOU DOWN. BASE CODE BY DYLAENOBRIENS -->
- <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
- <head>
- <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">
- /*--scrollbar--*/
- ::-webkit-scrollbar-thumb:vertical {border:3px solid #fff;height:12px; background-color:{color:scrollbar};}
- ::-webkit-scrollbar-thumb:horizontal {background-color:#fff;}
- ::-webkit-scrollbar {background-color:{color:scrollbar};height:7px;width:12px;border:5px solid #fff;}
- ::-webkit-scrollbar-button:start:decrement, ::-webkit-scrollbar-button:end:increment{background-color:{color:scrollbar};display:block;height:8px;border-right:2px solid #fff;border-left:2px solid #fff;
- }
- /*--body--*/
- body {
- font-style:none;
- background-color:{color:bg};
- font-family:calibri;
- color:{color:text};
- font-size:9px;
- }
- a {
- color:{color:link};
- text-decoration:none;
- -webkit-transition: all 0.5s ease-out;
- -moz-transition: all 0.5s ease-out;
- transition: all 0.5s ease-out;
- }
- a:hover {
- color:{color:hover};
- text-decoration:none;
- -webkit-transition: all 0.8s ease-out;
- -moz-transition: all 0.8s ease-out;
- transition: all 0.8s ease-out;
- }
- img {
- border:none;
- }
- blockquote {
- padding-left:5px;
- border-left:2px solid {color:border};
- }
- h1 {
- font-size:10px;
- }
- /*--Cursor code--*/
- *, body, a, a:hover {cursor: url("http://www.totallylayouts.com/cursors/random/tiny_cursor.png"), auto }
- /*everything*/
- #everything {
- margin-left:250px;
- margin-top:100px;
- }
- /*--title--*/
- #title {
- font-family:'absender';
- font-size:80px;
- margin-top:-67px;
- margin-left:130px;
- color:#00000
- -size:8px;
- color:{color:links};
- }
- /*--links--*/
- #links {
- width:150px;
- font-family:'absender';
- text-transform:uppercase;
- text-align:center;
- margin-top:-50px;
- margin-left:334px;
- }
- #links a {
- padding:3px;
- font-size:15px;
- color:#000;
- letter-spacing:1px
- -webkit-transition: all 0.4s ease-in-out;
- -moz-transition: all 0.4s ease-in-out;
- -o-transition: all 0.4s ease-in-out;
- -ms-transition: all 0.4s ease-in-out;
- transition: all 0.4s ease-in-out;
- }
- #links a:hover {
- color:#fff;
- background-color:#000;
- letter-spacing:4px
- }
- #grouptitle {
- padding:5px;
- text-align:center;
- font-style:italic;
- font-family:'times new roman';
- color:#bbbaba;
- font-size:17px;
- width:150px;
- margin-left:75px;
- margin-top:40px;
- border-left:4px solid #000;
- border-right:4px solid #000;
- border-top:4px solid #000;
- }
- #grouplinks {
- width:120px;
- margin-top:-25px;
- padding:20px;
- padding-bottom:0px;
- margin-left:75px;
- border:4px solid #000;
- }
- #grouplinks a {
- font-family:'absender';
- display:block;
- color:#000;
- font-size:10px;
- padding:2px;
- text-align:center;
- letter-spacing:4px;
- text-transform:uppercase;
- margin-bottom:5px;
- -webkit-transition: all 0.4s ease-in-out;
- -moz-transition: all 0.4s ease-in-out;
- -o-transition: all 0.4s ease-in-out;
- -ms-transition: all 0.4s ease-in-out;
- transition: all 0.4s ease-in-out;
- }
- #grouplinks a:hover {
- background:#000;
- letter-spacing:8px;
- color:#fff;
- }
- h1 {
- text-shadow: 2px 0 .2px #FF0000;
- color:#000;
- font:85px absneder;
- }
- h1 {
- text-shadow: -2px 0 .2px #00F1F5;
- color:#000;
- font:85px absender;
- }
- h1 {
- text-shadow: 2px 0 .2px #FF0000, -2px 0 .2px #00F1F5;
- color:#000;
- font:85px absender;
- }
- h2 {
- text-shadow: 2px 0 .2px #FF0000;
- color:#000;
- font:30px absender;
- }h2 {
- text-shadow: -2px 0 .2px #00F1F5;
- color:#000;
- font:30px absender;
- }h2 {
- text-shadow: 2px 0 .2px #FF0000, -2px 0 .2px #00F1F5;
- color:#000;
- font:30px absender;
- }
- {CustomCSS}
- </style></head>
- <body>
- <div id="everything">
- <div id="title"><h1>★Navigation★</h1></div>
- <div id="links">
- <a href="/">HOME</a>
- <a href="/ask">ASK</a>
- <a href="http://lonodon.tumblr.com/">theme</a>
- </div>
- <table id="all" border="0" cellpadding="0" cellspacing="0">
- <td><div id="grouptitle"><big><h2>Group #1</h2></div>
- <div id="grouplinks">
- <a href="/tagged/">link 1</a>
- <a href="/tagged/">link 2</a>
- <a href="/tagged/">link 3</a>
- <a href="/tagged/">link 4</a>
- </div></td>
- <td><div id="grouptitle"><big><h2>Group #2</h2></div>
- <div id="grouplinks">
- <a href="/tagged/">link 1</a>
- <a href="/tagged/">link 2</a>
- <a href="/tagged/">link 3</a>
- <a href="/tagged/">link 4</a>
- </div></td>
- <td><div id="grouptitle"><big><h2>Group #3</h2></div>
- <div id="grouplinks">
- <a href="/tagged/">link 1</a>
- <a href="/tagged/">link 2</a>
- <a href="/tagged/">link 3</a>
- <a href="/tagged/">link 4</a>
- </div></td>
- <tr>
- <td><div id="grouptitle"><big><h2>Group #4</h2></div>
- <div id="grouplinks">
- <a href="/tagged/">link 1</a>
- <a href="/tagged/">link 2</a>
- <a href="/tagged/">link 3</a>
- <a href="/tagged/">link 4</a>
- </div></td>
- <td><div id="grouptitle"><big><h2>Group #5<h2></div>
- <div id="grouplinks">
- <a href="/tagged/">link 1</a>
- <a href="/tagged/">link 2</a>
- <a href="/tagged/">link 3</a>
- <a href="/tagged/">link 4</a>
- </div></td>
- <td><div id="grouptitle"><big><h2>Group #6</h2></div>
- <div id="grouplinks">
- <a href="/tagged/">link 1</a>
- <a href="/tagged/">link 2</a>
- <a href="/tagged/">link 3</a>
- <a href="/tagged/">link 4</a>
- </div></td>
- <tr>
- <td><div id="grouptitle"><big><h2>Group #7</h2></div>
- <div id="grouplinks">
- <a href="/tagged/">link 1</a>
- <a href="/tagged/">link 2</a>
- <a href="/tagged/">link 3</a>
- <a href="/tagged/">link 4</a>
- </div></td>
- <td><div id="grouptitle"><big><h2>Group #8<h2></div>
- <div id="grouplinks">
- <a href="/tagged/">link 1</a>
- <a href="/tagged/">link 2</a>
- <a href="/tagged/">link 3</a>
- <a href="/tagged/">link 4</a>
- </div></td>
- <td><div id="grouptitle"><big><h2>Group #9</h2></div>
- <div id="grouplinks">
- <a href="/tagged/">link 1</a>
- <a href="/tagged/">link 2</a>
- <a href="/tagged/">link 3</a>
- <a href="/tagged/">link 4</a>
- </div></td>
- </table>
- </div>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement