Advertisement
tannyoliveira

25

Jun 20th, 2014
448
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 23.24 KB | None | 0 0
  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/ca60807391eaad78462fe36b3f7e06ec/tumblr_n78eov5hQn1r93x39o1_500.jpg" />
  32. <meta name="image:symbols" content="http://static.tumblr.com/ac17ihj/oJRn6zl7j/s.png" />
  33. <meta name="image:simbolo hover" content="https://38.media.tumblr.com/6967c19f4de676310652530f100a7bae/tumblr_n75292ekK91twgpm9o1_500.jpg" />
  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.  
  46. <meta name="if:PostWidth250px" content="1"/>
  47.  
  48.  
  49. <head><script type="text/javascript">
  50. //Created by Title bar Maker (http://www.bosiljak.hr/titlemaker)
  51. function tb8_makeArray(n){
  52. this.length = n;
  53. return this.length;
  54. }
  55. tb8_messages = new tb8_makeArray(1);
  56. tb8_messages[0] = "{Title}";
  57. tb8_rptType = 'infinite';
  58. tb8_rptNbr = 5;
  59. tb8_speed = 100;
  60. tb8_delay = 2000;
  61. var tb8_counter=1;
  62. var tb8_currMsg=0;
  63. var tb8_tekst ="";
  64. var tb8_i=0;
  65. var tb8_TID = null;
  66. function tb8_pisi(){
  67. tb8_tekst = tb8_tekst + tb8_messages[tb8_currMsg].substring(tb8_i, tb8_i+1);
  68. document.title = tb8_tekst;
  69. tb8_sp=tb8_speed;
  70. tb8_i++;
  71. if (tb8_i==tb8_messages[tb8_currMsg].length){
  72. tb8_currMsg++; tb8_i=0; tb8_tekst="";tb8_sp=tb8_delay;
  73. }
  74. if (tb8_currMsg == tb8_messages.length){
  75. if ((tb8_rptType == 'finite') && (tb8_counter==tb8_rptNbr)){
  76. clearTimeout(tb8_TID);
  77. return;
  78. }
  79. tb8_counter++;
  80. tb8_currMsg = 0;
  81. }
  82. tb8_TID = setTimeout("tb8_pisi()", tb8_sp);
  83. }
  84. tb8_pisi()
  85. </script>
  86. </script>
  87. <link rel="shortcut icon" href="{favicon}">
  88. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  89. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  90.  
  91. <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  92. <style type="text/css">
  93.  
  94.  
  95. /***----------------- follow branco -------------***/
  96.  
  97. 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; }
  98.  
  99. iframe#jQuery { 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.  
  102. /** Scrollbar, sowsly **/
  103.  
  104. ::-webkit-scrollbar {width: 7px; height: 4px; background: {color:background};}
  105. ::-webkit-scrollbar-thumb { background-color: {color:scrollbar};}
  106.  
  107.  
  108.  
  109. /** Basic Styles **/
  110.  
  111. body {
  112. font-size: 12px;
  113. font-family: Ropa Sans, Arial, sans-serif;
  114. color:{color:text};
  115. letter-spacing:0px;
  116. line-height:14px;
  117. background:{color:Background} url('{image:Background}') repeat fixed center top;
  118. margin:0px;
  119. padding-left:89px;}
  120.  
  121. /* negrito, itálico e grifado */
  122. b, strong, bold {text-decoration: bold; color: #4F4F4F; text-shadow: 5px #000;}
  123. u, span.sublinha {cursor: help; text-decoration: none; border-bottom: 1px dashed #28B5BF;}
  124. i, em{color: #ddd;}
  125. s {color: #000;}
  126.  
  127. /* links */
  128. a:link, a:visited, a:active {color: #BEBEBE; text-shadow: 0 0px 0px #ffffff; letter-spacing: 1px; text-decoration: none;}
  129. a:hover {color: {color:hover}; -webkit-transition-duration: .79s;}
  130. p {margin: 6px 0 0 0}
  131.  
  132.  
  133. a:active {
  134. outline:none;
  135. }
  136. a:focus {
  137. -moz-outline-style: none;
  138. }
  139. :-moz-any-link:focus {
  140. outline: none;
  141. }
  142. h1 {font-family:calibri; font-size: 13px; line-height: 17px; text-align: center; font-weight: normal; margin-bottom:8px;}
  143. h1 a {color: {color:link};}
  144. h1 a:hover {color: {color:hover};}
  145. p {
  146. margin: 10px 0;
  147. }
  148. ol, ul{
  149. margin: 10px 0;
  150. padding-left:25px;
  151. font-family:calibri; font-size: 13px;
  152. }
  153. blockquote {
  154. margin: 10px 0;
  155. padding-left:10px;
  156. font-family:calibri; font-size: 13px;
  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:Post};
  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 1px 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 30px 0px {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. .quote {font-family: calibri; text-align: justify; font-size: 14px; line-height:15px; padding: 1px; }
  411. .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;}
  412.  
  413. /* SIDEBAR detalhe por: hakunax modificado por sowsly */
  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. #slow:hover #xota {margin-left:1px;opacity:9;transition: all .7s ease-out;}
  420. #slow:hover #text {margin-top:-25px;transition:all .5s ease-out;margin-left:51px;position:fixed;color:#fff;text-shadow:0px 0px 15px;}
  421.  
  422. #slow:hover #pic2 {margin-top:-790px;transition:all .7s ease-out;margin-left:px;position:fixed;width:75px;}
  423.  
  424. #slow:hover #pic {margin-top:25px;opacity:0;transition: all .4s ease-out;}
  425.  
  426. #slow {position:fixed;width:225px;height:200px;top:100px;left:200px;}
  427.  
  428. #img img {width:200px;height:auto;}
  429. #img img:hover { -webkit-filter: grayscale(80%);-webkit-transition: all 0.3s ease-out;-moz-transition: all 0.7s ease-out;all 2.3s ease-out;}
  430.  
  431. #text {position:fixed;margin-left:86px;opacity:9;width:auto;margin-top:3px;font-family:'calibri';font-size:12px;font-weight:bold;text-transform:uppercase;}
  432.  
  433. #pic2 img {position:fixed;width:200px;height:auto;margin-left:0px;margin-top:500px;}
  434.  
  435. #xota {width:200px;display:block;;position:fixed;width:auto;margin-left:230px;opacity:0;margin-top:0;color:{color:links}; text-align: center;}
  436. #xota a {font-family:cambria; font-size: 11px;color:{color:hover};}
  437. #xota a:hover {font-family:cambria; font-size: 11px;color:{color:text};text-shadow:0px 0px 5px;}
  438. #xota :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};text-shadow:0px 0px 5px;}
  439.  
  440. #pic img {position:fixed;width:75px;height:auto;opacity:69;margin-left:0px;margin-top:0px}
  441.  
  442. /* ask por sowsly */
  443.  
  444. .asker {background:#eee; padding: 0px;font-size: 12px; font-family:calibri; text-align:;border-bottom:0px solid #fff;}
  445.  
  446. .answer {font-size:11px; font-family: calibri;padding: 0px}
  447. .answer img {max-width: 430px; }
  448.  
  449.  
  450.  
  451.  
  452. </style></head>
  453.  
  454.  
  455. {CustomCSS}
  456.  
  457.  
  458. </style>
  459. <script>
  460. window.onload = function () {
  461. document.body.insertAdjacentHTML( 'beforeEnd', '<iframe id="my-like-frame" style="display:none;"></iframe>' );
  462. document.addEventListener( 'click', function ( event ) {
  463. var myLike = event.target;
  464. if( myLike.className.indexOf( 'my-like' ) > -1 ) {
  465. var frame = document.getElementById( 'my-like-frame' ),
  466. liked = ( myLike.className == 'my-liked' ),
  467. command = liked ? 'unlike' : 'like',
  468. reblog = myLike.getAttribute( 'data-reblog' ),
  469. id = myLike.getAttribute( 'data-id' ),
  470. oauth = reblog.slice( -8 );
  471. frame.src = 'http://www.tumblr.com/' + command + '/' + oauth + '?id=' + id;
  472. liked ? myLike.className = 'my-like' : myLike.className = 'my-liked';
  473. };
  474. }, false );
  475. };
  476. </script>
  477. </head>
  478. <body>
  479.  
  480. <div id="slow">
  481. <div id="img">
  482. <img src="{image:sidebar}">
  483. </div>
  484. <div id="coris"></div><div id="xota">
  485. <a href="{text:Link1}">{text:Link1 Title}</a>
  486. <a href="{text:Link2}"><b>{text:Link2 Title}</b></a>
  487. <a href="{text:Link3}">{text:Link3 Title}</a>
  488. <a href="{text:Link4}"><b>{text:Link4 Title}</b></a>
  489. <a href="{text:Link5}">{text:Link5 Title}</a>
  490.  
  491. </div>
  492. <div id="solid"></div>
  493. <div id="text">{Description}</div>
  494. <div id="pic2"><img src="{image:simbolo hover}"></div><div id="pic">
  495. <img src="{image:symbols}"></div>
  496.  
  497.  
  498. </div>
  499. </div>
  500. </div>
  501.  
  502.  
  503.  
  504. {block:IfNotLinksAfterDescription}
  505. <div class="description"><p>{Description}</p></div>
  506. {/block:IfNotLinksAfterDescription}
  507. </div></div>
  508.  
  509. <div id="container">
  510.  
  511. {block:Posts}
  512. <div class="entry">
  513. <div id="relativity">
  514.  
  515. {block:Text}
  516. <div class="textbox">
  517. {block:Title}
  518. <h1>{Title}</h1>
  519. {/block:Title}{body}</div>{/block:Text}
  520.  
  521. {block:Photo}
  522. {block:IndexPage}<a href="{Permalink}">
  523. <img src="{PhotoURL-500}" alt="{PhotoAlt}" width="100%" />
  524. </a>
  525. {/block:IndexPage}
  526. {block:PermalinkPage}
  527. {LinkOpenTag}
  528. <img src="{PhotoURL-500}" alt="{PhotoAlt}" width="100%" />
  529. {LinkCloseTag}
  530. {/block:PermalinkPage}
  531. {/block:Photo}
  532.  
  533. {block:Photoset}
  534. <div style="margin-bottom:-4px;text-align:center;">
  535. {block:IndexPage}
  536. {block:IfPostWidth500px}
  537. {Photoset-500}
  538. {/block:IfPostWidth500px}{block:IfPostWidth400px}
  539. {Photoset-400}
  540. {/block:IfPostWidth400px}
  541. {block:IfPostWidth320px}
  542. {Photoset-250}
  543. {/block:IfPostWidth320px}
  544. {block:IfPostWidth250px}
  545. {Photoset-250}
  546. {/block:IfPostWidth250px}
  547. {/block:IndexPage}
  548. {block:PermalinkPage}
  549. {block:IfNot1Column}
  550. {Photoset-500}
  551. {/block:IfNot1Column}
  552. {block:If1Column}
  553. {block:IfPostWidth500px}
  554. {Photoset-500}
  555. {/block:IfPostWidth500px}
  556. {block:IfPostWidth400px}
  557. {Photoset-400}
  558. {/block:IfPostWidth400px}
  559. {block:IfPostWidth320px}
  560. {Photoset-250}
  561. {/block:IfPostWidth320px}
  562. {block:IfPostWidth250px}
  563. {Photoset-250}
  564. {/block:IfPostWidth250px}
  565. {/block:If1Column}
  566. {/block:PermalinkPage}
  567. </div>
  568. {/block:Photoset}
  569.  
  570. {block:Quote}
  571. <div class="quote">“{Quote}”</div>
  572. {block:Source}<div class="quotesource">
  573. — <b>{Source}</b></div>
  574. {/block:Source}
  575. {/block:Quote}
  576.  
  577.  
  578. {block:Link}
  579. <div class="textbox">
  580. <h1> <a href="{URL}" class="link" {Target}>{Name}</a> </h1>
  581. {block:Description}
  582. <p>{Description}</p>
  583. {/block:Description}
  584. </div>
  585. {/block:Link}
  586.  
  587. {block:Chat}
  588. <div class="textbox">
  589. {block:Title}<h1>{Title}</h1>{/block:Title}{Body}{/block:Text}
  590. <ul class="chat">
  591. {block:Lines}
  592. <li class="{Alt} user_{UserNumber}">
  593. {block:Label}
  594. <span class="label" style="font-weight:bold">{Label}</span>
  595. {/block:Label}
  596. {Line}
  597. </li>
  598. {/block:Lines}
  599. </ul>
  600. </div>
  601. {/block:Chat}
  602.  
  603. {block:Audio}
  604. <div class="textbox" style="text-align:center;">
  605. <p>{AudioPlayerBlack}</p>
  606. <p>
  607. {block:TrackName}
  608. {TrackName}
  609. {/block:TrackName}
  610. {block:Artist}
  611. - {Artist}
  612. {/block:Artist}
  613. </p>
  614. </div>
  615. {/block:Audio}
  616.  
  617. {block:Video}
  618. <div style="text-align:center;margin-bottom:-4px;">
  619. {block:IndexPage}
  620. {block:IfPostWidth500px}
  621. {Video-500}
  622. {/block:IfPostWidth500px}
  623. {block:IfPostWidth400px}
  624. {Video-400}
  625. {/block:IfPostWidth400px}
  626. {block:IfPostWidth320px}
  627. {Video-250}
  628. {/block:IfPostWidth320px}
  629. {block:IfPostWidth250px}
  630. {Video-250}
  631. {/block:IfPostWidth250px}
  632. {/block:IndexPage}
  633. {block:PermalinkPage}
  634. {block:IfNot1Column}
  635. {Video-500}
  636. {/block:IfNot1Column}
  637. {block:If1Column}
  638. {block:IfPostWidth500px}
  639. {Video-500}
  640. {/block:IfPostWidth500px}
  641. {block:IfPostWidth400px}
  642. {Video-400}
  643. {/block:IfPostWidth400px}
  644. {block:IfPostWidth320px}
  645. {Video-250}
  646. {/block:IfPostWidth320px}
  647. {block:IfPostWidth250px}
  648. {Video-250}
  649. {/block:IfPostWidth250px}
  650. {/block:If1Column}
  651. {/block:PermalinkPage}
  652. </div>
  653. {/block:Video}
  654.  
  655. {block:Answer}
  656. <div class="asker"><span></span><b>{Asker} gemeu:</b> {Question}&nbsp;</div><div class="questions">{Answer}</div>{/block:Answer}
  657.  
  658. {block:IndexPage}
  659.  
  660. {block:Photo}
  661. <div class="permatext"><a href="{Permalink}">{NoteCountWithLabel}</a> - <a href="{ReblogURL}" target="_blank"> reblog</a></div>
  662. {/block:Photo}
  663. {block:Video}
  664. <div class="gradient transition">
  665. <a href="{ReblogURL}" title="Reblog" target="_blank"><span class="reblogspan">x</span></a>
  666. <a href="{Permalink}" title="Permalink"><span class="notespan">{NoteCount}</span></a>
  667. <span class="my-like" data-reblog="{ReblogURL}" data-id="{PostID}" title="Like">x</span></div>
  668. {/block:Video}
  669. {block:Text}
  670. {block:Text}
  671. <div class="permatext"><a href="{Permalink}">{NoteCountWithLabel}</a> - <a href="{ReblogURL}" target="_blank"> reblog</a></div>
  672. {/block:Text}
  673. {block:Photoset}
  674. <div class="permatext"><a href="{Permalink}">{NoteCountWithLabel}</a> - <a href="{ReblogURL}" target="_blank"> reblog</a></div>
  675. {/block:Photoset}
  676. {block:Quote}
  677. <div class="permatext"><a href="{Permalink}">{NoteCountWithLabel}</a> - <a href="{ReblogURL}" target="_blank"> reblog</a></div>
  678. {/block:Quote}
  679. {block:Link}
  680. <div class="permatext"><a href="{Permalink}">{NoteCountWithLabel}</a> - <a href="{ReblogURL}" target="_blank"> reblog</a></div>
  681. {/block:Link}
  682. {block:Chat}
  683. <div class="permatext"><a href="{Permalink}">{NoteCountWithLabel}</a> - <a href="{ReblogURL}" target="_blank"> reblog</a></div>
  684. {/block:Chat}
  685. {block:Audio}
  686. <div class="permatext"><a href="{Permalink}">{NoteCountWithLabel}</a> - <a href="{ReblogURL}" target="_blank"> reblog</a></div>
  687. {/block:Audio}
  688. {block:Answer}
  689. <div class="permatext"><a href="{Permalink}">{NoteCountWithLabel}</a></div>
  690. {/block:Answer}
  691. {/block:IndexPage}
  692.  
  693. </div>
  694. </div>
  695.  
  696. {block:PermalinkPage}
  697. {block:Date}
  698. {block:Photo}
  699. {block:Caption}<div class="entry"><div class="textbox">{Caption}</div></div>{/block:Caption}
  700. {/block:Photo}
  701. {block:Photoset}
  702. {block:Caption}<div class="entry"><div class="textbox">{Caption}</div></div>{/block:Caption}
  703. {/block:Photoset}
  704. {block:Audio}
  705. {block:Caption}<div class="entry"><div class="textbox">{Caption}</div></div>{/block:Caption}
  706. {/block:Audio}
  707. {block:Video}
  708. {block:Caption}<div class="entry"><div class="textbox">{Caption}</div></div>{/block:Caption}
  709. {/block:Video}
  710.  
  711. <div class="entry">
  712. <div class="textbox">
  713. {block:NoteCount}
  714. <p>{NoteCountWithLabel}</p>
  715. {/block:NoteCount}
  716. <p>{DayOfMonth}{DayOfMonthSuffix} {Month} {Year} @ {12HourWithZero}:{Minutes}{AmPm}</p>
  717. {block:RebloggedFrom}
  718. <p>via <a href="{ReblogParentURL}">{ReblogParentName}</a></p><p>originally <a href="{ReblogRootURL}">{ReblogRootName}</a></p>
  719. {/block:RebloggedFrom}
  720. {block:HasTags}
  721. <p>{block:Tags}
  722. <a href="{TagURL}">#{Tag}</a>
  723. {/block:Tags}</p>
  724. {/block:HasTags}
  725. </div></div>
  726. {/block:Date}
  727.  
  728. {block:PostNotes}
  729. <div class="entry">
  730. <div class="textbox">
  731. {PostNotes}
  732. </div></div>
  733. {/block:PostNotes}
  734. {/block:PermalinkPage}
  735.  
  736. {/block:Posts}
  737. </div></div>
  738.  
  739. {block:Pagination}
  740. <div id="pagination" style="display:none;">
  741. {block:NextPage}
  742. <a id="nextPage" href="{NextPage}"></a>
  743. {/block:NextPage}
  744. </div>
  745. {/block:Pagination}
  746.  
  747.  
  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. </script>
  777. <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 themes">SOWSLY</a>
  778.  
  779. </body>
  780. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement