Advertisement
clamam

Theme Try

Aug 18th, 2016
1,249
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 27.62 KB | None | 0 0
  1. <html><head><title>{title}</title><link rel="shortcut icon" href="{favicon}">
  2.  
  3. <!----------------------
  4.  
  5.  
  6. theme try
  7. © made by Gabriele
  8. in clamam.tumblr.com
  9. EX exclusive
  10.  
  11.  
  12. ------------------------>
  13.  
  14. <meta name="image:imagem background" content="" />
  15. <meta name="color:background" content="#ffffff"/>
  16. <meta name="color:titulo" content="#e89e8c"/>
  17. <meta name="color:negrito" content="#000000"/>
  18. <meta name="color:texto" content="#666666"/>
  19. <meta name="color:links" content="#666666"/>
  20. <meta name="color:links hover" content="#cd2626"/>
  21. <meta name="color:bordas" content="#eeeeee"/>
  22. <meta name="color:selecao" content="#000000"/>
  23. <meta name="color:blockquote" content="#eee"/>
  24.  
  25. <meta name="select:fonte do titulo"content="'Satisfy', cursive"title="Satisfy"/>
  26. <meta name="select:fonte do titulo"content="'Dancing Script', cursive"title="Dancing Script"/>
  27. <meta name="select:fonte do titulo"content="'Cookie', cursive"title="Cookie"/>
  28. <meta name="select:fonte do titulo"content="'Great Vibes', cursive"title="Great Vibes"/>
  29. <meta name="select:fonte do titulo"content="'Sacramento', cursive"title="Sacramento"/>
  30. <meta name="select:fonte do titulo"content="'Alex Brush', cursive"title="Alex Brush"/>
  31. <meta name="select:fonte do titulo"content="'Clicker Script', cursive"title="Clicker Script"/>
  32. <meta name="select:fonte do titulo"content="'Qwigley', cursive"title="Qwigley"/>
  33. <meta name="select:fonte do titulo"content="'Arizonia', cursive"title="Arizonia"/>
  34. <meta name="select:fonte do titulo"content="'Pinyon Script', cursive"title="Pinyon Script"/>
  35.  
  36. <meta name="select:fonte das postagens"content="'Arvo', serif"title="Arvo"/>
  37. <meta name="select:fonte das postagens"content="avalon"title="avalon"/>
  38. <meta name="select:fonte das postagens"content="arial"title="Arial"/>
  39. <meta name="select:fonte das postagens"content="calibri"title="Calibri"/>
  40. <meta name="select:fonte das postagens"content="consolas"title="Consolas"/>
  41. <meta name="select:fonte das postagens"content="cambria"title="Cambria"/>
  42. <meta name="select:fonte das postagens"content="georgia"title="Georgia"/>
  43. <meta name="select:fonte das postagens"content="'PT Sans', sans-serif"title="PT Sans"/>
  44. <meta name="select:fonte das postagens"content="'Typewriter FS', serif"title="Typewriter"/>
  45. <meta name="select:fonte das postagens"content="'muli', sans-serif"title="muli"/>
  46. <meta name="select:fonte das postagens"content="'Signika', sans-serif"title="Signika"/>
  47. <meta name="select:fonte das postagens"content="courier new"title="Courier new"/>
  48. <meta name="select:fonte das postagens"content="century gothic"title="Century gothic"/>
  49. <meta name="select:fonte das postagens"content="'Roboto', sans-serif"title="Roboto"/>
  50. <meta name="select:fonte das postagens"content="'Lato', sans-serif"title="Lato"/>
  51. <meta name="select:fonte das postagens"content="trebuchet ms"title="trebuchet ms"/>
  52. <meta name="select:fonte das postagens"content="'Yantramanav', sans-serif"title="Yantramanav"/>
  53. <meta name="select:fonte das postagens"content="Istok Web, sans-serif"title="Istok Web"/>
  54.  
  55. <meta name="if:efeito branco e preto" content=""/>
  56. <meta name="if:efeito vintage" content=""/>
  57. <meta name="if:efeito fade" content=""/>
  58. <meta name="if:efeito sepia" content=""/>
  59. <meta name="if:efeito contraste" content=""/>
  60. <meta name="if:efeito brightness" content=""/>
  61. <meta name="if:efeito hue rotate" content=""/>
  62. <meta name="if:postagem justificada" content=""/>
  63. <meta name="if:nao repetir background" content=""/>
  64. <meta name="if:botao de ir ao topo" content=""/>
  65. <meta name="if:neve" content=""/>
  66.  
  67. <meta name="text:tamanho das postagens" content="12"/>
  68. <meta name="text:tamanho do source" content="10"/>
  69. <meta name="text:tamanho do subtitulo" content="30"/>
  70. <meta name="text:subtitulo" content="Subtitulo..."/>
  71.  
  72. <meta name="text:link 1 Titulo" content="link" />
  73. <meta name="text:link 1" content="/" />
  74. <meta name="text:link 2 Titulo" content="link" />
  75. <meta name="text:link 2" content="/" />
  76. <meta name="text:link 3 Titulo" content="link" />
  77. <meta name="text:link 3" content="/" />
  78. <meta name="text:link 4 Titulo" content="link" />
  79. <meta name="text:link 4" content="/" />
  80.  
  81. <link rel="alternate"type="application/rss+xml"href="{RSS}">
  82. {block:Description}
  83. <meta name="description" content="{MetaDescription}"/>
  84. {/block:Description}
  85.  
  86. <link href='https://fonts.googleapis.com/css?family=Lora:700italic|Arvo|Merriweather|PT+Sans|Baumans|Lato|Roboto|Muli|Signika|Yantramanav|Istok+Web' rel='stylesheet' type='text/css'>
  87. <link href="https://fonts.googleapis.com/css?family=Alex+Brush|Arizonia|Clicker+Script|Cookie|Dancing+Script|Great+Vibes|Pinyon+Script|Qwigley|Sacramento|Satisfy" rel="stylesheet">
  88. <style type="text/css">
  89.  
  90. 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:160%; {block:Ifnaorepetirbackground} background-attachment:fixed; background-repeat:no-repeat; background-position:center; -o-background-size:cover; -webkit-background-size:cover; {/block:Ifnaorepetirbackground}
  91. cursor:url('http://static.tumblr.com/5u1fog0/aaEn06fxx/cursor.png'), default!important;}
  92.  
  93. #middle{width:900px; {block:PermalinkPage}width:850px;{/block:PermalinkPage} position:relative; margin-left:auto; margin-right:auto; margin-top:0px; padding-bottom:20px; overflow:hidden;}
  94.  
  95. #entry{width:400px; margin-top:30px; margin-left:300px; {block:PermalinkPage}width:100px;{/block:PermalinkPage}}
  96.  
  97. .posts{top:0px; margin:0 0 30px 0; float:left; padding:10px; {block:IndexPage} width:400px; position:relative; {/block:IndexPage} {block:PermalinkPage}width:500px;{/block:PermalinkPage};}
  98.  
  99. .box {position:relative;}
  100. .box img {display:block; max-width:100%;}
  101. .box iframe {max-width:100%;}
  102.  
  103. a{color:{color:texto}; text-decoration:none;}
  104. a:hover{color:{color:texto}; text-decoration:none; cursor:url('http://static.tumblr.com/5u1fog0/zJbn06fy8/cursor_hover.gif'), default!important;}
  105. p{margin:6px 0 0 0}
  106. blockquote{margin:2px 5px 2px 5px; padding:1px 0 3px 6px; border-left:1px solid {color:blockquote};}
  107. ul{list-style-type:circle; text-transform:none; text-decoration:none;}
  108.  
  109. h1{font-family:{select:fonte do titulo}; text-align:center; font-size:{text:tamanho do subtitulo}px; font-weight:normal; color:{color:titulo}; letter-spacing:.5px; transition:all 1s ease;}
  110.  
  111. #ptt{font-family:PT Sans; letter-spacing:1px; text-transform:uppercase; text-align:left; font-size:12px; font-weight:bold; color:{color:titulo}; line-height:15px;}
  112. #ptt a{font-family:PT Sans; letter-spacing:1px; text-transform:uppercase; text-align:left; font-size:12px; font-weight:bold; color:{color:titulo};line-height:15px;}
  113. #ptt a:hover{text-align:left; font-weight:bold; font-size:12px; color:{color:links hover}; line-height:15px; letter-spacing:2px;}
  114.  
  115. .chat ul{padding:0px 0px 0px 0px; margin:0px;}
  116. .chat li{margin-bottom:1px; padding:10px; list-style-type:none;}
  117. .chat li.odd{border-left:1px solid {color:bordas};}
  118. .chat li.odd:hover{-webkit-transition-duration: .8s; border-left:3px solid {color:bordas};}
  119. .chat li.even{border-right:1px solid {color:bordas};}
  120. .chat li.even:hover{border-right:3px solid {color:bordas}; -webkit-transition-duration: .8s;}
  121. span.chats{color:{color:texto}; font-size:11px; font-family:{select:font posts}; letter-spacing:.5px; text-transform:uppercase;}
  122.  
  123. .base{border-radius:5px; padding:0px; overflow:hidden; float:left; position:relative; {block:indexpage}width:500px;{/block:indexpage} {block:PermalinkPage}width:500px;{/block:PermalinkPage};}
  124. #permalink{width:500px; font-size:10px; text-transform:uppercase; padding-bottom:5px; margin-left:0px; margin-top:0px; line-height:17px;}
  125. aside.permalink_page {margin-top:30px; margin-bottom:60px;}
  126. ol.notes li.note img.avatar {display:none!important;}
  127. ol.notes {list-style-type:none; margin:0;}
  128. ol.notes li.note{display:block; margin-bottom:5px; padding:5px; margin-left:-35px;}
  129. li.note:nth-child(odd) {background:{color:bordas};}
  130. li.note{font-size:8px; letter-spacing:1px; text-transform:uppercase; position:relative;}
  131.  
  132. #permatext{opacity:0; position:absolute; text-align:left; height:auto; line-height:8px; text-transform:uppercase; right:-100px; top:13px; z-index:99; background:{color:background}; width:100px; -webkit-transition: all 1s linear; -moz-transition: all 1s linear; -ms-transition: all 1s linear; -o-transition: all 1s linear; transition: all 1s linear;}
  133. #permatext a{color:{color:texto}; display:block; font-family:PT Sans; text-transform:uppercase; font-size:10px; font-weight:600; padding:5px; letter-spacing:1px;}
  134. .posts:hover #permatext{opacity:1; color:{color:texto};}
  135.  
  136. .quote{font-family:{select:fonte das postagens}; line-height:160%; {block:Ifpostagemjustificada}text-align:justify;{/block:Ifpostagemjustificada} font-size:{text:tamanho das postagens}px; }
  137. .qsource{text-align:center; margin-top:5px; margin-left:1px;font-family:PT Sans; letter-spacing:1px; text-transform:uppercase; font-size:{text:tamanho do source}px;}
  138.  
  139. #sidebar{text-align:justify; position:fixed; margin-left:0px;margin-top:210px; width:280px;}
  140. #sidebar:hover #linkz{margin-top:-12px;}
  141. #sidebar:hover h1{margin-top:0px;}
  142.  
  143. #description{position:relative; text-align: justify; font-size:12px; font-style:none; width:250px; margin-top:9px; margin-left:10px; color:{color:texto}; padding:5px; line-height:150%;}
  144.  
  145. /*liriadas*/
  146. #catu{text-align:center; position:relative; overflow:hidden; padding-top:20px; z-index:9; left:10px; height:50px; width:260px; text-transform:none;}
  147. #catu:hover h1{margin-top:0px;}
  148. #catu:hover #linkz {margin-top:-12px;}
  149.  
  150. #linkz{transition:all 1s ease;}
  151. #linkz a{font-family:PT Sans; font-size:10.4px; letter-spacing:.1em; text-transform:uppercase; margin:5px; color:{color:texto};}
  152.  
  153. #tumblr_controls,
  154. .tmblr-iframe.iframe-controls--desktop,.lcredit.icon.theme{position:fixed!important; -webkit-filter:invert(100%); opacity:0.4;top:2px; text-transform:none;}
  155. #tumblr_controls,
  156. .tmblr-iframe.iframe-controls--desktop{position:fixed!important;-webkit-filter:invert(100%);margin-right:67px;opacity:.4;top:0px;text-transform:none;}/*fim liriadas*/
  157.  
  158. /*amplamente*/.abb{background:{color:bordas}; height:1px; width:130px; margin-left:auto; margin-right:auto; margin-top:5px; margin-bottom:5px; transition:all 1s ease;}
  159. #sidebar:hover .abb{width:250px; background:{color:titulo}; transition:all 1s ease;}/*amplamente*/
  160.  
  161. nav{font-family:PT Sans; font-size:10px; padding:0px 0px; text-transform:uppercase; letter-spacing:1px; line-height:1em; transition:all .4s ease-in-out; -webkit-transition:all .4s ease-in-out; -moz-transition:all .4s ease-in-out; -o-transition:all .4s ease-in-out;}
  162. nav a{margin-left:0px; font-family:PT Sans; font-size:10px; display:inline-block; vertical-align:baseline; position:left; overflow:hidden; color:{color:texto};!important;}
  163. nav a span{position:relative; display:inline-block; transition:all .15s linear; -webkit-transition:all .15s linear; -moz-transition:all .15s linear; -o-transition:all .15s linear;}
  164. nav a span:before{position:absolute; top:100%; content:attr(data-hover); color:{color:texto};!Important; font-weight:bold; -webkit-transform: translate3d(0,0,0); -moz-transform: translate3d(0,0,0); transform: translate3d(0,0,0);}
  165. nav a:hover span{-webkit-transform:translateY(-100%); -moz-transform:translateY(-100%); transform:translateY(-100%);}
  166.  
  167. .question {padding:0px; border-bottom:1px solid {color:bordas}; padding-bottom:8px; line-height:150%;}
  168. .asker{text-align:right; padding-top:8px; padding-bottom:0px; letter-spacing:1px; text-transform:uppercase; font-size:10px; transition:all 1s ease; font-family:PT sans;}
  169. .asker a{word-spacing:0px; border:0px dotted {color:bordas};}
  170. .tri{margin:0px 0 -3px 315px; width:0; height:0; border-style:solid; border-width:7px 7px 0 7px; border-color:{color:bordas} transparent transparent transparent; -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); -o-transform: rotate(360deg);}
  171. .answer{line-height:150%;}
  172.  
  173. .album{background-repeat: no-repeat; background-position: center; position: absolute; width:86px; height:86px; background-size:60px; overflow:hidden;}
  174. .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;}
  175. .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;}
  176. .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;}
  177. .player:hover {opacity:1;}
  178. .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;}
  179.  
  180. #fundopopup{display:none; opacity:0.9; background:{color:background}; position:fixed; left:0; top:0; width:100%; height:100%; z-index:999999;}
  181. .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;}
  182. img.btn_botaodeclose{float:right;margin: -55px -55px 0 0;}
  183. *html #fundopopup{position:absolute;}
  184. *html .caixapopup{position:absolute;}
  185. .source{display:none;}
  186.  
  187. .tooltip{display:inline; position:relative;}
  188. #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;}
  189. #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);}
  190.  
  191. {block:Ifefeitosepia}
  192. 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;}
  193. 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;}
  194. .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;}
  195. .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;}
  196. {/block:Ifefeitosepia}
  197.  
  198. {block:Ifefeitohuerotate}
  199. 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;}
  200. .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;}
  201. .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;}
  202. {/block:Ifefeitohuerotate}
  203.  
  204. {block:Ifefeitobrightness}
  205. 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;}
  206. 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;}
  207. .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;}
  208. .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;}
  209. {/block:Ifefeitobrightness}
  210.  
  211. {block:Ifefeitocontraste}
  212. 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;}
  213. 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;}
  214. .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;}
  215. .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;}
  216. {/block:Ifefeitocontraste}
  217.  
  218. {block:Ifefeitofade}
  219. img{opacity:0.7;-webkit-transition:all 0.9s linear; -moz-transition:all 0.9s linear; -webkit-filter:grayscale(10%);}
  220. 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;}
  221. .photoset{opacity:0.7;-webkit-transition:all 0.9s linear; -moz-transition:all 0.9s linear; -webkit-filter:grayscale(10%);}
  222. .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;}
  223. {/block:Ifefeitofade}
  224.  
  225. {block:Ifefeitobrancoepreto}
  226. img{-webkit-filter: grayscale(80%); transition:All 1s ease; -webkit-transition:All 1s ease; -moz-transition:All 1s ease; -o-transition:All 1s ease;}
  227. img:hover{-webkit-filter: grayscale(0%); transition:All 1s ease; -webkit-transition:All 1s ease; -moz-transition:All 1s ease;
  228. -o-transition:All 1s ease;}
  229. .photoset{-webkit-filter: grayscale(80%); transition:All 1s ease; -webkit-transition:All 1s ease; -moz-transition:All 1s ease; -o-transition:All 1s ease;}
  230. .photoset:hover{-webkit-filter: grayscale(0%); transition:All 1s ease; -webkit-transition:All 1s ease; -moz-transition:All 1s ease;
  231. -o-transition:All 1s ease;}
  232. {/block:Ifefeitobrancoepreto}
  233.  
  234. {block:Ifefeitovintage}
  235. img{-webkit-filter:grayscale.500; -webkit-filter: grayscale(40%); transition:all 1s ease;}
  236. img:hover{-webkit-filter:grayscale(0);}
  237. .photoset {-webkit-filter:grayscale.500; -webkit-filter: grayscale(40%); transition:all 1s ease;}
  238. .photoset:hover{-webkit-filter:grayscale(0);}
  239. {/block:Ifefeitovintage}
  240.  
  241. b, strong{color:{color:negrito};}
  242. i, em{color:{color:negrito}; font-family:'Lora', serif;}
  243. s{color:{color:negrito};}
  244. u{border-bottom:{color:negrito}; color:{color:negrito};}
  245. a:link,a:active,a:visited{color:{color:links}; -webkit-transition-duration: .90s;} a:hover{color:{color:links hover};} .vsanna{display:none;}
  246.  
  247. #scrollToTop:link,#scrollToTop:visited{color:transparent; opacity:.6; background-color:transparent; display:none; position:fixed; bottom:25px; right:15px;}
  248.  
  249. #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;}
  250.  
  251. ::selection{background:{color:selecao}; color:{color:titulo};}
  252. ::-moz-selection{background:{color:selecao}; color:{color:titulo};}
  253. @-webkit-keyframes Fade{0%{opacity:0;} 100%{opacity:1;}}
  254.  
  255. ::-webkit-scrollbar{background-color:{color:bordas}; height:11px; width:11px; border:5px solid #ffffff;}
  256. ::-webkit-scrollbar-thumb{background-color:{color:titulo}; border:5px solid {color:background};}
  257.  
  258.  
  259. </style>
  260. <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css">
  261. </head>
  262. <body>
  263.  
  264.  
  265.  
  266.  
  267. <a class="lcredit icon theme" href="http://clamam.tumblr.com" target="_blank">Theme</a><div id="middle">
  268.  
  269. <div id="sidebar">
  270. <div id="catu"><h1>{text:subtitulo}</h1>
  271. <div id="linkz">
  272. <nav>
  273. <a href="{text:Link 1}"><span data-hover="{text:Link 1 Titulo}">{text:Link 1 Titulo}</a>
  274. <a href="{text:Link 2}"><span data-hover="{text:Link 2 Titulo}">{text:Link 2 Titulo}</a>
  275. <a href="{text:Link 3}"><span data-hover="{text:Link 3 Titulo}">{text:Link 3 Titulo}</a>
  276. <a href="{text:Link 4}"><span data-hover="{text:Link 4 Titulo}">{text:Link 4 Titulo}</a>
  277. </nav>
  278. </div>
  279. </div>
  280. <div class="abb"></div>
  281. <div id="description">{description}</div>
  282. </div>
  283.  
  284. <div id="entry">
  285. {block:Posts}
  286. <div class="posts">
  287. {block:IndexPage}
  288. <div id="permatext">
  289. <a href="{permalink}" target="_blank">{NoteCountWithLabel}</a>
  290. <a href="{permalink}" target="_blank">{DayOfMonthWithZero}.{MonthNumberWithZero}.{Year}</a>
  291. <a href="{ReblogURL}" target="_blank">Reblogar</a>
  292. </div>
  293. {/block:IndexPage}
  294.  
  295. {block:Text}
  296. {block:Title}
  297. <div style="font-family:PT Sans; letter-spacing:1px; text-transform:uppercase; text-align:left; font-size:12px; font-weight:bold; color:{color:titulo};">{Title}</div>
  298. {/block:Title}{Body}
  299. {/block:Text}
  300.  
  301. <div id="cap">
  302. {block:Photo}
  303. <div class="box">
  304. {block:IndexPage}
  305. <img src="{PhotoURL-500}" alt="{PhotoAlt}" width="100%"/>
  306. {/block:IndexPage}
  307. {block:PermalinkPage}
  308. {LinkOpenTag}
  309. <img src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="500"/>
  310. {LinkCloseTag}
  311. {/block:PermalinkPage}
  312. </div>
  313. {/block:Photo}
  314.  
  315. {block:Photoset}
  316. {block:IndexPage}
  317. {Photoset}
  318. {/block:IndexPage}
  319. {block:PermalinkPage}<center>{Photoset-500}</center>{/block:PermalinkPage}
  320. {block:IndexPage}
  321. {/block:IndexPage}
  322. {/block:Photoset}
  323.  
  324. {block:Quote}
  325. <div class="quote">{Quote}</div>
  326. {block:Source}
  327. <div class="qsource">{Source}</div>
  328. {/block:Source}
  329. {/block:Quote}
  330.  
  331. {block:Link}
  332. <div id="ptt"><a href="{URL}" {Target}>{Name}</a></div>
  333. {block:Description}{Description}{/block:Description}
  334. {/block:Link}
  335.  
  336. {Block:chat}
  337. {block:Title}<div id="ptt">{Title}</div>{/block:Title}
  338. <div class="chat">
  339. <ul>
  340. {block:Lines}
  341. <li class="{Alt} u{UserNumber}">{block:Label}<span class="chats">{Label}</span>{/block:Label} {Line}</li>
  342. {/block:Lines}
  343. </ul>
  344. </div>
  345. {/block:chat}
  346.  
  347. {block:Audio}
  348. <div class="album">{block:AudioPlayer}<div class="player">{AudioPlayerWhite}</div>{/block:AudioPlayer}
  349. {block:AlbumArt}{block:IndexPage}<img src="{AlbumArtURL}">{/block:IndexPage}{block:PermalinkPage}<img src="{AlbumArtURL}">{/block:PermalinkPage}{/block:AlbumArt}</div>
  350. <div class="track">
  351. <b>Faixa:</b> {block:TrackName}{TrackName}{/block:TrackName}
  352. <br><b>Artista:</b> {block:Artist}{Artist}{/block:Artist}
  353. <br><b>Albúm:</b> {block:Album} {Album}{/block:Album}
  354. <br><b>Reproduções:</b> {FormattedPlayCount}
  355. </div>
  356. {/block:Audio}
  357.  
  358. {block:Video}
  359. {block:IndexPage}<center>{Video-400}</center>{/block:IndexPage}
  360. {block:PermalinkPage}<center>{Video-500}</center>{/block:PermalinkPage}
  361. {/block:Video}
  362.  
  363. {block:Answer}
  364. <div class="question">{Question}</div>
  365. <div class="tri"></div>
  366. <div class="asker">Disse {Asker} {Timeago}</div>
  367. <div class="answer">{Answer}</div>
  368. {/block:Answer}</div>
  369.  
  370. <div class="vsanna">
  371. {block:RebloggedFrom}<a href="{ReblogParentURL}">via</a>{/block:RebloggedFrom}
  372. {block:ContentSource}<a href="{SourceURL}">source</a>{/block:ContentSource}</div>
  373. {/block:RebloggedFrom}
  374. </div>
  375. {block:PostNotes}
  376. {block:PermalinkPage}
  377.  
  378. <div class="posts">
  379. <div class="base">
  380. {block:Date}
  381. <div id="permalink">
  382. Publicado em {DayOfMonth} de {Month} de {Year}, com {NoteCountWithLabel}, às {12hour}:{minutes}{ampm}.
  383. </div>
  384. {/block:Date}
  385.  
  386. {block:RebloggedFrom}
  387. <div id="permalink">
  388. Compartilhado de <a href="{ReblogParentURL}"target="_blank">{ReblogParentName}</a>, original de {block:ContentSource}<a href="{SourceURL}" target=blank>{SourceTitle}</a>{/block:ContentSource}.</div>
  389.  
  390. <div id="permalink">
  391. <a codigopopup="#Aw=500" abrir="notes" class="janela">Clique aqui para ver as notificações!</a></div>
  392. {/block:RebloggedFrom}
  393. {/block:PermalinkPage}
  394. <div id="notes" class="caixapopup">{PostNotes}</div></div>
  395. {/block:PostNotes}
  396. {/block:Posts}
  397. </div></div>
  398.  
  399. {block:IndexPage}
  400. <div class="column navigation" id="navigation">
  401. {block:Pagination}
  402. {block:PreviousPage}
  403. <a href="{PreviousPage}" class="navigate">
  404. {/block:PreviousPage}
  405. {block:PreviousPage}</a>
  406. {/block:PreviousPage}
  407. {block:NextPage}
  408. <a href="{NextPage}" class="navigate" id="nextPage">
  409. {/block:NextPage}
  410. {block:NextPage}</a>{/block:NextPage}
  411. {/block:Pagination}
  412. </div>
  413. {/block:IndexPage}
  414. </div></div></div></div></div>
  415. </body>
  416.  
  417. {block:Ifbotaodeiraotopo}
  418. <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>
  419. <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>
  420. {/block:Ifbotaodeiraotopo}
  421.  
  422. {block:Ifneve}
  423. <script src="http://static.tumblr.com/8l2gpxb/Apwlulgho/snowstorm2.js"></script>
  424. {/block:Ifneve}
  425.  
  426. <link rel="stylesheet" type="text/css" href="http://static.tumblr.com/5u1fog0/Jbxnhk8nn/lcredit.css">
  427.  
  428. <script src="http://goo.gl/QKIQQE"></script>
  429. <script src="http://goo.gl/y7lY8A"></script>
  430. <link rel="stylesheet" type="text/css" href="http://goo.gl/F6c7pZ">
  431. <link rel="stylesheet" type="text/css" href="https://assets.tumblr.com/fonts/typewriterfs/stylesheet.css">
  432. <link rel="stylesheet" type="text/css" href="http://assets.tumblr.com/fonts/avalon/stylesheet.css?v=1">
  433. <script type="text/javascript" src="http://goo.gl/X3cY5M"></script>
  434. <script type="text/javascript" src="http://goo.gl/ukJ2Cf"></script>
  435. <script type="text/javascript" src="http://goo.gl/R2zQCK"></script>
  436. <script type="text/javascript" src="http://goo.gl/AGLNrG"></script>
  437. <script type="text/javascript" src="http://goo.gl/KEk7xO"></script>
  438. <script language="javascript" type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></script>
  439.  
  440. <script language="javascript">
  441. function clickIE() {if (document.all) {(mensagem);return false;}}
  442. function clickNS(e) {if
  443. (document.layers||(document.getElementById&&!document.all)) {
  444. if (e.which==2||e.which==3) {alert(mensagem);return false;}}}
  445. if (document.layers)
  446. {document.captureEvents(Event.MOUSEDOWN);document.onmousedown=clickNS;}
  447. else{document.onmouseup=clickNS;document.oncontextmenu=clickIE;}
  448. document.oncontextmenu=new Function("return false")
  449. </script>
  450. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"></script>
  451. <script src="http://static.tumblr.com/stnnkm0/36Hno1p6t/mhinfinitescroll.js"></script>
  452. <script src="http://static.tumblr.com/6hsqxdt/QBym35odk/jquery.masonry.js"></script>
  453. <script>
  454. $(function(){
  455. var $container = $('#entry');
  456. $container.imagesLoaded(function(){
  457. $container.masonry({
  458. itemSelector: '.posts',
  459. columnWidth: 0
  460. });
  461. });
  462. $container.infinitescroll({
  463. navSelector : "div#navigation",
  464. nextSelector : "div#navigation a#nextPage",
  465. itemSelector : '.posts',
  466. loadingImg : "http://static.tumblr.com/8yo5xxv/3Dem80mch/loading.gif",
  467. loadingText : " ",
  468. loading: {
  469. finishedMsg: ' ',
  470. img: 'http://static.tumblr.com/8yo5xxv/3Dem80mch/loading.gif'
  471. }
  472. },
  473. function( newElements ) {
  474. var $newElems = $( newElements ).css({ opacity: 0 });
  475. $newElems.imagesLoaded(function(){
  476. $newElems.animate({ opacity: 1 });
  477. $container.masonry( 'appended', $newElems, true );
  478. });
  479. }
  480. );
  481.  
  482. });
  483. </script>
  484. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement