API tools faq
paste
Botaodecerejeira

#17 - Flower power

Botaodecerejeira
Apr 28th, 2013
381
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 33.94 KB | None | 0 0
raw download clone embed print report
  1. <!-------------------------------------------------------------------------
  2.  
  3. Theme feito por Thais Alvarenga (botaodecerejeira.tumblr.com). Não retire os creditos de jeito nenhum que isso fique bem claro! Se veio aqui para plagiar só lhe dou um conselho não faça isso que é muito feio, seja original, se inspire mais não copie nada por favor se não eu farei da sua vida um inferno, obrigada por ler (NÃO RETIRE OS CREDITOS OKAY)
  4. (=*.*=)
  5. -------------------------------------------------------------------------->
  6. <head>
  7.  
  8.  
  9. <!------------------------------Aparência--------------------------------->
  10. <meta name="image:background" content="http://static.tumblr.com/cir8k0k/1Mjmlz0hw/635.png" />
  11. <meta name="image:sidebar" content="http://static.tumblr.com/cir8k0k/7bNmlz0ip/tumblr_mgsaxvj0fj1qkegvso1_500.jpg" />
  12. <meta name="color:letra" content="#fff"/>
  13. <meta name="color:posts" content="#363636"/>
  14. <meta name="color:titlebg1" content="#f07891"/>
  15. <meta name="color:titlebg2" content="#fff"/>
  16. <meta name="color:title" content="#fff"/>
  17. <meta name="color:link" content="#f07891"/>
  18. <meta name="color:negrito" content="#f07891"/>
  19. <meta name="color:italico" content="#000"/>
  20. <meta name="color:permalink" content="#f07891"/>
  21. <meta name="color:ask" content="#f07891"/>
  22. <meta name="color:askletra" content="#fff"/>
  23. <meta name="color:chat1" content="#f07891"/>
  24. <meta name="color:chat2" content="#fff"/>
  25. <meta name="color:chat1letra" content="#fff"/>
  26. <meta name="color:chat2letra" content="#696969"/>
  27. <meta name="color:aspas" content="#f07891"/>
  28. <meta name="color:sourcebg1" content="#f07891"/>
  29. <meta name="color:sourcebg2" content="#fff"/>
  30. <meta name="color:faixa" content="#f07891"/>
  31. <meta name="color:faixaa" content="#363636"/>
  32. <meta name="color:faixa1" content="#fff"/>
  33. <meta name="color:faixa2" content="#f07891"/>
  34. <meta name="color:faixaa2" content="#fff"/>
  35. <meta name="color:triangulo" content="#fff"/>
  36. <meta name="color:caixinhabg1" content="#f07891"/>
  37. <meta name="color:caixinhabg2" content="#fff"/>
  38. <meta name="color:descricao" content="#fff"/>
  39. <meta name="color:imgborda" content="#f07891"/>
  40. <meta name="color:menu" content="#f07891"/>
  41. <meta name="color:menuu" content="#fff"/>
  42. <meta name="color:titulo" content="#f07891"/>
  43. <meta name="color:scrollbar" content="#f07891"/>
  44. <meta name="color:scrollbar1" content="#FFB6C1"/>
  45. <meta name="color:tooltip" content="#f07891"/>
  46. <meta name="color:tooltipletra" content="#fff"/>
  47. <meta name="text:Link" content="/" />
  48. <meta name="text:Link1" content="/" />
  49. <meta name="text:Link2" content="/" />
  50. <meta name="text:Link3" content="/" />
  51. <meta name="text:Link3 Title" content="link" />
  52. <meta name="text:Link4" content="/" />
  53. <meta name="text:Link4 Title" content="link" />
  54. <meta name="text:Link5" content="/" />
  55. <meta name="text:Link5 Title" content="link" />
  56. <meta name="text:Link6" content="/" />
  57. <meta name="text:Link6 Title" content="link" />
  58. <meta name="text:Link7" content="/" />
  59. <meta name="text:Link7 Title" content="link" />
  60.  
  61.  
  62. <!--------------------------------font's---------------------------------->
  63. <link href='http://fonts.googleapis.com/css?family=Snippet|Sirin+Stencil|Rationale|Delius+Swash+Caps|Berkshire+Swash|Redressed|Tangerine|Oleo+Script|Rochester|Lobster+Two|Dancing+Script|Nova+Square|Crafty+Girls|Nova+Flat' rel='stylesheet' type='text/css'>
  64. <link href='http://fonts.googleapis.com/css?family=Monsieur+La+Doulaise' rel='stylesheet' type='text/css'>
  65. <link href='http://fonts.googleapis.com/css?family=Rouge+Script' rel='stylesheet' type='text/css'>
  66.  
  67. </head>
  68. <style>
  69.  
  70.  
  71. #inovandohtmltooltip {background: url('http://i205.photobucket.com/albums/bb186/mhilkas/favoicons/ico.gif') left no-repeat {color:tooltip}; opacity: .85; position: absolute; padding: 4px 4px 4px 18px; border-radius: 10px; left: -100px; color: {color:tooltipletra}; text-align: center; font-size: 9px; -webkit-box-shadow:0 0 1em {color:tooltip}; font-family: Alterebro Pixel Font; width: auto; margin: 10px; border-radius: 3; visibility: hidden; z-index: 300; filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);}
  72.  
  73. #tumblr_controls{position: fixed!important}
  74. #tumblr_controls{position: fixed!important}
  75. #tumblr_controls{position: fixed!important}
  76. ::-webkit-scrollbar{width:7px;height:1px;}
  77. ::-webkit-scrollbar-button:start:decrement
  78. ::-webkit-scrollbar-button:end:increment{display:block;height:0;background-color:transparent;}
  79. ::-webkit-scrollbar-track-piece{background-color:#ffffff;-webkit-border-radius:0;-webkit-border-bottom-right-radius:3px;-webkit-border-bottom-left-radius:3px;}
  80. ::-webkit-scrollbar-thumb:vertical{height:50px; background-color:{color:scrollbar1};-webkit-border-radius:30px; border:2px solid {color:scrollbar}}
  81.  
  82. ::-webkit-scrollbar-thumb:horizontal{width:50px; background-color:{color:scrollbar1};-webkit-border-radius:30px; border:2px solid {color:scrollbar};}
  83.  
  84. /*******************************Corpo*************************************/
  85. body{background: #fff Url('{image:background}');color:{color:letra}; font:normal 10px 'Lucida Grande',Verdana,sans-serif; background-attachment:fixed; background-repeat:repeat; background-attachment: fixed;}
  86.  
  87. /*******************************Back to top*******************************/
  88. #scrollToTop:link,#scrollToTop:visited { color: transparent; background-color: transparent; display: none; position: fixed; right: 0px;font-size:30px;}
  89.  
  90. /*******************************Centralização*****************************/
  91. #total{width:1200px;margin-top:0px;}
  92. #conteudo {width:700px; margin-top:10px; float:right;padding-bottom:25%;}
  93.  
  94. /**********************************Psots**********************************/
  95. .posts {text-align:left;float: left; width: 250px; margin:1px;padding:3px;-webkit-transition: all 0.2s ease-in-out;-moz-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;background:{color:posts};}
  96. .posts img{max-width:250px;}
  97. .posts2 {width: 400px;float: center;padding:4px; margin-bottom:4px;background:{color:posts};text-align:left;}
  98. .photo {text-align: center; border: 0px}
  99. .photo img {width: 200px;opacity:0.95;-moz-transition: all 0.4s ease-out; -o-transition: all 0.4s ease-out; -webkit-transition: all 0.4s ease-out; transition: all 0.4s ease-out;}
  100. .photo img:hover{opacity:1}
  101. .photoset img {max-width:200px;}
  102. /*******************************Título************************************/
  103. h1{color:{color:title};text-align:center;font-family: 'contribute';font-size:20px;background: -webkit-gradient(linear, left top, left bottom, from({color:titlebg1}), to({color:titlebg2}));border-radius: 4px 4px 4px 4px;text-shadow: 1px 1px 1px #000;}
  104. @font-face {font-family:"contribute"; src: url('http://static.tumblr.com/q54tzar/SYim21ewv/contribute_free-version_1_.ttf'); }
  105. /*******************************Link**************************************/
  106. a:link, a:visited, a:active {color:{color:link}; letter-spacing: 0.02em; text-decoration: none;}
  107. a:hover {color:{color:link};-webkit-transition-duration: .99s;}
  108.  
  109. /*****************Nigrito, Itálico, Riscado E Sublinhado******************/
  110. b, strong {color:{color:negrito};}
  111. u,underline {color: {color:letra}; border-bottom: 1px dotted {color:negrito}; text-decoration:none; }
  112. i, em{color:{color:italico}; }
  113.  
  114. /*******************************Postnotes*********************************/
  115. ol.notes { display:block;background-repeat:no-repeat;vertical-align : middle;text-decoration : none;margin-bottom : 1px;background:rgba(255, 255, 255, 0.5); list-style-type: none; font-size: 10px;}
  116. ol.notes li.note {border-top: solid 0px #; padding: 4px;}
  117. ol.notes li.note img.avatar {display: normal;border-radius:100px}
  118. ol.notes li.note span.action {font-weight: none;}
  119. ol.notes li.note .answer_content {font-weight: normal;}
  120. ol.notes li.note blockquote {display: none;}
  121. ol.notes li.note blockquote a {text-decoration: none;}
  122. ful { list-style: none; }
  123. ol { list-style-position: inside; }
  124. * { margin: 0; padding: 0; outline: none; }
  125. .caixa {overflow: hidden;background: {color:posts}; padding: 4px;font-family: Verdana, Geneva, sans-serif;color: #777;text-align: justify;outline: 0px solid #; margin-bottom: 1px;width:400px;margin-left:0px;}
  126. .filereplace {border-left: 10px solid #FFF; display : block;background-repeat : no-repeat;text-indent : 5px;vertical-align : middle;text-decoration : none;margin-bottom : 1px;background:{color:posts}; line-height: 13px;-webkit-transition-duration: .49s;font-family:calibri;padding:4px;}
  127. .data {border-left: 15px solid #777; display : block;background-repeat : no-repeat;text-indent : 5px;vertical-align : middle;text-decoration : none;margin-bottom : 1px;background: {color:posts}; line-height: 13px;-webkit-transition-duration: .49s;font-family:calibri;padding:4px;}
  128. .tag {border-left: 20px solid #FFF; display : block;background-repeat : no-repeat;text-indent : 5px;vertical-align : middle;text-decoration : none;margin-bottom : 1px;background: {color:posts}; line-height: 13px;-webkit-transition-duration: .49s;font-family:calibri;padding:4px;}
  129. .notes2 {border-left: 25px solid #777; display : block;background-repeat : no-repeat;text-indent : 5px;vertical-align : middle;text-decoration : none;margin-bottom : 1px;background: {color:posts}; line-height: 13px;-webkit-transition-duration: .49s;font-family:calibri;padding:4px;}
  130.  
  131. /******************************Notes das fotos***************************/
  132. #permalink
  133. {width:248px;height:25px;overflow:auto;z-index:999;padding:9px;font-family:tinytots;font-size:8px;background-color:{color:Post};color:{color:Body};}
  134. #permalink
  135. {opacity:0;-webkit-transition: all 0.7s ease; -moz-transition: all 0.7s ease; -o-transition: all 0.7s ease;{block:IfOneColumned}
  136. width:0px;{/block:IfOneColumned}{block:IfNotOneColumned}
  137. width:230px;{/block:IfNotOneColumned}color:#DB7093;text-shadow: 1px 1px 1px #f07891;text-align:center;background-color:{color:permalink};
  138. font-family:tinytots;text-transform:uppercase;font-size:8px;line-height:25px;margin-top:30px;position:absolute;padding:1px;z-index:1;-webkit-transform:rotate(320deg);-moz-transform:rotate(320deg);-o-transform: rotate(320deg);}
  139. .posts:hover #permalink {-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-o-transform: rotate(360deg);line-height:25px;display:block;opacity:0.8;margin-top:0px;{block:IfOneColumned}
  140. width:400px;{/block:IfOneColumned}{block:IfNotOneColumned}width:249px;{/block:IfNotOneColumned}}
  141. .posts:hover #permalink:hover {opacity:0.8;}
  142. #reblog {filter:alpha(opacity=0);-moz-opacity: 0;-khtml-opacity: 0;
  143. opacity:0;-webkit-transition: all 0.8s ease;-moz-transition: all 0.8s ease;
  144. -o-transition: all 0.8s ease;moz-border-radius:0px 0px 20px 20px;
  145. -webkit-border-radius:0px 0px 20px 20px;border-radius:0px 0px 20px 20px;
  146. width:60px;height:20px;color:#FFFFFF;text-shadow: 1px 1px 1px #f07891;
  147. text-align:center;background-color:{color:permalink};font-family:tinytots;font-size:10px;margin-left:5px;margin-top:10px;position:absolute;z-index:1;-webkit-transform:rotate(320deg);-moz-transform:rotate(320deg);
  148. -o-transform: rotate(320deg);}
  149. .posts:hover #reblog {padding-top:4px;-webkit-transform:rotate(360deg);
  150. -moz-transform:rotate(360deg);-o-transform: rotate(360deg); display:block;
  151. opacity:0.8;margin-top:27px;}
  152. .posts:hover #reblog:hover {padding-top:20px;display:block;opacity:1;margin-top:27px;}
  153. #permalinka {filter:alpha(opacity=0);-moz-opacity: 0;-khtml-opacity: 0;
  154. opacity:0;-webkit-transition: all 0.8s ease;-moz-transition: all 0.8s ease;
  155. -o-transition: all 0.8s ease;moz-border-radius:0px 0px 20px 20px;-webkit-border-radius:0px 0px 20px 20px;border-radius:0px 0px 20px 20px;width:60px;height:20px;color:#FFFFFF;text-shadow: 0px 0px 3px #f07891;text-align:center;background-color:{color:permalink};font-family:tinytots;text-transform:uppercase;font-size:8px;margin-left:184px;position:absolute;z-index:1;-webkit-transform:rotate(320deg);-moz-transform:rotate(320deg);
  156. -o-transform: rotate(320deg);}
  157. .posts:hover #permalinka {{block:IfOneColumned}margin-left:320px;{/block:IfOneColumned}{block:IfNotOneColumned}margin-left:170px;{/block:IfNotOneColumned}padding-top:7px;-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-o-transform: rotate(360deg); display:block;opacity:0.8;
  158. margin-top:27px;}
  159. .posts:hover #permalinka:hover {padding-top:20px;display:block;opacity:1;
  160. margin-top:27px;}
  161. #heart-like {filter:alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity:0;-webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; moz-border-radius:20px 20px 20px 20px; -webkit-border-radius:20px 20px 20px 20px; border-radius:25px 25px 25px 25px; width:29px; height:23px; background-color:{color:permalink}; margin-left:110px; position:absolute; z-index:11; padding-top:6px;}
  162. .posts:hover #heart-like {-webkit-transform:rotate(360deg); -moz-transform:rotate(360deg); -o-transform: rotate(360deg); opacity:0.8; margin-top:32px;}
  163. .posts:hover #heart-like:hover {opacity:0.8; margin-top:27px;}
  164.  
  165. /******************************Notes dos posts****************************/
  166. #permalinkss{width:240px;height:10px;overflow:auto;z-index:999;padding:2px;font-family:tinytots;font-size:8px;}
  167. #permalinkss {opacity:0;-webkit-transition: all 0.7s ease; -moz-transition: all 0.7s ease; -o-transition: all 0.7s ease;color:#fff;text-align:center;background-color:{color:permalink};font-family:tinytots;font-size:10px;line-height:10px;margin-top:2px;position:absolute;padding:2px;padding-top:10px;}
  168. .posts:hover #permalinkss {line-height:2px;display:block;
  169. opacity:1;margin-top:5px;{block:IfOneColumned}width:400px;{/block:IfOneColumned}{block:IfNotOneColumned}width:100%;{/block:IfNotOneColumned}
  170. }
  171.  
  172. /*********************************Talk to me******************************/
  173. #question{ padding:15px; background-color: {color:ask}; color:{color:askletra};border-radius:10px; margin-top:2px; ;}
  174. #asker{text-align: left; vertical-align:bottom; margin-top:2px; margin-left:20px; font-size:12px; letter-spacing:1px; font-family:consolas;}
  175. #asker a{color:{color:extras};font-size:12px; letter-spacing:1px;font-family:consolas;}
  176. #asker a:hover {color:{color:extras};border-bottom: 2px solid {color:extras};}
  177. #asker img{vertical-align:center; float:left; max-height:16px; margin-left: 26px; margin-right: 5px;border-radius:100px;}
  178. #arrow{width: 13px; height: 7px; font-size:32px; margin-top:-15px; margin-left:18px; font-family:'trebuchet ms'; color:{color:ask};}
  179. .asker{margin-bottom:15px;}
  180.  
  181. /*******************************Chat**************************************/
  182. .chat {background: {color:backgroundbox}; margin: 0; font-size:
  183. 9px; font-family: trebuchet ms;}
  184. .chat .chat1 {margin-left: 0px;}
  185. .chat .chat1 .chat2 {background: {color:chat1}; color:{color:chat1letra};
  186. margin-bottom: 1px; padding: 3px 4px 3px 4px;} /* Primeira linha */
  187. .chat .chat1 .chat2.even {background: {color:chat2};
  188. color: {color:chat2letra};} /* Segunda linha */
  189. .chat .chat1 .chat2 span{font-weight: bold;}
  190.  
  191. /*******************************Quote*************************************/
  192. #aspas {position:absolute; margin-left:0px; margin-top:-16px; font-family:'Ruge Boogie'; font-size:100px; opacity:0.6; color:{color:aspas};text-shadow: 0px 0px 5px {color:aspas};}
  193. .quote:first-letter{font-family:'Ruge Boogie'; font-size:45px; line-height:8px;margin-left:20px;}
  194. @font-face {font-family: 'Ruge Boogie';src: url('http://themes.googleusercontent.com/static/fonts/rugeboogie/v3/9S5PHMMoDkpcpoGhdwa5RYbN6UDyHWBl620a-IRfuBk.woff');}
  195. .quote {margin-top: 5; padding: 5px; font: normal 15px 'Rochester'; text-align: justify;}
  196. .qsource {text-align:right;;padding: 2px; font-size:10px;font-family:calibri;background: -webkit-gradient(linear, left top, left bottom, from({color:sourcebg1}), to({color:sourcebg2}));border-radius:3px;color:#fff; text-shadow: 0px 0px 5px #000;}
  197. #triangulo{border-bottom: 8px solid {color:sourcebg1};;border-right:5px solid transparent;border-top: 12px solid transparent;
  198. border-left: 5px solid transparent;width: 0px;height: 0px;margin-top:-20px;margin-left:100px; margin-left:17px; }
  199.  
  200. /*******************************Sidebar***********************************/
  201. .faixa {position: fixed; margin-left: -120px; width:500px; height: 150px; background: -webkit-gradient(linear, left top, left bottom, from({color:faixa}), to({color:faixaa}));margin-top: 100px; -webkit-transform: rotate(25deg);}
  202. .faixa1 {position: fixed; margin-left: -100px; width:500px; height: 20px; background-color:{color:faixa1};margin-top: 130px; -webkit-transform: rotate(0deg);-webkit-transform: rotate(25deg);background:{color:faixa1};-webkit-border-radius: 20px 0px 0px 20px;}
  203. .faixa2 {position: fixed; margin-left: -100px; width:500px; height: 2px; background-color:{color:faixa1};margin-top: 125px; -webkit-transform: rotate(0deg);-webkit-transform: rotate(25deg);background:{color:faixa1};-webkit-border-radius: 20px 0px 0px 20px;}
  204. .faixa3 {position: fixed; margin-left: -100px; width:500px; height: 2px; background-color:{color:faixa1};margin-top: 160px; -webkit-transform: rotate(0deg);-webkit-transform: rotate(25deg);background:{color:faixa1};-webkit-border-radius: 20px 0px 0px 20px;}
  205. .faixa4 {position: fixed; margin-left: -100px; width:500px; height: 25px; background: -webkit-gradient(linear, left top, left bottom, from({color:faixa2}), to({color:faixaa2}));margin-top: 200px; -webkit-transform: rotate(25deg);}
  206. .faixa5 {position:fixed; left:185px;height:3px;width: 286px;top:39px;background: -webkit-gradient(linear, left top, left bottom, from({color:faixa2}), to({color:faixaa2}));}
  207. .faixa6 {position:fixed; left:185px;height:20px;width: 286px;top:45px;background: -webkit-gradient(linear, left top, left bottom, from({color:faixa2}), to({color:faixaa2}));}
  208. .faixa7 {position:fixed; left:185px;height:2px;width: 286px;top:67px;background: -webkit-gradient(linear, left top, left bottom, from({color:faixa2}), to({color:faixaa2}));}
  209.  
  210. .canto {width: 0; height: 0; border-top: 16px solid {color:canto}; border-right: 14px solid transparent; border-bottom: 10px solid transparent; border-left: 0px solid transparent;position:fixed;top:69px;left:457px;opacity:0.9;}
  211. .canto1 {width: 0; height: 0; border-top: 16px solid {color:canto1}; border-right: 0px solid transparent; border-bottom: 10px solid transparent; border-left: 13px solid transparent;position:fixed;top:69px;left:186px;opacity:0.9;}
  212. .trianguls2 {width: 0; height: 0; border-top: 20px solid {color:triangulo}; border-right: 10px solid transparent; border-bottom: 10px solid transparent; border-left: 10px solid transparent;position:fixed;top:455px;left:320px;}
  213.  
  214. .caixinha {position:fixed; left:200px;height:80px;width: 256px;top:380px;background: -webkit-gradient(linear, left top, left bottom, from({color:caixinhabg1}), to({color:caixinhabg2}));}
  215.  
  216. .descricao {width:245px; position:fixed;left:205px;height:auto;top:380px;background: transparent; font-family:calibre; font-size:10px; line-height:13px;text-align: center; color: {color:descricao};font-weight:bold;text-shadow: 1px 0px 5px #000;}
  217. @font-face {font-family:"contribute"; src: url('http://static.tumblr.com/q54tzar/SYim21ewv/contribute_free-version_1_.ttf'); }
  218.  
  219. #image {margin-left: 200px; top: 71px; position:fixed; overflow:hidden; height:300px; width: 250px; border:3px double #fff ;padding:0px;
  220. padding-bottom: 3px; opacity:1;}
  221. #image img {border:2px solid {color:imgborda};height:299px; width: 246px;}
  222.  
  223. #menu-bubble {position: fixed; top: 25px;left: 364px;}
  224. .bubble {float:left; overflow: hidden;;background: -webkit-gradient(linear, left top, left bottom, from({color:menu}), to({color:menuu}));display: inline-block; padding: 2px; text-align: center; color:#fff;margin:1px; line-height:30px;height:35px;width:30px;font-size: 20px;font-family: 'Rochester', sans-serif; -webkit-transition: all 0.5s linear;-moz-transition: all 0.5s linear;transition: all 0.5s linear;border-radius:100px;}
  225. .bubble img{width:20px;margin-top:4px; -webkit-transition: all .5s ease-out; -moz-transition: all .5s ease-out;}
  226.  
  227. #menu-bubbls2 {position: fixed; top: 300px;left: 200px;}
  228. .bubbls2 {float:left; overflow: hidden;background-color:rgba(255, 255, 255, 0.5);;display: inline-block; padding: 2px; text-align: center; color:#696969;margin:0px; line-height:25px;height:30px;width:47px;font-size: 18px;font-family: 'Rochester', sans-serif; text-shadow: 1px 0px 5px #000;}
  229.  
  230. #titulo {background-color:#;left:153px;top: 40px; height:24px; line-height:20px;float:left; position:fixed; width:230px; font-family: 'Rochester'; font-size:29px; text-align: center;
  231. color:{color:titulo}; letter-spacing:-1px; z-index:11; text-transform: none;-webkit-border-radius: 0px 20px 20px 0px;text-shadow: 0px 0px 5px {color:titulo};}
  232.  
  233. /*** Creditos ***/
  234. .credits{width:8px;height:8px;float:left;font-size:11px;color:{color:letras};line-height:9px;text-align:center;font-family: calibri;padding: 4px;background: #fff;z-index: 11;margin-left:8px;border-radius:100px;opacity:0.6;
  235. position:fixed; text-transform: uppercase;top:8px;overflow: hidden;-webkit-transition: all 0.2s ease-in-out;-moz-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;
  236. }.creditss a {color:{color:letras};font-size:10px;}
  237.  
  238.  
  239. </style>
  240. {block:IndexPage}<script src="http://static.tumblr.com/twte3d7/0pellzh2t/infinitescroll.js"></script><script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script><script type="text/javascript" src="http://static.tumblr.com/me5sfsd/12Qlmj66n/script.js"></script>
  241. <script type="text/javascript">
  242. $(window).load(function(){
  243. var $wall = $('#conteudo');
  244. $wall.imagesLoaded(function(){
  245. $wall.masonry({
  246. itemSelector: '.posts',
  247. isAnimated : true
  248. });
  249. });
  250. $wall.infinitescroll({
  251. navSelector : "div#navigation",
  252. nextSelector : "div#navigation a#nextPage",
  253. itemSelector : '.posts',
  254. loadingImg : "http://static.tumblr.com/8yo5xxv/3Tum7rjpo/loader.gif",
  255. loadingText : "",
  256. donetext : " ",
  257. extraScrollPx : 1000,
  258. bufferPx : 10100,
  259. debug : false,
  260. errorCallback: function() {
  261. $('#infscr-loading').animate({opacity: .8},2000).fadeOut('normal');
  262. }},
  263. function( newElements ) {
  264. var $newElems = $( newElements );
  265. $newElems.hide();
  266. $newElems.imagesLoaded(function(){
  267. $wall.masonry( 'appended', $newElems, {isAnimated: true, animationOptions: {duration: 125, easing: 'linear', queue: false}}, function(){$newElems.fadeIn('slow');} );
  268. });
  269. }); $('#conteudo').show(500);
  270. });</script>
  271. {/block:IndexPage}
  272. <script type="text/javascript" src="http://static.tumblr.com/q0etgkr/J5bl3lkz1/tumblrautopagernopage.js"></script><div id="inovandohtmltooltip"></div><script language="JavaScript" src="http://static.tumblr.com/rzkfpnf/NQOlw2lcn/tooltip_body.txt"></script><body>
  273.  
  274. <div class="credits">
  275. <a href="#?w=500" rel="02" class="poplight" onMouseover="ddrivetip('botão de cerejeira ')" onMouseout="hideddrivetip()">©</a></div>
  276. <div id="total">
  277.  
  278.  
  279.  
  280. <!------------------------------Sidebar----------------------------------->
  281. <div class="faixa"></div><div class="faixa1"></div><div class="faixa2"></div><div class="faixa3"></div><div class="faixa4"></div><div class="faixa5"></div><div class="faixa6"></div><div class="faixa7"></div><div class="canto"></div><div class="canto1"></div><div class="caixinha"></div>
  282. <div class="trianguls2"></div>
  283.  
  284. <div id="image"><img src="{image:sidebar}" height= "250px;" width= "140px;"></div>
  285.  
  286. <div class="descricao">{Description}</div>
  287. <div id="menu-bubble">
  288. <a href="{text:link}"><div class="bubble"><img src="http://cdn1.iconfinder.com/data/icons/berlin/32x32/home.png"></div></a>
  289. <a href="{text:link1}"><div class="bubble"><img src="http://cdn1.iconfinder.com/data/icons/berlin/32x32/comment.png"></div></a>
  290. <a href="{text:link2}"><div class="bubble"><img src="http://cdn1.iconfinder.com/data/icons/berlin/32x32/star.png"></div></a></div>
  291. <div id="menu-bubbls2">
  292. <a href="{text:link3}"><div class="bubbls2">{text:link3 Title}</div></a>
  293. <a href="{text:link4}"><div class="bubbls2">{text:link4 Title}</div></a>
  294. <a href="{text:link5}"><div class="bubbls2">{text:link5 Title}</div></a>
  295. <a href="{text:link6}"><div class="bubbls2">{text:link6 Title}</div></a>
  296. <a href="{text:link7}"><div class="bubbls2">{text:link7 Title}</div></a>
  297. </div>
  298.  
  299. <div id="titulo">{title}</div>
  300.  
  301. <!-------------------------------Principal-------------------------------->
  302. <div id="conteudo"><div id="iluc">
  303. <!-------------------------------Posts------------------------------------>
  304. {block:Posts}
  305. <!-------------------------------Texto------------------------------------>
  306. {block:Text}
  307. {block:IndexPage}
  308. <div class="posts">
  309.  
  310. <div id="permalinkss">
  311. {DayOfMonthWithZero}/{MonthNumberWithZero}/{ShortYear} · <a href="{ReblogURL}" target="_blank"><font color=#ffffff>Reblog</font></a> · <a class="notes" href="{Permalink}"><a href="{Permalink}"><font color=#ffffff>{block:Date}{NoteCount}{/block:Date}</font></a> · Texto <font color=#f07891>♥</font> </div>
  312.  
  313.  
  314. {block:Title}<h1>{Title}</h1>{/block:Title}{Body}{/block:IndexPage}
  315.  
  316. {block:PermalinkPage}<div class="posts2">{block:Title}<h1>{Title}</h1>{/block:Title}{Body}</div>{/block:PermalinkPage}</div>{/block:Text}
  317.  
  318. <!-------------------------------Photo------------------------------------>
  319. {block:Photo}{block:IndexPage}
  320. <div class="posts">
  321.  
  322. <div id="reblog">
  323. <a href="{ReblogURL}"><font color=#f07891>♥</font> <font color=#FFFFFF>reblog</font></a></div>
  324.  
  325. <center><div id="heart-like">
  326. <a class="notes" href="{Permalink}"><img src="http://cdn1.iconfinder.com/data/icons/dortmund/Dortmund-32x32/heart.png" width="15px" class="bor"></a></div></center>
  327.  
  328. <div id="permalinka">
  329. <a href="{Permalink}"><font color=#FFFFFF>{block:Date}{NoteCount}{/block:Date}</font></a></div>
  330.  
  331. <div id="permalink">
  332. <font color=#FFFFFF>+ {ShortMonth} {DayOfMonthWithZero}{DayOfMonthSuffix}
  333. </div></font>
  334.  
  335. <center><img src="{PhotoURL-500}" ><img src="http://static.tumblr.com/cir8k0k/qesmghq59/sombra.png"></center>
  336. {block:Caption}{Caption}{/block:Caption}</div>{/block:IndexPage}
  337.  
  338. {block:PermalinkPage}<div class="posts2"><img src="{PhotoURL-500}" width="400" >{block:Caption}{Caption}{/block:Caption}</div>{/block:PermalinkPage}{/block:Photo}
  339.  
  340. <!----------------------------Photoset------------------------------------>
  341. {block:Photoset}{block:IndexPage}
  342. <div class="posts">
  343.  
  344. <div id="reblog">
  345. <a href="{ReblogURL}"><font color=#f07891>♥</font> <font color=#FFFFFF>reblog</font></a></div>
  346.  
  347. <center><div id="heart-like">
  348. <a class="notes" href="{Permalink}"><img src="http://cdn1.iconfinder.com/data/icons/dortmund/Dortmund-32x32/heart.png" width="15px" class="bor"></a></div></center>
  349.  
  350. <div id="permalinka">
  351. <a href="{Permalink}"><font color=#FFFFFF>{block:Date}{NoteCount}{/block:Date}</font></a></div>
  352.  
  353. <div id="permalink">
  354. <font color=#FFFFFF>+ {ShortMonth} {DayOfMonthWithZero}{DayOfMonthSuffix}
  355. </div></font>
  356.  
  357. <center>{Photoset-250}</center>{block:Caption}{Caption}{/block:Caption}</div>{/block:IndexPage}
  358. {block:PermalinkPage}<div class="posts2">{Photoset-400}{block:Caption}{Caption}{/block:Caption}</div>{/block:PermalinkPage}{/block:Photoset}
  359.  
  360. <!-------------------------------Quote------------------------------------>
  361. {block:Quote}{block:IndexPage}
  362. <div class="posts">
  363.  
  364. <div id="permalinkss">
  365. {DayOfMonthWithZero}/{MonthNumberWithZero}/{ShortYear} · <a href="{ReblogURL}" target="_blank"><font color=#ffffff>Reblog</font></a> · <a class="notes" href="{Permalink}"><a href="{Permalink}"><font color=#ffffff>{block:Date}{NoteCount}{/block:Date}</font></a> · Quote <font color=#f07891>♥</font> </div>
  366.  
  367. <div id="aspas">“ㅤ</div>
  368.  
  369. <div class="quote">{Quote}</div><div id="triangulo"></div>
  370. {block:Source}<div class="qsource">- {Source}</div>{/block:Source}{/block:IndexPage}
  371.  
  372. {block:PermalinkPage}<div class="posts2"><div id="aspas">❝</div>
  373. <div class="quote">{Quote}</div><div id="triangulo"></div>
  374. {block:Source}<div class="qsource">- {Source}</div>{/block:Source}</div>{block:PermalinkPage}</div>{/block:Quote}
  375.  
  376. <!--------------------------------Link------------------------------------>
  377. {block:Link}{block:IndexPage}
  378. <div class="posts">
  379.  
  380. <div id="permalinkss">
  381. {DayOfMonthWithZero}/{MonthNumberWithZero}/{ShortYear} · <a href="{ReblogURL}" target="_blank"><font color=#ffffff>Reblog</font></a> · <a class="notes" href="{Permalink}"><a href="{Permalink}"><font color=#ffffff>{block:Date}{NoteCount}{/block:Date}</font></a> · Link <font color=#f07891>♥</font> </div>
  382.  
  383. <h1><a href="{URL}">{Name}</a></h1>
  384. {block:Description}{Description}{/block:Description}{/block:IndexPage}
  385.  
  386. {block:PermalinkPage}<div class="posts2"><h1><a href="{URL}">{Name}</a></h1>{block:Description}{Description}{/block:Description}</div>{/block:PermalinkPage}</div>{/block:Link}
  387.  
  388. <!--------------------------------Chat------------------------------------>
  389. {block:Chat}{block:IndexPage}
  390. <div class="posts">
  391.  
  392. <div id="permalinkss">
  393. {DayOfMonthWithZero}/{MonthNumberWithZero}/{ShortYear} · <a href="{ReblogURL}" target="_blank"><font color=#ffffff>Reblog</font></a> · <a class="notes" href="{Permalink}"><a href="{Permalink}"><font color=#ffffff>{block:Date}{NoteCount}{/block:Date}</font></a> · Chat <font color=#f07891>♥</font></div>
  394.  
  395. <div class="chat"><div class="chat1">{block:Lines}<div class="chat2 {Alt}">
  396. {block:Label}<b>{Label}</b>{/block:Label}{Line}</div>{/block:Lines}</div>
  397. </div>{/block:IndexPage}{block:PermalinkPage}<div class="posts2"><div class="chat"><div class="chat1">{block:Lines}<div class="chat2 {Alt}">{block:Label}<b>{Label}</b>{/block:Label}{Line}</div>{/block:Lines}</div></div></div>{/block:PermalinkPage}</div>{/block:Chat}
  398.  
  399. <!-------------------------------Audio------------------------------------>
  400. {block:Audio}{block:IndexPage}
  401. <div class="posts">
  402.  
  403. <div id="permalinkss">
  404. {DayOfMonthWithZero}/{MonthNumberWithZero}/{ShortYear} · <a href="{ReblogURL}" target="_blank"><font color=#ffffff>Reblog</font></a> · <a class="notes" href="{Permalink}"><a href="{Permalink}"><font color=#ffffff>{block:Date}{NoteCount}{/block:Date}</font></a> · Audio <font color=#f07891>♥</font> </div>
  405.  
  406. {block:AlbumArt}<img style="float: left; margin-right: 0px; margin-left: 1px; margin-top: 1px;"src="{AlbumArtURL}" width="31" >{/block:AlbumArt}
  407. <div class="trackid2">{AudioPlayerGrey}</div>{block:TrackName}<div class="trackid">"{TrackName}"</div>{/block:TrackName}{block:Artist}<div class="trackid">{Artist}</div>{/block:Artist}<div class="trackid">({PlayCount}) plays</div></div>{/block:IndexPage}{block:PermalinkPage}<div class="posts2"><div class="caixa">{block:AlbumArt}<img style="float: left; margin-right: 0px; margin-left: 1px; margin-top: 1px;"src="{AlbumArtURL}" width="31" >{/block:AlbumArt}<div class="trackid2">{AudioPlayerGrey}</div>{block:TrackName}<div class="trackid">"{TrackName}"</div>{/block:TrackName}
  408. {block:Artist}<div class="trackid">{Artist}</div>{/block:Artist}<div class="trackid">({PlayCount}) plays</div></div>{/block:PermalinkPage}</div>
  409. {/block:Audio}
  410.  
  411. <!-------------------------------Video------------------------------------>
  412. {block:Video}{block:IndexPage}
  413. <div class="posts">
  414.  
  415. <div id="permalinkss">
  416. {DayOfMonthWithZero}/{MonthNumberWithZero}/{ShortYear} · <a href="{ReblogURL}" target="_blank"><font color=#ffffff>Reblog</font></a> · <a class="notes" href="{Permalink}"><a href="{Permalink}"><font color=#ffffff>{block:Date}{NoteCount}{/block:Date}</font></a> · Video <font color=#f07891>♥</font> </div>
  417.  
  418. <center>{Video-400}</center>{block:Caption}{Caption}{/block:Caption}{/block:IndexPage}{block:PermalinkPage}<div class="posts2"><center>{Video-400}{block:Caption}{Caption}{/block:Caption}</div>{/block:PermalinkPage}</div>{/block:Video}
  419.  
  420. <!------------------------------Talk to me-------------------------------->
  421.  
  422. {block:Answer}{block:IndexPage}
  423. <div class="posts">
  424.  
  425. <div class="boxnotes">
  426.  
  427. <div id="question">{Question}</div>
  428. <div id="arrow">◥</div>
  429. <br>
  430. <div id="asker"><img src="{AskerPortraitURL-24}">{Asker}</div><br>
  431. {Answer}
  432. {/block:Answer}</div>{/block:IndexPage}{block:PermalinkPage}<div class="posts2"><div class="boxnotes">
  433.  
  434.  
  435.  
  436. <div id="question">{Question}</div>
  437. <div id="arrow">◥</div>
  438. <br>
  439. <div id="asker"><img src="{AskerPortraitURL-24}">{Asker}</div><br>
  440. {Answer}
  441. {/block:Answer}</div>{/block:PermalinkPage}</div>{/block:Answer}
  442. <!---------------------------Postnotes------------------------------------>
  443. {block:PostNotes}
  444.  
  445. <div class="caixa">
  446. <div class="filereplace"><img src="http://cdn1.iconfinder.com/data/icons/Snow/Snow/snow/Search.png" width="14"> {block:RebloggedFrom} <a href="{ReblogParentURL}"> Via,</a> <a href="{ReblogRootURL}"> From,</a> {/block:RebloggedFrom} {block:ContentSource}<a href="{SourceURL}" target=blank> Source </a>. {/block:ContentSource} </div>
  447. <div class="data">
  448. <img src="http://cdn1.iconfinder.com/data/icons/Snow/Snow/snow/Star.png" width="14"> {DayOfMonth},<b> {Month}</b> de {Year}<br>
  449. </div>
  450. <div class="tag">
  451. <img src="http://cdn1.iconfinder.com/data/icons/Snow/Snow/snow/Pin.png" width="14"> tags: {block:Tags}{/block:Tags}
  452. <span style="width:auto;">
  453. {block:HasTags}
  454. {block:Tags}
  455. <a href="{TagURL}">{Tag}</a>
  456. {/block:Tags}
  457. {/block:HasTags}</span>
  458. <br>
  459. </div>
  460. <div class="notes2">
  461. <img src="http://cdn1.iconfinder.com/data/icons/Snow/Snow/snow/Heart.png" class="user"width="14"> notes: {NoteCount}
  462. </div>
  463. </div>
  464. <div class="caixa">
  465. {PostNotes}
  466. </div>
  467. {/block:PostNotes}
  468. {/block:Posts}
  469. {block:IndexPage}
  470. <div class="column navigation" id="navigation">
  471. {block:Pagination}
  472. {block:PreviousPage}<a href="{PreviousPage}" class="navigate">{/block:PreviousPage}{block:PreviousPage}</a>{/block:PreviousPage}
  473. {block:NextPage}<a href="{NextPage}" class="navigate" id="nextPage">{/block:NextPage}{block:NextPage}</a>{/block:NextPage}{/block:Pagination}
  474. </div>
  475. {/block:IndexPage}
  476.  
  477. </div></div></div></div>
  478. <br></center></div></div></div></div></div></div>
  479. <!---------------------------------Final---------------------------------->
  480.  
  481.  
  482. </body>
  483. </head>
  484. </html>
  485. <!----------------------------------Top----------------------------------->
  486. <div style="width:85px;position:fixed;font-family:'Cursive standard';text-aling:center; height:30px;text-transform:none;right:5px;bottom:15px;">
  487. <a href="javascript:;" id="scrollToTop"title="back to top?"><font color=" {color:extras}">top ↑</a></font></div>
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!