API tools faq
paste
purethought-s

Theme #23: Times Two

purethought-s
Jun 20th, 2013
778
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 13.53 KB | None | 0 0
raw download clone embed print report
  1. <!--
  2. Times Two Theme by sleephy
  3.  
  4. please don't steal this c:
  5. the header image is optional btw
  6. -->
  7.  
  8. <html lang="en">
  9. <head>
  10. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  11. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script><script type="text/javascript" src="http://static.tumblr.com/xrmodho/wLUmoqg7l/scroll.js"></script>
  12. <script>
  13. (function($){
  14. $(document).ready(function(){
  15. $("a[title]").style_my_tooltips({
  16. tip_follows_cursor:true,
  17. tip_delay_time:10,
  18. tip_fade_speed:400,
  19. attribute:"title"
  20. });
  21. });
  22. })(jQuery);
  23. </script>
  24. <script>
  25. $(function(){
  26. $("[title]").mbTooltip({
  27. opacity : .90, //opacity
  28. wait:500, //before show
  29. ancor:"mouse", //"parent"
  30. cssClass:"default", // default = default
  31. timePerWord:70, //time to show in milliseconds per word
  32. hasArrow:false,
  33. color:"white",
  34. imgPath:"images/",
  35. shadowColor:"black",
  36. fade:500
  37. });
  38. })
  39.  
  40. </script>
  41.  
  42. <meta name="color:Title" content="#999999"/>
  43. <meta name="color:Link" content="#555555"/>
  44. <meta name="color:Text" content="#555555"/>
  45. <meta name="color:Borders" content="#ddd"/>
  46. <meta name="color:Background" content="#ffffff"/>
  47. <meta name="image:background" content="">
  48. <meta name="text:Link 1" content="/"/>
  49. <meta name="text:Link 1 Title" content="home"/>
  50. <meta name="text:Link 2" content="/ask" />
  51. <meta name="text:Link 2 Title" content="mssg"/>
  52. <meta name="text:Link 3" content="/etc" />
  53. <meta name="text:Link 3 Title" content="link"/>
  54. <meta name="text:Link 4" content="/tou" />
  55. <meta name="text:Link 4 Title" content="link"/>
  56. <meta name="text:Link 5" content="/something" />
  57. <meta name="text:Link 5 Title" content="link"/>
  58. <meta name="image:Header" content="" />
  59. <meta name="if:captions" content="1" />
  60. <meta name="if:infinite scroll" content="1" />
  61.  
  62.  
  63. <title>{Title}{block:PostTitle} - {PostTitle}{/block:PostTitle}</title>
  64. {block:Description}<meta name="description" content="{MetaDescription}" />
  65. {/block:Description}
  66. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  67. <link rel="shortcut icon" href="{Favicon}">
  68.  
  69. {block:indexpage}
  70. {block:NextPage}<div id="page-nav"><a href="{NextPage}"></a></div>{/block:NextPage}
  71.  
  72. <script src='http://code.jquery.com/jquery-1.4.2.min.js' type='text/javascript'></script>
  73.  
  74. <script src='http://static.tumblr.com/1s4z8hu/UTBlo4136/jquery.masonry.min.js' type='text/javascript'></script>
  75. {block:ifinfinitescroll}
  76. <script type="text/javascript" src="http://static.tumblr.com/jnmer2r/WKhljk73d/jquery.infinitescroll.min.js"></script> {/block:ifinfinitescroll}
  77.  
  78. <script>
  79. jQuery(window).load(function(){
  80. var $wall = $('#content');
  81. $wall.imagesLoaded(function(){
  82. $wall.masonry({
  83. singleMode: true,
  84. columnWidth: 292,
  85. itemSelector: '#entry'
  86. });
  87. });
  88. $wall.infinitescroll({
  89. navSelector : '#page-nav',
  90. nextSelector : '#page-nav a',
  91. itemSelector : '#entry',
  92. },
  93.  
  94. function( newElements ){
  95. $(newElements).hide();
  96. setTimeout(function(){
  97. $wall.masonry({ appendedContent: $(newElements) });
  98. },2000);
  99. setTimeout(function(){
  100. $(newElements).fadeIn('slow');
  101. },2100);
  102. },1000);
  103. });
  104. </script>
  105.  
  106.  
  107. <script>
  108. $.fn.imagesLoaded = function(callback){
  109. var elems = this.find('img'),
  110. len = elems.length,
  111. _this = this;
  112. if ( !elems.length ) {
  113. callback.call( this );}
  114. elems.bind('load',function(){
  115. if (--len <= 0){
  116. callback.call( _this );}
  117. }).each(function(){
  118. // cached images don't fire load sometimes, so we reset src.
  119. if (this.complete || this.complete === undefined){
  120. var src = this.src;
  121. // webkit hack from http://groups.google.com/group/jquery-dev/browse_thread/thread/eee6ab7b2da50e1f
  122. // data uri bypasses webkit log warning (thx doug jones)
  123. this.src = "data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///ywAAAAAAQABAAACAUwAOw==";
  124. this.src = src;}
  125. });
  126. return this;};
  127. </script>
  128.  
  129. {/block:Indexpage}
  130.  
  131. <style type="text/css">
  132. #s-m-t-tooltip{
  133. max-width:300px;
  134. padding:2px;
  135. margin:26px 0px 0px 8px;
  136. z-index:10;
  137. background-color:#fff;
  138. font-family:consolas;
  139. font-size:8.5px;
  140. letter-spacing:1px;
  141. text-transform:lowercase;
  142. -moz-box-shadow: 2px 2px 2px 0px #ddd;
  143.  
  144. }
  145.  
  146.  
  147. ::-webkit-scrollbar {width:5px;height:5px;background:#fff;}
  148. ::-webkit-scrollbar-thumb {background:{color:Link};}
  149.  
  150. /* GENERAL */
  151.  
  152.  
  153. iframe#tumblr_controls {right:3px !important; position: fixed !important;bottom:5px !important;-webkit-transition: opacity 0.7s linear;opacity: 0.3;-webkit-transition: all 0.8s ease-out;-moz-transition: all 0.8s ease-out;transition: all 0.8s ease-out;white-space:nowrap; filter: invert(100%); -webkit-filter: invert(100%); -moz-filter: invert(100%); -o-filter: invert(100%); -ms-filter: invert(100%);}
  154.  
  155. iframe#tumblr_controls:hover{-webkit-transition: opacity 0.7s linear;-webkit-transition: all 0.4s ease-out;-moz-transition: all 0.4s ease-out;transition: all 0.4s ease-out;}
  156.  
  157. body {margin:0px;background:{color:BACKground} url({image:Background);}
  158. body, div, p, textarea, submit, input{
  159. font-family:cambria;
  160. font-size:10.5px;
  161. line-height:12px;
  162. color: {color:text};}
  163.  
  164. a:link, a:active, a:visited{text-decoration:none;
  165. -webkit-transition: 0.7s ease;transition: 0.7s ease;
  166. -o-transition: 0.7s ease;-moz-transition: 0.7s ease;color:{color:Link};}
  167.  
  168. a:link:hover{
  169. color:{color:borders};
  170. }
  171.  
  172.  
  173. /* POSTS */
  174.  
  175. #center{margin:auto;position:relative;width:600px;}
  176. #content{width:500px;margin-top:10px;margin-left:385px;}
  177. #entry{z-index:1;overflow:hidden;margin-bottom:10px;{block:if2columns}margin-right:0px;{/block:if2columns}border:0px solid {color:borders};border-radius:0px;background:{color:background};
  178. {block:IndexPage}width:500px;padding:22px;{/block:IndexPage}
  179. {block:PermalinkPage}width:500px;padding:26px;{/block:PermalinkPage};}
  180. #entry img{max-width:100%;border-radius:0px;opacity:1; }
  181.  
  182. /* HEADER */
  183.  
  184. #top{
  185. position:relative;
  186. margin-top:10px;
  187. padding:30px;
  188. margin-left:0px;
  189. background:none;
  190. width:500px;
  191. TEXT-ALIGN:CENTER;
  192.  
  193. }
  194.  
  195.  
  196.  
  197. /* TITLES */
  198.  
  199. .blogtitle{
  200. font-size:25px;
  201. line-height:26px;
  202. margin:5px;
  203.  
  204. font-family:cambria;
  205. color:{color:Title};}
  206.  
  207.  
  208. @font-face { font-family: "stars"; src: url('http://static.tumblr.com/hcfbjje/sfRlpm8t0/starsfromoureyes.ttf'); }
  209. @font-face {font-family: "Clearly"; src:url('http://static.tumblr.com/0o02lya/Tx2mhbph4/princ___.ttf');}
  210.  
  211. .title {
  212. font-family:calibri;
  213. font-size:15px;letter-spacing:3px;
  214. line-height:33px;
  215. color:{color:Title};}
  216.  
  217. .quote {
  218. padding:14px;
  219. letter-spacing:1px;opacity:0.6;font-weight:bold;
  220.  
  221. color:{color:Title};}
  222.  
  223. .source {
  224. text-align:right;
  225. font-style:italic;
  226. text-transform:none;
  227. letter-spacing:0px;}
  228.  
  229. /* PERMALINKS */
  230.  
  231. #entry:hover .p {{block:IndexPage}opacity:1;margin-left:0px;{/block:IndexPage}}
  232. #entry .p {{block:IndexPage}
  233. position:absolute;
  234. width:250px;
  235. margin-left:-0px;
  236. opacity:1;
  237. margin-top:6px;
  238. text-align:center;
  239. transition: 0.7s ease;
  240. -o-transition: 0.7s ease;
  241. -moz-transition: 0.7s ease;
  242. -webkit-transition: 0.7s ease;
  243. {block:IndexPage}}
  244.  
  245. .p a{
  246. display:inline-block;
  247. background:#fff;
  248. padding:2px 6px 1px 6px;
  249. border:1px solid {color:borders};
  250. border-top:0px solid;
  251. letter-spacing:1px;
  252. font-size:8px;
  253. text-transform:uppercase;
  254. }
  255.  
  256. .pp{
  257. padding:5px;
  258. margin-top:10px;
  259. font-size:8px;
  260. letter-spacing:1px;
  261. text-transform:uppercase;
  262. text-align:center;
  263.  
  264. border:1px solid {color:borders};}
  265.  
  266.  
  267.  
  268. /* AUDIO */
  269.  
  270. .artcover {position:absolute;}
  271. .artcover img {width:42px;height:42px;float:left;}
  272. .audioplayer {width:20px;padding:3px 5px 5px 3px;overflow:hidden;}
  273. .audioinfo {margin-left:45px;padding:0px;}
  274. .i{display:block;padding:2px;}
  275. .i b, strong{text-transform:uppercase;}
  276. .player {
  277. position:absolute;
  278. background:#FFF;
  279. width:30px;
  280. height:30px;
  281. opacity:0.75;
  282. padding:6px;
  283. overflow:hidden;}
  284.  
  285. /* ASK */
  286.  
  287. .answer{margin:5px;}
  288.  
  289.  
  290.  
  291.  
  292. /* MISC */
  293.  
  294. ::selection {color:#FFF;background:{color:Link};}
  295. ::-moz-selection {color:#FFF;background:{color:Link};}
  296. ::-webkit-selection{color:#FFF;background:{color:Link};}
  297.  
  298. i, em{color:{color:Title};letter-spacing:1px;}
  299. b, strong{color:{color:Title};}
  300. ul,ol{margin:0px;margin-left:-10px;}
  301. p{padding:0px;margin:5px;}
  302. u{text-decoration:none;color:{color:Title};
  303. border-bottom:1px dotted {color:Title};}
  304. blockquote {margin:2px 10px;padding:2px;
  305. padding-left:2px;border-left:3px solid {color:borders};}
  306.  
  307. img{ margin-bottom:-2px;}
  308. .notes img { width:0px;}
  309.  
  310. /* FONTS */
  311.  
  312. @font-face {font-family:Five;
  313. src:url('http://static.tumblr.com/xrmodho/KkQmjca6j/triforce.ttf');}
  314.  
  315.  
  316.  
  317.  
  318.  
  319.  
  320. #s-m-t-tooltip{
  321. max-width:300px;
  322. margin:15px;
  323. padding:2px 4px;
  324. border:1px solid {color:borders};
  325. background:{color:background};
  326. color:{color:links};
  327. z-index:999999;
  328. font-size:7px;
  329. text-transform:lowercase;}
  330.  
  331.  
  332.  
  333. </style>
  334. <link rel="alternate" type="application/rss+xml" title="RSS" href="{RSS}"/>
  335. <meta name="viewport" content="width=820" />
  336.  
  337. </head>
  338.  
  339. <body>
  340.  
  341.  
  342.  
  343.  
  344. <div id="center">
  345. <div id="top">{block:ifheaderimage}<img src="{image:header}" width="185px"><img src="{image:header}" width="185px" style="-moz-transform: scaleX(-1);
  346. -o-transform: scaleX(-1);
  347. -webkit-transform: scaleX(-1);
  348. transform: scaleX(-1);
  349. filter: FlipH;
  350. -ms-filter: "FlipH";"><br><br>{/block:ifheaderimage}<BIG><BIG><BIG><B><a href="/">{title}</a></BIG></B></BIG></BIG><br><BR>{description}<br><br> <a href="{text:Link 1}">{text:Link 1 Title}</a> &nbsp;&nbsp;&nbsp; <a href="{text:Link 2}">{text:Link 2 Title}</a> &nbsp;&nbsp;&nbsp; <a href="{text:Link 3}">{text:Link 3 Title}</a> &nbsp;&nbsp;&nbsp; <a href="{text:Link 4}">{text:Link 4 Title}</a> &nbsp;&nbsp;&nbsp; <a href="{text:Link 5}">{text:Link 5 Title}</a>
  351.  
  352.  
  353.  
  354. </div>
  355. </div>
  356. <div id="content">
  357. {block:Posts}
  358.  
  359. {block:ContentSource}
  360. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  361. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  362. {/block:SourceLogo}
  363. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  364. {/block:ContentSource}
  365.  
  366. <div id="entry">
  367.  
  368. {block:Text}
  369. <div class="title">{Title}</div>{Body}{/block:Text}
  370.  
  371. {block:Link}
  372. <a href="{URL}"><span class="title">{Name} &raquo;</span></a>
  373. {block:Description}{Description}{/block:Description}{/block:Link}
  374.  
  375. {block:Photo}
  376. {block:IndexPage}
  377. <a href="{Permalink}"><img src="{PhotoURL-500}" alt="{PhotoAlt}" width="250px" /></a><a href="{Permalink}"><img src="{PhotoURL-500}" alt="{PhotoAlt}" width="250px" style="-moz-transform: scaleX(-1);
  378. -o-transform: scaleX(-1);
  379. -webkit-transform: scaleX(-1);
  380. transform: scaleX(-1);
  381. filter: FlipH;
  382. -ms-filter: "FlipH";" /></a>
  383.  
  384. {block:ifcaptions}<center><br>{caption}
  385.  
  386.  
  387.  
  388. {/block:ifcaptions}
  389.  
  390.  
  391.  
  392.  
  393.  
  394. {/block:IndexPage}{block:PermalinkPage}<img src="{PhotoURL-500}" alt="{PhotoAlt}" width="500px" />{/block:PermalinkPage}
  395. {/block:Photo}
  396.  
  397. {block:Photoset}
  398. {Photoset-500}
  399. {/block:Photoset}
  400.  
  401. {block:Quote}
  402. <div class="quote">{Quote}<div class="source">{Source}</div></div>
  403. {/block:Quote}
  404.  
  405. {block:Chat}
  406. <div class="title">{Title}</div>
  407. {block:Lines}<div class="i {Alt}"><div class="{Alt} user_{UserNumber}">
  408. {block:Label}<b>{Label}</b> {/block:Label}{Line}</div></div>{/block:Lines}
  409. {/block:Chat}
  410.  
  411. {block:Audio}
  412. {block:AlbumArt}<div class="artcover">
  413. <img src="{AlbumArtURL}"></div>{/block:AlbumArt}
  414. <div class="player"><div class="audioplayer">{AudioPlayerWhite}</div></div>
  415. <div class="audioinfo"><div class="i"><b>TITLE: </b><span{block:TrackName} style="display: none;"{block:TrackName}>Unknown</span>{block:TrackName}{TrackName}{/block:TrackName}</div><div class="i"><b>ARTIST: </b><span{block:Artist} style="display: none;"{block:Artist}>Unknown</span> {block:Artist}{Artist}{/block:Artist}</div>
  416. <div class="i"><b>PLAYS: </b><span{block:PlayCount} style="display: none;"{block:PlayCount}>Unknown</span>{block:PlayCount}{PlayCount}{/block:PlayCount}</div></div>
  417.  
  418. {/block:Audio}
  419.  
  420. {block:Video}
  421. {block:IndexPage}{Video-250}{/block:IndexPage}
  422. {block:PermalinkPage}{Video-500}{/block:PermalinkPage}
  423. {block:Caption}{Caption}{/block:Caption}
  424.  
  425. {/block:Video}
  426.  
  427. {block:Answer}
  428. <div class="quote"><b><img src="{AskerPortraitURL-40}" width="40" align="left"
  429. style="margin-right:4px; margin-left:-3px; margin-top:-3px; border:1px solid #ddd; border-radius:2px; padding:2px;"/> <center> <u>{Asker}</u></b> </center><br> {Question} </div>
  430. <div class="answer" style="border-top:1px solid #ddd;text-align:center;">{Answer}</div>
  431. {/block:Answer}
  432.  
  433. {block:IndexPage}<div style="font-size:9px;letter-spacing:1px;text-align:center;"><a title="{Timeago}" href="{Permalink}">{notecountwithlabel}</a><br>{block:HasTags}
  434. {block:Tags}#{Tag} {/block:Tags}
  435. {/block:HasTags}</div>
  436. {/block:IndexPage}
  437.  
  438.  
  439. {block:PermalinkPage}{block:Date}<div class="pp">
  440. posted {TimeAgo} with {NoteCountWithLabel}
  441.  
  442. {block:RebloggedFrom}<br>via:
  443. <a href="{ReblogParentURL}">{ReblogParentName}</a>{block:ContentSource} / source: <a href="{ReblogRootURL}">{ReblogRootName}</a>
  444. {/block:ContentSource}{/block:RebloggedFrom}
  445.  
  446. {block:HasTags}<br>tagged: {block:Tags}
  447. <a href="{TagURL}" title="{Tag}">{Tag}, </a>
  448. {/block:Tags}{/block:HasTags}
  449. </div>{/block:Date}
  450.  
  451. {block:NoteCount}<div style="margin-top:10px;">
  452. {block:PostNotes}{PostNotes}{/block:PostNotes}
  453. </div>{/block:NoteCount}{/block:PermalinkPage}
  454. </div>
  455.  
  456.  
  457.  
  458.  
  459. {/block:Posts}
  460. </div>
  461. </div>
  462.  
  463.  
  464.  
  465.  
  466.  
  467. <script type="text/javascript" src="http://static.tumblr.com/uiqhh9x/aK8m1cpdr/like2.js"></script>
  468. <iframe id="likeiframe" style="width: 1px; height: 1px;"></iframe>
  469. </body></html>
Add Comment
Please, Sign In to add comment
Public Pastes
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!