JuuhOliva

02

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