API tools faq
paste
Advertisement
tannyoliveira

23

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