API tools faq
paste
diariodeumjudas

Theme 44

diariodeumjudas
Mar 12th, 2013
88
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 34.89 KB | None | 0 0
raw download clone embed print report
  1. <html xmlns="http://www.w3.org/1999/xhtml"><link rel='stylesheet' type='text/css' href='http://fonts.googleapis.com/css?family=Lovers+Quarrel:regular:latin'><link href='http://fonts.googleapis.com/css?family=Yanone+Kaffeesatz' rel='stylesheet' type='text/css'>
  2.  
  3. <link href='http://fonts.googleapis.com/css?family=Alex+Brush' rel='stylesheet' type='text/css'>
  4.  
  5. <link href='http://fonts.googleapis.com/css?family=Grand+Hotel' rel='stylesheet' type='text/css'><script type="text/javascript" src="http://static.tumblr.com/8yo5xxv/YnTm5op3n/like.js"></script>
  6. <iframe id="likeiframe" style="width: 1px; height: 1px;"></iframe>
  7. <head profile="http://gmpg.org/xfn/11">
  8. <script type="text/javascript"
  9. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  10. <script src="http://static.tumblr.com/ikeq9mi/DfYl6o46t/scrolltotop.min.js"></script><script src="http://static.tumblr.com/ikeq9mi/DfYl6o46t/scrolltotop.min.js"></script>
  11. <script type="text/javascript" src="http://static.tumblr.com/q0etgkr/mFbkoqlkr/tumblrautopager.js"></script>
  12.  
  13. <title>{title}</title>
  14. <link rel="shortcut icon" href="{favicon}" />
  15. <meta name="if: 2 colunas" content="0"/>
  16. <meta name="if: 3 colunas" content="0"/>
  17. <meta name="if: 4 colunas" content="1"/>
  18. <meta name="if:Rolagem Infinita" content="0"/>
  19. <meta name="color:backgroundtheme" content="#eee"/>
  20. <meta name="color:letras" content="#000"/>
  21. <meta name="color:title" content="#fff"/>
  22. <meta name="color:extras" content="#9A9EA9"/>
  23. <meta name="color:frase" content="#fff" />
  24. <meta name="color:ask" content="#cddeec"/>
  25. <meta name="color:askcolor" content="#fff"/>
  26. <meta name="color:scroll" content="#9AB0A8"/>
  27. <meta name="color:links" content="#777" />
  28. <meta name="color:chat1" content="#cddeec"/>
  29. <meta name="color:chat2" content="#b4c3cf"/>
  30. <meta name="color:chatcolor" content="#fff"/>
  31. <meta name="color:negrito" content="#eee"/>
  32. <meta name="color:linkbg" content="#eee"/>
  33. <meta name="color:descricolor" content="#eee"/>
  34. <meta name="color:borda" content="#eee"/>
  35. <meta name="color:page" content="#eeeeee" />
  36. <meta name="text:frase" content="Troque no appearence" />
  37. <meta name="image:bgtheme" content="http://static.tumblr.com/zvqacv0/DMVmf1108/galaxy.png"/>
  38. <meta name="image:imagem" content="http://static.tumblr.com/zvqacv0/DMVmf1108/galaxy.png"/>
  39.  
  40. <meta name="text:link1" content="/" />
  41. <meta name="text:Link1 Title" content="link" />
  42. <meta name="text:Link2" content="/" />
  43. <meta name="text:Link2 Title" content="link" />
  44. <meta name="text:Link3" content="/" />
  45. <meta name="text:Link3 Title" content="link" />
  46. <meta name="text:Link4" content="/" />
  47. <meta name="text:Link4 Title" content="link" />
  48. <meta name="text:Link5" content="/" />
  49. <meta name="text:Link5 Title" content="link" />
  50. <meta name="text:Link6" content="/" />
  51. <meta name="text:Link6 Title" content="link" />
  52. <meta name="text:Link7" content="/" />
  53. <meta name="text:Link7 Title" content="link" />
  54.  
  55.  
  56. </head>
  57.  
  58.  
  59. <style type="text/css">
  60.  
  61. /****************** FORMATAÇÃO DO SCROLLBAR **/
  62.  
  63. ::-webkit-scrollbar-thumb:vertical {background-color:{color:scroll};;height:50px; border:5px solid {color:backgroundtheme};}
  64. ::-webkit-scrollbar-button:vertical {height:8px;display: block; background:{color:scroll};;}
  65. ::-webkit-scrollbar {height:0px;width:12px;background-color:{color:backgroundtheme};}
  66.  
  67.  
  68. /***************** PERSONALIZAÇÃO DO CORPO/ FUNDO **/
  69. body{background: {color:backgroundtheme} Url('{image:bgtheme}');color:{color:letras}; font:normal 10px 'Lucida Grande',Verdana,sans-serif; background-attachment:fixed; background-repeat:no-repeat; background-position: right;}
  70.  
  71. /********* SELEÇÃO COLORIDA *************/
  72. ::-moz-selection
  73. {
  74. background: {color:backgroundtheme};
  75. color: {color:letras};
  76. }
  77. ::selection
  78. {
  79. background: {color:backgroundtheme};
  80. color: {color:letras};
  81. }
  82. .imageside{margin-left:px;width:230px; height:244px; }
  83.  
  84.  
  85.  
  86. .likep a:hover {
  87. background-position: 0px 0px;
  88. }
  89. .likep a {
  90. background: url("http://static.tumblr.com/8yo5xxv/hDOm5ooyh/heart.png") no-repeat;width: 21px;
  91. height: 20px;
  92. background-position: 0px 0px;
  93. z-index: 9999999;
  94. -webkit-transition: all 0s linear;
  95. -moz-transition: all 0s linear;
  96. transition: all 0s linear;
  97. margin-top: -27px;
  98. margin-left: 22px;
  99. display: inline-block;
  100. position: absolute;}
  101. .likep img {
  102. width: 21px;
  103. height: 20px;
  104. webkit-transition: all 0.2s linear;
  105. -webkit-transition: all 0.2s linear;
  106. -moz-transition: all 0.2s linear;
  107. transition: all 0.2s linear;}
  108. #likeiframe {
  109. display: none;
  110. }
  111.  
  112. /***BOXNOTES Simone (cerejadosundae)***/
  113. .posts .boxnotes2 {z-index: 11;width:250px;
  114. margin-left:15px; width:auto;padding:1px;
  115. text-align: left; border-radius:4px;
  116. position: absolute;bottom: 5px; text-transform:uppercase;
  117. line-height: 25px; font-family:verdana;font-size:18px;opacity: 0;
  118. -webkit-transition: all 0.4s ease;-moz-transition: all 0.5s ease;
  119. -o-transition: all 0.5s ease;transition: all 0.5s ease;}
  120.  
  121. .posts:hover .boxnotes2 {opacity: 1;margin-top:5px; }
  122. .boxnotes2 img{margin:1px;}
  123.  
  124. /***BOXNOTES Simone (cerejadosundae)***/
  125. .posts .boxnotesm {z-index: 11;width:250px;background: rgba(0, 0, 0, 0.5);
  126. left:64px; width:auto;padding:3px;height:14px;
  127. text-align: left; border-radius:2px;
  128. position: absolute;bottom: 13px; text-transform:uppercase;
  129. line-height: 15px; font-family:arial;font-weight:bold;font-size:9px;opacity: 0;
  130. -webkit-transition: all 0.4s ease;-moz-transition: all 0.5s ease;
  131. -o-transition: all 0.5s ease;transition: all 0.5s ease;}
  132. .posts .boxnotesm a {color:#fff;text-shadow: 1px 1px 2px #000;}
  133. .posts:hover .boxnotesm {opacity: 1; }
  134.  
  135.  
  136.  
  137. /* QUOTE */
  138. #aspas{
  139. position:absolute;
  140. margin-left:3px;
  141. margin-top:-10px;
  142. font-size:60px;
  143. opacity:0.3;
  144. color: {color:extras};}
  145. .quote:first-letter{font-family: georgia; font-size: 20px;line-height:12px;}
  146. .quote {margin: 0; padding: 5px; font: normal 11px 'tahoma'; text-align: justify;margin-top:10px;}
  147. .qsource { text-align:left;font-family:calibri; font-size:10px; margin-top: 0px;margin-bottom:1px;text-transform:uppercase;font-weight: bold;}
  148.  
  149.  
  150. /***Back to top***/
  151. #scrollToTop:link,#scrollToTop:visited { color: transparent; background-color: transparent; display: none; position: fixed; right: 0px;font-size:30px;}
  152.  
  153. /***Bordas***/
  154. .bordasm{width:210px;-webkit-transition: all 0.5s;margin-bottom:0px;}
  155. .borda {border:2px solid transparent; -webkit-transition-duration: .99s; }
  156. .borda:hover{ -webkit-filter: grayscale(0%);
  157. -moz-filter: grayscale(0%);
  158. -ms-filter: grayscale(0%);
  159. -o-filter: grayscale(0%);
  160.  
  161. padding : 3px;background-color:transparent;-webkit-transition: all 1.0s ease-out; -moz-transition: all 1.0s ease-out;
  162.  
  163. border-radius:0px;opacity:1;}
  164.  
  165. .bordita{margin-left:1px;margin-top:10px;-webkit-filter: grayscale(80%);-webkit-transition-duration: .99s; }
  166. .bordita:hover{-webkit-filter: grayscale(00%);opacity:1;}
  167.  
  168. /***Sidebars***/
  169. .sidebar{margin-top:-15px;padding-top: 20px;opacity:1; color:{color:descripcolor};width:500px;margin-left:-10px;}
  170. .sidebarr{width:600px;opacity:1; }
  171. /***Centralização do theme***/
  172. #total{width:100%;margin-top:0px;}
  173. #sidebar {width:100%;top: 0px;;padding-bottom: 0px;z-index: 100; display: block;text-align: center;;margin-left:0px;-webkit-transition-duration: .99s;position:fixed}
  174. #conteudo{top:120px; left:100px;
  175. margin:auto;
  176. position: relative;
  177. {block:PermalinkPage}width: 500px;{/block:PermalinkPage}
  178. {block:PermalinkPage}padding-right: 10px;{/block:PermalinkPage}
  179. {block:If2Colunas}{block:IndexPage}width: 680px;{/block:IndexPage}{block:If2Colunas}
  180. {block:If3Colunas}{block:IndexPage}width: 870px;{/block:IndexPage}{block:If3Colunas}
  181. {block:If4Colunas}{block:IndexPage}width: 1210px;{/block:IndexPage}{/block:If4Colunas}
  182. }
  183.  
  184. /***Posts***/
  185. .posts {text-align:left;float: left;overflow:auto; width: 250px; margin:1px;padding:3px;-webkit-transition: all 0.2s ease-in-out;-moz-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;}
  186. .posts img {max-width:250px; -webkit-transition: 0.9s ease-in; -moz-transition: 0.9s ease-in; transition: 0.9s ease-in;margin-left:-4px;}
  187.  
  188.  
  189. .posts2 {width: 505px; padding:4px;margin-left:10px; margin-bottom:4px;-webkit-transition: all 0.2s ease-in-out;-moz-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;text-align:left;}
  190.  
  191.  
  192. /***Titulos e afins***/
  193.  
  194. h1{color:{color:title}!important;font-family: 'Grand Hotel', cursive;font-size:28px;line-height:28px;font-weight:normal;padding:8px;}
  195.  
  196. @font-face{font-family:'origin'; src:url('http://static.tumblr.com/zvqacv0/IVxmcmtr6/origin-regular.ttf');}
  197.  
  198.  
  199. @font-face{font-family:'Cursive standard'; src:url('http://static.tumblr.com/zvqacv0/Sr8mdnqxr/respective.ttf');}
  200.  
  201. h2{color:{color:frase}!important;padding:2px;font-family: 'Grand Hotel', cursive;font-size: 25px;line-height:25px;height:65px;float:left;
  202. font-style: normal;font-weight:normal;margin-bottom:-20px;margin-right:12px; }
  203. h2 a{color:{color:frase}!}
  204.  
  205. /*** Notes *********/
  206. ol.notes { display : block;border-left : 1px solid {color:extras}background-repeat : no-repeat;vertical-align : middle;text-decoration : none;margin-bottom : 1px;background: {color:backgroundtheme}; list-style-type: none; font-size: 10px;border-radius:4px;}
  207. ol.notes li.note { padding: 4px;border-radius:4px;}
  208. ol.notes li.note img.avatar {display: normal;}
  209. ol.notes li.note span.action {font-weight: none;}
  210. ol.notes li.note .answer_content {font-weight: normal;}
  211. ol.notes li.note blockquote {display: none;}
  212. ol.notes li.note blockquote a {text-decoration: none;}
  213. ful { list-style: none; }
  214. ol { list-style-position: inside; }
  215. * { margin: 0; padding: 0; outline: none; }
  216. .caixa {overflow: hidden; padding: 7px;
  217. font-family: Verdana, Geneva, sans-serif;
  218. color: {color:letras};text-align: justify;outline: 0px solid #; margin-bottom: 1px;width:505px;}
  219. .extra {border-left: 10px solid {color:extras}; display : block;background-repeat : no-repeat;text-indent : 5px;vertical-align : middle;text-decoration : none;margin-bottom : 1px;background:{color:backgroundtheme}; line-height: 13px;-webkit-transition-duration: .49s;font-family:calibri;padding:2px;border-radius:4px;height:13px;}
  220. .extrass {border-left: 25px solid {color:extras}; display : block;background-repeat : no-repeat;text-indent : 5px;vertical-align : middle;text-decoration : none;margin-bottom : 1px;background: {color:backgroundtheme}; line-height: 13px;-webkit-transition-duration: .49s;font-family:calibri;padding:2px;border-radius:4px;height:13px;}
  221. .extras {border-left: 15px solid {color:extras}; display : block;background-repeat : no-repeat;text-indent : 5px;vertical-align : middle;text-decoration : none;margin-bottom : 1px;background: {color:backgroundtheme}; line-height: 13px;-webkit-transition-duration: .49s;font-family:calibri;padding:2px;border-radius:4px;height:13px;}
  222. .extrasss {border-left: 20px solid {color:extras}; display : block;background-repeat : no-repeat;text-indent : 5px;vertical-align : middle;text-decoration : none;margin-bottom : 1px;background: {color:backgroundtheme}; line-height: 13px;-webkit-transition-duration: .49s;font-family:calibri;padding:2px;border-radius:4px;height:13px;}
  223. .extra:hover{border-left: 20px solid {color:extras};}
  224. .extras:hover{border-left: 30px solid {color:extras};}
  225. .extrasss:hover{border-left: 40px solid {color:extras};}
  226. .extrasss a{font-family:consolas;}
  227. .extrass:hover{border-left: 50px solid {color:extras};}
  228. .extra a {padding-right: 6px; color: {color:letras}; }
  229.  
  230.  
  231. /*** TAGS******/
  232. .tag2 {float:right; font-weight:normal; letter-spacing:1px; padding:3px;margin-top:-14px; text-align:right;font-size: 8px; font-family: trebuchet ms;text-transform:uppercase;}
  233.  
  234. .tagss { font-weight:normal; letter-spacing:1px; padding:3px; margin-bottom: 2px; text-align:right; font-size: 8px; font-family: trebuchet ms;border-top: 1px solid {color:letras};;text-transform:uppercase;
  235. margin-top:12px;margin-left:0px;}
  236.  
  237. .tag {width: 100%; font-weight:normal; letter-spacing:1px; padding:3px; margin-bottom: 1px; text-align:center; font-family:georgia;font-style:italic;font-size:10px;margin-top:5px;letter-spacing: 0.02em;margin-left:-2px;}
  238.  
  239.  
  240.  
  241. /***Formatação dos links e nwgrito***/
  242. a:link, a:visited, a:active {color:{color:links} ; text-shadow: 0 0px 0px #ffffff; letter-spacing: 0.02em; text-decoration: none;;}
  243. a:hover {color: {color:linkshover}; -webkit-transition-duration: .99s; }
  244.  
  245.  
  246. /******************************* NEGRITO, ITÁLICO, RISCADO E SUBLINADO **/
  247.  
  248. b, strong, bold {color: {color:negrito};}
  249. u,underline {color: {color:letras}; border-bottom: 1px dotted {color:letras}; text-decoration:none; }
  250. i, em{color:{color:letras}; }
  251.  
  252.  
  253. /***Menu Sm***/
  254. .nav {background-color: transparent;margin:3px; display: inline-block; padding: 0px; text-align: center; color:{color:textlinks}; font-family: 'Yanone Kaffeesatz', sans-serif; font-size:18px; cursor: pointer; -webkit-transition: all 0.5s linear;-moz-transition: all 0.5s linear;transition: all 0.5s linear;border-bottom: 2px solid transparent;float:right;}
  255. .nav:hover {color:{color:textlinkshover};border-bottom: 2px solid {color:textlinkshover}}
  256.  
  257.  
  258.  
  259. /* Chat por Anna (livelikeasuicide) *********/
  260. .chat { margin: 0; font-size:
  261. 9px; font-family: trebuchet ms;}
  262. .chat .chat1 {margin-left: 0px;}
  263. .chat .chat1 .chat2 {background: {color:chat1}; color:{color:chatcolor};
  264. margin-bottom: 1px; padding: 3px 4px 3px 4px;} /* Primeira linha */
  265. .chat .chat1 .chat2.even {background: {color:chat2};
  266. color: {color:chatcolor};} /* Segunda linha */
  267. .chat .chat1 .chat2 span{font-weight: bold;}
  268.  
  269. /* --- Estilo de ask por tthy (things-to-help-you.tumblr.com) --- */
  270. .pergunta {
  271. line-height: 20px;
  272. background:rgba(255,255,255, 0.4);
  273. padding: 5px;
  274. font-family: Georgia;
  275. font-style: Italic;
  276. font-size: 11px;
  277. margin-top: -1px;
  278. margin-right: 0;
  279. overflow: hidden;
  280.  
  281. color: #999;
  282. -webkit-border-bottom-right-radius: 5px;
  283. -webkit-border-bottom-left-radius: 5px;
  284. -moz-border-radius-bottomright: 5px;
  285. -moz-border-radius-bottomleft: 5px;
  286. border-bottom-right-radius: 5px;
  287. border-bottom-left-radius: 5px;}
  288.  
  289. .perguntou {
  290. display: block;
  291. font-family: Georgia;
  292. font-style: Italic;
  293. font-size: 11px;
  294. background:#C6CEC3;
  295. padding-left: 5px;
  296. overflow: hidden;
  297. padding-right: 5px;
  298. padding-top: 4px;
  299. padding-bottom: 4px;
  300. margin-top: 1px;
  301. text-shadow: 0px 1px 1px #;
  302. color: #fff;
  303. margin-bottom: 2px;
  304. -webkit-border-top-left-radius: 5px;
  305. -webkit-border-top-right-radius: 5px;
  306. -moz-border-radius-topleft: 5px;
  307. -moz-border-radius-topright: 5px;
  308. border-top-left-radius: 5px;
  309. border-top-right-radius: 5px;}
  310.  
  311. .pergunta g {color: #fff; text-shadow: 0px 0px 0px;}
  312. .pergunta a {color: #fff; text-shadow: 0px 0px 0px;}
  313.  
  314. .pergunta .data {
  315. float: right;
  316. font-family: 'Ubuntu Mono', sans-serif;
  317. font-style: normal;
  318. text-transform: uppercase;
  319. height: 18px;
  320. line-height: 18px;
  321. padding: 3px;
  322. background:#B8C3D4;
  323. margin-top: 12px;
  324. margin-right: 1px;
  325. text-shadow: 1px 1px 0px #b1cfe4;
  326. color: #fff;
  327. -webkit-border-top-left-radius: 5px;
  328. -webkit-border-bottom-left-radius: 5px;
  329. -moz-border-radius-topleft: 5px;
  330. -moz-border-radius-bottomleft: 5px;
  331. border-top-left-radius: 5px;
  332. border-bottom-left-radius: 5px;}
  333.  
  334. .boxicon {width: 24px;
  335. height: 24px;
  336. float: right;
  337. margin-left: 0px;
  338. margin-top: 5px;
  339. margin-right: -4px; }
  340.  
  341. .boxicon .askfoto {
  342. display: inline-block;
  343. margin-top: 7px;
  344. margin-left: 5px;
  345. float: right;}
  346.  
  347. .askfoto:hover {opacity: 0.9;}
  348. .linha {margin-bottom: 7px;}
  349. .ns {margin-left: 20px; margin-top: 1px;}
  350. .not {cursor:url(http://media.tumblr.com/tumblr_mbv8tiGkg01rvgs5m.png), auto;}
  351.  
  352. /* Personalização do audio *********/
  353. .trackid {padding: 8px;
  354. background: {color:backgroundtheme};
  355. color: {color:letras};
  356. margin-top: 1px;
  357. margin-left: 1px;
  358. margin-right: 1px;}
  359. .trackid2 {padding: 2px;
  360. background: {color:backgroundtheme};
  361. color: {color:letras};
  362. margin-top: 1px;
  363. margin-left: 1px;
  364. margin-right: 1px;}
  365.  
  366. #barra {position: fixed;top: 0px; margin-left: -50px; width: 1920px; height: 115px; background-color:{color:backgroundtheme}; z-index:9;opacity:0.7;}
  367.  
  368. .img {width: 100px; margin-left:375px; background-color: {color:borda}; -webkit-border-radius: 00px 0px 0px 0px; position: fixed; height: 100px; color: #030303; -webkit-transition: all 0.6s linear; -moz-transition: all 0.6s linear; -o-transition: all 0.6s linear; transition: all 0.6s linear; font-size: 9px; top: 5px; border: 2px solid {color:borda}; -moz-border-radius: 110px;-webkit-border-radius: 110px;
  369. z-index:99;}
  370. .img img{width: 100px; height: 100px; -webkit-border-radius: 0px 0px 0px 0px;-webkit-transition: all 0.6s linear; -moz-transition: all 0.6s linear; -o-transition: all 0.6s linear; transition: all 0.6s linear; -moz-border-radius: 110px; -webkit-border-radius: 110px;
  371. -webkit-filter: grayscale(0.5);-webkit-animation: parceria 2000ms alternate ease-in;-webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; border-top-left-radius: 70px; border-top-right-radius: 70px; border-bottom-right-radius: 70px; border-bottom-left-radius: 70px;
  372. }
  373.  
  374. .img:hover {-webkit-filter: grayscale(0.5);-webkit-transform: rotate(-360deg);-webkit-animation: shake 1000ms alternate infinite linear;-moz-animation: shake 4500ms alternate infinite linear;}
  375. .fotos:hover{-webkit-animation: shake 1500ms alternate infinite linear;-moz-animation: shake 1500ms alternate infinite linear;}
  376. .dess{width:400px; height: 70px; margin-left:500px;font-size:9px;color: {color:descricolor};font-family: arial;padding: px; position:fixed; top:25px;overflow: hidden; text-align: center; background-color:none; z-index:99999;}
  377.  
  378. @keyframes shake{ 0% { transform: translate(2px, 1px) rotate(0deg); } 10% { transform: translate(-1px, -2px) rotate(-1deg); } 20% { transform: translate(-3px, 0px) rotate(1deg); } 30% { transform: translate(0px, 2px) rotate(0deg); } 40% { transform: translate(1px, -1px) rotate(1deg); } 50% { transform: translate(-1px, 2px) rotate(-1deg); } 60% { transform: translate(-3px, 1px) rotate(0deg); } 70% { transform: translate(2px, 1px) rotate(-1deg); } 80% { transform: translate(-1px, -1px) rotate(1deg); } 90% { transform: translate(2px, 2px) rotate(0deg); } 100% { transform: translate(1px, -2px) rotate(-1deg); } }
  379. @-moz-keyframes shake{0% {-moz-transform: translate(2px, 1px) rotate(0deg); } 10% { -moz-transform: translate(-1px, -2px) rotate(-1deg);} 20% { -moz-transform: translate(-3px, 0px) rotate(1deg);} 30% { -moz-transform: translate(0px, 2px) rotate(0deg);} 40% {-moz-transform: translate(1px, -1px) rotate(1deg);} 50% {-moz-transform: translate(-1px, 2px) rotate(-1deg);} 60% { -moz-transform: translate(-3px, 1px) rotate(0deg);} 70% { -moz-transform: translate(2px, 1px) rotate(-1deg);} 80% {-moz-transform: translate(-1px, -1px) rotate(1deg);} 90% {-moz-transform: translate(2px, 2px) rotate(0deg);} 100% {-moz-transform: translate(1px, -2px) rotate(-1deg);}}
  380. @-webkit-keyframes shake {0% {-webkit-transform: translate(2px, 1px) rotate(0deg);} 10% { -webkit-transform: translate(-1px, -2px) rotate(-1deg); } 20% { -webkit-transform: translate(-3px, 0px) rotate(1deg);} 30% { -webkit-transform: translate(0px, 2px) rotate(0deg);} 40% { -webkit-transform: translate(1px, -1px) rotate(1deg);} 50% { -webkit-transform: translate(-1px, 2px) rotate(-1deg);} 50% { -webkit-transform: translate(-3px, 1px) rotate(0deg);} 70% {-webkit-transform: translate(2px, 1px) rotate(-1deg);} 80% {-webkit-transform: translate(-1px, -1px) rotate(1deg);} 90% { -webkit-transform: translate(2px, 2px) rotate(0deg);} 100% {-webkit-transform: translate(1px, -2px) rotate(-1deg);}}
  381.  
  382. .um a {width:480px;;opacity:1; font-family: calibri; font-size:12px; color:{color:linkbg}; z-index:99; text-align: center;}
  383.  
  384. .fraser {text-align:center; position:fixed; font-family: arial; top:0px; width:1090px; left: 160px;z-index:99;; font-size:20px; color:{color:linkbg};}
  385. @font-face {font-family: 'lysik'; src: url('http://static.tumblr.com/qzpui9z/2r3mhi5vv/lysik.ttf')}
  386.  
  387. #crd {width: 194px; height:auto;padding:0px; top:90px; right:-130px; position: fixed;-webkit-transition: all .7s ease-out; -moz-transition: all .7s ease-out; z-index:99;}
  388. #crd a {font-family:'lysik'; font-size:13px; text-align: center; color:{color:descricolor};-webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out;text-transform:none; z-index:99;}
  389. #crd a:hover {opacity: 1;text-shadow: 0px 0px 0px {color:text};}
  390.  
  391. #pag{ top: 50px; left: 50px; width: 175px; float: right; color:{color:page};position: fixed; height: 24px; -webkit-border-radius: 0px 0px 0px 0px; z-index:99; }
  392.  
  393.  
  394. .tchutchuca {display : block; font-family: calibri; font-size: 12px; line-height: 15px; margin-bottom : 1px; vertical-align : middle; text-indent : 0px; padding: 2px 2px 2px 6px; background: #eee; border-left: 3px double #bebebe; border-right: 3px double #bebebe; color: #666; -webkit-transition: all 0.4s ease-out; -moz-transition: all 0.4s ease-out; text-align: left; }
  395. .tchutchuca1 a{color: #57768e;}
  396.  
  397. #paginal {font-family: verdana; font-size: 8px; text-align: center;}
  398. #paginal a {background: trans; margin: 0 1px 0 0; padding: 2px 4px; color: {color:page};}
  399. #paginal a:hover {background: trans; color: {color:page};}
  400. #paginal span.pagina_atual {background: trans; margin: 0 1px 0 0; padding: 2px 4px;; color: {color:page}; font-weight: bold; text-decoration: none;}
  401. .ps {position:fixed; color: {color:page}; padding: 15px; bottom: 10px; margin-left: 600px; width: 200px; height:15px; z-index:99;}
  402.  
  403.  
  404.  
  405.  
  406. /*** Ask Por Simone (cerejadosundae)***/
  407.  
  408. .asker {width: 99%; background: {color:ask}; font-weight:normal; padding:3px; margin-bottom: 1px; color:{color:askcolor}; font-size: 10px;text-align:left;font-family: calibri;border-radius:4px;}
  409. #tri{border-right: 15px solid {color:ask};;border-top:0px solid transparent;border-bottom: 15px solid transparent;
  410. border-left: 15px solid transparent;width: 0px;height: 0px;margin-top:-1px;margin-left:100px; margin-left:17px; }
  411. .asker a{background:#;color:{color:askcolor};text-transform:uppercase;}
  412. .askborder {width:38px;float: left; display: inline; margin-bottom: 2px;margin-left:-3px;border: 3px solid {color:ask};margin-top:-3px;color:{color:askcolor}.}
  413. .resposta { font-weight:normal; padding:10px; margin-bottom: 1px; text-shadow:0 0px 0px #fff;; font-size: 11px; }
  414.  
  415.  
  416. </style>
  417. <script type="text/javascript" src="http://static.tumblr.com/q0etgkr/J5bl3lkz1/tumblrautopagernopage.js"></script>
  418. <body>
  419.  
  420.  
  421.  
  422.  
  423.  
  424. <div id="barra">
  425. </div>
  426.  
  427. <div class="img">
  428. <div style="height:180px; overflow:hidden;">
  429. <img src="{image:imagem}" width="70%"/>
  430. </div></div>
  431.  
  432.  
  433.  
  434.  
  435.  
  436.  
  437. <div id="crd"><a href="http://sintonizo.tumblr.com" title="made for sintonizo">©</a></div></div>
  438.  
  439. <div class="fraser">
  440.  
  441. {text:frase} </div><div class="dess">{description}
  442.  
  443. <br>
  444. <div class="um">
  445. <a href="{text:Link1}">{text:Link1 Title}</a> •
  446. <a href="{text:Link2}">{text:Link2 Title}</a> •
  447. <a href="{text:Link3}">{text:Link3 Title}</a> •
  448. <a href="{text:Link4}">{text:Link4 Title}</a> •
  449. <a href="{text:Link5}">{text:Link5 Title}</a> •
  450. <a href="{text:Link6}">{text:Link6 Title}</a> •
  451. <a href="{text:Link7}">{text:Link7 Title}</a>
  452. </div></div>
  453.  
  454. <div class="ps"><div id="paginal">{block:PreviousPage}<a href="{PreviousPage}">?</a> {/block:PreviousPage}
  455. {block:JumpPagination length="5"}
  456. {block:CurrentPage}<span class="pagina_atual">{PageNumber}</span>{/block:CurrentPage}
  457. {block:JumpPage}<a class="jump_page" href="{URL}">{PageNumber}</a>{/block:JumpPage}
  458. {/block:JumpPagination}{block:NextPage}<a href="{NextPage}">?</a>{/block:NextPage}
  459. </div></div>
  460.  
  461. <!-- TAGS PRINCIPAIS -->
  462. <div id="conteudo">
  463.  
  464. <div id="iluc">
  465. {block:Posts}
  466. <!-- TEXTO-->
  467. {block:Text}
  468. {block:IndexPage}
  469. <div class="posts">
  470.  
  471.  
  472.  
  473.  
  474. {block:Title}<h1>{Title}</h1>{/block:Title}{Body}{/block:IndexPage}
  475.  
  476.  
  477.  
  478. {block:PermalinkPage}<div class="posts2">{block:Title}<h1>{Title}</h1>{/block:Title}{Body}</div>{/block:PermalinkPage}
  479.  
  480. {block:IndexPage}
  481.  
  482. <div class="tag"><a href="{Permalink}">{TimeAgo}</a> · <a href="{ReblogURL}" target="_blank">Reblog</a> · <a class="notes" href="{Permalink}"><a href="{Permalink}"> {block:Date}{NoteCount} Notes{/block:Date}</a></a>
  483. {block:RebloggedFrom}<a href="{ReblogParentURL}"> </a>{/block:RebloggedFrom}
  484. </div>{/block:IndexPage}
  485. </div>
  486. {/block:Text}
  487.  
  488.  
  489.  
  490. <!-- PHOTO -->
  491. {block:Photo}{block:IndexPage}
  492. <div class="posts">
  493. <div class="boxnotes2">
  494. <a href="{ReblogURL}" target="_blank"><img src="http://static.tumblr.com/8yo5xxv/k7rm3zr0o/reblog.png"width="24"></a><div class="likep"> <a id="like{PostID}" href="javascript:likelink('{PostID}','{Permalink}','');"> <img src="http://static.tumblr.com/ifqwhnb/b6Lm5chs7/espa__o.png" width="23" alt="Like this post" id="likeimage{PostID}"/> </a>
  495. </div>
  496.  
  497. </div>
  498.  
  499. <div class="boxnotesm">
  500. {block:NoteCount}
  501. <a href="{Permalink}">{NoteCount}</a>{/block:NoteCount}
  502. </div>
  503.  
  504.  
  505. <center><img src="{PhotoURL-250}"></center>{block:Caption}{Caption}{/block:Caption}</div>{/block:IndexPage}
  506.  
  507. {block:PermalinkPage}<div class="posts2"><img src="{PhotoURL-500}" >
  508. {block:Caption}{Caption}{/block:Caption}</div>{/block:PermalinkPage}
  509.  
  510.  
  511.  
  512. {/block:Photo}
  513.  
  514.  
  515. <!-- PHOTOSET -->
  516.  
  517. {block:Photoset}{block:IndexPage}
  518. <div class="posts"><div class="boxnotes2">
  519. <a href="{ReblogURL}" target="_blank"><img src="http://static.tumblr.com/8yo5xxv/k7rm3zr0o/reblog.png"width="24"></a><div class="likep"> <a id="like{PostID}" href="javascript:likelink('{PostID}','{Permalink}','');"> <img src="http://static.tumblr.com/ifqwhnb/b6Lm5chs7/espa__o.png" width="23" alt="Like this post" id="likeimage{PostID}"/> </a>
  520. </div>
  521.  
  522. </div>
  523.  
  524. <div class="boxnotesm">
  525. {block:NoteCount}
  526. <a href="{Permalink}">{NoteCount}</a>{/block:NoteCount}
  527. </div>
  528.  
  529.  
  530. <center>{Photoset-250}</center>{block:Caption}{Caption}{/block:Caption}{/block:IndexPage}
  531. {block:PermalinkPage}<div class="posts2">{Photoset-500}
  532. {block:Caption}{Caption}{/block:Caption}<br/>{/block:PermalinkPage}
  533.  
  534. </div>
  535. {/block:Photoset}
  536.  
  537.  
  538. <!-- QUOTE -->
  539.  
  540. {block:Quote}{block:IndexPage}
  541. <div class="posts">
  542.  
  543. <div id="aspas"></div>
  544. <div class="quote">{Quote}</div>
  545. {block:Source}<div class="qsource">- {Source}</div>{/block:Source}{/block:IndexPage}
  546.  
  547.  
  548. {block:PermalinkPage}<div class="posts2"><div id="aspas">?</div>
  549. <div class="quote">{Quote}</div>
  550. {block:Source}<div class="qsource">- {Source}</div>{/block:Source}</div>{block:PermalinkPage}{block:IndexPage}
  551.  
  552. <div class="tag"><a href="{Permalink}">{TimeAgo}</a> · <a href="{ReblogURL}" target="_blank">Reblog</a> · <a class="notes" href="{Permalink}"><a href="{Permalink}"> {block:Date}{NoteCount} Notes{/block:Date}</a></a>
  553. {block:RebloggedFrom}<a href="{ReblogParentURL}"> (Via</a>{/block:RebloggedFrom} {block:ContentSource}<a href="{SourceURL}"target=blank>/source)</a>{/block:ContentSource}</a>
  554. </div>{/block:IndexPage}
  555. </div>
  556.  
  557.  
  558. {/block:Quote}
  559.  
  560.  
  561. <!-- LINK -->
  562. {block:Link}{block:IndexPage}
  563. <div class="posts">
  564.  
  565.  
  566.  
  567.  
  568. <h1><a href="{URL}">{Name}</a></h1>
  569. {block:Description}{Description}{/block:Description}
  570. {/block:IndexPage}
  571.  
  572. {block:PermalinkPage}<div class="posts2"><h1><a href="{URL}">{Name}</a></h1>
  573. {block:Description}{Description}{/block:Description}</div>{/block:PermalinkPage}{block:IndexPage}
  574.  
  575. <div class="tag"><a href="{Permalink}">{TimeAgo}</a> · <a href="{ReblogURL}" target="_blank">Reblog</a> · <a class="notes" href="{Permalink}"><a href="{Permalink}"> {block:Date}{NoteCount} Notes{/block:Date}</a></a>
  576. {block:RebloggedFrom}<a href="{ReblogParentURL}"> (Via</a>{/block:RebloggedFrom} {block:ContentSource}<a href="{SourceURL}"target=blank>/source)</a>{/block:ContentSource}</a>
  577. </div>{/block:IndexPage}
  578.  
  579. </div>
  580.  
  581. {/block:Link}
  582.  
  583.  
  584. <!-- CHAT -->
  585.  
  586. {block:Chat}{block:IndexPage}
  587. <div class="posts">
  588.  
  589.  
  590.  
  591.  
  592.  
  593. <div class="chat">
  594. <div class="chat1">
  595. {block:Lines}
  596. <div class="chat2 {Alt}">
  597. {block:Label}
  598. <b>{Label}</b>
  599. {/block:Label}
  600. {Line}</div>
  601. {/block:Lines}
  602. </div>
  603. </div>{/block:IndexPage}
  604.  
  605. {block:PermalinkPage}<div class="posts2">
  606.  
  607. <div class="chat">
  608. <div class="chat1">
  609. {block:Lines}
  610. <div class="chat2 {Alt}">
  611. {block:Label}
  612. <b>{Label}</b>
  613. {/block:Label}
  614. {Line}</div>
  615. {/block:Lines}
  616. </div>
  617. </div></div>{/block:PermalinkPage}{block:IndexPage}
  618.  
  619. <div class="tag"><a href="{Permalink}">{TimeAgo}</a> · <a href="{ReblogURL}" target="_blank">Reblog</a> · <a class="notes" href="{Permalink}"><a href="{Permalink}"> {block:Date}{NoteCount} Notes{/block:Date}</a></a>
  620. {block:RebloggedFrom}<a href="{ReblogParentURL}"> (Via</a>{/block:RebloggedFrom} {block:ContentSource}<a href="{SourceURL}"target=blank>/source)</a>{/block:ContentSource}</a>
  621. </div>{/block:IndexPage}
  622.  
  623.  
  624. </div>
  625. {/block:Chat}
  626.  
  627.  
  628.  
  629. <!-- AUDIO -->
  630.  
  631. {block:Audio}{block:IndexPage}
  632. <div class="posts">
  633.  
  634.  
  635. {block:AlbumArt}
  636. <img style="float: left; margin-right: 0px; margin-left: 1px; margin-top: 1px;"src="{AlbumArtURL}" width="31" >
  637. {/block:AlbumArt}
  638. <div class="trackid2">{AudioPlayerGrey}</div>
  639. {block:TrackName}
  640. <div class="trackid">"{TrackName}"</div>
  641. {/block:TrackName}
  642. {block:Artist}
  643. <div class="trackid">{Artist}</div>
  644. {/block:Artist}
  645. <div class="trackid">({PlayCount}) plays</div>
  646.  
  647.  
  648. <div class="tag"><a href="{Permalink}">{TimeAgo}</a> · <a href="{ReblogURL}" target="_blank">Reblog</a> · <a class="notes" href="{Permalink}"><a href="{Permalink}"> {block:Date}{NoteCount} Notes{/block:Date}</a></a>
  649. {block:RebloggedFrom}<a href="{ReblogParentURL}"> (Via</a>{/block:RebloggedFrom} {block:ContentSource}<a href="{SourceURL}"target=blank>/source)</a>{/block:ContentSource}</a>
  650. </div></div>
  651. {/block:IndexPage}
  652. {block:PermalinkPage}<div class="posts2">
  653.  
  654. {block:AlbumArt}
  655. <img style="float: left; margin-right: 0px; margin-left: 1px; margin-top: 1px;"src="{AlbumArtURL}" width="31" >
  656. {/block:AlbumArt}
  657. <div class="trackid2">{AudioPlayerGrey}</div>
  658. {block:TrackName}
  659. <div class="trackid">"{TrackName}"</div>
  660. {/block:TrackName}
  661. {block:Artist}
  662. <div class="trackid">{Artist}</div>
  663. {/block:Artist}
  664. <div class="trackid">({PlayCount}) plays</div>
  665. </div>{/block:PermalinkPage}
  666.  
  667.  
  668. </div>
  669. {/block:Audio}
  670.  
  671.  
  672. <!-- VIDEO-->
  673.  
  674. {block:Video}{block:IndexPage}
  675. <div class="posts">
  676.  
  677.  
  678.  
  679.  
  680. <center>{Video-250}</center>
  681. {block:Caption}{Caption}{/block:Caption}{/block:IndexPage}
  682. {block:PermalinkPage}><div class="posts2"><center>{Video-500}
  683.  
  684. {block:Caption}{Caption}{/block:Caption}</center></div>{/block:PermalinkPage}{block:IndexPage}
  685.  
  686. <div class="tag"><a href="{Permalink}">{TimeAgo}</a> · <a href="{ReblogURL}" target="_blank">Reblog</a> · <a class="notes" href="{Permalink}"><a href="{Permalink}"> {block:Date}{NoteCount} Notes{/block:Date}</a></a>
  687. {block:RebloggedFrom}<a href="{ReblogParentURL}"> (Via</a>{/block:RebloggedFrom} {block:ContentSource}<a href="{SourceURL}"target=blank>/source)</a>{/block:ContentSource}</a>
  688. </div>{/block:IndexPage}
  689.  
  690. </div>
  691. {/block:Video}
  692.  
  693.  
  694.  
  695. <!-- ASKER -->
  696.  
  697. {block:Answer}{block:IndexPage}
  698. <div class="posts">
  699.  
  700.  
  701. <div class="asker">{Asker}: {Question}</div><div id="tri"></div>
  702. <div class="resposta">{Answer}</div>
  703. {/block:IndexPage}{block:PermalinkPage}<div class="posts2">
  704. <div class="asker">{Asker}: {Question}</div><div id="tri"></div>
  705. <div class="resposta">{Answer}</div>
  706. {/block:PermalinkPage}{block:IndexPage}
  707.  
  708. <div class="tag"><a href="{Permalink}">{TimeAgo}</a> · <a class="notes" href="{Permalink}"><a href="{Permalink}"> {block:Date}{NoteCount} Notes{/block:Date}</a></a>
  709. </div>{/block:IndexPage}
  710.  
  711.  
  712.  
  713. </div>
  714. {/block:Answer}
  715.  
  716. {block:PostNotes}
  717.  
  718.  
  719.  
  720. <div class="caixa">
  721. <div class="extra"><img src="http://cdn1.iconfinder.com/data/icons/KDE_Crystal_Diamond_2.5_Classical_Mod/22x22/apps/kfilereplace.png" class="user"width="14"> {block:RebloggedFrom} <a href="{ReblogParentURL}"> Via,</a> <a href="{ReblogRootURL}"> From,</a> {/block:RebloggedFrom} {block:ContentSource}<a href="{SourceURL}" target=blank> Source </a>. {/block:ContentSource} </div>
  722. <div class="extras">
  723. <img src="http://cdn1.iconfinder.com/data/icons/TWG_Retina_Icons/64/calendar.png" class="user" width="12"> {DayOfMonth},<b> {Month}</b> de {Year}<br>
  724. </div>
  725. <div class="extrasss">
  726. <img src="http://static.tumblr.com/wa79tuo/YzBm1iuyx/tag.png" class="user"> {block:HasTags}{/block:HasTags}
  727. <span style="width:auto;">
  728. {block:HasTags}
  729. {block:Tags}
  730. <a class="tag" href="{TagURL}">{Tag}</a>
  731. {/block:Tags}
  732. {/block:HasTags}</span>
  733. <br>
  734. </div>
  735. <div class="extrass">
  736. <img src="http://cdn1.iconfinder.com/data/icons/androiddevicons/love.png" class="user"width="14">{NoteCount}
  737. </div>
  738. </div>
  739. <div class="caixa">
  740. {PostNotes}
  741. </div>
  742. {/block:PostNotes}
  743. {/block:Posts}
  744. {block:IndexPage}
  745.  
  746. <script src="http://static.tumblr.com/twte3d7/0pellzh2t/infinitescroll.js"></script>
  747.  
  748. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>
  749.  
  750.  
  751. <script type="text/javascript" src="http://static.tumblr.com/me5sfsd/12Qlmj66n/script.js"></script>
  752.  
  753. <script type="text/javascript">
  754. $(window).load(function(){
  755. var $wall = $('#conteudo');
  756. $wall.imagesLoaded(function(){
  757. $wall.masonry({
  758. itemSelector: '.posts',
  759. isAnimated : true
  760. });
  761. });
  762. $wall.infinitescroll({
  763. navSelector : "div#navigation",
  764. nextSelector : "div#navigation a#nextPage",
  765. itemSelector : '.posts',
  766. loadingImg : "http://static.tumblr.com/8yo5xxv/3Tum7rjpo/loader.gif",
  767. loadingText : "",
  768. donetext : " ",
  769. extraScrollPx : 1000,
  770. bufferPx : 10100,
  771. debug : false,
  772. errorCallback: function() {
  773. $('#infscr-loading').animate({opacity: .8},2000).fadeOut('normal');
  774. }},
  775. function( newElements ) {
  776. var $newElems = $( newElements );
  777. $newElems.hide();
  778. $newElems.imagesLoaded(function(){
  779. $wall.masonry( 'appended', $newElems, {isAnimated: true, animationOptions: {duration: 25, easing: 'linear', queue: false}}, function(){$newElems.fadeIn('slow');} );
  780. });
  781. }); $('#conteudo').show(500);
  782. });
  783. </script>
  784.  
  785. </div>
  786.  
  787. <BR>
  788. {block:IfRolagemInfinita}
  789. {block:IndexPage}
  790. <center><div class="column navigation" id="navigation" style="bottom: 10px;">
  791. {block:Pagination}
  792. {block:PreviousPage}<a href="{PreviousPage}" class="navigate">{/block:PreviousPage}{block:PreviousPage}</a>{/block:PreviousPage}
  793. {block:NextPage}<a href="{NextPage}" class="navigate" id="nextPage">{/block:NextPage}{block:NextPage}</a>{/block:NextPage}{/block:Pagination}
  794. </div>
  795. {/block:IndexPage}
  796. {/block:IfRolagemInfinita}
  797.  
  798. </div>
  799. {block:IfNotRolagemInfinita}<BR><BR><BR>
  800. <center>{/block:JumpPage}
  801.  
  802. {/block:JumpPagination}
  803. {block:NextPage}<a href="{NextPage}" id="pagination">&raquo;</a>
  804. {/block:NextPage}{/block:Pagination}</center></div></center>
  805. {/block:IfNotRolagemInfinita}<br><br><br><br><br>
  806. </div></div></div></div>
  807.  
  808. <br></center></div></div></div></div></div></div>
  809. <!---------------- FINAL DE TAGSM DO POST ------------->
  810.  
  811.  
  812. </div></div>
  813.  
  814.  
  815. </body>
  816.  
  817. </head>
  818. </html>
  819. <center>
  820. <div style="width:85px;position:fixed;font-family:'Cursive standard';text-aling:center; height:30px;text-transform:none;right:5px;bottom:30px;">
  821. <a href="javascript:;" id="scrollToTop"title="back to top?"><font color=" {color:extras}">top ?</a></font></div>
Advertisement
Add Comment
Please, Sign In to add comment
Public Pastes
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!