API tools faq
paste
JuuhOliva

TEMA 06 - ENCANTO

JuuhOliva
Apr 14th, 2016
88
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 22.01 KB | None | 0 0
raw download clone embed print report
  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 MELANCOLIZAVA
  5. Não retire os créditos, não use como base, não pegue detalhes, não disponibilize.
  6.  
  7. BASE POR DAI (ARCAICAS.TUMBLR.COM)
  8. ------>
  9. <script>
  10. (function($){
  11. $(document).ready(function(){
  12. $("[title]").style_my_tooltips({
  13. tip_follows_cursor:true,
  14. tip_delay_time:20,
  15. tip_fade_speed:400,
  16. attribute:"title"
  17. });
  18. });
  19. })(jQuery);
  20. </script>
  21.  
  22. <link href='https://fonts.googleapis.com/css?family=Alegreya+Sans|Teko|Loved+by+the+King|Rouge+Script' rel='stylesheet' type='text/css'>
  23. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
  24. <script type="text/javascript" src="http://static.tumblr.com/2wl9p6g/G70lj5t0q/animatedcollapse.js"></script>
  25.  
  26. <script type="text/javascript">
  27. animatedcollapse.addDiv('jason', 'fade=1,height=80px')
  28. animatedcollapse.addDiv('kelly', 'fade=1,height=100px')
  29. animatedcollapse.addDiv('michael', 'fade=1,height=120px')
  30. animatedcollapse.addDiv('cat', 'fade=0,speed=400,group=pets')
  31. animatedcollapse.addDiv('dog', 'fade=0,speed=400,group=pets,persist=1,hide=1')
  32. animatedcollapse.addDiv('rabbit', 'fade=0,speed=400,group=pets,hide=1')
  33. animatedcollapse.ontoggle=function($, divobj, state){ //fires each time a DIV is expanded/contracted
  34. //$: Access to jQuery
  35. //divobj: DOM reference to DIV being expanded/ collapsed. Use "divobj.id" to get its ID
  36. //state: "block" or "none", depending on state
  37. }
  38. animatedcollapse.init()
  39. </script>
  40.  
  41.  
  42. <html xmlns="http://www.w3.org/1999/xhtml">
  43. <head>
  44.  
  45.  
  46. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  47. <title>{Title}</title>
  48.  
  49. <link rel="shortcut icon" href="{Favicon}">
  50. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  51.  
  52. <meta name="if:Show Tags" content="0"/>
  53. <meta name="if:Infinite Scroll" content="1"/>
  54. <meta name="if:Show Captions" content="0"/>
  55.  
  56. <meta name="image:Bg" content=""/>
  57.  
  58. <meta name="color:popuplink" content="#ccc"/>
  59. <meta name="color:frase" content="#000"/>
  60. <meta name="color:source" content="#ccc"/>
  61. <meta name="color:menu" content="#000"/>
  62. <meta name="color:backask" content="#ccc"/>
  63. <meta name="color:bg menu" content="#000"/>
  64. <meta name="color:links" content="#7b7b7b">
  65. <meta name="color:hover" content="#fec1c1">
  66. <meta name="color:letras" content="#7b7b7b">
  67. <meta name="color:letters" content="#000">
  68. <meta name="color:bg" content="#eee">
  69. <meta name="color:scrollbar" content="#000">
  70.  
  71.  
  72. <meta name="text:frase" content="Apologize" />
  73. <meta name="text:Link1" content="" />
  74. <meta name="text:Link1 Title" content="Link" />
  75. <meta name="text:Link2" content="" />
  76. <meta name="text:Link2 Title" content="Link" />
  77. <meta name="text:Link3" content="" />
  78. <meta name="text:Link3 Title" content="Link" />
  79. <meta name="text:Link4" content="" />
  80. <meta name="text:Link4 Title" content="Link" />
  81. <meta name="text:Link5" content="" />
  82. <meta name="text:Link5 Title" content="Link" />
  83. <meta name="text:Link6" content="" />
  84. <meta name="text:Link6 Title" content="Link" />
  85. <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'>
  86.  
  87.  
  88. <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'>
  89.  
  90. <script src="//static.tumblr.com/vexeq8y/tJWnlzwcq/jquery.js"></script>
  91. <script type="text/javascript" src="http://goo.gl/cf96Aw"></script>
  92. <script type="text/javascript" src="http://static.tumblr.com/zbuvnci/PW7o42eds/5.js"></script>
  93.  
  94. <link href='https://fonts.googleapis.com/css?family=Roboto' rel='stylesheet' type='text/css'>
  95.  
  96. <script type="text/javascript" src="http://static.tumblr.com/5u1fog0/XsWngduiz/lsmoothscroll.js"></script>
  97.  
  98. <script src="http://static.tumblr.com/ikeq9mi/DfYl6o46t/scrolltotop.min.js"></script><a href="#" id="scrollToTop">TOP</a>
  99.  
  100. <style type="text/css">
  101. /* CORPO */
  102. @import url(http://static.tumblr.com/cy91k7c/4EEnfop6l/animate.css);
  103. @import url(http://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css);
  104.  
  105. body, a, a:hover {cursor: url( http://38.media.tumblr.com/tumblr_lr42upCqXm1qmvagu.png ), progress;}
  106. 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;}
  107.  
  108.  
  109. /* ESTRUTURA DA PAG */
  110. .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%}
  111.  
  112.  
  113. /* POSTS */
  114. .post {position: relative;{block:IndexPage}width:450px;margin:5px;{/block:IndexPage}{block:PermalinkPage}width:350px;{/block:PermalinkPage}float:left;padding:0;margin:10px;background:transparent; -ms-animation: fadeInUpBig 4s;
  115. -moz-animation: fadeInUpBig 4s;
  116. -webkit-animation: fadeInUpBig 4s; }
  117. #contain {width:800px;left:10px; auto 0px;margin-top:0px;}
  118. #content { width:800px;float:right;}
  119. .box {position: relative;}
  120.  
  121.  
  122. /* LINKS */
  123. a {color:{color:links};text-decoration:none;font-size:9px;transition:all 1s ease;font-family:calibri;font-size:9px;letter-spacing:1px;text-transform:uppercase; cursor:url('http://cur.cursors-4u.net/others/oth-6/oth589.cur'), default!important;}
  124. a:hover {color:{color:hover}; text-decoration:none}
  125.  
  126.  
  127. /* TEXTOS */
  128. h3 {font-family:calibri;font-size:13px;text-align:justify;letter-spacing:1px;text-transform:uppercase;padding:2px; color: {color:letras};}
  129. blockquote {quotes: "" "" "'" "'"; margin: 0em 0em 0em;line-height: 1.3em;overflow:hidden;font-size:12px;font-family:calibri;padding:5px; color: {color:letras};}
  130. p {margin:0 0 .85em 0} p:last-child {margin:0}
  131. h1 {font-family:calibri;font-size:12px;text-align:center;letter-spacing:1px;text-transform:uppercase;padding:2px; color: {color:letras};}
  132. .text { padding:5px;font-size:11px;text-align:justify;}
  133.  
  134. /* CHAT */
  135. ul {margin: 0em ;padding:0px;}
  136. li {margin: 0em 3em;padding:3px;list-style-type:disc;line-height:1.0em;}
  137. .line {list-style-type:disc;padding:3px;border-left:1px solid{color:letters};}
  138. .person{color:{color:letras};font-weight:bold;padding:5px;}
  139.  
  140. /* IMAGENS, PHOTOSETS E VIDEOS */
  141. .box img { display: block;width:440px;position:relative;{block:PermalinkPage}width:100%;height:100%;{/block:PermalinkPage};padding:3px; -webkit-transition-duration:.8s;
  142. -moz-transition-duration:.8s;}
  143. .box img:hover {opacity: 0.5; ; -webkit-transition-duration:.8s;
  144. -moz-transition-duration:.8s; }
  145. .photoset{width:330px;{block:PermalinkPage}width:100%;{/block:PermalinkPage}padding:5px;;}
  146. .m-i {display: block;line-height: 1px!important;}
  147. .box {position: relative;}
  148. .video{{block:PermalinkPage}width:410px;{/block:PermalinkPage}}
  149.  
  150.  
  151. /* TAGS E QUOTES */
  152. .tagged { text-align:left; line-height:1.5em;font-size:7px;padding-left:10px;}
  153. #quotebb {padding: 5px;line-height: 1.6em;color:{color:letras};font-size: 13px;text-align:justify;font-family:roboto, serif; left:;}
  154. #sourcebb{ font-family: calibri;font-size:12px;text-align:left;color:{color:source};text-transform:uppercase;padding-bottom:5px; margin-top: 10px; margin-left:5px; }
  155.  
  156. /* ASKS */
  157. #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};}
  158. #answer {text-align:left; font-size:13px;font-family:baumans;;margin-left:5px; padding:5px; line-height: 1.7em;color: {color:letras} }
  159. #questao{margin-left:5px;margin-top:5px; font-family:baumans; text-align: justify; color: {color:letras}}
  160. #quest{margin-left: auto;margin-top: auto; text-align: center;border: 2px dotted rgba(105, 105, 105, 0.2); padding: 5px; text-transform: uppercase ; color: {color:letras}}
  161.  
  162.  
  163.  
  164.  
  165. /* SCROLLBAR */
  166. ::-webkit-scrollbar-thumb{ background-color:{color:scrollbar}; border: 1px solid{color:bg}; height:auto;}
  167. ul {margin-bottom: .75em;}
  168. ::-webkit-scrollbar {height:7px; width:7px; background:{color:bg};}
  169.  
  170.  
  171. /* TO TOP */
  172. #scrollToTop:link,#scrollToTop:visited { color:{color:letras}; background-color: transparent; display: none; position: fixed;bottom:60px;right:200px;}
  173.  
  174. /* TUMBLR CONTROLS */
  175. #tumblr_controls,.tmblr-iframe {top:0px!important; right:0px!important; position:fixed!important; z-index:999999999!important;}
  176. .tmblr-iframe {-webkit-filter:invert(0%);}
  177.  
  178.  
  179. /* PERMALINKS */
  180. .box iframe {max-width: 100%;}
  181. .text img {max-width: 100%;}
  182. .post-info-data{text-align:center;}
  183. .notes img{display:;float:left;margin-right:.75em;border-radius:100%;}
  184. ol.notes li{margin:.375em 0;list-style-type:none;line-height:16px;}
  185.  
  186.  
  187. /* SEM INIFINIT SCROLL */
  188. ol.pagination { font-weight:bold;margin:10px 0;padding:0 0 10px 0;list-style:none;text-align:center;overflow:hidden;text-shadow:none;}
  189. ol.pagination li {display:inline-block;margin:0 2px 0 0;border-radius:10px;
  190. background:;border:1px solid #d2d2d2;padding:5px 10px;}
  191. ol.pagination li a {text-decoration:none;}
  192. .pagination.older-newer .previous { font-weight:bold;float:left;}
  193. .pagination.older-newer .next {float:right;}
  194.  
  195.  
  196. /* INIIFINIT SCROLL */
  197. #infscr-loading{position:absolute!important;width:16px!important;height:14px!important;margin-bottom:-16px!important;top:auto!important;bottom:0;left:50%!important}
  198.  
  199. /* NOTES */
  200. #arc{bottom:-25px;position:absolute;opacity:0;transition:all .5s ease;left:0px;text-align:left;padding:5px;padding-left:5px;}
  201. .post:hover #arc{opacity:1;padding-left:10px;}
  202.  
  203. /*------- JAMAIS RETIRE ISSO CONHEÇO MEUS CÓDIGOS ---------*/
  204. #arc-c {position:fixed;bottom:5px;right:5px;padding:5px;}
  205. .arc-cr a{text-decoration:none;font-size:11px;font-family:calibri;}
  206.  
  207.  
  208.  
  209.  
  210. #side {position: fixed; left: 500px; ; ; z-index: 9; width: 210px; top: 0px;{block:ifsemborda} border-left: 0px dashed;{/block:ifsemborda};padding: 10px; -ms-animation: bounceInRight 3s;
  211. -moz-animation: bounceInRight 3s;
  212. -webkit-animation: bounceInRight 3s;}
  213.  
  214. #frase { color: {color:frase}; font-size: 28px;position: relative; text-align: left; font-family: 'Great Vibes', cursive; margin-top: 0px; line-height: 1.7em; letter-spacing:2px; }
  215.  
  216. #descri { color:{color:texto}; display:block; padding:3px; font-size: 13px; position: relative; text-align: left; line-height: 2.2em; }
  217.  
  218.  
  219. /*** MENU SKID LINE POR GABRIELE (http://clamam.tumblr.com) DISTRIBUÍDO EM PASSO-HTML (http://passo-html.tumblr.com). MANTENHA OS CRÉDITOS INTACTOS!***/
  220. #ph-links{font-size:10px; margin-left:0px; margin-top:2px; text-align:left;}
  221. #ph-links a{color:{color:menu}; font-family:baumans; display:inline-block; text-transform:uppercase; padding:1px; line-height:2.5em;}
  222. nav a{position:relative; display: inline-block; margin:0px 5px; outline:none; text-decoration:none; text-transform:uppercase; letter-spacing:.5px; text-shadow:#eee; font-size:10px;}
  223. nav a:hover,nav a:focus{outline:none;}
  224. .ph-demo a{color:#666666; text-shadow:none; padding:10px 0;}
  225. .ph-demo a::before{text-shadow: 0 0 1px none; font-weight:none; content:attr(data-hover); position:absolute; -webkit-transition: -webkit-transform 0.7s, opacity 0.7s; -moz-transition: -moz-transform 0.7s, opacity 0.7s; transition: transform 0.7s, opacity 0.7s; pointer-events:none;}
  226. .ph-demo a::after{content: ""; position:absolute; left:0; bottom:0; width:100%; height:1px; background: {color:frase}; opacity:0; -webkit-transform: translateY(9px); -moz-transform: translateY(9px); transform: translateY(9px); -webkit-transition: -webkit-transform 0.7s, opacity 0.7s; -moz-transition: -moz-transform 0.7s, opacity 0.7; transition: transform 0.7s, opacity 0.7s; pointer-events: none;}
  227. .ph-demo a:hover::after,
  228. .ph-demo a:focus::after {opacity: 1; -webkit-transform: translateY(2px); -moz-transform: translateY(2px); transform: translateY(2px);}
  229.  
  230. #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}}
  231.  
  232.  
  233. /*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!*/
  234. .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;}
  235. .bolt{width:20px; height:20px; background:{color:fundo da ask}; margin-left:50%; margin-top:-10px; z-index:1; -webkit-transform:rotate(45deg);}
  236. .asker{margin-top:8px; font-family: 'Roboto', sans-serif; font-size:10px; letter-spacing:.5px; text-align:center; text-transform:uppercase;}
  237. .answer{margin-top:-10px; text-align:justify; font-size:12px; padding:10px;}
  238. /*FIM DO ESTILO DE ASK*/
  239.  
  240.  
  241. #descri2 { color:#666666; text-transform:uppercase; font-family:calibri; display:block; padding:3px; font-size: 11px; position: relative; text-align: justify; }
  242.  
  243.  
  244. #frufru {height:auto; margin-top:-70px; position:fixed; text-align:center;left: 700px; top:75px; -ms-animation: bounceInLeft 5s;
  245. -moz-animation: bounceInLeft 5s ;
  246. -webkit-animation: bounceInLeft 5s ;
  247.  
  248. }
  249.  
  250. #frufru img { width:70px; height:40px; opacity:0.9; -webkit-filter: grayscale(40%); border-radius: 0px; }
  251.  
  252. /* UPDATES POR DAI (ARCAICAS.TUMBLR.COM) */
  253. #arc-up {right:10px;position:fixed;top:30px;background:#eee;font-family:segoe print;font-size:14px;padding:5px;width:120px;z-index:9999999;color:#000;}
  254. #arc-dup{background:#fff
  255. ;padding:5px;font-size:11px;font-family:calibri;margin:5px;margin-top:10px;color:#444444;text-transform:uppercase;}
  256. d {color:#888;font-weight:bold;}
  257. #xiz-arc {color:#000;background:#fff;}
  258. #arc-ops {background:#eee;padding:3px;position:absolute;top:100px;left:0px;transition:all 1s ease;opacity:0;}
  259. #arc-up:hover #arc-ops {top:50px;opacity:1;}
  260. /* UPDATES POR DAI (ARCAICAS.TUMBLR.COM) */
  261. </style>
  262. </head>
  263.  
  264.  
  265. <body>
  266.  
  267. <!----- JAMAIS RETIRE MEUS CRÉDITOS, CONHEÇO MEUS CÓDIGOS ------>
  268. <div id="arc-c">
  269. <div class="arc-cr"> <a href="/" title="theme por MELANCOLIZAVA + base por Dai (arcaicas).">CRÉDITOS </a> </div>
  270. </div>
  271.  
  272.  
  273.  
  274.  
  275. <div id="side">
  276. <div id="frase"> {text:frase} </div>
  277. <div id="descri"> {description}</div>
  278.  
  279. <div id="ph-links">
  280. <nav class="ph-demo">
  281. <a href="{text:link1}"><font color="{color:frase}"> I. </font> {text:link1 title}</a> </br>
  282. <a href="{text:link2}"> <font color="{color:frase}"> II. </font> {text:link2 title} </a></br>
  283. <a href="{text:link3}"> <font color="{color:frase}"> III. </font> {text:link3 title} </a></br>
  284. <a href="{text:link4}" ><font color="{color:frase}"> IV. </font> {text:link4 title} </a></br>
  285. <a href="{text:link5}" > <font color="{color:frase}"> V. </font> {text:link5 title} </a></br>
  286. <a href="{text:link6}" > <font color="{color:frase}"> VI. </font> {text:link6 title}</a></br>
  287. </nav></div>
  288.  
  289.  
  290.  
  291. </div>
  292.  
  293.  
  294. <div id="contain" class="clearfix">
  295. <div id="content">
  296. {block:Posts}
  297. <div class="post">
  298.  
  299.  
  300. {block:Quote}
  301. <div class="text quote">
  302. <div id="quotebb">
  303. {Quote}
  304. </div><div id="sourcebb">
  305. {Source}</div>
  306. </div>
  307. {block:IndexPage}
  308. <div id="arc">
  309. <a href="{ReblogURL}" target="_blank">Reblog <i class="fa fa-share"></i></a>
  310. <a href="{Permalink}" target="_blank">{NoteCount} <i class="fa fa-heart-o"></i> </i></a>
  311. <a href="{permalink}" target="_blank"> {DayOfMonth} de {Month} de {Year} as {24HourWithZero}:{Minutes}</a>
  312. </div>
  313. {/block:IndexPage}
  314. {/block:Quote}
  315.  
  316. {block:Text}
  317. <div class="text">
  318. {block:Title}<h3>{Title}</h3>{/block:Title}
  319. {Body}
  320. </div>
  321. {block:IndexPage}
  322. <div id="arc">
  323. <a href="{Permalink}" target="_blank">{NoteCount} NOTES</i></a> |
  324. <a href="{ReblogURL}" target="_blank">Reblog</a>
  325. </div>
  326. {/block:IndexPage}
  327. {/block:Text}
  328.  
  329. {block:Chat}
  330. <div class="text chat">
  331. {block:Title}<h1>{Title}</h1>{/block:Title}
  332. <ul class="conversation">
  333. {block:Lines}
  334. <ul class="line {Alt}">
  335. {block:Label}<span class="person">{Label}</span>{/block:Label}
  336. <span class="person-said">{Line}</span>
  337. </ul>
  338. {/block:Lines}
  339. </ul>
  340. </div>
  341. {block:IndexPage}
  342. <div id="arc">
  343. <a href="{Permalink}" target="_blank">{NoteCount} NOTES</i></a> |
  344. <a href="{ReblogURL}" target="_blank">Reblog</a>
  345. </div>
  346. {/block:IndexPage}
  347. {/block:Chat}
  348.  
  349. {block:Audio}
  350. <div class="text audio">
  351. <big><b>Artista</b></big><big><i>{block:Artist}
  352. {Artist}
  353. {/block:Artist} </i></big>
  354. <big><b>Música</b></big>
  355. <big><i>
  356. {block:TrackName}
  357. {TrackName}
  358. {/block:TrackName}
  359. </i></big>
  360. <center><p>{AudioPlayer}</p></center>
  361. {block:IndexPage}{block:IfShowCaptions}
  362. {block:Caption}{Caption}{/block:Caption}
  363. {/block:IfShowCaptions}
  364. {/block:IndexPage}
  365. </div>
  366. {/block:Audio}
  367.  
  368. {block:Answer}
  369. <div id="questao">
  370. <div class="text answer">
  371. <div id="response">
  372. {Question}</div>
  373. <div id="quest">{Asker} </div>
  374. <div id="answer">
  375. {Answer}</div></div>
  376. </div>
  377. {block:IndexPage}
  378. <div id="arc">
  379. <a href="{Permalink}" target="_blank">{NoteCount} NOTES</i></a> |
  380. <a href="{ReblogURL}" target="_blank">Reblog</a>
  381. </div>
  382. {/block:IndexPage}
  383. {/block:Answer}
  384.  
  385. {block:Link}
  386. <div class="text link">
  387. <h3><a href="{URL}" {Target}>{Name}</a></h3>
  388. {block:Description}{Description}{/block:Description}
  389. </div>
  390. {block:IndexPage}
  391. <div id="arc">
  392. <a href="{Permalink}" target="_blank">{NoteCount} NOTES</i></a> |
  393. <a href="{ReblogURL}" target="_blank">Reblog</a>
  394. </div>
  395. {/block:IndexPage}
  396. {/block:Link}
  397.  
  398. {block:Photo}
  399. <div class="photo">
  400. <div class="box">
  401. {block:IndexPage}
  402. <center><a href="{PhotoURL-HighRes}" target="_blank"><img src="{PhotoURL-500}" alt="{PhotoAlt}" width="100%"/></a></center>
  403. {/block:IndexPage}
  404. {block:PermalinkPage}
  405. {LinkOpenTag}<img src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="500"/>{LinkCloseTag}
  406. {/block:PermalinkPage}
  407. </div>
  408. {block:IndexPage}
  409. {block:IfShowCaptions}
  410. {block:Caption}<div class="caption text">{Caption}</div>{/block:Caption}
  411. {/block:IfShowCaptions}
  412. <div id="arc">
  413. <a href="{Permalink}" target="_blank">{NoteCount} NOTES</i></a> |
  414. <a href="{ReblogURL}" target="_blank">Reblog</a>
  415. </div>
  416. {/block:IndexPage}
  417. </div>
  418. {/block:Photo}
  419.  
  420. {block:Photoset}
  421. <div class="photoset">
  422. <div class="box img">
  423. {block:IndexPage}
  424. <center>
  425. {Photoset}</center>{/block:IndexPage}
  426. {block:PermalinkPage}{Photoset-400}{/block:PermalinkPage}
  427. </div>
  428. {block:IndexPage}{block:IfShowCaptions}
  429. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  430. {/block:IfShowCaptions}
  431. <div id="arc">
  432. <a href="{Permalink}" target="_blank">{NoteCount} NOTES</i></a> |
  433. <a href="{ReblogURL}" target="_blank">Reblog</a>
  434. </div>
  435. {/block:IndexPage}
  436. </div>
  437. {/block:Photoset}
  438.  
  439. {block:Video}
  440. <div class="video">
  441. {block:IndexPage}<center>{Video-250}</center>{/block:IndexPage}
  442. {block:PermalinkPage}{Video-500}{/block:PermalinkPage}
  443. {block:IndexPage}{block:IfShowCaptions}
  444. {block:Caption}<div class="caption text">{Caption}</div>{/block:Caption}
  445. {/block:IfShowCaptions}
  446. {/block:IndexPage}
  447. </div>
  448. {/block:Video}
  449.  
  450.  
  451.  
  452. {block:IfShowTags}{block:IndexPage}{block:HasTags}
  453. <div class="tagged"><p>{block:Tags}<a href="{TagURL}">#{Tag}</a> {/block:Tags}</p></div>
  454. {/block:HasTags}{/block:IndexPage}{/block:IfShowTags}
  455.  
  456. {block:PermalinkPage}
  457. <div id="post-info" class="text">
  458. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  459. {block:HasTags}
  460. <p class="tagged">{block:Tags}<a href="{TagURL}">#{Tag}</a> {/block:Tags}</p>
  461. {/block:HasTags}
  462. <p class="post-info-data">
  463. {block:Date}{TimeAgo}, {MonthNumber}/{DayOfMonth}/{Year}.{/block:Date}</br>
  464. {block:RebloggedFrom}
  465. Reblogado de <a href="{ReblogParentURL}">{ReblogParentName}</a><br/>Postado por <a href="{ReblogRootURL}">{ReblogRootName}</a>{block:RebloggedFrom}</p>
  466. </div>
  467. {block:PostNotes}{PostNotes}{/block:PostNotes}
  468. {/block:PermalinkPage}
  469.  
  470. </div> <!-- end single post -->
  471. {block:ContentSource}
  472. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}" width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" /> {/block:SourceLogo} {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  473. {/block:ContentSource}
  474. <!--{block:NoRebloggedFrom}{block:RebloggedFrom}{ReblogParentName}{/block:RebloggedFrom}{/block:NoRebloggedFrom} -->
  475. {/block:Posts}
  476. </div> <!-- end content -->
  477. <div class="loading"></div>
  478. </div> <!-- end containing div -->
  479. {block:IfNotInfiniteScroll}
  480. {block:Pagination}
  481. <ol class="pagination ">
  482. {block:PreviousPage}
  483. <li class="previous"><a href="{PreviousPage}">← Previous</a></li>
  484. {/block:PreviousPage}
  485. {block:JumpPagination length="5"}
  486. {block:CurrentPage}
  487. <li class="numbers current">{PageNumber}</li>
  488. {/block:CurrentPage}
  489. {block:JumpPage}
  490. <li class="numbers"><a href="{URL}">{PageNumber}</a></li>
  491. {/block:JumpPage}
  492. {/block:JumpPagination}
  493. {block:NextPage}
  494. <li class="next"><a href="{NextPage}">Next →</a></li>
  495. {/block:NextPage}
  496. </ol>
  497. {/block:Pagination}
  498. {/block:IfNotInfiniteScroll}
  499. {block:IfInfiniteScroll}
  500. {block:Pagination}<ul id="pagination">
  501. {block:PreviousPage}
  502. <li><a href="{PreviousPage}"></a></li>
  503. {/block:PreviousPage}
  504. {block:JumpPagination length="5"}
  505. {block:CurrentPage}
  506. <li><span class="current_page numbersNav"><strong>{PageNumber}</strong></span></li>
  507. {/block:CurrentPage}
  508. {block:JumpPage}
  509. <li><a class="jump_page numbersNav" href="{URL}">{PageNumber}</a></li>
  510. {/block:JumpPage}
  511. {/block:JumpPagination}
  512. {block:NextPage}
  513. <li><a id="nextPage" href="{NextPage}"></a></li>
  514. {/block:NextPage}
  515. </ul>{/block:Pagination}
  516. {/block:IfInfiniteScroll}
  517. {block:IndexPage}
  518. <script type="text/javascript">
  519. $(window).load(function () {
  520. $('#content').masonry(),
  521. $('.masonryWrap').infinitescroll({
  522. navSelector : '#pagination',
  523. nextSelector : '#pagination a#nextPage',
  524. itemSelector : ".post, .loading",
  525. bufferPx : 40,
  526. loadingImg : "http://static.tumblr.com/5u1fog0/e8Umunlx6/loader.gif",
  527. loadingText : "<em></em>",
  528. },
  529. function() { $('#content').masonry({ appendedContent: $(this) }); }
  530. );
  531. });
  532. </script>
  533. {/block:IndexPage}
  534.  
  535. </body>
  536.  
  537. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Public Pastes
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!