API tools faq
paste
JuuhOliva

Melancolizava 11

JuuhOliva
Jan 26th, 2015
211
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 28.46 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.  
  5.  
  6. ------------------------------------------------------------------>
  7. <!---- Não RETIRE meus créditos ---->
  8. <a style=" font-size:10px; color:#aaa00;font-family:pf arma five;;position:fixed;bottom:30px;padding:3px;z-index:55554235555;border-bottom:0px dashed #e55ba9 ;left:1280px;" href="http://melancolizava.tumblr.com/" title="Melancolizava">DESIGN <font color="#e55ba9"></font></a></div>
  9. <!---- Não RETIRE meus créditos ---->
  10.  
  11. <html xmlns="http://www.w3.org/1999/xhtml">
  12. <head>
  13.  
  14. <link href='http://fonts.googleapis.com/css?family=Great+Vibes|Unkempt' rel='stylesheet' type='text/css'>
  15.  
  16. <link href='http://fonts.googleapis.com/css?family=Source+Sans+Pro|Baumans|Lora:400italic|Rouge+Script' rel='stylesheet' type='text/css'>
  17.  
  18. <link href='http://fonts.googleapis.com/css?family=Indie+Flower|Gloria+Hallelujah|Dancing+Script|Courgette|Marck+Script|Satisfy|Pinyon+Script|Reenie+Beanie|Niconne|Tangerine|Great+Vibes|Sacramento|Love+Ya+Like+A+Sister|Parisienne|Allura|Montez|Zeyada|Arizonia|Clicker+Script' rel='stylesheet' type='text/css'>
  19.  
  20. <link href='http://fonts.googleapis.com/css?family=Great+Vibes|Unkempt' rel='stylesheet' type='text/css'>
  21.  
  22. <link href='http://fonts.googleapis.com/css?family=Source+Sans+Pro|Baumans|Lora:400italic|Rouge+Script' rel='stylesheet' type='text/css'>
  23.  
  24. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  25. <title>{Title}{block:PostTitle} - {PostTitle}{/block:PostTitle}</title>
  26. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  27. <link rel="shortcut icon" href="{Favicon}">
  28. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  29. <meta name="image:side" content="https://40.media.tumblr.com/5728f92d729e381564eb5b326e73b127/tumblr_nisy99G8lU1u6v2u4o1_r2_400.png"/>
  30. <meta name="color:frase" content="#000000" />
  31.  
  32. <meta name="text:frase" content="Mélancolie" />
  33. <meta name="text:citei" content="Mélancolie" />
  34. <meta name="text:Link1" content="URL" />
  35. <meta name="text:Link1 Title" content="Link1" />
  36. <meta name="text:Link2" content="URL" />
  37. <meta name="text:Link2 Title" content="Link2" />
  38. <meta name="text:Link3" content="URL" />
  39. <meta name="text:Link3 Title" content="Link3" />
  40. <meta name="text:Link4" content="URL" />
  41. <meta name="text:Link4 Title" content="Link4" />
  42. <meta name="color:background reblog" content"#efefef"/>
  43. <meta name="if:Show Submit Link" content="1"/>
  44. <meta name="if:Show Title" content="1"/>
  45. <meta name="if:Infinite Scroll" content="1"/>
  46. <meta name="if:Show Captions" content="0"/>
  47. <meta name="if:Show Tags" content="0"/>
  48. <meta name="image:Background" content=""/>
  49.  
  50. <script type="text/javascript" src="http://static.tumblr.com/uiqhh9x/jkEm9tb4p/jquery-1.8.1.min.js"></script>
  51. <link rel="stylesheet" type="text/css" href="http://static.tumblr.com/cpaytv3/2V1m9r58l/reset.css">
  52. <script type="text/javascript" src="http://static.tumblr.com/5u1fog0/hkMncmosg/minifield.js"></script>
  53. <script type="text/javascript" src="http://static.tumblr.com/5u1fog0/JiWne7l87/lcollapse.js"></script>
  54.  
  55. <style type="text/css">
  56. body {
  57. color: #000000;
  58. background-color:{color:background}; font-family:Baskerville Old Face; font-size:13px; color:{color:textos}; background:url('{image:background}'); background-attachment: fixed; background-repeat: no-repeat;background-size:100% 100%; background-position: fixed;
  59. font-family: Futura;
  60. font-size: 12px;
  61. line-height: 1.5em;
  62. margin-left:-200px;
  63. }
  64. p {margin:0 0 .75em 0} p:last-child {margin:0}
  65. a {
  66. color: #666666;
  67. text-decoration:none;
  68. {block:IfAnimation}-webkit-transition:all .2s ease;-moz-transition:all .2s ease;transition:all .2s ease;-o-transition:all .2s ease;{/block:IfAnimation}}
  69. a:hover {color: #aaa; }
  70. blockquote {quotes: "" "" "'" "'"; margin: 0.75em 0 .75em .75em;padding-left: 1.5em;
  71. line-height: 100%;border-left: solid 4px #EDEDED;
  72. }
  73. h1 {
  74. font-family: Futura;
  75. font-size: 25px;
  76. line-height: 1.5em;font-weight: normal; color#444444;
  77. }
  78. ul {
  79. margin: 0px 1.5em .75em;}
  80. li {
  81. margin: .75em 0;
  82. list-style-type: square;
  83. }
  84. .box img {
  85. display: block;
  86. max-width: 100%;border-radius:10px 10px 10px 10px;}.m-i {
  87. display: block;
  88. line-height: 1px!important;
  89. }
  90. .menu-picture {
  91. line-height: 100%;
  92. display: inline-block;
  93. line-height: 0px!important;
  94. }
  95. .post-link{
  96. font-family: Futura;
  97. font-size: 9px;
  98. line-height: 8px;
  99. }p.source{text-align: center;}
  100. .menu-picture {
  101. line-height: 100%;display: inline-block;
  102. }p.source{text-align: center; }
  103. h3 {
  104. font-size: 14px; font-weight: normal;
  105. }.tagged { text-align: center; line-height: 8px;font-size: 8px;}
  106. .text { padding: 5px;}
  107. }
  108. p.words {
  109. padding: 6px;
  110. line-height: 1.5em;
  111. color: #333333;
  112. background: #ffffff;
  113. }
  114.  
  115. .post {
  116. position: relative;
  117. width:400px;
  118. float:left ;
  119.  
  120.  
  121. background: transparent
  122. padding:0px;
  123. margin:10px;
  124. margin-left:0px;
  125. text-align:justify
  126.  
  127. }.box {position: relative;}
  128. .quote:first-letter {font-style:none;font-family: ‘gabriola’;font-size: 16px;line-height:15px; font-weight:bold; color: {color:letras};}
  129.  
  130. #side {
  131. text-align: right;
  132. margin-top: 50px;
  133. width:280px;
  134. padding:0px;position: fixed;
  135. background: transparent
  136. margin-left: 0px;
  137.  
  138. }#side img {
  139. max-width: 180px; border-radius: 15px 5px 15px 5px;
  140.  
  141. }ul {margin-bottom: .75em;}
  142. #contain {
  143. width:720px;
  144. margin: 0px auto 0;
  145. }
  146. #content {
  147. width:420px;
  148. float: right;
  149. }
  150. #infscr-loading{position:relative!important;left:49%}.post-header-a{z-index:10;top:5px;right:5px;position:absolute;display:block;opacity:0;filter:alpha(opacity = 0);{block:IfAnimation}-webkit-transition:all .2s ease;-moz-transition:all .2s ease;transition:all .2s ease;-o-transition:all .2s ease;{/block:IfAnimation}}.post:hover .post-header-a{opacity:1;filter:alpha(opacity = 100)}.reblog-button{margin-left:3px;float:left;z-index:3333;display:inline-block;width:31px;height:34px;background:rgba(0,0,0,.55) url('http://static.tumblr.com/tpqedpr/Zbmm9zw4y/master.png') 2px -56px no-repeat;text-indent:-999em;overflow:hidden;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;-webkit-box-shadow:inset 0 0 1px rgba(0,0,0,0.5);-moz-box-shadow:inset 0 0 1px rgba(0,0,0,0.5);box-shadow:inset 0 0 1px rgba(0,0,0,0.5);{block:IfAnimation}-webkit-transition:all .2s ease;-moz-transition:all .2s ease;transition:all .2s ease;-o-transition:all .2s ease;{/block:IfAnimation}}.reblog-button:hover{background:rgba(0,0,0,.65) url('http://static.tumblr.com/tpqedpr/Zbmm9zw4y/master.png') -29px -56px no-repeat}.like-button{float:left;z-index:3333;display:inline-block;right:10px;width:29px;height:34px;background:rgba(0,0,0,.55) url('http://static.tumblr.com/tpqedpr/Zbmm9zw4y/master.png') 1px 0 repeat;overflow:hidden;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;-webkit-box-shadow:inset 0 0 1px rgba(0,0,0,0.5);-moz-box-shadow:inset 0 0 1px rgba(0,0,0,0.5);box-shadow:inset 0 0 1px rgba(0,0,0,0.5);{block:IfAnimation}-webkit-transition:all .2s ease;-moz-transition:all .2s ease;transition:all .2s ease;-o-transition:all .2s ease;{/block:IfAnimation}}.like-button:hover{background:rgba(0,0,0,.65) url('http://static.tumblr.com/tpqedpr/Zbmm9zw4y/master.png') -28px 0 repeat}.note-perma{float:left;z-index:3333;font-weight:bold;display:inline-block;margin-left:3px;color:#ffffff;background:rgba(0,0,0,.55);padding:0 5px;font:14px/34px arial,sans-serif;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;-webkit-box-shadow:inset 0 0 1px rgba(0,0,0,0.5);-moz-box-shadow:inset 0 0 1px rgba(0,0,0,0.5);box-shadow:inset 0 0 1px rgba(0,0,0,0.5);{block:IfAnimation}-webkit-transition:all .2s ease;-moz-transition:all .2s ease;transition:all .2s ease;-o-transition:all .2s ease;{/block:IfAnimation}}.note-perma:hover{background:rgba(0,0,0,.65)}a.note-perma,a.note-perma:hover{color:white;text-decoration:none;font-weight:bold}
  151. h5,li.drawer{list-style-type:none}.drawer a{display:block;}.box iframe {
  152. max-width: 100%;
  153. }.text img {max-width: 100%;}img {display: block;}.box img {display: block;}
  154. .post-info-data{text-align:center}.notes img{display:block;float:left;margin-right:.75em}ol.notes li{margin:.375em 0;list-style-type:none;line-height:16px}
  155.  
  156. #toTop{display:none;text-decoration:none;position:fixed;bottom:10px;right:10px;overflow:hidden;width:21px;height:21px;border:0;text-indent:100%;background:url(http://static.tumblr.com/uiqhh9x/372m6hyqw/up.png) no-repeat left top;opacity:.5;filter:alpha(opacity = 50);-webkit-transition:all .2s ease;-moz-transition:all .2s ease;transition:all .2s ease;-o-transition:all .2s ease;}#toTopHover{width:21px;height:21px;display:block;overflow:hidden;float:left;opacity:0;-moz-opacity:0;filter:alpha(opacity=0);-webkit-transition:all .2s ease;-moz-transition:all .2s ease;transition:all .2s ease;-o-transition:all .2s ease;}#toTop:hover{opacity:1;filter:alpha(opacity = 100)}#toTop:active,#toTop:focus{outline:0}
  157.  
  158. a.btn{position:absolute;z-index:999999;top:26px;right:3px;white-space:nowrap;outline:0;text-decoration:none;cursor:pointer;overflow:hidden;text-overflow:ellipsis;font:600 12px/18px "Helvetica Neue","HelveticaNeue",Helvetica,Arial,sans-serif;height:20px;padding:0 5px;-webkit-font-smoothing:antialiased;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box;-webkit-transition-property:padding;-moz-transition-property:padding;-ms-transition-property:padding;-o-transition-property:padding;transition-property:padding;-webkit-transition-duration:.1s;-moz-transition-duration:.1s;-ms-transition-duration:.1s;-o-transition-duration:.1s;transition-duration:.1s;-webkit-transition-timing-function:ease;-moz-transition-timing-function:ease;-ms-transition-timing-function:ease;-o-transition-timing-function:ease;transition-timing-function:ease}.btn{color:#fff;border:1px solid rgba(0,0,0,0.18);background:rgba(0,0,0,0.38);text-shadow:1px 1px 0 rgba(0,0,0,0.08)}a.btn,a.btn:hover{color:white!important}.btn{margin-bottom:5px;color:#fff;border:1px solid rgba(0,0,0,0.18);background:rgba(0,0,0,0.38);text-shadow:1px 1px 0 rgba(0,0,0,0.08);-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px}.btn:hover::after,.btn:focus::after{background:rgba(255,255,255,0.09);color:white}.btn:active::after{background:rgba(255,255,255,0.18) color:white}.btn_label.show{display:block}.btn::after{position:absolute;top:0;right:0;bottom:0;left:0;content:'';-webkit-border-radius:inherit;-moz-border-radius:inherit;border-radius:inherit}.btn.icon::before{display:block;content:'';position:absolute;top:0;left:0;bottom:0;width:20px;border-radius:inherit;background:url('http://static.tumblr.com/tpqedpr/cQ1mbwb60/de.png') 0 0 no-repeat}.btn.theme::before{background-position:0 -0px}.btn img{width:15px}.btn.icon{padding-left:20px}.btn:active::after {background:rgba(255,255,255,0.18)}.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%}
  159.  
  160.  
  161.  
  162.  
  163.  
  164. /*** barra de rolagem ***/
  165.  
  166. iframe#tumblr_controls { position:fixed;white-space:nowrap; -webkit-filter: invert(100%); -moz-filter: invert(100%); -o-filter: invert(100%); -ms-filter: invert(100%); filter: invert(100%); opacity:.3;transition: .8s ease-in-out; -webkit-transition: .8s ease-in-out;-moz-transition: .8s ease-in-out;-o-transition: .8s ease-in-out; }
  167.  
  168. ::-webkit-scrollbar{width:5px;height:5px;}
  169. ::-webkit-scrollbar-button:start:decrement
  170. ::-webkit-scrollbar-button:end:increment{display:block;height:0;background-color:transparent;}
  171. ::-webkit-scrollbar-track-piece{background-color: transparent; -webkit-border-radius:0;-webkit-border-bottom-right-radius:0px;-webkit-border-bottom-left-radius:0px;}
  172. ::-webkit-scrollbar-thumb:vertical{height:50px; background-color:#666666;-webkit-border-radius:px;}
  173. ::-webkit-scrollbar-thumb:horizontal{width:50px; background-color:#666666;-webkit-border-radius:px;}
  174.  
  175. iframe#tumblr_controls{top: 2px !important; position: fixed !important; right: 5px !important; margin: 0 0 0 0;}
  176. /*ESTILO DE ASK POR MAY, DO MIR4GEM.TUMBLR.COM E DO HTML-PARTY.TUMBLR.COM */
  177. .boxask {background: {color:background reblog}; padding: 10px; font: normal 13px Baskerville Old Face; text-align:justify; border-radius: 7px; z-index: 1;text-transform:lowercase;line-height:25px;}
  178. .seta {background: {color:background reblog} ; width: 10px; height: 10px; -webkit-transform: rotate(45deg); margin-left: 20px; margin-top: -5px; z-index: 1;}
  179. .perguntou {font-size: 13px; font-family: Baskerville Old Face; text-transform: lowercase, bold;margin-left: 14px;font-style:bold;line-height:25px;}
  180. .perguntou img {-webkit-border-radius: 5px;
  181. -moz-border-radius: 5px;
  182. border-radius: 5px;}
  183. .resposta {
  184. text-align:justify;line-height:25px;
  185. padding:5px; font-size:13px;
  186.  
  187. color:{color:textos};}
  188.  
  189.  
  190. ::-moz-selection
  191.  
  192. {color: {color:textos};
  193.  
  194. background: #eee;}
  195.  
  196. /*ESTILO DE PERMALINK POR LIRIADAS.TUMBLR.COM */
  197.  
  198. .header {font-family:'Calibri', sans-serif; font-size:10px; text-transform:uppercase; position:absolute; z-index:9; width:100%; left:0px; bottom:-10px; padding:3px; transition:all 1s ease; background:{color:background reblog};opacity:0; border-radius:12px 0px 12px 0px;}
  199. .post:hover .header {font-family:'Calibri', sans-serif; font-size:10px; text-transform:uppercase; position:absolute; z-index:9; width:100%; left:0px; bottom:5px; padding:3px; transition:all 1s ease; background{color:background reblog};opacity:1;}
  200. .hreblog {float:left; padding-left:10px;}
  201. .hperma {float:right; padding-right:10px;}
  202.  
  203.  
  204.  
  205. .lreblog {z-index:10; top:-20px; left:0px; position:absolute; display:block; width:20px; height:20px; background:url(http://static.tumblr.com/n9fwjwu/srtnh1fbx/icon_de_reblog.png) 0 no-repeat; transition:all 1s ease;opacity:0;}
  206. .post:hover .lreblog {top:0px;opacity:1;}
  207. .lpermalink {z-index:10; top:-30px; left:21px; position:absolute; display:block; width:20px; height:20px; background:url(http://static.tumblr.com/n9fwjwu/vDcnh1fi7/icon_de_zoom.png) 0 no-repeat; transition:all 1s ease;opacity:0;}
  208. .post:hover .lpermalink {top:0px;opacity:1;}
  209.  
  210.  
  211.  
  212.  
  213.  
  214. #description { width: 200px; margin-left: 15px; margin-top: -320px; font-size: 12px; color:#444444; text-align:justify;}
  215.  
  216.  
  217. /*Efeito 3D Imagens
  218. -------------------------------------*/
  219. #r3d_container {
  220. position: relative;
  221. width: 253px; /* defina largura padrão da imagem */
  222. height: 250px; /* defina altura padrão da imagem */
  223. margin: 10px auto;
  224. z-index: 1;
  225. margin-left:55px;
  226. }
  227. #r3d_container {
  228. -webkit-perspective: 1000px;
  229. -moz-perspective: 1000px;
  230. -o-perspective: 1000px;
  231. perspective: 1000px;
  232. }
  233. #r3d_text {
  234. width: 100%;
  235. height: 100%;
  236. -webkit-transform-style: preserve-3d;
  237. -webkit-transition: all 1.0s linear;
  238. -moz-transform-style: preserve-3d;
  239. -moz-transition: all 1.0s linear;
  240. -o-transform-style: preserve-3d;
  241. -o-transition: all 1.0s linear;
  242. transform-style: preserve-3d;
  243. transition: all 1.0s linear;
  244. }
  245. #r3d_container:hover #r3d_text, #r3d_container.hover_effect #r3d_text {
  246. -webkit-transform: rotateY(180deg);
  247. -moz-transform: rotateY(180deg);
  248. -o-transform: rotateY(180deg);
  249. transform: rotateY(180deg);
  250. -ms-transform:rotateY(180deg);
  251. -webkit-box-shadow: -5px 2px 2px transparent;
  252. -moz-box-shadow: -5px 2px 2px transparent;
  253. box-shadow: -5px 2px 2px transparent;
  254. }
  255. .r3dface {
  256. position: absolute;
  257. width: 100%;
  258. height: 100%;
  259. -webkit-backface-visibility: hidden;
  260. -moz-backface-visibility: hidden;
  261. -o-backface-visibility: hidden;
  262. backface-visibility: hidden;
  263. }
  264. .r3dface.back {
  265. display: block;
  266. -webkit-transform: rotateY(180deg);
  267. -webkit-box-sizing: border-box;
  268. -moz-transform: rotateY(180deg);
  269. -moz-box-sizing: border-box;
  270. -o-transform: rotateY(180deg);
  271. -o-box-sizing: border-box;
  272. transform: rotateY(180deg);
  273. -ms-transform:rotateY(180deg);
  274. box-sizing: border-box;
  275. padding: 6px;
  276. text-align: center;
  277. color: white; /*cor do texto*/
  278. background-color: transparent; /*cor de fundo*/
  279. }
  280.  
  281. mila {font-family: 'calibri'; text-align: center; font-size: 10px; color: #aaa; font-weight: normal; line-height: 8px; text-transform: uppercase;}
  282.  
  283. /*****menu cute by html-party, feito pela may (mir4gem)*****/
  284.  
  285. .may {width:200px; /**tamanho total do menu**/
  286. line-height:30px; /**espaço entre um link e outro caso você ponha bastante link e fique duas linhas **/}
  287.  
  288. .may a {background: #FFB6C1; /**fundo**/
  289. padding: 5px; /**margem**/
  290. -webkit-transition-duration: .79s; -webkit-border-radius: 20px;
  291. color:#fff; /**cor do link**/
  292. -moz-border-radius: 20px;border-radius: 20px; text-transform: uppercase;font-family: cambria; font-size:9px;
  293. border: 1px dashed #FF1493;
  294. -webkit-transition-duration: .79s;text-decoration:none;}
  295.  
  296. .may a:hover {background:#DB7093;-webkit-transition-duration: .79s;-webkit-transition-duration: .79s;-webkit-border-radius: 0px;-moz-border-radius: 0px;border-radius: 0px;border: 2px dotted #FFC0CB; }
  297.  
  298. #frase {-webkit-transition: all 0.4s ease-out; -moz-transition: all .4s ease-out;margin-top:-295px;width:400px; letter-spacing:1px; height:40px; position:fixed; font-family: 'Sacramento', serif; margin-left:-130px;text-align:right; font-size:32px;line-height:40px;text-shadow: 0.0em 0.0em 0.0em {color:links hover}; color:{color:frase};}
  299.  
  300. #frase:hover{opacity:0.5; }
  301.  
  302.  
  303.  
  304. .lado1 {position: fixed; z-index:1000; width: 2px; height:250px; background-color: #aaa; top: 69px; left:280px;}
  305. .lado2 {position: fixed; z-index:1000; width: 2px; height:750px; background-color: #aaa; top: 0px; left:505px;}
  306. .topo {position: fixed; z-index:1000; width: 212px; height:2px; background-color: #aaa; top: 69px; left:280px;}
  307. </style></head>
  308. <body>
  309.  
  310.  
  311.  
  312. <div id="contain" class="clearfix">
  313. <div id="side">
  314. <div id="r3d_container" class="hover">
  315. <div id="r3d_text" class="shadow">
  316. <div class="front r3dface">
  317. <center><img style="width: 270px; height: 250px; display: inline-block;" src="{image:side}"/></center>
  318. </div>
  319. <div class="back r3dface center">
  320. <p>
  321. <br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><mila><div id="description" >{Description}</div>
  322. <div class="may">
  323. <a href="{text:link1}">{text:link1 title}</a>
  324. <a href="{text:link2}">{text:Link2 Title}</a>
  325. <a href="{text:link3}">{text:link3 Title}</a>
  326. <a href="{text:link4}">{text:link4 title}</a>
  327. </div>
  328. </mila> </p>
  329.  
  330. </div>
  331. </div>
  332. </div>
  333. <div id="frase"> {text:frase} </div>
  334.  
  335.  
  336. <div class="lado2"></div>
  337.  
  338.  
  339.  
  340. <div class="text">
  341. {block:IfShowTitle}
  342.  
  343.  
  344. {/block:IfShowTitle}
  345. <a href="/" class="m-i"><img class="menu-picture" src="{image:sidebar}"/></a>
  346.  
  347. <li class="drawer">
  348.  
  349. {block:IfNotInfiniteScroll}{block:Pagination}<p class="previous-next text">{block:PreviousPage}<a href="{PreviousPage}" class="next"><</a>{/block:PreviousPage}<span id="pages"> {CurrentPage} of {TotalPages} </span>{block:NextPage}<a href="{NextPage}" class="previous">></a>{/block:NextPage}</p>{/block:Pagination}{/block:IfNotInfiniteScroll}
  350. </div>
  351. </div>
  352. <div id="content">
  353. {block:Posts}
  354. <div class="post">
  355.  
  356.  
  357. {block:Text}
  358. <div class="text">
  359. {block:Title}<h3>{Title}</h3>{/block:Title}
  360. {Body}
  361. <!-- permalink --> {block:IndexPage}
  362. <div class="header">
  363. <div class="hreblog"><a href="{ReblogURL}" target="_blank">Reblog.</a></div>
  364. <div class="hperma"><font color="{color:detalhes}">♥</font> <a href="{Permalink}" target="_blank">{NoteCount}</a>&nbsp;&nbsp;<font color={color:textos}>notificações .</font></div></div>
  365.  
  366.  
  367. <!-- /permalink --> {/block:IndexPage}
  368. </div>
  369. {/block:Text}
  370.  
  371. {block:Quote}
  372. <div class="text quote">
  373. <p class="words">{Quote}</p>
  374. {block:Source}<p class="source">{Source}</p>{/block:Source}
  375. <!-- permalink --> {block:IndexPage}
  376.  
  377. <!-- /permalink --> {/block:IndexPage}
  378. </div>
  379. <div class="header">
  380. <div class="hreblog"><a href="{ReblogURL}" target="_blank">Reblog.</a></div>
  381. <div class="hperma"><font color="{color:detalhes}">♥</font> <a href="{Permalink}" target="_blank">{NoteCount}</a>&nbsp;&nbsp;<font color={color:textos}>notificações .</font></div></div>
  382.  
  383. {/block:Quote}
  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. <!-- permalink --> {block:IndexPage}
  390.  
  391. <!-- /permalink --> {/block:IndexPage}
  392. </div>
  393. {/block:Link}
  394.  
  395. {block:Chat}
  396. <div class="text chat">
  397. <ul class="conversation">
  398. {block:Lines}
  399. <li class="line {Alt}">
  400. {block:Label}<span class="person">{Label}</span>{/block:Label}
  401. <span class="person-said">{Line}</span>
  402. </li>
  403. {/block:Lines}
  404. </ul>
  405. <!-- permalink --> {block:IndexPage}
  406.  
  407. <!-- /permalink --> {/block:IndexPage}
  408. </div>
  409. {/block:Chat}
  410.  
  411. {block:Audio}
  412. <div class="text audio">
  413. <p>{AudioPlayerBlack}</p>
  414. {block:IndexPage}{block:IfShowCaptions}
  415. {block:Caption}{Caption}{/block:Caption}
  416. {/block:IfShowCaptions}{/block:IndexPage}
  417. <!-- permalink --> {block:IndexPage}
  418.  
  419. <!-- /permalink --> {/block:IndexPage}
  420. </div>
  421. {/block:Audio}
  422.  
  423. {block:Answer}
  424. <div class="boxask">{Question}</div>
  425. <div class="seta"></div><br>
  426. <div class="perguntou"><img src="{AskerPortraitURL-24}" border="0" align="left"/>&nbsp;&nbsp;
  427. {Asker}:</div><br>
  428. <div class="resposta">{Answer}
  429. <div class="header">
  430. <div class="hreblog"><a href="{ReblogURL}" target="_blank">Reblog.</a></div>
  431. <div class="hperma"><font color="{color:detalhes}">♥</font> <a href="{Permalink}" target="_blank">{NoteCount}</a>&nbsp;&nbsp;<font color={color:textos}>notificações .</font></div></div>
  432.  
  433.  
  434. <!-- permalink --> {block:IndexPage}
  435.  
  436. <!-- /permalink --> {/block:IndexPage}
  437. </div>
  438. {/block:Answer}
  439.  
  440. {block:Photoset}
  441. <div class="photoset">
  442. <div class="box">
  443. <!-- permalink --> {block:IndexPage}
  444. <div class="post-header-a">
  445. <a class="like-button" id="like{PostID}" href="javascript:likelink('{PostID}','{Permalink}','');"><img src="http://static.tumblr.com/lba83dv/OUUltd958/spacer.gif" width="29" height="34" alt="Like this post" id="likeimage{PostID}"/></a>
  446. <a class="reblog-button" href="{reblogurl}" target="_blank"></a>
  447. <a class="note-perma" id="notes{PostID}" href="{Permalink}">{NoteCount}</a>
  448. </div>
  449. <!-- /permalink --> {/block:IndexPage}
  450. <center>{Photoset-400}</center>
  451. </div>
  452. {block:IndexPage}{block:IfShowCaptions}
  453. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  454. {/block:IfShowCaptions}{/block:IndexPage}
  455. </div>
  456. {/block:Photoset}
  457.  
  458. {block:Video}
  459. <div class="video">
  460. <div class="box">
  461. <!-- permalink --> {block:IndexPage}
  462. <div class="post-header-a">
  463. <a class="like-button" id="like{PostID}" href="javascript:likelink('{PostID}','{Permalink}','');"><img src="http://static.tumblr.com/lba83dv/OUUltd958/spacer.gif" width="29" height="34" alt="Like this post" id="likeimage{PostID}"/></a>
  464. <a class="reblog-button" href="{reblogurl}" target="_blank"></a>
  465. <a class="note-perma" id="notes{PostID}" href="{Permalink}">{NoteCount}</a>
  466. </div>
  467. <!-- /permalink --> {/block:IndexPage}
  468. <center>{Video-400}</center>
  469. </div>
  470. {block:IndexPage}{block:IfShowCaptions}
  471. {block:Caption}<div class="caption text">{Caption}</div>{/block:Caption}
  472. {/block:IfShowCaptions}{/block:IndexPage}
  473. </div>
  474. {/block:Video}
  475.  
  476. {block:Photo}
  477. <div class="photo">
  478. <div class="box">
  479. <!-- permalink --> {block:IndexPage}
  480. <div class="post-header-a">
  481. <a class="like-button" id="like{PostID}" href="javascript:likelink('{PostID}','{Permalink}','');"><img src="http://static.tumblr.com/lba83dv/OUUltd958/spacer.gif" width="29" height="34" alt="Like this post" id="likeimage{PostID}"/></a>
  482. <a class="reblog-button" href="{reblogurl}" target="_blank"></a>
  483. <a class="note-perma" id="notes{PostID}" href="{Permalink}">{NoteCount}</a>
  484. </div>
  485. <!-- /permalink --> {/block:IndexPage}
  486. {block:IndexPage}
  487. <a href="{Permalink}"><img src="{PhotoURL-500}" alt="{PhotoAlt}" width="100%"/></a>
  488. {/block:IndexPage}
  489. {block:PermalinkPage}
  490. {LinkOpenTag}<img src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="500"/>{LinkCloseTag}
  491. {/block:PermalinkPage}
  492. </div>
  493. {block:IndexPage}{block:IfShowCaptions}
  494. {block:Caption}<div class="caption text">{Caption}</div>{/block:Caption}
  495. {/block:IfShowCaptions}{/block:IndexPage}
  496. </div>
  497. {/block:Photo}
  498.  
  499. {block:IfShowTags}{block:IndexPage}{block:HasTags}
  500. <div class="tagged"><p>{lang:Tagged}: {block:Tags}<a href="{TagURL}">#{Tag}</a> {/block:Tags}</p></div>
  501. {/block:HasTags}{/block:IndexPage}{/block:IfShowTags}
  502.  
  503. {block:PermalinkPage}
  504. <div id="post-info" class="text">
  505. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  506. {block:HasTags}
  507. <p class="tagged">{lang:Tagged}: {block:Tags}<a href="{TagURL}">#{Tag}</a> {/block:Tags}</p>
  508. {/block:HasTags}
  509. <p class="post-info-data">
  510. {block:Date}{12Hour}:{Minutes}:{Seconds} @ {MonthNumber}/{DayOfMonth}/{Year}<br/>{/block:Date}
  511. {block:NoteCount}{NoteCountWithLabel}<br />{/block:NoteCount}{block:RebloggedFrom}
  512. Reblogged from <a href="{ReblogParentURL}">{ReblogParentName}</a><br/>Posted by <a href="{ReblogRootURL}">{ReblogRootName}</a>{block:RebloggedFrom}</p>
  513. {block:PostNotes}
  514. {PostNotes}
  515. {/block:PostNotes}
  516. </div>
  517. {/block:PermalinkPage}
  518.  
  519. </div> <!-- end single post -->
  520. {block:ContentSource}
  521. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}" width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" /> {/block:SourceLogo} {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  522. {/block:ContentSource}
  523. <!--{block:NoRebloggedFrom}{block:RebloggedFrom}{ReblogParentName}{/block:RebloggedFrom}{/block:NoRebloggedFrom} -->
  524. {/block:Posts}
  525. </div> <!-- end content -->
  526. <div class="loading"></div>
  527. </div> <!-- end containing div -->
  528. {block:IndexPage}{block:IfInfiniteScroll}
  529. {block:Pagination}<ul id="pagination">
  530. {block:PreviousPage}
  531. <li><a href="{PreviousPage}"></a></li>
  532. {/block:PreviousPage}
  533. {block:JumpPagination length="5"}
  534. {block:CurrentPage}
  535. <li><span class="current_page numbersNav"><strong>{PageNumber}</strong></span></li>
  536. {/block:CurrentPage}
  537. {block:JumpPage}
  538. <li><a class="jump_page numbersNav" href="{URL}">{PageNumber}</a></li>
  539. {/block:JumpPage}
  540. {/block:JumpPagination}
  541. {block:NextPage}
  542. <li><a id="nextPage" href="{NextPage}"></a></li>
  543. {/block:NextPage}
  544. </ul>{/block:Pagination}
  545. <script type="text/javascript">
  546. $(window).load(function () {
  547. var $content = $('#content');
  548. $content.infinitescroll({
  549. navSelector : '#pagination',
  550. nextSelector : '#pagination a#nextPage',
  551. itemSelector : '.post, .loading',
  552. loading: {
  553. finishedMsg: '',
  554. img: 'http://static.tumblr.com/uiqhh9x/amsm48v4p/add.gif'
  555. },
  556. bufferPx : 200,
  557. debug : false,
  558. });
  559. });
  560. </script>
  561. {/block:IfInfiniteScroll}
  562. {/block:IndexPage}
  563. {block:IfToTopButton}
  564. <script type="text/javascript">
  565. $(document).ready(function() {
  566. /*
  567. var defaults = {
  568. containerID: 'toTop', // fading element id
  569. containerHoverID: 'toTopHover', // fading element hover id
  570. scrollSpeed: 1200,
  571. easingType: 'linear'
  572. };
  573. */
  574.  
  575. $().UItoTop({ easingType: 'easeOutQuart' });
  576.  
  577. });
  578. </script>
  579. <a href="#" id="toTop" style="display: none; "><span id="toTopHover"></span>To Top</a>
  580. {/block:IfToTopButton}<script type="text/javascript" src="http://static.tumblr.com/tpqedpr/26Qm9zxnj/like.js"></script>
  581. <iframe id="likeiframe" style="width: 1px; height: 1px;"></iframe>
  582. <script type="text/javascript">
  583. $(document).ready(function () {
  584. $('li.drawer div:nth-child(2)').hide();
  585. $('li.drawer h5').click(function () {
  586. if ($(this).hasClass('open')) {
  587. $('li.drawer div:visible:nth-child(2)').slideUp().prev().removeClass('open');}
  588. else {
  589. $('li.drawer div:visible:nth-child(2)').slideUp().prev().removeClass('open');
  590. $(this).next().slideDown();
  591. $(this).addClass('open');}
  592. });
  593. });
  594. </script>
  595. </body></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!