Ikxa

igor8

Jun 23rd, 2013
85
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 12.88 KB | None | 0 0
  1. <html>
  2. <!-- © oxigenio-dapalavra I tumblr -->
  3. <head>
  4. <meta name="if:Titulo" content="1"/>
  5. <meta name="if:Logo Credito" content="1"/>
  6. <meta name="color:Titulo" content="#333333"/>
  7. <meta name="color:Link" content="#555555"/>
  8. <meta name="color:Fundo" content="#FFFFFF"/>
  9. <meta name="color:corletra" content="#333333"/>
  10. <meta name="color:perma" content="#990000"/>
  11. <meta name="image:sidebar" content=""/>
  12. <meta name="text:tamanholetra" content="12"/>
  13. <meta name="text:Link 1" content="/"/>
  14. <meta name="text:Link 1 Titulo" content="um"/>
  15. <meta name="text:Link 2" content="/" />
  16. <meta name="text:Link 2 Titulo" content="dois"/>
  17. <meta name="text:Link 3" content="/" />
  18. <meta name="text:Link 3 Titulo" content="tres"/>
  19. <meta name="text:Link 4" content="/" />
  20. <meta name="text:Link 4 Titulo" content="quatro"/>
  21. <meta name="text:Link 5" content="/" />
  22. <meta name="text:Link 5 Titulo" content="cinco"/>
  23. <meta name="text:linkimg2" content="/"/>
  24. <meta name="text:linkimg3" content="/"/>
  25. <meta name="text:linkimg4" content="/"/>
  26. <title>{Title}{block:PostTitle} - {PostTitle}{/block:PostTitle}</title>
  27. {block:Description}<meta name="description" content="{MetaDescription}" />
  28. {/block:Description}
  29. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  30. <link rel="shortcut icon" href="{Favicon}">
  31.  
  32. <style type="text/css">
  33.  
  34. ::-webkit-scrollbar {width:5px;height:5px;background:{color:Background};}
  35. ::-webkit-scrollbar-thumb {background:{color:Title};}
  36.  
  37. iframe#tumblr_controls {
  38. position:fixed;
  39. -webkit-filter: invert(100%) ;
  40. -moz-transition: all 0.8s ease-out;
  41. -webkit-transition: opacity 0.7s linear;
  42. -webkit-transition: all 0.8s ease-out;
  43. transition: all 0.8s ease-out;
  44. opacity: 0.5;}
  45.  
  46. body {margin:0px;background:{color:Fundo};}
  47. body, div, p, textarea, submit, input{
  48. font-family:Trebuchet MS;
  49. font-size:{text:tamanholetra}px;
  50. line-height:auto;
  51. color:{color:corletra};
  52. }
  53.  
  54. a:link, a:active, a:visited{text-decoration:none;
  55. -webkit-transition: 0.7s ease;transition: 0.7s ease;
  56. -o-transition: 0.7s ease;-moz-transition: 0.7s ease;color:{color:Link};}
  57.  
  58. #tudo{margin-left:20%;absolute:relative;width:500px;}
  59. #content{width:930px;padding:5px;text-align:justify;}
  60. #entry img{max-width:100%;-moz-border-radius: 15px; -webkit-border-radius: 15px;}
  61. #entry{margin-top:20px;margin-left:10px;border-bottom:1px solid #EEE;
  62. {block:IndexPage}width:400px;padding-bottom:10px;{/block:IndexPage}
  63. {block:PermalinkPage}width:500px;padding:26px;{/block:PermalinkPage};}
  64.  
  65. #sidebar{text-align:center;
  66. position:fixed;
  67. width:170px;
  68. height:100%;
  69. margin:100px -185px;
  70. }
  71. .desc{padding:10px 11px 12px 11px;border-bottom:1px solid #EEE;text-align:center;}
  72. .menu{margin:0 2px 0px 2px;opacity:0.5;}
  73. .menu a{display:inline-block;width:16px;height:16px;padding-left:2px;}
  74. .links{margin-top:-5px;}
  75. .links a{
  76. display:inline-block;
  77. background:#FFF;
  78. border-left:1px solid #EEE;
  79. border-right:1px solid #EEE;
  80. line-height:7px;
  81. padding:0px 0px;}
  82.  
  83. .musica{margin-top: 10px; margin-left:55px;}
  84.  
  85. .titulo{
  86. font-size:14px;
  87. line-height:12px;
  88. font-weight:bold;
  89. color:{color:Title};}
  90.  
  91. .quote {
  92. padding:10px;
  93. text-transform:none;
  94. background:url('http://tinyurl.com/acrqqb3') no-repeat 5px 5px;
  95. }
  96.  
  97. .autor {font-size:10px;
  98. text-align:center;
  99. font-weight:bold;
  100. font-style:normal;
  101. text-transform:none;
  102. }
  103.  
  104. #entry:hover .perma2 {{block:IndexPage}opacity:1;text-align:right;{/block:IndexPage}}
  105. #entry .perma2 {{block:IndexPage}
  106. position:absolute;
  107. text-align:right;
  108. width:20px;
  109. opacity:0;
  110. margin-top:6px;
  111. margin-left:370px;
  112. padding:0px 5px;
  113. transition: 0.7s ease;
  114. -o-transition: 0.7s ease;
  115. -moz-transition: 0.7s ease;
  116. -webkit-transition: 0.7s ease;
  117. {block:IndexPage}}
  118.  
  119. .perma2 a{
  120. display:inline-block;
  121. background:#FFF;
  122. border-left:1px solid #EEE;
  123. border-right:1px solid #EEE;
  124. line-height:7px;
  125. padding:0px 4px;}
  126.  
  127. #entry:hover .perma {{block:IndexPage}opacity:1;{/block:IndexPage}}
  128. #entry .perma {{block:IndexPage}
  129. font-size:9px;
  130. position:absolute;
  131. width:370px;
  132. opacity:0;
  133. margin-top:6px;
  134. padding:0px 5px;
  135. transition: 0.7s ease;
  136. -o-transition: 0.7s ease;
  137. -moz-transition: 0.7s ease;
  138. -webkit-transition: 0.7s ease;
  139. {block:IndexPage}}
  140.  
  141. .perma a{
  142. display:inline-block;
  143. background:#FFF;
  144. border-left:1px solid #EEE;
  145. border-right:1px solid #EEE;
  146. line-height:7px;
  147. padding:0px 4px;}
  148.  
  149. .pagina{
  150. padding:5px;
  151. margin-top:10px;
  152. font-size:8px;
  153. letter-spacing:1px;
  154. text-transform:uppercase;
  155. text-align:center;
  156. border-top:1px solid #DDD;
  157. border-bottom:1px solid #DDD;}
  158.  
  159. .album {position:absolute;}
  160. .album img {width:50px;height:50px;float:left;}
  161. .audio {width:20px;padding:7px 13px 9px 5px;overflow:hidden;}
  162. .audiodescr {margin-left:55px;padding:0px;}
  163. .i{display:block;padding:2px;font-size:10px;line-height:13px;}
  164. .i b, strong{text-transform:uppercase;}
  165. .player {
  166. position:absolute;
  167. background:#FFF;
  168. width:39px;
  169. height:39px;
  170. opacity:0.75;
  171. padding:6px;
  172. overflow:hidden;}
  173.  
  174. .answer{margin:5px;}
  175.  
  176. ::selection {color:#FFF;background:{color:Title};}
  177. ::-moz-selection {color:#FFF;background:{color:Title};}
  178. ::-webkit-selection{color:#FFF;background:{color:Title};}
  179.  
  180. i, em{color:{color:Title};}
  181. b, strong{color:{color:Title};}
  182. ul,ol{margin:0px;margin-left:-10px;}
  183. p{padding:0px;margin:5px;}
  184. u{text-decoration:none;color:{color:Title};
  185. border-bottom:1px dotted {color:Title};}
  186. blockquote {margin:2px 10px;padding:2px;
  187. padding-left:2px;border-left:3px solid #DDD;}
  188.  
  189. img{ margin-bottom:-2px;}
  190. .notes img { width:0px;}
  191.  
  192. #credito img{width:25px;border-radius:50px;}
  193. #credito{position:fixed;left:15px;bottom:15px;font-family:Consolas;}
  194.  
  195. </style>
  196.  
  197. <script type="text/javascript"
  198. src="http://static.tumblr.com/dbek3sy/iBElrgjim/jquerymasonry.js"></script>
  199. <script type="text/javascript"
  200. src="http://static.tumblr.com/dbek3sy/Qyblrgjfn/jqueryinfintescroll.js"></script>
  201.  
  202. <script type="text/javascript">
  203. $(window).load(function () {
  204. var $content = $('#content');
  205. $content.masonry({itemSelector: '#entry'}),
  206. $content.infinitescroll({
  207. navSelector : 'div#pagination',
  208. nextSelector : 'div#pagination a#nextPage',
  209. itemSelector : '#entry',
  210. loading: {
  211. finishedMsg: '',
  212. img: 'http://static.tumblr.com/dbek3sy/pX1lrx8xv/ajax-loader.gif'
  213. },
  214. bufferPx : 600,
  215. debug : false,
  216. },
  217. // call masonry as a callback.
  218. function( newElements ) {
  219. var $newElems = $( newElements );
  220. $newElems.hide();
  221. // ensure that images load before adding to masonry layout
  222. $newElems.imagesLoaded(function(){
  223. $content.masonry( 'appended', $newElems, true,
  224. function(){$newElems.fadeIn(300);} );
  225.  
  226.  
  227. });
  228. });
  229. });
  230. </script>
  231.  
  232. </style>
  233. <link rel="alternate" type="application/rss+xml" title="RSS" href="{RSS}"/>
  234. <meta name="viewport" content="width=1024" />
  235. </head>
  236. <body>
  237.  
  238. <div id="tudo">
  239. <div id="sidebar">
  240. <div class="menu">
  241. <a href="/"><img src="http://media.tumblr.com/a93114248ee699ce1511a184960f7f7f/tumblr_inline_mjj2khShtn1qz4rgp.gif" style=" height:auto; width: 18px; align="center""></a>
  242. <a href="{text:linkimg2}"><img src="http://static.tumblr.com/eb7avl1/Wtwmomh9e/mao2.png" style=" height:auto; width: 18px; align="center""></a>
  243. <a href="{text:linkimg3}" target="_blank"><img src="http://static.tumblr.com/eb7avl1/Zzumomh0n/camera2.png" style=" height:auto; width: 18px; align="center""></a>
  244. <a href="{text:linkimg4}"><img src="http://static.tumblr.com/eb7avl1/waGmomh73/theme2.png" style=" height:auto; width: 18px; align="center""></a>
  245. <a href="/ask"><img src="http://cdn1.iconfinder.com/data/icons/mimiGlyphs/16/envelope_mail.png" style=" height:auto; width: 14px; align="center""></a>
  246. </div><br>
  247.  
  248. <a href="/" title="Refresh" target="_self"><img src="{image:sidebar}"style=" -moz-border-radius: 15px; -webkit-border-radius: 15px;height:auto; width:150px; align="center""></a><br>
  249.  
  250. <div class="desc">{Description}</div>
  251.  
  252. <div class="links">
  253. {block:ifLink1}<a href="{text:Link 1}">{text:Link 1 Titulo}</a>
  254. {/block:ifLink1}
  255. {block:ifLink2}<a href="{text:Link 2}">{text:Link 2 Titulo}</a>
  256. {/block:ifLink2}
  257. {block:ifLink3}<a href="{text:Link 3}">{text:Link 3 Titulo}</a>
  258. {/block:ifLink3}
  259. {block:ifLink4}<a href="{text:Link 4}">{text:Link 4 Titulo}</a>
  260. {/block:ifLink4}
  261. {block:ifLink5}<a href="{text:Link 5}">{text:Link 5 Titulo}</a>
  262. {/block:ifLink5}
  263. </div>
  264.    
  265. <div class="musica"><embed src="http://www.sheepproductions.com/billy/billy.swf?autoplay=true&f0=https://dl-web.dropbox.com/get/Alicia%20Keys%20-%20Not%20Even%20The%20King%20%28Live%20at%20iTunes%20Festival%202012%29.mp3?w=AAC3pVqgZF13QHaM73oU3EaLJy0U7qZNqBEZarGrrJhbRg&t0=&f1=https://dl-web.dropbox.com/get/Beyonc%C3%A9%20-%20That%27s%20Why%20You%27re%20Beautiful%20%28I%20am...%20Yours%20DVD%29.mp3?w=AACygqUW7v2pvnnbQN4Yj-ga98eCypfj9w15QU6Xh5biTA&t1=&f2=https://dl-web.dropbox.com/get/Maria%20Rita%20-%20N%C3%A3o%20Vale%20A%20Pena.mp3?w=AADv2kbX5D-Ug1SkPWyaiGX87Qil2HqOAazeJnh-tzHj-Q&t2=&f3=https://dl-web.dropbox.com/get/Mathai-%20Gravity%20A%20Live%20John%20Mayer%20Cover..mp3?w=AAB3k-vmC-JI85uuBYHcXRKlbK2-JFif_Vt3RDAYVQpYyw&t3=&f4=https://dl-web.dropbox.com/get/The%20Lumineers%20-%20Ho%20Hey%20%28Official%20Video%29.mp3?w=AABqbNg1AeYDDw1gzw9eKVkvstJaPs43r6iTibdR_gN-rQ&t4=&total=5" quality="high" wmode="transparent" width="200" height="10" name="billy" align="middle" type="application/x-shockwave-flash" /></div>  
  266.    
  267. </div>
  268.  
  269. <div id="content">
  270. {block:Posts}
  271.  
  272. <div id="entry">
  273.  
  274. {block:Text}
  275. <div class="titulo">{Title}</div>{Body}
  276. {/block:Text}
  277.  
  278. {block:Link}
  279. <a href="{URL}"><span class="titulo">{Name} &raquo;</span></a>
  280. {block:Description}{Description}{/block:Description}
  281. {/block:Link}
  282.  
  283. {block:Photo}
  284. <a href="{Permalink}"><img src="{PhotoURL-500}" alt="{PhotoAlt}"/></a>
  285. {/block:Photo}
  286.  
  287. {block:Photoset}<div id="photoset">
  288. {block:IndexPage}{Photoset-400}{/block:IndexPage}
  289. {block:PermalinkPage}{Photoset-500}{/block:PermalinkPage}</div>
  290. {block:Caption}{Caption}{/block:Caption}
  291. {/block:Photoset}
  292.  
  293. {block:Quote}
  294. <div class="quote">{Quote}<div class="autor">{Source}</div></div>
  295. {/block:Quote}
  296.  
  297. {block:Chat}
  298. <div class="titulo">{Title}</div>
  299. {block:Lines}<div class="i {Alt}"><div class="{Alt} user_{UserNumber}">
  300. {block:Label}<b>{Label}</b> {/block:Label}{Line}</div></div>{/block:Lines}
  301. {/block:Chat}
  302.  
  303. {block:Audio}
  304. {block:AlbumArt}<div class="album">
  305. <img src="{AlbumArtURL}"></div>{/block:AlbumArt}
  306. <div class="player"><div class="audio">{AudioPlayerWhite}</div></div>
  307. <div class="audiodescr"><div class="i"><b>TITLE: </b><span{block:TrackName} style="display: none;"{block:TrackName}>Unknown</span>{block:TrackName}{TrackName}{/block:TrackName}</div><div class="i"><b>ARTIST: </b><span{block:Artist} style="display: none;"{block:Artist}>Unknown</span> {block:Artist}{Artist}{/block:Artist}</div>
  308. <div class="i"><b>PLAYS: </b><span{block:PlayCount} style="display: none;"{block:PlayCount}>Unknown</span>{block:PlayCount}{PlayCount}{/block:PlayCount}</div></div>
  309. {/block:Audio}
  310.  
  311. {block:Video}
  312. {block:IndexPage}{Video-250}{/block:IndexPage}
  313. {block:PermalinkPage}{Video-500}{/block:PermalinkPage}
  314. {block:Caption}{Caption}{/block:Caption}
  315. {/block:Video}
  316.  
  317. {block:Answer}
  318. <div><img src="{AskerPortraitURL-24}" style="border-radius:50px;"><b>{Asker}</b> → {Question}</div>
  319. <div class="answer">{Answer}</div>
  320. {/block:Answer}
  321.  
  322. {block:IndexPage}<div class="perma"><a style="color:{color:perma};" href="{ReblogUrl}" target="_blank"><img src="http://static.tumblr.com/eb7avl1/GMsmolvi1/reblog.png"></a>
  323. <a style="color:{color:perma};" href="{Permalink}">{NoteCountWithLabel}</a>
  324. {block:HasTags}{block:Tags}&rarr; <a href="{TagURL}">{Tag}</a>
  325. {/block:Tags}{/block:HasTags}</div>
  326. <div class="perma2">{LikeButton size="15"}</div>
  327. {/block:IndexPage}
  328.  
  329. {block:PermalinkPage}{block:Date}<div class="pagina">
  330. posted {TimeAgo} with {NoteCountWithLabel}
  331.  
  332. {block:HasTags}<br>tagged: {block:Tags}
  333. <a href="{TagURL}" title="{Tag}">{Tag}, </a>
  334. {/block:Tags}{/block:HasTags}
  335. </div>{/block:Date}
  336.  
  337. {block:NoteCount}<div style="margin-top:10px;">
  338. {block:PostNotes}{PostNotes}{/block:PostNotes}
  339. </div>{/block:NoteCount}{/block:PermalinkPage}
  340. </div>
  341. {block:ContentSource}
  342. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}" width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" /> {/block:SourceLogo} {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  343. {/block:ContentSource}
  344.  
  345.  
  346. <!--{block:NoRebloggedFrom}{block:RebloggedFrom}{ReblogParentName}{/block:RebloggedFrom}{/block:NoRebloggedFrom} -->
  347. {/block:Posts}
  348. </div>
  349. </div>
  350.  
  351. {block:IndexPage}{block:Pagination}<div id="pagination">
  352. {block:NextPage}<a id="nextPage" href="{NextPage}"></a>{/block:NextPage}
  353. {block:PreviousPage}<a href="{PreviousPage}"></a>{/block:PreviousPage}
  354. </div>{/block:Pagination}{/block:IndexPage}
  355.  
  356. <div id="credito">{block:ifLogoCredito}
  357. <a title="credito" href="http://oxigenio-dapalavra.tumblr.com">
  358. <img src="http://static.tumblr.com/eb7avl1/9f3moldo5/oxigenio.jpg"></a>
  359. {/block:ifLogoCredito}{block:ifnotLogoCredito}&copy;
  360. <a title="credito" href="http://oxigenio-dapalavra.tumblr.com">theme</a>
  361. {/block:ifnotLogoCredito}</div>
  362.  
  363. </body>
  364. </html>
Add Comment
Please, Sign In to add comment