Advertisement
clamam

theme nobility

Apr 1st, 2017
678
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 35.16 KB | None | 0 0
  1. <html><head><title>{title}</title><link rel="shortcut icon" href="{favicon}">
  2.  
  3. <!----------------------
  4.  
  5. theme nobility
  6. made by Gabriele
  7. in clamam.tumblr.com
  8.  
  9. ------------------------>
  10.  
  11. <meta name="image:background" content=""/>
  12. <meta name="color:background" content="#ffffff"/>
  13. <meta name="color:negrito" content="#cccccc"/>
  14. <meta name="color:titulo" content="#ffd8e6"/>
  15. <meta name="color:texto" content="#666666"/>
  16. <meta name="color:menu" content="#eeeeee"/>
  17. <meta name="color:links" content="#666666"/>
  18. <meta name="color:links hover" content="#eeeeee"/>
  19. <meta name="color:bordas" content="#eeeeee"/>
  20. <meta name="color:selecao" content="#eeeeee"/>
  21. <meta name="color:blockquote" content="#eeeeee"/>
  22. <meta name="color:scrollbar" content="#cd2626"/>
  23.  
  24. <meta name="select:fonte do titulo"content="'Dancing Script', cursive"title="Dancing Script"/>
  25. <meta name="select:fonte do titulo"content="'Lobster Two', cursive"title="Lobster Two"/>
  26. <meta name="select:fonte do titulo"content="'Comfortaa', cursive"title="Comfortaa"/>
  27. <meta name="select:fonte do titulo"content="'Satisfy', cursive"title="Satisfy"/>
  28. <meta name="select:fonte do titulo"content="'Cookie', cursive"title="Cookie"/>
  29. <meta name="select:fonte do titulo"content="'Sacramento', cursive"title="Sacramento"/>
  30. <meta name="select:fonte do titulo"content="'Rochester', cursive"title="Rochester"/>
  31. <meta name="select:fonte do titulo"content="'Homemade Apple', cursive"title="Homemade Apple"/>
  32. <meta name="select:fonte do titulo"content="'Nixie One', cursive"title="Nixie One"/>
  33. <meta name="select:fonte do titulo"content="'Niconne', cursive"title="Niconne"/>
  34. <meta name="select:fonte do titulo"content="'Dawning of a New Day', cursive"title="Dawning of a New Day"/>
  35. <meta name="select:fonte do titulo"content="'Rouge Script', cursive"title="Rouge Script"/>
  36.  
  37. <meta name="select:fonte das postagens"content="'Arvo', serif"title="Arvo"/>
  38. <meta name="select:fonte das postagens"content="arial"title="Arial"/>
  39. <meta name="select:fonte das postagens"content="'Avalon'"title="Avalon"/>
  40. <meta name="select:fonte das postagens"content="calibri"title="Calibri"/>
  41. <meta name="select:fonte das postagens"content="consolas"title="Consolas"/>
  42. <meta name="select:fonte das postagens"content="cambria"title="Cambria"/>
  43. <meta name="select:fonte das postagens"content="georgia"title="Georgia"/>
  44. <meta name="select:fonte das postagens"content="'Signika', sans-serif"title="Signika"/>
  45. <meta name="select:fonte das postagens"content="'Lato', sans-serif"title="Lato"/>
  46. <meta name="select:fonte das postagens"content="'muli', sans-serif"title="Muli"/>
  47. <meta name="select:fonte das postagens"content="'PT Sans', sans-serif"title="PT Sans"/>
  48. <meta name="select:fonte das postagens"content="courier new"title="Courier new"/>
  49. <meta name="select:fonte das postagens"content="century gothic"title="Century gothic"/>
  50. <meta name="select:fonte das postagens"content="'Roboto', sans-serif"title="Roboto"/>
  51. <meta name="select:fonte das postagens"content="'Typewriter FS', serif"title="Typewriter"/>
  52. <meta name="select:fonte das postagens"content="trebuchet ms"title="trebuchet ms"/>
  53. <meta name="select:fonte das postagens"content="'Yantramanav', sans-serif"title="Yantramanav"/>
  54. <meta name="select:fonte das postagens"content="Istok Web, sans-serif"title="Istok Web"/>
  55. <meta name="select:fonte das postagens"content="'Rokkitt', serif"title="Rokkitt"/>
  56. <meta name="select:fonte das postagens"content="leelawadee"title="Leelawadee"/>
  57. <meta name="select:fonte das postagens"content="'Halant', serif"title="Halant"/>
  58. <meta name="select:fonte das postagens"content="Helvetica Neue,sans-serif"title="Helvetica Neue"/>
  59. <meta name="select:fonte das postagens"content="'PT Sans Narrow', sans-serif"title="PT Sans Narrow"/>
  60. <meta name="select:fonte das postagens"content="'Noto Sans', sans-serif"title="Noto Sans"/>
  61. <meta name="select:fonte das postagens"content="'Dosis', sans-serif"title="Dosis"/>
  62. <meta name="select:fonte das postagens"content="'Catamaran', sans-serif"title="Catamaran"/>
  63. <meta name="select:fonte das postagens"content="'Nunito', sans-serif"title="Nunito"/>
  64.  
  65. <meta name="if:efeito branco e preto" content=""/>
  66. <meta name="if:efeito vintage" content=""/>
  67. <meta name="if:efeito fade" content=""/>
  68. <meta name="if:efeito sepia" content=""/>
  69. <meta name="if:efeito contraste" content=""/>
  70. <meta name="if:efeito brightness" content=""/>
  71. <meta name="if:efeito hue rotate" content=""/>
  72.  
  73. <meta name="if:duas colunas" content=""/>
  74. <meta name="if:redes sociais" content=""/>
  75. <meta name="if:controles customizados" content=""/>
  76. <meta name="if:postagem justificada" content=""/>
  77. <meta name="if:nao repetir background" content=""/>
  78. <meta name="if:botao de ir ao topo" content=""/>
  79. <meta name="if:neve" content=""/>
  80.  
  81. <meta name="text:subtitulo" content="subtitulo"/>
  82. <meta name="text:tamanho do subtitulo" content="22"/>
  83. <meta name="text:tamanho das postagens" content="12"/>
  84.  
  85. <meta name="text:link 1 titulo" content="link"/>
  86. <meta name="text:link 1" content="/" />
  87. <meta name="text:link 2 titulo" content="link"/>
  88. <meta name="text:link 2" content="/" />
  89. <meta name="text:link 3 titulo" content="link"/>
  90. <meta name="text:link 3" content="/" />
  91. <meta name="text:link 4 titulo" content="link"/>
  92. <meta name="text:link 4" content="/" />
  93. <meta name="text:extra 1 titulo" content="extra"/>
  94. <meta name="text:extra 1" content="/" />
  95. <meta name="text:extra 2 titulo" content="extra"/>
  96. <meta name="text:extra 2" content="/" />
  97. <meta name="text:extra 3 titulo" content="extra"/>
  98. <meta name="text:extra 3" content="/" />
  99. <meta name="text:extra 4 titulo" content="extra"/>
  100. <meta name="text:extra 4" content="/" />
  101.  
  102. <meta name="text:facebook" content="http://facebook.com/user"/>
  103. <meta name="text:twitter" content="http://twitter.com/user"/>
  104. <meta name="text:instagram" content="http://instagram.com/user"/>
  105. <meta name="text:heart" content="http://weheartit.com/user"/>
  106.  
  107. <link rel="alternate"type="application/rss+xml"href="{RSS}">
  108. {block:description}
  109. <meta name="description" content="{Metadescription}"/>
  110. {/block:description}
  111.  
  112. <link href='https://fonts.googleapis.com/css?family=Amatic+SC:400,700|PT+Sans|Lora:700italic|Arvo|PT Sans|Lato:300,400|Roboto|Muli|Signika|Yantramanav|Istok+Web' rel='stylesheet' type='text/css'>
  113. <link href="https://fonts.googleapis.com/css?family=Halant" rel="stylesheet">
  114. <link href="https://fonts.googleapis.com/css?family=Catamaran|Dosis|Noto+Sans|Nunito|PT+Sans+Narrow" rel="stylesheet">
  115. <link href="https://fonts.googleapis.com/css?family=Comfortaa|Cookie|Dancing+Script|Dawning+of+a+New+Day|Homemade+Apple|Lobster+Two|Niconne|Nixie+One|Rochester|Rouge+Script|Sacramento|Satisfy" rel="stylesheet">
  116. <style type="text/css">
  117.  
  118. *html, body{width:100%;}
  119. body{background:{color:background}; color:{color:texto}; font-family:{select:fonte das postagens}; line-height:170%; {block:Ifpostagemjustificada}text-align:justify;{/block:Ifpostagemjustificada} -webkit-animation:Fade 10s; font-size:{text:tamanho das postagens}px; background-image:url('{image:background}'); background-attachment:fixed; {block:Ifnaorepetirbackground} background-attachment:fixed; background-repeat:no-repeat; background-position:center; -o-background-size:cover; -webkit-background-size:cover; {/block:Ifnaorepetirbackground}
  120. cursor:url('http://static.tumblr.com/5u1fog0/aaEn06fxx/cursor.png'), default!important;}
  121.  
  122. #middle{width:600px; {block:Ifduascolunas}width:740px;{/block:Ifduascolunas} {block:PermalinkPage}width:620px;{/block:PermalinkPage} position:relative; margin-left:auto; margin-right:auto; margin-top:0px; padding-bottom:20px; height:auto; overflow:hidden;}
  123.  
  124. #entry{margin-top:50px; margin-left:130px; {block:PermalinkPage}margin-left:50px;{/block:PermalinkPage} width:400px; {block:Ifduascolunas}width:600px; margin-left:120px;{/block:Ifduascolunas} {block:PermalinkPage}width:500px;{/block:PermalinkPage}}
  125.  
  126. .posts{margin:0 0 50px 50px; float:left; {block:IndexPage}width:400px;{block:Ifduascolunas}width:250px;{/block:Ifduascolunas} position:relative;{/block:IndexPage} {block:PermalinkPage}width:500px;{/block:PermalinkPage};}
  127. .box {position:relative;}
  128. .box img {display:block; max-width:100%;}
  129. .box iframe{max-width:100%;}
  130.  
  131. .box {position:relative;}
  132. .box img {display:block; max-width:100%;}
  133. .box iframe{max-width:100%;}
  134.  
  135. a{color:{color:texto}; text-decoration:none;}
  136. a:hover{color:{color:texto}; text-decoration:none; cursor:url('http://static.tumblr.com/5u1fog0/zJbn06fy8/cursor_hover.gif'), default!important;}
  137.  
  138. p{margin:6px 0 0 0}
  139. ul{list-style-type:circle;}
  140. hr{text-align:center; border:none; border-top:1px solid {color:bordas}; width:50px;}
  141. blockquote{margin:2px 5px 2px 5px; padding:1px 0 3px 6px; border-left:1px solid {color:blockquote};}
  142.  
  143. #social{position:fixed; float:left; left:50px; top:177px; z-index:999999999!important; {block:PermalinkPage}display:none;{/block:PermalinkPage}}
  144. #social a{margin:0 0 5px 0; display:block; text-align:left; color:{color:menu}; font-size:12px; text-shadow:1px 1px 1px {color:background}; transition:ease 1s;}
  145. #social a:hover{color:{color:titulo}; transition:ease 1s;}
  146. #social a:hover i{color:{color:menu}; transition:ease 1s;}
  147. #social i{color:{color:titulo}; padding-right:5px; transition:ease 1s;}
  148.  
  149. #up{position:fixed; left:50px; top:160px; background:{color:bordas}; width:20px; height:2px; {block:PermalinkPage}display:none;{/block:PermalinkPage}}
  150.  
  151. #s-m-t-tooltip{max-width:300px; margin:15px; padding:5px 5px; background:{color:background}; color:{color:texto}; z-index:999999; font-size:10px; letter-spacing:1.3px; font-family:PT Sans; text-transform:uppercase;}
  152.  
  153. {block:Ifcontrolescustomizados}
  154. #tumblr_controls,.tmblr-iframe--desktop-logged-in-controls,.iframe-controls--desktop{position:fixed!important; -webkit-filter:invert(100%); margin-right:5px!important; display:none; margin-top:0px; opacity:0.4; text-transform:none; {block:PermalinkPage}display:inline-block; margin-right:65px!important;{/block:PermalinkPage} z-index:99999999999999999999999!important;}
  155. {block:PermalinkPage}
  156. .tmblr-iframe--desktop-logged-in-controls,.iframe-controls--desktop, .lcredit.icon.theme{position:fixed!important;-webkit-filter:invert(100%);opacity:0.4; top:5px!important; margin-right:3px;text-transform:none;display:inline-block;}
  157. {/block:PermalinkPage}
  158.  
  159. #controls{position:fixed; float:left; left:50px; top:50px; z-index:999999999!important; {block:PermalinkPage}display:none;{/block:PermalinkPage}}
  160. #controls a{margin:0 0 5px 0; display:block; text-align:left; color:{color:menu}; font-size:12px; text-shadow:1px 1px 1px {color:background}; transition:ease 1s;}
  161. #controls a:hover{color:{color:titulo}; transition:ease 1s;}
  162. #controls a:hover i{color:{color:menu}; transition:ease 1s;}
  163. #controls i{color:{color:titulo}; padding-right:5px; transition:ease 1s;}
  164. {/block:Ifcontrolescustomizados}
  165.  
  166. {block:Ifnotcontrolescustomizados}
  167. #tumblr_controls,.tmblr-iframe--desktop-logged-in-controls,.iframe-controls--desktop{position:fixed!important; -webkit-filter:invert(100%)!important; margin-right:65px!important; opacity:0.4!important; margin-top:0px!important; text-transform:none; display:inline-block; z-index:9999999999999!important;}
  168. #tumblr_controls,.tmblr-iframe--desktop-logged-in-controls,.iframe-controls--desktop, .lcredit.icon.theme{position:fixed!important;-webkit-filter:invert(100%);opacity:0.4; top:5px!important; margin-right:3px; text-transform:none; display:inline-block;}
  169. {/block:Ifnotcontrolescustomizados}
  170.  
  171. .chat ul{padding:0px 0px 0px 0px; margin:0px;}
  172. .chat li{margin-bottom:1px; padding:10px; list-style-type:none;}
  173. .chat li.odd{border-left:1px solid {color:bordas}; transition:.5s;}
  174. .chat li.even{border-right:1px solid {color:bordas}; transition:.5s;}
  175. span.chats{color:{color:texto}; font-size:10px; font-family:PT Sans; letter-spacing:1.3px; text-transform:uppercase;}
  176. .chat ul:hover li.odd{border-left:none; border-right:1px solid {color:bordas}; transition:.5s;}
  177. .chat ul:hover li.even{border-right:none; border-left:1px solid{color:bordas}; transition:.5s;}
  178.  
  179. .base{border-radius:5px; padding:0px; overflow:hidden; float:left; position:relative; {block:indexpage}width:500px;{/block:indexpage} {block:PermalinkPage}width:500px;{/block:PermalinkPage};}
  180. #permalink{width:500px; font-size:10px; font-family:PT Sans; text-transform:uppercase; padding-bottom:5px; margin-left:0px; margin-top:0px; line-height:160%;}
  181. aside.permalink_page {margin-top:30px; margin-bottom:60px;}
  182. ol.notes li.note img.avatar {display:none!important;}
  183. ol.notes {list-style-type:none; margin:0;}
  184. ol.notes li.note{display:block; margin-bottom:5px; padding:5px; margin-left:-35px;}
  185. li.note:nth-child(odd) {background:{color:bordas};}
  186. li.note{font-size:8px; letter-spacing:1px; text-transform:uppercase; position:relative;}
  187.  
  188. #permatext{opacity:0; left:0px; bottom:-18px; width:400px; {block:Ifduascolunas}width:250px;{/block:Ifduascolunas} font-family:PT Sans; position:absolute; text-align:right; height:20px; line-height:20px; -webkit-transition:all 1s linear; -moz-transition:all 1s linear; -ms-transition:all 1s linear; -o-transition:all 1s linear; transition:all 1s linear;}
  189. #permatext a{color:{color:texto}; text-transform:uppercase; font-size:10px; letter-spacing:1px;}
  190. .posts:hover #permatext{opacity:1;}
  191.  
  192. .perma{position:absolute; top:0px; left:0px; width:100%; height:100%; -webkit-transition:opacity 0.5s; opacity:0; background:{color:background}; padding:0; transition:1s ease;}
  193. .perma:hover{opacity:.85;}
  194.  
  195. .p_base{position:absolute; margin:0; padding:0; top:0; left:0; width:400px; height:70px; list-style:none; overflow:hidden;}
  196. .p_base a{color:{color:texto}; text-align:left; display:inline-block; width:100%; height:100%; text-decoration:none; font-family:30px;}
  197. .p_base.style3{top:0%; left:0%; width:100%; height:100%;}
  198.  
  199. .perma:hover #p1{left:10%; transition:1s ease;}
  200. .perma:hover #p2{left:10%; transition:1.7s ease;}
  201. .perma:hover img{-webkit-filter:grayscale(100%); transition:All 1s ease;}
  202.  
  203. #p1{position:absolute; bottom:80px; left:25%; opacity:1; z-index:99; font-family:{select:fonte do titulo}; font-size:20px; transition:1s ease;}
  204. #p1 a{margin:0px; color:{color:negrito}; letter-spacing:.5px; text-shadow:1px 1px 1px {color:bordas};}
  205.  
  206. #p2{position:absolute; bottom:55px; left:35%; opacity:1; z-index:99; font-family:Pt Sans; text-transform:uppercase; font-size:10.4px; transition:1.7s ease;}
  207. #p2 a{display:inline; letter-spacing:2px; color:{color:texto};}
  208.  
  209. #sidebar{position:fixed; bottom:50px; right:50px; text-align:right; width:230px; -webkit-transition:all 0.5s; -moz-transition:all 0.5s; -ms-transition:all 0.5s; -o-transition:all 0.5s; transition:all 0.5s;}
  210.  
  211. #title{font-size:{text:tamanho do subtitulo}px; letter-spacing:1px; font-family:{select:fonte do titulo}; -webkit-transition:all 0.5s; -moz-transition:all 0.5s; -ms-transition:all 0.5s; -o-transition:all 0.5s; transition:all 0.5s;}
  212. #title a{color:{color:titulo};}
  213.  
  214. #links{margin-top:5px; margin-bottom:0px; -webkit-transition:all 0.5s; -moz-transition:all 0.5s; -ms-transition:all 0.5s; -o-transition:all 0.5s; transition:all 0.5s;}
  215. #links a{margin:0 0 0 5px; text-transform:uppercase; font-size:10px; letter-spacing:1px; font-family:PT Sans; margin-right:0px!important; color:{color:menu};}
  216. #links:hover #links a, #links:hover a{opacity:0.7;-webkit-transition:all 0.5s; -moz-transition:all 0.5s; -ms-transition:all 0.5s; -o-transition:all 0.5s; transition:all 0.5s;}
  217. #links a:hover{opacity:1;}
  218.  
  219. #extra{margin-top:0px; margin-bottom:0px; display:none; -webkit-transition:all 0.5s; -moz-transition:all 0.5s; -ms-transition:all 0.5s; -o-transition:all 0.5s; transition:all 0.5s;}
  220. #extra a{margin:0 0 0 5px; text-transform:uppercase; font-size:10px; letter-spacing:1px; font-family:PT Sans; margin-right:0px!important; color:{color:menu};}
  221. #extra:hover #extra a, #extra:hover a{opacity:0.7;-webkit-transition:all 0.5s; -moz-transition:all 0.5s; -ms-transition:all 0.5s; -o-transition:all 0.5s; transition:all 0.5s;}
  222. #extra a:hover{opacity:1;}
  223. #extra.scrolled{display:inline-block; -webkit-transition:all 0.5s; -moz-transition:all 0.5s; -ms-transition:all 0.5s; -o-transition:all 0.5s; transition:all 0.5s;}
  224.  
  225. .quote{font-family:{select:fonte das postagens}; line-height:160%; {block:Ifpostagemjustificada}text-align:justify;{/block:Ifpostagemjustificada} font-size:{text:tamanho das postagens}px;}
  226. .qsource{text-align:left; margin-top:3px; font-family:PT Sans; letter-spacing:1.5px; text-transform:uppercase; font-size:10px;}
  227.  
  228. .ask{text-align:left; overflow:hidden; border-bottom:1px solid {color:bordas}; padding-bottom:15px;}
  229. #quem{margin-top:-18px; padding:7px; text-transform:uppercase; letter-spacing:1px; font-family:Pt sans; font-size:10px; text-align:center; color:{color:menu}}
  230. #quem a{color:{color:menu}}
  231. #quem simb1,simb2{color:{color:bordas}; font-size:15px;}
  232. #quem simb1{padding-right:5px;}
  233. #quem simb2{padding-left:5px;}
  234. #quem tudo{background:{color:background}}
  235. .ans{margin-top:-9px; text-align:left; overflow:hidden;}
  236. .ans img{max-width:100%;}
  237.  
  238. .album{background-repeat: no-repeat; background-position: center; position: absolute; width:86px; height:86px; background-size:60px; overflow:hidden;}
  239. .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;}
  240. .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;}
  241. .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;}
  242. .player:hover {opacity:1;}
  243. .track{margin-left:90px; overflow:auto; min-height:80px; max-height:100px; font-family:PT Sans; font-size:10px; padding:3px; text-transform:uppercase; letter-spacing:.5px;}
  244.  
  245. #fundopopup{display:none; opacity:0.9; background:{color:background}; position:fixed; left:0; top:0; width:100%; height:100%; z-index:999999;}
  246. .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;}
  247. img.btn_botaodeclose{float:right;margin: -55px -55px 0 0;}
  248. *html #fundopopup{position:absolute;}
  249. *html .caixapopup{position:absolute;}
  250.  
  251. {block:Ifefeitosepia}
  252. 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;}
  253. 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;}
  254. .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;}
  255. .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;}
  256. {/block:Ifefeitosepia}
  257.  
  258. {block:Ifefeitohuerotate}
  259. 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;}
  260. .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;}
  261. .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;}
  262. {/block:Ifefeitohuerotate}
  263.  
  264. {block:Ifefeitobrightness}
  265. 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;}
  266. 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;}
  267. .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;}
  268. .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;}
  269. {/block:Ifefeitobrightness}
  270.  
  271. {block:Ifefeitocontraste}
  272. 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;}
  273. 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;}
  274. .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;}
  275. .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;}
  276. {/block:Ifefeitocontraste}
  277.  
  278. {block:Ifefeitofade}
  279. img{opacity:0.7;-webkit-transition:all 0.9s linear; -moz-transition:all 0.9s linear; -webkit-filter:grayscale(10%);}
  280. 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;}
  281. .photoset{opacity:0.7;-webkit-transition:all 0.9s linear; -moz-transition:all 0.9s linear; -webkit-filter:grayscale(10%);}
  282. .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;}
  283. {/block:Ifefeitofade}
  284.  
  285. {block:Ifefeitobrancoepreto}
  286. img{-webkit-filter: grayscale(100%); transition:All 1s ease; -webkit-transition:All 1s ease; -moz-transition:All 1s ease; -o-transition:All 1s ease;}
  287. img:hover{-webkit-filter: grayscale(0%); transition:All 1s ease; -webkit-transition:All 1s ease; -moz-transition:All 1s ease;
  288. -o-transition:All 1s ease;}
  289. .photoset{-webkit-filter: grayscale(100%); transition:All 1s ease; -webkit-transition:All 1s ease; -moz-transition:All 1s ease; -o-transition:All 1s ease;}
  290. .photoset:hover{-webkit-filter: grayscale(0%); transition:All 1s ease; -webkit-transition:All 1s ease; -moz-transition:All 1s ease;
  291. -o-transition:All 1s ease;}
  292. {/block:Ifefeitobrancoepreto}
  293.  
  294. {block:Ifefeitovintage}
  295. img{-webkit-filter:grayscale.500; -webkit-filter: grayscale(40%); transition:all 1s ease;}
  296. img:hover{-webkit-filter:grayscale(0);}
  297. .photoset {-webkit-filter:grayscale.500; -webkit-filter: grayscale(40%); transition:all 1s ease;}
  298. .photoset:hover{-webkit-filter:grayscale(0);}
  299. {/block:Ifefeitovintage}
  300.  
  301. b, strong{color:{color:negrito};}
  302. i, em{color:{color:negrito}; font-family:'Lora', serif;}
  303. s{color:{color:negrito};}
  304. u{border-bottom:{color:negrito}; color:{color:negrito};}
  305. a:link,a:active,a:visited{color:{color:links}; -webkit-transition-duration: .90s;} a:hover{color:{color:links hover};} .vsanna{display:none;}
  306.  
  307. #scrollToTop:link,#scrollToTop:visited{position:fixed; display:none; bottom:50px; left:70px; opacity:.4;}
  308.  
  309. #infscr-loading{position:absolute!important; width:5px!important; height:auto!important; margin-bottom:-16px!important; top:auto!important; bottom:0; left:45%!important; padding-bottom:5px; padding-top:10px; -webkit-filter:grayscale(100%);}
  310.  
  311. #infscr-loading img{width:30px!important;}
  312.  
  313. ::selection{background:{color:selecao}; color:{color:negrito};}
  314. ::-moz-selection{background:{color:selecao}; color:{color:negrito};}
  315. @-webkit-keyframes Fade{0%{opacity:0;} 100%{opacity:1;}}
  316.  
  317. ::-webkit-scrollbar{height:1px; width:5px; background:transparent;}
  318. ::-webkit-scrollbar-thumb{background:{color:scrollbar};}
  319.  
  320. </style>
  321. </head>
  322. <body>
  323.  
  324.  
  325. {block:Ifcontrolescustomizados}
  326. <div id="controls">
  327. <a href="https://www.tumblr.com/message/{name}" target="_blank"><i class="oi-chat"></i> chatbox</a>
  328. <a href="http://tumblr.com/follow/{name}"><i class="oi-user"></i> follow</a>
  329. <a href="https://www.tumblr.com/dashboard"><i class="oi-grid"></i> dashboard</a>
  330. <a href="http://clamam.tumblr.com/" target="_blank"><i class="oi-support"></i> créditos</a>
  331. </div>
  332. {block:PermalinkPage}
  333. <a class="lcredit icon theme" href="http://clamam.tumblr.com" target="_blank">Theme</a>
  334. {/block:PermalinkPage}
  335. {/block:Ifcontrolescustomizados}
  336.  
  337. {block:Ifnotcontrolescustomizados}
  338. <a class="lcredit icon theme" href="http://clamam.tumblr.com" target="_blank">Theme</a>
  339. {/block:Ifnotcontrolescustomizados}
  340.  
  341. {block:Ifredessociais}
  342. <div id="up"></div>
  343. <div id="social">
  344. <a href="{text:facebook}" target="_blank"><i class="oi-facebook"></i> facebook</a>
  345. <a href="{text:twitter}" target="_blank"><i class="oi-twitter"></i> twitter</a>
  346. <a href="{text:instagram}" target="_blank"><i class="fa fa-instagram"></i> instagram</a>
  347. <a href="{text:heart}" target="_blank"><i class="oi-heart"></i> heart</a>
  348. </div>
  349. {/block:Ifredessociais}
  350.  
  351. <div id="middle">
  352.  
  353. <div id="sidebar">
  354. <div id="title"><a href="/">{text:subtitulo}</a></div>
  355. <div id="links">
  356. <a href="{text:Link 1}">{text:Link 1 Titulo}</a>
  357. <a href="{text:Link 2}">{text:Link 2 Titulo}</a>
  358. <a href="{text:Link 3}">{text:Link 3 Titulo}</a>
  359. <a href="{text:Link 4}">{text:Link 4 Titulo}</a>
  360. </div>
  361. <div id="extra">
  362. <a href="{text:Extra 1}">{text:Extra 1 Titulo}</a>
  363. <a href="{text:Extra 2}">{text:Extra 2 Titulo}</a>
  364. <a href="{text:Extra 3}">{text:Extra 3 Titulo}</a>
  365. <a href="{text:Extra 4}">{text:Extra 4 Titulo}</a>
  366. </div>
  367. <div id="descri">{description}</div>
  368. </div>
  369.  
  370. <div id="entry">
  371.  
  372. {block:Posts}
  373. <div class="posts">
  374.  
  375. {block:Text}
  376. {block:Title}<div style="font-family:PT Sans; letter-spacing:1.3px; text-transform:uppercase; text-align:left; font-size:11px; font-weight:bold; color:{color:negrito};">{Title}</div>
  377. {/block:Title}{Body}
  378. {block:IndexPage}
  379. <div id="permatext">
  380. <a href="{Permalink}">{NoteCount}</a>,
  381. <a href="{ReblogURL}" target="_blank">reblogar</a>
  382. </div>
  383. {/block:IndexPage}
  384. {/block:Text}
  385.  
  386. {block:Photo}
  387. {block:IndexPage}
  388. <div class="box">
  389. <img src="{PhotoURL-500}" alt="{PhotoAlt}" width="100%"/>
  390. <div class="perma">
  391. <ul class="p_base style3">
  392. <div id="p1"><a href="{Permalink}" target="_blank">{timeago}</a></div>
  393. <div id="p2"><a>{notecountwithlabel}</a> ○ &nbsp;<a href="{ReblogURL}" target="_blank">reblog</a></div>
  394. </ul>
  395. </div>
  396. </div>
  397. {/block:IndexPage}
  398. {block:PermalinkPage}{LinkOpenTag}<img src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="500"/>{LinkCloseTag}{/block:PermalinkPage}
  399. {/block:Photo}
  400.  
  401. {block:Photoset}
  402. {block:IndexPage}
  403. <div class="box">
  404. {Photoset-500}
  405. <div class="perma">
  406. <ul class="p_base style3">
  407. <div id="p1"><a href="{Permalink}" target="_blank">{timeago}</a></div>
  408. <div id="p2"><a>{notecountwithlabel}</a> ○ &nbsp;<a href="{ReblogURL}" target="_blank">reblog</a></div>
  409. </ul>
  410. </div>
  411. </div>
  412. {/block:IndexPage}
  413. {block:PermalinkPage}<center>{Photoset-500}</center>{/block:PermalinkPage}
  414. {/block:Photoset}
  415.  
  416. {block:Quote}
  417. <div class="quote">{Quote}</div>
  418. {block:Source}
  419. <div class="qsource">{Source}</div>
  420. {/block:Source}
  421. {block:IndexPage}
  422. <div id="permatext">
  423. <a href="{Permalink}">{NoteCount}</a>,
  424. <a href="{ReblogURL}" target="_blank">reblogar</a>
  425. </div>
  426. {/block:IndexPage}
  427. {/block:Quote}
  428.  
  429. {block:Link}
  430. <div style="font-family:PT Sans; letter-spacing:1.3px; text-transform:uppercase; text-align:left; font-size:11px; font-weight:bold; color:{color:negrito};"><a href="{URL}" {Target}>{Name}</a></div>
  431. {block:description}{description}{/block:description}
  432. {block:IndexPage}
  433. <div id="permatext">
  434. <a href="{Permalink}">{NoteCount}</a>,
  435. <a href="{ReblogURL}" target="_blank">reblogar</a>
  436. </div>
  437. {/block:IndexPage}
  438. {/block:Link}
  439.  
  440. {Block:chat}
  441. {block:Title}<div style="font-family:PT Sans; letter-spacing:1.3px; text-transform:uppercase; text-align:left; font-size:11px; font-weight:bold; color:{color:negrito};">{Title}</div>{/block:Title}
  442. <div class="chat">
  443. <ul>
  444. {block:Lines}
  445. <li class="{Alt} u{UserNumber}">{block:Label}<span class="chats">{Label}</span>{/block:Label} {Line}</li>
  446. {/block:Lines}
  447. </ul>
  448. </div>
  449. {block:IndexPage}
  450. <div id="permatext">
  451. <a href="{Permalink}">{NoteCount}</a>,
  452. <a href="{ReblogURL}" target="_blank">reblogar</a>
  453. </div>
  454. {/block:IndexPage}
  455. {/block:chat}
  456.  
  457. {block:Audio}
  458. <div class="album">{block:AudioPlayer}<div class="player">{AudioPlayerWhite}</div>{/block:AudioPlayer}
  459. {block:AlbumArt}{block:IndexPage}<img src="{AlbumArtURL}">{/block:IndexPage}{block:PermalinkPage}<img src="{AlbumArtURL}">{/block:PermalinkPage}{/block:AlbumArt}</div>
  460. <div class="track">
  461. <b>Faixa:</b> {block:TrackName}{TrackName}{/block:TrackName}
  462. <br><b>Artista:</b> {block:Artist}{Artist}{/block:Artist}
  463. <br><b>Albúm:</b> {block:Album} {Album}{/block:Album}
  464. <br><b>Reproduções:</b> {FormattedPlayCount}
  465. </div>
  466. {block:IndexPage}
  467. <div id="permatext">
  468. <a href="{Permalink}">{NoteCount}</a>,
  469. <a href="{ReblogURL}" target="_blank">reblogar</a>
  470. </div>
  471. {/block:IndexPage}
  472. {/block:Audio}
  473.  
  474. {block:Video}
  475. {block:IndexPage}<div class="box">{Video-250}</div>{/block:IndexPage}
  476. {block:PermalinkPage}<center>{Video-500}</center>{/block:PermalinkPage}
  477. {block:IndexPage}
  478. <div id="permatext">
  479. <a href="{Permalink}">{NoteCount}</a>,
  480. <a href="{ReblogURL}" target="_blank">reblogar</a>
  481. </div>
  482. {/block:IndexPage}
  483. {/block:Video}
  484.  
  485. {block:Answer}
  486. <div class="ask">{Question}</div>
  487. <div id="quem"><tudo><simb1>[</simb1> questionou {asker} <simb2>]</simb2></tudo></div>
  488. <div class="ans">{Answer}</div>
  489. {block:IndexPage}
  490. <div id="permatext">
  491. <a href="{Permalink}">{NoteCount}</a>,
  492. <a href="/ask" target="_blank">contate-me</a>
  493. </div>
  494. {/block:IndexPage}
  495. {/block:Answer}
  496.  
  497. <div class="vsanna">
  498. {block:RebloggedFrom}<a href="{ReblogParentURL}">via</a>{/block:RebloggedFrom}
  499. {block:ContentSource}<a href="{SourceURL}">source</a>{/block:ContentSource}</div>
  500. {/block:RebloggedFrom}
  501. </div>
  502. {block:PostNotes}
  503. {block:PermalinkPage}
  504.  
  505. <div class="posts">
  506. <div class="base">
  507. {block:Date}
  508. <div id="permalink">
  509. Publicado em {DayOfMonth} de {Month} de {Year}, com {NoteCountWithLabel}, às {12hour}:{minutes}{ampm}.
  510. </div>
  511. {/block:Date}
  512.  
  513. {block:RebloggedFrom}
  514. <div id="permalink">
  515. Compartilhado de <a href="{ReblogParentURL}"target="_blank">{ReblogParentName}</a>, original de {block:ContentSource}<a href="{SourceURL}" target=blank>{SourceTitle}</a>{/block:ContentSource}.</div>
  516.  
  517. <div id="permalink">
  518. <a codigopopup="#Aw=500" abrir="notes" class="janela">Clique aqui para ver as informes!</a></div>
  519. {/block:RebloggedFrom}
  520. {/block:PermalinkPage}
  521. <div id="notes" class="caixapopup">{PostNotes}</div></div>
  522. {/block:PostNotes}
  523. {/block:Posts}
  524.  
  525. {block:IndexPage}
  526. <div class="column navigation" id="navigation">
  527. {block:Pagination}
  528. {block:PreviousPage}
  529. <a href="{PreviousPage}" class="navigate">
  530. {/block:PreviousPage}
  531. {block:PreviousPage}</a>
  532. {/block:PreviousPage}
  533. {block:NextPage}
  534. <a href="{NextPage}" class="navigate" id="nextPage">
  535. {/block:NextPage}
  536. {block:NextPage}</a>{/block:NextPage}
  537. {/block:Pagination}
  538. </div>
  539. {/block:IndexPage}
  540.  
  541. </div></div>
  542. </div></div></div>
  543. </body>
  544.  
  545. {block:Ifbotaodeiraotopo}
  546. <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>
  547. <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>
  548. {/block:Ifbotaodeiraotopo}
  549.  
  550. {block:Ifneve}
  551. <script src="http://static.tumblr.com/8l2gpxb/Apwlulgho/snowstorm2.js"></script>
  552. {/block:Ifneve}
  553.  
  554. <script src="http://goo.gl/y7lY8A"></script>
  555. <link rel="stylesheet" type="text/css" href="http://goo.gl/F6c7pZ">
  556. <link rel="stylesheet" type="text/css" href="http://goo.gl/a5mt2U">
  557. <link rel="stylesheet" type="text/css" href="https://assets.tumblr.com/fonts/typewriterfs/stylesheet.css">
  558. <link rel="stylesheet" type="text/css" href="https://dl.dropboxusercontent.com/s/33sakshawgsp033/UNIICONS-ADJ.css?dl=0">
  559. <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
  560. <link href='http://static.tumblr.com/8pnyeus/sXxofi7lt/outicons.css' rel='stylesheet' type='text/css'>
  561. <link rel="stylesheet" type="text/css" href="http://static.tumblr.com/5u1fog0/Jbxnhk8nn/lcredit.css">
  562. <link rel="stylesheet" href="http://static.tumblr.com/rkx3jqs/EQgo3gayp/stylesheet.css">
  563. <script type="text/javascript" src="http://goo.gl/ukJ2Cf"></script>
  564. <script type="text/javascript" src="http://goo.gl/R2zQCK"></script>
  565. <script type="text/javascript" src="http://goo.gl/AGLNrG"></script>
  566. <script type="text/javascript" src="http://goo.gl/KEk7xO"></script>
  567.  
  568. <script>(function($){$(document).ready(function(){$("[title]").style_my_tooltips({tip_follows_cursor:true,tip_delay_time:200,tip_fade_speed:300});});})(jQuery);</script><script>$(document).ready(function (){ $(window).scroll(function () {if ($(document).scrollTop() > 100) {$("#extra").addClass("scrolled");} else {$("#extra").removeClass("scrolled");}});});</script><script language="javascript">function clickIE() {if (document.all) {(mensagem);return false;}}function clickNS(e) {if (document.layers||(document.getElementById&&!document.all)) {if (e.which==2||e.which==3) {alert(mensagem);return false;}}}if (document.layers){document.captureEvents(Event.MOUSEDOWN);document.onmousedown=clickNS;}else{document.onmouseup=clickNS;document.oncontextgabi3=clickIE;}
  569. document.oncontextgabi3=new Function("return false")</script>
  570. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
  571. <script type="text/javascript"src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  572. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"></script>
  573. <script src="http://static.tumblr.com/wgijwsy/u2vm2hxv6/jquery.infinitescroll.min.js"></script>
  574. <script src="http://static.tumblr.com/6hsqxdt/QBym35odk/jquery.masonry.js"></script>
  575. <script src="http://static.tumblr.com/qudkd6d/Az6nkemqr/pxuphotoset.min.js"></script>
  576. <link href="http://static.tumblr.com/qudkd6d/OcDnl99gb/style.css" rel="stylesheet" type="text/css"/>
  577. <link href="https://pipdigz.co.uk/fonts/4ug0weru490jeru1gd034s0r/style.css" rel="stylesheet" type="text/css"/>
  578.  
  579. <script>$(function(){
  580. var $container = $('#entry');
  581. $container.imagesLoaded(function(){
  582. $container.masonry({
  583. itemSelector: '.posts',
  584. columnWidth: 0
  585. });
  586. });
  587. $container.infinitescroll({
  588. navSelector : "div#navigation",
  589. nextSelector : "div#navigation a#nextPage",
  590. itemSelector : '.posts',
  591. loadingImg : "http://i.imgur.com/hS1U2T5.gif",
  592. loadingText : " ",
  593. loading: {
  594. finishedMsg: ' ',
  595. img: 'http://i.imgur.com/hS1U2T5.gif'
  596. }
  597. },
  598. function( newElements ) {
  599. var $newElems = $( newElements ).css({ opacity: 0 });
  600. $newElems.imagesLoaded(function(){
  601. $newElems.animate({ opacity: 1 });
  602. $container.masonry( 'appended', $newElems, true );
  603. });
  604. }
  605. );
  606.  
  607. });
  608. </script>
  609. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement