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">
- <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
- <head>
- {block:iftinycursor}
- <style> body, a, a:hover { cursor:url('http://www.totallylayouts.com/cursors/random/tiny_cursor.png'), auto }</style>
- {/block:iftinycursor}
- <title>{Title}</title>
- <link rel="shortcut icon" href="{Favicon}">
- <link rel="alternate" type="application/rss+xml" href="{RSS}">
- {block:Description}
- <meta name="description" content="{MetaDescription}" />
- {/block:Description}
- <meta name="if:show captions" content="1">
- <meta name="if:infinite scroll" content="0">
- <meta name="if:Monochrome" content="0">
- <meta name="if:show tags" content="1">
- <meta name="if:400px" content="0">
- <meta name="if:500px" content="1">
- <meta name="text:Link 1 Url" content="/"/>
- <meta name="text:Link 1 Title" content="home"/>
- <meta name="text:Link 2 Url" content="/ask"/>
- <meta name="text:Link 2 Title" content="ask"/>
- <meta name="text:Link 3 Url" content="/"/>
- <meta name="text:Link 3 Title" content="Link 1"/>
- <meta name="text:Link 4 Url" content="/"/>
- <meta name="text:Link 4 Title" content="Link 2"/>
- <meta name="text:Link 5 Url" content="/"/>
- <meta name="text:Link 5 Title" content="Link 3"/>
- <meta name="text:Link 6 Url" content="/"/>
- <meta name="text:Link 6 Title" content="Link 4"/>
- <meta name="color:text highlight" content="#E3E3E3"/>
- <meta name="color:link" content="#757575"/>
- <meta name="color:link hover" content="#1F1F1F"/>
- <meta name="color:scrollbar" content="#C4C4C4"/>
- <meta name="color:body" content="#7D7D7D"/>
- <meta name="color:background" content="#ffffff"/>
- <meta name="color:link background" content="#ffffff"/>
- <meta name="color:post border" content="#F0F0F0"/>
- <meta name="image:header" content="http://static.tumblr.com/zfamrzd/2q1mt4nhy/head_5.jpg"/>
- <!--
- ^---^
- =o.o=
- -itsacatshutup-
- Theme by wigglemytuff a.k.a chezkov a.k.a lunaticthemes
- hi guys!
- Please Do Not:
- -steal or use as base code
- -remove credit
- It would be nice if you
- -like/reblog this
- -share with your besties
- -followed me
- thank you! and if there are any bugs please message me
- (sorry if there are in advance)
- what else do i even put here it's not like anyone reads it
- if you did what's crackalakin homeslice
- -->
- <style type="text/css">
- ::-webkit-scrollbar-thumb:vertical {
- background-color:{color:scrollbar};
- height:30px;
- }
- ::-webkit-scrollbar-thumb:horizontal {
- background-color:{color:scrollbar};
- height:5px!important;
- }
- ::-webkit-scrollbar {
- background-color:{color:background};
- height:5px;
- width:5px;
- }
- ::-moz-selection {
- background: {color:text selection};
- color: #fff;
- }
- ::selection {
- background: #E3E3E3;
- color: #fff;
- }
- /*basic*/
- body {
- font-family: 'Junge', serif;
- font-size: ;
- margin: 0;
- padding: 0px;
- background: {color:background};
- color: {color:body};
- }
- a {
- text-decoration: none;
- -webkit-transition: all .2s ease-in-out;
- color:{color:link};
- }
- a:hover{
- color: {color:link hover};
- }
- blockquote {
- margin: 0;
- padding-left:5px;
- border-left: 2px solid ;
- }
- iframe, img, embed, object, video {
- max-width: 100%;
- }
- img {
- height: auto;
- width: auto;
- }
- .jump_page {
- padding: 4px 6px;
- font-size:10px;
- text-decoration:none;
- color:{color:link};
- }
- #pga {
- width:200px;
- height:25px;
- position:relative;
- text-align:center;
- margin-top:5px;
- margin-bottom:50px;
- }
- .current_page, .jump_page:hover {
- padding: 4px 6px;
- font-size:11px;
- text-decoration:none;
- color:{color:link hover};
- }
- .pagni {
- margin-top:0px;
- }
- #s-m-t-tooltip{
- max-width:300px;
- z-index:999999;
- margin:13px;
- padding:5px;
- font-family:Verdana,Geneva,sans-serif;
- font-size:8px;
- line-height:8px;
- letter-spacing:1px;
- word-wrap:break-word;
- color: {color:body};
- background:{color:background};
- border:1px solid {color:post border};
- }
- #credz {
- left:0px;
- bottom:0px;
- position:fixed;
- }
- #credz img {
- width:auto;
- }
- /*posts*/
- #content {
- margin-bottom:100px;
- margin-top:250px;
- {block:if500px}
- width:500px;
- {/block:if500px}
- {block:if400px}
- width:400px;
- {/block:if400px}
- }
- article {
- font-size:10px;
- overflow:hidden;
- margin-top:40px;
- margin-bottom:20px;
- padding:2px;
- font-family: 'Anonymous Pro', sans-serif;
- text-align:left;
- {block:if500px}
- width:500px;
- {/block:if500px}
- {block:if400px}
- width:400px;
- {/block:if400px}
- {block:ifmonochrome}
- filter: gray;
- -webkit-filter: grayscale(100%);
- {/block:ifmonochrome}
- -webkit-transition: all .2s ease-in-out;
- }
- article:hover {
- {block:ifmonochrome}
- -webkit-filter: grayscale(0%);
- {/block:ifmonochrome}
- -webkit-transition: all .2s ease-in-out;
- }
- .noteth {
- height:10px;
- text-transform:uppercase;
- font-size:7px;
- text-align:right;
- padding:3px;
- width:500px;
- margin-top:11px;
- margin-left:0px;
- -webkit-transition: all .2s ease-in-out;
- border-top:1px solid {color:post border};
- text-align:left;
- letter-spacing:0px;
- color:{color:link};
- margin-bottom:-15px;
- }
- .sources {
- text-transform:uppercase;
- font-size:7px;
- text-align:right;
- padding:3px;
- width:500px;
- margin-left:-5px;
- -webkit-transition: all .2s ease-in-out;
- text-align:right;
- letter-spacing:0px;
- background:transparent;
- color:{color:link};
- }
- .tags {
- margin-top:5px;
- text-transform:none;
- letter-spacing:1px;
- width:500px;
- text-align:center;
- font-size:7px;
- opacity:0;
- -webkit-transition: all .4s ease-in-out;
- }
- .tags a
- color:{color:link hover};
- }
- .tags:hover {
- color:{color:link};
- }
- article:hover .tags{
- opacity:1;
- }
- .chat ul {
- list-style: none;
- margin: 0;
- padding:0;
- }
- #postynotey {
- display:inline-block;
- width:500px;
- text-align:left;
- line-height:20px;
- }
- #postynotey a{
- padding-left:5px;
- }
- #postynotey img{
- width:16px;
- position:absolute;
- margin-left:-10px;
- }
- /*take it to head*/
- #headspace {
- width:100%;
- height:230px;
- position:fixed;
- top:0px;
- z-index:10;
- background:{color:background};
- }
- #navimg img{
- width:550px;
- height:150px;
- margin-top:50px;
- margin-left:4px;
- z-index:1;
- }
- #navlinks {
- width:510px;
- z-index:10;
- margin-top:-35px;
- text-align:left;
- }
- #navlinks a {
- font-size:10px;
- display:inline-block;
- width:11px;
- height:11px;
- padding:2px;
- margin-left:2px;
- text-align:center;
- line-height:11px;
- border:solid #ccc 1px;
- background:{color:link background};
- opacity:0.8;
- }
- #navlinks a:hover {
- opacity:0.6;
- }
- #desc {
- width:500px;
- margin-top:-130px;
- z-index:12;
- text-align:right;
- }
- #hover:hover #desc p{
- opacity:0.8;
- -webkit-transition: all .5s ease-in-out;
- }
- #desc p {
- font-size:12px;
- display:inline-block;
- width:170px;
- height:80px;
- background:white;
- text-align:left;
- padding:10px;
- word-wrap:break-word;
- overflow:scroll;
- opacity:0;
- -webkit-transition: all .5s ease-in-out;
- }
- {CustomCSS}
- </style>
- <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
- <script type="text/javascript" src="http://static.tumblr.com/7qjmkr5/IUmmdsy41/jquery.style-my-tooltips.js"></script>
- <script>
- (function($){
- $(document).ready(function(){
- $("[title]").style_my_tooltips();
- });
- })(jQuery);
- </script>
- </head>
- <body>
- <div id="headspace">
- <center>
- <div id="hover">
- <div id="navimg">
- <img src="{image:header}">
- </div>
- <div id="navlinks">
- {block:IfLink1Title}<a href="{text:Link 1 Url}" title="{text:Link 1 Title}">I</a>{/block:IfLink1Title}
- {block:IfLink2Title}<a href="{text:Link 2 Url}" title="{text:Link 2 Title}">II</a>{/block:IfLink2Title}
- {block:IfLink3Title}<a href="{text:Link 3 Url}" title="{text:Link 3 Title}">III</a>{/block:IfLink3Title}
- {block:IfLink4Title}<a href="{text:Link 4 Url}" title="{text:Link 4 Title}">IV</a>{/block:IfLink4Title}
- {block:IfLink5Title}<a href="{text:Link 5 Url}" title="{text:Link 5 Title}">V</a>{/block:IfLink5Title}
- {block:IfLink6Title}<a href="{text:Link 6 Url}" title="{text:Link 6 Title}">VI</a>{/block:IfLink6Title}
- </div>
- <div id="desc">
- <p>{description}</p>
- </div>
- </div>
- </center>
- </div>
- <center>
- <div id="content">
- {block:Posts}
- <article>
- {block:Answer}
- <div class="answr">
- <p><i>{Asker} asked "{Question}"</i></p>
- <br>
- <p>{Answer}</p>
- </div>
- {/block:Answer}
- {block:Title}
- <h3><a href="{Permalink}">{Title}</a></h3>
- {/block:Title}
- {block:Text}
- {Body}
- {/block:Text}
- {block:Photo}
- {block:if500px}
- <img src="{PhotoURL-500}" alt="{PhotoAlt}"/>
- {/block:if500px}
- {block:if400px}
- <img src="{PhotoURL-400}" alt="{PhotoAlt}"/>
- {/block:if400px}
- {block:IfShowCaptions}
- {block:Caption}
- <div class="caption">{Caption}</div>
- {/block:Caption}
- {block:IfShowCaptions}
- {/block:Photo}
- {block:Photoset}
- {block:if500px}
- {Photoset-500}
- {/block:if500px}
- {block:if400px}
- {Photoset-400}
- {/block:if400px}
- {block:IfShowCaptions}
- {block:Caption}
- <div class="caption">{Caption}</div>
- {/block:Caption}
- {block:IfShowCaptions}
- {/block:Photoset}
- {block:Quote}
- "{Quote}"
- {block:Source}
- <center>
- <div class="source">—{Source}</div>
- {/block:Source}
- {/block:Quote}
- {block:Link}
- <a href="{URL}" class="link" {Target}>{Name}</a>
- {Description}
- {/block:Description}
- {/block:Link}
- {block:Chat}
- {block:Title}
- <h3><a href="{Permalink}">{Title}</a></h3>
- {/block:Title}
- {block:Chat}
- <div class="chat"><ul>{block:Lines}
- <li class="person{UserNumber}">{block:Label}
- <span class="label">{Label}</span>{/block:Label} {Line}</li>{/block:Lines}</ul></div>
- {/block:Chat}
- {block:Video}
- {Video-500}
- {block:IfShowCaptions}
- {block:Caption}
- <div class="caption">{Caption}</div>
- {/block:Caption}
- {block:IfShowCaptions}
- {/block:Video}
- {block:Audio}
- <div id="audioplayer">{AudioPlayergrey} </div>
- {PlayCountWithLabel}
- {block:caption}{caption}{/block:caption}
- {/block:Audio}
- <div class="noteth">
- <a href="{Permalink}">{block:Date}{TimeAgo}{/block:Date}</a> with<a href="{Permalink}">
- {NoteCountWithLabel}</a>{/block:NoteCount}
- </div>
- <div class="sources">
- {block:RebloggedFrom}<a href="{ReblogParentURL}" title="{reblogparentname}">via</a>{/block:RebloggedFrom}{block:ContentSource} - <a href="{sourceurl}" title="{sourcetitle}">source</a>{/block:ContentSource}
- </div>
- {block:ifshowtags}
- <div class="tags">{block:HasTags}{block:Tags}<a href="/tagged/{Tag}"> #{Tag}</a>{/block:Tags}{block:HasTags}</div>
- {/block:ifshowtags}
- {block:PermalinkPage}
- <div id="postynotey">
- {block:PostNotes}
- {PostNotes}
- </div>
- {/block:PostNotes}
- {/block:PermalinkPage}
- </article>
- {/block:Posts}
- </div>
- <div id="pga">
- <div class="pagni">
- {block:Pagination}
- {block:PreviousPage}<a href="{PreviousPage}" class="jump_page">↫</a>{/block:PreviousPage}
- {block:JumpPagination length="5"}
- {block:CurrentPage}<span class="current_page">{PageNumber}</span>{/block:CurrentPage}
- {block:JumpPage}<a class="jump_page" href="{URL}">{PageNumber}</a>{/block:JumpPage}{/block:JumpPagination}
- {block:NextPage}<a href="{NextPage}" class="jump_page">↬</a>{/block:NextPage}
- {/block:Pagination}
- </div>
- </div>
- </center>
- <div id="credz">
- <a href="http://lunaticthemes.tumblr.com/" title="theme" target="_blank"><img src="http://media.tumblr.com/tumblr_m8lz69z8XK1qb1380.gif"></a>
- </div>
- <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js"></script>
- <script src="http://static.tumblr.com/wgijwsy/Ebfm2v4gy/jquery.masonry.min.js"></script>
- {block:ifinfinitescroll}
- <script src="http://static.tumblr.com/wgijwsy/u2vm2hxv6/jquery.infinitescroll.min.js"></script>
- <script src="http://static.tumblr.com/iwtk77u/Yhym2yygt/jquery.imagesloaded.min.js"></script>
- {/block:ifinfinitescroll}
- <script>
- (function() {
- var $tumblelog = $('#content');
- $tumblelog.infinitescroll({
- navSelector : "#pga",
- nextSelector : "#pga a:first",
- itemSelector : "article",
- bufferPx : 50,
- done : "",
- loading: {
- img : "",
- msgText: ""
- },
- },
- function( newElements ) {
- var $newElems = $( newElements ).css({ opacity: 0 });
- $newElems.imagesLoaded(function(){
- $newElems.animate({ opacity: 1 });
- $tumblelog.masonry( 'appended', $newElems);
- });
- }
- );
- $tumblelog.imagesLoaded( function(){
- $tumblelog.masonry({
- columnWidth: function( containerWidth ) {
- return containerWidth / 100;
- }
- });
- });
- })();
- </script>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement