Advertisement
sintetizares

New Theme 02- ILEGITIMADA.TUMBLR.COM

May 3rd, 2016
66
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 29.24 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º 02
  5. Não use como base e avise se pegar.
  6. Beijos
  7. Theme por ilegitimada
  8. http://ilegitimada.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. <meta name="select:fonte"content="trebuchet ms"title="trebuchet ms"/>
  20. <meta name="select:fonte"content="courier new"title="Courier new"/>
  21. <meta name="select:fonte"content="century gothic"title="Century gothic"/>
  22. <meta name="select:fonte"content="'Arvo', serif"title="Arvo"/>
  23. <meta name="select:fonte"content="'Roboto', sans-serif"title="Roboto"/>
  24. <meta name="select:fonte"content="'Lato', sans-serif"title="Lato"/>
  25. <meta name="select:fonte"content="arial"title="Arial"/>
  26. <meta name="select:fonte"content="calibri"title="Calibri"/>
  27. <meta name="select:fonte"content="consolas"title="Consolas"/>
  28. <meta name="select:fonte"content="cambria"title="Cambria"/>
  29. <meta name="select:fonte"content="georgia"title="Georgia"/>
  30. <meta name="select:fonte"content="'PT Sans', sans-serif"title="PT Sans"/>
  31. <meta name="select:fonte"content="'muli', sans-serif"title="muli"/>
  32. <meta name="select:fonte"content="'Signika', sans-serif"title="Signika"/>
  33. <meta name="select:fonte source"content="'Arvo', serif"title="Arvo"/>
  34. <meta name="select:fonte source"content="arial"title="Arial"/>
  35. <meta name="select:fonte source"content="calibri"title="Calibri"/>
  36. <meta name="select:fonte source"content="consolas"title="Consolas"/>
  37. <meta name="select:fonte source"content="cambria"title="Cambria"/>
  38. <meta name="select:fonte source"content="georgia"title="Georgia"/>
  39. <meta name="select:fonte source"content="'PT Sans', sans-serif"title="PT Sans"/>
  40. <meta name="select:fonte source"content="'muli', sans-serif"title="muli"/>
  41. <meta name="select:fonte source"content="'Signika', sans-serif"title="Signika"/>
  42. <meta name="select:fonte source"content="courier new"title="Courier new"/>
  43. <meta name="select:fonte source"content="century gothic"title="Century gothic"/>
  44. <meta name="select:fonte source"content="'Roboto', sans-serif"title="Roboto"/>
  45. <meta name="select:fonte source"content="'Lato', sans-serif"title="Lato"/>
  46. <meta name="select:fonte source"content="trebuchet ms"title="trebuchet ms"/>
  47. <meta name="select:fonte source"content="'Yantramanav', sans-serif"title="Yantramanav"/>
  48. <meta name="select:fonte source"content="Istok Web, sans-serif"title="Istok Web"/>
  49.  
  50.  
  51. <meta name="select:fonte"content="'Yantramanav', sans-serif"title="Yantramanav"/>
  52. <meta name="select:fonte"content="Istok Web, sans-serif"title="Istok Web"/>
  53. <meta name="if:To Top Button" content="1"/>
  54. <meta name="if:PeBImagens" content="1"/>
  55. <meta name="if:Fade" content="1"/>
  56. <meta name="color:Bg" content="#213f52"/>
  57. <meta name="color:Links" content="#CD950C"/>
  58. <meta name="color:Hover" content=" #EEAD0E"/>
  59. <meta name="color:Border" content="#000"/>
  60. <meta name="color:ask" content="#3c2a00 "/>
  61. <meta name="color:Title" content="#ccad00"/>
  62. <meta name="color:Text" content="#fff"/>
  63. <meta name="if:Infinite Scroll" content="1"/>
  64. <meta name="image:Background" content="http://static.tumblr.com/c1zdbqc/02inz27fl/bg04.jpg"/>
  65. <meta name="image:Sidebar" content="http://static.tumblr.com/c1zdbqc/8oWnj2gfl/iconq.png"/>
  66. <meta name="text:font source" content="12"/>
  67. <meta name="text:font size" content="12"/>
  68. <meta name="text:Link1" content="/" />
  69. <meta name="text:Link1 Title" content="link" />
  70. <meta name="text:Link2" content="/" />
  71. <meta name="text:Link2 Title" content="link" />
  72. <meta name="text:Link3" content="/" />
  73. <meta name="text:Link3 Title" content="link" />
  74. <meta name="text:Link4" content="/" />
  75. <meta name="text:Link4 Title" content="link" />
  76. <meta name="text:Link5" content="/" />
  77. <meta name="text:Link5 Title" content="link" />
  78. <meta name="text:Link6" content="/" />
  79. <meta name="text:Link6 Title" content="link" />
  80.  
  81.  
  82. <script type="text/javascript" src="http://static.tumblr.com/uiqhh9x/jkEm9tb4p/jquery-1.8.1.min.js"></script>
  83. <link rel="stylesheet" type="text/css" href="http://static.tumblr.com/cpaytv3/2V1m9r58l/reset.css">
  84. <script type="text/javascript" src="http://static.tumblr.com/c1zdbqc/3R2nz27a6/codiss.js"></script>
  85.  
  86. <link href='https://fonts.googleapis.com/css?family=Cookie' rel='stylesheet' type='text/css'>
  87.  
  88. <link href='https://fonts.googleapis.com/css?family=Inconsolata:400,700' rel='stylesheet' type='text/css'>
  89.  
  90. <link href='http://fonts.googleapis.com/css?family=Baumans' rel='stylesheet' type='text/css'>
  91. <link href='https://fonts.googleapis.com/css?family=Slabo+27px' rel='stylesheet' type='text/css'>
  92.  
  93. <style type="text/css">
  94. body {
  95.  
  96. color: {color:Text};background: {color:Bg} url({image:Background});
  97. background-attachment:fixed;background-repeat: no-repeat;background-size:100% 100%;
  98. font-family:{select:fonte};
  99. font-size:{text:font size}px;
  100. line-height: auto;
  101. }
  102. p {margin:0 0 .75em 0} p:last-child {margin:0}
  103. a {
  104. color: {color:Links};
  105. text-decoration:none;
  106. -webkit-transition:all .2s ease;-moz-transition:all .2s ease;transition:all .2s ease;-o-transition:all .2s ease;}
  107. a:hover {color: {color:Hover}; }
  108.  
  109. blockquote {quotes: "" "" "'" "'"; margin: 0.75em 0 .75em .75em;padding-left: 1.5em;
  110. line-height: 100%;border-left: solid 4px {color:border};
  111. }
  112.  
  113.  
  114.  
  115. h1 {
  116. font-family: default;
  117. font-size: 24px;
  118. line-height: 1.5em;font-weight: normal;
  119. }
  120. ul {
  121. margin: 0px 1.5em .75em;}
  122. li {
  123. margin: .75em 0;
  124. list-style-type: square;
  125. }
  126. .box img {
  127. display: block;
  128. max-width: 100%;}.m-i {
  129. display: block;
  130. line-height: 1px!important;
  131. }
  132.  
  133. .post-link{
  134. font-family: consolas;
  135. font-size: 11px;
  136. line-height: 8px;
  137. }p.source{text-align: center;}
  138.  
  139. h3 {
  140. font-family: {select:fonte}; color: {color:Title};
  141. font-size: {text:font size}px; font-weight: normal;
  142. }.tagged { text-align: center; line-height: 8px;color: {color:Text}; font-family: {select:fonte}; font-size: {text:font size}px;}
  143.  
  144. .text { padding: 5px; color: {color:Text}; background:transparent;font-family: cambria; font-size: 12px; font-family: {select:fonte}; font-size: {text: font size}px;}
  145.  
  146. .texto { padding: 5px; color: {color:Text}; background: transparent;font-family: {select:font source}; font-size: {text: font source}px;}
  147.  
  148. p.question {
  149. margin-bottom: .375em;
  150. }
  151. p.words {text-align:justify;
  152. font-family:{select:fonte};
  153. font-size:{text:font size}px;
  154. line-height: 18px;
  155. text-indent:2px;
  156. padding: 6px;
  157. line-height: 1.5em;
  158. text-align: justify;
  159. color: {color:Text};
  160.  
  161. }
  162. .quotesource{font-family:{select:fonte source};
  163. text-transform: uppercase;
  164. font-weight:bold;
  165. text-align: center; color:{color:title} ;
  166. font-size:{text:font source};}
  167.  
  168.  
  169. .response {
  170. background: {color:bg};
  171. padding: 5px;
  172. margin-bottom: .75em;
  173. }.answer {
  174. text-align: center;
  175. }
  176. ::selection { color:{color:title}; background:rgba(0,0,0, .6); }
  177. ::-moz-selection { color:{color:title}; background:rgba(0,0,0, .6);}
  178. ::-webkit-selection { color:{color:title}; background:rgba(0,0,0, .6); }
  179. .post {
  180. overflow: hidden;
  181. position: relative;
  182. {block:IndexPage}
  183. width:400px;
  184. {/block:IndexPage}
  185. {block:PermalinkPage}
  186. width:400px;
  187. {/block:PermalinkPage}
  188. float:left;
  189. background: rgba(0,0,0, .3);
  190. padding:2px;
  191. margin:10px;
  192. border-left: 6px solid {color:border};
  193. border-right: 6px solid transparent;
  194. border-bottom: 6px solid {color:border};
  195. border-top: 6px solid transparent;
  196. }.box {position: relative;}
  197.  
  198. #side { border-left: 2px solid {color:border};
  199. text-align: center;
  200. margin-top: 0px;
  201. height:100%;
  202. width:200px;
  203. padding:0px;position: fixed;
  204. background: transparent;
  205. font-family:consolas;
  206. font-size:10px;
  207.  
  208. }#side img {display:inline-block;
  209. margin-top:40px;
  210. text-align:center;
  211. width:100px; height:auto;
  212. margin-left:-4px;
  213. border: solid 4px {color:title};
  214.  
  215. outline: 2px outset {color:border};
  216. outline-offset: -15px;
  217. -webkit-transition: all 2s ease;
  218.  
  219. }
  220. #side img:hover {
  221. -webkit-filter: saturate(2);
  222. -webkit-transition: all 2s ease;
  223. outline: 4px outset {color:border};
  224. outline-offset: -1px;
  225. }
  226.  
  227.  
  228.  
  229.  
  230.  
  231. #links { display:inline-block; width:150px; opacity: 1; border: 2px solid {color:border};margin-top: 10px; }
  232.  
  233. #links a { border-bottom:2px solid {color:border}; display:block;font-family:{select: fonte source}; font-size:{text:font source}px; text-decoration:bold; font-style: bold;margin-top:2px; letter-spacing:1px; color:{color:Title}; text-transform:lowercase; padding:5px;}
  234.  
  235.  
  236. #links a:hover { color:{color:Hover}; letter-spacing:2px; text-shadow: 5px 0px 5px {color:border};
  237. }
  238.  
  239. #titulo {text-align:center; overflow:hidden; text-transform:uppercase;color:{color:Title}; font-family:courier; font-size:20px; background:transparent; }
  240.  
  241. #description {text-align:center; overflow:hidden; transition:all 1s ease; color:{color:Text}; font-family:{select:fonte}; font-size:{text:font size}px; background:transparent;}
  242.  
  243.  
  244. ul {margin-bottom: .75em;}
  245. #contain { background: rgba(0,0,0, .6); border-right:2px solid {color:border};
  246. width:621px;
  247. margin: 0px auto 0;
  248. }
  249. #content { margin-right:-74px;
  250. width:500px;
  251. float: right;
  252. }
  253. #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;}
  254. 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 {
  255. max-width: 100%;
  256. }.text img {max-width: 100%;}img {display: block;}.box img {display: block;}
  257. .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}
  258.  
  259. #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}
  260.  
  261. 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%}
  262.  
  263.  
  264.  
  265. b, strong, bold {color: {color:links}; font-weight:bold;}
  266. u {text-decoration: none; border-bottom: 1px solid {color:links};}
  267. i, italic {color: {color:links}; font-weight:italic;}
  268.  
  269. .jperm {position:absolute;
  270. z-index:99999999999;
  271. background:transparent; border: 1px solid {color:border};
  272. text-align:center;
  273. width:100%;
  274. margin-left:-10px;
  275. margin-top:20px;
  276. padding:5px;
  277. text-transform:UPPERCASE;
  278. letter-spacing:0px;font-size:9;
  279. -webkit-transition: all .6s linear; opacity:0; background:rgba(0,0,0, 1);
  280. }
  281.  
  282. .post:hover .jperm {opacity:1;margin-top:-20px; -webkit-transition: all .6s linear;}
  283.  
  284. .jperm a:hover { color:{color:hover}; }
  285.  
  286. .jperm a {color: #fff;}
  287.  
  288. .jperm:hover{background: rgba(0,0,0, 1);
  289. }
  290.  
  291. .jnotes{
  292. cursor:url(http://cur.cursors-4u.net/others/oth-6/oth589.cur), auto;
  293. float:right;
  294. margin-top:2px;
  295. margin-left:-2px;
  296. width:20px;
  297. height:21px;font-size:10;
  298. padding:0px 1px 0px 0px;
  299. text-align:center;
  300. overflow:hidden;
  301. border-radius:10px;}
  302.  
  303. .jlike{ display:inline-block; padding:0 4px 0;
  304.  
  305. opacity:1; -webkit-transition: all .5s linear;}
  306.  
  307. .jnotes:hover {color:#d71414; -webkit-transition: all .5s linear;}
  308.  
  309.  
  310.  
  311.  
  312. .pperm {position:absolute;
  313. z-index:99999999999;
  314. background:transparent; border: 1px solid {color:border};
  315. text-align:center;
  316. width:100%;
  317. margin-left:-10px;
  318. margin-top:-20px;
  319. padding:5px;
  320. text-transform:UPPERCASE;
  321. letter-spacing:0px;font-size:9;
  322. -webkit-transition: all .6s linear; opacity:0; background:rgba(0,0,0, 1);
  323. }
  324.  
  325. .post:hover .pperm {opacity:1;margin-top:-2px; -webkit-transition: all .6s linear;}
  326.  
  327. .pperm a:hover { color:{color:hover}; }
  328.  
  329. .pperm a {color: #fff;}
  330.  
  331. .jperm:hover{background: rgba(0,0,0, 1);
  332. }
  333.  
  334. .pnotes{
  335. cursor:url(http://cur.cursors-4u.net/others/oth-6/oth589.cur), auto;
  336. float:right;
  337. margin-top:2px;
  338. margin-left:-2px;
  339. width:20px;
  340. height:21px;font-size:10;
  341. padding:0px 1px 0px 0px;
  342. text-align:center;
  343. overflow:hidden;
  344. border-radius:10px;}
  345.  
  346. .plike{ display:inline-block; padding:0 4px 0;
  347.  
  348. opacity:1; -webkit-transition: all .5s linear;}
  349.  
  350. .pnotes:hover {color:#d71414; -webkit-transition: all .5s linear;}
  351.  
  352.  
  353.  
  354.  
  355. #perm {position: absolute; top: 10px; right: 10px; opacity:0; transition: 1s ease;}
  356. .botoes {float: right;padding:5px;}
  357. .post:hover #perm {opacity:1; transition: 1s ease;}
  358. .perma {float: right;padding:5px; color:#fff; font-size: 15px;}
  359.  
  360.  
  361. p.lquestion {padding:5px; background:{color:ask};}
  362. .lquestion-triangle {margin:-9px 0px 5px 30px; width:0; height:0; border-style:solid; border-width:10px 10px 0 10px; border-color:{color:ask} transparent transparent transparent;}
  363. .lanswer {line-height:1.8em;}
  364.  
  365. #laudio-caption {margin-top:10px;}
  366. #laudio-caption p {padding:5px; margin-bottom:1px; background:{color:ask};}
  367. #lalbum-art {display:inline-block; float:left; width:33px; height:33px;}
  368. #laudio-player {display:inline-block;}
  369.  
  370.  
  371. .photo { {block:IfPeBImagens} -webkit-filter:grayscale(1); transition:all 1s ease;} .photo:hover {-webkit-filter:grayscale(0); {/block:IfPeBImagens}}
  372.  
  373.  
  374. .photoset { {block:IfPeBImagens}-webkit-transition-duration: 1s; {/block:IfPeBImagens}}
  375.  
  376. .photoset:hover {-webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%); -webkit-transition-duration: 1.4s;}
  377.  
  378.  
  379.  
  380.  
  381. .photo,a .photo{{block:IfFade} opacity:0.65;-moz-opacity: 0.20;filter: alpha(opacity=10);-webkit-transition-duration: 1s;}
  382. .photo:hover,a .photo:hover{opacity:1;-webkit-transition-duration: 1s;{block:IfFade}}
  383.  
  384. .lchat {line-height:18px;}
  385. .lchat ul {margin:0!important; line-height:18px;}
  386. .lchat li {list-style:none!important; margin:1px 0px 1px;}
  387. .lline1 {padding:5px; color:{color:Text}; background-color:{color:ask};}
  388. .lline1 .llabel {font-family:'Lora', cursive; font-size:12px; font-style:italic; color:{color:Title};}
  389. .lline2 {padding:5px; color:{color:Text}; background:{color:ask};}
  390. .lline2 .llabel {font-family:'Lora', cursive; font-size:12px; font-style:italic; color:{color:Title};}
  391.  
  392.  
  393. #credit {color:{color:Title};padding:5px;position:fixed;bottom:40px;right:21px;font-family:cambria;font-size:10px; width: 10px; overflow: hidden; height: 6px; -webkit-transition: all 1s ease;
  394. -moz-transition: all 1s ease;
  395. -ms-transition: all 1s ease;
  396. -o-transition: all 1s ease;
  397. transition: all 1s ease;}
  398.  
  399. #credit span {color:{color:Title}; -webkit-transition: all 1s ease;
  400. -moz-transition: all 1s ease;
  401. -ms-transition: all 1s ease;
  402. -o-transition: all 1s ease;
  403. transition: all 1s ease;}
  404. #credit a{text-transform:uppercase; -webkit-transition: all 1s ease;
  405. -moz-transition: all 1s ease;
  406. -ms-transition: all 1s ease;
  407. -o-transition: all 1s ease;
  408. transition: all 1s ease;}
  409. #credit:hover{ opacity:1; width:150px;-webkit-transition: all 1s ease;
  410. -moz-transition: all 1s ease;
  411. -ms-transition: all 1s ease;
  412. -o-transition: all 1s ease;
  413. transition: all 1s ease;}
  414.  
  415.  
  416. ::-webkit-scrollbar{width:5px; height:5px;}
  417. ::-webkit-scrollbar-thumb{background:-webkit-linear-gradient(top, {color:title} 5%, {color:bg} 100%);}
  418.  
  419.  
  420. ol.notes{margin-left: 10px;padding:0;list-style:none;}
  421.  
  422. 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:Title}; text-transform: uppercase; font-size:8px; padding-bottom: 2px;}
  423.  
  424. ol.notes img { position: relative; width: 16px; border: solid 1px {color:Title};}
  425.  
  426.  
  427.  
  428. @font-face {font-family: "pftsc";
  429.  
  430. src: url('http://static.tumblr.com/8yo5xxv/b5cm22t2y/pf_tempesta_seven_condensed.ttf'); format("truetype");}
  431. </style>
  432.  
  433.  
  434.  
  435. <script type="text/javascript" src="http://static.tumblr.com/stnnkm0/Vyjnn0hs4/mhlazyload.js"></script>
  436.  
  437.  
  438.  
  439.  
  440. <script type="text/javascript" src="http://static.tumblr.com/5u1fog0/XsWngduiz/lsmoothscroll.js"></script>
  441.  
  442.  
  443. </head>
  444. <body>
  445.  
  446. <div id="contain" class="clearfix">
  447. <div id="side">
  448. <div class="texto">
  449. <img class="menu-picture" src="{image:sidebar}"/></a>
  450. <div id="titulo"></br>{Title}</div>
  451. <div id="description"></br>{Description}</div>
  452. <div id="links">
  453. <a href="{text:Link1}">{text:Link1 Title}</a>
  454. <a href="{text:Link2}">{text:Link2 Title}</a>
  455. <a href="{text:Link3}">{text:Link3 Title}</a>
  456. <a href="{text:Link4}">{text:Link4 Title}</a>
  457. <a href="{text:Link5}">{text:Link5 Title}</a>
  458. <a href="{text:Link6}">{text:Link6 Title}</a>
  459.  
  460.  
  461.  
  462.  
  463. </div></div>
  464. </div>
  465. <div id="content">
  466. {block:Posts}
  467. <div class="post">
  468.  
  469.  
  470. {block:Text}
  471. <div class="text">
  472. {block:Title}<h3>{Title}</h3>{/block:Title}
  473. {Body}
  474. <!-- permalink --> {block:IndexPage}
  475. {block:IndexPage}
  476. <div class="jperm">
  477.  
  478. <a href="{ReblogURL}" target="_blank">REBLOG |</a>
  479. <a href="{Permalink}">{SourceURL} </a>
  480. <a href="{permalink}">{notecount} NOTES</a>
  481.  
  482. <div class="jlike">{LikeButton size="13" color="white"}</div></div>
  483. {/block:IndexPage}
  484. <!-- /permalink --> {/block:IndexPage}
  485. </div>
  486. {/block:Text}
  487.  
  488. {block:Quote}
  489. <div class="text quote">
  490. <p class="words">❝ {Quote} ❞</p>
  491. {block:Source}<div class="quotesource">{Source}</div>
  492. {/block:Source}
  493.  
  494. <!-- permalink --> {block:IndexPage}
  495. {block:IndexPage}
  496. <div class="jperm">
  497.  
  498. <a href="{ReblogURL}" target="_blank">REBLOG |</a>
  499. <a href="{Permalink}">{SourceURL} </a>
  500. <a href="{permalink}">{notecount} NOTES</a>
  501.  
  502. <div class="jlike">{LikeButton size="13" color="white"}</div></div>
  503. {/block:IndexPage}
  504. <!-- /permalink --> {/block:IndexPage}
  505. </div>
  506. {/block:Quote}
  507.  
  508. {block:Link}
  509. <div class="text link">
  510. <h3><a href="{URL}" {Target}>{Name}</a></h3>
  511. {block:Description}{Description}{/block:Description}
  512. <!-- permalink --> {block:IndexPage}
  513. {block:IndexPage}
  514. <div class="jperm">
  515.  
  516. <a href="{ReblogURL}" target="_blank">REBLOG |</a>
  517. <a href="{Permalink}">{SourceURL} </a>
  518. <a href="{permalink}">{notecount} NOTES</a>
  519.  
  520. <div class="jlike">{LikeButton size="13" color="white"}</div></div>
  521. {/block:IndexPage}
  522. <!-- /permalink --> {/block:IndexPage}
  523. </div>
  524. {/block:Link}
  525.  
  526. {block:Chat}
  527. {block:Title}<h3><a href="{Permalink}" target="_blank">{Title}</a></h3>{/block:Title}
  528. <div class="text">
  529. <div class="lchat"><ul>{block:Lines}
  530. <li class="lline{UserNumber}">{block:Label}
  531. <span class="llabel">{Label}</span>{/block:Label} {Line}</li>
  532. {/block:Lines}</ul></div>
  533.  
  534. <!-- permalink --> {block:IndexPage}
  535. {block:IndexPage}
  536. <div class="jperm">
  537.  
  538. <a href="{ReblogURL}" target="_blank">REBLOG |</a>
  539. <a href="{Permalink}">{SourceURL} </a>
  540. <a href="{permalink}">{notecount} NOTES</a>
  541.  
  542. <div class="jlike">{LikeButton size="13" color="white"}</div></div>
  543. {/block:IndexPage}
  544. <!-- /permalink --> {/block:IndexPage}
  545. </div>
  546. {/block:Chat}
  547.  
  548. {block:Audio}
  549. <div class="text">
  550. {block:AlbumArt}<div id="lalbum-art"><img src="{AlbumArtURL}" style="border-radius:100%;"></div>{/block:AlbumArt}
  551. {AudioPlayerWhite}
  552. <div id="laudio-caption">
  553. <p>Track: {block:TrackName}<i>{TrackName}</i>{/block:TrackName}.</p>
  554. <p>Artist: {block:Artist}<i>{Artist}</i>{/block:Artist}.</p>
  555. <p>Album: {block:Album}<i>{Album}</i>{/block:Album}.</p>
  556. <p>Plays: <i>{FormattedPlayCount}</i>.</p>
  557. </div></div> <!-- permalink --> {block:IndexPage}
  558. {block:IndexPage}
  559. <div class="jperm">
  560.  
  561. <a href="{ReblogURL}" target="_blank">REBLOG |</a>
  562. <a href="{Permalink}">{SourceURL} </a>
  563. <a href="{permalink}">{notecount} NOTES</a>
  564.  
  565. <div class="jlike">{LikeButton size="13" color="white"}</div></div>
  566. {/block:IndexPage}
  567. <!-- /permalink --> {/block:IndexPage}
  568. {/block:Audio}
  569.  
  570. {block:Answer}
  571. <p class="lquestion"><i>{Asker}</i>: {Question}</p>
  572. <div class="lquestion-triangle"></div>
  573. <a href="{Permalink}" target="_blank"><img style="margin-left:20px; padding:5px; margin-bottom:.375em; border-radius:100%; background: {color:ask};" src="{AskerPortraitURL-30}"></a>
  574. <p class="lanswer">{Answer}</p>
  575.  
  576. <!-- permalink --> {block:IndexPage}
  577. {block:IndexPage}
  578. <div class="jperm">
  579.  
  580. <a href="{ReblogURL}" target="_blank">REBLOG |</a>
  581. <a href="{Permalink}">{SourceURL} </a>
  582. <a href="{permalink}">{notecount} NOTES</a>
  583.  
  584. <div class="jlike">{LikeButton size="13" color="white"}</div></div>
  585. {/block:IndexPage}
  586. <!-- /permalink --> {/block:IndexPage}
  587. {/block:Answer}
  588.  
  589. {block:Photoset}
  590. <div class="photoset">
  591. <div class="box">
  592. <!-- permalink --> {block:IndexPage}
  593. {block:IndexPage}
  594. <div class="pperm">
  595.  
  596. <a href="{ReblogURL}" target="_blank">REBLOG |</a>
  597. <a href="{Permalink}">{SourceURL} </a>
  598. <a href="{permalink}">{notecount} NOTES</a>
  599.  
  600. <div class="plike">{LikeButton size="13" color="white"}</div></div>
  601. {/block:IndexPage}
  602. <!-- /permalink --> {/block:IndexPage}
  603. {block:IndexPage}<center>{Photoset-400}</center>{/block:IndexPage}
  604. {block:PermalinkPage}{Photoset-400}{/block:PermalinkPage}
  605. </div>
  606. </div>
  607. {/block:Photoset}
  608.  
  609. {block:Video}
  610. <div class="video">
  611. <div class="box">
  612. <!-- permalink --> {block:IndexPage}
  613. {block:IndexPage}
  614. <div id="perm">
  615. <div class="botoes">{LikeButton size=15 color=White}</div>
  616. <div class="botoes">{ReblogButton size=15 color=White}</div>
  617. <a href="{Permalink}" title="{NoteCount}"><div class="perma">✖</div></a>
  618. </div>
  619. {/block:IndexPage}
  620. <!-- /permalink --> {/block:IndexPage}
  621. {block:IndexPage}<center>{Video-250}</center>{/block:IndexPage}
  622. {block:PermalinkPage}{Video-500}{/block:PermalinkPage}
  623. </div>
  624. {block:IndexPage}{/block:IndexPage}
  625. </div>
  626. {/block:Video}
  627.  
  628. {block:Photo}
  629. <div class="photo">
  630. <div class="box">
  631. <!-- permalink --> {block:IndexPage}
  632. {block:IndexPage}
  633. <div id="perm">
  634. <div class="botoes">{LikeButton size=15 color=White}</div>
  635. <div class="botoes">{ReblogButton size=15 color=White}</div>
  636. <a href="{Permalink}" title="{NoteCount}"><div class="perma">✖</div></a>
  637. </div>
  638. {/block:IndexPage}
  639. <!-- /permalink --> {/block:IndexPage}
  640. {block:IndexPage}
  641. <a href="{Permalink}"><img src="{PhotoURL-500}" alt="{PhotoAlt}" width="100%"/></a>
  642. {/block:IndexPage}
  643. {block:PermalinkPage}
  644. {LinkOpenTag}<img src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="500"/>{LinkCloseTag}
  645. {/block:PermalinkPage}
  646. </div>
  647. {block:IndexPage}{block:IfShowCaptions}
  648. {block:Caption}<div class="caption text">{Caption}</div>{/block:Caption}
  649. {/block:IfShowCaptions}{/block:IndexPage}
  650. </div>
  651. {/block:Photo}
  652.  
  653. {block:IfShowTags}{block:IndexPage}{block:HasTags}
  654. <div class="tagged"><p>{lang:Tagged}: {block:Tags}<a href="{TagURL}">#{Tag}</a> {/block:Tags}</p></div>
  655. {/block:HasTags}{/block:IndexPage}{/block:IfShowTags}
  656.  
  657. {block:PermalinkPage}
  658. <div id="post-info" class="text">
  659. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  660. {block:HasTags}
  661. <p class="tagged">{lang:Tagged}: {block:Tags}<a href="{TagURL}">#{Tag}</a> {/block:Tags}</p>
  662. {/block:HasTags}
  663. <p class="post-info-data">
  664. {block:Date}{12Hour}:{Minutes}:{Seconds} {MonthNumber}/{DayOfMonth}/{Year}<br/>{/block:Date}
  665. {block:NoteCount}{NoteCountWithLabel}<br />{/block:NoteCount}{block:RebloggedFrom}
  666. Reblogged from <a href="{ReblogParentURL}">{ReblogParentName}</a><br/>Posted by <a href="{ReblogRootURL}">{ReblogRootName}</a>{block:RebloggedFrom}</p>
  667. {block:PostNotes}
  668. {PostNotes}
  669. {/block:PostNotes}
  670. </div>
  671. {/block:PermalinkPage}
  672.  
  673. </div> <!-- end single post -->
  674. {block:ContentSource}
  675. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}" width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" /> {/block:SourceLogo} {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  676. {/block:ContentSource}
  677. <!--{block:NoRebloggedFrom}{block:RebloggedFrom}{ReblogParentName}{/block:RebloggedFrom}{/block:NoRebloggedFrom} -->
  678. {/block:Posts}
  679. </div> <!-- end content -->
  680. <div class="loading"></div>
  681. </div> <!-- end containing div -->
  682. {block:IfInfiniteScroll}
  683. {block:Pagination}<ul id="pagination">
  684. {block:PreviousPage}
  685. <li><a href="{PreviousPage}"></a></li>
  686. {/block:PreviousPage}
  687. {block:JumpPagination length="5"}
  688. {block:CurrentPage}
  689. <li><span class="current_page numbersNav"><strong>{PageNumber}</strong></span></li>
  690. {/block:CurrentPage}
  691. {block:JumpPage}
  692. <li><a class="jump_page numbersNav" href="{URL}">{PageNumber}</a></li>
  693. {/block:JumpPage}
  694. {/block:JumpPagination}
  695. {block:NextPage}
  696. <li><a id="nextPage" href="{NextPage}"></a></li>
  697. {/block:NextPage}
  698. </ul>{/block:Pagination}
  699. {/block:IfInfiniteScroll}
  700. {block:IndexPage}
  701. <script type="text/javascript">
  702. $(window).load(function () {
  703. $('#content').masonry(),
  704. $('.masonryWrap').infinitescroll({
  705. navSelector : '#pagination',
  706. nextSelector : '#pagination a#nextPage',
  707. itemSelector : ".post, .loading",
  708. bufferPx : 40,
  709. loadingImg : "http://static.tumblr.com/uiqhh9x/38Em68qk4/loading.gif",
  710. loadingText : "<em></em>",
  711. },
  712. function() { $('#content').masonry({ appendedContent: $(this) }); }
  713. );
  714. });
  715. </script>
  716. {/block:IndexPage}
  717. {block:IfToTopButton}
  718. <script type="text/javascript">
  719. $(document).ready(function() {
  720. /*
  721. var defaults = {
  722. containerID: 'toTop', // fading element id
  723. containerHoverID: 'toTopHover', // fading element hover id
  724. scrollSpeed: 1200,
  725. easingType: 'linear'
  726. };
  727. */
  728.  
  729. $().UItoTop({ easingType: 'easeOutQuart' });
  730.  
  731. });
  732. </script>
  733. <a href="#" id="toTop" style="display: none; "><span id="toTopHover"></span>To Top</a>
  734. {/block:IfToTopButton}
  735.  
  736. <div id="credit"> <a href="http://ilegitimada.tumblr.com/"> ❤ tema por <b>ilegitimada</a></b></div>
  737.  
  738. <!-----------------------------------------------------------------
  739. Oie ^^ Esse é meu theme Nº 02
  740. Não use como base e avise se pegar.
  741. Beijos
  742. Theme por ilegitimada
  743. http://ilegitimada.tumblr.com/
  744. ------------------------------------------------------------------>
  745.  
  746. </body></html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement