Advertisement
clamam

Theme Token

Feb 24th, 2016
305
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 38.56 KB | None | 0 0
  1. <html><head><title>{title}</title><link rel="shortcut icon" href="{favicon}">
  2.  
  3. <!--------------------------------------------------------------------------
  4. Theme Token, dísponivel desde 14/02/2016
  5. Esse tema foi criado por Gabriele, veja mais em: http://clamam.tumblr.com/
  6.  
  7. Lembre-se dos termos de uso:
  8. 1° Avise sempre que utilizar um tema.
  9. 2° Não modifique nem rétire os créditos.
  10. 3° Nao utilize fragmentos, mesmo crediando.
  11. 4° Adaptações são permitidas apenas para uso próprio.
  12.  
  13. Em caso de erro no código ou algo parecido, favor, entrar em contato comigo.
  14. --------------------------------------------------------------------------->
  15.  
  16. <meta name="image:imagem background" content="" />
  17. <meta name="image:imagem sidebar" content="" />
  18. <meta name="color:background" content="#ffffff"/>
  19. <meta name="color:bordas do menu" content="#d1d1d1"/>
  20. <meta name="color:menu hover" content="#c3ced3"/>
  21. <meta name="color:titulo" content="#cd2626"/>
  22. <meta name="color:texto" content="#666666"/>
  23. <meta name="color:links" content="#666666"/>
  24. <meta name="color:links hover" content="#cd2626"/>
  25. <meta name="color:bordas" content="#f5f5f5"/>
  26. <meta name="color:rolagem" content="#cd2626"/>
  27. <meta name="color:selecao" content="#000000"/>
  28. <meta name="color:blockquote" content="#eee"/>
  29.  
  30. <meta name="select:fonte das postagens"content="'Arvo', serif"title="Arvo"/>
  31. <meta name="select:fonte das postagens"content="arial"title="Arial"/>
  32. <meta name="select:fonte das postagens"content="calibri"title="Calibri"/>
  33. <meta name="select:fonte das postagens"content="consolas"title="Consolas"/>
  34. <meta name="select:fonte das postagens"content="cambria"title="Cambria"/>
  35. <meta name="select:fonte das postagens"content="georgia"title="Georgia"/>
  36. <meta name="select:fonte das postagens"content="'PT Sans', sans-serif"title="PT Sans"/>
  37. <meta name="select:fonte das postagens"content="'muli', sans-serif"title="muli"/>
  38. <meta name="select:fonte das postagens"content="'Signika', sans-serif"title="Signika"/>
  39. <meta name="select:fonte das postagens"content="courier new"title="Courier new"/>
  40. <meta name="select:fonte das postagens"content="century gothic"title="Century gothic"/>
  41. <meta name="select:fonte das postagens"content="'Roboto', sans-serif"title="Roboto"/>
  42. <meta name="select:fonte das postagens"content="'Lato', sans-serif"title="Lato"/>
  43. <meta name="select:fonte das postagens"content="trebuchet ms"title="trebuchet ms"/>
  44. <meta name="select:fonte das postagens"content="'Yantramanav', sans-serif"title="Yantramanav"/>
  45. <meta name="select:fonte das postagens"content="Istok Web, sans-serif"title="Istok Web"/>
  46.  
  47. <meta name="if:efeito branco e preto" content=""/>
  48. <meta name="if:efeito vintage" content=""/>
  49. <meta name="if:efeito fade" content=""/>
  50. <meta name="if:efeito sepia" content=""/>
  51. <meta name="if:efeito contraste" content=""/>
  52. <meta name="if:efeito brightness" content=""/>
  53. <meta name="if:efeito hue rotate" content=""/>
  54. <meta name="if:postagem justificada" content=""/>
  55. <meta name="if:nao repetir background" content=""/>
  56. <meta name="if:botao de ir ao topo" content=""/>
  57. <meta name="if:neve" content=""/>
  58.  
  59. <meta name="if:duas tags" content=""/>
  60. <meta name="if:quatro tags" content=""/>
  61. <meta name="if:seis tags" content=""/>
  62. <meta name="if:oito tags" content=""/>
  63.  
  64. <meta name="text:tamanho das postagens" content="12"/>
  65. <meta name="text:tamanho do source" content="10"/>
  66. <meta name="text:subtitulo" content="Subtitulo"/>
  67.  
  68. <meta name="text:link 1 Titulo" content="link" />
  69. <meta name="text:link 1" content="/" />
  70. <meta name="text:link 2 Titulo" content="link" />
  71. <meta name="text:link 2" content="/" />
  72. <meta name="text:link 3 Titulo" content="link" />
  73. <meta name="text:link 3" content="/" />
  74. <meta name="text:link 4 Titulo" content="link" />
  75. <meta name="text:link 4" content="/" />
  76. <meta name="text:link 5 Titulo" content="link" />
  77. <meta name="text:link 5" content="/" />
  78. <meta name="text:link 6 Titulo" content="link" />
  79. <meta name="text:link 6" content="/" />
  80.  
  81. <meta name="text:Tag 1 Titulo" content="Tag" />
  82. <meta name="text:Tag 1" content="/" />
  83. <meta name="text:Tag 2 Titulo" content="Tag" />
  84. <meta name="text:Tag 2" content="/" />
  85. <meta name="text:Tag 3 Titulo" content="Tag" />
  86. <meta name="text:Tag 3" content="/" />
  87. <meta name="text:Tag 4 Titulo" content="Tag" />
  88. <meta name="text:Tag 4" content="/" />
  89. <meta name="text:Tag 5 Titulo" content="Tag" />
  90. <meta name="text:Tag 5" content="/" />
  91. <meta name="text:Tag 6 Titulo" content="Tag" />
  92. <meta name="text:Tag 6" content="/" />
  93. <meta name="text:Tag 7 Titulo" content="Tag" />
  94. <meta name="text:Tag 7" content="/" />
  95. <meta name="text:Tag 8 Titulo" content="Tag" />
  96. <meta name="text:Tag 8" content="/" />
  97. <meta name="text:Tag 9 Titulo" content="Tag" />
  98. <meta name="text:Tag 9" content="/" />
  99. <meta name="text:Tag 10 Titulo" content="Tag" />
  100. <meta name="text:Tag 10" content="/" />
  101.  
  102. <meta name="text:descricao" content="Description" />
  103. <meta name="text:mensagens" content="Send messages" />
  104. <meta name="text:navegacao" content="Navigation" />
  105. <meta name="text:tags" content="Tagged" />
  106. <meta name="text:search" content="Search" />
  107. <meta name="text:social" content="Social networks" />
  108.  
  109. <meta name="text:Instagram" content="https://www.instagram.com" />
  110. <meta name="text:Twitter" content="https://twitter.com" />
  111. <meta name="text:Facebook" content="https://www.facebook.com" />
  112. <meta name="text:Skype" content="@Skype" />
  113. <meta name="text:Last FM" content="http://www.last.fm" />
  114. <meta name="text:We heart it" content="http://weheartit.com" />
  115.  
  116. <link rel="alternate"type="application/rss+xml"href="{RSS}">
  117. {block:Description}
  118. <meta name="description" content="{MetaDescription}"/>
  119. {/block:Description}
  120.  
  121. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
  122. <script>
  123. $(document).ready(function(){$("#description").click(function(){ $(".description").toggle(500);}); });
  124. $(document).ready(function(){$("#messages").click(function(){ $(".messages").toggle(500);}); });
  125. $(document).ready(function(){$("#nav").click(function(){ $(".nav").toggle(500);}); });
  126. $(document).ready(function(){ $("#search").click(function(){ $(".search").toggle(500);}); });
  127. $(document).ready(function(){ $("#social").click(function(){ $(".social").toggle(500); });});
  128. </script>
  129.  
  130. <link href='https://fonts.googleapis.com/css?family=Amatic+SC:350,700|PT+Sans|Lora:700italic|Arvo|Baumans|Lato:300,350|Roboto|Muli|Signika|Yantramanav|Istok+Web' rel='stylesheet' type='text/css'>
  131. <link href='https://fonts.googleapis.com/css?family=Dawning+of+a+New+Day' rel='stylesheet' type='text/css'>
  132. <style type="text/css">
  133.  
  134. body{background:{color:background}; color:{color:texto}; font-family:{select:fonte das postagens}; {block:Ifpostagemjustificada}text-align:justify;{/block:Ifpostagemjustificada} -webkit-animation:Fade 10s; font-size:{text:tamanho das postagens}px; background-image:url('{image:imagem background}'); line-height:15px; {block:Ifnaorepetirbackground} background-attachment:fixed; background-repeat:no-repeat; background-position:center; -o-background-size:cover; -webkit-background-size:cover; {/block:Ifnaorepetirbackground}
  135. cursor:url('http://static.tumblr.com/5u1fog0/aaEn06fxx/cursor.png'), default!important;}
  136.  
  137. #middle{width:350px; {block:PermalinkPage}width:670px;{/block:PermalinkPage} position:relative; margin-left:auto; margin-right:auto; margin-top:0px; padding-bottom:20px; overflow:hidden; height:100%;}
  138. #entry{width:250px; margin-top:0px; margin-left:0px; {block:PermalinkPage}margin-left:160px;{/block:PermalinkPage}}
  139. .posts{top:0px; margin:10px auto 0; float:left; padding:3px; {block:IndexPage} width:250px; position:relative; {/block:IndexPage} {block:PermalinkPage}width:500px;{/block:PermalinkPage};}
  140. .box {position:relative;}
  141. .box img {display:block; max-width:100%;}
  142. .box iframe {max-width:100%;}
  143.  
  144. a{color:{color:texto}; text-decoration:none;}
  145. a:hover{color:{color:texto}; text-decoration:none; cursor:url('http://static.tumblr.com/5u1fog0/zJbn06fy8/cursor_hover.gif'), default!important;}
  146. p{margin:6px 0 0 0}
  147. blockquote{margin:2px 5px 2px 5px; padding:1px 0 3px 6px; border-left:1px solid {color:blockquote};}
  148. ul{list-style-type:circle; text-transform:none; text-decoration:none;}
  149.  
  150. #ptt{font-family:{select:fonte das postagens}; letter-spacing:2px; text-transform:uppercase; text-align:left; font-size:12px; color:{color:texto}; font-weight: normal; line-height:15px;}
  151. #ptt a{color:{color:texto}; font-family:{select:fonte das postagens}; text-transform:uppercase; text-align:left; font-size:12px; font-weight:normal; line-height:15px;}
  152. #ptt a:hover{text-align:left; font-size:12px; color:{color:links hover}; font-weight:normal; line-height:15px; letter-spacing:.5px;}
  153.  
  154. .chat ul{padding:0px 0px 0px 0px; margin:0px;}
  155. .chat li{margin-bottom:1px; padding:10px; list-style-type:none;}
  156. .chat li.odd{border-left:1px solid {color:bordas};}
  157. .chat li.odd:hover{-webkit-transition-duration: .8s; border-left:3px solid {color:bordas};}
  158. .chat li.even{border-right:1px solid {color:bordas};}
  159. .chat li.even:hover{border-right:3px solid {color:bordas}; -webkit-transition-duration: .8s;}
  160. span.chats{color:{color:texto}; font-size:11px; font-family:{select:font posts}; letter-spacing:.5px; text-transform:uppercase;}
  161.  
  162. .base{border-radius:5px; padding:0px; overflow:hidden; float:left; position:relative; {block:indexpage}width:500px;{/block:indexpage} {block:PermalinkPage}width:500px;{/block:PermalinkPage};}
  163. #permalink{width:500px; font-size:10px; text-transform:uppercase; padding-bottom:5px; margin-left:0px; margin-top:0px; line-height:17px;}
  164. aside.permalink_page {margin-top:30px; margin-bottom:60px;}
  165. ol.notes li.note img.avatar {display:none!important;}
  166. ol.notes {list-style-type:none; margin:0;}
  167. ol.notes li.note{display:block; margin-bottom:5px; padding:5px; margin-left:-35px;}
  168. li.note:nth-child(odd) {background:{color:bordas};}
  169. li {font-size:8px; letter-spacing:1px; text-transform:uppercase; position:relative;}
  170.  
  171. #permaft{opacity:0; position: absolute; text-align:center; height:7px; line-height:20px; text-transform:uppercase; bottom:0px; z-index:99; background:{color:titulo}; width:0px; opacity:0; -webkit-transition: all 1s linear; -moz-transition: all 1s linear; -ms-transition: all 1s linear; -o-transition: all 1s linear; transition: all 1s linear;}
  172. #permaft a{color:{color:texto}; font-family:{select:fonte das postagens}; text-transform:uppercase; font-size:9.5px; margin-top:20px; padding:5px;letter-spacing:1px; height:5px;}
  173. .posts:hover #permaft{opacity:1; width:250px; bottom:0px;}
  174. .posts:hover #permaft a:hover{height:17px; -webkit-transition: all 1s linear; -moz-transition: all 1s linear; -ms-transition: all 1s linear; -o-transition: all 1s linear; transition: all 1s linear;}
  175.  
  176. #permatext{opacity:0; position: absolute; text-align:center; height:20px; line-height:20px; text-transform:uppercase; bottom:0px; z-index:99; background:{color:background}; width:250px; color:{color:texto}; opacity:0; -webkit-transition: all 1s linear; -moz-transition: all 1s linear; -ms-transition: all 1s linear; -o-transition: all 1s linear; transition: all 1s linear;}
  177. #permatext a{color:{color:texto}; font-family:{select:fonte das postagens}; text-transform:uppercase; font-size:9.5px; padding:5px; letter-spacing:1px;}
  178. .posts:hover #permatext{opacity:1; bottom:0px; color:{color:texto};}
  179.  
  180. .quote{font-family:{select:fonte das postagens}; line-height:150%; {block:Ifpostagemjustificada}text-align:justify;{/block:Ifpostagemjustificada} font-size:{text:tamanho das postagens}px; }
  181. .qsource{text-align:left; margin-top:0px; font-family:{select:fonte das postagens}; letter-spacing:1px; text-transform:uppercase; font-size:{text:tamanho do source}px;}
  182.  
  183. #one{position:fixed; width:10px; height:10px; background:{color:background}; margin-left:311px; margin-top:217px; border:1px solid {color:bordas do menu}; border-radius:100px; z-index:98; -webkit-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out;}
  184. #one:hover{background:{color:menu hover};}
  185.  
  186. #two{z-index: 97; position:fixed; background:{color:bordas do menu}; width:1px; height:40px; margin-left:300px; margin-top:220px; -webkit-transform:rotate(45deg); box-shadow:2px 2px 5px #e4f0f6; -moz-box-shadow:2px 2px 5px #d6d6d6; -webkit-box-shadow:2px 2px 5px #d6d6d6;}
  187.  
  188. #three{position:fixed; width:10px; height:10px; background:{color:background}; margin-left:280px; margin-top:250px; border:1px solid {color:bordas do menu}; border-radius:100px; z-index:98; -webkit-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out;}
  189. #three:hover{background:{color:menu hover};}
  190.  
  191. #four{z-index:97; position:fixed; background:{color:bordas do menu}; width:1px; height:40px; margin-left:305px; margin-top:255px; -webkit-transform:rotate(-45deg);}
  192.  
  193. #five{position:fixed; width:10px; height:10px; background:{color:background}; margin-left:315px; margin-top:287px; border:1px solid {color:bordas do menu}; border-radius:100px; z-index:98; -webkit-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out;}
  194. #five:hover{background:{color:menu hover};}
  195.  
  196. #six{z-index: 97; position:fixed; background:{color:bordas do menu}; width:1px; height:40px; margin-left:303px; margin-top:291px; -webkit-transform:rotate(45deg); box-shadow:2px 2px 5px #e4f0f6; -moz-box-shadow:2px 2px 5px #d6d6d6; -webkit-box-shadow:2px 2px 5px #d6d6d6;}
  197.  
  198. #seven{position:fixed; width:10px; height:10px; background:{color:background}; margin-left:285px; margin-top:320px; border:1px solid {color:bordas do menu}; border-radius:100px; z-index:98; -webkit-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out;}
  199. #seven:hover{background:{color:menu hover};}
  200.  
  201. #eight{z-index:97; position:fixed; background:{color:bordas do menu}; width:1px; height:40px; margin-left:300px; margin-top:320px; -webkit-transform:rotate(-45deg);}
  202.  
  203. #nine{position:fixed; width:10px; height:10px; background:{color:background}; margin-left:312px; margin-top:353px; border:1px solid {color:bordas do menu}; border-radius:100px; z-index:98; -webkit-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out;}
  204. #nine:hover{background:{color:menu hover};}
  205.  
  206. #ten{z-index: 97; position:fixed; background:{color:bordas do menu}; width:1px; height:40px; margin-left:303px; margin-top:355px; -webkit-transform:rotate(45deg); box-shadow:2px 2px 5px #e4f0f6; -moz-box-shadow:2px 2px 5px #d6d6d6; -webkit-box-shadow:2px 2px 5px #d6d6d6;}
  207.  
  208. #eleven{position:fixed; width:10px; height:10px; background:{color:background}; margin-left:283px; margin-top:385px; border:1px solid {color:bordas do menu}; border-radius:100px; z-index:98; -webkit-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out;}
  209. #eleven:hover{background:{color:menu hover};}
  210.  
  211. .slnks{float:left; padding:10px; width:auto; max-width:35px; height:10px;}
  212.  
  213. .description{background-color:{color:background}; height:200px; width:250px; position:fixed; left:62%; margin-top:0px; margin-left:0px; top:32%; padding-left:10px; padding-right:10px; overflow:auto; overflow-x:hidden; z-index:99999;}
  214.  
  215. .messages{background-color:{color:background}; height:290px; width:250px; position:fixed; left:62%; margin-top:0px; margin-left:0px; top:32%; padding-left:10px; padding-right:10px; overflow:auto; overflow-x:hidden; z-index:99999;}
  216.  
  217. .nav{background-color:{color:background}; height:330px; width:305px; position:fixed; left:62%; margin-top:0px; margin-left:0px; top:32%; padding-left:10px; padding-right:10px; overflow:auto; overflow-x:hidden; z-index:99999;}
  218.  
  219. .search{background-color:{color:background}; height:330px; width:305px; position:fixed; left:62%; margin-top:0px; margin-left:0px; top:32%; padding-left:10px; padding-right:10px; overflow:auto; overflow-x:hidden; z-index:99999;}
  220.  
  221. .social{background-color:{color:background}; height:330px; width:300px; position:fixed; left:62%; margin-top:0px; margin-left:0px; top:32%; padding-left:10px; padding-right:10px; overflow:auto; overflow-x:hidden; z-index:99999;}
  222.  
  223. .desc{margin-top:10px; text-align:left; line-height:17px;}
  224.  
  225. .lheart{font-family:'Baumans', sans-serif; font-size:9px; letter-spacing:.1em; text-transform:uppercase; padding:5px; margin-bottom:1px; color:#000; border-bottom:1px solid #f5f5f5; text-shadow:1px 1px 1px #fff; transition:all 1s ease;}
  226. .lheart:hover {padding-left:20px;}
  227. .lcoluna {overflow:hidden; display:inline-block; width:150px;}
  228.  
  229. #lsearch input{font-family:baumans; font-size:9px; letter-spacing:.1em; text-transform:uppercase; text-align:left; width:180px; color:{color:texto}; opacity:1; border:0px; padding-bottom:0px; margin-top:2px; margin-left:3px; background:transparent; border-bottom:1px solid {color:bordas}; padding:4px; -webkit-transition: all 1s linear; -moz-transition: all 1s linear; -ms-transition: all 1s linear; -o-transition: all 1s linear; transition: all 1s linear;}
  230. #lsearch input[type="text"]:hover{letter-spacing:2px; border-bottom:1px solid {color:titulo}; -webkit-transition: all 1s linear; -moz-transition: all 1s linear; -ms-transition: all 1s linear; -o-transition: all 1s linear; transition: all 1s linear;}
  231. #lsearch input[type="text"]:focus{outline:none;}
  232.  
  233. h2{font-family: 'Dawning of a New Day', cursive; color:{color:titulo}; font-size:23px; text-align:left; font-weight:normal; margin-bottom:0px; margin-left:0px;}
  234.  
  235. .navsm{height:18px; width:18px; margin:4px; padding-top:7px; padding-left:5px; padding-right:5px; padding-bottom:3px; margin-top:5px; display:inline-block; font-size:12px; -webkit-transition: all .5s ease-out; -moz-transition: all .5s ease-out; float:left; text-align:center; border:1px solid {color:bordas}; border-radius:100%;}
  236. .navsm:hover{opacity:0.5; border-bottom:1px solid {color:titulo};}
  237.  
  238. #nave{position:fixed; background:{color:bordas}; color:{color:texto}; text-transform:uppercase; top:6px; margin-left:0px; padding:10px;}
  239.  
  240. /*liriadas*/#tumblr_controls,
  241. .tmblr-iframe.iframe-controls--desktop,.lcredit.icon.theme{position:fixed!important; -webkit-filter:invert(100%); opacity:0.4;top:3px; text-transform:none;}
  242. #tumblr_controls,
  243. .tmblr-iframe.iframe-controls--desktop{position:fixed!important;-webkit-filter:invert(100%);margin-right:67px;opacity:.4;top:0px;text-transform:none;}/*fim liriadas*/
  244.  
  245. .question {padding:5px;}
  246. .asker{text-align:center; padding-top:5px; padding-bottom:5px; letter-spacing:.5px; border:1px dotted {color:bordas}; text-transform:uppercase; font-size:9px; transition:all 1s ease;}
  247. .asker a{word-spacing:0px; border:0px dotted {color:bordas};}
  248.  
  249. .album{background-repeat: no-repeat; background-position: center; position: absolute; width:86px; height:86px; background-size:60px; overflow:hidden;}
  250. .album img{width:86px; height:86px; overflow: hidden; -moz-transition:all ease-in-out 0.7s; -webkit-transition:all ease-in-out 0.7s; -o-transition:all ease-in-out 0.7s; transition:all ease-in-out 0.7s; opacity:.7;}
  251. .album img:hover{-moz-transition:all ease-in-out 0.7s; -webkit-transition:all ease-in-out 0.7s; -o-transition:all ease-in-out 0.7s; transition:all ease-in-out 0.7s; opacity:1;}
  252. .player{width:10px; height:11px; overflow:hidden; padding:4px 21px 21px 4px; margin-top:27px; margin-left:26px; position:absolute; background-color:{color:background}; opacity: 0.9; z-index: 10; -webkit-transition: all 0.4s linear; -moz-transition: all 0.4s linear; -o-transition: all 0.4s linear; -moz-border-radius:30px; -webkit-border-radius:30px; border-radius:30px;}
  253. .player:hover {opacity:1;}
  254. .track{margin-left:90px; overflow:auto; min-height:80px; max-height:100px; font-family:{select:fonte das postagens}; font-size:10px; padding:3px;text-transform:uppercase;letter-spacing:.5px;}
  255.  
  256. #fundopopup{display:none; opacity:0.9; background:{color:background}; position:fixed; left:0; top:0; width:100%; height:100%; z-index:999999;}
  257. .caixapopup{padding-top:0px; text-align:left; display:none; background:{color:background}; box-shadow:0px 2px 2px 0px {color:bordas}; padding:10px; float:left; margin:10px auto:0; font-family:{select:font posts}; font-size:{text:tamanho das postagens}px; color:{color:textos}; line-height:16px; position: fixed; top:50%; margin-top:15px; left:35%; z-index:9999999999999999999999; border-radius:10px; -webkit-border-radius: 0px;-moz-border-radius: 0px;border-radius: 0px; width:300px; height:300px; overflow: scroll;}
  258. img.btn_botaodeclose{float:right;margin: -55px -55px 0 0;}
  259. *html #fundopopup{position:absolute;}
  260. *html .caixapopup{position:absolute;}
  261. .source{display:none;}
  262.  
  263. .tooltip{display:inline; position:relative;}
  264. #s-m-t-tooltip{top:-11px; min-width:auto; padding:3px 7px 3px 7px; margin:0px 20px -2px 20px; background:{color:background}; font-family:{select:fonte das postagens}; font-size:10px; text-transform:uppercase; color:{color:texto}; text-align:center;}
  265. #s-m-t-tooltip:after{position:absolute; display:block; content: ""; border-color:transparent transparent {color:background} transparent; border-style: solid; border-width:8px; height:0; width:0; position:absolute; bottom:-50px; left:-16px; top:3px; -webkit-transform:rotate(270deg);}
  266.  
  267. {block:Ifefeitosepia}
  268. img{-webkit-filter: sepia(0.7); transition:All 1s ease; -webkit-transition:All 1s ease; -moz-transition:All 1s ease; -o-transition:All 1s ease;}
  269. img:hover{-webkit-filter: sepia(0); transition:All 1s ease; -webkit-transition:All 1s ease; -moz-transition:All 1s ease; -o-transition:All 1s ease;}
  270. .photoset{-webkit-filter: sepia(0.7); transition:All 1s ease; -webkit-transition:All 1s ease; -moz-transition:All 1s ease; -o-transition:All 1s ease;}
  271. .photoset:hover{-webkit-filter: sepia(0); transition:All 1s ease; -webkit-transition:All 1s ease; -moz-transition:All 1s ease; -o-transition:All 1s ease;}
  272. {/block:Ifefeitosepia}
  273.  
  274. {block:Ifefeitohuerotate}
  275. img{-webkit-filter: hue-rotate(40deg); transition:All 1s ease; -webkit-transition:All 1s ease; -moz-transition:All 1s ease; -o-transition:All 1s ease;}img:hover{-webkit-filter: hue-rotate(0deg); transition:All 1s ease; -webkit-transition:All 1s ease; -moz-transition:All 1s ease; -o-transition:All 1s ease;}
  276. .photoset{-webkit-filter: hue-rotate(40deg); transition:All 1s ease; -webkit-transition:All 1s ease; -moz-transition:All 1s ease; -o-transition:All 1s ease;}
  277. .photoset:hover{-webkit-filter: hue-rotate(0deg); transition:All 1s ease; -webkit-transition:All 1s ease; -moz-transition:All 1s ease; -o-transition:All 1s ease;}
  278. {/block:Ifefeitohuerotate}
  279.  
  280. {block:Ifefeitobrightness}
  281. img{-webkit-filter: brightness(1.5); transition:All 1s ease; -webkit-transition:All 1s ease; -moz-transition:All 1s ease; -o-transition:All 1s ease;}
  282. img:hover{-webkit-filter: brightness(1); transition:All 1s ease; -webkit-transition:All 1s ease; -moz-transition:All 1s ease; -o-transition:All 1s ease;}
  283. .photoset{-webkit-filter: brightness(1.5); transition:All 1s ease; -webkit-transition:All 1s ease; -moz-transition:All 1s ease; -o-transition:All 1s ease;}
  284. .photoset:hover{-webkit-filter: brightness(1); transition:All 1s ease; -webkit-transition:All 1s ease; -moz-transition:All 1s ease; -o-transition:All 1s ease;}
  285. {/block:Ifefeitobrightness}
  286.  
  287. {block:Ifefeitocontraste}
  288. img{-webkit-filter: contrast(1.5); transition:All 1s ease; -webkit-transition:All 1s ease; -moz-transition:All 1s ease; -o-transition:All 1s ease;}
  289. img:hover{-webkit-filter: contrast(1); transition:All 1s ease; -webkit-transition:All 1s ease; -moz-transition:All 1s ease; -o-transition:All 1s ease;}
  290. .photoset{-webkit-filter: contrast(1.5); transition:All 1s ease; -webkit-transition:All 1s ease; -moz-transition:All 1s ease; -o-transition:All 1s ease;}
  291. .photoset:hover{-webkit-filter: contrast(1); transition:All 1s ease; -webkit-transition:All 1s ease; -moz-transition:All 1s ease; -o-transition:All 1s ease;}
  292. {/block:Ifefeitocontraste}
  293.  
  294. {block:Ifefeitofade}
  295. img{opacity:0.7;-webkit-transition:all 0.9s linear; -moz-transition:all 0.9s linear; -webkit-filter:grayscale(10%);}
  296. img:hover{opacity:0.9; -webkit-filter: grayscale(0%); transition:All 1s ease; -webkit-transition:All 1s ease; -moz-transition:All 1s ease; -o-transition:All 1s ease;}
  297. .photoset{opacity:0.7;-webkit-transition:all 0.9s linear; -moz-transition:all 0.9s linear; -webkit-filter:grayscale(10%);}
  298. .photoset:hover{opacity:0.9; -webkit-filter: grayscale(0%); transition:All 1s ease; -webkit-transition:All 1s ease; -moz-transition:All 1s ease; -o-transition:All 1s ease;}
  299. {/block:Ifefeitofade}
  300.  
  301. {block:Ifefeitobrancoepreto}
  302. img{-webkit-filter: grayscale(80%); transition:All 1s ease; -webkit-transition:All 1s ease; -moz-transition:All 1s ease; -o-transition:All 1s ease;}
  303. img:hover{-webkit-filter: grayscale(0%); transition:All 1s ease; -webkit-transition:All 1s ease; -moz-transition:All 1s ease;
  304. -o-transition:All 1s ease;}
  305. .photoset{-webkit-filter: grayscale(80%); transition:All 1s ease; -webkit-transition:All 1s ease; -moz-transition:All 1s ease; -o-transition:All 1s ease;}
  306. .photoset:hover{-webkit-filter: grayscale(0%); transition:All 1s ease; -webkit-transition:All 1s ease; -moz-transition:All 1s ease;
  307. -o-transition:All 1s ease;}
  308. {/block:Ifefeitobrancoepreto}
  309.  
  310. {block:Ifefeitovintage}
  311. img{-webkit-filter:grayscale.500; -webkit-filter: grayscale(40%); transition:all 1s ease;}
  312. img:hover{-webkit-filter:grayscale(0);}
  313. .photoset {-webkit-filter:grayscale.500; -webkit-filter: grayscale(40%); transition:all 1s ease;}
  314. .photoset:hover{-webkit-filter:grayscale(0);}
  315. {/block:Ifefeitovintage}
  316.  
  317. b, strong{color:{color:titulo};}
  318. i, em{color:{color:titulo}; font-family:'Lora', serif;}
  319. s{color:{color:titulo};}
  320. u{border-bottom:{color:titulo}; color:{color:titulo};}
  321. a:link,a:active,a:visited{color:{color:links}; -webkit-transition-duration: .90s;} a:hover{color:{color:links hover};} .vsanna{display:none;}
  322.  
  323. #scrollToTop:link,#scrollToTop:visited{color:transparent; opacity:.4; background-color:transparent; display:none; position:fixed; bottom:25px; right:15px;}
  324.  
  325. #infscr-loading{position:absolute!important; width:16px!important; height:auto!important; margin-bottom:-16px!important; top:auto!important; bottom:0; left:45%!important; padding-bottom:5px; padding-top:10px;}
  326.  
  327. ::selection{background:{color:selecao}; color:{color:titulo};}
  328. ::-moz-selection{background:{color:selecao}; color:{color:titulo};}
  329. @-webkit-keyframes Fade{0%{opacity:0;} 100%{opacity:1;}}
  330.  
  331. ::-webkit-scrollbar{width:5px; height:5px;}
  332. ::-webkit-scrollbar-thumb{background:-webkit-linear-gradient(top, {color:rolagem} 5%, {color:background} 100%);}
  333.  
  334. </style>
  335. </head>
  336. <body>
  337.  
  338.  
  339.  
  340. <div class="description" style="display:none;">
  341. <h2>{text:descricao}</h2>
  342. <div class="desc">{description}</div></div>
  343.  
  344. <div class="messages" style="display:none;">
  345. <h2>{text:mensagens}</h2>
  346. <br>
  347. <iframe frameborder="0" scrolling="no" width="100%" height="190" src="https://www.tumblr.com/ask_form/shylp.tumblr.com" style="overflow: hidden; height: 233px; background-color: transparent;" id="ask_form"></iframe>
  348. </div>
  349.  
  350. <div class="nav" style="display:none;">
  351. <h2>{text:navegacao}</h2>
  352. <br>
  353. <div class="lcoluna">
  354. <div class="lheart"><a href="{text:Link 1}">{text:Link 1 Titulo}</a></div>
  355. <div class="lheart"><a href="{text:Link 3}">{text:Link 3 Titulo}</a></div>
  356. <div class="lheart"><a href="{text:Link 5}">{text:Link 5 Titulo}</a></div>
  357. </div>
  358. <div class="lcoluna">
  359. <div class="lheart"><a href="{text:Link 2}">{text:Link 2 Titulo}</a></div>
  360. <div class="lheart"><a href="{text:Link 4}">{text:Link 4 Titulo}</a></div>
  361. <div class="lheart"><a href="{text:Link 6}">{text:Link 6 Titulo}</a></div>
  362. </div>
  363.  
  364. <h2>{text:tags}</h2>
  365. <br>
  366. <div class="lcoluna">
  367. <div class="lheart"><a href="{text:Tag 1}">{text:Tag 1 Titulo}</a></div>
  368. <div class="lheart"><a href="{text:Tag 3}">{text:Tag 3 titulo}</a></div>
  369. <div class="lheart"><a href="{text:Tag 5}">{text:Tag 5 titulo}</a></div>
  370. <div class="lheart"><a href="{text:Tag 7}">{text:Tag 7 titulo}</a></div>
  371. <div class="lheart"><a href="{text:Tag 9}">{text:Tag 9 titulo}</a></div>
  372. </div>
  373. <div class="lcoluna">
  374. <div class="lheart"><a href="{text:Tag 2}">{text:Tag 2 Titulo}</a></div>
  375. <div class="lheart"><a href="{text:Tag 4}">{text:Tag 4 Titulo}</a></div>
  376. <div class="lheart"><a href="{text:Tag 6}">{text:Tag 6 titulo}</a></div>
  377. <div class="lheart"><a href="{text:Tag 8}">{text:Tag 8 titulo}</a></div>
  378. <div class="lheart"><a href="{text:Tag 10}">{text:Tag 10 titulo}</a></div>
  379. </div>
  380. </div>
  381.  
  382. <div class="search" style="display:none;">
  383. <h2>{text:search}</h2>
  384. <p>
  385. <form action="/search" method="get" id="lsearch" style="text-align:left;"><input type="text" name="q" value="" placeholder="Search..."/></form>
  386. </div>
  387.  
  388. <div class="social" style="display:none;">
  389. <h2>{text:social}</h2>
  390. <p>
  391. <a href="{text:Intagram}"><div class="navsm"><i class="fa fa-instagram" style="color:{color:texto};"></i></i></a></div>
  392. <a href="{text:Twitter}"><div class="navsm"><i class="fa fa-twitter" style="color:{color:texto};"></i></a></div>
  393. <a href="{text:Facebook}"><div class="navsm"><i class="fa fa-facebook" style="color:{color:texto};"></i></a></div>
  394. <a href="" title="{text:Skype}"><div class="navsm"><i class="fa fa-skype" style="color:{color:texto};"></i></a></div>
  395. <a href="{text:Last FM}"><div class="navsm"><i class="fa fa-music" style="color:{color:texto};"></i></a></div>
  396. <a href="{text:We heart it}"><div class="navsm"><i class="fa fa-heart" style="color:{color:texto};"></i></a></div>
  397. </div>
  398. </div>
  399.  
  400.  
  401. <a class="lcredit icon theme" href="http://clamam.tumblr.com" target="_blank">Theme</a><div id="middle">
  402.  
  403. {block:IndexPage}
  404. <a href="/"><div id="one"></div></a>
  405. <a><div id="three"><div class="slnks" id="description"></div></div></a>
  406. <a><div id="five"><div class="slnks" id="messages"></div></div></a>
  407. <a><div id="seven"><div class="slnks" id="nav"></div></div></a>
  408. <a><div id="nine"><div class="slnks" id="search"></div></div></a>
  409. <a><div id="eleven"><div class="slnks" id="social"></div></div></a>
  410.  
  411. <div id="four"></div>
  412. <div id="six"></div>
  413. <div id="two"></div>
  414. <div id="eight"></div>
  415. <div id="ten"></div>
  416. {/block:IndexPage}
  417.  
  418. {block:PermalinkPage}
  419. <a href="/" id="nave">Volte a página inícial</a>
  420. {/block:PermalinkPage}
  421.  
  422. <div id="entry">
  423. {block:Posts}
  424.  
  425. <div class="posts">
  426. {block:Text}{block:Title}<div style="font-family:{select:font posts}; letter-spacing:2px; text-transform:uppercase; text-align:left; font-size:12px;">{Title}</div>
  427. {/block:Title}{Body}
  428. {block:IndexPage}
  429. <div id="permatext">
  430. <div style="float:left;"><a href="{Permalink}"> {NoteCount} notificações</a>
  431. </div>
  432. <div style="float:right"><a href="{ReblogURL}">compartilhe</a>
  433. </div>
  434. </div>
  435. {/block:IndexPage}
  436. {/block:Text}
  437.  
  438. <div id="cap">
  439. {block:Photo}
  440. <div class="box">
  441. {block:IndexPage}
  442. <a href="{ReblogURL}" title="Reblog" target="_blank"><div id="permaft"></div></a>
  443. <a href="{Permalink}" title="{timeago}, com {notecountwithlabel}" target="_blank"><img src="{PhotoURL-500}" alt="{PhotoAlt}" width="100%"/></a>
  444. {/block:IndexPage}
  445. {block:PermalinkPage}{LinkOpenTag}<img src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="500"/>{LinkCloseTag}{/block:PermalinkPage}
  446. </div>
  447. {/block:Photo}
  448.  
  449. {block:Photoset}
  450. {block:IndexPage}<a href="{ReblogURL}" title="Reblog" target="_blank"><div id="permaft"></div></a>
  451. <a href="{Permalink}" title="{timeago}, com {notecountwithlabel}" target="_blank"><center>{Photoset}</a></center>{/block:IndexPage}
  452. {block:PermalinkPage}<center>{Photoset-500}</center>{/block:PermalinkPage}
  453. {block:IndexPage}
  454. {/block:IndexPage}
  455. {/block:Photoset}
  456.  
  457. {block:Quote}
  458. <div class="quote">{Quote}</div>
  459. {block:Source}
  460. <div class="qsource">{Source}</div>
  461. {/block:Source}
  462. {block:IndexPage}
  463. <div id="permatext">
  464. <div style="float:left;"><a href="{Permalink}"> {NoteCount} notificações</a>
  465. </div>
  466. <div style="float:right"><a href="{ReblogURL}">compartilhe</a>
  467. </div>
  468. </div>
  469. {/block:IndexPage}
  470. {/block:Quote}
  471.  
  472. {block:Link}
  473. <div id="ptt"><a href="{URL}" {Target}>{Name}</a></div>
  474. {block:Description}{Description}{/block:Description}
  475. {block:IndexPage}
  476. <div id="permatext">
  477. <div style="float:left;"><a href="{Permalink}"> {NoteCount} notificações</a>
  478. </div>
  479. <div style="float:right"><a href="{ReblogURL}">compartilhe</a>
  480. </div>
  481. </div>
  482. {/block:IndexPage}
  483. {/block:Link}
  484.  
  485. {Block:chat}
  486. {block:Title}<div id="ptt">{Title}</div>{/block:Title}
  487. <div class="chat">
  488. <ul>
  489. {block:Lines}
  490. <li class="{Alt} u{UserNumber}">{block:Label}<span class="chats">{Label}</span>{/block:Label} {Line}</li>
  491. {/block:Lines}
  492. </ul>
  493. </div>
  494. {block:IndexPage}
  495. <div id="permatext">
  496. <div style="float:left;"><a href="{Permalink}"> {NoteCount} notificações</a>
  497. </div>
  498. <div style="float:right"><a href="{ReblogURL}">compartilhe</a>
  499. </div>
  500. </div>
  501. {/block:IndexPage}
  502. {/block:chat}
  503.  
  504. {block:Audio}
  505. <div class="album">{block:AudioPlayer}<div class="player">{AudioPlayerWhite}</div>{/block:AudioPlayer}
  506. {block:AlbumArt}{block:IndexPage}<img src="{AlbumArtURL}">{/block:IndexPage}{block:PermalinkPage}<img src="{AlbumArtURL}">{/block:PermalinkPage}{/block:AlbumArt}</div>
  507. <div class="track">
  508. <b>Faixa:</b> {block:TrackName}{TrackName}{/block:TrackName}
  509. <br><b>Artista:</b> {block:Artist}{Artist}{/block:Artist}
  510. <br><b>Albúm:</b> {block:Album} {Album}{/block:Album}
  511. <br><b>Reproduções:</b> {FormattedPlayCount}
  512. </div>
  513. {block:IndexPage}
  514. <div id="permatext">
  515. <div style="float:left;"><a href="{Permalink}"> {NoteCount} notificações</a>
  516. </div>
  517. <div style="float:right"><a href="{ReblogURL}">compartilhe</a>
  518. </div>
  519. </div>
  520. {/block:IndexPage}
  521. {/block:Audio}
  522.  
  523. {block:Video}
  524. {block:IndexPage}<center>{Video-250}</center>{/block:IndexPage}
  525. {block:PermalinkPage}<center>{Video-500}</center>{/block:PermalinkPage}
  526. {block:IndexPage}
  527. <div id="permatext">
  528. <div style="float:left;"><a href="{Permalink}"> {NoteCount} notificações</a>
  529. </div>
  530. <div style="float:right"><a href="{ReblogURL}">compartilhe</a>
  531. </div>
  532. </div>
  533. {/block:IndexPage}
  534. {/block:Video}
  535.  
  536. {block:Answer}
  537. <div class="question">{Question}</div>
  538. <div class="asker">adoçou {Asker}, {Timeago}</div>
  539. {Answer}
  540. {block:IndexPage}
  541. <div id="permatext">
  542. <div style="float:left;"><a href="{Permalink}"> {NoteCount} notificações</a>
  543. </div>
  544. <div style="float:right"><a href="{ReblogURL}">compartilhe</a>
  545. </div>
  546. </div>
  547. {/block:IndexPage}
  548. {/block:Answer}</div>
  549.  
  550. <div class="vsanna">
  551. {block:RebloggedFrom}<a href="{ReblogParentURL}">via</a>{/block:RebloggedFrom}
  552. {block:ContentSource}<a href="{SourceURL}">source</a>{/block:ContentSource}</div>
  553. {/block:RebloggedFrom}
  554. </div>
  555. {block:PostNotes}
  556. {block:PermalinkPage}
  557.  
  558. <div class="posts">
  559. <div class="base">
  560. {block:Date}
  561. <div id="permalink">
  562. Publicado em {DayOfMonth} de {Month} de {Year}, com {NoteCountWithLabel}, às {12hour}:{minutes}{ampm}.
  563. </div>
  564. {/block:Date}
  565.  
  566. {block:RebloggedFrom}
  567. <div id="permalink">
  568. Compartilhado de <a href="{ReblogParentURL}"target="_blank">{ReblogParentName}</a>, original de {block:ContentSource}<a href="{SourceURL}" target=blank>{SourceTitle}</a>{/block:ContentSource}.</div>
  569.  
  570. <div id="permalink">
  571. <a codigopopup="#Aw=500" abrir="notes" class="janela">Clique aqui para ver as notificações!</a></div>
  572. {/block:RebloggedFrom}
  573. {/block:PermalinkPage}
  574. <div id="notes" class="caixapopup">{PostNotes}</div></div>
  575. {/block:PostNotes}
  576. {/block:Posts}
  577. </div></div>
  578.  
  579. {block:IndexPage}
  580. <div class="column navigation" id="navigation">
  581. {block:Pagination}
  582. {block:PreviousPage}
  583. <a href="{PreviousPage}" class="navigate">
  584. {/block:PreviousPage}
  585. {block:PreviousPage}</a>
  586. {/block:PreviousPage}
  587. {block:NextPage}
  588. <a href="{NextPage}" class="navigate" id="nextPage">
  589. {/block:NextPage}
  590. {block:NextPage}</a>{/block:NextPage}
  591. {/block:Pagination}
  592. </div>
  593. {/block:IndexPage}
  594. </div></div></div></div></div>
  595. </body>
  596.  
  597. {block:Ifbotaodeiraotopo}
  598. <script src="http://static.tumblr.com/rzl30kg/eAxm7a751/jquery.style-my-tooltips.js"></script><script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  599. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script><script src="http://static.tumblr.com/ikeq9mi/DfYl6o46t/scrolltotop.min.js"></script><a href="javascript:;" id="scrollToTop"><img src="http://static.tumblr.com/5u1fog0/9KNmunmb6/white.png" border="0"></a>
  600. {/block:Ifbotaodeiraotopo}
  601.  
  602. {block:Ifneve}
  603. <script src="http://static.tumblr.com/8l2gpxb/Apwlulgho/snowstorm2.js"></script>
  604. {/block:Ifneve}
  605.  
  606. <link rel="stylesheet" type="text/css" href="http://static.tumblr.com/5u1fog0/Jbxnhk8nn/lcredit.css">
  607.  
  608. <script src="http://goo.gl/QKIQQE"></script>
  609. <script src="http://goo.gl/y7lY8A"></script>
  610. <link rel="stylesheet" type="text/css" href="http://goo.gl/F6c7pZ">
  611. <script type="text/javascript" src="http://goo.gl/X3cY5M"></script>
  612. <script type="text/javascript" src="http://goo.gl/ukJ2Cf"></script>
  613. <script type="text/javascript" src="http://goo.gl/R2zQCK"></script>
  614. <script type="text/javascript" src="http://goo.gl/AGLNrG"></script>
  615. <script type="text/javascript" src="http://goo.gl/KEk7xO"></script>
  616. <script language="javascript" type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></script>
  617. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js"></script>
  618. <script src="http://static.tumblr.com/wgijwsy/Ebfm2v4gy/jquery.masonry.min.js"></script>
  619.  
  620. <script language="javascript">
  621. function clickIE() {if (document.all) {(mensagem);return false;}}
  622. function clickNS(e) {if
  623. (document.layers||(document.getElementById&&!document.all)) {
  624. if (e.which==2||e.which==3) {alert(mensagem);return false;}}}
  625. if (document.layers)
  626. {document.captureEvents(Event.MOUSEDOWN);document.onmousedown=clickNS;}
  627. else{document.onmouseup=clickNS;document.oncontextmenu=clickIE;}
  628. document.oncontextmenu=new Function("return false")
  629. </script>
  630. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"></script>
  631. <script src="http://static.tumblr.com/stnnkm0/36Hno1p6t/mhinfinitescroll.js"></script>
  632. <script src="http://static.tumblr.com/6hsqxdt/QBym35odk/jquery.masonry.js"></script>
  633. <script>
  634. $(function(){
  635. var $container = $('#entry');
  636. $container.imagesLoaded(function(){
  637. $container.masonry({
  638. itemSelector: '.posts',
  639. columnWidth: 257
  640. });
  641. });
  642. $container.infinitescroll({
  643. navSelector : "div#navigation",
  644. nextSelector : "div#navigation a#nextPage",
  645. itemSelector : '.posts',
  646. loadingImg : "http://static.tumblr.com/8yo5xxv/3Dem80mch/loading.gif",
  647. loadingText : " ",
  648. loading: {
  649. finishedMsg: ' ',
  650. img: 'http://static.tumblr.com/8yo5xxv/3Dem80mch/loading.gif'
  651. }
  652. },
  653. function( newElements ) {
  654. var $newElems = $( newElements ).css({ opacity: 0 });
  655. $newElems.imagesLoaded(function(){
  656. $newElems.animate({ opacity: 1 });
  657. $container.masonry( 'appended', $newElems, true );
  658. });
  659. }
  660. );
  661.  
  662. });
  663. </script>
  664. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement