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="1">
- <meta name="if:500px" content="0">
- <meta name="if:Cover Background" content="0">
- <meta name="if:Repeated Background" content="1">
- <meta name="text:Home Title" content="home"/>
- <meta name="text:Ask Url" content="/ask"/>
- <meta name="text:Ask Title" content="ask"/>
- <meta name="text:Link 1 Url" content="/"/>
- <meta name="text:Link 1 Title" content="Link 1"/>
- <meta name="text:Link 2 Url" content="/"/>
- <meta name="text:Link 2 Title" content="Link 2"/>
- <meta name="text:Link 3 Url" content="/"/>
- <meta name="text:Link 3 Title" content="Link 3"/>
- <meta name="text:Link 4 Url" content="/"/>
- <meta name="text:Link 4 Title" content="Link 4"/>
- <meta name="text:Link 5 Url" content="/"/>
- <meta name="text:Link 5 Title" content="Link 5"/>
- <meta name="text:Link 6 Url" content="/"/>
- <meta name="text:Link 6 Title" content="Link 6"/>
- <meta name="text:Link 7 Url" content="/"/>
- <meta name="text:Link 7 Title" content="Link 7"/>
- <meta name="text:Link 8 Url" content="/"/>
- <meta name="text:Link 8 Title" content="Link 8"/>
- <meta name="color:background" content="#ffffff"/>
- <meta name="color:body" content="#999999"/>
- <meta name="color:description" content="#FFFFFF"/>
- <meta name="color:bold" content="#4ABAFF"/>
- <meta name="color:italic" content="#56D6D4"/>
- <meta name="color:blockquote" content="#b5dacd"/>
- <meta name="color:link" content="#8c8c8c"/>
- <meta name="color:link hover" content="#7bd3d1"/>
- <meta name="color:posts" content="#f3f3f3"/>
- <meta name="color:sidebar" content="#eeeeee"/>
- <meta name="color:sideimage bg" content="#efefef"/>
- <meta name="color:sidelink bg" content="#262626"/>
- <meta name="color:bar" content="#202020"/>
- <meta name="color:scrollbar" content="#b5dacd"/>
- <meta name="color:text highlight" content="#070707"/>
- <meta name="image:background" content=""/>
- <meta name="image:sidebar" content="http://static.tumblr.com/wm6ssjg/ksMmvaftn/tom_dont_do_the_thing.jpg"/>
- <meta name="image:sidebar bg" content=""/>
- <!--
- ^---^
- =o.o=
- -itsacatshutup-
- Theme by drunkdacl 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 highlight};
- color: #fff;
- }
- ::selection {
- background: {color:text highlight};
- color: #fff;
- }
- /*basic*/
- body {
- font-family: 'Junge', serif;
- font-size:10px;
- margin: 0;
- padding: 0px;
- background: {color:background};
- color: {color:body};
- {block:ifrepeatedbackground}
- background-attachment:fixed;
- background-position:left top;
- background-image:url('{image:background}');
- background-repeat:repeat;
- {/block:ifrepeatedbackground}
- {block:ifcoverbackground}
- background-attachment:fixed;
- background-size:cover;
- background-position:left top;
- background-image:url('{image:background}');
- background-repeat:no-repeat;
- {/block:ifcoverbackground}
- }
- a {
- text-decoration: none;
- -webkit-transition: all .2s ease-in-out;
- color:{color:link};
- }
- a:hover{
- color: {color:link hover};
- }
- b {
- color:{color:bold};
- }
- i {
- color:{color:italic};
- }
- blockquote {
- margin: 0;
- padding-left:5px;
- border-left: 2px solid {color:blockquote};
- }
- iframe, img, embed, object, video {
- max-width: 100%;
- }
- img {
- height: auto;
- width: auto;
- padding:none;
- }
- /*pagni*/
- #pga {
- width:250px;
- height:25px;
- position:fixed;
- text-align:center;
- top:450px;
- left:135px;
- }
- .next_page a{
- display:inline-block;
- padding: 5px;
- width:40px;
- font-size:7px;
- text-decoration:none;
- color:{color:link};
- background:{color:background};
- margin-left:25px;
- position:absolute;
- text-transform:uppercase;
- letter-spacing:1px;
- }
- .prev_page a{
- display:inline-block;
- padding: 5px;
- width:40px;
- font-size:7px;
- text-decoration:none;
- color:white;
- color:{color:link};
- background:{color:background};
- margin-left:-75px;
- position:absolute;
- text-transform:uppercase;
- letter-spacing:1px;
- }
- .prev_page a:hover, .next_page a:hover {
- background:{color:link hover};
- color:{color:background};
- }
- .pagni {
- margin-top:5px;
- }
- /*other stuff thing*/
- #s-m-t-tooltip{
- max-width:300px;
- z-index:999999;
- margin:10px;
- 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;
- font-size:7px;
- letter-spacing:1px;
- font-family:Verdana,Geneva,sans-serif;
- padding:2px;
- }
- /*posts*/
- #content {
- position:relative;
- margin-bottom:100px;
- margin-left:500px;
- {block:if500px}
- width:500px;
- {/block:if500px}
- {block:if400px}
- width:400px;
- {/block:if400px}
- z-index:10;
- }
- article {
- font-size:10px;
- overflow:hidden;
- margin-top:40px;
- margin-bottom:20px;
- padding:10px;
- text-align:left;
- background:{color:posts};
- {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 .4s ease-in-out;
- }
- article:hover {
- {block:ifmonochrome}
- -webkit-filter: grayscale(0%);
- {/block:ifmonochrome}
- -webkit-transition: all .4s ease-in-out;
- }
- .noteth {
- height:10px;
- text-transform:lowercase;
- font-size:8px;
- text-align:right;
- {block:if500px}
- width:500px;
- {/block:if500px}
- {block:if400px}
- width:400px;
- {/block:if400px}
- margin-top:11px;
- margin-left:0px;
- -webkit-transition: all .2s ease-in-out;
- text-align:left;
- opacity:0.7;
- letter-spacing:0px;
- color:{color:notelink};
- font-family: 'Anonymous Pro', sans-serif;
- }
- .noteth a {
- padding-right:2px;
- }
- .noteth b {
- color:{color:link};
- -webkit-transition: all .2s ease-in-out;
- }
- .noteth b:hover {
- color:{color:link hover};
- -webkit-transition: all .2s ease-in-out;
- }
- .tags {
- opacity:0.8;
- font-family: 'Anonymous Pro', sans-serif;
- margin-left:0px;
- position:relative;
- text-transform:none;
- {block:if500px}
- width:500px;
- {/block:if500px}
- {block:if400px}
- width:400px;
- {/block:if400px}
- text-align:left;
- font-size:7px;
- -webkit-transition: all .4s ease-in-out;
- }
- .tags a
- color:{color:link hover};
- }
- .tags:hover {
- color:{color:link};
- }
- .chat ul {
- list-style: none;
- margin: 0;
- padding:0;
- }
- #postynotey {
- display:inline-block;
- {block:if500px}
- width:500px;
- {/block:if500px}
- {block:if400px}
- width:400px;
- {/block:if400px}
- text-align:left;
- line-height:20px;
- }
- #postynotey a{
- padding-left:5px;
- }
- #postynotey img{
- width:16px;
- position:absolute;
- margin-left:-10px;
- }
- /*side*/
- #bar1 {
- height:100%;
- width:100px;
- top:0px;
- left:0px;
- background:{color:bar};
- position:fixed;
- z-index:1;
- }
- #bar2{
- height:100%;
- width:325px;
- top:0px;
- left:100px;
- background:{color:sidebar};
- background-attachment:fixed;
- background-position:100px;
- background-image:url('{image:sidebar bg}');
- background-size:325px;
- background-repeat:repeat-y;
- position:fixed;
- z-index:2;
- }
- #side{
- top:200px;
- left:135px;
- position:fixed;
- background:{color:background};
- width:250px;
- height:250px;
- overflow-y:scroll;
- }
- #side img {
- width:100px;
- background:{color:sideimage bg};
- z-index:3;
- -webkit-transition : -webkit-filter 0.2s linear;
- padding:8px;
- max-height:150px;
- float:left;
- margin-left:10px;
- margin-top:10px;
- margin-right:10px;
- }
- #side p {
- padding:10px;
- font-size:10px;
- }
- #link {
- width:80px;
- display:inline-block;
- position:fixed;
- top:150px;
- left:10px;
- z-index:4;
- font-size:10px;
- text-align:center;
- }
- #link a {
- font-family: helvetica;
- display:inline-block;
- width:70px;
- padding:13px 5px 13px 5px;
- margin-bottom:5px;
- line-height:10px;
- letter-spacing:2px;
- text-transform:uppercase;
- background:{color:sidelink bg};
- font-size:7px;
- }
- #link a:hover {
- background:{color:link hover};
- border-bottom:none;
- color:{color:background};
- }
- #desc {
- top:270px;
- left:140px;
- width:165px;
- position:fixed;
- }
- #desc p {
- word-break:break-word;
- font-size:10px;
- background:{color:description};
- padding:10px;
- color:{color:body};
- opacity:0;
- -webkit-transition : all 0.2s linear;
- }
- .hover:hover #desc p{
- opacity:0.8;
- -webkit-transition : all 0.2s linear;
- }
- .hover {
- position:fixed;
- z-index:3;
- }
- {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="bar1">
- </div>
- <div id="bar2">
- </div>
- <div class="hover">
- <div id="side">
- <img src="{image:sidebar}">
- <p>
- {Description}
- </p>
- </div>
- <div id="pga">
- <div class="pagni">
- {block:Pagination}
- <div class="prev_page">{block:previouspage}<a href="{PreviousPage}">previous</a>{/block:previouspage}</div>
- <div class="next_page">{block:NextPage}<a href="{NextPage}">next</a>{/block:NextPage}</div>
- {/block:Pagination}
- </div>
- </div>
- <div id="link">
- <a href="/">{text:home title}</a>
- <a href="{text:ask Url}">{text:ask title}</a>
- {block:IfLink1Url}<a href="{text:link 1 Url}">{text:link 1 title}</a>{/block:IfLink1Url}
- {block:IfLink2Url}<a href="{text:link 2 Url}">{text:link 2 title}</a>{/block:IfLink2Url}
- {block:IfLink3Url}<a href="{text:link 3 Url}">{text:link 3 title}</a>{/block:IfLink3Url}
- {block:IfLink4Url}<a href="{text:link 4 Url}">{text:link 4 title}</a>{/block:IfLink4Url}
- {block:IfLink5Url}<a href="{text:link 5 Url}">{text:link 5 title}</a>{/block:IfLink5Url}
- {block:IfLink6Url}<a href="{text:link 6 Url}">{text:link 6 title}</a>{/block:IfLink6Url}
- {block:IfLink7Url}<a href="{text:link 7 Url}">{text:link 7 title}</a>{/block:IfLink7Url}
- {block:IfLink8Url}<a href="{text:link 8 Url}">{text:link 8 title}</a>{/block:IfLink8Url}
- <a href="http://lunaticthemes.tumblr.com" target:"_blank">theme</a>
- </div>
- </div>
- <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}<b>{ShortMonth}{DayOfMonthWithZero}</b>{/block:Date}</a><a href="{Permalink}">
- {NoteCountWithLabel}</a>{/block:NoteCount}
- {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}filed under:{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="credz">
- <a href="http://lunaticthemes.tumblr.com/" title="theme" target="_blank">CREDIT</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