API tools faq
paste
Advertisement
realjunko

Late Touch

realjunko
Dec 23rd, 2014
889
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 16.33 KB | None | 0 0
raw download clone embed print report
  1. <!--
  2. late touch theme by jolyene
  3. please do not remove the credit or redistribute as your own
  4. thank you
  5.  
  6. -->
  7.  
  8. <html lang="en">
  9. <head>
  10.  
  11. <meta name="image:Background" content="http://static.tumblr.com/4d8b0e8559691f86cfff2cdf9e8b3629/y2bzaee/h45n5qb7o/tumblr_static_pjq7igmim2o44o4sg0gkg00k.jpg"/>
  12.  
  13. <meta name="image:Sidebarimg" content="https://secure.static.tumblr.com/77b7b81e1caecb28fe88707b876685d3/y2bzaee/EALnh1mzz/tumblr_static_79xssl5d7i80kk4wg8o4c4ks4.gif"/>
  14. <meta name="color:Background" content="#FFFFFF"/>
  15. <meta name="color:Blog Title" content="#999999"/>
  16. <meta name="color:Link" content="#555555"/>
  17. <meta name="color:Hover" content="#999999"/>
  18. <meta name="color:Text" cofntent="#777777"/>
  19. <meta name="color:description" content="#777777"/>
  20. <meta name="color:borders" content="#777777"/>
  21. <meta name="if:player" content="1"/>
  22. <meta name="if:grid post" content="1"/>
  23. <meta name="text:Link 1" content="/"/>
  24. <meta name="text:Link 1 Title" content="link"/>
  25. <meta name="text:Link 2" content="/"/>
  26. <meta name="text:Link 2 Title" content="link"/>
  27. <meta name="text:Link 3" content="/"/>
  28. <meta name="text:Link 3 Title" content="link"/>
  29.  
  30.  
  31. <title>{Title}</title>
  32. {block:Description}
  33. <meta name="description" content="{MetaDescription}" />
  34. {/block:Description}
  35. <link rel="shortcut icon" href="{Favicon}">
  36.  
  37.  
  38.  
  39. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  40.  
  41. <script src="http://static.tumblr.com/7qjmkr5/IUmmdsy41/jquery.style-my-tooltips.js"></script>
  42. <script>
  43. (function($){$(document)
  44. .ready(function(){$("[title]")
  45. .style_my_tooltips();});})
  46. (jQuery);
  47. </script>
  48.  
  49. {block:IndexPage}
  50. <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/iBElrgjim/jquerymasonry.js"></script>
  51. <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/Qyblrgjfn/jqueryinfintescroll.js"></script>
  52.  
  53. <script type="text/javascript">
  54. $(window).load(function(){
  55. var $wall = $('#entries');
  56. $wall.imagesLoaded(function(){
  57. $wall.masonry({
  58. itemSelector: '#post, #post_photo',
  59. isAnimated : false
  60. });
  61. });
  62.  
  63. $wall.infinitescroll({
  64. navSelector : '#pagination',
  65. nextSelector : '#pagination a',
  66. itemSelector : '#post, #post_photo',
  67. bufferPx : 2000,
  68. debug : false,
  69. errorCallback: function() {
  70. $('#scroll').fadeOut('normal');
  71. }},
  72. function( newElements ) {
  73. var $newElems = $( newElements );
  74. $newElems.hide();
  75. $newElems.imagesLoaded(function(){
  76. $wall.masonry( 'appended', $newElems,{isAnimated: false}, function(){$newElems.fadeIn('slow');} );
  77. });
  78. }); $('#entries').show(500);
  79. });
  80. </script>
  81. {/block:IndexPage}
  82.  
  83.  
  84.  
  85. <style type="text/css">
  86.  
  87.  
  88.  
  89.  
  90. body{
  91. margin:0px;
  92. background-color: {color:Background};
  93. background-image:url({image:Background});
  94. background-attachment:fixed;
  95. background-repeat:100%;
  96. background-position:bottom-right;
  97. font-family: Calibri;
  98. font-size:8px;
  99. letter-spacing:1px;
  100. text-transform:uppercase;
  101. text-align:left;
  102. line-height:11px;
  103. color: {color:Text};}
  104.  
  105.  
  106. a:link, a:active, a:visited{
  107. text-decoration: none;
  108. color: {color:Link};}
  109.  
  110. a:hover {
  111. color:{color:Link};
  112. text-decoration:none;}
  113.  
  114. /************EDIT TOOLTIP HERE************/
  115.  
  116.  
  117. #s-m-t-tooltip {
  118. padding: 7px;
  119. height:auto;
  120. display: none;
  121. font-family: consolas;
  122. font-size: 8px;
  123. text-transform:uppercase;
  124. text-align: center;
  125. letter-spacing:1px;
  126. margin-top:10px;
  127. margin-left: 15px;
  128. line-height: 8px;
  129. z-index: 999999999999;
  130. border-radius:3px;
  131. border: 1px solid #f5f5f5;
  132. background:#ffffff;
  133. color: #888;}
  134.  
  135. /************EDIT POST POSITION/WIDTH HERE************/
  136.  
  137. /*To increase the amount of columns, increase the width. To decrease the amount of columns, decrease the width.*/
  138.  
  139. #entries{
  140. text-align:left;
  141. width:580px;
  142. margin-left:70px;
  143. margin-top:10px;
  144. position:relative;
  145. overflow: hidden;
  146. {block:PermalinkPage}
  147. width:550px;
  148. {/block:PermalinkPage}}
  149.  
  150.  
  151.  
  152. /************EDIT OVERALL POSTS HERE************/
  153.  
  154. /*When increasing the amount of columns, you may have to decrease the #post width. Otherwise, to get larger posts, increase the width.*/
  155.  
  156. #post{
  157.  
  158.  
  159. text-align:left;
  160. margin:20px;
  161.  
  162. border:{color:borders} 1px solid;
  163. padding:20px;
  164. border-radius:2px;
  165. padding-bottom:18px;
  166. background:#ffffff;
  167. max-width: 100%;
  168. display:block
  169. ;
  170.  
  171. -webkit-transition: all .6s ease-in;
  172. -moz-transition: all .6s ease-in;
  173. transition: all .6s ease-in;
  174. overflow:hidden;
  175. width:180px;
  176. {block:PermalinkPage}
  177. width:180px;
  178. {/block:PermalinkPage}}
  179. #player {
  180. position:fixed;
  181. z-index:999;
  182. top:0px;
  183. left:-265px;
  184. opacity:0.6;
  185. height:auto;
  186. padding:4px 8px 3px 2px;
  187. letter-spacing:2px;
  188. background-color:#fff;
  189. -moz-border-radius:0px 0px 10px 0px;
  190. border-radius:0px 0px 10px 0px;
  191. -webkit-transition: opacity 1s linear;
  192. -webkit-transition: all 1s ease-in-out;
  193. -moz-transition: all 1s ease-in-out;
  194. -o-transition: all 1s ease-in-out;
  195. border-bottom: 1px solid #f5f5f5;
  196. }
  197.  
  198. #mus {
  199. float:left;
  200. padding-left:120px;
  201. -webkit-transition: opacity 1s linear;
  202. -webkit-transition: all 1s ease-in-out;
  203. -moz-transition: all 1s ease-in-out;
  204. -o-transition: all 1s ease-in-out;
  205. }
  206.  
  207. #player:hover #mus {
  208. padding-left:0px;
  209. opacity:0;
  210. }
  211.  
  212. #player:hover {
  213. left:0px;
  214. }
  215.  
  216. /*Do not delete #post img.*/
  217.  
  218. #post img{
  219. max-width:100%;}
  220.  
  221.  
  222.  
  223. .photopermalink{
  224. padding: 4px;
  225. line-height:10px;
  226. position: absolute;
  227. text-align:center;
  228. opacity:0;
  229. margin-top:-10px;
  230. width:180px;
  231. background: #fff;
  232. z-index:99999;
  233. -webkit-transition: all 0.6s ease;
  234. -moz-transition: all 0.6s ease;
  235. transition: all 0.6s ease;}
  236.  
  237. .photopermalink a{
  238. color:#cccccc;
  239. text-transform:uppercase;}
  240.  
  241. #post:hover .photopermalink{
  242. margin-top:0px;
  243. opacity:.9;}
  244.  
  245. .permalink{
  246. margin-top:6px;
  247. padding-top:4px;
  248. border-top:1px solid #f5f5f5;
  249. text-align:right;}
  250. .permalink a{
  251. color:#000000;
  252. text-transform:uppercase;
  253. line-height:15px;}
  254.  
  255.  
  256. /*Edit the titles on any text-based post.*/
  257.  
  258. .posttitle{
  259. font-size:10px;
  260. text-align:center;
  261. color:{color:Link};}
  262.  
  263. .posttitle a{
  264. color:{color:Link};}
  265.  
  266.  
  267.  
  268.  
  269. /************EDIT QUOTE POSTS HERE************/
  270.  
  271. .quote{
  272. margin-right: 5px;}
  273.  
  274. .source{
  275. padding-top:5px;
  276. display:block;
  277. text-align:right;}
  278.  
  279. #image{
  280. position:fixed; margin-top:-88px; margin-left:0px; z-index:300;
  281. }
  282.  
  283. #image img{
  284. width:80px;
  285. height:80px; background:{color:post bg}; border:3px double {color:border}; -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px;
  286. }
  287. #desc { background:{color:description bg}; padding:4px; -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px; font-size:9px; line-height:11px; }
  288.  
  289. /************EDIT ANSWER POSTS HERE************/
  290.  
  291. .ask{
  292. padding:4px;
  293. background:#f9f9f9;}
  294. .asker{
  295. color:{color:Link};}
  296. .answer{
  297. margin-top:10px;}
  298.  
  299. /************EDIT AUDIO POSTS HERE************/
  300.  
  301. .audio{
  302. {block:IndexPage}width:180px;{/block:IndexPage}
  303. {block:PermalinkPage}width:239px;{/block:PermalinkPage};}
  304. .info{
  305. padding:2px 0px 1px 57px;}
  306. .i {
  307. text-transform:uppercase;
  308. letter-spacing:1px;
  309. font-size:8px;}
  310. .pl b,strong{
  311. text-transform:lowercase;
  312. font-size:9px;}
  313. .player{
  314. position:absolute;
  315. overflow:hidden;
  316. margin-top:0px;
  317. margin-left:15px;
  318. background:#ffffff;
  319. width:24px;
  320. height:23px;}
  321.  
  322. /************EDIT VIDEO POSTS HERE************/
  323. /***********DO NOT DELETE THIS CODE************/
  324.  
  325. .video-container {
  326. position:relative;
  327. padding-bottom:56.25%;
  328. padding-top: 30px;
  329. height:0;
  330. overflow:hidden;}
  331.  
  332. .video-container iframe,
  333. .video-container object,
  334. .video-container embed {
  335. position: absolute;
  336. top: 0;
  337. left: 0;
  338. width: 100%;
  339. height: 100%;}
  340.  
  341. /************EDIT CHAT POSTS HERE************/
  342.  
  343. .chat{
  344. line-height:12px;
  345. list-style:none;}
  346. .chat ul{
  347. list-style:none;
  348. padding:0px 5px;
  349. line-height:15px;}
  350. .label{
  351. color:{color:Link};}
  352.  
  353. /************EDIT SIDEBAR HERE************/
  354.  
  355.  
  356. #sidebar{
  357. position:fixed;
  358. margin-top:150px;
  359. margin-left:-350px;
  360. }
  361. #side{
  362. position:fixed;
  363. margin-top:10px;
  364. margin-left:120px;
  365. font-size:8px;
  366. text-transform:uppercase;
  367. border-left:0px solid {color:Borders};
  368. }
  369.  
  370.  
  371. #title{
  372. width:165px;
  373. margin-top:15px;
  374. font-size:11px;
  375.  
  376. text-align:right;
  377. letter-spacing:1px;
  378. color:{color:Blog Title};
  379. font-style:italic;
  380. border-bottom:1px solid {color:Borders};
  381. }
  382.  
  383. #description{
  384. margin-top:5px;
  385. font-size:8px;
  386. text-transform:uppercase;
  387. width:165px;
  388. color:{color:Description};
  389. }
  390.  
  391. /************EDIT TEXT SETTINGS HERE************/
  392.  
  393. i, em{
  394. color:{color:Link};}
  395. b, strong{
  396. font-weight:normal;
  397. text-transform:uppercase;
  398. color:{color:Link};}
  399. ul,ol{
  400. margin:0px;
  401. margin-left:-5px;}
  402. p{
  403. padding:0px;
  404. margin:2px;}
  405. u{
  406. text-decoration:none;
  407. color:{color:Title};}
  408.  
  409. blockquote {
  410. margin:0px;
  411. padding:4px;
  412. background:#f7f7f7;}
  413.  
  414. /************DO NOT DELETE #SCROLL************/
  415.  
  416. #scroll{
  417. bottom:-20px;
  418. position: absolute;
  419. left: 50%;
  420. width:10px;
  421. height:5px;
  422. overflow:hidden;
  423. margin-bottom:80px;}
  424.  
  425. /************EDIT CREDIT HERE************/
  426.  
  427. #credit{
  428. position:fixed;
  429. right:10px;
  430. bottom:10px;
  431. text-transform:uppercase;
  432. font-family:Calibri;
  433. font-size:8px;}
  434.  
  435. #credit a{
  436. color:#aaaaaa;}
  437.  
  438. #sidepic img {
  439. width:60px;
  440. height:60px;
  441. padding:2;
  442. background:{color:post bg};
  443. border:3px double {color:border};
  444. -webkit-border-radius:2px;
  445. -moz-border-radius:2px;
  446. border-radius:2px;
  447. }
  448.  
  449. #sidebar #sidelinks {
  450. position:fixed;
  451. margin-top:-70px;
  452. margin-left:91px;
  453. z-index:301;
  454. text-transform:uppercase;
  455. font-size:8px;
  456. line-height:8px;
  457. letter-spacing:1px;
  458. width:60px;
  459.  
  460. }
  461.  
  462. #sidelinks a {
  463. border:0px {color:border};
  464. display:block;
  465. margin-bottom:3px;
  466. padding:0px 1px 0px 2px;
  467. text-align:left;
  468. background:{color:sidelink bg};
  469. color:{color:sidelink};
  470. -webkit-border-radius:2px;
  471. -moz-border-radius:2px;
  472. border-radius:2px;
  473. -webkit-transition:all 0.3s ease-in-out;
  474. -moz-transition:all 0.3s ease-in-out;
  475. -o-transition:all 0.3s ease-in-out;
  476. transition:all 0.3s ease-in-out;
  477. }
  478.  
  479. #sidelinks a:hover {
  480. background:{color:sidelink bg hover};
  481. }
  482.  
  483.  
  484.  
  485.  
  486.  
  487.  
  488. </style>
  489. </head>
  490.  
  491. <body>
  492.  
  493.  
  494. <center>
  495.  
  496. <div id="entries">
  497.  
  498.  
  499.  
  500.  
  501. <div id="sidebar">
  502. <div id="side">
  503. <div id="image"><img src="{image:sidebarimg}"</a></div>
  504. <div id="sidelinks"><a href="/">+ home</a> <a href="/ask">+ inbox</a> <a href="/archive">+ past</a><a href="{text:link1}">+ {text:link 1 title}</a><a href="{text:link 2}">+ {text:link 2 title}</a><a href="{text:link3}">+ {text:link 3 title}</a></div>
  505.  
  506. <div id="title">{Title}</div>
  507. <div id="description">{Description}</div>
  508.  
  509.  
  510. </div>
  511. </div>
  512.  
  513.  
  514. {block:Posts}
  515.  
  516.  
  517.  
  518. {block:ContentSource}
  519. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  520. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  521. {/block:SourceLogo}
  522. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  523. {/block:ContentSource}
  524.  
  525. <div id="post">
  526.  
  527.  
  528.  
  529. {block:Text}
  530. <div class="text">
  531. <div class="posttitle">{block:Title}{Title}{/block:Title}</div>
  532. {Body}{block:IndexPage}<div class="photopermalink"><a href="{ReblogURL}"><img src="http://static.tumblr.com/3yblkz0/MOJn2c3w8/reb.png"</a></a> / <a href="{Permalink}">{NoteCount}</a>
  533. </div>{/block:IndexPage}</div>
  534. {/block:Text}
  535.  
  536.  
  537.  
  538. {block:Link}
  539. <a href="{URL}"><div class="posttitle">{Name}</div></a>
  540. {block:Description}{Description}{/block:Description}
  541. {block:IndexPage}<div class="photopermalink"><a href="{ReblogURL}"><img src="http://static.tumblr.com/3yblkz0/MOJn2c3w8/reb.png"</a></a> / <a href="{Permalink}">{NoteCount}</a>
  542. </div>{/block:IndexPage}
  543. {/block:Link}
  544.  
  545.  
  546.  
  547. {block:Photo}
  548. {block:IndexPage}
  549. <img src="{PhotoURL-250}" alt="{PhotoAlt}" width="200px"/>{/block:IndexPage}<div class="photopermalink"><a href="{ReblogURL}"><img src="http://static.tumblr.com/3yblkz0/MOJn2c3w8/reb.png"</a></a> / <a href="{Permalink}">{NoteCount}</a>
  550. </div>{block:PermalinkPage}<img src="{PhotoURL-500}" alt="{PhotoAlt}" />{/block:PermalinkPage}</a>
  551. {/block:Photo}
  552.  
  553.  
  554.  
  555. {block:Photoset}
  556. {block:IndexPage}{block:Photos}<a href="{Permalink}"><img src="{PhotoURL-500}" /></a>{/block:Photos}<div class="photopermalink"><a href="{ReblogURL}"><img src="http://static.tumblr.com/3yblkz0/MOJn2c3w8/reb.png"</a></a> / <a href="{Permalink}">{NoteCount}</a>
  557. </div>{/block:IndexPage}
  558. {block:PermalinkPage}{Photoset-500}{/block:PermalinkPage}
  559. {/block:Photoset}
  560.  
  561.  
  562. {block:Quote}
  563. {Quote}{block:Source}
  564. <div class="source">{Source}</div>{/block:Source}
  565. {block:IndexPage}
  566. <div class="photopermalink"><a href="{ReblogURL}"><img src="http://static.tumblr.com/3yblkz0/MOJn2c3w8/reb.png"</a></a> / <a href="{Permalink}">{NoteCount}</a>
  567. <a href="{Permalink}">{NoteCount}</a>{/block:IndexPage}</div>
  568. {/block:Quote}
  569.  
  570.  
  571.  
  572. {block:Answer}
  573. <div class="ask"><img src='http://media.tumblr.com/tumblr_lst6x7TvmL1ql555e.gif'</a> <span class="asker">{Asker}:</span> {Question}</div>
  574. <div class="answer">{Answer}</div>
  575. {block:IndexPage}
  576. <div class="photopermalink"><a href="{ReblogURL}"><img src="http://static.tumblr.com/3yblkz0/MOJn2c3w8/reb.png"</a></a> / <a href="{Permalink}">{NoteCount}</a>
  577. </div>{/block:IndexPage}
  578. {/block:Answer}
  579.  
  580.  
  581.  
  582. {block:Chat}
  583. {block:Title}<div class="posttitle">{Title}</div>{/block:Title}
  584. <div class="chat"><ul>{block:Lines}
  585. <li class="person{UserNumber}">{block:Label}
  586. <span class="label">{Label}</span>{/block:Label} {Line}</li>{/block:Lines}</ul></div>{block:IndexPage}<div class="permalink"><a href="{ReblogURL}">Reblog</a> </div>
  587. {/block:IndexPage}
  588. {/block:Chat}
  589.  
  590.  
  591. {block:Audio}<div class="player">{AudioPlayerWhite}</div>
  592. <div class="info"><div class="i"><span{block:TrackName} style="display: none;"{block:TrackName}>Unknown</span>{block:TrackName}{TrackName}{/block:TrackName}</div><div class="i">by<span{block:Artist} style="display: none;"{block:Artist}>Unknown</span> {block:Artist}{Artist}{/block:Artist}</div></div>{block:IndexPage}<div class="photopermalink"><a href="{ReblogURL}"><img src="http://static.tumblr.com/3yblkz0/MOJn2c3w8/reb.png"</a></a> / <a href="{Permalink}">{NoteCount}</a> </div>
  593. {/block:IndexPage}
  594. {/block:Audio}
  595.  
  596.  
  597.  
  598. {block:Video}
  599. {block:IndexPage}<div class="video-container">{Video-250}</div>
  600. <div class="photopermalink"><a href="{ReblogURL}"><img src="http://static.tumblr.com/3yblkz0/MOJn2c3w8/reb.png"</a></a> / <a href="{Permalink}">{NoteCount}</a> </div>{/block:IndexPage}
  601. {block:PermalinkPage}{Video-500}{/block:PermalinkPage}
  602. {/block:Video}
  603.  
  604.  
  605.  
  606. {block:PermalinkPage}
  607. {block:Caption}{Caption}{/block:Caption}
  608. <p>{block:Date} {Month} {DayofMonthWithSuffix}, {Year}{/block:Date} {block:NoteCount}, {NoteCountWithLabel}{/block:NoteCount} {block:RebloggedFrom} , (via <a href="{ReblogParentURL}">{ReblogParentName}</a>){/block:RebloggedFrom}
  609. <div class="permapage">
  610. <div style="margin-top:10px; margin-left:-10px;">{block:PostNotes}{PostNotes}{/block:PostNotes}</div>{/block:PermalinkPage}
  611. </div>
  612. {/block:Posts}
  613. </div>
  614.  
  615. {block:IfPlayer}
  616. <div id="player">
  617. <div style="float:left;width:150px">
  618.  
  619.  
  620. <embed src="http://www.sheepproductions.com/billy/billy.swf?autoplay=true&f0=http://k003.kiwi6.com/hotlink/1upltq5vgf/03_Touch.mp3&t0=&total=1" quality="high" wmode="transparent" width="200" height="10" name="billy" align="middle" type="application/x-shockwave-flash" />
  621.  
  622. </div>
  623. <div id="mus"><img src="http://media.tumblr.com/tumblr_m7vyi1y0lt1r6o8v2.gif" width="10px"></div>
  624. </div>
  625. {/block:IfPlayer}
  626.  
  627.  
  628.  
  629. {block:IndexPage}
  630. {block:Pagination}
  631. <div id="pagination">
  632. {block:NextPage}
  633. <a id="nextPage" href="{NextPage}"></a>
  634. {/block:NextPage}
  635. {block:PreviousPage}
  636. <a href="{PreviousPage}"></a>
  637. {/block:PreviousPage}
  638. </div>
  639. {/block:Pagination}
  640. {/block:IndexPage}
  641. </center>
  642. </body>
  643.  
  644. <!---------------DO NOT REMOVE THIS OR I WILL FIND YOU AND RELEASE 500 MOSQUITOS IN YOUR HOUSE--------------->
  645.  
  646. <div id="credit"><a href="http://jolyene.tumblr.com/">credit</a></div>
  647. </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!