JuuhOliva

01

Oct 22nd, 2016
88
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 21.84 KB | None | 0 0
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
  2. "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  3. <!-----
  4. THEME DESENVOLVIDO POR JUU (MELANCOLIZAVA.TUMBLR.COM)
  5.  
  6. BASE POR DAI (ARCAICAS.TUMBLR.COM)
  7. ------>
  8.  
  9.  
  10.  
  11. <link href='https://fonts.googleapis.com/css?family=Quicksand|Dancing+Script|Pathway+Gothic+One|Philosopher|Oleo+Script|Acme|Coda' rel='stylesheet' type='text/css'>
  12.  
  13. <link href='https://fonts.googleapis.com/css?family=Alegreya+Sans|Teko|Loved+by+the+King|Rouge+Script' rel='stylesheet' type='text/css'>
  14. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
  15. <script type="text/javascript" src="http://static.tumblr.com/2wl9p6g/G70lj5t0q/animatedcollapse.js"></script>
  16.  
  17. <link href="https://fonts.googleapis.com/css?family=Alex+Brush|Allura|Great+Vibes|Josefin+Sans|Parisienne|Rochester|Tangerine|Yanone+Kaffeesatz" rel="stylesheet">
  18.  
  19.  
  20.  
  21.  
  22.  
  23.  
  24. <html xmlns="http://www.w3.org/1999/xhtml">
  25. <head>
  26.  
  27.  
  28. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  29. <title>{Title}</title>
  30.  
  31. <link rel="shortcut icon" href="{Favicon}">
  32. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  33.  
  34. <meta name="if:Show Tags" content="0"/>
  35. <meta name="if:Infinite Scroll" content="1"/>
  36. <meta name="if:Show Captions" content="0"/>
  37. <meta name="color:descri" content="#ccc"/>
  38. <meta name="color:frase" content="#000"/>
  39. <meta name="color:fundofrase" content="fff"/>
  40. <meta name="color:source" content="#ccc"/>
  41. <meta name="color:fundosource" content="fff"/>
  42. <meta name="color:menu" content="#898787"/>
  43. <meta name="color:fundomenu" content="fff"/>
  44. <meta name="color:backask" content="#ccc"/>
  45. <meta name="color:links" content="#7b7b7b">
  46. <meta name="color:hover" content="#c3224d">
  47. <meta name="color:letras" content="#898787">
  48. <meta name="color:letters" content="#898787">
  49. <meta name="color:bg" content="#eee">
  50. <meta name="color:scrollbar" content="#000">
  51.  
  52.  
  53. <meta name="text:frase" content="Apologize" />
  54. <meta name="text:Link1" content="" />
  55. <meta name="text:Link1 Title" content="01" />
  56. <meta name="text:Link2" content="" />
  57. <meta name="text:Link2 Title" content="02" />
  58. <meta name="text:Link3" content="" />
  59. <meta name="text:Link3 Title" content="03" />
  60. <meta name="text:Link4" content="" />
  61. <meta name="text:Link4 Title" content="04" />
  62. <meta name="text:Link5" content="" />
  63. <meta name="text:Link5 Title" content="05" />
  64. <meta name="image:bg" content="" />
  65. <meta name="image:fotu" content="" />
  66.  
  67. <link href='https://fonts.googleapis.com/css?family=Great+Vibes|Ruge+Boogie|Butterfly+Kids|Akronim|Dynalight|Smythe|Rouge+Script|Rochester|Allura' rel='stylesheet' type='text/css'>
  68.  
  69. <link href='https://fonts.googleapis.com/css?family=Ubuntu|Pacifico|Shadows+Into+Light|Dancing+Script|BenchNine|Kaushan+Script|Josefin+Slab|Satisfy|Courgette|Boogaloo|Oleo+Script' rel='stylesheet' type='text/css'>
  70.  
  71. <link href='https://fonts.googleapis.com/css?family=Rochester|Trochut|Great+Vibes|Alex+Brush|Sacramento|Allura|Rouge+Script|Aguafina+Script|Akronim|Monsieur+La+Doulaise' rel='stylesheet' type='text/css'>
  72.  
  73. <script src="//static.tumblr.com/vexeq8y/tJWnlzwcq/jquery.js"></script>
  74. <script type="text/javascript" src="http://goo.gl/cf96Aw"></script>
  75. <script type="text/javascript" src="http://static.tumblr.com/zbuvnci/PW7o42eds/5.js"></script>
  76.  
  77. <link href='https://fonts.googleapis.com/css?family=Roboto' rel='stylesheet' type='text/css'>
  78.  
  79. <script type="text/javascript" src="http://static.tumblr.com/5u1fog0/XsWngduiz/lsmoothscroll.js"></script>
  80.  
  81. <script src="http://static.tumblr.com/ikeq9mi/DfYl6o46t/scrolltotop.min.js"></script><a href="#" id="scrollToTop">TOP</a>
  82.  
  83. <style type="text/css">
  84. /* CORPO */
  85. @import url(http://static.tumblr.com/cy91k7c/4EEnfop6l/animate.css);
  86. @import url(http://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css);
  87.  
  88. body, a, a:hover {cursor: url( http://38.media.tumblr.com/tumblr_lr42upCqXm1qmvagu.png ), progress;}
  89. body {color:{color:letras};background-color:{color:bg};background-image:url( {image:bg});font-family: 'Roboto', sans-serif; font-size:13px;line-height: 1.0em;background-attachment:fixed; background-repeat:no-repeat; background-position:center; -o-background-size:cover; -webkit-background-size:cover; margin-left: 150px;}
  90.  
  91.  
  92. /* ESTRUTURA DA PAG */
  93. .clear {clear: both;} #pagination {display: none;} .clearfix:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.clearfix{display:inline-block}html[xmlns] .clearfix{display:block}* html .clearfix{height:1%}
  94.  
  95.  
  96. /* POSTS */
  97. .post {position: relative;{block:IndexPage}width:400px;margin:5px;{/block:IndexPage}{block:PermalinkPage}width:400px;{/block:PermalinkPage}float:left;padding:0;margin:5px;background:transparent; margin-left: 200px; border-right: 3px solid transparent; -ms-animation: fadeInUpBig 4s;
  98. -moz-animation: fadeInUpBig 4s;
  99. -webkit-animation: fadeInUpBig 4s; ; margin-top: 35px; }
  100. #contain {width:700px;left:10px; auto 0px;margin-top:0px;}
  101. #content { width:700px;float:right; }
  102. .box {position: relative;}
  103.  
  104.  
  105. /* LINKS */
  106. a {color:{color:links};text-decoration:none;font-size:11px;transition:all 1s ease;font-family:calibri;;letter-spacing:1px;text-transform:uppercase; cursor:url('http://cur.cursors-4u.net/others/oth-6/oth589.cur'), default!important;}
  107. a:hover {color:{color:hover}; text-decoration:none}
  108.  
  109.  
  110. /* TEXTOS */
  111. h3 {font-family:calibri;font-size:13px;text-align:justify;letter-spacing:1px;text-transform:uppercase;padding:2px; color: {color:letras};}
  112. blockquote {quotes: "" "" "'" "'"; margin: 0em 0em 0em;line-height: 1.3em;overflow:hidden;font-size:12px;font-family:calibri;padding:5px; color: {color:letras};}
  113. p {margin:0 0 .85em 0} p:last-child {margin:0}
  114. h1 {font-family:calibri;font-size:13px;text-align:center;letter-spacing:1px;text-transform:uppercase;padding:2px; color: {color:letras};}
  115. .text { padding:5px;font-size:12px;text-align:justify;}
  116.  
  117. /* CHAT */
  118. ul {margin: 0em ;padding:0px;}
  119. li {margin: 0em 3em;padding:3px;list-style-type:disc;line-height:1.0em;}
  120. .line {list-style-type:disc;padding:3px;border-left:1px solid{color:letters};}
  121. .person{color:{color:letras};font-weight:bold;padding:5px;}
  122.  
  123. /* IMAGENS, PHOTOSETS E VIDEOS */
  124. .box img { display: block;width:390px;position:relative;{block:PermalinkPage}width:100%;height:100%;{/block:PermalinkPage};padding:3px; -webkit-transition-duration:.8s;
  125. -moz-transition-duration:.8s;}
  126. .box img:hover {opacity: 0.5; ; -webkit-transition-duration:.8s;
  127. -moz-transition-duration:.8s; }
  128. .photoset{width:290px;{block:PermalinkPage}width:100%;{/block:PermalinkPage}padding:5px;;}
  129. .m-i {display: block;line-height: 1px!important;}
  130. .box {position: relative;}
  131. .video{{block:PermalinkPage}width:410px;{/block:PermalinkPage}}
  132.  
  133.  
  134. /* TAGS E QUOTES */
  135. .tagged { text-align:left; line-height:1.5em;font-size:7px;padding-left:10px;}
  136. #quotebb {padding: 5px;line-height: 1.6em;color:{color:letras};font-size: 14px;text-align:justify;font-family:roboto, serif; right: 20px; border: 1px inset {color:descri}; padding-bottom: 16px;}
  137. #sourcebb{ font-family: calibri;font-size:13px;text-align:center;color:{color:source};text-transform:uppercase;padding-bottom:5px; margin-top: -2px; margin-left:0px; padding: 8px; border: 1px inset {color:descri}; background: {color:fundosource};) }
  138.  
  139.  
  140. /* ASKS */
  141. #response {text-align:left;padding: 5px;margin-bottom: .75em;font-size:10px;font-family:baumans;; text-transform: uppercase;overflow:hidden; display:block; line-height: 1.7em; text-align: justify; color: {color:letras};}
  142. #answer {text-align:left; font-size:13px;font-family:baumans;;margin-left:5px; padding:5px; line-height: 1.7em;color: {color:letras} }
  143. #questao{margin-left:5px;margin-top:5px; font-family:baumans; text-align: justify; color: {color:letras}}
  144. #quest{margin-left: auto;margin-top: auto; text-align: center;border: 1px solid rgba(105, 105, 105, 0.4); padding: 5px; text-transform: uppercase ; color: {color:letras}}
  145.  
  146.  
  147.  
  148.  
  149. /* SCROLLBAR */
  150. ::-webkit-scrollbar-thumb{ background-color:{color:scrollbar}; border: 1px solid{color:bg}; height:auto;}
  151. ul {margin-bottom: .75em;}
  152. ::-webkit-scrollbar {height:7px; width:7px; background:{color:bg};}
  153.  
  154.  
  155. /* TO TOP */
  156. #scrollToTop:link,#scrollToTop:visited { color:{color:letras}; background-color: transparent; display: none; position: fixed;bottom:60px;right:200px;}
  157.  
  158. /* TUMBLR CONTROLS */
  159. #tumblr_controls,.tmblr-iframe {top:0px!important; right:0px!important; position:fixed!important; z-index:999999999!important;}
  160. .tmblr-iframe {-webkit-filter:invert(0%);}
  161.  
  162.  
  163. /* PERMALINKS */
  164. .box iframe {max-width: 100%;}
  165. .text img {max-width: 100%;}
  166. .post-info-data{text-align:center;}
  167. .notes img{display:;float:left;margin-right:.75em;border-radius:100%;}
  168. ol.notes li{margin:.375em 0;list-style-type:none;line-height:16px;}
  169.  
  170.  
  171. /* SEM INIFINIT SCROLL */
  172. ol.pagination { font-weight:bold;margin:10px 0;padding:0 0 10px 0;list-style:none;text-align:center;overflow:hidden;text-shadow:none;}
  173. ol.pagination li {display:inline-block;margin:0 2px 0 0;border-radius:10px;
  174. background:;border:1px solid #d2d2d2;padding:5px 10px;}
  175. ol.pagination li a {text-decoration:none;}
  176. .pagination.older-newer .previous { font-weight:bold;float:left;}
  177. .pagination.older-newer .next {float:right;}
  178.  
  179.  
  180. /* INIIFINIT SCROLL */
  181. #infscr-loading{position:absolute!important;width:16px!important;height:14px!important;margin-bottom:-16px!important;top:auto!important;bottom:0;left:50%!important}
  182.  
  183. /* NOTES - DESATIVADO*/
  184. #arc{bottom:-10px;position:absolute;opacity:0;transition:all .5s ease;left:0px;text-align:right;padding:5px;padding-left:5px;color: #000}
  185. .post:hover #arc{opacity:1;padding-left:10px; background-color: #fff}
  186.  
  187.  
  188. /*ESTILO DE NOTES - Disponível em passo-html por Gabi (clamam). Não remova os créditos.*/
  189.  
  190. #ph-perma{opacity:0; position:absolute; text-align:center; height:20px; line-height:20px; left:0px; bottom:0px; z-index:99; width:390px; -webkit-transition: all 1s linear; -moz-transition: all 1s linear; -ms-transition: all 1s linear; -o-transition: all 1s linear; transition: all 1s linear; height: 32px; }
  191.  
  192. #ph-perma a{color: {color:letras}; font-family:calibri; text-transform:uppercase; font-size:11px; padding:5px; letter-spacing:1px;}
  193.  
  194. .post:hover #ph-perma{opacity:1; bottom:-30px;}
  195.  
  196. /*------- JAMAIS RETIRE ISSO CONHEÇO MEUS CÓDIGOS ---------*/
  197. #arc-c {position:fixed;bottom:25px;right:15px;padding:5px;}
  198. .arc-cr a{text-decoration:none;font-size:11px;font-family:calibri; background-color: rgba(255, 255, 255, 0.7); color: #000; padding: 3px; border: 1px solid;}
  199.  
  200.  
  201. #s-m-t-tooltip {max-width:300px; -webkit-border-radius: 0px 0px 0px 0px; padding:4px 4px 4px 4px;margin:15px 20px;background-color:#eee; font-family:baumans; font-size:9px; letter-spacing:1px; text-transform:uppercase; color:#444444; z-index:99999999999999999999999999;box-shadow:1px 1px 1px #888}}
  202.  
  203. /* ESTILO DE ASK */
  204.  
  205. /*ESTILO DE ASK BASE FEITA POR GABRIELE (http://clamam.tumblr.com) DISPONÍVEL EM PASSO-HTML(http://passo-html.tumblr.com). FAÇA A DIFERENÇA, NÃO RETIRE OS CREDITOS!*/
  206. .question{z-index:1; background:{color:fundo da ask}; text-align:justify; font-weight:normal; font-size:12px; text-align:left; padding:10px; color: #000;}
  207. .bolt{width:20px; height:20px; background:{color:fundo da ask}; margin-left:50%; margin-top:-10px; z-index:1; -webkit-transform:rotate(45deg);}
  208. .asker{margin-top:8px; font-family: 'Roboto', sans-serif; font-size:10px; letter-spacing:.5px; text-align:center; text-transform:uppercase;}
  209. .answer{margin-top:-10px; text-align:justify; font-size:12px; padding:10px;}
  210. /*FIM DO ESTILO DE ASK*/
  211.  
  212.  
  213.  
  214. /* CRÉDITOS, NÃO APAGUE DE FORMA ALGUMA */
  215. #arc-c {position:fixed;bottom:25px;right:15px;padding:5px;}
  216. .arc-cr a{text-decoration:none;font-size:11px;font-family:calibri; background-color: rgba(255, 255, 255, 0.7); color: #000; padding: 3px; border: 1px solid;}
  217. #nav3 {
  218. background:transparent;
  219. margin-top:10px;
  220. margin-left:auto;
  221. margin-right:auto;
  222. }
  223.  
  224. #nav3 a {
  225. display:inline-block;
  226. padding:5px;
  227. text-align:center;
  228. width:10px;
  229. height:10px;
  230. text-transform:uppercase;
  231. color:transparent;
  232. font-size:12px;
  233. margin:3px;
  234. background: {color:source};
  235. -webkit-transition: all .5s ease-out;
  236. transition: all .5s ease-out;
  237. }
  238. #nav3 a:hover {
  239. background:#fff;
  240. color:{color:frase};
  241. width:100px;
  242. -webkit-transition: all .5s ease-out;
  243. transition: all .5s ease-out ;
  244. }
  245. /* FIM DOS CRÉDITOS, NÃO APAGUE DE FORMA ALGUMA */
  246.  
  247.  
  248. /* AQUI FICA A SIDE E TODAS COISAS QUE TEM DENTRO DELA, NÃO MEXA SE NÃO SOUBER*/
  249. /* SIDE */
  250. #sidej {position: fixed; left: 70px; ; width:200px; top: 43px;z-index:9 ; ; -ms-animation: bounceInDown 4s;
  251. -moz-animation: bounceInDown 4s;
  252. -webkit-animation: bounceInDown 4s; ; transition:all 1s ease; padding-bottom: 10px; padding-left: 10px;}
  253.  
  254.  
  255. /* FRASE */
  256. #frasej { color: {color:frase}; text-transform:uppercase;font-family: 'Teko', sans-serif; padding:3px; font-size: 20px; position: relative; text-align: center; margin-bottom: -37px; letter-spacing:0.2em; ; padding-top: 10px;background: {color:fundofrase}; border-bottom: 1px inset {color:descri};
  257. }
  258.  
  259. /* DESCRIÇÃO */
  260. #descrij { color: {color:descri}; font-family:cambria; font-size: 14px; position: relative; text-align: justify; line-height:2em; margin-top:10px; border: 1px inset {color:descri}; padding-bottom: 16px; padding-top: 30px; padding-left: 10px; padding-right: 10px; }
  261.  
  262. /* FOTO DA SIDE */
  263. #fruj {height:auto; margin-top:10px; position:relative; text-align:center;left: 130px; top:110px;transform: rotate(90deg) scale(1) skew(1deg) translate(0px); -ms-animation: bounceInLeft 5s;
  264. -moz-animation: bounceInLeft 5s ;
  265. -webkit-animation: bounceInLeft 5s ;}
  266.  
  267. #fruj img { width:150px; height:40px; opacity:1; -webkit-filter: grayscale(40%); border-radius: 0px;transition:all .5s ease }
  268. #fruj img:hover {transition:all .5s ease; opacity: 0.4}
  269.  
  270. /* MENU */
  271. #menj {color: {color:menu}; text-transform:uppercase;font-family: 'Teko', sans-serif; padding:3px; font-size: 14px; position: relative; text-align: center; margin-top: -19px; z-index: 9999;}
  272. #menj a { line-height:2.5em; padding: 5px; background: {color:fundomenu}; margin-left: 3px;border: 1px inset {color:descri}; transition:all .5s ease }
  273. #menj:hover {color: {color:hover}; transition:all .5s ease}
  274. </style>
  275. </head>
  276.  
  277.  
  278.  
  279. <body>
  280.  
  281.  
  282.  
  283.  
  284.  
  285.  
  286. <!----- JAMAIS RETIRE MEUS CRÉDITOS, CONHEÇO MEUS CÓDIGOS ------>
  287. <div id="arc-c">
  288. <div id="nav3"> <a href="/" title="theme por Juuh (Melancolizava) + base por Dai (arcaicas).">CRÉDITOS </a> </div>
  289. </div>
  290.  
  291.  
  292.  
  293.  
  294.  
  295.  
  296.  
  297.  
  298. <div id="sidej">
  299. <div id="frasej"> {text:frase} </div>
  300. <div id="descrij"> {description}</div>
  301. <div id="menj">
  302. <a href="{text:link1}"> {text:link1 title}</a>
  303. <a href="{text:link2}"> {text:link2 title}</a>
  304. <a href="{text:link3}"> {text:link3 title}</a>
  305. <a href="{text:link4}"> {text:link4 title}</a>
  306. <a href="{text:link5}"> {text:link5 title}</a>
  307.  
  308. </div>
  309.  
  310. </div>
  311.  
  312.  
  313. <div id="contain" class="clearfix">
  314. <div id="center">
  315. <div id="content">
  316. {block:Posts}
  317. <div class="post">
  318.  
  319.  
  320. {block:Quote}
  321. <div class="text quote">
  322.  
  323. <div id="quotebb">
  324. {Quote}
  325. </div>
  326. <div id="sourcebb">
  327. {Source}</div>
  328. </div>
  329. {block:IndexPage}
  330. <div id="ph-perma">
  331.  
  332. <a href="{Permalink}">com {NoteCount} notificações</a>
  333.  
  334. <font color="{color:frase}">•</font>
  335.  
  336. <a href="{ReblogURL}">compartilhe</a>
  337.  
  338. </div>
  339. {/block:IndexPage}
  340. {/block:Quote}
  341.  
  342. {block:Text}
  343. <div class="text">
  344. {block:Title}<h3>{Title}</h3>{/block:Title}
  345. {Body}
  346. </div>
  347. {block:IndexPage}
  348. <div id="ph-perma">
  349.  
  350. <a href="{Permalink}">com {NoteCount} notificações</a>
  351.  
  352. <font color="{color:frase}">•</font>
  353.  
  354. <a href="{ReblogURL}">compartilhe</a>
  355.  
  356. </div>
  357. {/block:IndexPage}
  358. {/block:Text}
  359.  
  360. {block:Chat}
  361. <div class="text chat">
  362. {block:Title}<h1>{Title}</h1>{/block:Title}
  363. <ul class="conversation">
  364. {block:Lines}
  365. <ul class="line {Alt}">
  366. {block:Label}<span class="person">{Label}</span>{/block:Label}
  367. <span class="person-said">{Line}</span>
  368. </ul>
  369. {/block:Lines}
  370. </ul>
  371. </div>
  372. {block:IndexPage}
  373. <div id="ph-perma">
  374.  
  375. <a href="{Permalink}">com {NoteCount} notificações</a>
  376.  
  377. <font color="{color:frase}">•</font>
  378.  
  379. <a href="{ReblogURL}">compartilhe</a>
  380.  
  381. </div>
  382. {/block:IndexPage}
  383. {/block:Chat}
  384.  
  385. {block:Audio}
  386. <div class="text audio">
  387. <big><b>Artista</b></big><big><i>{block:Artist}
  388. {Artist}
  389. {/block:Artist} </i></big>
  390. <big><b>Música</b></big>
  391. <big><i>
  392. {block:TrackName}
  393. {TrackName}
  394. {/block:TrackName}
  395. </i></big>
  396. <center><p>{AudioPlayer}</p></center>
  397. {block:IndexPage}{block:IfShowCaptions}
  398. {block:Caption}{Caption}{/block:Caption}
  399. {/block:IfShowCaptions}
  400. {/block:IndexPage}
  401. </div>
  402. {/block:Audio}
  403.  
  404. {block:Answer}
  405. <div id="questao">
  406. <div class="text answer">
  407. <div id="response">
  408. {Question}</div>
  409. <div id="quest">{Asker} </div>
  410. <div id="answer">
  411. {Answer}</div></div>
  412. </div>
  413. {block:IndexPage}
  414. <div id="ph-perma">
  415.  
  416. <a href="{Permalink}">com {NoteCount} notificações</a>
  417.  
  418. <font color="{color:frase}">•</font>
  419.  
  420. <a href="{ReblogURL}">compartilhe</a>
  421.  
  422. </div>
  423. {/block:IndexPage}
  424. {/block:Answer}
  425.  
  426. {block:Link}
  427. <div class="text link">
  428. <h3><a href="{URL}" {Target}>{Name}</a></h3>
  429. {block:Description}{Description}{/block:Description}
  430. </div>
  431. {block:IndexPage}
  432. <div id="ph-perma">
  433.  
  434. <a href="{Permalink}">com {NoteCount} notificações</a>
  435.  
  436. <font color="{color:frase}">•</font>
  437.  
  438. <a href="{ReblogURL}">compartilhe</a>
  439.  
  440. </div>
  441. {/block:IndexPage}
  442. {/block:Link}
  443.  
  444. {block:Photo}
  445. <div class="photo">
  446. <div class="box">
  447. {block:IndexPage}
  448. <center><a href="{PhotoURL-HighRes}" target="_blank"><img src="{PhotoURL-500}" alt="{PhotoAlt}" width="100%"/></a></center>
  449. {/block:IndexPage}
  450. {block:PermalinkPage}
  451. {LinkOpenTag}<img src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="500"/>{LinkCloseTag}
  452. {/block:PermalinkPage}
  453. </div>
  454. {block:IndexPage}
  455. {block:IfShowCaptions}
  456. {block:Caption}<div class="caption text">{Caption}</div>{/block:Caption}
  457. {/block:IfShowCaptions}
  458.  
  459. <div id="ph-perma">
  460.  
  461. <a href="{Permalink}">com {NoteCount} notificações</a>
  462.  
  463. <font color="{color:frase}">•</font>
  464.  
  465. <a href="{ReblogURL}">compartilhe</a>
  466.  
  467. </div>
  468. {/block:IndexPage}
  469. </div>
  470. {/block:Photo}
  471.  
  472. {block:Photoset}
  473. <div class="photoset">
  474. <div class="box img">
  475. {block:IndexPage}
  476. <center>
  477. {Photoset}</center>{/block:IndexPage}
  478. {block:PermalinkPage}{Photoset-400}{/block:PermalinkPage}
  479. </div>
  480. {block:IndexPage}{block:IfShowCaptions}
  481. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  482. {/block:IfShowCaptions}
  483. <div id="ph-perma">
  484.  
  485. <a href="{Permalink}">com {NoteCount} notificações</a>
  486.  
  487. <font color="{color:frase}">•</font>
  488.  
  489. <a href="{ReblogURL}">compartilhe</a>
  490.  
  491. </div>
  492. {/block:IndexPage}
  493. </div>
  494. {/block:Photoset}
  495.  
  496. {block:Video}
  497. <div class="video">
  498. {block:IndexPage}<center>{Video-250}</center>{/block:IndexPage}
  499. {block:PermalinkPage}{Video-500}{/block:PermalinkPage}
  500. {block:IndexPage}{block:IfShowCaptions}
  501. {block:Caption}<div class="caption text">{Caption}</div>{/block:Caption}
  502. {/block:IfShowCaptions}
  503. {/block:IndexPage}
  504. </div>
  505. {/block:Video}
  506.  
  507.  
  508.  
  509. {block:IfShowTags}{block:IndexPage}{block:HasTags}
  510. <div class="tagged"><p>{block:Tags}<a href="{TagURL}">#{Tag}</a> {/block:Tags}</p></div>
  511. {/block:HasTags}{/block:IndexPage}{/block:IfShowTags}
  512.  
  513. {block:PermalinkPage}
  514. <div id="post-info" class="text">
  515. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  516. {block:HasTags}
  517. <p class="tagged">{block:Tags}<a href="{TagURL}">#{Tag}</a> {/block:Tags}</p>
  518. {/block:HasTags}
  519. <p class="post-info-data">
  520. {block:Date}{TimeAgo}, {MonthNumber}/{DayOfMonth}/{Year}.{/block:Date}</br>
  521. {block:RebloggedFrom}
  522. Reblogado de <a href="{ReblogParentURL}">{ReblogParentName}</a><br/>Postado por <a href="{ReblogRootURL}">{ReblogRootName}</a>{block:RebloggedFrom}</p>
  523. </div>
  524. {block:PostNotes}{PostNotes}{/block:PostNotes}
  525. {/block:PermalinkPage}
  526.  
  527. </div> <!-- end single post -->
  528. {block:ContentSource}
  529. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}" width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" /> {/block:SourceLogo} {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  530. {/block:ContentSource}
  531. <!--{block:NoRebloggedFrom}{block:RebloggedFrom}{ReblogParentName}{/block:RebloggedFrom}{/block:NoRebloggedFrom} -->
  532. {/block:Posts} </div>
  533. </div> <!-- end content -->
  534. <div class="loading"></div>
  535. </div> <!-- end containing div -->
  536. {block:IfNotInfiniteScroll}
  537. {block:Pagination}
  538. <ol class="pagination ">
  539. {block:PreviousPage}
  540. <li class="previous"><a href="{PreviousPage}">← Previous</a></li>
  541. {/block:PreviousPage}
  542. {block:JumpPagination length="5"}
  543. {block:CurrentPage}
  544. <li class="numbers current">{PageNumber}</li>
  545. {/block:CurrentPage}
  546. {block:JumpPage}
  547. <li class="numbers"><a href="{URL}">{PageNumber}</a></li>
  548. {/block:JumpPage}
  549. {/block:JumpPagination}
  550. {block:NextPage}
  551. <li class="next"><a href="{NextPage}">Next →</a></li>
  552. {/block:NextPage}
  553. </ol>
  554. {/block:Pagination}
  555. {/block:IfNotInfiniteScroll}
  556. {block:IfInfiniteScroll}
  557. {block:Pagination}<ul id="pagination">
  558. {block:PreviousPage}
  559. <li><a href="{PreviousPage}"></a></li>
  560. {/block:PreviousPage}
  561. {block:JumpPagination length="5"}
  562. {block:CurrentPage}
  563. <li><span class="current_page numbersNav"><strong>{PageNumber}</strong></span></li>
  564. {/block:CurrentPage}
  565. {block:JumpPage}
  566. <li><a class="jump_page numbersNav" href="{URL}">{PageNumber}</a></li>
  567. {/block:JumpPage}
  568. {/block:JumpPagination}
  569. {block:NextPage}
  570. <li><a id="nextPage" href="{NextPage}"></a></li>
  571. {/block:NextPage}
  572. </ul>{/block:Pagination}
  573. {/block:IfInfiniteScroll}
  574. {block:IndexPage}
  575. <script type="text/javascript">
  576. $(window).load(function () {
  577. $('#content').masonry(),
  578. $('.masonryWrap').infinitescroll({
  579. navSelector : '#pagination',
  580. nextSelector : '#pagination a#nextPage',
  581. itemSelector : ".post, .loading",
  582. bufferPx : 40,
  583. loadingImg : "http://static.tumblr.com/5u1fog0/e8Umunlx6/loader.gif",
  584. loadingText : "<em></em>",
  585. },
  586. function() { $('#content').masonry({ appendedContent: $(this) }); }
  587. );
  588. });
  589. </script>
  590. {/block:IndexPage}
  591.  
  592. </body>
  593.  
  594. </html>
Advertisement
Add Comment
Please, Sign In to add comment