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:220px;
- float:left;padding:15px;
- margin-top:-15px;}
- .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;}
- .columnlinks{ overflow-y:scroll;max-height:200px; }
- .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="https://31.media.tumblr.com/7fe865c53c0b74d9ae9c3c35375c4be1/tumblr_inline_n91munXEtW1rlodt2.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="">
- <h4>Basics</h4> <!-- -->
- </div>
- <div class="columnlinks">
- <a href="http://jemmasimmonsbiochemist.tumblr.com/rules">Rules</a>
- <a href="http://jemmasimmonsbiochemist.tumblr.com/tagged/headcanons">Headcanons</a>
- <a href="http://jemmasimmonsbiochemist.tumblr.com/verses">verses</a>
- <a href="http://jemmasimmonsbiochemist.tumblr.com/tagged/open">Opens</a>
- <a href="http://jemmasimmonsbiochemist.tumblr.com/tagged/wishlist">wishlist</a>
- <br>
- </div></div>
- <div class="column"><div class="biochemist">
- <h4> biochemist</h4> <!-- biochemist -->
- </div>
- <div class="columnlinks">
- <a href="http://jemmasimmonsbiochemist.tumblr.com/tagged/voice%20of%20reason">Voice of reason</a>
- <a href="http://jemmasimmonsbiochemist.tumblr.com/tagged/mirror">mirror</a>
- <a href="http://jemmasimmonsbiochemist.tumblr.com/tagged/the%20babies">her and her half</a>
- <a href="http://jemmasimmonsbiochemist.tumblr.com/tagged/the%20team">her team</a>
- <a href="http://jemmasimmonsbiochemist.tumblr.com/tagged/her%20thoughts">her thoughts</a>
- <a href="http://jemmasimmonsbiochemist.tumblr.com/tagged/things%20jemma%20wants">her wants</a>
- <a href="relations">LINK NAME</a>
- <br>
- </div></div>
- <div class="column"><div class="The Bus">
- <h4>The Bus</h4> <!-- The Bus -->
- </div>
- <div class="columnlinks">
- <a href="http://jemmasimmonsbiochemist.tumblr.com/tagged/the%20co">Coulson</a>
- <a href="http://jemmasimmonsbiochemist.tumblr.com/tagged/the%20pilot">May</a>
- <a href="http://jemmasimmonsbiochemist.tumblr.com/tagged/the%20specialist">Ward</a>
- <a href="http://jemmasimmonsbiochemist.tumblr.com/tagged/the%20other%20half">Fitz</a>
- <a href="http://jemmasimmonsbiochemist.tumblr.com/tagged/the%20hacker">Skye</a>
- <a href="http://jemmasimmonsbiochemist.tumblr.com/tagged/the%20medic">Trip</a>
- <a href="http://jemmasimmonsbiochemist.tumblr.com/tagged/the%20worker">Peterson</a>
- <a href="http://jemmasimmonsbiochemist.tumblr.com/tagged/the%20traitor">garrett</a>
- <a href="http://jemmasimmonsbiochemist.tumblr.com/tagged/the%20avengers">the avengers</a>
- <br>
- </div></div>
- <div class="column"><div class="Misc">
- <h4>Misc</h4> <!-- Misc -->
- </div>
- <div class="columnlinks">
- <a href="http://jemmasimmonsbiochemist.tumblr.com/tagged/giveaway">giveaways</a>
- <a href="http://jemmasimmonsbiochemist.tumblr.com/tagged/reference">Reference</a>
- <a href="http://jemmasimmonsbiochemist.tumblr.com/tagged/agents%20of%20dumb">Agents of dumb</a>
- <a href="http://jemmasimmonsbiochemist.tumblr.com/tagged/out%20of%20the%20lab">out of the lab</a>
- <a href="http://jemmasimmonsbiochemist.tumblr.com/tagged/ship%20stuff">ship stuff</a>
- <a href="http://jemmasimmonsbiochemist.tumblr.com/tagged/biospecialist">biospecialist</a>
- <a href="http://jemmasimmonsbiochemist.tumblr.com/tagged/skimmons%20for%20the%20win">skimmons</a>
- <br>
- </div></div>
- </body></html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement