Guest User

Theme

a guest
Sep 7th, 2013
147
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 18.37 KB | None | 0 0
  1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
  2. "http://www.w3.org/TR/html4/loose.dtd">
  3.  
  4. <head>
  5.  
  6. <meta name="color:Background" content="#FFFFFF"/>
  7. <meta name="color:Text" content="#000000"/>
  8. <meta name="color:Titles" content="#000000"/>
  9. <meta name="color:Links" content="#636363"/>
  10. <meta name="color:Scrollbar" content="#363636"/>
  11. <meta name="color:Chat Background" content="#F5F5F5"/>
  12.  
  13. <meta name="font:Titles" content="georgia"/>
  14. <meta name="font:Text" content="Trebuchet MS"/>
  15.  
  16. <meta name="image:Header" content=""/>
  17.  
  18. <meta name="if:Fade Images" content="1" />
  19. <meta name="if:White Audio Player" content="1" />
  20. <meta name="if:Grained Background Image" content="1" />
  21. <meta name="if:Endless Scrolling" content="1"/>
  22. <meta name="if:Antic Font on Text" content="1"/>
  23.  
  24. <meta name="if:Show Ask Link" content="1"/>
  25. <meta name="if:Show Archive Link" content="1"/>
  26. <meta name="if:Show Credit Link" content="1"/>
  27.  
  28. <meta name="text:Scrolling Tab Bar" content="" />
  29.  
  30. <meta name="text:Custom Link One" content="" />
  31. <meta name="text:Custom Link One Title" content="" />
  32. <meta name="text:Custom Link Two" content="" />
  33. <meta name="text:Custom Link Two Title" content="" />
  34. <meta name="text:Custom Link Three" content="" />
  35. <meta name="text:Custom Link Three Title" content="" />
  36. <meta name="text:Custom Link Four" content="" />
  37. <meta name="text:Custom Link Four Title" content="" />
  38. <meta name="text:Custom Link Five" content="" />
  39. <meta name="text:Custom Link Five Title" content="" />
  40. <meta name="text:Custom Link Six" content="" />
  41. <meta name="text:Custom Link Six Title" content="" />
  42.  
  43. <script type="text/javascript"
  44. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  45.  
  46. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
  47.  
  48. <script type="text/javascript" src="scrolltopcontrol.js">
  49. </script>
  50.  
  51. <title>{Title}</title>
  52.  
  53. <link href='http://fonts.googleapis.com/css?family=Lekton|Antic' rel='stylesheet' type='text/css'>
  54.  
  55. <style type="text/css">
  56.  
  57. /** scrolbar connectionhtml (meusf4tos) **/
  58.  
  59. ::-webkit-scrollbar {width: 0px; height: 0px;/**meusf4tos **/}
  60.  
  61. ::-webkit-scrollbar-track-piece { repeat scroll 0 0 transparent;}
  62.  
  63. ::-webkit-scrollbar-thumb:vertical {height: 0px; }
  64.  
  65. ::-webkit-scrollbar-thumb:horizontal {width: 0px;}
  66.  
  67. #tumblr_controls {
  68. top: 4.30% !important;
  69. margin: -38px 0 0 0;
  70. right: 40px !important;
  71. position: fixed !important;
  72. }
  73.  
  74. #roman{
  75. position:fixed !important;
  76. width:30px;
  77. height:auto;
  78. leftt:3px;
  79. top:26px;
  80. }
  81.  
  82. iframe#tumblr_controls { white-space:nowrap; opacity:0.9; }
  83.  
  84. /*General Layout */
  85.  
  86. body {margin:0px; background-color: {color:Background}; {block:IfGrainedBackgroundImage} background-image:url(http://static.tumblr.com/glziqhp/07plo83j2/c34zt.jpg); background-attachment: fixed; background-repeat: repeat;{/block:IfGrainedBackgroundImage}{block:IfAnticFontOnText}font-family: 'Antic', sans-serif; font-size: 12px; line-height:16px;{/block:IfAnticFontOnText} {block:IfNotAnticFontOnText} font-family:{font:text}; font-size:11px; line-height:16px;{/block:IfNotAnticFontOnText} text-align: justify; color:{color:Text}; letter-spacing:0px;}
  87.  
  88. div#wrap{{block:IndexPage}width:590px;{block:IndexPage}{block:PermalinkPage}width:500px; margin-left:auto;{/block:PermalinkPage}margin:auto; margin-top:px; background-color:white;}
  89.  
  90. div#content{{block:IndexPage}width:600px;{block:IndexPage} padding-left:0px; margin-left:auto; margin-right:auto;margin-top:30px;}
  91.  
  92. .entry{{block:IndexPage}width:270px; float:left; margin-right:20px; padding-left:10px; margin-bottom:25px; margin:px;{/block:IndexPage}
  93. {block:PermalinkPage}width:500px; margin-left:auto; margin-right:auto; {/block:PermalinkPage} text-align:justify;}
  94.  
  95. .entry img{{block:IndexPage} max-width:270px; -webkit-transition: 0.3s ease-in; {/block:IndexPage}{block:PermalinkPage}width:500px; margin-left:auto; margin-right:auto;{/block:PermalinkPage}}
  96.  
  97. .header{padding:0px; position:relative; margin:auto; margin-top:0px;{block:IndexPage}width:530px;{block:IndexPage} {block:PermalinkPage}width:500px;{/block:PermalinkPage}}
  98.  
  99. /*Contents Info */
  100.  
  101. .post_title{ font-family:Lekton; text-transform:uppercase; letter-spacing:4px; font-size:18px; color:{color:Titles}; line-height:20px;}
  102.  
  103. .links{font-family: Lekton; color:{color:Links}; margin-bottom: 4px; text-transform:uppercase; font-size: 14px; line-height: 9px; letter-spacing:2px; margin: 5px; padding: 4px; text-align:right;}
  104.  
  105. .links:hover{border-top:2px solid {color:Chat Background};}
  106.  
  107. 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;transition: color 0.5s ease-out;}
  108. a:hover {color:{color:background};text-decoration: none;}
  109.  
  110. .blogtitle{font-size:20px; {block:IndexPage}letter-spacing:12px;{block:IndexPage} {block:PermalinkPage}letter-spacing:10px;{/block:PermalinkPage} padding-bottom:15px; line-height:22px; color:{color:blogtitle}; font-family:Lekton; text-transform:uppercase; cursor:help; text-align:center;}
  111.  
  112. div#page{position:fixed; right:5px; bottom:5px; font-family:Antic; text-transform:uppercase; text-align:right; background-color:{color:Chat Background};
  113. {block:IfEndlessScrolling}display:none;{/block:IfEndlessScrolling} padding:5px;}
  114.  
  115. .quot{margin-left:0px; margin-top:-8px; font-family:lekton; text-transform:uppercase; font-size:18px; color:{color:Post title}; line-height:14px; letter-spacing:2px;}
  116.  
  117. .quote{position:relative; top:5px; font-size:40px; opacity:0.2; filter: alpha(opacity = 20);}
  118.  
  119. .source{ font-size:12px; text-align:right;}
  120.  
  121. div#chat li { padding: 4px; background-color:{color:Chat Background}; margin-top: 2px;}
  122.  
  123. div#chat ul{ {block:IndexPage} width:270px; {/block:IndexPage}
  124. {block:PermalinkPage} width:500px; margin-left:80px;{/block:PermalinkPage} list-style: none; padding: 0px; margin-top:5px; margin-bottom:10px; text-align: justify; }
  125.  
  126. .audio {{block:IfWhiteAudioPlayer}background-color: #fff;{/block:IfWhiteAudioPlayer} {block:IfNotWhiteAudioPlayer} background-color: #000; {/block:IfNotWhiteAudioPlayer} {block:PermalinkPage} width:500px; {/block:PermalinkPage}}
  127.  
  128. .asker{padding:5px; line-height:16px; font-family:Lekton; text-transform:uppercase; letter-spacing:2px; background-color: {color:Chat Background}; }
  129.  
  130. .qs { text-align:right;}
  131.  
  132. .notespage { width:500px; opacity: 1; z-index: 10000; margin-top:0px; margin-left:0px; margin-right:auto; text-align:right; }
  133.  
  134. .postnotes { margin-top:0; margin-left:20px; margin-right:auto; margin-bottom:0px; width:500px;
  135. text-align:left max-height:300px; overflow-x:auto; }
  136.  
  137. {block:ifFadeImages} img {opacity: 0.85; -webkit-transition-duration: 0.8s; }
  138. img:hover { opacity: 1; -webkit-transition-duration: 0.8s; } {/block:ifFadeImages}
  139.  
  140. .info{ background-color:{color:Chat Background}; display:block; padding:5px;}
  141.  
  142. /*Permalink Info */
  143.  
  144. {block:IndexPage}
  145.  
  146. .entry .permalink {margin-top: 4px; border-top: 1px dotted {color:text}; text-align: center; font-size: 10px; text-transform: uppercase; padding-top: 3px; overflow:hidden; -webkit-transition: opacity 0.7s linear; opacity: 0.0; -webkit-transition: all 0.4s linear; -moz-transition: all 0.4s linear;transition: all 0.4s linear;}
  147.  
  148. .entry:hover .permalink {overflow:visible; -webkit-transition: opacity 0.7s linear; opacity: .5; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; transition: all 0.2s linear;}
  149.  
  150. .permalink {display:block; position: relative; text-align: right; text-transform:uppercase; font-size:9px; margin-top:-11px; font-family:'Antic', sans-serif; opacity:0.8; filter: alpha(opacity = 80); -webkit-transition: 0.3s ease-in; }
  151.  
  152. .entry:hover .permalink{opacity: 1; filter: alpha(opacity = 100); -webkit-transition: 0.3s ease-in; }
  153.  
  154. .photo_perma{display:block; height:15px; text-align:left; text-transform:uppercase; padding-left: 10px; padding-right: 10px; padding-top:10px; padding-bottom:10px; background-color:{color:background}; position: absolute; margin-top:-48px; margin-left:8px; opacity:0; filter: alpha(opacity = 0); -webkit-transition: 0.3s ease-in;}
  155.  
  156. .photo_perma a{color:{color:text};}
  157.  
  158. .entry:hover .photo_perma{ {block:IfCaption} margin-top:25px; {/block:IfCaption} opacity:0.75;
  159. filter: alpha(opacity = 75); -webkit-transition: 0.3s ease-in; }
  160.  
  161. {/block:IndexPage}
  162.  
  163. /*Other Info */
  164.  
  165. iframe#tumblr_controls{position:fixed; top:1px; margin: 0 0 0 0; right: 6px;}
  166.  
  167. {block:ifFadeImages} img {opacity: 0.85; -webkit-transition-duration: 0.8s; }
  168. img:hover { opacity: 1; -webkit-transition-duration: 0.8s; } {/block:ifFadeImages}
  169.  
  170. {CustomCSS}
  171.  
  172. </style>
  173.  
  174. {block:IndexPage}
  175.  
  176. <script type="text/javascript" src="http://static.tumblr.com/imovwvl/dJWl20ley/jqueryformasonry.js"></script>
  177. <script type="text/javascript" src="http://static.tumblr.com/imovwvl/rSGl20lfv/masonry.js">
  178. </script>
  179. {block:IfEndlessScrolling}<script src="http://static.tumblr.com/df28qmy/SHUlh3i7s/jquery.infinitescroll.js"></script>{/block:IfEndlessScrolling}
  180. <script src="http://static.tumblr.com/thpaaos/lLwkowcqm/jquery.masonry.js"></script>
  181. <script type="text/javascript">
  182.  
  183. $(window).load(function () {
  184. $('#content').masonry(),
  185. $('.masonryWrap').infinitescroll({
  186. navSelector : "div#navigation",
  187. // selector for the paged navigation (it will be hidden)
  188. nextSelector : "div#navigation a#nextPage",
  189. // selector for the NEXT link (to page 2)
  190. itemSelector : ".entry",
  191. // selector for all items you'll retrieve
  192. bufferPx : 10000,
  193. extraScrollPx: 11000,
  194. loadingImg : "http://b.imagehost.org/0548/Untitled-2.png",
  195. loadingText : "<em></em>",
  196. },
  197. // call masonry as a callback.
  198. function() { $('#content').masonry({ appendedContent: $(this) }); }
  199. );
  200. });
  201. </script>
  202. <script type="text/javascript">
  203. $(window).load(function(){
  204. $("p").remove(":contains('Source:')");
  205. });
  206. </script>
  207. {/block:IndexPage}
  208.  
  209. </head>
  210. <body>
  211. <div id=roman><embed src="http://www.sheepproductions.com/billy/billy.swf?autoplay=true&f0=http://k002.kiwi6.com/hotlink/3k01y6150i/lofticries.mp3&t0=&total=1" quality="high" wmode="transparent" width="200" height="10" name="billy" align="middle" type="application/x-shockwave-flash" /></div>
  212.  
  213. {block:Pagination}<div id="page">{block:PreviousPage}<a href="{PreviousPage}">prev ious page \</a> {/block:PreviousPage}</div> <div id="page">{block:nextPage}<a href="{nextPage}">/ next page</a>{/block:nextPage}</div>{/block:Pagination} <div class="navigation">{block:Pagination}{/block:Pagination}</div>
  214.  
  215.  
  216. {block:IfSidebarfadeonscrolldown}
  217. <script>
  218. var visible = 0;
  219. $(window).scroll(function() {
  220. if($(window).scrollTop()>="60") {
  221. if(visible == 0){
  222. $("#sidebar").stop().fadeTo("medium", 1);
  223. visible = 1;
  224. }
  225. }
  226. else {
  227. if(visible == 1){
  228. $("#sidebar").stop().fadeTo("medium", 0.0);
  229. visible = 0;
  230. }
  231. }
  232. });
  233. </script>
  234. {/block:IfSidebarfadeonscrolldown}
  235.  
  236. <div id="wrap">
  237.  
  238. <div style=" position: absolute; text-align:center; padding-left:90px; padding-right:90px; padding-top:20px;padding-bottom:20px; background-color:green; position: fixed;"><a href="/" class="links">home</a>
  239. {block:IfShowAskLink} <a href="/ask" class="links">message</a> {/block:IfShowAskLink}
  240. {block:IfShowArchiveLink} <a href="/archive" class="links">history</a> {/block:IfShowArchiveLink}
  241. {block:ifCustomLinkOneTitle}<a href="{text:Custom Link One}" class="links">{text:Custom Link One Title}</a>{/block:ifCustomLinkOneTitle}
  242. {block:ifCustomLinkTwoTitle}<a href="{text:Custom Link Two}" class="links">{text:Custom Link Two Title}</a>{/block:ifCustomLinkTwoTitle}
  243. {block:ifCustomLinkThreeTitle}<a href="{text:Custom Link Three}" class="links">{text:Custom Link Three Title}</a>{/block:ifCustomLinkThreeTitle}
  244. {block:ifCustomLinkFourTitle}<a href="{text:Custom Link Four}" class="links">{text:Custom Link Four Title}</a>{/block:ifCustomLinkFourTitle}
  245. {block:ifCustomLinkFiveTitle}<a href="{text:Custom Link Five}" class="links">{text:Custom Link Five Title}</a>{/block:ifCustomLinkFiveTitle}
  246. {block:ifCustomLinkSixTitle}<a href="{text:Custom Link Six}" class="links">{text:Custom Link Six Title}</a>{/block:ifCustomLinkSixTitle}
  247. {block:HasPages}{block:Pages} <a href="{URL}" class="links">{Label}</a>{/block:Pages}{/block:HasPages}{/block:HasPages}
  248. {block:IfShowCreditLink} <a href="http://tumblr.com" class="links"></a> {/block:IfShowCreditLink} </a> </div>
  249.  
  250. <div class="header">
  251. <img style="{block:IndexPage}width:530px;{block:IndexPage} position:relati e; {block:PermalinkPage}width:500px;{/block:PermalinkPage} background-color:white;padding-bottom:10px;" src="{image:header}"></br>
  252. <div style="text-align:center;"> <a href="/" class="links">home</a>
  253. {block:IfShowAskLink} <a href="/ask" class="links">message</a> {/block:IfShowAskLink}
  254. {block:IfShowArchiveLink} <a href="/archive" class="links">history</a> {/block:IfShowArchiveLink}
  255. {block:ifCustomLinkOneTitle}<a href="{text:Custom Link One}" class="links">{text:Custom Link One Title}</a>{/block:ifCustomLinkOneTitle}
  256. {block:ifCustomLinkTwoTitle}<a href="{text:Custom Link Two}" class="links">{text:Custom Link Two Title}</a>{/block:ifCustomLinkTwoTitle}
  257. {block:ifCustomLinkThreeTitle}<a href="{text:Custom Link Three}" class="links">{text:Custom Link Three Title}</a>{/block:ifCustomLinkThreeTitle}
  258. {block:ifCustomLinkFourTitle}<a href="{text:Custom Link Four}" class="links">{text:Custom Link Four Title}</a>{/block:ifCustomLinkFourTitle}
  259. {block:ifCustomLinkFiveTitle}<a href="{text:Custom Link Five}" class="links">{text:Custom Link Five Title}</a>{/block:ifCustomLinkFiveTitle}
  260. {block:ifCustomLinkSixTitle}<a href="{text:Custom Link Six}" class="links">{text:Custom Link Six Title}</a>{/block:ifCustomLinkSixTitle}
  261. {block:HasPages}{block:Pages} <a href="{URL}" class="links">{Label}</a>{/block:Pages}{/block:HasPages}{/block:HasPages}
  262. {block:IfShowCreditLink} <a href="http://tumblr.com" class="links"></a> {/block:IfShowCreditLink}
  263.  
  264. </div></div>
  265.  
  266. <div style="padding-top:15px;"><div id="content">
  267.  
  268. {block:Posts}
  269.  
  270. {block:Text}<div class="entry">{block:Title}<span class="post_title">{Title}</span>{/block:Title}
  271. {Body}{block:IndexPage}<span class="permalink"><a href="{Permalink}">{TimeAgo}&nbsp; - &nbsp;{NoteCountWithLabel}</a></span>{/block:IndexPage}</div>{/block:Text}
  272.  
  273. {block:Photo}<div class="entry">{block:IndexPage}<a href="{Permalink}">{/block:IndexPage}{block:PermalinkPage}{LinkOpenTag}{/block:PermalinkPage}<img src="{block:IndexPage}{PhotoURL-HighRes}{/block:IndexPage}{block:PermalinkPage}{PhotoURL-HighRes}{/block:PermalinkPage}" alt="{PhotoAlt}" {block:IndexPage}width="320"{/block:IndexPage}{block:PermalinkPage}width="520"{/block:PermalinkPage}/>{block:IndexPage}</a>{/block:IndexPage}{block:PermalinkPage}{LinkCloseTag}{/block:PermalinkPage} {block:IndexPage}<span class="photo_perma"><a href="{Permalink}"> {NoteCountWithLabel}</a> &#8226; <a href="{ReblogURL}" target="_blank">Reblog </a></a></a></span>{/block:IndexPage}</div>{/block:Photo}
  274.  
  275. {block:Photoset}<div class="entry">{block:IndexPage}{Photoset-250}{/block:IndexPage}{block:PermalinkPage}{Photoset-500}{/block:PermalinkPage}{block:IndexPage}{block:IfCaption}{block:Caption}{Caption}{/block:Caption}{/block:IfCaption}{/block:IndexPage}<br>{block:IndexPage}<span class="permalink"><a href="{Permalink}">{TimeAgo}&nbsp; - &nbsp;{NoteCountWithLabel} &nbsp; - &nbsp; <a href="{ReblogURL}" target="_blank">Reblog </a></a></span>{/block:IndexPage}</div>{/block:Photoset}
  276.  
  277. {block:Quote}<div class="entry"><span class="quote">&#10077;</span><div class="quot">{Quote}</div>{block:Source}<div class="source"><p>&#8212; {Source}</p></div>{/block:Source}
  278. {block:IndexPage}<span class="permalink"><a href="{Permalink}">{TimeAgo}&nbsp; - &nbsp;{NoteCountWithLabel}</a></span>{/block:IndexPage}</div>{/block:Quote}
  279.  
  280. {block:Chat}<div class="entry">{block:Title}<span class="post_title">{Title}</span>{/block:Title}
  281. <div id="chat"><ul>{block:Lines}<li>{block:Label}<b>{Label}</b>{/block:Label}{Line}</li>{/block:Lines}</ul></div>{block:IndexPage}<span class="permalink"><a href="{Permalink}">{TimeAgo}&nbsp; - &nbsp;{NoteCountWithLabel}</a></span>{/block:IndexPage}</div>{/block:Chat}
  282.  
  283. {block:Link}<div class="entry"><span class="post_title"><a href="{URL}">{Name} </span></a>{block:Description}{Description}{/block:Description}{block:IndexPage}<span class="permalink"><a href="{Permalink}">{TimeAgo}&nbsp; - &nbsp;{NoteCountWithLabel}</a></span>{/block:IndexPage}</div>{/block:Link}
  284.  
  285. {block:Audio}<div class="entry"><div class="audio"> {block:IfWhiteAudioPlayer}{AudioPlayerWhite}{/block:IfWhiteAudioPlayer}{block:IfNotWhiteAudioPlayer}{AudioPlayerBlack}{/block:IfNotWhiteAudioPlayer}</div> {block:AlbumArt}<img src="{AlbumArtURL}" style="width:50px; height:50px; float:left; padding-right:10px; padding-top:10px; padding-left:5px; padding-bottom:10px;">{/block:AlbumArt}{block:Caption}{Caption}{/block:Caption} <br>{block:IndexPage}<span class="permalink"><a href="{Permalink}">{TimeAgo}&nbsp; - &nbsp;{NoteCountWithLabel}</a></span>{/block:IndexPage}</div>{/block:Audio}
  286.  
  287. {block:Video}<div class="entry">{block:IndexPage}{Video-320}{/block:IndexPage}{block:PermalinkPage}{Video-500}{/block:PermalinkPage}{block:Caption}{Caption}{/block:Caption}
  288. {block:IndexPage}<span class="permalink"><a href="{Permalink}">{TimeAgo}&nbsp; - &nbsp;{NoteCountWithLabel}</a></span>{/block:IndexPage}</div>{/block:Video}
  289.  
  290. {block:Answer}<div class="entry"><div class="asker">{Question}</div> <br> <div class="triangle">?</div> <div class="qs">asked by {Asker}</div><br>{Answer}<p>{block:IndexPage}<span class="permalink"><a href="{Permalink}">{TimeAgo}&nbsp; - &nbsp;{NoteCountWithLabel}</a></span>{/block:IndexPage}</div>{/block:Answer}
  291.  
  292. {block:PermalinkPage} <div class="notespage"> {block:NoteCount}{NoteCountWithLabel} / {/block:NoteCount} {block:Date}{TimeAgo}{/block:Date} {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}</div>
  293. <div class="postnotes">{block:PostNotes}{PostNotes}{/block:PostNotes}</div> {/block:PermalinkPage}
  294.  
  295. {/block:posts}
  296.  
  297. {block:IndexPage}
  298. <div class="column navigation" id="navigation">
  299. {block:Pagination}
  300. {block:PreviousPage}<a href="{PreviousPage}" class="navigate">{/block:PreviousPage}{block:PreviousPage}</a>{/block:PreviousPage}
  301. {block:NextPage}<a href="{NextPage}" class="navigate" id="nextPage">{/block:NextPage}{block:NextPage}</a>{/block:NextPage}{/block:Pagination}
  302. </div>
  303. {/block:IndexPage}
  304.  
  305. </div></div></div></body></html>
Advertisement
Add Comment
Please, Sign In to add comment