Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!-- THEME MADE BY CONOSDEPRIVE.TUMBLR.COM -->
- <!----RULES:
- •DO NOT REMOVE CREDIT
- •DO NOT USE THIS THEME AS A BASE CODE
- •EDITS ARE ALLOWED ONLY FOR PERSONAL USE BUT NO HEAVY EDITS PLEASE
- •ASK FOR HELP, OR IN CASE OF TROUBLE, MY ASK IS ALWAYS OPEN-->
- <!DOCTYPE html>
- <head>
- <title>{Title}</title>
- <link rel="shortcut icon" href="{Favicon}">
- <link rel="alternate" type="application/rss+xml" href="{RSS}">
- <!-- jquery -->
- <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
- <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
- <script>
- (function($){
- $(document).ready(function(){
- $("a[title]").style_my_tooltips({
- tip_follows_cursor:true,
- tip_delay_time:30,
- tip_fade_speed:300,
- attribute:"title"
- });
- });
- })(jQuery);
- </script>
- <link href='http://fonts.googleapis.com/css?family=Inconsolata:400,700' rel='stylesheet' type='text/css'>
- <!--CSS customization here. -->
- <style type="text/css">
- ::-moz-selection {
- background-color: {color:selection bg};
- color: {color:selection text};}
- ::selection {
- background-color: {color:selection bg};
- color: {color:selection text};}
- #s-m-t-tooltip {
- max-width:300px; /* maximum width */
- z-index:1;
- background-color:{color:tooltip}; /* color background */
- border:1px solid {color:tooltip text};
- /* color, shape and thickness of the border */
- font-family:’tahoma’; /* font of lyrics */
- font-size:9px; /* font size */
- color:{color:tooltip text}; /* font color */
- letter-spacing:1px; /* font spacing */
- text-transform:uppercase; /* uppercase, lowercase, none */
- padding:3px 4px 3px 4px; /* padding size */
- margin:25px 10px 0px 0px; /* margin size */
- z-index:999999999999999999999999999999999999;
- border-radius: 2px; /* border radius */
- }
- ::-webkit-scrollbar{height: 5px;
- width: 3px;
- -webkit-border-radius: 0px;
- background-color:white}
- ::-webkit-scrollbar-thumb{background-color:#eee;}
- ::-webkit-scrollbar-track{background-color:white;}
- .sfm
- input {
- background-color: #fff;
- font-size: 8px;
- border: 1px solid #ededed;
- text-transform: uppercase;
- margin-top: 0px;
- color: #999;
- letter-spacing: 1px;
- padding: 4px 16px;
- font-family: calibri, helvetica, arial;}
- #sb {height: 11px;width:9px; vertical-align: top; }
- .btn{
- color: #aaa;
- text-transform: uppercase;
- text-decoration: none;
- position: relative;
- transition: opacity 0.3s linear 0s;}
- .btn span{
- right: 0;
- position: relative;
- transition: all 0.2s ease-out 0s;}
- .btn i{
- width: 20px;
- position: absolute;
- left: 4px;
- top: 50%;
- margin-top: -9px;
- line-height: 18px;
- opacity: 0;
- transition: all 0.2s ease-out 0s;}
- .btn:hover span{
- right: -18px;}
- .btn:hover i{
- opacity: 1;
- right: 24px;}
- body {
- color:#333;
- font-family:helvetica;
- font-weight:100;
- font-size:11px;
- text-align:justify;
- margin:0;
- line-height:17px;
- background:#fff;}
- a {
- color:black;
- text-decoration:none;
- -webkit-transition:all 0.8s;
- -moz-transition:all 0.8s;
- -ms-transition:all 0.8s;
- -o-transition:all 0.8s;
- transition:all 0.8s; }
- a:hover {
- text-decoration:none;
- -webkit-transition:all 0.8s;
- -moz-transition:all 0.8s;
- -ms-transition:all 0.8s;
- -o-transition:all 0.8s;
- transition:all 0.8s; }
- #container {
- margin-right: auto;
- margin-left: auto;}
- .contenido {
- margin-right: auto;
- margin-left: auto;
- margin-top:auto;}
- .header {
- text-align:center;
- font-family:inconsolata;
- text-transform:uppercase;
- margin-right: auto;
- margin-left: auto;
- margin-bottom:20px;
- width:670px;}
- .hlinks {
- text-align:left;
- margin-top:65px;
- padding:10px;
- border-bottom:1px solid #ededed;
- border-top:1px solid #ededed;}
- .hlinks a {margin:0 5px;
- padding:2px 8px;
- border:none;}
- .searchbar {
- margin-top:-30px;
- margin-left:74%;
- text-transform:none;
- font-family:helvetica;}
- #linktable {
- margin:auto;}
- .navi {
- padding:2px;
- display:table-cell;
- vertical-align:top;
- margin-left:5px;
- width:150px;
- text-align:center;}
- .navi a {
- font-family:Cambria;
- border-bottom:1px solid #eaeaea;
- color:gray;
- padding-bottom:5px;
- padding-top:5px;
- font-size:10px;
- letter-spacing:1px;
- text-transform:uppercase;
- margin-bottom:1px;
- display:inline-block;
- width:150px;
- moz-transition-duration:0.5s;
- webkit-transition-duration:0.5s;
- o-transition-duration:0.5s;}
- .navi a:hover {
- background-color:transparent;}
- .navi a:before {
- content: "";
- position: absolute;
- width: 100%;
- height: 2px;
- bottom: 0;
- left: 0;
- background-color: #ddd;
- visibility: hidden;
- -webkit-transform: scaleX(0);
- transform: scaleX(0);
- -webkit-transition: all 0.3s ease-in-out 0s;
- transition: all 0.3s ease-in-out 0s;}
- .navi a:hover:before {
- visibility: visible;
- -webkit-transform: scaleX(1);
- transform: scaleX(1);}
- /*--CATEGORY HEADINGS-*/
- .category {
- margin:5px 0px 5px 5px;
- color:#aaa;
- font-size:10px;
- background-color:#f7f7f7;
- font-family:Cambria;
- text-transform:uppercase;
- letter-spacing:1px;
- width:148px;
- border:3px solid transparent;
- padding:5px 0px 5px 0px;}
- .cmn-t-underline {
- position: relative;
- width:200px;
- font-family:times;}
- .cmn-t-underline:after {
- transition: width 1s;}
- .cmn-t-underline:hover { }
- .cmn-t-underline:hover:after {
- width: 100%;}
- #time a {
- padding:4px;
- opacity:0.8;
- position:fixed;
- right:10px;
- bottom:6px;
- -webkit-transition: all .3s ease-in-out;
- -moz-transition: all .3s ease-in-out;
- -o-transition: all .3s ease-in-out;}
- #time a:hover {
- -webkit-transition: all .3s ease-in-out;
- -moz-transition: all .3s ease-in-out;
- -o-transition: all .3s ease-in-out;
- opacity:0.4;}
- </style>
- </head>
- <body>
- <div id="container">
- <div class="header">
- <div class="hlinks">
- <!-- Here is where you can change your head links -->
- <a href="#" class="btn"><span>RETURN</span><i class="fa fa-send">
- <img src="http://36.media.tumblr.com/715dd5db791fc76549171bca5d608a38/tumblr_inline_ny5xkpLmyY1rrld5k_500.png" width="15px" />
- </i></a>
- <a href="#" class="btn"><span>CONTACT</span><i class="fa fa-send">
- <img src="http://40.media.tumblr.com/f5f32bb6d4d92ef7bf80de70ea055f5e/tumblr_inline_ny5xlhNj1i1rrld5k_500.png" width="18px" />
- </i></a>
- <a href="#" class="btn"><span>CUSTOM LINK</span><i class="fa fa-send">
- <img src="http://41.media.tumblr.com/fbae62d424d40b8423060ab60973a006/tumblr_inline_ny5y08RP5O1rrld5k_500.png" width="14px" />
- </i></a>
- </div>
- <div class="searchbar">
- <form action="/search" method="get" class="sfm">
- <input type="text" name="q" value="{SearchQuery}" id="sf"/>
- <input type="image" value="Search" src="http://static.tumblr.com/f1skqpy/Oxbn13qun/search_icon.png" id="sb"/></form>
- </div>
- </div>
- <div class="contenido">
- <center><div id="table">
- <table id="all" border="0" cellpadding="0" cellspacing="0"></body>
- <div id="linktable">
- <div class="navi">
- <div class="category">CATEGORY TITTLE</div>
- <div style="overflow:auto; width:167px; height:180px; background-color: #none; text-align: center;">
- <a href="URL HERE"class="cmn-t-underline" >link | 01</a>
- <a href="URL HERE" class="cmn-t-underline">link | 02</a>
- <a href="URL HERE" class="cmn-t-underline">link | 03</a>
- <a href="URL HERE" class="cmn-t-underline">link | 04</a>
- <a href="URL HERE" class="cmn-t-underline">link | 05</a>
- <a href="URL HERE" class="cmn-t-underline">link | 06</a>
- </div></div>
- <div class="navi">
- <div class="category">CATEGORY TITTLE</div>
- <div style="overflow:auto; width:167px; height:180px; background-color: #none; text-align: center;">
- <a href="URL HERE"class="cmn-t-underline" >link | 01</a>
- <a href="URL HERE" class="cmn-t-underline">link | 02</a>
- <a href="URL HERE" class="cmn-t-underline">link | 03</a>
- <a href="URL HERE" class="cmn-t-underline">link | 04</a>
- <a href="URL HERE" class="cmn-t-underline">link | 05</a>
- <a href="URL HERE" class="cmn-t-underline">link | 06</a>
- </div></div>
- <div class="navi">
- <div class="category">CATEGORY TITTLE</div>
- <div style="overflow:auto; width:167px; height:180px; background-color: #none; text-align: center;">
- <a href="URL HERE"class="cmn-t-underline" >link | 01</a>
- <a href="URL HERE" class="cmn-t-underline">link | 02</a>
- <a href="URL HERE" class="cmn-t-underline">link | 03</a>
- <a href="URL HERE" class="cmn-t-underline">link | 04</a>
- <a href="URL HERE" class="cmn-t-underline">link | 05</a>
- <a href="URL HERE" class="cmn-t-underline">link | 06</a>
- </div></div>
- <div class="navi">
- <div class="category">CATEGORY TITTLE</div>
- <div style="overflow:auto; width:167px; height:180px; background-color: #none; text-align: center;">
- <a href="URL HERE"class="cmn-t-underline" >link | 01</a>
- <a href="URL HERE" class="cmn-t-underline">link | 02</a>
- <a href="URL HERE" class="cmn-t-underline">link | 03</a>
- <a href="URL HERE" class="cmn-t-underline">link | 04</a>
- <a href="URL HERE" class="cmn-t-underline">link | 05</a>
- <a href="URL HERE" class="cmn-t-underline">link | 06</a>
- <a href="URL HERE" class="cmn-t-underline">link | 07</a>
- <a href="URL HERE" class="cmn-t-underline">AUTOMATIC SCROLLBOX</a>
- </div></div><p>
- <div class="navi">
- <div class="category">CATEGORY TITTLE</div>
- <div style="overflow:auto; width:167px; height:180px; background-color: #none; text-align: center;">
- <a href="URL HERE"class="cmn-t-underline" >link | 01</a>
- <a href="URL HERE" class="cmn-t-underline">link | 02</a>
- <a href="URL HERE" class="cmn-t-underline">link | 03</a>
- <a href="URL HERE" class="cmn-t-underline">link | 04</a>
- <a href="URL HERE" class="cmn-t-underline">link | 05</a>
- <a href="URL HERE" class="cmn-t-underline">link | 06</a>
- </div></div>
- <div class="navi">
- <div class="category">CATEGORY TITTLE</div>
- <div style="overflow:auto; width:167px; height:180px; background-color: #none; text-align: center;">
- <a href="URL HERE"class="cmn-t-underline" >link | 01</a>
- <a href="URL HERE" class="cmn-t-underline">link | 02</a>
- <a href="URL HERE" class="cmn-t-underline">link | 03</a>
- <a href="URL HERE" class="cmn-t-underline">link | 04</a>
- <a href="URL HERE" class="cmn-t-underline">link | 05</a>
- <a href="URL HERE" class="cmn-t-underline">link | 06</a>
- </div></div>
- <div class="navi">
- <div class="category">CATEGORY TITTLE</div>
- <div style="overflow:auto; width:167px; height:180px; background-color: #none; text-align: center;">
- <a href="URL HERE"class="cmn-t-underline" >link | 01</a>
- <a href="URL HERE" class="cmn-t-underline">link | 02</a>
- <a href="URL HERE" class="cmn-t-underline">link | 03</a>
- <a href="URL HERE" class="cmn-t-underline">link | 04</a>
- <a href="URL HERE" class="cmn-t-underline">link | 05</a>
- <a href="URL HERE" class="cmn-t-underline">link | 06</a>
- </div></div>
- <div class="navi">
- <div class="category">CATEGORY TITTLE</div>
- <div style="overflow:auto; width:167px; height:180px; background-color: #none; text-align: center;">
- <a href="URL HERE"class="cmn-t-underline" >link | 01</a>
- <a href="URL HERE" class="cmn-t-underline">link | 02</a>
- <a href="URL HERE" class="cmn-t-underline">link | 03</a>
- <a href="URL HERE" class="cmn-t-underline">link | 04</a>
- <a href="URL HERE" class="cmn-t-underline">link | 05</a>
- <a href="URL HERE" class="cmn-t-underline">link | 06</a>
- </div></div><p>
- </table></center>
- </div>
- </div>
- </body>
- <div id="time">
- <a href="http://chronosdeprive.tumblr.com/"title="© chronosdeprive"><img src="https://67.media.tumblr.com/c49c039ed85d936170e58cc1e5894ef6/tumblr_inline_o9170eUbMJ1tiyl7r_500.png" width="12px"</a></div>
- </html>
- <!-- thank you for using my theme -->
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement