API tools faq
paste
JuuhOliva

TEMA 7 - MENU

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