Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!---
- Theme By
- ╋╋╋┏┓╋╋╋╋┏┓╋╋╋╋╋╋╋╋┏┓╋╋╋╋╋┏┓
- ╋╋╋┃┃╋╋╋┏┛┗┓╋╋╋╋╋╋┏┛┗┓╋╋╋╋┃┃
- ┏━━┫┗━┳━┻┓┏╋┓┏┳━┳━┻┓┏╋━━┳━┛┃
- ┃┏┓┃┏┓┃━━┫┃┃┃┃┃┏┫┏━┫┃┃┃━┫┏┓┃
- ┃┗┛┃┗┛┣━━┃┗┫┗┛┃┃┃┗━┫┗┫┃━┫┗┛┃
- ┗━━┻━━┻━━┻━┻━━┻┛┗━━┻━┻━━┻━━┛
- RULES:
- -DO NOT REMOVE ANY CREDIT.
- -IF YOU REMOVE CREDIT PUT IT IN YOUR FAQ ON IN YOUR /ASK PAGE.
- -DO NOT REPUBLISH AS YOUR OWN.
- -DO NOT USE AS BASE CODE.
- TIPS:
- -KEEP DESCRIPTION ONE LINE OR THE POSTS WILL MESS UP
- -USE A SQUARE IMAGE AS YOUR SIDEBAR IMAGE OR IT WILL LOOK LIKE POOP
- Misc:
- Japanese "install" Credit idea from: terrible.tumblr.com
- Theme header inspired by terrible.tumblr.com
- enjoy,
- xo.
- --->
- <!DOCTYPE html>
- <html>
- <head>
- <script type="text/javascript"
- src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
- <meta name="color:text" content="#000000">
- <meta name="color:links" content="#777777">
- <meta name="color:hover" content="#000000">
- <meta name="color:LinkBG" content="#ffffff">
- <meta name="if:HeaderFontOne" content="0">
- <meta name="if:HeaderFontTwo" content="0">
- <meta name="if:HeaderFontThree" content="1">
- <meta name="color:LinkBGHover" content="#f0f0f0">
- <meta name="text:Link1 Title" content="link 1">
- <meta name="text:Link1" content="http://">
- <meta name="text:Link2 Title" content="link 2">
- <meta name="text:Link2" content="http://">
- <meta name="text:Link3 Title" content="link 3">
- <meta name="text:Link3" content="http://">
- <meta name="text:Link4 Title" content="link 4">
- <meta name="text:Link4" content="http://">
- <meta name="text:Link5 Title" content="link 5">
- <meta name="text:Link5" content="http://">
- <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.3/jquery.min.js"></script>
- <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:20,
- tip_fade_speed:400,
- attribute:"title"
- });
- });
- })(jQuery);
- </script>
- <style type="text/css">
- ::-webkit-scrollbar-thumb{
- background-color:#ccc;
- border: 2px solid #ffffff;
- height:auto;
- -moz-border-radius: 10px;
- border-radius: 10px;
- }
- ::-webkit-scrollbar {
- height:auto;
- width:7px;
- background-color:#fff;
- }
- iframe#tumblr_controls {
- opacity:1;
- position:fixed !important;
- -webkit-filter: invert(100%);
- }
- iframe#tumblr_controls:hover {
- -webkit-transition: opacity 0.6s;
- opacity: 1;
- -webkit-transition: all 0.6s;
- -moz-transition: all 0.6s;
- transition: all 0.6s;
- -webkit-filter: invert(100%);
- }
- body{
- color:{color:text};
- font-family:consolas;
- font-size:10px;
- background:white;
- }
- a:link, a:active, a:visited{
- color: {color:links};
- text-decoration: none;
- -webkit-transition: color 0.5s ease-out;
- -moz-transition: color 0.5s ease-out;
- -webkit-transition: all 0.6s ease-out;-moz-transition: all 0.6s ease-out;transition: all 0.6s ease-out;
- }
- a:hover{
- color:{color:hover};
- -webkit-transition-duration: .9s;
- -webkit-transition: color 0.3s ease-out;
- -moz-transition: color 0.3s ease-out;
- -webkit-transition: all 0.6s ease-out;-moz-transition: all 0.6s ease-out;transition: all 0.6s ease-out;
- }
- a:active{
- -webkit-transition: all 0.6s ease-out;-moz-transition: all 0.6s ease-out;transition: all 0.6s ease-out;
- -webkit-transition:all 0.05s ease-in-out;
- -moz-transition:all 0.05s ease-in-out;
- -o-transition:all 0.05s ease-in-out;
- transition:all 0.05s ease-in-out;
- color: {color:hover};
- text-decoration:underline;
- }
- {block:IfImageOpacity}
- img{
- -webkit-transition: all 0.6s ease-out;-moz-transition: all 0.6s ease-out;transition: all 0.6s ease-out;
- opacity:.6;
- }
- img:hover{
- opacity.8;
- }
- {/block:IfImageOpacity}
- ::selection {
- background:#000;
- color: #777;
- }
- ::-moz-selection {
- background:#aaa;
- color: #777;
- }
- .entry {
- float:left;
- opacity.6;
- width:210px;
- margin:5px;;
- padding:5px;
- padding-bottom:2.5px;
- text-transform:none;
- border:1px solid #ccc;
- {block:permalinkpage}
- width:480px;
- {/block:permalinkpage}
- overflow:hidden;
- background:white;
- }
- .entry:hover{
- opacity.8;
- }
- .thomas{
- position:absolute;
- text-transform:uppercase;
- text-align:center;;
- right:17px;
- z-index:9999;
- top:-5px;;
- color:black;
- padding:5px;
- width:auto;
- line-height:10px;
- font-size:10px;
- opacity:0;
- background:white;
- width:80%;
- -webkit-transition: all .5s ease-in-out;
- -moz-transition: all .5s ease-in-out;
- -o-transition: all .5s ease-in-out;
- transition: all .5s ease-in-out;
- -webkit-border-bottom-right-radius: 10px;
- -webkit-border-bottom-left-radius: 10px;
- -moz-border-radius-bottomright: 10px;
- -moz-border-radius-bottomleft: 10px;
- border-bottom-right-radius: 10px;
- border-bottom-left-radius: 10px;
- }
- .entry:hover .thomas{
- top:5px;;
- opacity:1;
- }
- #posts {
- width:465px;
- opacity.7;
- margin-left:455px;
- padding:10px;
- padding-top:95px;
- margin-top:-10px;
- {block:IndexPage}
- border-left:1px solid #ccc;
- border-right:1px solid #ccc;
- {/block:IndexPage}
- {block:permalinkpage}
- margin-left:437px;
- {/block:permalinkpage}
- }
- #title {
- color:black;
- font-size:15px;
- font-style:italic;
- text-transform:uppercase;
- }
- .shyt{
- width:475px;
- opacity: 1;
- z-index: 10000;
- margin-top:4px;
- margin-bottom:5px;
- text-align:left;;
- font-family:calibri;
- font-size:11px;
- letter-spacing:1px;
- text-transform:both;
- background:#eee;
- padding:3px;
- border-radius:10px;
- }
- .itchyboob{
- text-transform:uppercase;
- padding:2px;
- background:#f0f0f0;
- text-align:left;
- }
- #s-m-t-tooltip{
- max-width:300px;
- padding:2px;
- margin:26px 0px 0px 8px;
- z-index:10;
- background-color:#fff;
- border:1px solid #ccc;
- font-family:consolas;
- font-size:9px;
- letter-spacing:1px;
- text-transform:uppercase;
- color:#000;
- box-shadow:1px 1px 1px #000;
- border-radius:4px;
- }
- #header{
- position:fixed;
- font-size:20px;
- padding-top:10px;
- width:442px;
- margin-left:435px;
- background:white;
- z-index:9999;
- color:#ccc;
- border-bottom:1px solid #ccc;
- padding-right:40px;
- padding-left:45px;
- text-align:center;
- padding-bottom:5px;
- }
- @font-face { font-family:"Hasteristico"; src: url('http://slutpark-resources.webs.com/Hasteristico.ttf');}
- @font-face { font-family: "signerica"; src: url('http://static.tumblr.com/yo59jgt/m4om1rino/signerica_fat.ttf'); }
- .b{
- {block:IfHeaderFontOne}
- font-family: Century Gothic, sans-serif;
- text-transform:uppercase;
- letter-spacing:10px;
- {/block:IfHeaderFontOne}
- {block:IfHeaderFontTwo}
- font-family:"Hasteristico";
- text-transform:uppercase;
- letter-spacing:10px;
- {/block:IfHeaderFontTwo}
- {block:IfHeaderFontThree}
- font-family: "signerica";
- text-transform:none;
- font-size:14px;
- {/block:IfHeaderFontThree}
- color:black;
- }
- .b a:hover{
- text-shadow:0px 2px 0px #000, -2px 0px 0px #000;
- }
- .o{
- padding-top:6px;
- font-size:10px;
- letter-spacing:0px;
- color:{color:text};
- padding-bottom:6px;
- }
- #l{
- padding:5px;
- font-size:13px;
- }
- #l a{
- text-transform:uppercase;
- padding-top:3px;
- padding-bottom:3px;
- padding-left:10px;
- padding-right:10px;
- background:{color:LinkBG};
- letter-spacing:2px;
- }
- #l a:hover{
- background:{color:LinkBGHover};
- }
- #question{
- background:#f0f0f0;
- padding:5px;
- border:1px solid #ccc;
- }
- </style>
- <title>{title}</title>
- </head>
- {block:IndexPage}
- <iframe id="likes_frame" style="height:1px;width:1px;position:absolute;left:-500px;"></iframe>
- <script type="text/javascript" src="http://static.tumblr.com/lkv5k8p/TLDmkhozv/infinitescrollinq.txt"></script>
- <script src="http://static.tumblr.com/df28qmy/SHUlh3i7s/jquery.infinitescroll.js"></script>
- <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/iBElrgjim/jquerymasonry.js"></script>
- <script type="text/javascript">
- $(window).load(function () {
- var $content = $('#posts');
- $content.masonry({itemSelector: '.entry'}),
- $content.infinitescroll({
- navSelector : 'div#pagination',
- nextSelector : 'div#pagination a#nextPage',
- itemSelector : '.entry',
- loading: {
- finishedMsg: '',
- img: 'http://static.tumblr.com/dbek3sy/pX1lrx8xv/ajax-loader.gif'
- },
- bufferPx : 600,
- debug : false,
- },
- // call masonry as a callback.
- function( newElements ) {
- var $newElems = $( newElements );
- $newElems.hide();
- // ensure that images load before adding to masonry layout
- $newElems.imagesLoaded(function(){
- $content.masonry( 'appended', $newElems, true, function(){$newElems.fadeIn(300);} );
- });
- });
- });
- </script>
- {/block:IndexPage}
- <body>
- <div id="header">
- <div class="b"><a href="/" title="{title}">{title}</a></div>
- <div class="o">{description}</div>
- <div id="l">
- <a href="{text:Link1}" title="{text:Link1 Title}">{text:Link1 Title}</a>
- <a href="{text:Link2}" title="{text:Link2 Title}">{text:Link2 Title}</a>
- <a href="{text:Link3}" title="{text:Link3 Title}">{text:Link3 Title}</a>
- <a href="{text:Link4}" title="{text:Link4 Title}">{text:Link4 Title}</a>
- <a href="{text:Link5}" title="{text:Link5 Title}">{text:Link5 Title}</a>
- </div>
- </div>
- <!---posts--->
- <div id="posts">
- {block:Posts}
- <div class="entry">
- {block:Text}
- <div id="title" align="left">{title}</div><br>
- {body}
- {block:IndexPage}
- <div class="itchyboob"><a href="{reblogurl}">reblog</a> with <a href="{permalink}">{notecountwithlabel}</a></div>
- {/block:IndexPage}
- {/block:Text}
- {block:Photo}
- <center><a href="{Permalink}"><img src="{PhotoURL-HighRes}" width="100%"></a></center>
- {block:IndexPage}
- <div class="thomas"><a href="{reblogurl}">reblog</a> with <a href="{permalink}">{notecountwithlabel}</a></div>
- {/block:IndexPage}
- {/block:Photo}
- {block:Link}
- <div id="title" align="left"><a href="{URL}">{Name}</a></div><br>
- {block:Description}<center>{description}</center>{/block:Description}
- {block:IndexPage}
- <div class="itchyboob"><a href="{reblogurl}">reblog</a> with <a href="{permalink}">{notecountwithlabel}</a></div>
- {/block:IndexPage}
- {/block:Link}
- {block:Answer}
- <div id="question"><b>{Asker} asks</b>: {Question}</div>
- <div id="answer">
- <b>i replied: </b> <i>{Answer}</i>
- </div>
- {block:IndexPage}<a href="{permalink}"><div align="right"><div style="font-size:9px;line-height:10px; border-top: 0px #777777 solid; padding-bottom: 2px;">{Notecount} </a></span></div></div>
- {/block:IndexPage}
- {/block:Answer}
- {block:Photoset}
- <center>{Photoset-250}</center>
- {/block:Photoset}
- {block:Video}
- <center>{Video-250}</center>
- {/block:Video}
- {block:Chat}
- {block:Title}
- {block:IndexPage}
- <div class="itchyboob"><a href="{reblogurl}">reblog</a> with <a href="{permalink}">{notecountwithlabel}</a></div>
- {/block:IndexPage}
- <div id="title" align="left">{Title}</div>
- {/block:Title}
- <ul class="chat">{block:Lines}<li class="user_{UserNumber}">{block:Label}<span class="label">{Label}</span>{/block:Label}{Line}
- </li>{/block:Lines}</ul>
- {/block:Chat}
- {block:Quote}
- {Quote}
- {block:Source}<center><small>~{Source}</small></center>{/block:Source}
- {block:IndexPage}
- <div class="itchyboob"><a href="{reblogurl}">reblog</a> with <a href="{permalink}">{notecountwithlabel}</a></div>
- {/block:IndexPage}
- {/block:Quote}
- {block:PermalinkPage}
- {block:Caption}{Caption}{/block:Caption}<br><br><br>
- <div class="shyt">
- {block:Date}Posted on {DayOfWeek}, {Month} {DayOfMonth}{DayOfMonthSuffix} at {12HourWithZero}:{Minutes}{CapitalAmPm}{/block:Date} {block:NoteCount}with {NoteCountWithLabel}{/block:NoteCount}
- {block:RebloggedFrom}<br>via: <a href="{ReblogParentURL}">{ReblogParentName}</a> , {/block:RebloggedFrom}
- {block:RebloggedFrom}source: <a href="{ReblogRootURL}">{ReblogRootName}</a>{/block:RebloggedFrom}
- {block:HasTags}<br><Br> tagged as: {block:Tags}<a href="{TagURL}">{Tag}</a>, {/block:Tags}{/block:HasTags}
- {PostNotes}
- </div>
- {/block:PermalinkPage}
- </div>
- {/block:Posts}
- </div>
- </div>
- {block:IndexPage}
- {block:Pagination}
- <div id="pagination">
- {block:NextPage}
- <a id="nextPage" href="{NextPage}"></a>
- {/block:NextPage}
- {block:PreviousPage}
- <a href="{PreviousPage}"></a>
- {/block:PreviousPage}
- </div>
- {/block:Pagination}
- {/block:IndexPage}
- </div>
- </div>
- </body>
- </html>
Add Comment
Please, Sign In to add comment