Advertisement
MAFITHM

Girls C ♥

May 23rd, 2018
229
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 40.33 KB | None | 0 0
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
  2.  
  3. <html xmlns="http://www.w3.org/1999/xhtml">
  4. <head profile="http://gmpg.org/xfn/11">
  5.  
  6. <!--
  7. theme & design
  8.  
  9. h e r o i n y
  10. -->
  11.  
  12. <html> <head>
  13.  
  14. <title>{Title}</title>
  15.  
  16. <link rel="shortcut icon" href="{Favicon}">
  17.  
  18. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  19.  
  20. <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css">
  21.  
  22. <meta name="text:link1" content="" />
  23. <meta name="text:link1 titulo" content="" />
  24. <meta name="text:link2" content="" />
  25. <meta name="text:link2 titulo" content="" />
  26. <meta name="text:link3" content="" />
  27. <meta name="text:link3 titulo" content="" />
  28. <meta name="text:link4" content="" />
  29. <meta name="text:link4 titulo" content="" />
  30. <meta name="text:link5" content="" />
  31. <meta name="text:link5 titulo" content="" />
  32.  
  33. <!-- FONTES DO THEMINHO -->
  34. <link href="https://fonts.googleapis.com/css?family=Marck+Script|PT+Sans+Narrow|Playfair+Display" rel="stylesheet">
  35. <link href="https://fonts.googleapis.com/css?family=Parisienne|Roboto+Condensed" rel="stylesheet">
  36. <link rel="stylesheet" href="//code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css"> <link href="https://fonts.googleapis.com/css?family=Oswald|Rochester" rel="stylesheet">
  37.  
  38. </head>
  39.  
  40. <style type="text/css">
  41. body{background:#d3d3d3; color:#aaa; font-family:'Playfair Display', serif; font-size:9px; text-align:center;}
  42.  
  43. a{color:#98716f; text-shadow:1px 1px 0px #e2cece; text-decoration:none;}
  44. a:hover{color:#fff;}
  45.  
  46. ::-webkit-scrollbar{width:4px; height:4px; background:#aaa;}
  47. ::-webkit-scrollbar-thumb{background:#ffefef; border-radius:4px;}
  48.  
  49. ::moz-selection {color:#fff; background:#ddd;}
  50. ::selection {color:#fff; background:#ddd;}
  51.  
  52. #srg-box{margin-top:60px; margin-left:350px; width:1000px; color:#aaa; padding-bottom:30px; {block:permalinkpage}margin-left:420px;{/block:permalinkpage}}
  53. .srg-posts{float:left; width:180px; padding:10px; background:#ffefef; margin:15px; position:relative; padding:8px 8px 6px 8px; {block:permalinkpage}width:500px;{/block:permalinkpage}; box-shadow:3px 3px 0px #bebebe;}
  54. .srg-posts img {max-width:100%;}
  55.  
  56. .quotes{font-size:11px; text-align:center; padding-left:20px; padding-right:20px;}
  57. .quotes:first-letter {font-size:18px; color:#cfb3b2;}
  58.  
  59. .chat {padding:1px;}
  60. .chat ul {list-style:none; padding:10px; background:#f5f5f5; text-align:left;}
  61. .person1 {border:1px solid #ded; color:#666; font-size:12px; background:#eee;
  62. font-family:'PT Sans Narrow', sans-serif; padding:3px;}
  63. .person1 .label {font-weight:bold; color:#111;}
  64. .person2 {border:1px solid #ddd; color:#666; font-size:12px; background:#ddd;
  65. font-family:'PT Sans Narrow', sans-serif; padding:3px;}
  66. .person2 .label {font-weight:bold; color:#798640;}
  67.  
  68. h1, h2, h3, h4, h5, h6 {text-align:center; color:#cfb3b2; font-family:'Playfair Display', serif; font-size:20px; text-shadow:1px 1px 0px #fff;}
  69.  
  70. blockquote {margin:0px; border-left:2px solid #bebebe; padding:2px; background:#f7e4e4; width:97%; box-shadow:inset -1px -1px 1px rgba(255,255,255,.4), inset 1px 1px 1px rgba(0,0,0,.2);}
  71. blockquote img{width:100%;height:auto;}
  72.  
  73. .albumfoto{float:left; width:40px; margin-top:-25px;}
  74. .albumfoto img{width:40px; height:40px; border:2px solid #fff;}
  75.  
  76. .audiodesc{margin-left:40px; margin-top:-35px; padding:10px; width:140px; background:transparent; color:#888; font-family:'Playfair Display', serif;}
  77.  
  78. /* Estilo de notes #4 por @Chilings
  79. Design original, recuse imitações.
  80. Não retire os créditos! */
  81. #ch-note-four{margin-top:0px; padding:0px 5px 0px 5px; margin-left:-10px; width:230px; height:20px; text-transform:uppercase;}
  82. #ch-note-four a{text-decoration:none;}
  83.  
  84. #ch-note-four .box01{display:inline-block; position:absolute; float:left; left:1px; margin-top:-8px; font-family:'oswald'; font-size:11px; color:#fff; text-shadow:1px 1px rgba(0,0,0,.3); text-transform:uppercase;}
  85. #ch-note-four .box01:first-letter{font-size:30px; color:rgba(0,0,0,.4); text-shadow:1px 1px rgba(255,255,255,.3); margin-right:-9px; font-family:'Rochester';}
  86.  
  87. #ch-note-four .box02{display:inline-block; position:absolute; float:right; margin-top:8px; left:177px; text-align:center; font-size:15px; padding:3px 8px 3px 6px; background:#cfb3b2; border-radius:3px 0 3px 3px; box-shadow:1px 1px 1px rgba(0,0,0,.2); height:15px; line-height:17px;}
  88. #ch-note-four .box02 a{color:#fff; text-shadow:1px 1px rgba(0,0,0,.3);}
  89. #ch-note-four .box02:before{position:absolute; margin-top:-9px; margin-left:15px; border:6px solid transparent; border-top:6px solid transparent; border-bottom:0px solid transparent; border-left:5px solid #cfb3b2; content:' ';}
  90.  
  91. #ch-note-four .ch-note-span{position:absolute; display:block; text-align:left; margin-top:-2px; margin-left:26px;}
  92. #ch-note-four .ch-note-span span{display:inline-block; padding:0px; width:3px; height:3px; border-radius:10px; background:rgba(0,0,0,.4); box-shadow:1px 1px rgba(255,255,255,.3); margin:1px;}
  93. /*Chilings - Chilings - Chilings - Chilings - Chilings - Chilings - Chilings*/
  94.  
  95. /* Estilo de ask #2 por @Chilings
  96. Design original, recuse imitações. Não retire os créditos! */
  97. .ch-ask-two-pergunta{display:block; background:#fff; padding:10px; font-size:10px; border-radius:5px; font-family:'PT Sans Narrow', sans-serif; text-transform:uppercase;}
  98. .ch-ask-two-pergunta a{text-transform:uppercase; color:#aaa; font-weight:bold;}
  99. .ch-ask-two-seta{display:block; margin-top:0px; margin-left:30px; width:0; height:0; border:5px solid transparent; border-right:9px solid transparent; border-top:15px solid #fff; content:' '; border-left:0px solid transparent;}
  100. .ch-ask-two-perguntou{display:block; margin-left:-100px; margin-top:-20px;}
  101. .ch-ask-two-perguntou .purl{display:inline-block; position:absolute; padding:0; margin-top:4px; margin-left:4px; text-transform:uppercase; font-size:10px; font-family:'PT Sans Narrow', sans-serif; letter-spacing:.6px;} .purl a{text-transform:uppercase;}
  102. .ch-ask-two-resposta{display:block; padding:2px; font-size:10px; text-transform:uppercase; font-family:'PT Sans Narrow', sans-serif; padding-top:20px;}
  103. /*Chilings - Chilings - Chilings - Chilings - Chilings - Chilings - Chilings*/
  104.  
  105. #notereblogsg{position:absolute; opacity:0; top:-30px; text-align:center;
  106. background:rgba(207,179,178,.5); padding:4px; width:78px; height:9px;
  107. line-height:8px;}
  108. #notereblogsg a{display:inline-block; font-size:10px; color:#fff;
  109. font-family:'PT Sans Narrow', sans-serif; text-transform:uppercase;
  110. text-shadow:1px 1px 0px #000;}
  111. .srg-posts:hover #notereblogsg {opacity:1;margin-left:3px; transition:2s;
  112. top:10px;}
  113. #notereblogsg a:hover{color:#cfb3b2;}
  114.  
  115. #notelikesg{position:absolute; opacity:0; right:0px; text-align:center;
  116. background:rgba(207,179,178,.5); padding:4px; width:78px; height:9px;
  117. line-height:8px;}
  118. #notelikesg a{display:inline-block; font-size:10px; color:#fff;
  119. font-family:'PT Sans Narrow', sans-serif; text-transform:uppercase;
  120. text-shadow:1px 1px 0px #000;}
  121. .srg-posts:hover #notelikesg {opacity:1;margin-right:11px; transition:1s;
  122. top:10px;}
  123. #notelikesg a:hover{color:#cfb3b2;}
  124.  
  125. #notedatesg{position:absolute; opacity:0; right:0px; text-align:center;
  126. background:rgba(207,179,178,.5); padding:4px; width:172px; height:9px;
  127. line-height:8px;}
  128. #notedatesg a{display:inline-block; font-size:10px; color:#fff;
  129. font-family:'PT Sans Narrow', sans-serif; text-transform:uppercase;
  130. text-shadow:1px 1px 0px #000;}
  131. .srg-posts:hover #notedatesg {opacity:1; left:8px; transition:1s; top:30px;}
  132. #notedatesg a:hover{color:#cfb3b2;}
  133.  
  134. .srg-posts .flower {position:absolute; top:46px; left:-30px; transition:.9s; width:180px; height:auto; opacity:0;}
  135. .srg-posts:hover .flower{left:8px; transition:1s; opacity:1; top:46px;}
  136.  
  137. .hymenu{position:fixed; left:0px; top:8px; width:auto; z-index:99;}
  138. .hymenu a {float:left; margin-left:5px; text-align:center; font-size:10px;
  139. letter-spacing:1px; font-family:'PT Sans Narrow', sans-serif; width:70px; color:#fff; text-transform:uppercase; text-shadow:1px 1px 1px #aaa;}
  140. .hymenu a:hover{color:#333; text-shadow:1px 1px 1px #fff;}
  141.  
  142. /*---♥---por Revolucionou [helpdesigns]---♥---*/
  143. .mod{width:auto; height:auto; left:5px; top:35px; position:fixed; z-index:9;}
  144. .mods {width:40px; height:40px; position:absolute; background:#bebebe; padding:5px; overflow:hidden; -webkit-transition: all 0.5s ease-in-out; z-index:999; box-shadow:inset -1px -1px 1px rgba(255,255,255,.8), inset 1px 1px 1px rgba(0,0,0,.3); border-radius:10px;}
  145. .mods img {position:absolute; display:block; width:40px; height:40px; -webkit-transition: all 0.5s ease-in-out; border-radius:10px;}
  146. .mods:hover img.top, .cf4.hover_effect img.top {-webkit-transform:rotate(360deg) scale(0.9); opacity:0;}
  147. .mods:hover img.bottom, .cf4.hover_effect img.bottom {-webkit-filter: grayscale(100%);}
  148. .name{padding:2px; padding-top:3px; margin-top:26px; font-family:'PT Sans Narrow', sans-serif; font-size:10px; background:#bebebe; color:#000; opacity:0;-webkit-transition-duration:1s; width:36.5px; height:10px; position:absolute; text-transform:uppercase; line-height:10px; font-weight:bold;}
  149. .mods:hover .name{opacity:0.7;}
  150.  
  151. #parceiros {text-align:center; height:530px; width:30px; right:5px; top:100px; position:fixed; z-index:10; overflow:auto;}
  152. #parceiros a {float:left; display:block; font-size:9px; font-family:arial; text-align:center; margin:1px; color:#fff; line-height:20px; height:20px; width:20px; background:#bebebe; text-transform:uppercase; box-shadow:inset 1px 1px 1px rgba(255,255,255,.4), inset -1px -1px 1px rgba(0,0,0,.3); text-shadow:1px 1px 0px #000;}
  153. #parceiros a:hover{ text-shadow:1px 1px 0px #fff; color:#000; background:-webkit-linear-gradient(right,#d9e3e4,#ffefef)}
  154.  
  155. .desta{width:210px;height:auto;position:fixed;margin-left:4px;margin-top:35px;}
  156. #destaques img {width:20px; height:20px; background:#fff; padding:5px;
  157. margin-left:2px; transition:All 0.4s ease;-webkit-transition:All 1s ease;-moz-transition:All 1s ease;-o-transition:All 1s ease; outline-offset:-30px; outline:solid 30px rgba(225,225,225,.1); box-shadow:inset 1px 1px 1px rgba(255,255,255,.3), inset -1px -1px 1px rgba(0,0,0,.2); border-radius:2px;}
  158. #destaques img:hover{transition:All 1s ease;-o-transition:All 1s ease; outline-offset:0px; outline:solid 0px rgba(225,225,225,0.6); background:#ffefef;}
  159.  
  160. .fs{width:210px;height:auto;position:fixed;margin-left:4px;margin-top:105px;}
  161. #fas img {width:20px; height:20px; background:#fff; padding:5px;
  162. margin-left:2px; transition:All 0.4s ease;-webkit-transition:All 1s ease;-moz-transition:All 1s ease;-o-transition:All 1s ease; outline-offset:-30px; outline:solid 30px rgba(225,225,225,.1); box-shadow:inset 1px 1px 1px rgba(255,255,255,.3), inset -1px -1px 1px rgba(0,0,0,.2); border-radius:2px;}
  163. #fas img:hover{transition:All 1s ease;-o-transition:All 1s ease; outline-offset:0px; outline:solid 0px rgba(225,225,225,0.6); background:#ffefef;}
  164.  
  165. .tp1{width:200px;height:auto;position:fixed;margin-left:-25px;margin-top:210px;}
  166. #tp1 img {width:25px; height:25px; background:#fff; padding:5px;
  167. margin-left:60px; transition:All 0.4s ease;-webkit-transition:All 1s ease;-moz-transition:All 1s ease;-o-transition:All 1s ease; outline-offset:-30px; outline:solid 30px rgba(225,225,225,.1); box-shadow:inset 1px 1px 1px rgba(255,255,255,.3), inset -1px -1px 1px rgba(0,0,0,.2); border-radius:2px;}
  168. #tp1 img:hover{transition:All 1s ease;-o-transition:All 1s ease; outline-offset:0px; outline:solid 0px rgba(225,225,225,0.6); background:#ffefef;}
  169.  
  170. .tp2{width:auto;height:auto;position:fixed;margin-left:85px;margin-top:185px;}
  171. #tp2 img {width:30px; height:30px; background:#fff; padding:5px;
  172. transition:All 0.4s ease;-webkit-transition:All 1s ease;-moz-transition:All 1s ease;-o-transition:All 1s ease; outline-offset:-30px; outline:solid 30px rgba(225,225,225,.1); box-shadow:inset 1px 1px 1px rgba(255,255,255,.3), inset -1px -1px 1px rgba(0,0,0,.2); border-radius:2px;}
  173. #tp2 img:hover{transition:All 1s ease;-o-transition:All 1s ease; outline-offset:0px; outline:solid 0px rgba(225,225,225,0.6); background:#ffefef;}
  174.  
  175. .girldomes{width:auto;height:auto;position:fixed;margin-left:10px;margin-top:300px;z-index:9;}
  176. #girl img {width:44px; height:44px; background:#fff; padding:5px;
  177. transition:All 0.4s ease;-webkit-transition:All 1s ease;-moz-transition:All 1s ease;-o-transition:All 1s ease; outline-offset:-30px; outline:solid 30px rgba(225,225,225,.1); box-shadow:inset 1px 1px 1px rgba(255,255,255,.3), inset -1px -1px 1px rgba(0,0,0,.2);}
  178. #girl img:hover{transition:All 1s ease;-o-transition:All 1s ease; outline-offset:0px; outline:solid 0px rgba(225,225,225,0.6); background:#ffefef;}
  179.  
  180. .tags{width:210px; height:auto; position:fixed; margin-left:5px; margin-top:385px; z-index:9;}
  181. .tags a {display:inline-block; width:95px; height:10px; padding:3px;
  182. line-height:12px; font-size:9px; font-family:arial; text-shadow:1px 1px 0px #ddd; color:#999; border-radius:4px; text-align:center; background:#fff; text-transform:uppercase; box-shadow:inset -1px -1px 1px rgba(255,255,255,.8), inset 1px 1px 1px rgba(0,0,0,.2); transition:.80s; margin-top:2px; transition:.80s;}
  183. .tags a:hover{background:#ffefef; color:#777; transition:.80s; text-shadow:1px 1px 0px #fff;}
  184.  
  185. </style>
  186. <body>
  187.  
  188.  
  189. <!------------------------- CAIXA PRINCIPAL -------------------------->
  190. <div style="position:fixed; top:30px; left:100px; width:220px; height:530px; background:#bebebe; box-shadow:inset -1px -1px 1px rgba(255,255,255,.6), inset 1px 1px 1px rgba(0,0,0,.1); border-radius:5px;">
  191.  
  192. <div style="margin-left:5px; margin-top:-5px; font-size:26px; position:fixed; color:#ddd;text-shadow:1px 1px 0px #aaa;letter-spacing:15px;">..........</div>
  193.  
  194. <div style="margin-left:16px; margin-top:0px; font-size:26px; position:fixed; color:#ddd;text-shadow:1px 1px 0px #aaa;letter-spacing:15px;">..........</div>
  195.  
  196. <div style="margin-left:60px; margin-top:15px; font-size:13px; position:fixed; color:#fff; font-family:arial; text-transform:uppercase; font-weight:bold; background:#bebebe; width:95px; z-index:8;">destaques</div>
  197.  
  198. <div class="desta"><div id="destaques">
  199. <a href="http://girlsclassic.tumblr.com/" title="Nome" target="_blank"><img src="http://api.tumblr.com/v2/blog/girlsclassic.tumblr.com/avatar/96/"/></a>
  200. <a href="http://girlsclassic.tumblr.com/" title="Nome" target="_blank"><img src="http://api.tumblr.com/v2/blog/girlsclassic.tumblr.com/avatar/96/"/></a>
  201. <a href="http://girlsclassic.tumblr.com/" title="Nome" target="_blank"><img src="http://api.tumblr.com/v2/blog/girlsclassic.tumblr.com/avatar/96/"/></a>
  202. <a href="http://girlsclassic.tumblr.com/" title="Nome" target="_blank"><img src="http://api.tumblr.com/v2/blog/girlsclassic.tumblr.com/avatar/96/"/></a>
  203. <a href="http://girlsclassic.tumblr.com/" title="Nome" target="_blank"><img src="http://api.tumblr.com/v2/blog/girlsclassic.tumblr.com/avatar/96/"/></a>
  204. <a href="http://girlsclassic.tumblr.com/" title="Nome" target="_blank"><img src="http://api.tumblr.com/v2/blog/girlsclassic.tumblr.com/avatar/96/"/></a>
  205. </div></div>
  206.  
  207.  
  208. <div style="margin-left:5px; margin-top:65px; font-size:26px; position:fixed; color:#ddd;text-shadow:1px 1px 0px #aaa;letter-spacing:15px;">..........</div>
  209.  
  210. <div style="margin-left:16px; margin-top:60px; font-size:26px; position:fixed; color:#ddd;text-shadow:1px 1px 0px #aaa;letter-spacing:15px;">..........</div>
  211. <div style="margin-left:60px; margin-top:82px; font-size:13px; position:fixed; color:#fff; font-family:arial; text-transform:uppercase; font-weight:bold; background:#bebebe; width:102px; z-index:8;">fãs semanais</div>
  212.  
  213. <div style="margin-left:46px; margin-top:138px; font-size:10px; position:fixed; color:#fff; font-family:arial; text-transform:uppercase;">fã 01</div>
  214.  
  215. <div style="margin-left:80px; margin-top:138px; font-size:10px; position:fixed; color:#fff; font-family:arial; text-transform:uppercase;">fã 02</div>
  216.  
  217. <div style="margin-left:114px; margin-top:138px; font-size:10px; position:fixed; color:#fff; font-family:arial; text-transform:uppercase;">fã 03</div>
  218.  
  219. <div style="margin-left:148px; margin-top:138px; font-size:10px; position:fixed; color:#fff; font-family:arial; text-transform:uppercase;">fã 04</div>
  220.  
  221. <div class="fs"><div id="fas">
  222. <a href="http://girlsclassic.tumblr.com/" title="Nome" target="_blank"><img src="http://api.tumblr.com/v2/blog/girlsclassic.tumblr.com/avatar/96/"/></a>
  223. <a href="http://girlsclassic.tumblr.com/" title="Nome" target="_blank"><img src="http://api.tumblr.com/v2/blog/girlsclassic.tumblr.com/avatar/96/"/></a>
  224. <a href="http://girlsclassic.tumblr.com/" title="Nome" target="_blank"><img src="http://api.tumblr.com/v2/blog/girlsclassic.tumblr.com/avatar/96/"/></a>
  225. <a href="http://girlsclassic.tumblr.com/" title="Nome" target="_blank"><img src="http://api.tumblr.com/v2/blog/girlsclassic.tumblr.com/avatar/96/"/></a>
  226. </div></div>
  227.  
  228.  
  229. <div style="margin-left:5px; margin-top:145px; font-size:26px; position:fixed; color:#ddd;text-shadow:1px 1px 0px #aaa;letter-spacing:15px;">..........</div>
  230.  
  231. <div style="margin-left:16px; margin-top:140px; font-size:26px; position:fixed; color:#ddd;text-shadow:1px 1px 0px #aaa;letter-spacing:15px;">..........</div>
  232.  
  233. <div style="margin-left:90px; margin-top:162px; font-size:13px; position:fixed; color:#fff; font-family:arial; text-transform:uppercase; font-weight:bold; background:#bebebe; width:40px; z-index:8;">top 3</div>
  234.  
  235. <div style="margin-left:88px; margin-top:228px; font-size:10px; position:fixed; color:#fff; font-family:arial; text-transform:uppercase;">top 01</div>
  236.  
  237. <div style="margin-left:39px; margin-top:248px; font-size:10px; position:fixed; color:#fff; font-family:arial; text-transform:uppercase;">top 02</div>
  238.  
  239. <div style="margin-left:137px; margin-top:248px; font-size:10px; position:fixed; color:#fff; font-family:arial; text-transform:uppercase;">top 03</div>
  240. <div class="tp2"><div id="tp2">
  241. <a href="http://girlsclassic.tumblr.com/" title="Nome" target="_blank"><img src="http://api.tumblr.com/v2/blog/girlsclassic.tumblr.com/avatar/96/"/></a>
  242. </div></div>
  243.  
  244. <div class="tp1"><div id="tp1">
  245. <a href="http://girlsclassic.tumblr.com/" title="Nome" target="_blank"><img src="http://api.tumblr.com/v2/blog/girlsclassic.tumblr.com/avatar/96/"/></a>
  246.  
  247. <a href="http://girlsclassic.tumblr.com/" title="Nome" target="_blank"><img src="http://api.tumblr.com/v2/blog/girlsclassic.tumblr.com/avatar/96/"/></a>
  248. </div></div>
  249.  
  250.  
  251. <div style="margin-left:5px; margin-top:255px; font-size:26px; position:fixed; color:#ddd;text-shadow:1px 1px 0px #aaa;letter-spacing:15px;">..........</div>
  252.  
  253. <div style="margin-left:16px; margin-top:250px; font-size:26px; position:fixed; color:#ddd;text-shadow:1px 1px 0px #aaa;letter-spacing:15px;">..........</div>
  254.  
  255. <div style="margin-left:55px; margin-top:272px; font-size:13px; position:fixed; color:#fff; font-family:arial; text-transform:uppercase; font-weight:bold; background:#bebebe; width:100px; z-index:8;">girl do mês</div>
  256.  
  257. <div style="position:fixed; margin-top:313px; margin-left:70px; font-size:8px; color:#888; font-family:arial; text-transform:uppercase; padding:3px; width:135px; height:23px; line-height:12px; background:#ddd; box-shadow:inset -1px -1px 1px rgba(255,255,255,.6), inset 1px 1px 1px rgba(0,0,0,.3); letter-spacing:1px; border-radius:5px;"> Nome, 00 anos Cidade
  258. <br>url: heroiny
  259. </div>
  260.  
  261. <div class="girldomes"><div id="girl">
  262. <a href="http://girlsclassic.tumblr.com/" target="_blank"><img src="http://api.tumblr.com/v2/blog/girlsclassic.tumblr.com/avatar/96/"/></a>
  263. </div></div>
  264.  
  265.  
  266. <div style="margin-left:5px; margin-top:350px; font-size:26px; position:fixed; color:#ddd;text-shadow:1px 1px 0px #aaa;letter-spacing:15px;">..........</div>
  267.  
  268. <div style="margin-left:16px; margin-top:345px; font-size:26px; position:fixed; color:#ddd;text-shadow:1px 1px 0px #aaa;letter-spacing:15px;">..........</div>
  269.  
  270. <div style="margin-left:90px; margin-top:366px; font-size:13px; position:fixed; color:#fff; font-family:arial; text-transform:uppercase; font-weight:bold; background:#bebebe; width:40px; z-index:8;">tags</div>
  271.  
  272. <div class="tags">
  273. <a href="#"/>tag</a> <a href="#"/>tag</a> <a href="#"/>tag</a>
  274. <a href="#"/>tag</a> <a href="#"/>tag</a> <a href="#"/>tag</a>
  275. </div>
  276.  
  277.  
  278. <div style="margin-left:5px; margin-top:435px; font-size:26px; position:fixed; color:#ddd;text-shadow:1px 1px 0px #aaa;letter-spacing:15px;">..........</div>
  279.  
  280. <div style="margin-left:16px; margin-top:430px; font-size:26px; position:fixed; color:#ddd;text-shadow:1px 1px 0px #aaa;letter-spacing:15px;">..........</div>
  281.  
  282. <div style="margin-left:75px; margin-top:452px; font-size:13px; position:fixed; color:#fff; font-family:arial; text-transform:uppercase; font-weight:bold; background:#bebebe; width:70px; z-index:8;">créditos</div>
  283.  
  284. <div style="position:fixed; margin-top:475px; margin-left:5px; width:130px; height:43px; background:#b3b3b3; box-shadow:inset -1px -1px rgba(255,255,255,.4), inset 1px 1px 1px rgba(0,0,0,.2); padding:4px; line-height:11px; color:#fff; font-family:arial; text-shadow:1px 1px 0px #777; font-size:8px; text-align:center; text-transform:uppercase; border-radius:5px;"> desenho por <a href="http://legnd.tumblr.com/">legnd</a> e codificação por <a href="http://heroiny.tumblr.com/">heroiny</a>, para uso exclusivo.
  285. <br>Since 17/05/2018.
  286. </div>
  287.  
  288. </div>
  289.  
  290.  
  291. <!----------------------------- PARCEIROS ----------------------------->
  292. <div id="parceiros">
  293. <a href="https://girlsclassic.tumblr.com/" title="Vaga"target="_blank">VG</a>
  294. <a href="https://girlsclassic.tumblr.com/" title="Vaga"target="_blank">VG</a>
  295. <a href="https://girlsclassic.tumblr.com/" title="Vaga"target="_blank">VG</a>
  296. <a href="https://girlsclassic.tumblr.com/" title="Vaga"target="_blank">VG</a>
  297. <a href="https://girlsclassic.tumblr.com/" title="Vaga"target="_blank">VG</a>
  298. <a href="https://girlsclassic.tumblr.com/" title="Vaga"target="_blank">VG</a>
  299. <a href="https://girlsclassic.tumblr.com/" title="Vaga"target="_blank">VG</a>
  300. <a href="https://girlsclassic.tumblr.com/" title="Vaga"target="_blank">VG</a>
  301. <a href="https://girlsclassic.tumblr.com/" title="Vaga"target="_blank">VG</a>
  302. <a href="https://girlsclassic.tumblr.com/" title="Vaga"target="_blank">VG</a>
  303. <a href="https://girlsclassic.tumblr.com/" title="Vaga"target="_blank">VG</a>
  304. <a href="https://girlsclassic.tumblr.com/" title="Vaga"target="_blank">VG</a>
  305. <a href="https://girlsclassic.tumblr.com/" title="Vaga"target="_blank">VG</a>
  306. <a href="https://girlsclassic.tumblr.com/" title="Vaga"target="_blank">VG</a>
  307. <a href="https://girlsclassic.tumblr.com/" title="Vaga"target="_blank">VG</a>
  308. <a href="https://girlsclassic.tumblr.com/" title="Vaga"target="_blank">VG</a>
  309. <a href="https://girlsclassic.tumblr.com/" title="Vaga"target="_blank">VG</a>
  310. <a href="https://girlsclassic.tumblr.com/" title="Vaga"target="_blank">VG</a>
  311. <a href="https://girlsclassic.tumblr.com/" title="Vaga"target="_blank">VG</a>
  312. <a href="https://girlsclassic.tumblr.com/" title="Vaga"target="_blank">VG</a>
  313. <a href="https://girlsclassic.tumblr.com/" title="Vaga"target="_blank">VG</a>
  314. <a href="https://girlsclassic.tumblr.com/" title="Vaga"target="_blank">VG</a>
  315. <a href="https://girlsclassic.tumblr.com/" title="Vaga"target="_blank">VG</a>
  316. <a href="https://girlsclassic.tumblr.com/" title="Vaga"target="_blank">VG</a>
  317. <a href="https://girlsclassic.tumblr.com/" title="Vaga"target="_blank">VG</a>
  318. <a href="https://girlsclassic.tumblr.com/" title="Vaga"target="_blank">VG</a>
  319.  
  320. </div></div>
  321.  
  322.  
  323. <!-------------------- MODERADORES -------------------->
  324. <div class="mod">
  325.  
  326. <div class="mods" class="hover">
  327. <a href="http://heroiny.tumblr.com/">
  328. <img class="bottom shadow" src="http://api.tumblr.com/v2/blog/heroiny.tumblr.com/avatar/96/"/>
  329. <img class="top shadow" src="http://api.tumblr.com/v2/blog/heroiny.tumblr.com/avatar/96/">
  330. </a><div class="name">Naty ♡</div>
  331. </div></div>
  332.  
  333. <div style="position:fixed; top:90px; left:5px; z-index:9;">
  334. <div class="mods" class="hover">
  335. <a href="http://heroiny.tumblr.com/">
  336. <img class="bottom shadow" src="http://api.tumblr.com/v2/blog/heroiny.tumblr.com/avatar/96/"/>
  337. <img class="top shadow" src="http://api.tumblr.com/v2/blog/heroiny.tumblr.com/avatar/96/">
  338. </a><div class="name">Naty ♡</div>
  339. </div></div></div>
  340.  
  341. <div style="position:fixed; top:145px; left:5px; z-index:9;">
  342. <div class="mods" class="hover">
  343. <a href="http://heroiny.tumblr.com/">
  344. <img class="bottom shadow" src="http://api.tumblr.com/v2/blog/heroiny.tumblr.com/avatar/96/"/>
  345. <img class="top shadow" src="http://api.tumblr.com/v2/blog/heroiny.tumblr.com/avatar/96/">
  346. </a><div class="name">Naty ♡</div>
  347. </div></div></div>
  348.  
  349. <div style="position:fixed; top:200px; left:5px; z-index:9;">
  350. <div class="mods" class="hover">
  351. <a href="http://heroiny.tumblr.com/">
  352. <img class="bottom shadow" src="http://api.tumblr.com/v2/blog/heroiny.tumblr.com/avatar/96/"/>
  353. <img class="top shadow" src="http://api.tumblr.com/v2/blog/heroiny.tumblr.com/avatar/96/">
  354. </a><div class="name">Naty ♡</div>
  355. </div></div></div>
  356.  
  357. <div style="position:fixed; top:255px; left:5px; z-index:9;">
  358. <div class="mods" class="hover">
  359. <a href="http://heroiny.tumblr.com/">
  360. <img class="bottom shadow" src="http://api.tumblr.com/v2/blog/heroiny.tumblr.com/avatar/96/"/>
  361. <img class="top shadow" src="http://api.tumblr.com/v2/blog/heroiny.tumblr.com/avatar/96/">
  362. </a><div class="name">Naty ♡</div>
  363. </div></div></div>
  364.  
  365. <div style="position:fixed; top:310px; left:5px; z-index:9;">
  366. <div class="mods" class="hover">
  367. <a href="http://heroiny.tumblr.com/">
  368. <img class="bottom shadow" src="http://api.tumblr.com/v2/blog/heroiny.tumblr.com/avatar/96/"/>
  369. <img class="top shadow" src="http://api.tumblr.com/v2/blog/heroiny.tumblr.com/avatar/96/">
  370. </a><div class="name">Naty ♡</div>
  371. </div></div></div>
  372.  
  373. <div style="position:fixed; top:365px; left:5px; z-index:9;">
  374. <div class="mods" class="hover">
  375. <a href="http://heroiny.tumblr.com/">
  376. <img class="bottom shadow" src="http://api.tumblr.com/v2/blog/heroiny.tumblr.com/avatar/96/"/>
  377. <img class="top shadow" src="http://api.tumblr.com/v2/blog/heroiny.tumblr.com/avatar/96/">
  378. </a><div class="name">Naty ♡</div>
  379. </div></div></div>
  380.  
  381. <div style="position:fixed; top:420px; left:5px; z-index:9;">
  382. <div class="mods" class="hover">
  383. <a href="http://heroiny.tumblr.com/">
  384. <img class="bottom shadow" src="http://api.tumblr.com/v2/blog/heroiny.tumblr.com/avatar/96/"/>
  385. <img class="top shadow" src="http://api.tumblr.com/v2/blog/heroiny.tumblr.com/avatar/96/">
  386. </a><div class="name">Naty ♡</div>
  387. </div></div></div>
  388.  
  389. <div style="position:fixed; top:475px; left:5px; z-index:9;">
  390. <div class="mods" class="hover">
  391. <a href="http://heroiny.tumblr.com/">
  392. <img class="bottom shadow" src="http://api.tumblr.com/v2/blog/heroiny.tumblr.com/avatar/96/"/>
  393. <img class="top shadow" src="http://api.tumblr.com/v2/blog/heroiny.tumblr.com/avatar/96/">
  394. </a><div class="name">Naty ♡</div>
  395. </div></div></div>
  396.  
  397. <div style="position:fixed; top:530px; left:5px; z-index:9;">
  398. <div class="mods" class="hover">
  399. <a href="http://heroiny.tumblr.com/">
  400. <img class="bottom shadow" src="http://api.tumblr.com/v2/blog/heroiny.tumblr.com/avatar/96/"/>
  401. <img class="top shadow" src="http://api.tumblr.com/v2/blog/heroiny.tumblr.com/avatar/96/">
  402. </a><div class="name">Naty ♡</div>
  403. </div></div></div>
  404.  
  405. </div>
  406.  
  407.  
  408. <!-------------------- BARRAS E ETC - NÃO MEXA -------------------->
  409. <div style="position:fixed; top:0px; left:-10px; width:1000%; height:15px; background:#ffefef; z-index:6; box-shadow:inset 1px 1px 1px rgba(255,255,255,.6), inset -1px -1px 1px rgba(0,0,0,.3); border-bottom:15px solid #d3d3d3;"> </div>
  410.  
  411. <div style="left:300px; top:-10px; font-size:30px; position:fixed; color:#bebebe; text-shadow:1px 1px 0px #ddd; letter-spacing:20px; z-index:8;">..................................................</div>
  412.  
  413. <div style="left:313px; top:-7px; font-size:30px; position:fixed; color:#bebebe; text-shadow:1px 1px 0px #ddd; letter-spacing:20px; z-index:8;">..................................................</div>
  414.  
  415. <div style="position:fixed; top:30px; left:330px; width:960px; height:15px; background:#d9e3e4; z-index:6; box-shadow:inset 1px 1px 1px rgba(255,255,255,.4), inset -1px -1px 1px rgba(0,0,0,.2); border-radius:8px;"></div>
  416.  
  417. <div style="position:fixed; top:5px; left:-10px; width:400px; height:20px; background:#bebebe; z-index:10; box-shadow:inset 1px 1px 1px rgba(255,255,255,.5), inset -1px -1px 1px rgba(0,0,0,.2); border-radius:15px;"></div>
  418.  
  419. <div style="position:fixed; top:30px; right:0px; width:auto; height:auto; z-index:9; -webkit-transform:rotate(-20deg);"><img src="https://i.imgur.com/DGv8fBk.png"></div>
  420.  
  421. <div class="hymenu">
  422. <a href="{text:link1}">{text:link1 titulo}</a>
  423. <a href="{text:link2}">{text:link2 titulo}</a>
  424. <a href="{text:link3}">{text:link3 titulo}</a>
  425. <a href="{text:link4}">{text:link4 titulo}</a>
  426. <a href="{text:link5}">{text:link5 titulo}</a>
  427. </div>
  428.  
  429. <div style="position:fixed; top:50px; left:63px; width:7px; height:1000%; background:#ffefef; box-shadow:inset -1px -1px 1px rgba(255,255,255,.6), inset 1px 1px 1px rgba(0,0,0,.3);"></div>
  430.  
  431. <div style="left:59px; top:37px; font-size:16px; position:fixed; color:#fff; text-shadow:1px 1px 0px #aaa; z-index:8;"><i class="fa fa-star" aria-hidden="true"></i></div>
  432.  
  433. <div style="position:fixed; top:70px; left:75px; width:6px; height:1000%; background:#fff; box-shadow:inset -1px -1px 1px rgba(255,255,255,.6), inset 1px 1px 1px rgba(0,0,0,.4);"></div>
  434.  
  435. <div style="left:72px; top:58px; font-size:14px; position:fixed; color:#aaa; text-shadow:1px 1px 0px #ddd; z-index:8;"><i class="fa fa-star" aria-hidden="true"></i></div>
  436.  
  437. <div style="position:fixed; top:500px; left:250px; width:50px; height:50px; background:#ffefef; box-shadow:inset -1px -1px 1px rgba(255,255,255,.6), inset 1px 1px 1px rgba(0,0,0,.4); border-radius:100px; z-index:7;"></div>
  438.  
  439. <div style="position:fixed; top:530px; left:250px; width:40px; height:40px; background:#ffefef; box-shadow:inset -1px -1px 1px rgba(255,255,255,.6), inset 1px 1px 1px rgba(0,0,0,.1); border-radius:100px; z-index:7;"></div>
  440.  
  441. <div style="position:fixed; top:530px; left:280px; width:40px; height:40px; background:#ffefef; border-radius:100px; z-index:7;"></div>
  442.  
  443. <div style="position:fixed; top:550px; left:310px; width:20px; height:20px; background:#ffefef; border-radius:100px; z-index:7;"></div>
  444.  
  445. <div style="position:fixed; top:510px; left:310px; width:20px; height:20px; background:#ffefef; box-shadow:inset -1px -1px 1px rgba(255,255,255,.6), inset 1px 1px 1px rgba(0,0,0,.1); border-radius:100px; z-index:7;"></div>
  446.  
  447.  
  448. <div style="left:267px; top:502px; font-size:25px; position:fixed; color:#bebebe; font-family:'Roboto Condensed', sans-serif; text-transform:uppercase; font-weight:bold; z-index:8; text-shadow:1px 1px 0px #fff;">G</div>
  449.  
  450. <div style="left:250px; top:525px; font-size:34px; position:fixed; color:#aaa; font-family:'Parisienne', cursive; font-weight:bold; z-index:8; text-shadow:1px 1px 0px #fff; letter-spacing:2px;">Classic</div>
  451.  
  452. <!-------------------- CÓDIGO DOS POSTS POR: HEROINY -------------------->
  453. <div id="srg-box">
  454.  
  455. {block:Posts}
  456.  
  457. <div class="srg-posts">
  458.  
  459. {block:Text}
  460. {block:Title} <center>{Title}</center> {/block:Title}
  461. {Body}{block:IndexPage}
  462.  
  463. <!--- NOTES TEXTOS -->
  464. <div id="ch-note-four"> <!-- Notes #4 - Chillings -->
  465. <div class="ch-note-span"> <span></span> <span></span> <span></span> <span></span> <span></span> <span></span> <span></span> <span></span> <span></span> <span></span> <span></span> <span></span> <span></span> <span></span> <span></span> <span></span> <span></span> <span></span> <span></span> <span></span> <span></span> <span></span></div>
  466.  
  467. <div class="box01"><a href="{Permalink}">POSTED IN {DayOfMonthWithZero}/{MonthNumberWithZero} WITH {NoteCount} NOTES</a></div>
  468.  
  469. <div class="box02"> <a href="{ReblogURL}" title="Reblog, baby"><i class="ion-arrow-swap"></i></a> </div>
  470. </div> <!-- Notes #4 - Chillings -->
  471. {/block:IndexPage}
  472. {/block:Text}
  473.  
  474.  
  475. {block:Photo}
  476. <a href="#" onclick="Tumblr.Lightbox.init([{ width: {PhotoWidth-HighRes}, height: {PhotoHeight-HighRes}, low_res: '{PhotoURL-HighRes}', high_res: '{PhotoURL-HighRes}' }]); $('body').toggleClass('tumblr_lightbox_active'); return false"><img src="{PhotoURL-HighRes}"> </a>
  477. {block:IndexPage}
  478. <!--- NOTES PHOTOS -->
  479. <div id="notelikesg">
  480. <a href="{Permalink}" target="_blank">{NoteCount} notes</a></div>
  481. <div id="notereblogsg">
  482. <a href="{ReblogURL}" target="_blank">Reblog, baby </a></div>
  483. <div class="flower" style="margin-left:5px; color:rgba(207,179,178,.9); width:170px; font-size:13.3px; text-shadow:1px 1px 0px #000; transition:2s">🌼 🌼 🌼 🌼 🌼 🌼 🌼 🌼 🌼 🌼</div>
  484. <div id="notedatesg">
  485. <a href="{Permalink}">POSTED IN {DayOfMonthWithZero}/{MonthNumberWithZero} at {24HourWithZero}:{Minutes} {AmPm}</a></div>
  486. {/block:IndexPage}
  487. {/block:Photo}
  488.  
  489.  
  490. {block:Photoset}
  491. {Photoset}
  492. {block:IndexPage}
  493. <!--- NOTES PHOTOSETS -->
  494. <div id="notelikesg">
  495. <a href="{Permalink}" target="_blank">{NoteCount} notes</a></div>
  496. <div id="notereblogsg">
  497. <a href="{ReblogURL}" target="_blank">Reblog, baby </a></div>
  498. <div class="flower" style="margin-left:5px; color:rgba(207,179,178,.9); width:170px; font-size:13.3px; text-shadow:1px 1px 0px #000; transition:2s">🌼 🌼 🌼 🌼 🌼 🌼 🌼 🌼 🌼 🌼</div>
  499. <div id="notedatesg">
  500. <a href="{Permalink}">POSTED IN {DayOfMonthWithZero}/{MonthNumberWithZero} at {24HourWithZero}:{Minutes} {AmPm}</a></div>
  501. {/block:IndexPage}
  502. {/block:Photoset}
  503.  
  504.  
  505. {block:Quote}
  506. <div class="quotes">{Quote}</div></font>
  507. {block:Source}<p><div class="source"><font style="color:#798640;">-</font> {Source}</div>{/block:Source}
  508. {block:IndexPage}
  509. <!--- NOTES QUOTES -->
  510. <div id="ch-note-four"> <!-- Notes #4 - Chillings -->
  511. <div class="ch-note-span"> <span></span> <span></span> <span></span> <span></span> <span></span> <span></span> <span></span> <span></span> <span></span> <span></span> <span></span> <span></span> <span></span> <span></span> <span></span> <span></span> <span></span> <span></span> <span></span> <span></span> <span></span> <span></span></div>
  512.  
  513. <div class="box01"><a href="{Permalink}">POSTED IN {DayOfMonthWithZero}/{MonthNumberWithZero} WITH {NoteCount} NOTES</a></div>
  514.  
  515. <div class="box02"> <a href="{ReblogURL}" title="Reblog, baby"><i class="ion-arrow-swap"></i></a> </div>
  516. </div> <!-- Notes #4 - Chillings -->
  517. {/block:IndexPage}
  518. {/block:Quote}
  519.  
  520.  
  521. {block:Link}
  522. <h1><a href="{URL}" {Target}>{Name}</a></h1>
  523. {block:Description} {Description} {/block:Description}
  524. {block:IndexPage}
  525. <!--- NOTES LINKS -->
  526. <div id="ch-note-four"> <!-- Notes #4 - Chillings -->
  527. <div class="ch-note-span"> <span></span> <span></span> <span></span> <span></span> <span></span> <span></span> <span></span> <span></span> <span></span> <span></span> <span></span> <span></span> <span></span> <span></span> <span></span> <span></span> <span></span> <span></span> <span></span> <span></span> <span></span> <span></span></div>
  528.  
  529. <div class="box01"><a href="{Permalink}">POSTED IN {DayOfMonthWithZero}/{MonthNumberWithZero} WITH {NoteCount} NOTES</a></div>
  530.  
  531. <div class="box02"> <a href="{ReblogURL}" title="Reblog, baby"><i class="ion-arrow-swap"></i></a> </div>
  532. </div> <!-- Notes #4 - Chillings -->
  533. {/block:IndexPage}
  534. {/block:Link}
  535.  
  536.  
  537. {block:Chat}
  538. <div class="chat"><ul>{block:Lines}
  539. <li class="person{UserNumber}">{block:Label}
  540. <span class="label">{Label}</span>{/block:Label} {Line}</li>{/block:Lines}</ul></div>
  541. {block:IndexPage}
  542. <!--- NOTES CHATS -->
  543. <div id="ch-note-four"> <!-- Notes #4 - Chillings -->
  544. <div class="ch-note-span"> <span></span> <span></span> <span></span> <span></span> <span></span> <span></span> <span></span> <span></span> <span></span> <span></span> <span></span> <span></span> <span></span> <span></span> <span></span> <span></span> <span></span> <span></span> <span></span> <span></span> <span></span> <span></span></div>
  545.  
  546. <div class="box01"><a href="{Permalink}">POSTED IN {DayOfMonthWithZero}/{MonthNumberWithZero} WITH {NoteCount} NOTES</a></div>
  547.  
  548. <div class="box02"> <a href="{ReblogURL}" title="Reblog, baby"><i class="ion-arrow-swap"></i></a> </div>
  549. </div> <!-- Notes #4 - Chillings -->
  550. {/block:IndexPage}
  551. {/block:Chat}
  552.  
  553.  
  554. {block:Audio}
  555. {block:AudioPlayer}
  556. {AudioPlayer}{/block:AudioPlayer}
  557. <div class="albumfoto">
  558. {block:AlbumArt}<img src="{AlbumArtURL}"/>
  559. {/block:AlbumArt}</div>
  560. <div class="audiodesc">
  561. {block:Artist}{Artist}{/block:Artist}</br>
  562. {block:Album}{Album}{/block:Album}</br>
  563. {block:TrackName}{TrackName}{/block:TrackName}</br>
  564. {block:PlayCount}{PlayCountWithLabel}{/block:PlayCount}
  565. </div>
  566. {block:IndexPage}
  567. <!--- NOTES ÁUDIOS -->
  568. <div id="ch-note-four"> <!-- Notes #4 - Chillings -->
  569. <div class="ch-note-span"> <span></span> <span></span> <span></span> <span></span> <span></span> <span></span> <span></span> <span></span> <span></span> <span></span> <span></span> <span></span> <span></span> <span></span> <span></span> <span></span> <span></span> <span></span> <span></span> <span></span> <span></span> <span></span></div>
  570.  
  571. <div class="box01"><a href="{Permalink}">POSTED IN {DayOfMonthWithZero}/{MonthNumberWithZero} WITH {NoteCount} NOTES</a></div>
  572.  
  573. <div class="box02"> <a href="{ReblogURL}" title="Reblog, baby"><i class="ion-arrow-swap"></i></a> </div>
  574. </div> <!-- Notes #4 - Chillings -->
  575. {/block:IndexPage}
  576. {/block:Audio}
  577.  
  578.  
  579. {block:Video}
  580. <div style="max-width:200px; height:auto; overflow-x:hidden; overflow-y:hidden">{Video-250}</div>
  581. {block:IndexPage}
  582. <!--- NOTES VÍDEOS -->
  583. <div id="ch-note-four"> <!-- Notes #4 - Chillings -->
  584. <div class="ch-note-span"> <span></span> <span></span> <span></span> <span></span> <span></span> <span></span> <span></span> <span></span> <span></span> <span></span> <span></span> <span></span> <span></span> <span></span> <span></span> <span></span> <span></span> <span></span> <span></span> <span></span> <span></span> <span></span></div>
  585.  
  586. <div class="box01"><a href="{Permalink}">POSTED IN {DayOfMonthWithZero}/{MonthNumberWithZero} WITH {NoteCount} NOTES</a></div>
  587.  
  588. <div class="box02"> <a href="{ReblogURL}" title="Reblog, baby"><i class="ion-arrow-swap"></i></a> </div>
  589. </div> <!-- Notes #4 - Chillings -->
  590. {/block:IndexPage}
  591. {/block:Video}
  592.  
  593.  
  594. {block:Answer}
  595. <div class="ch-ask-two-pergunta">{Question}</div>
  596. <div class="ch-ask-two-seta"></div>
  597.  
  598. <div class="ch-ask-two-perguntou">
  599. <div class="purl">{Asker}</div>
  600. </div>
  601.  
  602. <div class="ch-ask-two-resposta">{Answer}</div>
  603. {block:IndexPage}
  604. <!--- NOTES ASK -->
  605. <div id="ch-note-four"> <!-- Notes #4 - Chillings -->
  606. <div class="ch-note-span"> <span></span> <span></span> <span></span> <span></span> <span></span> <span></span> <span></span> <span></span> <span></span> <span></span> <span></span> <span></span> <span></span> <span></span> <span></span> <span></span> <span></span> <span></span> <span></span> <span></span> <span></span> <span></span></div>
  607.  
  608. <div class="box01"><a href="{Permalink}">POSTED IN {DayOfMonthWithZero}/{MonthNumberWithZero} WITH {NoteCount} NOTES</a></div>
  609.  
  610. <div class="box02"> <a href="{ReblogURL}" title="Reblog, baby"><i class="ion-arrow-swap"></i></a> </div>
  611. </div> <!-- Notes #4 - Chillings -->
  612. {/block:IndexPage}
  613. {/block:Answer}
  614.  
  615.  
  616. </div>
  617. {/block:Posts}
  618. </div>
  619.  
  620. <script type="text/javascript" src="http://static.tumblr.com/imovwvl/dJWl20ley/jqueryformasonry.js"></script>
  621. <script src="http://static.tumblr.com/df28qmy/SHUlh3i7s/jquery.infinitescroll.js"></script>
  622. <script src="http://static.tumblr.com/thpaaos/lLwkowcqm/jquery.masonry.js"></script>
  623. <script type="text/javascript">
  624. $(window).load(function () {
  625. $('#srg-box').masonry(),
  626. $('.masonryWrap').infinitescroll({
  627. navSelector : "div#navigation",
  628. nextSelector : "div#navigation a#nextPage",
  629. itemSelector : ".srg-posts",
  630. bufferPx : 10000,
  631. extraScrollPx: 11000,
  632. loadingImg : "http://static.tumblr.com/8yo5xxv/3Dem80mch/loading.gif",
  633. loadingText : "carregando",
  634. },
  635. // call masonry as a callback.
  636. function() { $('#srg-box').masonry({ appendedContent: $(this) }); }
  637. );
  638. });
  639. </script>
  640.  
  641.  
  642. {block:IndexPage}
  643. <div class="column navigation" id="navigation">
  644. {block:Pagination}
  645. {block:PreviousPage}<a href="{PreviousPage}" class="navigate">{/block:PreviousPage}{block:PreviousPage}</a>{/block:PreviousPage}
  646. {block:NextPage}<a href="{NextPage}" class="navigate" id="nextPage">{/block:NextPage}{block:NextPage}</a>{/block:NextPage}{/block:Pagination}
  647. </div>
  648. {/block:IndexPage}
  649.  
  650. </body>
  651. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement