API tools faq
paste
Advertisement
tannyoliveira

24

tannyoliveira
Jun 19th, 2014
453
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 23.72 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/677ffb6c4ae704cc46927b86c62b3e68/tumblr_n6ao350jHX1tv4x8ho9_250.png" />
  32. <meta name="image:symbols" content="https://38.media.tumblr.com/d4e9408a716c67634426d772985d6298/tumblr_n769liaOAv1r93x39o1_500.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="MAKTUBE" />
  42. <meta name="text:Link5" content="/" />
  43. <meta name="text:Link5 Title" content="TAI" />
  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. padding-left:89px;}
  116.  
  117. /* negrito, itálico e grifado */
  118. b, strong, bold {text-decoration: bold; color: #4F4F4F; text-shadow: 5px #000;}
  119. u, span.sublinha {cursor: help; text-decoration: none; border-bottom: 1px dashed #28B5BF;}
  120. i, em{color: #ddd;}
  121. s {color: #000;}
  122.  
  123. /* links */
  124. a:link, a:visited, a:active {color: #BEBEBE; text-shadow: 0 0px 0px #ffffff; letter-spacing: 1px; text-decoration: none;}
  125. a:hover {color: {color:hover}; -webkit-transition-duration: .79s;}
  126. p {margin: 6px 0 0 0}
  127.  
  128.  
  129. a:active {
  130. outline:none;
  131. }
  132. a:focus {
  133. -moz-outline-style: none;
  134. }
  135. :-moz-any-link:focus {
  136. outline: none;
  137. }
  138. h1 {font-family:calibri; font-size: 13px; line-height: 17px; text-align: center; font-weight: normal; margin-bottom:8px;}
  139. h1 a {color: {color:link};}
  140. h1 a:hover {color: {color:hover};}
  141. p {
  142. margin: 10px 0;
  143. }
  144. ol, ul{
  145. margin: 10px 0;
  146. padding-left:25px;
  147. font-family:calibri; font-size: 13px;
  148. }
  149. blockquote {
  150. margin: 10px 0;
  151. padding-left:10px;
  152. font-family:calibri; font-size: 13px;
  153. border-left:{color:text} 1px solid;
  154. }
  155. img {
  156. vertical-align: bottom;
  157. }
  158. hr {
  159. color:{color:text};
  160. background-color:{color:text};
  161. height:1px;
  162. border:0;
  163. }
  164. .transition{
  165. -webkit-transition: all 0.2s linear;
  166. moz-transition: all 0.2s linear;
  167. transition: all 0.2s linear;
  168. }
  169.  
  170.  
  171.  
  172.  
  173.  
  174.  
  175. /** Posts **/
  176.  
  177. #container{
  178. width:540px{/block:IfPostWidth250px}
  179. {/block:If2Columns};
  180. {block:IfNot1Column}
  181. {block:PermalinkPage}
  182. width:520px;
  183. {/block:PermalinkPage}
  184. {/block:IfNot1Column}
  185. padding:5px;
  186. margin-left:360px;
  187. {block:IfSwitchSidebar}
  188. margin-left:0;
  189. {/block:IfSwitchSidebar}
  190. }
  191. #relativity {
  192. position:relative;
  193. width:100%;height:100%;
  194. }
  195. .entry {
  196. overflow:hidden;
  197. background:#fff;
  198. margin:5px;
  199. width:
  200. {block:IfPostWidth500px}500px{/block:IfPostWidth500px}
  201. {block:IfPostWidth250px}250px{/block:IfPostWidth250px};
  202. {block:IfNot1Column}
  203. {block:PermalinkPage}width:500px;{/block:PermalinkPage}
  204. {/block:IfNot1Column}
  205. padding:4px;
  206. float:left;
  207. position:relative;
  208. border:0px solid {color:border};
  209. {block:IfBoxShadow}
  210. box-shadow: 0 0 {text:ShadowSpread}px rgba(0,0,0,{text:ShadowOpacity});
  211. -moz-box-shadow: 0 0 {text:ShadowSpread}px rgba(0,0,0,{text:ShadowOpacity});
  212. -webkit-box-shadow: 0 0 {text:ShadowSpread}px rgba(0,0,0,{text:ShadowOpacity});
  213. {/block:IfBoxShadow}
  214. }
  215. .textbox {
  216. margin:-5px 5px;
  217. }
  218. .textbox img {
  219. max-width:100%;
  220. height:auto;
  221. }
  222. .entry .question{
  223. padding: 10px;
  224. margin:5px 5px 0 5px;
  225. border: 1px solid rgba(0,0,0,0.2);
  226. border-bottom:0;
  227. }
  228. .entry .nipple{
  229. margin: 0 5px;
  230. background: url('http://media.tumblr.com/tumblr_mbr0ub239n1qk7o6d.png') top left;
  231. height:6px;
  232. opacity:0.2;
  233. }
  234. .entry .questioner{
  235. margin:5px 0 0 19px;
  236. padding-bottom:5px;
  237. }
  238. .entry .questioner div{
  239. margin:0 0 0 5px;
  240. padding:3px 0;
  241. height:14px;
  242. display:inline-block;
  243. }
  244. .entry ul.chat{
  245. list-style:none;
  246. padding-left:0;
  247. }
  248. .entry ul.chat li{
  249. padding:5px;
  250. border-top:1px solid {color:Post};
  251. }
  252. .entry ul.chat li:first-child{
  253. border:0;
  254. padding-top:0px;
  255. }
  256. .entry ul.chat li:last-child{
  257. padding-bottom:0px;
  258. }
  259. ol.notes {
  260. width: 100%;
  261. padding: 0;
  262. list-style-type: none;
  263. }
  264. ol.notes li.note {
  265. margin: 0;
  266. padding:0 0 1px 0;
  267. }
  268. ol.notes li.note:last-child{
  269. padding:0 0 2px 0;
  270. }
  271. ol.notes li.note img {
  272. margin: 0 2px -2px 0px;
  273. }
  274. ol.notes blockquote{
  275. margin:5px 0 0px 23px;
  276. padding-left:5px;
  277. }
  278. #infscr-loading{
  279. position: absolute;
  280. bottom: 0px;
  281. left: 50%;
  282. width:56px;
  283. height:21px;
  284. margin: 0 0 15px -28px;
  285. overflow:hidden;
  286. opacity:0.8;
  287. }
  288.  
  289. /** Post Hovers **/
  290.  
  291. .permatext{
  292. height:auto;
  293. line-height:100%;
  294. position:absolute;
  295. right:0px;
  296. bottom:0px;
  297. {block:IfPermalinkMovement}
  298. bottom:-5px;
  299. {block:IfPermalinkMovement}
  300. opacity:0;
  301. padding:0;
  302. background:{color:Posts};
  303. box-shadow:0 0 30px 0px {color:Posts};
  304. -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; transition: all 0.2s linear;
  305. }
  306. .entry:hover .permatext{
  307. right:0px; bottom:0px;
  308. opacity:4;
  309. -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; transition: all 0.2s linear;
  310. color:{color:hover};
  311. }
  312. .entry:hover .permatext:hover{
  313. opacity:4;
  314. color:{color:hover};
  315. }
  316. .gradient{
  317. position:absolute;
  318. left:0;
  319. height:14px;
  320. width:100%;
  321. text-align:center;
  322. opacity:0;
  323.  
  324. {block:IfNotPermalinkSwitch}
  325. bottom:0;
  326. padding:16px 0 10px 0;
  327. {block:IfPermalinkMovement}
  328. padding:16px 0 0px 0;
  329. {/block:IfPermalinkMovement}
  330. background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,{text:PermalinkOpacity}) 100%);
  331. 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})));
  332. background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,{text:PermalinkOpacity}) 100%);
  333. background: -o-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,{text:PermalinkOpacity}) 100%);
  334. background: -ms-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,{text:PermalinkOpacity}) 100%);
  335. background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,{text:PermalinkOpacity}) 100%);
  336. {/block:IfNotPermalinkSwitch}
  337.  
  338. {block:IfPermalinkSwitch}
  339. top:0;
  340. padding:10px 0 16px 0;
  341. {block:IfPermalinkMovement}
  342. padding:0px 0 16px 0;
  343. {/block:IfPermalinkMovement}
  344. background: -moz-linear-gradient(bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,{text:PermalinkOpacity}) 100%);
  345. 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})));
  346. background: -webkit-linear-gradient(bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,{text:PermalinkOpacity}) 100%);
  347. background: -o-linear-gradient(bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,{text:PermalinkOpacity}) 100%);
  348. background: -ms-linear-gradient(bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,{text:PermalinkOpacity}) 100%);
  349. background: linear-gradient(to top, rgba(0,0,0,0) 0%,rgba(0,0,0,{text:PermalinkOpacity}) 100%);
  350. {/block:IfPermalinkSwitch}
  351.  
  352.  
  353. }
  354. .entry:hover .gradient{
  355. opacity:0.99;
  356. padding:16px 0 10px 0;
  357. {block:IfPermalinkSwitch}
  358. padding:10px 0 16px 0;
  359. {/block:IfPermalinkSwitch}
  360. }
  361. .gradient a:hover{
  362. text-decoration:none;
  363. }
  364. .gradient .reblogspan{
  365. color:transparent;
  366. width:13px;
  367. height:13px;
  368. background:url('http://media.tumblr.com/tumblr_mboy88Mmjo1qk7o6d.png');
  369. display:inline-block;
  370. }
  371. .gradient .notespan{
  372. padding: 0 5px;
  373. color:#fff;
  374. font-family: Ropa Sans, Arial;
  375. font-size:14px;
  376. line-height:14px;
  377. }
  378. .my-like {
  379. cursor:pointer;
  380. color:transparent;
  381. width:13px;
  382. height:13px;
  383. background:url('http://media.tumblr.com/tumblr_mbp2zdKVHR1qk7o6d.png');
  384. display:inline-block;
  385. }
  386. .my-liked {
  387. cursor:pointer;
  388. color:transparent;
  389. width:13px;
  390. height:13px;
  391. background:url('http://media.tumblr.com/tumblr_mbp2zu4pim1qk7o6d.png');
  392. display:inline-block;
  393. }
  394.  
  395.  
  396. .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;}
  397.  
  398. .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;}
  399.  
  400.  
  401. body, a, a:hover { cursor:url(http://i.imgur.com/2qleX.jpg), auto }
  402.  
  403. ::-webkit-scrollbar {width: 7px; height: 4px; background: {color:background};}
  404. ::-webkit-scrollbar-thumb { background-color: {color:scrollbar};}
  405.  
  406. .quote {font-family: calibri; text-align: justify; font-size: 14px; line-height:15px; padding: 1px; }
  407. .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;}
  408.  
  409. /* SIDEBAR detalhe por: mists modificado por sowsly */
  410. .desc img {width:190px;height:auto;opacity:69;margin-left:150px;margin-top:370px}
  411.  
  412. #sidebarimage { position:fixed;margin-left:150px;margin-top:115px;height:225px;}
  413. #sidebarimage img { height:100px; border-left:1px solid #eee;border-right:px solid #eee; padding:4px; height:250px;border-bottom:0px solid #ccc; margin-bottom:px;width:auto;-webkit-transition: all 1.2s ease-out;-moz-transition: all 1.2s ease-out;}
  414. #sidebarimage 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;}
  415.  
  416. #frase {z-index:9999999999;background-color: {color:transp}; font-weight: normal; letter-spacing: 0px; color: {color:text}; text-align:center; width: 130px; height: 24px; line-height: 18px; position: absolute; -moz-transition: all 0.4s ease-out; margin-left: 50px; font-family: calibri; margin-top:30px; margin-left: 136px; text-transform: none; position: fixed; padding: 2px; font-size: 15px;}
  417.  
  418. #content:hover .nav{opacity:1;; -webkit-transition: all 0.4s ease-out; -moz-transition: all 0.4s ease-out; }
  419. #content:hover .desc {opacity:0;-webkit-transition: all 0.6s ease-out;-moz-transition: all 0.6s ease-out; -moz-transition: all 0.4s ease-out; }
  420.  
  421.  
  422. #sidebar {z-index:99999999999999999;background-color: {color:posts}; width: 0px; height: 0x; position: fixed; margin-left: 114px; margin-top: -10px; border-right: px solid {color:border2}; border-left: 0px solid {color:border2}}
  423.  
  424.  
  425. .pipi {width:150px; margin-left:80px; margin-top:142px;position:fixed;}
  426. .pipi {width:40px;border:px dashed #000;transition:All 8s ease;-webkit-transition:All .8s ease;-moz-transition:All .8s ease;-o-transition:All .8s ease;}
  427.  
  428. .nav {z-index:999999999999999999999999999999999999999;clear: both; float: left; width: 200px; margin-top: 372px; padding:10px; background:#ff; text-align: center; margin-left:20px;opacity:0; line-height:12px; -webkit-transition: all 0.4s ease-out; -moz-transition: all 0.4s ease-out; }
  429. .nav a {float: center; margin-right: 0px; display:bock; opacity:1; letter-spacing: 0px; font-family:cambria; font-size: 11px; text-align: center; font-style:itaic;margin-bottom: 1px;color:{color:link};; text-decoration: none; text-transform: ppercase; height: 11px; line-height: 11px; -webkit-transition: all 0.4s ease-out; -moz-transition: all 0.4s ease-out; padding: px;;}
  430. .nav a:hover {; -webkit-transition: all 0.4s ease-out; -moz-transition: all 0.4s ease-out; border-top:px solid {color:borda};border-bottom:px solid {color:borda}; font-style:itaic; opacity:1; color:{color:hover};}
  431.  
  432. /* ask por sowsly */
  433.  
  434. .asker {background:#eee; padding: 0px;font-size: 12px; font-family:calibri; text-align:;border-bottom:0px solid #fff;}
  435.  
  436. .answer {font-size:11px; font-family: calibri;padding: 0px}
  437. .answer img {max-width: 430px; }
  438.  
  439.  
  440.  
  441.  
  442. </style></head>
  443.  
  444.  
  445. {CustomCSS}
  446.  
  447.  
  448. </style>
  449. <script>
  450. window.onload = function () {
  451. document.body.insertAdjacentHTML( 'beforeEnd', '<iframe id="my-like-frame" style="display:none;"></iframe>' );
  452. document.addEventListener( 'click', function ( event ) {
  453. var myLike = event.target;
  454. if( myLike.className.indexOf( 'my-like' ) > -1 ) {
  455. var frame = document.getElementById( 'my-like-frame' ),
  456. liked = ( myLike.className == 'my-liked' ),
  457. command = liked ? 'unlike' : 'like',
  458. reblog = myLike.getAttribute( 'data-reblog' ),
  459. id = myLike.getAttribute( 'data-id' ),
  460. oauth = reblog.slice( -8 );
  461. frame.src = 'http://www.tumblr.com/' + command + '/' + oauth + '?id=' + id;
  462. liked ? myLike.className = 'my-like' : myLike.className = 'my-liked';
  463. };
  464. }, false );
  465. };
  466. </script>
  467.  
  468. </head>
  469. <body>
  470.  
  471.  
  472.  
  473. <div id="content">
  474.  
  475.  
  476.  
  477. <div id="sidebar">
  478. <div class="nav">
  479. ✿ {block:ifLink1}<a href="{text:Link1}">{text:Link1 Title}</a>{/block:ifLink1}
  480. {block:ifLink2}<a href="{text:Link2}">{text:Link2 Title}</a>{/block:ifLink2}
  481. {block:ifLink3}<a href="{text:Link3}">{text:Link3 Title}</a>{/block:ifLink3}</i>
  482. {block:ifLink4}<a href="{text:Link4}">{text:Link4 Title}</a>{/block:ifLink4}
  483. <a href="{text:Link5}">{text:Link5 Title}</a> ✿<br>{Description}
  484.  
  485. </div></div>
  486.  
  487.  
  488.  
  489. <div id="frase">{text:frase}</div>
  490.  
  491.  
  492.  
  493.  
  494.  
  495.  
  496. <div id="sidebarimage"><img src="{image:Sidebar}"/></div>
  497.  
  498. <div class="desc"><img src="{image:symbols}" class="pipi">
  499.  
  500.  
  501. </div>
  502.  
  503.  
  504.  
  505. {block:IfNotLinksAfterDescription}
  506. <div class="description"><p>{Description}</p></div>
  507. {/block:IfNotLinksAfterDescription}
  508. </div></div>
  509.  
  510. <div id="container">
  511.  
  512. {block:Posts}
  513. <div class="entry">
  514. <div id="relativity">
  515.  
  516. {block:Text}
  517. <div class="textbox">
  518. {block:Title}
  519. <h1>{Title}</h1>
  520. {/block:Title}{body}</div>{/block:Text}
  521.  
  522. {block:Photo}
  523. {block:IndexPage}<a href="{Permalink}">
  524. <img src="{PhotoURL-500}" alt="{PhotoAlt}" width="100%" />
  525. </a>
  526. {/block:IndexPage}
  527. {block:PermalinkPage}
  528. {LinkOpenTag}
  529. <img src="{PhotoURL-500}" alt="{PhotoAlt}" width="100%" />
  530. {LinkCloseTag}
  531. {/block:PermalinkPage}
  532. {/block:Photo}
  533.  
  534. {block:Photoset}
  535. <div style="margin-bottom:-4px;text-align:center;">
  536. {block:IndexPage}
  537. {block:IfPostWidth500px}
  538. {Photoset-500}
  539. {/block:IfPostWidth500px}{block:IfPostWidth400px}
  540. {Photoset-400}
  541. {/block:IfPostWidth400px}
  542. {block:IfPostWidth320px}
  543. {Photoset-250}
  544. {/block:IfPostWidth320px}
  545. {block:IfPostWidth250px}
  546. {Photoset-250}
  547. {/block:IfPostWidth250px}
  548. {/block:IndexPage}
  549. {block:PermalinkPage}
  550. {block:IfNot1Column}
  551. {Photoset-500}
  552. {/block:IfNot1Column}
  553. {block:If1Column}
  554. {block:IfPostWidth500px}
  555. {Photoset-500}
  556. {/block:IfPostWidth500px}
  557. {block:IfPostWidth400px}
  558. {Photoset-400}
  559. {/block:IfPostWidth400px}
  560. {block:IfPostWidth320px}
  561. {Photoset-250}
  562. {/block:IfPostWidth320px}
  563. {block:IfPostWidth250px}
  564. {Photoset-250}
  565. {/block:IfPostWidth250px}
  566. {/block:If1Column}
  567. {/block:PermalinkPage}
  568. </div>
  569. {/block:Photoset}
  570.  
  571. {block:Quote}
  572. <div class="quote">“{Quote}”</div>
  573. {block:Source}<div class="quotesource">
  574. — <b>{Source}</b></div>
  575. {/block:Source}
  576. {/block:Quote}
  577.  
  578.  
  579. {block:Link}
  580. <div class="textbox">
  581. <h1> <a href="{URL}" class="link" {Target}>{Name}</a> </h1>
  582. {block:Description}
  583. <p>{Description}</p>
  584. {/block:Description}
  585. </div>
  586. {/block:Link}
  587.  
  588. {block:Chat}
  589. <div class="textbox">
  590. {block:Title}<h1>{Title}</h1>{/block:Title}{Body}{/block:Text}
  591. <ul class="chat">
  592. {block:Lines}
  593. <li class="{Alt} user_{UserNumber}">
  594. {block:Label}
  595. <span class="label" style="font-weight:bold">{Label}</span>
  596. {/block:Label}
  597. {Line}
  598. </li>
  599. {/block:Lines}
  600. </ul>
  601. </div>
  602. {/block:Chat}
  603.  
  604. {block:Audio}
  605. <div class="textbox" style="text-align:center;">
  606. <p>{AudioPlayerBlack}</p>
  607. <p>
  608. {block:TrackName}
  609. {TrackName}
  610. {/block:TrackName}
  611. {block:Artist}
  612. - {Artist}
  613. {/block:Artist}
  614. </p>
  615. </div>
  616. {/block:Audio}
  617.  
  618. {block:Video}
  619. <div style="text-align:center;margin-bottom:-4px;">
  620. {block:IndexPage}
  621. {block:IfPostWidth500px}
  622. {Video-500}
  623. {/block:IfPostWidth500px}
  624. {block:IfPostWidth400px}
  625. {Video-400}
  626. {/block:IfPostWidth400px}
  627. {block:IfPostWidth320px}
  628. {Video-250}
  629. {/block:IfPostWidth320px}
  630. {block:IfPostWidth250px}
  631. {Video-250}
  632. {/block:IfPostWidth250px}
  633. {/block:IndexPage}
  634. {block:PermalinkPage}
  635. {block:IfNot1Column}
  636. {Video-500}
  637. {/block:IfNot1Column}
  638. {block:If1Column}
  639. {block:IfPostWidth500px}
  640. {Video-500}
  641. {/block:IfPostWidth500px}
  642. {block:IfPostWidth400px}
  643. {Video-400}
  644. {/block:IfPostWidth400px}
  645. {block:IfPostWidth320px}
  646. {Video-250}
  647. {/block:IfPostWidth320px}
  648. {block:IfPostWidth250px}
  649. {Video-250}
  650. {/block:IfPostWidth250px}
  651. {/block:If1Column}
  652. {/block:PermalinkPage}
  653. </div>
  654. {/block:Video}
  655.  
  656. {block:Answer}
  657. <div class="asker"><span></span><b>{Asker} gemeu:</b> {Question}&nbsp;</div><div class="questions">{Answer}</div>{/block:Answer}
  658.  
  659. {block:IndexPage}
  660.  
  661. {block:Photo}
  662. <div class="permatext"><a href="{Permalink}">{NoteCountWithLabel}</a> - <a href="{ReblogURL}" target="_blank"> reblog</a></div>
  663. {/block:Photo}
  664. {block:Video}
  665. <div class="gradient transition">
  666. <a href="{ReblogURL}" title="Reblog" target="_blank"><span class="reblogspan">x</span></a>
  667. <a href="{Permalink}" title="Permalink"><span class="notespan">{NoteCount}</span></a>
  668. <span class="my-like" data-reblog="{ReblogURL}" data-id="{PostID}" title="Like">x</span></div>
  669. {/block:Video}
  670. {block:Text}
  671. {block:Text}
  672. <div class="permatext"><a href="{Permalink}">{NoteCountWithLabel}</a> - <a href="{ReblogURL}" target="_blank"> reblog</a></div>
  673. {/block:Text}
  674. {block:Photoset}
  675. <div class="permatext"><a href="{Permalink}">{NoteCountWithLabel}</a> - <a href="{ReblogURL}" target="_blank"> reblog</a></div>
  676. {/block:Photoset}
  677. {block:Quote}
  678. <div class="permatext"><a href="{Permalink}">{NoteCountWithLabel}</a> - <a href="{ReblogURL}" target="_blank"> reblog</a></div>
  679. {/block:Quote}
  680. {block:Link}
  681. <div class="permatext"><a href="{Permalink}">{NoteCountWithLabel}</a> - <a href="{ReblogURL}" target="_blank"> reblog</a></div>
  682. {/block:Link}
  683. {block:Chat}
  684. <div class="permatext"><a href="{Permalink}">{NoteCountWithLabel}</a> - <a href="{ReblogURL}" target="_blank"> reblog</a></div>
  685. {/block:Chat}
  686. {block:Audio}
  687. <div class="permatext"><a href="{Permalink}">{NoteCountWithLabel}</a> - <a href="{ReblogURL}" target="_blank"> reblog</a></div>
  688. {/block:Audio}
  689. {block:Answer}
  690. <div class="permatext"><a href="{Permalink}">{NoteCountWithLabel}</a></div>
  691. {/block:Answer}
  692. {/block:IndexPage}
  693.  
  694. </div>
  695. </div>
  696.  
  697. {block:PermalinkPage}
  698. {block:Date}
  699. {block:Photo}
  700. {block:Caption}<div class="entry"><div class="textbox">{Caption}</div></div>{/block:Caption}
  701. {/block:Photo}
  702. {block:Photoset}
  703. {block:Caption}<div class="entry"><div class="textbox">{Caption}</div></div>{/block:Caption}
  704. {/block:Photoset}
  705. {block:Audio}
  706. {block:Caption}<div class="entry"><div class="textbox">{Caption}</div></div>{/block:Caption}
  707. {/block:Audio}
  708. {block:Video}
  709. {block:Caption}<div class="entry"><div class="textbox">{Caption}</div></div>{/block:Caption}
  710. {/block:Video}
  711.  
  712. <div class="entry">
  713. <div class="textbox">
  714. {block:NoteCount}
  715. <p>{NoteCountWithLabel}</p>
  716. {/block:NoteCount}
  717. <p>{DayOfMonth}{DayOfMonthSuffix} {Month} {Year} @ {12HourWithZero}:{Minutes}{AmPm}</p>
  718. {block:RebloggedFrom}
  719. <p>via <a href="{ReblogParentURL}">{ReblogParentName}</a></p><p>originally <a href="{ReblogRootURL}">{ReblogRootName}</a></p>
  720. {/block:RebloggedFrom}
  721. {block:HasTags}
  722. <p>{block:Tags}
  723. <a href="{TagURL}">#{Tag}</a>
  724. {/block:Tags}</p>
  725. {/block:HasTags}
  726. </div></div>
  727. {/block:Date}
  728.  
  729. {block:PostNotes}
  730. <div class="entry">
  731. <div class="textbox">
  732. {PostNotes}
  733. </div></div>
  734. {/block:PostNotes}
  735. {/block:PermalinkPage}
  736.  
  737. {/block:Posts}
  738. </div></div>
  739.  
  740. {block:Pagination}
  741. <div id="pagination" style="display:none;">
  742. {block:NextPage}
  743. <a id="nextPage" href="{NextPage}"></a>
  744. {/block:NextPage}
  745. </div>
  746. {/block:Pagination}
  747. <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="sowsly">SOWSLY</a>
  748.  
  749. <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/iBElrgjim/jquerymasonry.js"></script>
  750. <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/Qyblrgjfn/jqueryinfintescroll.js"></script>
  751. <script type="text/javascript">
  752. $(window).load(function () {
  753. var $content = $('#container');
  754. $content.masonry({itemSelector: '.entry'}),
  755. $content.infinitescroll({
  756. navSelector : 'div#pagination',
  757. nextSelector : 'div#pagination a#nextPage',
  758. itemSelector : '.entry',
  759. loading: {
  760. finishedMsg: '',
  761. img: 'http://static.tumblr.com/beiywxc/VXem7gjgj/ajax-loader__7_.gif'
  762. },
  763. bufferPx : 600,
  764. debug : false,
  765. },
  766. // call masonry as a callback.
  767. function( newElements ) {
  768. var $newElems = $( newElements );
  769. $newElems.hide();
  770. // ensure that images load before adding to masonry layout
  771. $newElems.imagesLoaded(function(){
  772. $content.masonry( 'appended', $newElems, true, function(){$newElems.fadeIn(300);} );
  773. });
  774. });
  775. });
  776.  
  777. </script>
  778.  
  779. </body>
  780. </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!