API tools faq
paste
Advertisement
tannyoliveira

15

tannyoliveira
May 28th, 2014
755
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 21.76 KB | None | 0 0
raw download clone embed print report
  1. <!doctype html>s
  2.  
  3. <!--
  4. THEME BASE FULAN-A,
  5. THEME POR SOWSLY NÃO RETIRE OS CREDITOS.
  6. -->
  7.  
  8. <html lang="en">
  9. <head>
  10.  
  11. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  12.  
  13. <link href='http://fonts.googleapis.com/css?family=Ubuntu:300' rel='stylesheet' type='text/css'>
  14. <link href='http://fonts.googleapis.com/css?family=Cantora+One' rel='stylesheet' type='text/css'>
  15. <link href='http://fonts.googleapis.com/css?family=Ropa+Sans' rel='stylesheet' type='text/css'>
  16. <link href='http://fonts.googleapis.com/css?family=Quando' rel='stylesheet' type='text/css'>
  17. <link href='http://fonts.googleapis.com/css?family=Capriola' rel='stylesheet' type='text/css'>
  18.  
  19. <meta charset="utf-8" />
  20.  
  21. <meta name="color:background" content="#fff"/>
  22. <meta name="color:scrollbar" content="#000" />
  23. <meta name="color:scrollbar bg" content="#fff" />
  24. <meta name="color:posts" content="#fff"/>
  25. <meta name="color:text" content="#000"/>
  26. <meta name="color:links" content="#000"/>
  27. <meta name="color:hover" content="#97c5e0"/>
  28. <meta name="color:sidebar" content="#fff"/>
  29. <meta name="image:background" content="" />
  30.  
  31. <meta name="image:sidebar" content="https://31.media.tumblr.com/677ffb6c4ae704cc46927b86c62b3e68/tumblr_n6ao350jHX1tv4x8ho9_250.png" />
  32. <meta name="image:symbols" content="http://static.tumblr.com/ccc1d399e33d01f08feeec6b039a3fbe/xfdj9qk/lgwn5w9e7/tumblr_static_4oph0z7iavc4gcw0gs8ok40s8.png" />
  33.  
  34. <meta name="text:Link1" content="/" />
  35. <meta name="text:Link1 Title" content="ai" />
  36. <meta name="text:Link2" content="/" />
  37. <meta name="text:Link2 Title" content="koe" />
  38. <meta name="text:Link3" content="/" />
  39. <meta name="text:Link3 Title" content="treme" />
  40. <meta name="text:Link4" content="/" />
  41. <meta name="text:Link4 Title" content="maktub" />
  42. <meta name="text:Link5" content="/" />
  43. <meta name="text:Link5 Title" content="uai" />
  44.  
  45. <meta name="if:PostWidth250px" content="1"/>
  46.  
  47.  
  48. <head><script type="text/javascript">
  49. //Created by Title bar Maker (http://www.bosiljak.hr/titlemaker)
  50. function tb8_makeArray(n){
  51. this.length = n;
  52. return this.length;
  53. }
  54. tb8_messages = new tb8_makeArray(1);
  55. tb8_messages[0] = "{Title}";
  56. tb8_rptType = 'infinite';
  57. tb8_rptNbr = 5;
  58. tb8_speed = 100;
  59. tb8_delay = 2000;
  60. var tb8_counter=1;
  61. var tb8_currMsg=0;
  62. var tb8_tekst ="";
  63. var tb8_i=0;
  64. var tb8_TID = null;
  65. function tb8_pisi(){
  66. tb8_tekst = tb8_tekst + tb8_messages[tb8_currMsg].substring(tb8_i, tb8_i+1);
  67. document.title = tb8_tekst;
  68. tb8_sp=tb8_speed;
  69. tb8_i++;
  70. if (tb8_i==tb8_messages[tb8_currMsg].length){
  71. tb8_currMsg++; tb8_i=0; tb8_tekst="";tb8_sp=tb8_delay;
  72. }
  73. if (tb8_currMsg == tb8_messages.length){
  74. if ((tb8_rptType == 'finite') && (tb8_counter==tb8_rptNbr)){
  75. clearTimeout(tb8_TID);
  76. return;
  77. }
  78. tb8_counter++;
  79. tb8_currMsg = 0;
  80. }
  81. tb8_TID = setTimeout("tb8_pisi()", tb8_sp);
  82. }
  83. tb8_pisi()
  84. </script>
  85. </script>
  86. <link rel="shortcut icon" href="{Favicon}">
  87. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  88. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  89.  
  90. <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  91. <style type="text/css">
  92.  
  93.  
  94. /***----------------- follow branco -------------***/
  95.  
  96. iframe#tumblr_controls { white-space:nowrap; -webkit-filter: invert(100%); -moz-filter: invert(100%); -o-filter: invert(100%); -ms-filter: invert(100%); filter: invert(100%); opacity:.2;transition: .8s ease-in-out; -webkit-transition: .8s ease-in-out;-moz-transition: .8s ease-in-out;-o-transition: .8s ease-in-out; }
  97.  
  98. /** Scrollbar, sowsly **/
  99.  
  100. ::-webkit-scrollbar {width: 7px; height: 4px; background: {color:background};}
  101. ::-webkit-scrollbar-thumb { background-color: {color:scrollbar};}
  102.  
  103.  
  104.  
  105. /** Basic Styles **/
  106.  
  107. body {
  108. font-size: 12px;
  109. font-family: Ropa Sans, Arial, sans-serif;
  110. color:{color:text};
  111. letter-spacing:0px;
  112. line-height:14px;
  113. background:{color:Background} url('{image:Background}') repeat fixed center top;
  114. margin:0px;
  115. }
  116. a {
  117. color:{color:links};
  118. text-decoration:none;
  119. -webkit-transition: all 0.2s linear;
  120. -moz-transition: all 0.2s linear;
  121. transition: all 0.2s linear;
  122. }
  123. a:hover {
  124. {block:IfUnderlineLinks}
  125. text-decoration:underline;
  126. {/block:IfUnderlineLinks}
  127. -webkit-transition: all 0.2s linear;
  128. -moz-transition: all 0.2s linear;
  129. transition: all 0.2s linear;
  130. color:{color:hover};
  131. }
  132. a:active {
  133. outline:none;
  134. }
  135. a:focus {
  136. -moz-outline-style: none;
  137. }
  138. :-moz-any-link:focus {
  139. outline: none;
  140. }
  141. h1 {
  142. margin: 10px 0;
  143. font-size:18px;
  144. line-height:18px;
  145. font-weight:normal;
  146. }
  147. p {
  148. margin: 10px 0;
  149. }
  150. ol, ul{
  151. margin: 10px 0;
  152. padding-left:25px;
  153. }
  154. blockquote {
  155. margin: 10px 0;
  156. padding-left:10px;
  157. border-left:{color:text} 1px solid;
  158. }
  159. img {
  160. vertical-align: bottom;
  161. }
  162. hr {
  163. color:{color:text};
  164. background-color:{color:text};
  165. height:1px;
  166. border:0;
  167. }
  168. .transition{
  169. -webkit-transition: all 0.2s linear;
  170. moz-transition: all 0.2s linear;
  171. transition: all 0.2s linear;
  172. }
  173.  
  174.  
  175.  
  176.  
  177.  
  178.  
  179. /** Posts **/
  180.  
  181. #container{
  182. width:540px{/block:IfPostWidth250px}
  183. {/block:If2Columns};
  184. {block:IfNot1Column}
  185. {block:PermalinkPage}
  186. width:520px;
  187. {/block:PermalinkPage}
  188. {/block:IfNot1Column}
  189. padding:5px;
  190. margin-left:360px;
  191. {block:IfSwitchSidebar}
  192. margin-left:0;
  193. {/block:IfSwitchSidebar}
  194. }
  195. #relativity {
  196. position:relative;
  197. width:100%;height:100%;
  198. }
  199. .entry {
  200. overflow:hidden;
  201. background:#fff;
  202. margin:5px;
  203. width:
  204. {block:IfPostWidth500px}500px{/block:IfPostWidth500px}
  205. {block:IfPostWidth250px}250px{/block:IfPostWidth250px};
  206. {block:IfNot1Column}
  207. {block:PermalinkPage}width:500px;{/block:PermalinkPage}
  208. {/block:IfNot1Column}
  209. padding:4px;
  210. float:left;
  211. position:relative;
  212. border:0px solid {color:border};
  213. {block:IfBoxShadow}
  214. box-shadow: 0 0 {text:ShadowSpread}px rgba(0,0,0,{text:ShadowOpacity});
  215. -moz-box-shadow: 0 0 {text:ShadowSpread}px rgba(0,0,0,{text:ShadowOpacity});
  216. -webkit-box-shadow: 0 0 {text:ShadowSpread}px rgba(0,0,0,{text:ShadowOpacity});
  217. {/block:IfBoxShadow}
  218. }
  219. .textbox {
  220. margin:-5px 5px;
  221. }
  222. .textbox img {
  223. max-width:100%;
  224. height:auto;
  225. }
  226. .entry .question{
  227. padding: 10px;
  228. margin:5px 5px 0 5px;
  229. border: 1px solid rgba(0,0,0,0.2);
  230. border-bottom:0;
  231. }
  232. .entry .nipple{
  233. margin: 0 5px;
  234. background: url('http://media.tumblr.com/tumblr_mbr0ub239n1qk7o6d.png') top left;
  235. height:6px;
  236. opacity:0.2;
  237. }
  238. .entry .questioner{
  239. margin:5px 0 0 19px;
  240. padding-bottom:5px;
  241. }
  242. .entry .questioner div{
  243. margin:0 0 0 5px;
  244. padding:3px 0;
  245. height:14px;
  246. display:inline-block;
  247. }
  248. .entry ul.chat{
  249. list-style:none;
  250. padding-left:0;
  251. }
  252. .entry ul.chat li{
  253. padding:5px;
  254. border-top:1px solid {color:Posts Text};
  255. }
  256. .entry ul.chat li:first-child{
  257. border:0;
  258. padding-top:0px;
  259. }
  260. .entry ul.chat li:last-child{
  261. padding-bottom:0px;
  262. }
  263. ol.notes {
  264. width: 100%;
  265. padding: 0;
  266. list-style-type: none;
  267. }
  268. ol.notes li.note {
  269. margin: 0;
  270. padding:0 0 8px 0;
  271. }
  272. ol.notes li.note:last-child{
  273. padding:0 0 2px 0;
  274. }
  275. ol.notes li.note img {
  276. margin: 0 2px -2px 0px;
  277. }
  278. ol.notes blockquote{
  279. margin:5px 0 0px 23px;
  280. padding-left:5px;
  281. }
  282. #infscr-loading{
  283. position: absolute;
  284. bottom: 0px;
  285. left: 50%;
  286. width:56px;
  287. height:21px;
  288. margin: 0 0 15px -28px;
  289. overflow:hidden;
  290. opacity:0.8;
  291. }
  292.  
  293. /** Post Hovers **/
  294.  
  295. .permatext{
  296. height:auto;
  297. line-height:100%;
  298. position:absolute;
  299. right:0px;
  300. bottom:0px;
  301. {block:IfPermalinkMovement}
  302. bottom:-5px;
  303. {block:IfPermalinkMovement}
  304. opacity:0;
  305. padding:0;
  306. background:{color:Posts};
  307. box-shadow:0 0 20px 5px {color:Posts};
  308. -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; transition: all 0.2s linear;
  309. }
  310. .entry:hover .permatext{
  311. right:0px; bottom:0px;
  312. opacity:4;
  313. -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; transition: all 0.2s linear;
  314. color:{color:hover};
  315. }
  316. .entry:hover .permatext:hover{
  317. opacity:4;
  318. color:{color:hover};
  319. }
  320. .gradient{
  321. position:absolute;
  322. left:0;
  323. height:14px;
  324. width:100%;
  325. text-align:center;
  326. opacity:0;
  327.  
  328. {block:IfNotPermalinkSwitch}
  329. bottom:0;
  330. padding:16px 0 10px 0;
  331. {block:IfPermalinkMovement}
  332. padding:16px 0 0px 0;
  333. {/block:IfPermalinkMovement}
  334. background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,{text:PermalinkOpacity}) 100%);
  335. background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,{text:PermalinkOpacity})));
  336. background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,{text:PermalinkOpacity}) 100%);
  337. background: -o-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,{text:PermalinkOpacity}) 100%);
  338. background: -ms-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,{text:PermalinkOpacity}) 100%);
  339. background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,{text:PermalinkOpacity}) 100%);
  340. {/block:IfNotPermalinkSwitch}
  341.  
  342. {block:IfPermalinkSwitch}
  343. top:0;
  344. padding:10px 0 16px 0;
  345. {block:IfPermalinkMovement}
  346. padding:0px 0 16px 0;
  347. {/block:IfPermalinkMovement}
  348. background: -moz-linear-gradient(bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,{text:PermalinkOpacity}) 100%);
  349. background: -webkit-gradient(linear, left bottom, left top, color-stop(0%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,{text:PermalinkOpacity})));
  350. background: -webkit-linear-gradient(bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,{text:PermalinkOpacity}) 100%);
  351. background: -o-linear-gradient(bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,{text:PermalinkOpacity}) 100%);
  352. background: -ms-linear-gradient(bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,{text:PermalinkOpacity}) 100%);
  353. background: linear-gradient(to top, rgba(0,0,0,0) 0%,rgba(0,0,0,{text:PermalinkOpacity}) 100%);
  354. {/block:IfPermalinkSwitch}
  355.  
  356.  
  357. }
  358. .entry:hover .gradient{
  359. opacity:0.99;
  360. padding:16px 0 10px 0;
  361. {block:IfPermalinkSwitch}
  362. padding:10px 0 16px 0;
  363. {/block:IfPermalinkSwitch}
  364. }
  365. .gradient a:hover{
  366. text-decoration:none;
  367. }
  368. .gradient .reblogspan{
  369. color:transparent;
  370. width:13px;
  371. height:13px;
  372. background:url('http://media.tumblr.com/tumblr_mboy88Mmjo1qk7o6d.png');
  373. display:inline-block;
  374. }
  375. .gradient .notespan{
  376. padding: 0 5px;
  377. color:#fff;
  378. font-family: Ropa Sans, Arial;
  379. font-size:14px;
  380. line-height:14px;
  381. }
  382. .my-like {
  383. cursor:pointer;
  384. color:transparent;
  385. width:13px;
  386. height:13px;
  387. background:url('http://media.tumblr.com/tumblr_mbp2zdKVHR1qk7o6d.png');
  388. display:inline-block;
  389. }
  390. .my-liked {
  391. cursor:pointer;
  392. color:transparent;
  393. width:13px;
  394. height:13px;
  395. background:url('http://media.tumblr.com/tumblr_mbp2zu4pim1qk7o6d.png');
  396. display:inline-block;
  397. }
  398.  
  399.  
  400. .notesilh {width:auto; height:12px; padding:5px; border-radius:10px; color:transparent; background:#fff; margin-left:0px; margin-top:10px;border:1px solid #f5f5f5; z-index:300;filter:alpha(opacity=0); opacity:0; font-size:11px; font-family:georgia;-webkit-transition-duration: .90s;position: absolute;}
  401.  
  402. .boxx:hover .notesilh {filter:alpha(opacity=99); opacity:99; width:auto; height:12px; padding:5px; border-radius:10px; color:#555; background:#fff; margin-left:10px; margin-top:20px; border:1px solid #f5f5f5; z-index:300;font-size:11px; font-family:georgia;-webkit-transition-duration: .90s;position: absolute;}
  403.  
  404.  
  405. body, a, a:hover { cursor:url(http://i.imgur.com/2qleX.jpg), auto }
  406.  
  407. ::-webkit-scrollbar {width: 7px; height: 4px; background: {color:background};}
  408. ::-webkit-scrollbar-thumb { background-color: {color:scrollbar};}
  409.  
  410.  
  411.  
  412. /* SIDEBAR detalhe por: hakunax modificado por mim */
  413. #tumblr_controls{position: fixed!important}
  414. #tumblr_controls{position: fixed!important}
  415. #tumblr_controls{position: fixed!important}
  416. #tumblr_controls{position: fixed!important}
  417. #tumblr_controls{position: fixed!important}
  418. #slow:hover #jubilau {opacity:;margin-top:-230px;transition-duration:0.9s;}
  419. #slow:hover #ladra {opacity:69;-webkit-transition-duration:0.7s;}
  420.  
  421. #slow {position:fixed; width:125px;height:300px;margin-top:230px;left:130px;}
  422.  
  423. #img img {width:150px;height:auto;}
  424. #img img:hover { -webkit-filter: grayscale(50%);-webkit-transition: all 0.3s ease-out;-moz-transition: all 0.7s ease-out;all 2.3s ease-out;}
  425.  
  426. #ladra {background:#eee; padding: 2px;position:fixed;width:147px;margin-left:-1px;text-align:center;opacity:0;margin-top:0px;}
  427. #ladra a {font-family:'cambria';font-size:11px;color:{color:links};}
  428. #ladra a:hover {color:{color:hover};text-shadow:0px 0px 1px {color:hover};font-style:bold;-webkit-transition: all .2s ease-out; -moz-transition: all 0.3s ease-out;}
  429.  
  430.  
  431. #jubilau img {margin-top:0px;width:150px;height:auto;opacity:69;}
  432.  
  433. #desc { width:153px;position: fixed;font-style:bold; font-family:cambria; font-size:9px; line-height:9px; text-align:center; color:; padding:5px;margin-top:445px;margin-left:133px;padding:0px;text-transform:none; font-style:none; color:{color:text}; letter-spacing:1px;
  434. background-color:none ;}
  435.  
  436.  
  437. /* ask por sowsly */
  438.  
  439. .asker {background:#eee; padding: 2px;font-size: 11px; font-family:calibri; text-align:;border-bottom:3px solid #fff;}
  440.  
  441. .answer {font-size:11px; font-family: calibri;padding: 1px}
  442. .answer img {max-width: 430px; }
  443.  
  444.  
  445.  
  446.  
  447. </style></head>
  448.  
  449.  
  450. {CustomCSS}
  451.  
  452.  
  453. </style>
  454. <script>
  455. window.onload = function () {
  456. document.body.insertAdjacentHTML( 'beforeEnd', '<iframe id="my-like-frame" style="display:none;"></iframe>' );
  457. document.addEventListener( 'click', function ( event ) {
  458. var myLike = event.target;
  459. if( myLike.className.indexOf( 'my-like' ) > -1 ) {
  460. var frame = document.getElementById( 'my-like-frame' ),
  461. liked = ( myLike.className == 'my-liked' ),
  462. command = liked ? 'unlike' : 'like',
  463. reblog = myLike.getAttribute( 'data-reblog' ),
  464. id = myLike.getAttribute( 'data-id' ),
  465. oauth = reblog.slice( -8 );
  466. frame.src = 'http://www.tumblr.com/' + command + '/' + oauth + '?id=' + id;
  467. liked ? myLike.className = 'my-like' : myLike.className = 'my-liked';
  468. };
  469. }, false );
  470. };
  471. </script>
  472.  
  473. </head>
  474. <body>
  475. <div id="slow">
  476. <div id="img">
  477. <img src="{image:sidebar}">
  478. </div>
  479. <div id="ladra">
  480. <a href="{text:Link1}">{text:Link1 Title}</a>
  481. <a href="{text:Link2}">{text:Link2 Title}</a>
  482. <a href="{text:Link3}">{text:Link3 Title}</a>
  483. <a href="{text:Link4}">{text:Link4 Title}</a>
  484. <a href="{text:Link5}">{text:Link5 Title}</a>
  485. </div>
  486. <div id="jubilau">
  487. <img src="{image:symbols}"></div>
  488. </div>
  489. </div>
  490.  
  491.  
  492. <div id="desc"><p>{Description}</p></div>
  493.  
  494. <a style="position:fixed;top:600px;left:25px;font-family:consolas;font-size:13px;text-decoration:none; opacity: 0.3;" href="http://sowsly.tumblr.com" title=" theme by sowsly">sowsly</a>
  495.  
  496. {block:IfNotLinksAfterDescription}
  497. <div class="description"><p>{Description}</p></div>
  498. {/block:IfNotLinksAfterDescription}
  499. </div></div>
  500.  
  501. <div id="container">
  502.  
  503. {block:Posts}
  504. <div class="entry">
  505. <div id="relativity">
  506.  
  507. {block:Text}
  508. <div class="textbox">
  509. {block:Title}
  510. <h1>{Title}</h1>
  511. {/block:Title}{Body}</div>{/block:Text}
  512.  
  513. {block:Photo}
  514. {block:IndexPage}<a href="{Permalink}">
  515. <img src="{PhotoURL-500}" alt="{PhotoAlt}" width="100%" />
  516. </a>
  517. {/block:IndexPage}
  518. {block:PermalinkPage}
  519. {LinkOpenTag}
  520. <img src="{PhotoURL-500}" alt="{PhotoAlt}" width="100%" />
  521. {LinkCloseTag}
  522. {/block:PermalinkPage}
  523. {/block:Photo}
  524.  
  525. {block:Photoset}
  526. <div style="margin-bottom:-4px;text-align:center;">
  527. {block:IndexPage}
  528. {block:IfPostWidth500px}
  529. {Photoset-500}
  530. {/block:IfPostWidth500px}{block:IfPostWidth400px}
  531. {Photoset-400}
  532. {/block:IfPostWidth400px}
  533. {block:IfPostWidth320px}
  534. {Photoset-250}
  535. {/block:IfPostWidth320px}
  536. {block:IfPostWidth250px}
  537. {Photoset-250}
  538. {/block:IfPostWidth250px}
  539. {/block:IndexPage}
  540. {block:PermalinkPage}
  541. {block:IfNot1Column}
  542. {Photoset-500}
  543. {/block:IfNot1Column}
  544. {block:If1Column}
  545. {block:IfPostWidth500px}
  546. {Photoset-500}
  547. {/block:IfPostWidth500px}
  548. {block:IfPostWidth400px}
  549. {Photoset-400}
  550. {/block:IfPostWidth400px}
  551. {block:IfPostWidth320px}
  552. {Photoset-250}
  553. {/block:IfPostWidth320px}
  554. {block:IfPostWidth250px}
  555. {Photoset-250}
  556. {/block:IfPostWidth250px}
  557. {/block:If1Column}
  558. {/block:PermalinkPage}
  559. </div>
  560. {/block:Photoset}
  561.  
  562. {block:Quote}
  563. <div class="textbox" style="text-align:center;">
  564. <h1>"{Quote}"</h1>
  565. {block:Source}
  566. <p>{Source}</p>
  567. {/block:Source}
  568. </div>
  569. {/block:Quote}
  570.  
  571.  
  572. {block:Link}
  573. <div class="textbox">
  574. <h1> <a href="{URL}" class="link" {Target}>{Name}</a> </h1>
  575. {block:Description}
  576. <p>{Description}</p>
  577. {/block:Description}
  578. </div>
  579. {/block:Link}
  580.  
  581. {block:Chat}
  582. <div class="textbox">
  583. {block:Title}
  584. <a href="{Permalink}"><h1>{Title}</h1></a>
  585. {/block:Title}
  586. <ul class="chat">
  587. {block:Lines}
  588. <li class="{Alt} user_{UserNumber}">
  589. {block:Label}
  590. <span class="label" style="font-weight:bold">{Label}</span>
  591. {/block:Label}
  592. {Line}
  593. </li>
  594. {/block:Lines}
  595. </ul>
  596. </div>
  597. {/block:Chat}
  598.  
  599. {block:Audio}
  600. <div class="textbox" style="text-align:center;">
  601. <p>{AudioPlayerBlack}</p>
  602. <p>
  603. {block:TrackName}
  604. {TrackName}
  605. {/block:TrackName}
  606. {block:Artist}
  607. - {Artist}
  608. {/block:Artist}
  609. </p>
  610. </div>
  611. {/block:Audio}
  612.  
  613. {block:Video}
  614. <div style="text-align:center;margin-bottom:-4px;">
  615. {block:IndexPage}
  616. {block:IfPostWidth500px}
  617. {Video-500}
  618. {/block:IfPostWidth500px}
  619. {block:IfPostWidth400px}
  620. {Video-400}
  621. {/block:IfPostWidth400px}
  622. {block:IfPostWidth320px}
  623. {Video-250}
  624. {/block:IfPostWidth320px}
  625. {block:IfPostWidth250px}
  626. {Video-250}
  627. {/block:IfPostWidth250px}
  628. {/block:IndexPage}
  629. {block:PermalinkPage}
  630. {block:IfNot1Column}
  631. {Video-500}
  632. {/block:IfNot1Column}
  633. {block:If1Column}
  634. {block:IfPostWidth500px}
  635. {Video-500}
  636. {/block:IfPostWidth500px}
  637. {block:IfPostWidth400px}
  638. {Video-400}
  639. {/block:IfPostWidth400px}
  640. {block:IfPostWidth320px}
  641. {Video-250}
  642. {/block:IfPostWidth320px}
  643. {block:IfPostWidth250px}
  644. {Video-250}
  645. {/block:IfPostWidth250px}
  646. {/block:If1Column}
  647. {/block:PermalinkPage}
  648. </div>
  649. {/block:Video}
  650.  
  651. {block:Answer}
  652. <div class="asker"><span></span><b>{Asker} gemeu:</b> {Question}&nbsp;</div><div class="questions">{Answer}</div>{/block:Answer}
  653.  
  654. {block:IndexPage}
  655.  
  656. {block:Photo}
  657. <div class="permatext"><a href="{Permalink}">{NoteCountWithLabel}</a> - <a href="{ReblogURL}" target="_blank"> reblog</a></div>
  658. {/block:Photo}
  659. {block:Video}
  660. <div class="gradient transition">
  661. <a href="{ReblogURL}" title="Reblog" target="_blank"><span class="reblogspan">x</span></a>
  662. <a href="{Permalink}" title="Permalink"><span class="notespan">{NoteCount}</span></a>
  663. <span class="my-like" data-reblog="{ReblogURL}" data-id="{PostID}" title="Like">x</span></div>
  664. {/block:Video}
  665.  
  666. {block:Text}
  667. <div class="permatext"><a href="{Permalink}">{NoteCountWithLabel}</a> - <a href="{ReblogURL}" target="_blank"> reblog</a></div>
  668. {/block:Text}
  669. {block:Photoset}
  670. <div class="permatext"><a href="{Permalink}">{NoteCountWithLabel}</a> - <a href="{ReblogURL}" target="_blank"> reblog</a></div>
  671. {/block:Photoset}
  672. {block:Quote}
  673. <div class="permatext"><a href="{Permalink}">{NoteCountWithLabel}</a> - <a href="{ReblogURL}" target="_blank"> reblog</a></div>
  674. {/block:Quote}
  675. {block:Link}
  676. <div class="permatext"><a href="{Permalink}">{NoteCountWithLabel}</a> - <a href="{ReblogURL}" target="_blank"> reblog</a></div>
  677. {/block:Link}
  678. {block:Chat}
  679. <div class="permatext"><a href="{Permalink}">{NoteCountWithLabel}</a> - <a href="{ReblogURL}" target="_blank"> reblog</a></div>
  680. {/block:Chat}
  681. {block:Audio}
  682. <div class="permatext"><a href="{Permalink}">{NoteCountWithLabel}</a> - <a href="{ReblogURL}" target="_blank"> reblog</a></div>
  683. {/block:Audio}
  684. {block:Answer}
  685. <div class="permatext"><a href="{Permalink}">{NoteCountWithLabel}</a></div>
  686. {/block:Answer}
  687. {/block:IndexPage}
  688.  
  689. </div>
  690. </div>
  691.  
  692. {block:PermalinkPage}
  693. {block:Date}
  694. {block:Photo}
  695. {block:Caption}<div class="entry"><div class="textbox">{Caption}</div></div>{/block:Caption}
  696. {/block:Photo}
  697. {block:Photoset}
  698. {block:Caption}<div class="entry"><div class="textbox">{Caption}</div></div>{/block:Caption}
  699. {/block:Photoset}
  700. {block:Audio}
  701. {block:Caption}<div class="entry"><div class="textbox">{Caption}</div></div>{/block:Caption}
  702. {/block:Audio}
  703. {block:Video}
  704. {block:Caption}<div class="entry"><div class="textbox">{Caption}</div></div>{/block:Caption}
  705. {/block:Video}
  706.  
  707. <div class="entry">
  708. <div class="textbox">
  709. {block:NoteCount}
  710. <p>{NoteCountWithLabel}</p>
  711. {/block:NoteCount}
  712. <p>{DayOfMonth}{DayOfMonthSuffix} {Month} {Year} @ {12HourWithZero}:{Minutes}{AmPm}</p>
  713. {block:RebloggedFrom}
  714. <p>via <a href="{ReblogParentURL}">{ReblogParentName}</a></p><p>originally <a href="{ReblogRootURL}">{ReblogRootName}</a></p>
  715. {/block:RebloggedFrom}
  716. {block:HasTags}
  717. <p>{block:Tags}
  718. <a href="{TagURL}">#{Tag}</a>
  719. {/block:Tags}</p>
  720. {/block:HasTags}
  721. </div></div>
  722. {/block:Date}
  723.  
  724. {block:PostNotes}
  725. <div class="entry">
  726. <div class="textbox">
  727. {PostNotes}
  728. </div></div>
  729. {/block:PostNotes}
  730. {/block:PermalinkPage}
  731.  
  732. {/block:Posts}
  733. </div></div>
  734.  
  735. {block:Pagination}
  736. <div id="pagination" style="display:none;">
  737. {block:NextPage}
  738. <a id="nextPage" href="{NextPage}"></a>
  739. {/block:NextPage}
  740. </div>
  741. {/block:Pagination}
  742.  
  743. <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/iBElrgjim/jquerymasonry.js"></script>
  744. <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/Qyblrgjfn/jqueryinfintescroll.js"></script>
  745. <script type="text/javascript">
  746. $(window).load(function () {
  747. var $content = $('#container');
  748. $content.masonry({itemSelector: '.entry'}),
  749. $content.infinitescroll({
  750. navSelector : 'div#pagination',
  751. nextSelector : 'div#pagination a#nextPage',
  752. itemSelector : '.entry',
  753. loading: {
  754. finishedMsg: '',
  755. img: 'http://static.tumblr.com/beiywxc/VXem7gjgj/ajax-loader__7_.gif'
  756. },
  757. bufferPx : 600,
  758. debug : false,
  759. },
  760. // call masonry as a callback.
  761. function( newElements ) {
  762. var $newElems = $( newElements );
  763. $newElems.hide();
  764. // ensure that images load before adding to masonry layout
  765. $newElems.imagesLoaded(function(){
  766. $content.masonry( 'appended', $newElems, true, function(){$newElems.fadeIn(300);} );
  767. });
  768. });
  769. });
  770. </script>
  771.  
  772. </body>
  773. </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!