Advertisement
simonecereja

Theme Clear

Jun 9th, 2013
2,038
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 25.41 KB | None | 0 0
  1. <!------------------------------------------------------------------
  2.  
  3. | THEME FEITO TOTALMENTE POR SIMONE MONTILARES |
  4. (CEREJADOSUNDAE.TUMBLR.COM)
  5. | ROUBAR É CRIME, PLÁGIO É CONSIDERADO COMO ROUBO, ANTES DE PEGAR |
  6. ALGO DAQUI E DIZER QUE É SEU, TENHA EMPATIA E APRENDA A FAZER
  7. | SUAS PRÓPRIAS COISAS. VOCÊ TAMBÉM É CAPAZ. |
  8.  
  9. ------------------------------------------------------------------->
  10.  
  11.  
  12. <head>
  13. <!----------------------------------FONTES ----------------------------->
  14. <link href='http://fonts.googleapis.com/css?family=Clicker+Script' rel='stylesheet' type='text/css'>
  15. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
  16. <script src="http://static.tumblr.com/ikeq9mi/DfYl6o46t/scrolltotop.min.js"></script><link href='http://fonts.googleapis.com/css?family=Unica+One' rel='stylesheet' type='text/css'><link href='http://fonts.googleapis.com/css?family=Homemade+Apple' rel='stylesheet' type='text/css'>
  17. <link href='http://fonts.googleapis.com/css?family=Emilys+Candy|Butterfly+Kids|Federo|Quicksand|Antic+Didone|Josefin+Slab|Raleway+Dots|Cedarville+Cursive|Damion|Dawning+of+a+New+Day|Rancho|Marvel' rel='stylesheet' type='text/css'>
  18. <link href='http://fonts.googleapis.com/css?family=Sunshiney' rel='stylesheet' type='text/css'>
  19.  
  20. <link href='http://fonts.googleapis.com/css?family=Finger+Paint' rel='stylesheet' type='text/css'>
  21. <script src="http://masonry.desandro.com/js/jquery-1.7.1.min.js"></script>
  22. <script src="http://masonry.desandro.com/jquery.masonry.min.js"></script>
  23. <script type="text/javascript"
  24. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script><link href='http://fonts.googleapis.com/css?family=Norican' rel='stylesheet' type='text/css'>
  25. <script src="http://static.tumblr.com/ikeq9mi/DfYl6o46t/scrolltotop.min.js"></script><script src="http://static.tumblr.com/ikeq9mi/DfYl6o46t/scrolltotop.min.js"></script>
  26. <script type="text/javascript" src="http://static.tumblr.com/q0etgkr/mFbkoqlkr/tumblrautopager.js"></script>
  27.  
  28.  
  29. <title>{Title}</title>
  30. <link rel="{Favicon}">
  31. <meta name="color:backgroundtheme" content="#f7f7f7"/>
  32. <meta name="color:backgroundbox" content="#fff"/>
  33.  
  34. <meta name="color:borderposts" content="#e4e4e1"/>
  35.  
  36. <meta name="color:letras" content="#777"/>
  37. <meta name="color:title" content="#777"/>
  38. <meta name="color:descripcolor" content="#aaa"/>
  39. <meta name="color:scroll" content="#000000"/>
  40. <meta name="color:link" content="#aaa"/>
  41. <meta name="color:linkshover" content="#777"/>
  42. <meta name="color:textlinks" content="#aaa"/>
  43. <meta name="color:textlinkshover" content="#777"/>
  44. <meta name="color:chat1" content="#eee"/>
  45. <meta name="color:chat2" content="#d6d6d6"/>
  46. <meta name="color:chatcolor" content="#777"/>
  47. <meta name="color:frasecolor" content="#aaa"/>
  48. <meta name="color:borderleft" content="#dee1e2"/>
  49. <meta name="color:borderight" content="#d5c8cd"/>
  50. <meta name="color:extras" content="#000000"/>
  51. <meta name="color:askbg" content="#eee"/>
  52. <meta name="color:askcolor" content="#aaa"/>
  53. <meta name="color:quotesource" content="#d6d6d6"/>
  54. <meta name="image:background" content=""/>
  55. <meta name="image:imageside" content="http://25.media.tumblr.com/bc42b323d7f7d573fe071c0e18299e30/tumblr_mm8r1xrI1E1rbve83o1_500.jpg"/>
  56. <meta name="text:frase" content="Sua frase aqui" />
  57. <meta name="text:Link1" content="link" />
  58. <meta name="text:Link1 Title" content="link1" />
  59. <meta name="text:Link2" content="Link" />
  60. <meta name="text:Link2 Title" content="link2" />
  61. <meta name="text:Link3" content="link" />
  62. <meta name="text:Link3 Title" content="link3" />
  63. <meta name="text:Link4" content="Link" />
  64. <meta name="text:Link4 Title" content="link4" />
  65. <meta name="text:Link5" content="link" />
  66. <meta name="text:Link5 Title" content="link5" />
  67.  
  68. </head>
  69. <style>
  70. /*** Personalização do scrollbar ***/
  71.  
  72. ::-webkit-scrollbar-thumb:vertical {background-color:{color:scroll};;height:5px;border-radius:4px;}
  73.  
  74. ::-webkit-scrollbar-button:vertical {height:0px;display: block; }
  75.  
  76.  
  77. ::-webkit-scrollbar {height:0px;width:5px;background-color:{color:backgroundtheme};}
  78.  
  79.  
  80.  
  81. /*** Background ***/
  82. body{background:{color:backgroundtheme} Url('{image:background}'); color: {color:letras}; font-family:'candara';font-size:11px; background-attachment:fixed; background-repeat:repeat; background-repeat:repeat;background-repeat:repeat;}
  83. /* Chat por Anna (livelikeasuicide) *********/
  84. .chat { margin: 0; font-size:
  85. 9px; font-family: trebuchet ms;}
  86. .chat .chat1 {margin-left: 0px;}
  87. .chat .chat1 .chat2 {background: {color:chat1}; color:{color:chatcolor};
  88. margin-bottom: 1px; padding: 3px 4px 3px 4px;}
  89. .chat .chat1 .chat2.even {background: {color:chat2};
  90. color: {color:chatcolor};}
  91. .chat .chat1 .chat2 span{font-weight: bold;}
  92.  
  93. /*** Estruturas ***/
  94. #conteudo {width:620px; margin-top:10px; float:right;padding-bottom:25%;}
  95. .posts {width: 220px; padding: 5px;padding-bottom: 10px; margin:6px; text-align: justify; margin-top:1px;background:{color:backgroundbox};border: 1px solid {color:borderposts};overflow:auto;}
  96. .posts img{max-width:220px;}
  97. .posts2 {width: 505px;float: left;padding:4px; margin-bottom:4px;background:{color:backgroundbox};border: 1px solid {color:borderposts};text-align:left;margin:6px;}
  98. #total{width:810px;margin-top:0px;}
  99. #sidebar {width:185px; padding: 6px;float:left;position:fixed;top:25px;}
  100.  
  101.  
  102.  
  103. /***Estruturas internas ***/
  104. .imageside{width:159px;padding:4px;margin-top:0px;margin-left:*px;color:{color:descripcolor};padding-bottom:30px;z-index:100px;text-align: right; }
  105. .bordasm{width:159px;;margin-top:0px;margin-left:0px;-webkit-transition-duration: 1.99s;margin-bottom:2px;padding:4px;z-index:-100px;float:left;border: 1px solid{color:borderposts};border-radius:2px;background:{color:backgroundbox};}
  106. .imageside:hover img{opacity:0.6}
  107.  
  108.  
  109.  
  110. .sidebar{width:162px;opacity:1;-webkit-transition-duration: .59s; font-family:'candara';font-size:11px;font-style:italic;padding:4px;}
  111.  
  112. .sidebarr{background:{color:backgroundbox};border: 1px solid{color:borderposts};border-radius:2px;padding:4px;}
  113.  
  114.  
  115. .sidebar3{border-radius:2px;margin-left:0px;width:163px;font-size:11px;font-family: calibri;text-align: right; overflow: hidden;margin-top:-3px; padding:0px;}
  116.  
  117. /*** Links ***/
  118. a:link, a:visited, a:active {color:{color:link} ; text-shadow: 0 0px 0px #ffffff; letter-spacing: 0.02em; text-decoration: none;;}
  119. a:hover {color: {color:linkhover}; -webkit-transition-duration: .99s; }
  120.  
  121. /***Menu sm**/
  122.  
  123. .nav { display:block; padding:0px;text-align: right; color:{color:textlinks};margin:1px;border-top:1px solid transparent;border-bottom:1px solid transparent;
  124. font-size:10px; font-style:; font-family: consolas; letter-spacing:1px;font-weight: 400; cursor: pointer; -webkit-transition: all 0.5s linear;-moz-transition: all 0.5s linear;transition: all 0.5s linear;}
  125.  
  126. .nav:hover {color: {color:textlinkshover}; opacity:1; text-shadow: 1px 7px 1px {color:textlinks};
  127. }
  128.  
  129. .home {
  130. align:center;margin-top:3px;width:18px;}
  131.  
  132. /********* SELEÇÃO COLORIDA *************/
  133. ::-moz-selection
  134. {
  135. background: {color:backgroundtheme==};
  136. color: {color:letras};
  137. }
  138. ::selection
  139. {
  140. background:{color:backgroundtheme};
  141. color:{color:letras};
  142. }
  143.  
  144.  
  145.  
  146. /***BOXNOTES Simone (cerejadosundae)***/
  147. .posts .boxnotes2 {z-index: 11;
  148. padding:1px;margin-left:9px;
  149. text-align: center;background:rgba(0,0,0,0.4);
  150. position: absolute;margin-top:8px;height:17px;width:17px;
  151. line-height:17px; font-family:trebuchet ms;font-size:10px;opacity:0;
  152. -webkit-transition: all 0.4s ease;-moz-transition: all 0.5s ease;
  153. -o-transition: all 0.5s ease;transition: all 0.5s ease;padding:3px;padding:2px;}
  154. .boxnotes2 img{ -webkit-filter:invert(100%);}
  155. .posts:hover .boxnotes2 {opacity: 1; }
  156. .boxnotes2 img {margin:1px;width:10px;margin-top:3px; }
  157. .posts .boxnotes1 {z-index: 11;
  158. padding:1px;margin-left:9px;
  159. text-align: center;background:rgba(0,0,0,0.4);
  160. position: absolute;margin-top:-29px;height:17px;width:17px;
  161. line-height:17px; font-family:trebuchet ms;font-size:10px;opacity:0;
  162. -webkit-transition: all 0.4s ease;-moz-transition: all 0.5s ease;
  163. -o-transition: all 0.5s ease;transition: all 0.5s ease;padding:3px;padding:2px;}
  164. .boxnotes1 a{color:#fff;}
  165. .posts:hover .boxnotes1 {opacity: 1; margin-top:32px; }
  166. .boxnotes1 img { -webkit-filter:invert(100%);margin-top:3px;width:10px;}
  167. .vsanna{display: none;}
  168.  
  169.  
  170.  
  171. /*** Creditos ***/
  172. .credits{width:8px;height:8px;float:left;font-size:11px;color:{color:letras};line-height:9px;text-align:center;font-family: calibri;padding: 4px;border: 1px solid {color:borderposts};z-index: 11;margin-left:8px;background: {color:backgroundbox};
  173. position:fixed; text-transform: uppercase;top:8px;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;
  174. }.creditss a {color:{color:letras};font-size:8px;}
  175. /***titulos e afins***/
  176. h1{color:{color:title}!important;font-family: 'Sunshiney', cursive;font-size:17px;line-height:12px;font-weight:normal;margin:0px;padding:4px;margin-bottom:0px;text-align:left;}
  177.  
  178.  
  179.  
  180. /*** Personalização do audio***/
  181. .trackid {padding: 8px;
  182. background: {color:backgroundtheme};
  183. color: {color:letras};
  184. margin-top: 1px;
  185. margin-left: 1px;
  186. margin-right: 1px;
  187. }
  188. .trackid2 {padding: 2px;
  189. background: {color:backgroundtheme};
  190. color: {color:letras};
  191. margin-top: 1px;
  192. margin-left: 1px;
  193. margin-right: 1px;}
  194.  
  195. /******************************* NEGRITO, ITÁLICO, RISCADO E SUBLINADO **/
  196.  
  197. b, strong, bold {color: {color:letras};}
  198.  
  199. u,underline {color: {color:letras}; border-bottom: 1px dotted {color:letras}; text-decoration:none; }
  200. i, em{color: {color:letras}; }
  201.  
  202. #aspas{
  203. position:absolute;
  204. margin-left:12px;
  205. margin-top:10px;
  206. font-size:50px;
  207. opacity:0.4;
  208. filter: alpha(opacity = 90);
  209. color: {color:extras};
  210.  
  211. }
  212.  
  213. /* QUOTE */
  214. .quote { text-align: justify; margin-left: 0px; margin-top:10px;margin-bottom:0px;padding: 4px 4px 6px 4px;}
  215. .quote:first-letter {font: italic 18px 'brann'; }
  216. .qsource {text-align:right;;padding: 1px; font-size:9px;font-family:trebuchet ms;text-transform:uppercase;}
  217.  
  218. /*** Frase ***/
  219. .frase {width:160px; margin-left:0px;overflow: hidden;margin-top:0px; font-size: 20px;font-family: 'Sunshiney', cursive;text-align:center;color:{color:frasecolor}; z-index:11; padding:3px;line-height:26px;
  220. -webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;
  221. -o-transition: all 0.5s ease;transition: all 0.5s ease;}
  222. .frase:first-letter { font-size:25px; }
  223. @font-face{font-family:'sersal'; src:url('http://static.tumblr.com/zvqacv0/M36mihkgj/dj4trial.otf');}
  224.  
  225.  
  226.  
  227.  
  228. /*** TAGS******/
  229. .posts .tag { width:100px;font-weight:normal; padding:5px; top:25px; text-align:center; font-size:10px;-webkit-transition-duration: .59s;text-transform:uppercase;background:{color:backgroundtheme};
  230. margin-left:-302px;position:absolute;}
  231.  
  232.  
  233. .posts:hover .tag{opacity:1;margin-left:-5px;}
  234. /*** Ask Por Simone (cerejadosundae)***/
  235. .askerft {border-radius:100px;height:24px;width:24px;margin-top:-40px;margin-left:-15px;margin-right:-10px;z-index:100px;}
  236. .asker { background: {color:askbg}; font-weight:normal; padding:6px; margin-bottom: 1px; color:{color:askcolor}; font-size: 10px;text-align:left;font-family: arial;border-radius:4px;margin-top:10px; margin-left:10px;z-index:-100}
  237. #tri{border-top: 8px solid {color:askbg};;border-right:5px solid transparent;border-bottom: 8px solid transparent;
  238. border-left: 5px solid transparent;width: 0px;height: 0px;margin-top:-1px;margin-left:100px; margin-left:17px; }
  239. .asker a{background:#;color:{color:askcolor};font-family:trebuchet ms;font-size:9px;text-transform:uppercase;margin-left:10px;}
  240.  
  241. .resposta { font-weight:normal; padding:10px; margin-bottom: 1px; text-shadow:0 0px 0px #fff;; font-size: 11px; }
  242. /*** Notes *********/
  243.  
  244. ol.notes {background:{color:backgroundtheme};padding:6px;border-radius:2px; display : block;background-repeat : no-repeat;vertical-align : middle;text-decoration : none;margin-bottom : 1px; list-style-type: none; font-size:9px;text-align:left;}
  245. ol.notes li.note {padding: 4px;}
  246. ol.notes li.note img.avatar {display: none;border-radius:100px;}
  247. ol.notes li.note span.action {font-weight: none;}
  248. ol.notes li.note .answer_content {font-weight: none;}
  249. ol.notes li.note blockquote {display: none;}
  250. ol.notes li.note blockquote a {text-decoration: none;}
  251. ful { list-style: none; }
  252. ol { list-style-position: inside; }
  253. * { margin: 0; padding: 0; outline: none; }
  254. .caixa {overflow: hidden; padding: 7px;
  255. font-family: consolas;text-transform:uppercase;font-size:9px;
  256. color: {color:letras};text-align: justify;outline: 0px solid #; margin-bottom: 1px;width:500px;border: 1px dashed {color:backgroundtheme};background:{color:backgroundbox};margin-left:-95px;border: 1px solid {color:borderposts};}
  257. .extra {background:{color:backgroundtheme}; display : block;background-repeat : no-repeat;text-indent : 5px;vertical-align : middle;text-decoration : none;margin-bottom : 1px; line-height: 13px;-webkit-transition-duration: .49s;font-family: consolas;text-transform:uppercase;font-size:9px;padding:6px;border-radius:2px;}
  258.  
  259.  
  260.  
  261.  
  262. /***Back to top***/
  263. #scrollToTop:link,#scrollToTop:visited { color: transparent; background-color: transparent; display: none; position: fixed; right:15px;bottom:25px;font-size:50px;}
  264.  
  265.  
  266.  
  267.  
  268. </style>
  269. <body><div class="credits">
  270. <a href="http://cerejadosundae.tumblr.com"title="theme feito por cerejadosundae"><font color="{color:textlinks}">©</a></font></div><center>
  271.  
  272. <div id="total">
  273. <div id="sidebar">
  274. <div class="imageside"><div style=" background:{color:borderleft}; top: -80%;left: 90px; width: 10px; height:500%;z-index:-100 ; position: absolute;border-right:8px solid {color:borderight};"></div><div class="frase">{text:frase}</div><center>
  275. </center> <img src="{image:imageside}"class="bordasm"><div class="sidebar"><div class="sidebarr">{Description}</div>
  276. </div><div class="sidebar3"> {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}{block:ifLink4}<a href="{text:Link4}"><div class="nav">{text:Link4 Title}</div></a>{block:ifLink5}<a href="{text:Link5}"><div class="nav">{text:Link5 Title}</div></a><a href="http://cerejadosundae.tumblr.com/"><div class="nav">theme</div></a>
  277. </div>
  278. </div> </div>
  279. <!-- TAGS PRINCIPAIS -->
  280. <!-- TAGS PRINCIPAIS -->
  281. <div id="conteudo">
  282.  
  283. <div id="iluc">
  284. {block:Posts}
  285. <!-- TEXTO-->
  286. {block:Text}
  287. {block:IndexPage}
  288. <div class="posts">
  289.  
  290.  
  291.  
  292. {block:Title}<h1>{Title}</h1>{/block:Title}{Body}{/block:IndexPage}
  293.  
  294.  
  295.  
  296. {block:PermalinkPage}<div class="posts2">{block:Title}<h1>{Title}</h1>{/block:Title}{Body}</div>{/block:PermalinkPage}
  297.  
  298. {block:IndexPage}
  299.  
  300. <div class="tag"><a href="{Permalink}"> {block:Date}{NoteCount} Notes · {/block:Date}</a><a href="{Permalink}"><b>{ShortDayOfWeek}</b> - {DayOfMonthWithZero}/{MonthNumberWithZero}/{ShortYear}</a> · <a href="{ReblogURL}" target="_blank">Reblog</a> <div class="vsanna">{block:RebloggedFrom}<a href="{ReblogParentURL}"></a>{/block:RebloggedFrom}
  301. {block:ContentSource}<a href="{SourceURL}"></a>{/block:ContentSource}</div>
  302. </div>{/block:IndexPage}
  303. </div>
  304. {/block:Text}
  305.  
  306.  
  307.  
  308. <!-- PHOTO -->
  309. {block:Photo}{block:IndexPage}
  310. <div class="posts"><div class="boxnotes2"> <a href="{ReblogURL}" target="_blank" title="reblog"><img src="http://cdn3.iconfinder.com/data/icons/unicons-vector-icons-pack/32/repeat2-128.png"></a></div>
  311. <div class="boxnotes1"><a href="{permalink}" title="permalink" ><img src="http://cdn3.iconfinder.com/data/icons/unicons-vector-icons-pack/32/plus-128.png"></a></div>
  312.  
  313.  
  314.  
  315.  
  316. <center><img src="{PhotoURL-250}"></center>
  317.  
  318. {block:Caption}{Caption}{/block:Caption}</div>{/block:IndexPage}
  319.  
  320. {block:PermalinkPage}<div class="posts2"><img src="{PhotoURL-500}" >
  321. {block:Caption}{Caption}{/block:Caption}</div>{/block:PermalinkPage}
  322.  
  323.  
  324.  
  325. {/block:Photo}
  326.  
  327.  
  328. <!-- PHOTOSET -->
  329.  
  330. {block:Photoset}{block:IndexPage}<div class="posts"><div class="boxnotes2"> <a href="{ReblogURL}" target="_blank" title="reblog"><img src="http://cdn3.iconfinder.com/data/icons/unicons-vector-icons-pack/32/repeat2-128.png"></a></div>
  331. <div class="boxnotes1"><a href="{permalink}" title="permalink" ><img src="http://cdn3.iconfinder.com/data/icons/unicons-vector-icons-pack/32/plus-128.png"></a></div>
  332.  
  333. <center>{Photoset-250}</center>
  334. {block:Caption}{Caption}{/block:Caption}{/block:IndexPage}
  335. {block:PermalinkPage}<div class="posts2">{Photoset-500}
  336. {block:Caption}{Caption}{/block:Caption}<br/>{/block:PermalinkPage}
  337.  
  338. </div>
  339. {/block:Photoset}
  340.  
  341.  
  342. <!-- QUOTE -->
  343.  
  344. {block:Quote}{block:IndexPage}
  345. <div class="posts">
  346.  
  347. <div id="aspas">❝</div>
  348. <div class="quote">{Quote}</div>
  349. {block:Source}<div class="qsource"> {Source}</div>{/block:Source}{/block:IndexPage}
  350.  
  351.  
  352. {block:PermalinkPage}<div class="posts2"><div id="aspas">❝</div>
  353. <div class="quote">{Quote}</div>
  354. {block:Source}<div class="qsource"> {Source}</div>{/block:Source}</div>{block:PermalinkPage}{block:IndexPage}
  355.  
  356. <div class="tag"><a href="{Permalink}"> {block:Date}{NoteCount} Notes · {/block:Date}</a><a href="{Permalink}"><b>{ShortDayOfWeek}</b> - {DayOfMonthWithZero}/{MonthNumberWithZero}/{ShortYear}</a> · <a href="{ReblogURL}" target="_blank">Reblog</a><div class="vsanna">{block:RebloggedFrom}<a href="{ReblogParentURL}"></a>{/block:RebloggedFrom}
  357. {block:ContentSource}<a href="{SourceURL}"></a>{/block:ContentSource}</div>
  358. </div>{/block:IndexPage}
  359. </div>
  360.  
  361.  
  362. {/block:Quote}
  363.  
  364.  
  365. <!-- LINK -->
  366. {block:Link}{block:IndexPage}
  367. <div class="posts">
  368.  
  369.  
  370.  
  371.  
  372. <h1><a href="{URL}">{Name}</a></h1>
  373. {block:Description}{Description}{/block:Description}
  374. {/block:IndexPage}
  375.  
  376. {block:PermalinkPage}<div class="posts2"><h1><a href="{URL}">{Name}</a></h1>
  377. {block:Description}{Description}{/block:Description}</div>{/block:PermalinkPage}{block:IndexPage}
  378.  
  379. <div class="tag"><a href="{Permalink}"> {block:Date}{NoteCount} Notes · {/block:Date}</a><a href="{Permalink}"><b>{ShortDayOfWeek}</b> - {DayOfMonthWithZero}/{MonthNumberWithZero}/{ShortYear}</a> · <a href="{ReblogURL}" target="_blank">Reblog</a> <div class="vsanna">{block:RebloggedFrom}<a href="{ReblogParentURL}"></a>{/block:RebloggedFrom}
  380. {block:ContentSource}<a href="{SourceURL}"></a>{/block:ContentSource}</div>
  381. </div>{/block:IndexPage}
  382.  
  383. </div>
  384.  
  385. {/block:Link}
  386.  
  387.  
  388. <!-- CHAT -->
  389.  
  390. {block:Chat}{block:IndexPage}
  391. <div class="posts">
  392.  
  393.  
  394.  
  395.  
  396.  
  397. <div class="chat">
  398. <div class="chat1">
  399. {block:Lines}
  400. <div class="chat2 {Alt}">
  401. {block:Label}
  402. <b>{Label}</b>
  403. {/block:Label}
  404. {Line}</div>
  405. {/block:Lines}
  406. </div>
  407. </div>{/block:IndexPage}
  408.  
  409. {block:PermalinkPage}<div class="posts2">
  410.  
  411. <div class="chat">
  412. <div class="chat1">
  413. {block:Lines}
  414. <div class="chat2 {Alt}">
  415. {block:Label}
  416. <b>{Label}</b>
  417. {/block:Label}
  418. {Line}</div>
  419. {/block:Lines}
  420. </div>
  421. </div></div>{/block:PermalinkPage}{block:IndexPage}
  422.  
  423. <div class="tag"><a href="{Permalink}"> {block:Date}{NoteCount} Notes · {/block:Date}</a><a href="{Permalink}"><b>{ShortDayOfWeek}</b> - {DayOfMonthWithZero}/{MonthNumberWithZero}/{ShortYear}</a> · <a href="{ReblogURL}" target="_blank">Reblog</a> <div class="vsanna">{block:RebloggedFrom}<a href="{ReblogParentURL}"></a>{/block:RebloggedFrom}
  424. {block:ContentSource}<a href="{SourceURL}"></a>{/block:ContentSource}</div>
  425. </div>{/block:IndexPage}
  426.  
  427.  
  428. </div>
  429. {/block:Chat}
  430.  
  431.  
  432.  
  433. <!-- AUDIO -->
  434.  
  435. {block:Audio}{block:IndexPage}
  436. <div class="posts">
  437.  
  438.  
  439. {block:AlbumArt}
  440. <img style="float: left; margin-right: 0px; margin-left: 1px; margin-top: 1px;"src="{AlbumArtURL}" width="31" >
  441. {/block:AlbumArt}
  442. <div class="trackid2">{AudioPlayerGrey}</div>
  443. {block:TrackName}
  444. <div class="trackid">"{TrackName}"</div>
  445. {/block:TrackName}
  446. {block:Artist}
  447. <div class="trackid">{Artist}</div>
  448. {/block:Artist}
  449. <div class="trackid">({PlayCount}) plays</div>
  450. <div class="tag"><a href="{Permalink}"> {block:Date}{NoteCount} Notes · {/block:Date}</a><a href="{Permalink}"><b>{ShortDayOfWeek}</b> - {DayOfMonthWithZero}/{MonthNumberWithZero}/{ShortYear}</a> · <a href="{ReblogURL}" target="_blank">Reblog</a> <div class="vsanna">{block:RebloggedFrom}<a href="{ReblogParentURL}"></a>{/block:RebloggedFrom}
  451. {block:ContentSource}<a href="{SourceURL}"></a>{/block:ContentSource}</div>
  452. </div>
  453. </div>{/block:IndexPage}
  454.  
  455.  
  456.  
  457. {block:PermalinkPage}<div class="posts2">
  458.  
  459. {block:AlbumArt}
  460. <img style="float: left; margin-right: 0px; margin-left: 1px; margin-top: 1px;"src="{AlbumArtURL}" width="31" >
  461. {/block:AlbumArt}
  462. <div class="trackid2">{AudioPlayerGrey}</div>
  463. {block:TrackName}
  464. <div class="trackid">"{TrackName}"</div>
  465. {/block:TrackName}
  466. {block:Artist}
  467. <div class="trackid">{Artist}</div>
  468. {/block:Artist}
  469. <div class="trackid">({PlayCount}) plays</div>
  470. </div>{/block:PermalinkPage}
  471. </div>
  472. {/block:Audio}
  473.  
  474.  
  475. <!-- VIDEO-->
  476.  
  477. {block:Video}{block:IndexPage}
  478. <div class="posts">
  479.  
  480.  
  481.  
  482.  
  483. <center>{Video-250}</center>
  484. {block:Caption}{Caption}{/block:Caption}{/block:IndexPage}
  485. {block:PermalinkPage}><div class="posts2"><center>{Video-500}
  486.  
  487. {block:Caption}{Caption}{/block:Caption}</center></div>{/block:PermalinkPage}{block:IndexPage}
  488.  
  489. <div class="tag"><a href="{Permalink}"> {block:Date}{NoteCount} Notes · {/block:Date}</a><a href="{Permalink}"><b>{ShortDayOfWeek}</b> - {DayOfMonthWithZero}/{MonthNumberWithZero}/{ShortYear}</a> · <a href="{ReblogURL}" target="_blank">Reblog</a><div class="vsanna">{block:RebloggedFrom}<a href="{ReblogParentURL}"></a>{/block:RebloggedFrom}
  490. {block:ContentSource}<a href="{SourceURL}"></a>{/block:ContentSource}</div>
  491. </div>{/block:IndexPage}
  492.  
  493. </div>
  494. {/block:Video}
  495.  
  496.  
  497.  
  498. <!-- ASKER -->
  499.  
  500. {block:Answer}{block:IndexPage}
  501. <div class="posts">
  502.  
  503.  
  504. <div class="asker"><img src="{AskerPortraitURL-24}" class="askerft">{Asker}: {Question}</div><div id="tri"></div>
  505. <div class="resposta">{Answer}</div>
  506. {/block:IndexPage}{block:PermalinkPage}<div class="posts2">
  507. <div class="asker">{Asker}: {Question}</div><div id="tri"></div>
  508. <div class="resposta">{Answer}</div>
  509. {/block:PermalinkPage}{block:IndexPage}
  510.  
  511. <div class="tag"><a href="{Permalink}">{TimeAgo}</a> · <a class="notes" href="{Permalink}"><a href="{Permalink}"> {block:Date}{NoteCount} Notes{/block:Date}</a></a>
  512. </div>{/block:IndexPage}
  513.  
  514.  
  515.  
  516. </div>
  517. {/block:Answer}
  518.  
  519. {block:PostNotes}
  520.  
  521.  
  522.  
  523. <div class="caixa">
  524. <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>
  525. <div class="extra">
  526. <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>
  527. </div>
  528. <div class="extra">
  529. <img src="http://static.tumblr.com/wa79tuo/YzBm1iuyx/tag.png" class="user"> {block:HasTags}{/block:HasTags}
  530. <span style="width:auto;">
  531. {block:HasTags}
  532. {block:Tags}
  533. <a class="tag" href="{TagURL}">{Tag}</a>
  534. {/block:Tags}
  535. {/block:HasTags}</span>
  536. <br>
  537. </div>
  538. <div class="extra">
  539. <img src="http://cdn1.iconfinder.com/data/icons/androiddevicons/love.png" class="user"width="14">{NoteCount}
  540. </div>
  541. </div>
  542. <div class="caixa">
  543. {PostNotes}
  544. </div>
  545. {/block:PostNotes}
  546. {/block:Posts}
  547. {block:IndexPage}
  548.  
  549. <script src="http://static.tumblr.com/twte3d7/0pellzh2t/infinitescroll.js"></script>
  550.  
  551. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>
  552.  
  553.  
  554.  
  555.  
  556. <script type="text/javascript" src="http://static.tumblr.com/me5sfsd/12Qlmj66n/script.js"></script>
  557.  
  558. <script type="text/javascript">
  559. $(window).load(function(){
  560. var $wall = $('#conteudo');
  561. $wall.imagesLoaded(function(){
  562. $wall.masonry({
  563. itemSelector: '.posts',
  564. isAnimated : true
  565. });
  566. });
  567. $wall.infinitescroll({
  568. navSelector : "div#navigation",
  569. nextSelector : "div#navigation a#nextPage",
  570. itemSelector : '.posts',
  571. loadingImg : "http://static.tumblr.com/8yo5xxv/3Tum7rjpo/loader.gif",
  572. loadingText : "",
  573. donetext : " ",
  574. extraScrollPx : 1000,
  575. bufferPx : 10100,
  576. debug : false,
  577. errorCallback: function() {
  578. $('#infscr-loading').animate({opacity: .8},2000).fadeOut('normal');
  579. }},
  580. function( newElements ) {
  581. var $newElems = $( newElements );
  582. $newElems.hide();
  583. $newElems.imagesLoaded(function(){
  584. $wall.masonry( 'appended', $newElems, {isAnimated: true, animationOptions: {duration: 25, easing: 'linear', queue: false}}, function(){$newElems.fadeIn('slow');} );
  585. });
  586. }); $('#conteudo').show(500);
  587. });
  588. </script>
  589.  
  590.  
  591. <div class="column navigation" id="navigation">
  592. {block:Pagination}
  593. {block:PreviousPage}<a href="{PreviousPage}" class="navigate">{/block:PreviousPage}{block:PreviousPage}</a>{/block:PreviousPage}
  594. {block:NextPage}<a href="{NextPage}" class="navigate" id="nextPage">{/block:NextPage}{block:NextPage}</a>{/block:NextPage}{/block:Pagination}
  595. </div>
  596. {/block:IndexPage}<br><br><br><br><br>
  597. </div></div></div></div>
  598.  
  599. <br></center></div></div></div></div></div></div>
  600. <!---------------- FINAL DE TAGSM DO POST ------------->
  601. <br>
  602.  
  603.  
  604. </div></div></div></div>
  605.  
  606.  
  607.  
  608.  
  609. </body>
  610.  
  611.  
  612.  
  613.  
  614.  
  615. </html><div style="width:85px;position:fixed;font-family:'Cursive standard';text-aling:center; height:30px;text-transform:none;right:15px;bottom:25px;">
  616. <a href="javascript:;" id="scrollToTop"title="back to top?"><font color=" {color:extras}">↑</a></font></div>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement