Advertisement
sintetizares

Theme001-Sintetizares

Feb 1st, 2015
187
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 25.36 KB | None | 0 0
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
  2. "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  3. <!-----------------------------------------------------------------
  4. Oie ^^ Esse é meu theme Nº 01
  5. Não use como base e avise se pegar.
  6. Beijos
  7. Theme por sintetizares
  8. http://sintetizares.tumblr.com/
  9. ------------------------------------------------------------------>
  10. <html xmlns="http://www.w3.org/1999/xhtml">
  11. <head>
  12. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  13. <title>{Title}{block:PostTitle} - {PostTitle}{/block:PostTitle}</title>
  14. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  15. <link rel="shortcut icon" href="{Favicon}">
  16. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  17.  
  18.  
  19.  
  20. <meta name="if:To Top Button" content="1"/>
  21. <meta name="if:PeBImagens" content="1"/>
  22. <meta name="if:Fade" content="1"/>
  23. <meta name="color:Bg" content="#d4d7d6"/>
  24. <meta name="color:Links" content="#483D8B"/>
  25. <meta name="color:HoverLink" content="#FA8072"/>
  26. <meta name="color:Border" content="#E6E6FA"/>
  27. <meta name="color:Coisinhas" content="#48D1CC"/>
  28. <meta name="color:Coisinhaas" content="#20B2AA"/>
  29. <meta name="color:BgQuot" content="#E6E6FA"/>
  30. <meta name="text:Frasinha" content="open your eyes and see" />
  31. <meta name="color:Titl" content="#f36c6c"/>
  32. <meta name="color:Textss" content="#000000"/>
  33. <meta name="if:Infinite Scroll" content="1"/>
  34. <meta name="image:Background" content="http://static.tumblr.com/sl7911s/3YUnh9hxq/bg12.png"/>
  35. <meta name="image:Sidebar" content="http://static.tumblr.com/c1zdbqc/8oWnj2gfl/iconq.png"/>
  36. <meta name="text:Link1" content="/" />
  37. <meta name="text:Link1 Title" content="link" />
  38. <meta name="text:Link2" content="/" />
  39. <meta name="text:Link2 Title" content="link" />
  40. <meta name="text:Link3" content="/" />
  41. <meta name="text:Link3 Title" content="link" />
  42. <meta name="text:Link4" content="/" />
  43. <meta name="text:Link4 Title" content="link" />
  44. <meta name="text:Link5" content="/" />
  45. <meta name="text:Link5 Title" content="link" />
  46. <meta name="text:Link6" content="/" />
  47. <meta name="text:Link6 Title" content="link" />
  48. <meta name="text:Link7" content="/" />
  49. <meta name="text:Link7 Title" content="link" />
  50. <meta name="text:Link8" content="/" />
  51. <meta name="text:Link8 Title" content="link" />
  52.  
  53. <script type="text/javascript" src="http://static.tumblr.com/uiqhh9x/jkEm9tb4p/jquery-1.8.1.min.js"></script>
  54. <link rel="stylesheet" type="text/css" href="http://static.tumblr.com/cpaytv3/2V1m9r58l/reset.css">
  55. <script type="text/javascript" src="http://static.tumblr.com/c1zdbqc/xMYnj2jve/codis.js"></script>
  56.  
  57. <link href='http://fonts.googleapis.com/css?family=Cookie' rel='stylesheet' type='text/css'>
  58.  
  59. <link href='http://fonts.googleapis.com/css?family=Baumans' rel='stylesheet' type='text/css'>
  60.  
  61.  
  62. <style type="text/css">
  63. body {
  64.  
  65. color: {color:Textss};background: {color:Bg} url({image:Background});
  66. background-attachment:fixed;background-repeat: no-repeat;background-size:100% 100%;
  67. font-family: tahoma;
  68. font-size: 11px;
  69. line-height: 1.5em;
  70. }
  71. p {margin:0 0 .75em 0} p:last-child {margin:0}
  72. a {
  73. color: {color:Links};
  74. text-decoration:none;
  75. -webkit-transition:all .2s ease;-moz-transition:all .2s ease;transition:all .2s ease;-o-transition:all .2s ease;}
  76. a:hover {color: {color:HoverLink}; }
  77.  
  78. blockquote {background: {color:coisinhas};
  79. padding:4px;
  80. overflow: hidden;
  81. border-radius:0px;
  82. color:{color:textss};
  83. border-top: 3px solid {color:coisinhaas};
  84. font-family:tahoma;
  85. font-size:11px;
  86. line-height:17px;
  87. }
  88.  
  89. blockquote:hover {background: {color:coisinhaas};
  90. border-top: 3px solid {color:coisinhas};
  91. -webkit-transition: all 1s linear;
  92. -moz-transition: all 1s linear;
  93. -o-transition: all 1s linear;
  94. transition: all 1s linear; }
  95.  
  96.  
  97. h1 {
  98. font-family: default;
  99. font-size: 24px;
  100. line-height: 1.5em;font-weight: normal;
  101. }
  102. ul {
  103. margin: 0px 1.5em .75em;}
  104. li {
  105. margin: .75em 0;
  106. list-style-type: square;
  107. }
  108. .box img {
  109. display: block;
  110. max-width: 100%;}.m-i {
  111. display: block;
  112. line-height: 1px!important;
  113. }
  114.  
  115. .post-link{
  116. font-family: consolas;
  117. font-size: 11px;
  118. line-height: 8px;
  119. }p.source{text-align: center;}
  120.  
  121. h3 {
  122. font-family: consolas; text-transform:uppercase; color: {color:Titl};
  123. font-size: 14px; font-weight: normal;
  124. }.tagged { text-align: center; line-height: 8px;color: {color:Textss}; font-family: cambria; font-size: 12px;}
  125.  
  126. .text { padding: 5px; color: {color:Textss}; font-family: cambria; font-size: 12px;}
  127.  
  128. p.question {
  129. margin-bottom: .375em;
  130. }
  131. p.words {
  132. text-align:justify;
  133. font-family:consolas;
  134. font-size:11px;
  135. line-height: 18px;
  136. text-indent:2px;
  137. padding: 6px;
  138. line-height: 1.5em;
  139. text-align: justify;
  140. color: {color:Text};
  141. background: {color:BgQuot};
  142. }
  143. p.source{font-family:consolas;
  144. text-transform: uppercase;
  145. text-align: right; color:{color:titl} ;
  146. margin-right:0px;
  147. font-size:11px;}
  148.  
  149. p.source:hover{ margin-right:20px; -webkit-transition: all 0.5s ease-in-out; color: {color:Titl};}
  150.  
  151.  
  152. .response {
  153. background: #efefef;
  154. padding: 5px;
  155. margin-bottom: .75em;
  156. }.answer {
  157. text-align: center;
  158. }
  159. .post {
  160. overflow: hidden;
  161. position: relative;
  162. {block:IndexPage}
  163. width:250px;
  164. {/block:IndexPage}
  165. {block:PermalinkPage}
  166. width:500px;
  167. {/block:PermalinkPage}
  168. float:left;
  169.  
  170. background: {color:Bg} url({image:Background});
  171. padding:5px;
  172. margin:10px;
  173. border: 1px solid {color:Border};
  174. }.box {position: relative;}
  175.  
  176. #side {
  177. text-align: center;
  178. margin-top: 50px;
  179. width:250px;
  180. padding:0px;position: fixed;
  181. background: transparent;
  182. font-family:consolas;
  183. font-size:10px;
  184.  
  185. }#side img {
  186. text-align:center;
  187. width:200px; height: 200px;
  188. margin-left:20px;
  189.  
  190.  
  191. -webkit-border-radius: 300px 300px 300px 300px;
  192. border-radius: 300px 300px 300px 300px;
  193. -webkit-filter: saturate(2);
  194. -webkit-transition: all 2s ease;
  195.  
  196. }
  197. #side img:hover {-moz-transform: rotate(540deg);
  198.  
  199. transform: rotate(540deg); -webkit-border-radius: 200px 200px 200px 200px ;
  200. border-radius: 200px 200px 200px 200px center;
  201. -webkit-filter: blur(1px) saturate(2);
  202. -webkit-transition: all 2s ease;
  203.  
  204. }
  205.  
  206. .sidetext {text-align: center; color:{color:Titl}; margin-bottom: 20px;
  207. font-size:23px;font-family:Zebra; text-transform:uppercase; line-height:.9em;}
  208.  
  209.  
  210.  
  211. #links { width:250px; opacity: 1; margin-top: 5px;}
  212. #links a { font-family:Zebra; font-size:18px; text-decoration:bold; font-style: bold;margin-right:2px; background: {color:Bg} url({image:Background});letter-spacing:1px; color:{color:Titl}; margin-right:3px;}
  213. #links a:hover {text-decoration:line-through; letter-spacing:2px;
  214. text-transform:uppercase;
  215. background: url({image:Background});
  216. }
  217.  
  218.  
  219.  
  220. @font-face {font-family: "Zebra"; src: url('http://static.tumblr.com/ejm8w78/vsylviai8/zebra_01-49-58.ttf'); }
  221.  
  222. @font-face {font-family:"contribute_free-version"; src: url('http://static.tumblr.com/yzd1hs5/5OQnen0q6/contribute_free-version.ttf'); }
  223.  
  224. #ldescription {text-align:center; overflow:hidden; height:0px; transition:all 1s ease; color:{color:Textss}; font-family:calibri; font-size:12px; }
  225. #side:hover #ldescription {height:180px;}
  226.  
  227.  
  228.  
  229. ul {margin-bottom: .75em;}
  230. #contain {
  231. width:982px;
  232. margin: 10px auto 0;
  233. }
  234. #content {
  235. width:682px;
  236. float: right;
  237. }
  238. #infscr-loading{position:absolute!important;width:16px!important;height:11px!important;margin-bottom:-16px!important;top:auto!important;bottom:0;left:50%!important}p.menu-m {margin: .375em;}
  239. iframe#tumblr_controls,.btn.icon.theme{filter:invert(100%);-webkit-filter:invert(100%);-moz-filter:invert(100%);-o-filter:invert(100%);-ms-filter:invert(100%); opacity:.4;position:fixed!important}.box iframe {
  240. max-width: 100%;
  241. }.text img {max-width: 100%;}img {display: block;}.box img {display: block;}
  242. .post-info-data{text-align:center}.notes img{display:block;float:left;margin-right:.75em}ol.notes li{margin:.375em 0;list-style-type:none;line-height:16px}
  243.  
  244. #toTop{display:none;text-decoration:none;position:fixed;bottom:10px;right:10px;overflow:hidden;width:21px;height:21px;border:0;text-indent:100%;background:url(http://static.tumblr.com/uiqhh9x/372m6hyqw/up.png) no-repeat left top;opacity:.5;filter:alpha(opacity = 50);{block:IfAnimation}-webkit-transition:all .2s ease;-moz-transition:all .2s ease;transition:all .2s ease;-o-transition:all .2s ease;{/block:IfAnimation}}#toTopHover{width:21px;height:21px;display:block;overflow:hidden;float:left;opacity:0;-moz-opacity:0;filter:alpha(opacity=0);{block:IfAnimation}-webkit-transition:all .2s ease;-moz-transition:all .2s ease;transition:all .2s ease;-o-transition:all .2s ease;{/block:IfAnimation}}#toTop:hover{opacity:1;filter:alpha(opacity = 100)}#toTop:active,#toTop:focus{outline:0}
  245.  
  246. a.btn{position:absolute;z-index:999999;top:26px;right:3px;white-space:nowrap;outline:0;text-decoration:none;cursor:pointer;overflow:hidden;text-overflow:ellipsis;font:600 12px/18px "Helvetica Neue","HelveticaNeue",Helvetica,Arial,sans-serif;height:20px;padding:0 5px;-webkit-font-smoothing:antialiased;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box;-webkit-transition-property:padding;-moz-transition-property:padding;-ms-transition-property:padding;-o-transition-property:padding;transition-property:padding;-webkit-transition-duration:.1s;-moz-transition-duration:.1s;-ms-transition-duration:.1s;-o-transition-duration:.1s;transition-duration:.1s;-webkit-transition-timing-function:ease;-moz-transition-timing-function:ease;-ms-transition-timing-function:ease;-o-transition-timing-function:ease;transition-timing-function:ease}.btn{color:#fff;border:1px solid rgba(0,0,0,0.18);background:rgba(0,0,0,0.38);text-shadow:1px 1px 0 rgba(0,0,0,0.08)}a.btn,a.btn:hover{color:white!important}.btn{margin-bottom:5px;color:#fff;border:1px solid rgba(0,0,0,0.18);background:rgba(0,0,0,0.38);text-shadow:1px 1px 0 rgba(0,0,0,0.08);-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px}.btn:hover::after,.btn:focus::after{background:rgba(255,255,255,0.09);color:white}.btn:active::after{background:rgba(255,255,255,0.18) color:white}.btn_label.show{display:block}.btn::after{position:absolute;top:0;right:0;bottom:0;left:0;content:'';-webkit-border-radius:inherit;-moz-border-radius:inherit;border-radius:inherit}.btn.icon::before{display:block;content:'';position:absolute;top:0;left:0;bottom:0;width:20px;border-radius:inherit;background:url('http://static.tumblr.com/tpqedpr/cQ1mbwb60/de.png') 0 0 no-repeat}.btn.theme::before{background-position:0 -0px}.btn img{width:15px}.btn.icon{padding-left:20px}.btn:active::after {background:rgba(255,255,255,0.18)}.clear {clear: both;} #pagination {display: none;} .clearfix:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.clearfix{display:inline-block}html[xmlns] .clearfix{display:block}* html .clearfix{height:1%}
  247.  
  248.  
  249. .lheader {font-family:'Baumans', sans-serif; font-size:9px; letter-spacing:.1em; text-transform:uppercase; position:absolute; z-index:9; width:100%; left:0px; bottom:-35px; padding:4px; opacity:.6; background:transparent; transition:all 1s ease;}
  250. .post:hover .lheader {bottom:0px;}
  251. .lheader:hover {opacity:1;}
  252. .lreblog {float:left; padding-left:10px;}
  253. .lperma {float:right; padding-right:10px;}
  254.  
  255.  
  256.  
  257. .lrebloge {position:absolute; display:block; z-index:10; top:-50px; left:0px; width:20px; height:20px; background:url(http://static.tumblr.com/5u1fog0/t3Wnaeuwg/reblog.png) 0 no-repeat; transition:all 1s ease;}
  258. .post:hover .lrebloge {top:0px;}
  259. .lpermalinke {position:absolute; display:block; z-index:10; top:-150px; left:21px; width:20px; height:20px; background:url(http://static.tumblr.com/5u1fog0/Uprnaeuzd/permalink.png) 0 no-repeat; transition:all 1s ease;}
  260. .post:hover .lpermalinke {top:0px;}
  261. .lzoom {position:absolute; display:block; z-index:10; top:-300px; left:42px; width:20px; height:20px; background:url(http://static.tumblr.com/5u1fog0/ZlJnaev08/zoom.png) 0 no-repeat; transition:all 1s ease;}
  262. .post:hover .lzoom {top:0px;}
  263.  
  264.  
  265. p.lquestion {padding:5px; background:{color:Coisinhas};}
  266. .lquestion-triangle {margin:-9px 0px 5px 30px; width:0; height:0; border-style:solid; border-width:10px 10px 0 10px; border-color:{color:Coisinhas} transparent transparent transparent;}
  267. .lanswer {line-height:1.8em;}
  268.  
  269. #laudio-caption {margin-top:10px;}
  270. #laudio-caption p {padding:5px; margin-bottom:1px; background:{color:Coisinhas};}
  271. #lalbum-art {display:inline-block; float:left; width:33px; height:33px;}
  272. #laudio-player {display:inline-block;}
  273.  
  274.  
  275. .photo { {block:IfPeBImagens} -webkit-filter:grayscale(1); transition:all 1s ease;} .photo:hover {-webkit-filter:grayscale(0); {/block:IfPeBImagens}}
  276.  
  277.  
  278. .photoset { {block:IfPeBImagens}-webkit-transition-duration: 1s; {/block:IfPeBImagens}}
  279.  
  280. .photoset:hover {-webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%); -webkit-transition-duration: 1.4s;}
  281.  
  282.  
  283.  
  284.  
  285. .photo,a .photo{{block:IfFade} opacity:0.65;-moz-opacity: 0.20;filter: alpha(opacity=10);-webkit-transition-duration: 1s;}
  286. .photo:hover,a .photo:hover{opacity:1;-webkit-transition-duration: 1s;{block:IfFade}}
  287.  
  288. .lchat {line-height:18px;}
  289. .lchat ul {margin:0!important; line-height:18px;}
  290. .lchat li {list-style:none!important; margin:1px 0px 1px;}
  291. .lline1 {padding:5px; color:{color:Textss}; background-color:{color:Coisinhaas};}
  292. .lline1 .llabel {font-family:'Lora', cursive; font-size:12px; font-style:italic; color:{color:Titl};}
  293. .lline2 {padding:5px; color:{color:Textss}; background:{color:Coisinhas};}
  294. .lline2 .llabel {font-family:'Lora', cursive; font-size:12px; font-style:italic; color:{color:Titl};}
  295.  
  296. #credit {color:{color:Textss};padding:5px;position:fixed;bottom:35px;left:21px;font-family:cambria;font-size:10px; width: 140px; overflow: hidden; height: 9px; opacity:0.4; -webkit-transition: all 1s linear;}
  297. #credit span {color:{color:Titl}; -webkit-transition: all 1s linear;}
  298. #credit a{text-transform:uppercase; -webkit-transition: all 1s linear;}
  299. #credit:hover{ opacity:1; -webkit-transition: all 1s linear;}
  300.  
  301.  
  302. /****Scrollbar por juh
  303.  
  304. futurasuicida se utilizar credite ao HelpDesigns - não use como base.****/
  305.  
  306. ::-webkit-scrollbar{width:7px;height:6px;}
  307.  
  308. ::-webkit-scrollbar-thumb:vertical{height:50px; background-color: {color:coisinhas};-webkit-border-radius:10px;}
  309.  
  310. ::-webkit-scrollbar-thumb:horizontal{width:50px; background-color: {color:coisinhaas};-webkit-border-radius:10px;}
  311.  
  312.  
  313. ol.notes{margin-left: 10px;padding:0;list-style:none;}
  314.  
  315. ol.notes li{margin:2px 3px 1px 1px;padding:2px;list-style:none; background:{color:Bg}; border-left: 3px solid #543658; font-family:'pftsc'; color:{color:Titl}; text-transform: uppercase; font-size:8px; padding-bottom: 2px;}
  316.  
  317. ol.notes img { position: relative; width: 16px; border: solid 1px {color:Titl};}
  318.  
  319.  
  320.  
  321. @font-face {font-family: "pftsc";
  322.  
  323. src: url('http://static.tumblr.com/8yo5xxv/b5cm22t2y/pf_tempesta_seven_condensed.ttf'); format("truetype");}
  324. </style>
  325.  
  326.  
  327.  
  328. <link href='http://fonts.googleapis.com/css?family=Cookie' rel='stylesheet' type='text/css'>
  329.  
  330. <link href='http://fonts.googleapis.com/css?family=Baumans' rel='stylesheet' type='text/css'>
  331.  
  332. <link href='http://fonts.googleapis.com/css?family=Rouge+Script|Dancing+Script' rel='stylesheet' type='text/css'>
  333.  
  334. <script type="text/javascript" src="http://static.tumblr.com/5u1fog0/XsWngduiz/lsmoothscroll.js"></script>
  335.  
  336.  
  337. </head>
  338. <body>
  339.  
  340. <div id="contain" class="clearfix">
  341. <div id="side">
  342. <div class="text">
  343. <div class="sidetext">{text:Frasinha}</div>
  344. <img class="menu-picture" src="{image:sidebar}"/></a>
  345. <div id="ldescription"></br>{Description}</div>
  346. <div id="links">
  347. <a href="{text:Link1}">{text:Link1 Title}</a>
  348. <a href="{text:Link2}">{text:Link2 Title}</a>
  349. <a href="{text:Link3}">{text:Link3 Title}</a>
  350. <a href="{text:Link4}">{text:Link4 Title}</a>
  351. <a href="{text:Link5}">{text:Link5 Title}</a>
  352. <a href="{text:Link6}">{text:Link6 Title}</a>
  353. <a href="{text:Link7}">{text:Link7 Title}</a>
  354. <a href="{text:Link8}">{text:Link8 Title}</a>
  355.  
  356.  
  357.  
  358. </div></div>
  359. </div>
  360. <div id="content">
  361. {block:Posts}
  362. <div class="post">
  363.  
  364.  
  365. {block:Text}
  366. <div class="text">
  367. {block:Title}<h3>{Title}</h3>{/block:Title}
  368. {Body}
  369. <!-- permalink --> {block:IndexPage}
  370. {block:IndexPage}
  371. <div class="lheader">
  372. <div class="lreblog"><a href="{ReblogURL}" target="_blank">Reblog.</a></div>
  373. <div class="lperma"><font color="{color:Titl}">♥</font> <a href="{Permalink}" target="_blank">{NoteCountWithLabel}</a>.</div></div>
  374. {/block:IndexPage}
  375. <!-- /permalink --> {/block:IndexPage}
  376. </div>
  377. {/block:Text}
  378.  
  379. {block:Quote}
  380. <div class="text quote">
  381. <p class="words">❝ {Quote} ❞</p>
  382. {block:Source}<p class="source">{Source}</p>{/block:Source}
  383. <!-- permalink --> {block:IndexPage}
  384. <div class="lheader">
  385. <div class="lreblog"><a href="{ReblogURL}" target="_blank">Reblog.</a></div>
  386. <div class="lperma"><font color="{color:Titl}">♥</font> <a href="{Permalink}" target="_blank">{NoteCountWithLabel}</a>.</div></div>
  387. <!-- /permalink --> {/block:IndexPage}
  388. </div>
  389. {/block:Quote}
  390.  
  391. {block:Link}
  392. <div class="text link">
  393. <h3><a href="{URL}" {Target}>{Name}</a></h3>
  394. {block:Description}{Description}{/block:Description}
  395. <!-- permalink --> {block:IndexPage}
  396. <div class="lheader">
  397. <div class="lreblog"><a href="{ReblogURL}" target="_blank">Reblog.</a></div>
  398. <div class="lperma"><font color="{color:Titl}">♥</font> <a href="{Permalink}" target="_blank">{NoteCountWithLabel}</a>.</div></div>
  399. <!-- /permalink --> {/block:IndexPage}
  400. </div>
  401. {/block:Link}
  402.  
  403. {block:Chat}
  404. {block:Title}<h3><a href="{Permalink}" target="_blank">{Title}</a></h3>{/block:Title}
  405. <div class="text">
  406. <div class="lchat"><ul>{block:Lines}
  407. <li class="lline{UserNumber}">{block:Label}
  408. <span class="llabel">{Label}</span>{/block:Label} {Line}</li>
  409. {/block:Lines}</ul></div>
  410.  
  411. <!-- permalink --> {block:IndexPage}
  412. <div class="lheader">
  413. <div class="lreblog"><a href="{ReblogURL}" target="_blank">Reblog.</a></div>
  414. <div class="lperma"><font color="{color:Titl}">♥</font> <a href="{Permalink}" target="_blank">{NoteCountWithLabel}</a>.</div></div>
  415. <!-- /permalink --> {/block:IndexPage}
  416. </div>
  417. {/block:Chat}
  418.  
  419. {block:Audio}
  420. <div class="text">
  421. {block:AlbumArt}<div id="lalbum-art"><img src="{AlbumArtURL}" style="border-radius:100%;"></div>{/block:AlbumArt}
  422. {AudioPlayerWhite}
  423. <div id="laudio-caption">
  424. <p>Track: {block:TrackName}<i>{TrackName}</i>{/block:TrackName}.</p>
  425. <p>Artist: {block:Artist}<i>{Artist}</i>{/block:Artist}.</p>
  426. <p>Album: {block:Album}<i>{Album}</i>{/block:Album}.</p>
  427. <p>Plays: <i>{FormattedPlayCount}</i>.</p>
  428. </div></div> <!-- permalink --> {block:IndexPage}
  429. <div class="lheader">
  430. <div class="lreblog"><a href="{ReblogURL}" target="_blank">Reblog.</a></div>
  431. <div class="lperma"><font color="{color:Titl}">♥</font> <a href="{Permalink}" target="_blank">{NoteCountWithLabel}</a>.</div></div>
  432. <!-- /permalink --> {/block:IndexPage}
  433. {/block:Audio}
  434.  
  435. {block:Answer}
  436. <p class="lquestion"><i>{Asker}</i>: {Question}</p>
  437. <div class="lquestion-triangle"></div>
  438. <a href="{Permalink}" target="_blank"><img style="margin-left:20px; padding:5px; margin-bottom:.375em; border-radius:100%; background:{color:Coisinhaas};" src="{AskerPortraitURL-30}"></a>
  439. <p class="lanswer">{Answer}</p>
  440.  
  441. <!-- permalink --> {block:IndexPage}
  442. <div class="lheader">
  443. <div class="lreblog"><a href="{ReblogURL}" target="_blank">Reblog.</a></div>
  444. <div class="lperma"><font color="{color:Titl}">♥</font> <a href="{Permalink}" target="_blank">{NoteCountWithLabel}</a>.</div></div>
  445. <!-- /permalink --> {/block:IndexPage}
  446. {/block:Answer}
  447.  
  448. {block:Photoset}
  449. <div class="photoset">
  450. <div class="box">
  451. <!-- permalink --> {block:IndexPage}
  452. <a href="{ReblogURL}" target="_blank" title="Reblog"><div class="lrebloge"></div></a>
  453. <a href="{Permalink}" target="_blank" title="{NoteCount} ♥"><div class="lpermalinke"></div></a>
  454. <!-- /permalink --> {/block:IndexPage}
  455. {block:IndexPage}<center>{Photoset-250}</center>{/block:IndexPage}
  456. {block:PermalinkPage}{Photoset-500}{/block:PermalinkPage}
  457. </div>
  458. {block:IndexPage}{block:IfShowCaptions}
  459. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  460. {/block:IfShowCaptions}{/block:IndexPage}
  461. </div>
  462. {/block:Photoset}
  463.  
  464. {block:Video}
  465. <div class="video">
  466. <div class="box">
  467. <!-- permalink --> {block:IndexPage}
  468. <a href="{ReblogURL}" target="_blank" title="Reblog"><div class="lrebloge"></div></a>
  469. <a href="{Permalink}" target="_blank" title="{NoteCount} ♥"><div class="lpermalinke"></div></a>
  470. <!-- /permalink --> {/block:IndexPage}
  471. {block:IndexPage}<center>{Video-250}</center>{/block:IndexPage}
  472. {block:PermalinkPage}{Video-500}{/block:PermalinkPage}
  473. </div>
  474. {block:IndexPage}{block:IfShowCaptions}
  475. {block:Caption}<div class="caption text">{Caption}</div>{/block:Caption}
  476. {/block:IfShowCaptions}{/block:IndexPage}
  477. </div>
  478. {/block:Video}
  479.  
  480. {block:Photo}
  481. <div class="photo">
  482. <div class="box">
  483. <!-- permalink --> {block:IndexPage}
  484. <a href="{ReblogURL}" target="_blank" title="Reblog"><div class="lrebloge"></div></a>
  485. <a href="{Permalink}" target="_blank" title="{NoteCount} ♥"><div class="lpermalinke"></div></a>
  486. <a href="{PhotoURL-HighRes}" target="_blank" title="Zoom"><div class="lzoom"></div></a>
  487. <!-- /permalink --> {/block:IndexPage}
  488. {block:IndexPage}
  489. <a href="{Permalink}"><img src="{PhotoURL-500}" alt="{PhotoAlt}" width="100%"/></a>
  490. {/block:IndexPage}
  491. {block:PermalinkPage}
  492. {LinkOpenTag}<img src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="500"/>{LinkCloseTag}
  493. {/block:PermalinkPage}
  494. </div>
  495. {block:IndexPage}{block:IfShowCaptions}
  496. {block:Caption}<div class="caption text">{Caption}</div>{/block:Caption}
  497. {/block:IfShowCaptions}{/block:IndexPage}
  498. </div>
  499. {/block:Photo}
  500.  
  501. {block:IfShowTags}{block:IndexPage}{block:HasTags}
  502. <div class="tagged"><p>{lang:Tagged}: {block:Tags}<a href="{TagURL}">#{Tag}</a> {/block:Tags}</p></div>
  503. {/block:HasTags}{/block:IndexPage}{/block:IfShowTags}
  504.  
  505. {block:PermalinkPage}
  506. <div id="post-info" class="text">
  507. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  508. {block:HasTags}
  509. <p class="tagged">{lang:Tagged}: {block:Tags}<a href="{TagURL}">#{Tag}</a> {/block:Tags}</p>
  510. {/block:HasTags}
  511. <p class="post-info-data">
  512. {block:Date}{12Hour}:{Minutes}:{Seconds} {MonthNumber}/{DayOfMonth}/{Year}<br/>{/block:Date}
  513. {block:NoteCount}{NoteCountWithLabel}<br />{/block:NoteCount}{block:RebloggedFrom}
  514. Reblogged from <a href="{ReblogParentURL}">{ReblogParentName}</a><br/>Posted by <a href="{ReblogRootURL}">{ReblogRootName}</a>{block:RebloggedFrom}</p>
  515. {block:PostNotes}
  516. {PostNotes}
  517. {/block:PostNotes}
  518. </div>
  519. {/block:PermalinkPage}
  520.  
  521. </div> <!-- end single post -->
  522. {block:ContentSource}
  523. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}" width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" /> {/block:SourceLogo} {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  524. {/block:ContentSource}
  525. <!--{block:NoRebloggedFrom}{block:RebloggedFrom}{ReblogParentName}{/block:RebloggedFrom}{/block:NoRebloggedFrom} -->
  526. {/block:Posts}
  527. </div> <!-- end content -->
  528. <div class="loading"></div>
  529. </div> <!-- end containing div -->
  530. {block:IfInfiniteScroll}
  531. {block:Pagination}<ul id="pagination">
  532. {block:PreviousPage}
  533. <li><a href="{PreviousPage}"></a></li>
  534. {/block:PreviousPage}
  535. {block:JumpPagination length="5"}
  536. {block:CurrentPage}
  537. <li><span class="current_page numbersNav"><strong>{PageNumber}</strong></span></li>
  538. {/block:CurrentPage}
  539. {block:JumpPage}
  540. <li><a class="jump_page numbersNav" href="{URL}">{PageNumber}</a></li>
  541. {/block:JumpPage}
  542. {/block:JumpPagination}
  543. {block:NextPage}
  544. <li><a id="nextPage" href="{NextPage}"></a></li>
  545. {/block:NextPage}
  546. </ul>{/block:Pagination}
  547. {/block:IfInfiniteScroll}
  548. {block:IndexPage}
  549. <script type="text/javascript">
  550. $(window).load(function () {
  551. $('#content').masonry(),
  552. $('.masonryWrap').infinitescroll({
  553. navSelector : '#pagination',
  554. nextSelector : '#pagination a#nextPage',
  555. itemSelector : ".post, .loading",
  556. bufferPx : 40,
  557. loadingImg : "http://static.tumblr.com/uiqhh9x/38Em68qk4/loading.gif",
  558. loadingText : "<em></em>",
  559. },
  560. function() { $('#content').masonry({ appendedContent: $(this) }); }
  561. );
  562. });
  563. </script>
  564. {/block:IndexPage}
  565. {block:IfToTopButton}
  566. <script type="text/javascript">
  567. $(document).ready(function() {
  568. /*
  569. var defaults = {
  570. containerID: 'toTop', // fading element id
  571. containerHoverID: 'toTopHover', // fading element hover id
  572. scrollSpeed: 1200,
  573. easingType: 'linear'
  574. };
  575. */
  576.  
  577. $().UItoTop({ easingType: 'easeOutQuart' });
  578.  
  579. });
  580. </script>
  581. <a href="#" id="toTop" style="display: none; "><span id="toTopHover"></span>To Top</a>
  582. {/block:IfToTopButton}
  583.  
  584. <div id="credit"> <a href="http://sintetizares.tumblr.com/" title="detalhes liriadas"> tema por <b>sintetizares</a></b></div>
  585.  
  586. <!-----------------------------------------------------------------
  587. Oie ^^ Esse é meu theme Nº 01
  588. Não use como base e avise se pegar.
  589. Beijos
  590. Theme por sintetizares
  591. http://sintetizares.tumblr.com/
  592. ------------------------------------------------------------------>
  593.  
  594. </body></html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement