Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!--
- NAVIGATION/TAGS PAGE #3
- by: myackles.tumblr.com / ma-themes.tumblr.com
- Editing is okay as long as you:
- DO NOT CLAIM AS YOUR OWN OR REMOVE/MOVE THE CREDIT!!
- -->
- <head>
- <link rel="shortcut icon" href="{Favicon}"/>
- <title>Navi</title> <!-- PAGE TITLE -->
- <style type="text/css">
- /* SCROLL */
- ::-webkit-scrollbar-thumb:vertical {
- height:10px;background-color: black; /* SCROLLBAR COLOR */}
- ::-webkit-scrollbar-thumb:horizontal {
- height:10px;background-color: #8b8a8b; /* SCROLLBAR COLOR */}
- ::-webkit-scrollbar {
- height: 10px;width: 3px;
- background-color:white; /* SCROLLBAR BACKGROUND COLOR */}
- body { background-color:#fbfbfb;}
- .container {overflow:auto;margin-left:50px;}
- a {text-decoration:none;color:black;font-size:10px;text-transform:uppercase;text-align:center;}
- .header {
- font-weight:bold;
- width:500px;
- letter-spacing:1px;
- font-family:cambria;
- font-size:30px;
- font-style:italic;
- text-transform:uppercase;
- padding-bottom:20px;}
- .links {background-color:white;border-top:25px solid black;margin-top:-20px;padding-bottom:23px;letter-spacing:1px;}
- .a {display:inline-block;width:100px;opacity:1;ransition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;-webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;}
- .a:hover {text-decoration:underline;transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;-webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;}
- .column {
- background-color:white;
- width:250px;
- float:left;
- margin:0px;}
- .columnheader h4{
- border:1px solid #f0f0f0;
- font-family: cambria;
- font-size:10px;
- letter-spacing:2px;
- background-color:black; /* COLUMN HEADER BCKG COLOUR */
- color:white; /* COLUMN HEADER FONT COLOUR */
- display:block; font-style:italic;
- text-transform:uppercase;
- text-align:center;
- margin-bottom:10px;margin-top:0px;
- width:200px;padding:4px;}
- .column a {
- display:block;
- padding:5px; border-bottom:1px solid #f0f0f0;
- font-family: cambria;
- font-size:10px;
- width:190px;letter-spacing:2px;
- text-transform:lowercase;
- font-style:italic;font-weight:bold;
- transition: all 0.3s ease-out;
- -o-transition: all 0.3s ease-out;
- -webkit-transition: all 0.3s ease-out;
- -moz-transition: all 0.3s ease-out;}
- .column a:hover {
- background-color:black; color:white;
- letter-spacing:2px;
- transition: all 0.3s ease-out;
- -o-transition: all 0.3s ease-out;
- -webkit-transition: all 0.3s ease-out;
- -moz-transition: all 0.3s ease-out;}
- </style>
- </head>
- <body>
- <center>
- <div class="header"> <!-- HEADER IMAGE DOWN HERE -->
- <img src="http://31.media.tumblr.com/a206e60eadd2277231653e8100c52dac/tumblr_mqc46qR5uq1razdmuo1_500.jpg" width="500" > <!--IMAGE WIDTH -->
- <div class="links"> <!-- LINKS ARE DOWN HERE -->
- <div class="a"> <a href="/">HOME</a></div>
- <div class="a"> <a href="/ask">ASKBOX</a></div>
- <div class="a"><a href="/archive">HISTORY</a></div>
- <div class="a"><a href="http://www.ma-themes.tumblr.com">CREDIT</a>
- </div>
- </div>
- <div class="column"><div class="columnheader">
- <h4>COLUMN HEADER</h4> <!-- COLUMN TITLE -->
- </div>
- <div class="columnlinks">
- <a href="LINK">LINK NAME</a>
- <a href="LINK">LINK NAME</a>
- <a href="LINK">LINK NAME</a>
- <a href="LINK">LINK NAME</a>
- <a href="LINK">LINK NAME</a>
- <a href="LINK">LINK NAME</a>
- <a href="LINK">LINK NAME</a>
- <br>
- </div></div>
- <div class="column"><div class="columnheader">
- <h4>COLUMN HEADER</h4> <!-- COLUMN TITLE -->
- </div>
- <div class="columnlinks">
- <a href="LINK">LINK NAME</a>
- <a href="LINK">LINK NAME</a>
- <a href="LINK">LINK NAME</a>
- <a href="LINK">LINK NAME</a>
- <a href="LINK">LINK NAME</a>
- <a href="LINK">LINK NAME</a>
- <a href="LINK">LINK NAME</a>
- <br>
- </div></div>
- <div class="column"><div class="columnheader">
- <h4>COLUMN HEADER</h4> <!-- COLUMN TITLE -->
- </div>
- <div class="columnlinks">
- <a href="LINK">LINK NAME</a>
- <a href="LINK">LINK NAME</a>
- <a href="LINK">LINK NAME</a>
- <a href="LINK">LINK NAME</a>
- <a href="LINK">LINK NAME</a>
- <a href="LINK">LINK NAME</a>
- <a href="LINK">LINK NAME</a>
- <br>
- </div></div>
- <div class="column"><div class="columnheader">
- <h4>COLUMN HEADER</h4> <!-- COLUMN TITLE -->
- </div>
- <div class="columnlinks">
- <a href="LINK">LINK NAME</a>
- <a href="LINK">LINK NAME</a>
- <a href="LINK">LINK NAME</a>
- <a href="LINK">LINK NAME</a>
- <a href="LINK">LINK NAME</a>
- <a href="LINK">LINK NAME</a>
- <a href="LINK">LINK NAME</a>
- <br>
- </div></div>
- </body></html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement