API tools faq
paste
Advertisement
Guest User

STITCH THEME

a guest
May 9th, 2014
1,355
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 12.04 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2.  
  3. <html xmlns="http://www.w3.org/1999/xhtml">
  4.  
  5. <!--
  6.  
  7. STITCH THEME BY CAULIFLORUS FOR PAINTBRUSHTHEMES
  8.  
  9. don't steal this please and keep the description short, thanks :')
  10.  
  11. -->
  12.  
  13. <head>
  14.  
  15. <script type="text/javascript" src="http://static.tumblr.com/3ikgvxs/0TGl4zgpu/jquery.min.js">
  16. </script>
  17. <script type="text/javascript">
  18. $(document).ready(function(){
  19. $(".links_body").hide();
  20. $(".links_head").click(function(){
  21. $(this).next(".links_body").slideToggle('fast');
  22. }); }); </script>
  23.  
  24. <script src="http://static.tumblr.com/rzl30kg/eAxm7a751/jquery.style-my-tooltips.js"></script>
  25. <script>
  26. (function($){
  27. $(document).ready(function(){
  28. $("[title]").style_my_tooltips({
  29. tip_follows_cursor:true,
  30. tip_delay_time:200,
  31. tip_fade_speed:300
  32. }
  33. );
  34. });
  35. })(jQuery);
  36. </script>
  37.  
  38. <style type="text/css">
  39.  
  40.  
  41.  
  42. <style type="text/css">
  43. .links_head2 {text-align:center;cursor:help;font-family:consolas;
  44. font-size:9px;
  45. text-transform:uppercase;color:{color:blog title};Text-align:center;background-color:{color:titlebar};}
  46. .links_body2 {text-align:center;padding:3px;}
  47. </style>
  48.  
  49.  
  50. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script><script src="http://static.tumblr.com/ikeq9mi/DfYl6o46t/scrolltotop.min.js"></script><a href="javascript:;" id="scrollToTop"><img src="http://static.tumblr.com/95njt7t/WY7lqgdrx/backtotop_arrowblk.png" border="0"></a>
  51.  
  52. <script type="text/javascript"
  53.  
  54. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  55.  
  56.  
  57.  
  58. <script type="text/javascript"
  59.  
  60. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  61.  
  62.  
  63.  
  64. <title>{title}</title>
  65.  
  66.  
  67.  
  68. <link rel="shortcut icon" href="{Favicon}">
  69.  
  70.  
  71.  
  72. <meta name="color:Background" content="#FFF"/>
  73.  
  74. <meta name="color:Text" content="#AAA"/>
  75.  
  76. <meta name="color:Hover" content="#a0a0a0"/>
  77.  
  78. <meta name="color:Link" content="#777676"/>
  79.  
  80. <meta name="color:blog title" content="#fff"/>
  81.  
  82. <meta name="color:post title" content="#eee"/>
  83.  
  84. <meta name="color:borders" content="#eee"/>
  85.  
  86. <meta name="image:Left Background" content""/>
  87.  
  88. <meta name="image:Right Background" content""/>
  89.  
  90. <meta name="color:titlebar" content="#000000">
  91.  
  92. <meta name="text:Link 1 URL" content=""/>
  93.  
  94. <meta name="text:Link 1 Title" content=""/>
  95.  
  96. <meta name="text:Link 2 URL" content="/">
  97.  
  98. <meta name="text:Link 2 Title" content=""/>
  99.  
  100. <meta name="text:Link 3 URL" content=""/>
  101.  
  102. <meta name="text:Link 3 Title" content=""/>
  103.  
  104. <meta name="text:Link 4 URL" content=""/>
  105.  
  106. <meta name="text:Link 4 Title" content=""/>
  107.  
  108.  
  109. <script src="http://static.tumblr.com/rzl30kg/eAxm7a751/jquery.style-my-tooltips.js"></script>
  110. <script>
  111. (function($){
  112. $(document).ready(function(){
  113. $("[title]").style_my_tooltips({
  114. tip_follows_cursor:true,
  115. tip_delay_time:200,
  116. tip_fade_speed:300
  117. }
  118. );
  119. });
  120. })(jQuery);
  121. </script>
  122.  
  123.  
  124.  
  125. <style type="text/css">
  126.  
  127. #s-m-t-tooltip{
  128. max-width:300px;
  129. margin:15px;
  130. padding:2px 8px;
  131. border:1px solid #DDD;
  132. border-radius:4px;
  133. background:#FFF;
  134. color:#AAA;
  135. z-index:999999;
  136. font-size:8px;
  137. font-style:italic;
  138. text-transform:lowercase;
  139. box-shadow:1px 1px 3px rgba(0,0,0,.1);}
  140.  
  141. #scrollToTop:link,#scrollToTop:visited {
  142. color: transparent;
  143. background-color: transparent;
  144. display: none;
  145. position: fixed;
  146. bottom: 5px;
  147. right: 15px; }
  148.  
  149.  
  150.  
  151. iframe#tumblr_controls{
  152. top: 1px !important;
  153. margin: 0 0 0 0;
  154. right: 6px !important;
  155. position: fixed !important;
  156. }
  157.  
  158.  
  159.  
  160. ::-webkit-scrollbar {width: 5px; height: 4px; background: white; }
  161.  
  162.  
  163.  
  164. ::-webkit-scrollbar-thumb { background-color:black; }
  165.  
  166.  
  167.  
  168. a {color:;text-decoration:none;-webkit-transition: all 0.7s ease-out;-moz-transition: all 0.7s ease-out;transition: all 0.7s ease-out;}
  169.  
  170.  
  171.  
  172. #tumblr_controls{
  173.  
  174. position:fixed !important;
  175.  
  176. }
  177.  
  178.  
  179.  
  180.  
  181.  
  182. body {
  183. background-color:{color:background};
  184.  
  185. background-image: url({image:Left Background}), url({image:Right Background});
  186.  
  187. background-attachment: fixed;
  188.  
  189. background-position: bottom 0px left 0px, bottom 0px right 0px;
  190.  
  191. background-repeat: no-repeat;
  192.  
  193. background-size: auto;
  194.  
  195. padding: 0px;
  196.  
  197. margin: 0px;
  198.  
  199. color:{color:text};
  200.  
  201. font-family: consolas;
  202.  
  203. text-transform:uppercase;
  204.  
  205. font-size: 8px;
  206.  
  207. letter-spacing:1px;
  208.  
  209. line-height:9px;
  210.  
  211. text-align: left;
  212. }
  213.  
  214.  
  215.  
  216. a:link, a:active, a:visited{
  217.  
  218. color:{color:link};
  219.  
  220. text-decoration: none;
  221.  
  222. -webkit-transition: color 0.4s ease-out;
  223.  
  224. -moz-transition: color 0.4s ease-out;
  225.  
  226. }
  227.  
  228.  
  229.  
  230. a:hover{
  231.  
  232. color:{color:Hover};
  233.  
  234. -webkit-transition: color 0.4s ease-out;
  235.  
  236. -moz-transition: color 0.4s ease-out;
  237.  
  238. }
  239.  
  240.  
  241.  
  242.  
  243.  
  244. .entry {
  245.  
  246. float:left;
  247.  
  248. text-align: left;
  249.  
  250. padding:20px;
  251.  
  252. {block:IndexPage}
  253.  
  254. width:350px;
  255.  
  256. {/block:IndexPage}
  257.  
  258. {block:PermalinkPage}
  259.  
  260. width:350px;
  261.  
  262. margin-left:-30px;
  263.  
  264. margin-top:60px;
  265.  
  266. {/block:PermalinkPage}
  267.  
  268. }
  269.  
  270.  
  271.  
  272.  
  273. blockquote {
  274.  
  275. padding-left:5px;
  276.  
  277. padding-top:3px;padding-right:5px;
  278.  
  279. padding-bottom:3px;margin-left:0px;margin-right:0px;
  280.  
  281. border-left: 2px solid #e4e4e4;
  282.  
  283. }
  284.  
  285.  
  286.  
  287.  
  288.  
  289.  
  290. .entry .permalink{
  291.  
  292.  
  293. padding:8px;
  294.  
  295. opacity:0.0;
  296.  
  297. font-size: 9px;
  298.  
  299. line-height:11px;
  300.  
  301. background-color:#fff;
  302.  
  303. text-transform:uppercase;
  304.  
  305. border-bottom:1px solid #eee;
  306.  
  307. border-radius:3px;
  308.  
  309. font-style:italic;
  310.  
  311. }
  312.  
  313.  
  314.  
  315. .entry:hover .permalink{
  316.  
  317. opacity:1.0;
  318.  
  319. margin-top:28px;
  320.  
  321. background-color:white;
  322.  
  323.  
  324.  
  325.  
  326. }
  327.  
  328. #titlebar{
  329.  
  330. z-index:999999999999999;
  331.  
  332. position:fixed;
  333.  
  334. width:140px;
  335.  
  336. color:{color:text};
  337.  
  338. z-index:10;
  339.  
  340. overflow:hidden;
  341.  
  342. text-align:center;
  343.  
  344. margin-left:40px;
  345.  
  346. margin-top:60px;
  347.  
  348. background-color:{color:Background};
  349.  
  350.  
  351.  
  352. }
  353.  
  354.  
  355. img{
  356.  
  357. {block:IndexPage}
  358.  
  359. max-width:350px;
  360. border: solid 1px {color:borders};
  361. padding:3px;
  362.  
  363. {/block:IndexPage}
  364.  
  365. }
  366.  
  367.  
  368.  
  369.  
  370. #posts {
  371.  
  372. width: 350px;
  373.  
  374. margin-left:220px;
  375.  
  376. margin-top:0px;
  377.  
  378. padding:12px;
  379.  
  380.  
  381.  
  382. }
  383.  
  384. .imglinks{
  385. width:130px;
  386. margin-top:-20px;
  387. padding:2px;
  388. text-align:center;}
  389.  
  390.  
  391. .entry .textperma{
  392.  
  393. display: block;
  394.  
  395. text-transform: lowercase;
  396.  
  397. text-align:center;
  398.  
  399. font-style:italic;
  400.  
  401. opacity:0.0;
  402.  
  403. margin: 2px;
  404.  
  405. margin-top:-15px;
  406.  
  407. -webkit-transition-duration:0.6s;
  408.  
  409. }
  410.  
  411.  
  412.  
  413. .entry:hover .textperma{
  414.  
  415. opacity:1.0;
  416.  
  417. margin-top:0px;
  418.  
  419. margin: 2px;
  420.  
  421. }
  422.  
  423.  
  424.  
  425. .title{
  426.  
  427. font-family:amatic;
  428.  
  429. font-size:22px;
  430.  
  431. line-height:27px;
  432.  
  433. color: {color:post title};
  434.  
  435. font-weight: normal;
  436.  
  437. }
  438.  
  439.  
  440.  
  441. .description{
  442. font-family:"consolas";
  443. border-top:1px solid #eee;
  444. padding:5px;
  445. color:{color:blog title};
  446. background-color:{color:titlebar};
  447. margin-top:-4px;
  448. text-transform:lowercase;
  449. letter-spacing:1px;
  450. font-size: 8px}
  451.  
  452. @font-face { font-family: "amatic";src: url('http://static.tumblr.com/u37ad6e/GKZmr4tgx/amaticsc-regular.ttf');,}
  453.  
  454. @font-face{font-family:Brain Flower;src:url(http://static.tumblr.com/9wzbixa/qvjmifp1n/brain_flower.ttf);}
  455.  
  456. </style>
  457.  
  458.  
  459.  
  460. {block:IndexPage}
  461.  
  462. <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/iBElrgjim/jquerymasonry.js"></script>
  463.  
  464. <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/Qyblrgjfn/jqueryinfintescroll.js"></script>
  465.  
  466.  
  467.  
  468. <script type="text/javascript">
  469.  
  470. $(window).load(function () {
  471.  
  472. var $content = $('#posts');
  473.  
  474. $content.masonry({itemSelector: '.entry'}),
  475.  
  476. $content.infinitescroll({
  477.  
  478. navSelector : 'div#pagination',
  479.  
  480. nextSelector : 'div#pagination a#nextPage',
  481.  
  482. itemSelector : '.entry',
  483.  
  484. loading: {
  485.  
  486. finishedMsg: '',
  487.  
  488. img: 'http://static.tumblr.com/dbek3sy/pX1lrx8xv/ajax-loader.gif'
  489.  
  490. },
  491.  
  492. bufferPx : 600,
  493.  
  494. debug : false,
  495.  
  496. },
  497.  
  498. // call masonry as a callback.
  499.  
  500. function( newElements ) {
  501.  
  502. var $newElems = $( newElements );
  503.  
  504. $newElems.hide();
  505.  
  506. // ensure that images load before adding to masonry layout
  507.  
  508. $newElems.imagesLoaded(function(){
  509.  
  510. $content.masonry( 'appended', $newElems, true, function(){$newElems.fadeIn(300);} );
  511.  
  512.  
  513.  
  514.  
  515.  
  516. });
  517.  
  518. });
  519.  
  520. });
  521.  
  522. </script>
  523.  
  524.  
  525.  
  526.  
  527.  
  528.  
  529.  
  530. {/block:IndexPage}
  531.  
  532.  
  533.  
  534. <title>{title}</title>
  535.  
  536.  
  537.  
  538. <link rel="shortcut icon" href="http://media.tumblr.com/368da0c17baf1aa799edca315159fba7/tumblr_inline_mqsby8a58G1qz4rgp.gif">
  539.  
  540. <meta name="viewport" content="width=820" />
  541.  
  542.  
  543.  
  544.  
  545.  
  546. </head>
  547.  
  548.  
  549.  
  550. <body>
  551.  
  552.  
  553.  
  554.  
  555.  
  556.  
  557.  
  558. <div id="titlebar">
  559.  
  560.  
  561. <div style='font-size:27px; text-align:center; font-family:amatic;background-color:{color:titlebar}; color:{color:blog title}; text-align:center; text-transform:uppercase; letter-spacing:2px;padding:10px'>{title}</div><br>
  562. <br>
  563. <div class="imglinks">
  564.  
  565. <a href="{text:Link 1 URL}" title={text:Link 1 Title}><img src="http://i42.tinypic.com/2wg57yu.gif"></a>
  566. <a href="{text:Link 2 URL}" title={text:Link 2 Title}><img src="http://i42.tinypic.com/2wg57yu.gif"></a>
  567. <a href="{text:Link 3 URL}" title={text:Link 3 Title}><img src="http://i42.tinypic.com/2wg57yu.gif"></a>
  568. <a href="{text:Link 4 URL}" title={text:Link 4 Title}><img src="http://i42.tinypic.com/2wg57yu.gif"></a>
  569. <a href=”http://cauliflorus.tumblr.com” title="credit"><img src="http://i42.tinypic.com/2wg57yu.gif"></a>
  570.  
  571.  
  572. </div>
  573. <div class="description">
  574. {description}</div>
  575.  
  576. </div>
  577.  
  578.  
  579.  
  580. <div class="content">
  581.  
  582.  
  583.  
  584. <div class="left">
  585.  
  586.  
  587.  
  588. <div id="posts">
  589.  
  590.  
  591.  
  592. {block:Posts}
  593.  
  594. <div class="entry">
  595.  
  596.  
  597.  
  598. {block:Text}
  599.  
  600. {block:Title}<span class="title">{Title}</span>{/block:Title}
  601.  
  602. <span class="entrytext">{Body}</span></a>
  603.  
  604. {/block:Text}
  605.  
  606.  
  607.  
  608. {block:Link}
  609.  
  610. <a href="{URL}" class="title">{Name}</a>
  611.  
  612. {block:Description}{Description}{/block:Description}
  613.  
  614. {block:Link}
  615.  
  616.  
  617.  
  618. {block:Photo}
  619.  
  620. {block:IndexPage}{LinkOpenTag}
  621.  
  622. <div class="photo"><a href="{permalink}"><img class="photo" src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="350"/></a></div>{LinkCloseTag}{/block:IndexPage}
  623.  
  624. {block:PermalinkPage}{LinkOpenTag}<a href="{permalink}"><img class="photo" src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="350"/></a>{LinkCloseTag}{/block:PermalinkPage}
  625.  
  626. {block:IndexPage}
  627.  
  628. {/block:IndexPage}
  629.  
  630. {/block:Photo}
  631.  
  632.  
  633.  
  634. {block:Photoset}
  635.  
  636. <center>{Photoset-250}</center></span>
  637.  
  638. {/block:Photoset}
  639.  
  640.  
  641.  
  642. {block:Quote}
  643.  
  644. <span class="title">{Quote}</span><br />
  645.  
  646. {block:Source}{Source}{/block:Source}
  647.  
  648. {/block:Quote}
  649.  
  650.  
  651.  
  652. {block:Chat}
  653.  
  654. {block:Title}<span class="title">{Title}</span>{/block:Title}
  655.  
  656. {block:Lines}
  657.  
  658. <li class="user_{UserNumber}">
  659.  
  660. {block:Label}
  661.  
  662. <b><span class="label">{Label}</b></span>
  663.  
  664. {/block:Label}
  665.  
  666.  
  667.  
  668. {Line}
  669.  
  670. </li>
  671.  
  672. {/block:Lines}
  673.  
  674. </ul>
  675.  
  676. {/block:Chat}
  677.  
  678.  
  679.  
  680. {block:Audio}{AudioPlayergrey}{block:Caption}{Caption}{/block:Caption}{/block:Audio}
  681.  
  682. {block:IndexPage}
  683.  
  684. <div class="textperma"><a href="{Permalink}">{NoteCountWithLabel}</a> · <a href="{Permalink}">{DayofMonth} {ShortMonth}</a></span></a></div>
  685.  
  686. {/block:IndexPage}
  687.  
  688. {/block:Audio}
  689.  
  690.  
  691.  
  692. {block:Video}
  693.  
  694. <center>
  695.  
  696. <div class="videoperma">{Video-250}</div><BR>
  697.  
  698. {block:Caption}{Caption}</a>{/block:Caption}</center>
  699.  
  700. {block:Video}
  701.  
  702.  
  703.  
  704. {block:PermalinkPage}
  705.  
  706. <center>
  707.  
  708. {block:Caption}{Caption}{/block:Caption}{block:NoteCount}{NoteCountWithLabel}{/block:NoteCount}{block:HasTags} &middot; {block:Tags}<a href="TagURL"> #{Tag}</a> {/block:Tags}{/block:hasTags}</center>
  709.  
  710.  
  711.  
  712. {/block:PermalinkPage}
  713.  
  714.  
  715.  
  716. {block:PostNotes}{PostNotes}
  717.  
  718. {/block:PostNotes}
  719.  
  720. </div>
  721.  
  722.  
  723.  
  724. {/block:Posts}
  725.  
  726. </div>
  727.  
  728. </div>
  729.  
  730. {block:IndexPage}
  731.  
  732. {block:Pagination}
  733.  
  734. <div id="pagination">
  735.  
  736. {block:NextPage}
  737.  
  738. <a id="nextPage" href="{NextPage}"> </a>
  739.  
  740. {/block:NextPage}
  741.  
  742. {block:PreviousPage}
  743.  
  744. <a href="{PreviousPage}"> </a>
  745.  
  746. {/block:PreviousPage}
  747.  
  748. </div>
  749.  
  750. {/block:Pagination}
  751.  
  752. {/block:IndexPage}
  753.  
  754. </div>
  755.  
  756. </body>
  757.  
  758.  
  759. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
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!