API tools faq
paste
simonecereja

Theme Calm

simonecereja
Nov 8th, 2012
11,232
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 33.52 KB | None | 0 0
raw download clone embed print report
  1. <!-----------------------------------------------------------------------------------------------
  2.  
  3.  
  4.  
  5. Theme feito totalmente por Simone Montilares (cerejadosundae.tumblr.com). NÃO RETIRE OS CRÉDITOS, NEM COPIE NEM PLAGIE EU CONHEÇO MEUS CÓDIGO E ISSO NÃO FICARÁ BARATO, NÃO USE COMO BASE JAMAIS. ROUBAR É CRIME.
  6.  
  7. ------------------------------------------------------------------------------------------------>
  8.  
  9. <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=Great+Vibes' rel='stylesheet' type='text/css'><link href='http://fonts.googleapis.com/css?family=Yanone+Kaffeesatz' rel='stylesheet' type='text/css'><link href='http://fonts.googleapis.com/css?family=Oxygen+Mono' rel='stylesheet' type='text/css'>
  10. <link href='http://fonts.googleapis.com/css?family=Butterfly+Kids' rel='stylesheet' type='text/css'>
  11.  
  12. <head profile="http://gmpg.org/xfn/11">
  13. <script type="text/javascript" src="http://static.tumblr.com/twte3d7/RhUlio0y7/lazyload.js"></script>
  14.  
  15.  
  16. <link href='http://fonts.googleapis.com/css?family=Dosis' rel='stylesheet' type='text/css'><link href='http://fonts.googleapis.com/css?family=Wire+One' rel='stylesheet' type='text/css'>
  17.  
  18. <script type="text/javascript" src="http://static.tumblr.com/enpbtf0/a8olor0ey/animatedcollapse.js"></script>
  19.  
  20. <link href='http://fonts.googleapis.com/css?family=Oregano' rel='stylesheet' type='text/css'>
  21.  
  22. <link href='http://fonts.googleapis.com/css?family=Oregano' rel='stylesheet' type='text/css'>
  23. <link href='http://fonts.googleapis.com/css?family=Dosis' rel='stylesheet' type='text/css'>
  24.  
  25.  
  26. <script type="text/javascript"
  27. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  28. <script src="http://static.tumblr.com/ikeq9mi/DfYl6o46t/scrolltotop.min.js"></script>
  29.  
  30.  
  31.  
  32. <link href='http://fonts.googleapis.com/css?family=Play' rel='stylesheet' type='text/css'><link href='http://fonts.googleapis.com/css?family=Courgette' rel='stylesheet' type='text/css'><link href='http://fonts.googleapis.com/css?family=Petit+Formal+Script' rel='stylesheet' type='text/css'>
  33. <link href='http://fonts.googleapis.com/css?family=Emilys+Candy' rel='stylesheet' type='text/css'><link href='http://fonts.googleapis.com/css?family=Oregano' rel='stylesheet' type='text/css'><link rel='stylesheet' href='' media='all' /><link href='http://fonts.googleapis.com/css?family=Vibur' rel='stylesheet' type='text/css'>
  34. <script type="text/javascript" src="http://static.tumblr.com/q0etgkr/mFbkoqlkr/tumblrautopager.js"></script>
  35. <link rel="{Favicon}">
  36. <meta name="color:backgroundtheme" content="#eee"/>
  37. <meta name="color:letras" content="#777"/>
  38.  
  39. <meta name="color:title" content="#777"/>
  40. <meta name="color:descripcolor" content="#eee"/>
  41. <meta name="color:border" content="#d6d6d6"/>
  42. <meta name="color:scroll" content="#302D2D"/>
  43. <meta name="color:links" content="#aaa"/>
  44. <meta name="color:linkshover" content="#302D2D"/>
  45. <meta name="color:menu" content="#7F3950"/>
  46. <meta name="color:menuhover" content="#d6d6d6"/>
  47. <meta name="color:textlinks" content="#fff"/>
  48. <meta name="color:textlinkshover" content="#777"/>
  49. <meta name="color:chat1" content="#d6d6d6"/>
  50. <meta name="color:chat2" content="#5A2C3C"/>
  51. <meta name="color:chatcolor" content="#fff"/>
  52. <meta name="color:frase" content="#fff"/>
  53. <meta name="color:extras" content="#302D2D"/>
  54. <meta name="color:askbg" content="#5A2C3C"/>
  55. <meta name="color:askbg2" content="#d6d6d6"/>
  56. <meta name="color:askcolor" content="#fff"/>
  57. <meta name="color:askcolor2" content="#aaa"/>
  58. <meta name="color:backgroundbox" content="#fff"/>
  59. <meta name="color:backgroundside" content="#fff"/>
  60.  
  61. <meta name="image:background" content=""/>
  62. <meta name="image:backgroundside" content=""/>
  63. <meta name="image:imageside" content="http://25.media.tumblr.com/tumblr_ma0nsnnRTx1qaay1oo1_500.jpg"/>
  64.  
  65. <meta name="text:frase" content="Escreva aqui a frase" />
  66.  
  67.  
  68. <meta name="text:Link1" content="link" />
  69. <meta name="text:Link1 Title" content="link1" />
  70. <meta name="text:Link2" content="Link" />
  71. <meta name="text:Link2 Title" content="link2" />
  72. <meta name="text:Link3" content="link" />
  73. <meta name="text:Link3 Title" content="link3" />
  74. <meta name="text:Link4" content="Link" />
  75. <meta name="text:Link4 Title" content="link4" />
  76. <meta name="text:Link5" content="link" />
  77. <meta name="text:Link5 Title" content="link5" />
  78. <meta name="text:Link6" content="link" />
  79. <meta name="text:Link6 Title" content="link6" />
  80. <meta name="text:Link7" content="link" />
  81. <meta name="text:Link7 Title" content="link7" />
  82. </head>
  83. <title>{title}</title>
  84. </head>
  85.  
  86. <style type="text/css">
  87. /****************** FORMATAÇÃO DO SCROLLBAR **/
  88.  
  89. ::-webkit-scrollbar-thumb:vertical {background-color:{color:scroll};;height:50px; border:5px solid {color:backgroundbox};}
  90.  
  91. ::-webkit-scrollbar-button:vertical {height:8px;display: block; background:{color:scroll};;}
  92.  
  93.  
  94. ::-webkit-scrollbar {height:0px;width:12px;background-color:{color:backgroundbox};}
  95. /********* SELEÇÃO COLORIDA *************/
  96. ::-moz-selection
  97. {
  98. background: {color:backgroundtheme};
  99. color:{color:letras};
  100. }
  101. ::selection
  102. {
  103. background: {color:backgroundtheme};
  104. color:{color:letras};
  105. }
  106. .imageside{margin-left:px;width:220px; height:244px;margin-left:-4px }
  107.  
  108.  
  109.  
  110.  
  111. .credits{width:19px;height:15px;float:left;font-size:10px;color:{color:descripcolor};line-height:15px;text-align:center;font-family: calibri;padding: 4px;background:{color:backgroundside};z-index: 11;margin-left:3px;
  112. position:fixed; text-transform: uppercase; margin-top:0px;overflow: hidden;-webkit-transition: all 0.2s ease-in-out;-moz-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;
  113. }
  114. .creditss a {color:{color:descripcolor};}
  115. .creditss{margin-top:-0px;-webkit-transition-duration: .99s;}
  116. .creditss:hover{margin-top:-30px;}
  117.  
  118.  
  119. /***************** PERSONALIZAÇÃO DO CORPO/ FUNDO **/
  120. body{background: {color:backgroundtheme} Url('{image:background}');color:{color:letras}; font:normal 10px 'Lucida Grande',Verdana,sans-serif; background-attachment:fixed; background-repeat:repeat; background-attachment: fixed;
  121.  
  122. }
  123.  
  124.  
  125.  
  126. /***BOXNOTES Simone (cerejadosundae)***/
  127. .posts .boxnotes2 {z-index: 11;
  128. margin-left:-43px; margin-top:10px;
  129. text-align: left; width:200px;
  130. position: absolute; text-transform:uppercase;-webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out;
  131. line-height: 25px; font-family:verdana;font-size:18px;opacity: 0;
  132. }
  133. .posts .boxnotes2 img{width:18px;margin-top:5px;margin-left:1px;}
  134. .posts .boxnotes2 a{color:#333;}
  135. .posts:hover .boxnotes2 {opacity: 1; }
  136.  
  137. /***Class do primeiro note***/
  138. .posts .boxnotess {z-index: 11;display: inline-block;height:30px; width:30px; background: rgba(250,252,250,0.5);border-radius:30px;margin-left:-5px; -webkit-transition: all 0.8s ease-out; -moz-transition: all 0.8s ease-out;}
  139. .posts:hover .boxnotesss {margin-left:5px; }
  140. /***Class do segundo note***/
  141. .posts .boxnotesss {margin-top:0%;z-index: 11;display: inline-block;height:30px; width:30px; background: rgba(255,255,255,0.8);border-radius:30px;margin-left:-152px;-webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out;}
  142. .posts:hover .boxnotesss { margin-left:-2px; }
  143. .capt {width: 500px;}
  144.  
  145.  
  146. /* QUOTE */
  147. #aspas{
  148. position:absolute;
  149. margin-left:3px;
  150. margin-top:-10px;
  151. font-size:60px;
  152. opacity:0.3;color:{color:extras};}
  153.  
  154. .quote:first-letter{font-family: georgia; font-style:italic; font-size: 20px;}
  155. .quote {margin: 0; padding: 5px; font: normal 11px 'georgia'; text-align: justify;}
  156. .qsource { text-align:left;font-family:calibri; font-size:10px; margin-top: 0px;margin-bottom:1px;text-transform:uppercase;font-weight: bold;}
  157.  
  158.  
  159. /***Back to top***/
  160. #scrollToTop:link,#scrollToTop:visited { color: transparent; background-color: transparent; display: none; position: fixed; right: 0px;font-size:30px;}
  161.  
  162. /***Bordas***/
  163. .bordasm{width:198px;-webkit-transition: all 0.5s;float:left;margin-bottom:4px;border: 1px solid {color:border};background:{color:backgroundside};padding:4px;;}
  164. .borda {border:2px solid transparent; -webkit-transition-duration: .99s; }
  165. .borda:hover{ -webkit-filter: grayscale(0%);
  166. -moz-filter: grayscale(0%);
  167. -ms-filter: grayscale(0%);
  168. -o-filter: grayscale(0%);
  169.  
  170. padding : 3px;background-color:transparent;-webkit-transition: all 1.0s ease-out; -moz-transition: all 1.0s ease-out;
  171.  
  172. border-radius:0px;opacity:1;}
  173. .borda{-webkit-filter: grayscale(50%);
  174. -moz-filter: grayscale(50%);
  175. -ms-filter: grayscale(50%);
  176. -o-filter: grayscale(50%);opacity:0.8;
  177.  
  178. padding : 3px;background-color: {color:border};-webkit-transition: all 1.0s ease-out; -moz-transition: all 1.0s ease-out;}
  179.  
  180.  
  181. /***Sidebars***/
  182. .sidebarsm{padding:4px;width:210px;position:fixed;margin-top:60px;-webkit-transition-duration: .80s; margin-left:-2px;background: {color:backgroundside} Url('{image:backgroundside}');border: 1px solid {color:border};}
  183. .sidebarsm img{margin: 2px;}
  184. .sidebarsm2{padding:4px;width:210px;margin-top:5px;-webkit-transition-duration: .80s; margin-left:-1px;height:25px;}
  185. .sidebar{width:48px; position:fixed;margin-top:12px;z-index: 11;;margin-left:08px;-webkit-transition-duration: .80s; padding-top:0px;}
  186.  
  187. #texto { width:200px;margin-left:-4px;opacity:1;margin-top:-15px;padding:4px;color:{color:descripcolor};padding: 1px 1px 1px 1px ; font-size:10px;font-family:consolas;;}
  188.  
  189. /***Centralização do theme***/
  190. #total{width:635px;margin-top:40px;}
  191. #sidebar {width:235px; padding: 0px;margin-top:-47px;float:left; height:100%;padding:2px; position:fixed; overflow: auto;}
  192. #conteudo {width:410px; padding: 0px;float:right;margin-top:0px;}
  193.  
  194. /***Posts***/
  195. .posts {text-align:left;float: left; width: 400px; 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;border:1px solid {color:border};background:{color:backgroundbox}}
  196. .posts img {max-width:398px; -webkit-transition: 0.9s ease-in; -moz-transition: 0.9s ease-in; transition: 0.9s ease-in;margin-left:-4px;}
  197. .posts:hover img {opacity:0.8;}
  198. .posts2 {background:{color:backgroundbox}; width: 405px;float: left;padding:4px; 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;}
  199.  
  200.  
  201. /***Titulos e afins***/
  202.  
  203. h1{color:{color:title}!important;font-family: 'origin';font-size:12px;font-weight:normal;;}
  204.  
  205. @font-face{font-family:'origin'; src:url('http://static.tumblr.com/zvqacv0/IVxmcmtr6/origin-regular.ttf');}
  206.  
  207.  
  208. @font-face{font-family:'Cursive standard'; src:url('http://static.tumblr.com/37gdlu1/xpLmc5f4q/cursive_standard.ttf');}
  209.  
  210.  
  211. h2{color:{color:frase};padding:2px;
  212. font-family:'Cursive standard';z-index: 11;
  213. margin-top:5px;height:35px;
  214. font-size:22px;margin-left:0px; font-weight:normal;line-height:30px;
  215. overflow: hidden;width:204px;overflow: hidden;text-align:center;
  216. -webkit-transition: all 0.8s ease-out; -moz-transition: all 0.8s ease-out;}
  217.  
  218.  
  219. /*** Notes *********/
  220.  
  221. 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;}
  222. ol.notes li.note {border-top: solid 1px {color:backgroundbox}; padding: 4px;}
  223. ol.notes li.note img.avatar {display: normal;}
  224. ol.notes li.note span.action {font-weight: none;}
  225. ol.notes li.note .answer_content {font-weight: normal;}
  226. ol.notes li.note blockquote {display: none;}
  227. ol.notes li.note blockquote a {text-decoration: none;}
  228. ful { list-style: none; }
  229. ol { list-style-position: inside; }
  230. * { margin: 0; padding: 0; outline: none; }
  231. .caixa {overflow: hidden;background: {color:backgroundbox}; padding: 7px;
  232. font-family: Verdana, Geneva, sans-serif;
  233. color: {color:letras};text-align: justify;outline: 0px solid #; margin-bottom: 1px;width:400px;margin-left:0px;}
  234. .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:4px;}
  235. .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:4px;}
  236. .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:4px;}
  237. .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:4px;}
  238.  
  239. .extra:hover{border-left: 20px solid {color:extras};}
  240. .extras:hover{border-left: 30px solid {color:extras};}
  241. .extrasss:hover{border-left: 40px solid {color:extras};}
  242. .extrasss a{font-family:consolas;}
  243. .extrass:hover{border-left: 50px solid {color:extras};}
  244. .extra a {padding-right: 6px; color: {color:letras}; }
  245.  
  246. /*** TAGS******/
  247. .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;}
  248.  
  249. .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:backgroundtheme};text-transform:uppercase;
  250. margin-top:12px;margin-left:2px;}
  251.  
  252. .tag {width: 100%; font-weight:normal; letter-spacing:1px; padding:3px; margin-bottom: 1px; text-align:right; font-family:consolas;font-size:10px;text-transform:uppercase; margin-top:5px;letter-spacing: 0.02em;margin-left:-2px;}
  253.  
  254.  
  255.  
  256. /***Formatação dos links e nwgrito***/
  257.  
  258.  
  259.  
  260. a:link, a:visited, a:active {color:{color:links} ; text-shadow: 0 0px 0px #ffffff; letter-spacing: 0.02em; text-decoration: none;;}
  261. a:hover {color: {color:linkshover}; -webkit-transition-duration: .99s; }
  262.  
  263. /******************************* NEGRITO, ITÁLICO, RISCADO E SUBLINADO **/
  264.  
  265. b, strong {color: {color:negrito};}
  266.  
  267. u,underline {color: {color:letras}; border-bottom: 1px dotted {color:letras}; text-decoration:none; }
  268.  
  269. i, em{color:{color:letras}; }
  270.  
  271.  
  272.  
  273. /***BOXNOTES***/
  274. .posts .boxnotes {height:20px;left:0px;
  275. text-align: left;background:{color:backgroundbox};bottom:-10px;
  276. position: absolute; color:{color:links};
  277. line-height:15px; font-family:consolas;
  278. -webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;
  279. -o-transition: all 0.5s ease;transition: all 0.5s ease;opacity:0.0;
  280. }
  281. .posts:hover .boxnotes {opacity: 1;bottom:5px;}
  282.  
  283.  
  284. /** Menu sm 1**/
  285. .nav {text-shadow: 1px 1px 1px #000; background:rgba(250, 250, 250, 0.4);color:#fff; width:40px; display: inline-block; padding: 2px; text-align: center; line-height: 38px;height:38px;margin: 1px 1px 1px 1px; float: center; font-size:10px;font-family: consolas; -webkit-transition-duration: .90s;font-weight:bold;}
  286.  
  287. .nav:hover { background: transparent;color:#fff;opacity:0.8;
  288. display: inline-block; padding: 2px; text-align: center; ; float: center;
  289. !important;text-decoration: none; }
  290.  
  291. /** Menu sm 2**/
  292. .nav2 {background:{color:menu};color:{color:textlinks}; width:45px; display: inline-block; padding: 2px; text-align: center; line-height: 18px;height:18px;margin: 1px 1px 1px 1px; float: center; font-size:10px;font-family: consolas; -webkit-transition-duration: .90s;}
  293. .nav2:hover { background: {color:menuhover};color:{color:textlinkshover};
  294. display: inline-block; padding: 2px; text-align: center; ; float: center;
  295. !important;text-decoration: none; }
  296.  
  297.  
  298.  
  299.  
  300.  
  301. /* Chat por Anna (livelikeasuicide) *********/
  302. .chat {background: {color:backgroundbox}; margin: 0; font-size:
  303. 9px; font-family: trebuchet ms;}
  304. .chat .chat1 {margin-left: 0px;}
  305. .chat .chat1 .chat2 {background: {color:chat1}; color:{color:chatcolor};
  306. margin-bottom: 1px; padding: 3px 4px 3px 4px;} /* Primeira linha */
  307. .chat .chat1 .chat2.even {background: {color:chat2};
  308. color: {color:chatcolor};} /* Segunda linha */
  309. .chat .chat1 .chat2 span{font-weight: bold;}
  310.  
  311.  
  312.  
  313. /* --- Estilo de ask por tthy (things-to-help-you.tumblr.com) --- */
  314. .pergunta {
  315. line-height: 20px;
  316. background: {color:backgroundtheme};
  317. padding: 5px;
  318. font-family: Georgia;
  319. font-style: Italic;
  320. font-size: 11px;
  321. margin-top: -1px;
  322. margin-right: 0;
  323. overflow: hidden;
  324.  
  325.  
  326. -webkit-border-bottom-right-radius: 5px;
  327. -webkit-border-bottom-left-radius: 5px;
  328. -moz-border-radius-bottomright: 5px;
  329. -moz-border-radius-bottomleft: 5px;
  330. border-bottom-right-radius: 5px;
  331. border-bottom-left-radius: 5px;}
  332.  
  333. .perguntou {
  334. display: block;
  335. font-family: Georgia;
  336. font-style: Italic;
  337. font-size: 11px;
  338. background: {color:askbg};
  339. padding-left: 5px;
  340. overflow: hidden;
  341. padding-right: 5px;
  342. padding-top: 4px;
  343. padding-bottom: 4px;
  344. margin-top: 1px;
  345. text-shadow: 0px 1px 1px #;
  346. color: {color:askcolor};
  347. margin-bottom: 2px;
  348. -webkit-border-top-left-radius: 5px;
  349. -webkit-border-top-right-radius: 5px;
  350. -moz-border-radius-topleft: 5px;
  351. -moz-border-radius-topright: 5px;
  352. border-top-left-radius: 5px;
  353. border-top-right-radius: 5px;}
  354.  
  355. .pergunta g {color: {color:askcolor}; text-shadow: 0px 0px 0px;}
  356. .pergunta a {color: {color:askcolor}; text-shadow: 0px 0px 0px;}
  357.  
  358. .pergunta .data {
  359. float: right;
  360. font-family: 'Ubuntu Mono', sans-serif;
  361. font-style: normal;
  362. text-transform: uppercase;
  363. height: 18px;
  364. line-height: 18px;
  365. padding: 3px;
  366. background: {color:askbg2};
  367. margin-top: 12px;
  368. margin-right: 1px;
  369. text-shadow: 1px 1px 0px #b1cfe4;
  370. color: {color:askcolor2};
  371. -webkit-border-top-left-radius: 5px;
  372. -webkit-border-bottom-left-radius: 5px;
  373. -moz-border-radius-topleft: 5px;
  374. -moz-border-radius-bottomleft: 5px;
  375. border-top-left-radius: 5px;
  376. border-bottom-left-radius: 5px;}
  377.  
  378. .boxicon {width: 24px;
  379. height: 24px;
  380. float: right;
  381. margin-left: 0px;
  382. margin-top: 5px;
  383. margin-right: -4px; }
  384.  
  385. .boxicon .askfoto {
  386. display: inline-block;
  387. margin-top: 7px;
  388. margin-left: 5px;
  389. float: right;}
  390.  
  391. .askfoto:hover {opacity: 0.9;}
  392. .linha {margin-bottom: 7px;}
  393. .ns {margin-left: 20px; margin-top: 1px;}
  394.  
  395. /* Personalização do audio *********/
  396. .trackid {padding: 8px;
  397. background: {color:backgroundtheme};
  398. color:{color:letras};
  399. margin-top: 1px;
  400. margin-left: 1px;
  401. margin-right: 1px;
  402. }
  403. .trackid2 {padding: 2px;
  404. background: {color:backgroundtheme};
  405. color: {color:letras};
  406. margin-top: 1px;
  407. margin-left: 1px;
  408. margin-right: 1px;}
  409.  
  410.  
  411. </style>
  412. {block:IndexPage}
  413.  
  414. <script src="http://static.tumblr.com/twte3d7/0pellzh2t/infinitescroll.js"></script>
  415.  
  416. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>
  417.  
  418.  
  419.  
  420.  
  421. <script type="text/javascript" src="http://static.tumblr.com/me5sfsd/12Qlmj66n/script.js"></script>
  422.  
  423. <script type="text/javascript">
  424. $(window).load(function(){
  425. var $wall = $('#conteudo');
  426. $wall.imagesLoaded(function(){
  427. $wall.masonry({
  428. itemSelector: '.posts',
  429. isAnimated : true
  430. });
  431. });
  432. $wall.infinitescroll({
  433. navSelector : "div#navigation",
  434. nextSelector : "div#navigation a#nextPage",
  435. itemSelector : '.posts',
  436. loadingImg : "http://static.tumblr.com/8yo5xxv/3Tum7rjpo/loader.gif",
  437. loadingText : "",
  438. donetext : " ",
  439. extraScrollPx : 1000,
  440. bufferPx : 10100,
  441. debug : false,
  442. errorCallback: function() {
  443. $('#infscr-loading').animate({opacity: .8},2000).fadeOut('normal');
  444. }},
  445. function( newElements ) {
  446. var $newElems = $( newElements );
  447. $newElems.hide();
  448. $newElems.imagesLoaded(function(){
  449. $wall.masonry( 'appended', $newElems, {isAnimated: true, animationOptions: {duration: 125, easing: 'linear', queue: false}}, function(){$newElems.fadeIn('slow');} );
  450. });
  451. }); $('#conteudo').show(500);
  452. });
  453. </script>
  454.  
  455. {/block:IndexPage}
  456. <script type="text/javascript" src="http://static.tumblr.com/q0etgkr/J5bl3lkz1/tumblrautopagernopage.js"></script>
  457. <body>
  458.  
  459.  
  460. <center>
  461. <div id="total">
  462. <div id="sidebar"> <div class="sidebarsm">
  463. <!----------Efeito 1 (cds)---------->
  464.  
  465. <h2>{text:frase}</h2><div class="sidebar">
  466. {block:ifLink1}<a href="{text:Link1}"><div class="nav">{text:Link1 Title}</div></a>{/block:ifLink1}{block:ifLink2}<a href="{text:Link2}"><div class="nav">{text:Link2 Title}</div></a>{/block:ifLink2}{block:ifLink3}<a href="{text:Link3}"><div class="nav">{text:Link3 Title}</div></a>{/block:ifLink3}</div>
  467. <div id="texto">
  468. <div class="imageside"><center>
  469. <img src="{image:imageside}"class="bordasm"></center></div>
  470. {description}</div>
  471. <div class="sidebarsm2">
  472. <center>{block:ifLink4}<a href="{text:Link4}"><div class="nav2">{text:Link4 Title}</div></a>{/block:ifLink4}{block:ifLink5}<a href="{text:Link5}"><div class="nav2">{text:Link5 Title}</div></a>{/block:ifLink5}{block:ifLink6}<a href="{text:Link6}"><div class="nav2">{text:Link6 Title}</div></a>{/block:ifLink6}{block:ifLink7}<a href="{text:Link7}"><div class="nav2">{text:Link7 Title}</div></a>{/block:ifLink7}</div>
  473. <div class="credits"><div class="creditss">©<br><br>
  474. <a href="http://cerejadosundae.tumblr.com"title=" tutos tthy, inp umapequenapoeta"><font color="{color:descripcolor}">cds</a></font></div></div>
  475.  
  476. </div>
  477. </div>
  478. <!-- TAGS PRINCIPAIS -->
  479.  
  480.  
  481. <div id="conteudo">
  482.  
  483. <div id="iluc">
  484.  
  485. {block:Posts}
  486. <!-- TEXTO-->
  487. {block:Text}
  488. {block:IndexPage}
  489. <div class="posts">
  490. <div class="boxnotes">
  491.  
  492.  
  493.  
  494.  
  495.  
  496. <center>
  497. <div class="tag">{DayOfMonthWithZero}/{MonthNumberWithZero}/{ShortYear} · <a href="{ReblogURL}" target="_blank">Reblog</a> · <a class="notes" href="{Permalink}"><a href="{Permalink}">{block:Date}{NoteCount} Notes{/block:Date}</a> ·
  498. {block:RebloggedFrom}<a href="{ReblogParentURL}"> (Via</a>{/block:RebloggedFrom} {block:ContentSource}<a href="{SourceURL}"target=blank>/source)</a> {/block:ContentSource}</a>
  499. </center> </div>
  500.  
  501.  
  502.  
  503.  
  504.  
  505.  
  506. {block:Title}<h1>{Title}</h1>{/block:Title}{Body}{/block:IndexPage}
  507.  
  508.  
  509.  
  510. {block:PermalinkPage}<div class="posts2">{block:Title}<h1>{Title}</h1>{/block:Title}{Body}</div>{/block:PermalinkPage}
  511.  
  512. {block:IndexPage}
  513.  
  514. <div class="tag"><a href="{ReblogURL}" target="_blank">Reblog this <img src="http://media.tumblr.com/tumblr_m0nj1ziGbG1qe5v0r.png"></a>
  515. </div>{/block:IndexPage}
  516. </div>
  517. {/block:Text}
  518.  
  519.  
  520.  
  521. <!-- PHOTO -->
  522. {block:Photo}{block:IndexPage}
  523. <div class="posts">
  524. <div class="boxnotes2"><center><div class="boxnotess"><a href="{ReblogURL}" target="_blank"><img src="http://cdn1.iconfinder.com/data/icons/duesseldorf/32/refresh.png"class="bor"></a></div>
  525. <div class="boxnotesss"><a class="notes" href="{Permalink}"><img src="http://cdn1.iconfinder.com/data/icons/windows8_icons_iconpharm/26/like_outline.png"class="bor"></center></a></div>
  526.  
  527.  
  528.  
  529.  
  530. <center><img src="{PhotoURL-500}" ></center>
  531. {block:Caption}{Caption}{/block:Caption}</div>{/block:IndexPage}
  532.  
  533. {block:PermalinkPage}<div class="posts2"><img src="{PhotoURL-500}" width="400" >
  534. {block:Caption}{Caption}{/block:Caption}</div>{/block:PermalinkPage}
  535.  
  536.  
  537.  
  538. {/block:Photo}
  539.  
  540.  
  541. <!-- PHOTOSET -->
  542.  
  543. {block:Photoset}{block:IndexPage}
  544. <div class="posts"><div class="boxnotes">
  545.  
  546.  
  547.  
  548.  
  549.  
  550. <center>
  551. <div class="tag">{DayOfMonthWithZero}/{MonthNumberWithZero}/{ShortYear} · <a href="{ReblogURL}" target="_blank">Reblog</a> · <a class="notes" href="{Permalink}"><a href="{Permalink}">{block:Date}{NoteCount} Notes{/block:Date}</a> ·
  552. {block:RebloggedFrom}<a href="{ReblogParentURL}"> (Via</a>{/block:RebloggedFrom} {block:ContentSource}<a href="{SourceURL}"target=blank>/source)</a> {/block:ContentSource}</a>
  553. </center> </div>
  554.  
  555.  
  556.  
  557. <center>{Photoset-400}</center>{block:Caption}{Caption}{/block:Caption}</div>{/block:IndexPage}
  558. {block:PermalinkPage}<div class="posts2">{Photoset-400}
  559. {block:Caption}{Caption}{/block:Caption}</div>{/block:PermalinkPage}
  560.  
  561.  
  562. {/block:Photoset}
  563.  
  564.  
  565. <!-- QUOTE -->
  566.  
  567. {block:Quote}{block:IndexPage}
  568. <div class="posts"><div class="boxnotes">
  569.  
  570.  
  571.  
  572.  
  573.  
  574. <center>
  575. <div class="tag">{DayOfMonthWithZero}/{MonthNumberWithZero}/{ShortYear} · <a href="{ReblogURL}" target="_blank">Reblog</a> · <a class="notes" href="{Permalink}"><a href="{Permalink}">{block:Date}{NoteCount} Notes{/block:Date}</a> ·
  576. {block:RebloggedFrom}<a href="{ReblogParentURL}"> (Via</a>{/block:RebloggedFrom} {block:ContentSource}<a href="{SourceURL}"target=blank>/source)</a> {/block:ContentSource}</a>
  577. </center> </div>
  578.  
  579.  
  580.  
  581.  
  582.  
  583.  
  584.  
  585.  
  586.  
  587.  
  588. <div id="aspas">❞</div>
  589. <div class="quote">{Quote}</div>
  590.  
  591.  
  592.  
  593. <div class="tagss">{block:Source}<div class="qsource">{Source}</div>{/block:Source}
  594. <div class="tag2"><a href="{ReblogURL}" target="_blank"><img src="http://media.tumblr.com/tumblr_m0nj1ziGbG1qe5v0r.png"> Reblog</a> </div>
  595. </div></div>
  596. {/block:IndexPage}
  597.  
  598. {block:PermalinkPage}<div class="posts2"><div id="aspas">❞</div>
  599. <div class="quote">{Quote}</div>
  600.  
  601.  
  602.  
  603. <div class="tag">{block:Source}<div class="qsource">{Source}</div>{/block:Source}<div class="tag2"><a href="{ReblogURL}" target="_blank"><img src="http://media.tumblr.com/tumblr_m0nj1ziGbG1qe5v0r.png"> Reblog</a> · <a class="notes" href="{Permalink}"><a href="{Permalink}">{block:Date}{NoteCount} Notes{/block:Date}</a> </div>
  604. </div></div>
  605.  
  606. {block:PermalinkPage}
  607.  
  608.  
  609.  
  610. {/block:Quote}
  611.  
  612.  
  613. <!-- LINK -->
  614. {block:Link}{block:IndexPage}
  615. <div class="posts"><div class="boxnotes">
  616.  
  617.  
  618.  
  619.  
  620.  
  621. <center>
  622. <div class="tag">{DayOfMonthWithZero}/{MonthNumberWithZero}/{ShortYear} · <a href="{ReblogURL}" target="_blank">Reblog</a> · <a class="notes" href="{Permalink}"><a href="{Permalink}">{block:Date}{NoteCount} Notes{/block:Date}</a> ·
  623. {block:RebloggedFrom}<a href="{ReblogParentURL}"> (Via</a>{/block:RebloggedFrom} {block:ContentSource}<a href="{SourceURL}"target=blank>/source)</a> {/block:ContentSource}</a>
  624. </center> </div>
  625.  
  626.  
  627.  
  628.  
  629. <h1><a href="{URL}">{Name}</a></h1>
  630. {block:Description}{Description}{/block:Description}
  631. {/block:IndexPage}
  632.  
  633. {block:PermalinkPage}<div class="posts2"><h1><a href="{URL}">{Name}</a></h1>
  634. {block:Description}{Description}{/block:Description}</div>{/block:PermalinkPage}
  635.  
  636.  
  637. {block:IndexPage}
  638.  
  639. <div class="tag"><a href="{ReblogURL}" target="_blank">Reblog this <img src="http://media.tumblr.com/tumblr_m0nj1ziGbG1qe5v0r.png"></a>
  640. </div></div>{/block:IndexPage}
  641.  
  642. {/block:Link}
  643.  
  644.  
  645. <!-- CHAT -->
  646.  
  647. {block:Chat}{block:IndexPage}
  648. <div class="posts"><div class="boxnotes">
  649.  
  650.  
  651.  
  652.  
  653.  
  654. <center>
  655. <div class="tag">{DayOfMonthWithZero}/{MonthNumberWithZero}/{ShortYear} · <a href="{ReblogURL}" target="_blank">Reblog</a> · <a class="notes" href="{Permalink}"><a href="{Permalink}">{block:Date}{NoteCount} Notes{/block:Date}</a> ·
  656. {block:RebloggedFrom}<a href="{ReblogParentURL}"> (Via</a>{/block:RebloggedFrom} {block:ContentSource}<a href="{SourceURL}"target=blank>/source)</a> {/block:ContentSource}</a>
  657. </center> </div>
  658.  
  659.  
  660.  
  661.  
  662.  
  663.  
  664.  
  665.  
  666.  
  667.  
  668. <div class="chat">
  669. <div class="chat1">
  670. {block:Lines}
  671. <div class="chat2 {Alt}">
  672. {block:Label}
  673. <b>{Label}</b>
  674. {/block:Label}
  675. {Line}</div>
  676. {/block:Lines}
  677. </div>
  678. </div>{/block:IndexPage}
  679.  
  680. {block:PermalinkPage}<div class="posts2">
  681.  
  682. <div class="chat">
  683. <div class="chat1">
  684. {block:Lines}
  685. <div class="chat2 {Alt}">
  686. {block:Label}
  687. <b>{Label}</b>
  688. {/block:Label}
  689. {Line}</div>
  690. {/block:Lines}
  691. </div>
  692. </div></div>{/block:PermalinkPage}
  693.  
  694. {block:IndexPage}
  695.  
  696.  
  697. <div class="tag"><a href="{ReblogURL}" target="_blank">Reblog this <img src="http://media.tumblr.com/tumblr_m0nj1ziGbG1qe5v0r.png"></a>
  698. </div>{/block:IndexPage}
  699. </div>
  700. {/block:Chat}
  701.  
  702.  
  703.  
  704. <!-- AUDIO -->
  705.  
  706. {block:Audio}{block:IndexPage}
  707. <div class="posts"><div class="boxnotes">
  708.  
  709.  
  710.  
  711.  
  712.  
  713. <center>
  714. <div class="tag">{DayOfMonthWithZero}/{MonthNumberWithZero}/{ShortYear} · <a href="{ReblogURL}" target="_blank">Reblog</a> · <a class="notes" href="{Permalink}"><a href="{Permalink}">{block:Date}{NoteCount} Notes{/block:Date}</a> ·
  715. {block:RebloggedFrom}<a href="{ReblogParentURL}"> (Via</a>{/block:RebloggedFrom} {block:ContentSource}<a href="{SourceURL}"target=blank>/source)</a> {/block:ContentSource}</a>
  716. </center> </div>
  717.  
  718.  
  719.  
  720.  
  721.  
  722.  
  723. {block:AlbumArt}
  724. <img style="float: left; margin-right: 0px; margin-left: 1px; margin-top: 1px;"src="{AlbumArtURL}" width="31" >
  725. {/block:AlbumArt}
  726. <div class="trackid2">{AudioPlayerGrey}</div>
  727. {block:TrackName}
  728. <div class="trackid">"{TrackName}"</div>
  729. {/block:TrackName}
  730. {block:Artist}
  731. <div class="trackid">{Artist}</div>
  732. {/block:Artist}
  733. <div class="trackid">({PlayCount}) plays</div>
  734. </div>
  735. {/block:IndexPage}
  736.  
  737. {block:PermalinkPage}<div class="posts2">
  738.  
  739. <div class="caixa">
  740. {block:AlbumArt}
  741. <img style="float: left; margin-right: 0px; margin-left: 1px; margin-top: 1px;"src="{AlbumArtURL}" width="31" >
  742. {/block:AlbumArt}
  743. <div class="trackid2">{AudioPlayerGrey}</div>
  744. {block:TrackName}
  745. <div class="trackid">"{TrackName}"</div>
  746. {/block:TrackName}
  747. {block:Artist}
  748. <div class="trackid">{Artist}</div>
  749. {/block:Artist}
  750. <div class="trackid">({PlayCount}) plays</div>
  751. </div>{/block:PermalinkPage}
  752. {block:IndexPage}
  753.  
  754. <div class="tag"><a href="{ReblogURL}" target="_blank">Reblog this <img src="http://media.tumblr.com/tumblr_m0nj1ziGbG1qe5v0r.png"></a>
  755. </div>{/block:IndexPage}
  756.  
  757. </div>
  758. {/block:Audio}
  759.  
  760.  
  761. <!-- VIDEO-->
  762.  
  763. {block:Video}{block:IndexPage}
  764. <div class="posts"><div class="boxnotes">
  765.  
  766.  
  767.  
  768.  
  769.  
  770. <center>
  771. <div class="tag">{DayOfMonthWithZero}/{MonthNumberWithZero}/{ShortYear} · <a href="{ReblogURL}" target="_blank">Reblog</a> · <a class="notes" href="{Permalink}"><a href="{Permalink}">{block:Date}{NoteCount} Notes{/block:Date}</a> ·
  772. {block:RebloggedFrom}<a href="{ReblogParentURL}"> (Via</a>{/block:RebloggedFrom} {block:ContentSource}<a href="{SourceURL}"target=blank>/source)</a> {/block:ContentSource}</a>
  773. </center> </div>
  774.  
  775.  
  776.  
  777.  
  778.  
  779.  
  780.  
  781. <center>{Video-400}</center>
  782. {block:Caption}{Caption}{/block:Caption}{/block:IndexPage}
  783. {block:PermalinkPage}<div class="posts2"><center>{Video-400}
  784.  
  785. {block:Caption}{Caption}{/block:Caption}</div>{/block:PermalinkPage}
  786. {block:IndexPage}
  787.  
  788. <div class="tag"><a href="{ReblogURL}" target="_blank">Reblog this <img src="http://media.tumblr.com/tumblr_m0nj1ziGbG1qe5v0r.png"></a>
  789. </div>{/block:IndexPage}
  790. </div>
  791. {/block:Video}
  792.  
  793.  
  794.  
  795. <!-- ASKER -->
  796.  
  797. {block:Answer}{block:IndexPage}
  798. <div class="posts">
  799.  
  800.  
  801.  
  802.  
  803. <div class="perguntou">
  804. <span class="per1"><a href="{Permalink}">
  805. <img src="http://static.tumblr.com/tx5g7yp/NCwmbj6s0/heart.png" border="0"></a>
  806. {TimeAgo} | {block:Date}{NoteCount} notes{/block:Date}
  807. </span>
  808. </div>
  809.  
  810. <div class="pergunta">
  811. {Question}<p>
  812.  
  813. <div class="boxicon">
  814. <img src="{AskerPortraitURL-24}" width="24" class="askfoto">
  815. </div>
  816.  
  817. <span class="data">
  818. <img style="position: absolute; margin-top: 2px;"src="http://static.tumblr.com/tx5g7yp/9gambj6ue/user.png">
  819. <span class="ns"><g>{Asker}</g>
  820. </span>
  821. </span>
  822.  
  823. </div>
  824. <div class="linha"></div>
  825. {Answer}
  826. {/block:IndexPage}{block:PermalinkPage}<div class="posts2"><div class="perguntou">
  827. <span class="per1"><a href="{Permalink}">
  828. <img src="http://static.tumblr.com/tx5g7yp/NCwmbj6s0/heart.png" border="0"></a>
  829. {TimeAgo}
  830. </span>
  831. </div>
  832.  
  833. <div class="pergunta">
  834. {Question}<p>
  835.  
  836. <div class="boxicon">
  837. <img src="{AskerPortraitURL-24}" width="24" class="askfoto">
  838. </div>
  839.  
  840. <span class="data">
  841. <img style="position: absolute; margin-top: 2px;"src="http://static.tumblr.com/tx5g7yp/9gambj6ue/user.png">
  842. <span class="ns"><g>{Asker}</g>
  843. </span>
  844. </span>
  845.  
  846. </div>
  847. <div class="linha"></div>
  848. {Answer}
  849. {/block:PermalinkPage}
  850.  
  851.  
  852.  
  853. </div>
  854. {/block:Answer}
  855.  
  856. {block:PostNotes}
  857.  
  858.  
  859.  
  860. <div class="caixa">
  861. <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>
  862. <div class="extras">
  863. <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>
  864. </div>
  865. <div class="extrass">
  866. <img src="http://static.tumblr.com/wa79tuo/YzBm1iuyx/tag.png" class="user"> {block:HasTags}{/block:HasTags}
  867. <span style="width:auto;">
  868. {block:HasTags}
  869. {block:Tags}
  870. <a class="tag" href="{TagURL}">{Tag}</a>
  871. {/block:Tags}
  872. {/block:HasTags}</span>
  873. <br>
  874. </div>
  875. <div class="extrass">
  876. <img src="http://cdn1.iconfinder.com/data/icons/androiddevicons/love.png" class="user"width="14">{NoteCount}
  877. </div>
  878. </div>
  879. <div class="caixa">
  880. {PostNotes}
  881. </div>
  882. {/block:PostNotes}
  883. {/block:Posts}
  884. {block:IndexPage}
  885. <div class="column navigation" id="navigation">
  886. {block:Pagination}
  887. {block:PreviousPage}<a href="{PreviousPage}" class="navigate">{/block:PreviousPage}{block:PreviousPage}</a>{/block:PreviousPage}
  888. {block:NextPage}<a href="{NextPage}" class="navigate" id="nextPage">{/block:NextPage}{block:NextPage}</a>{/block:NextPage}{/block:Pagination}
  889. </div>
  890. {/block:IndexPage}
  891.  
  892. </div></div></div></div>
  893.  
  894. <br></center></div></div></div></div></div></div>
  895. <!---------------- FINAL DE TAGS DO POST ------------->
  896.  
  897.  
  898. </body>
  899. </head>
  900. </html>
  901. <center>
  902. <div style="width:85px;position:fixed;font-family:'Cursive standard';text-aling:center; height:30px;text-transform:none;right:5px;bottom:15px;">
  903. <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!