Ikxa

literario

Nov 29th, 2013
431
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 12.52 KB | None | 0 0
  1. <html>
  2. <!-- © oxigenio-dapalavra I tumblr -->
  3. <head>
  4.  
  5. <script type="text/javascript"
  6. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  7.  
  8. <link href='http://fonts.googleapis.com/css?family=Give+You+Glory' rel='stylesheet' type='text/css'>
  9.  
  10. <link href='http://fonts.googleapis.com/css?family=Patrick+Hand+SC' rel='stylesheet' type='text/css'>
  11.  
  12. <link href='http://fonts.googleapis.com/css?family=Sevillana' rel='stylesheet' type='text/css'>
  13.  
  14. <link href='http://fonts.googleapis.com/css?family=Patrick+Hand+SC|Great+Vibes' rel='stylesheet' type='text/css'>
  15.  
  16. <link href='http://fonts.googleapis.com/css?family=Bad+Script' rel='stylesheet' type='text/css'>
  17.  
  18. <link href='http://fonts.googleapis.com/css?family=Source+Sans+Pro:200' rel='stylesheet' type='text/css'>
  19.  
  20. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  21.  
  22. <meta name="if:Logo Credito" content="1"/>
  23. <meta name="color:Nome" content="#333333"/>
  24. <meta name="color:Titulo" content="#333333"/>
  25. <meta name="color:Link" content="#555555"/>
  26. <meta name="color:Fundo" content="#FFFFFF"/>
  27. <meta name="color:Post" content="#FFFFFF"/>
  28. <meta name="color:Barra" content="#B3B1B1"/>
  29. <meta name="color:Descri" content="#FFFFFF"/>
  30. <meta name="color:corletra" content="#333333"/>
  31. <meta name="color:divisoria" content="#dddddd"/>
  32. <meta name="color:perma" content="#990000"/>
  33. <meta name="image:sidebar" content=""/>
  34. <meta name="image:barra" content=""/>
  35. <meta name="image:background" content=""/>
  36. <meta name="text:tamanhotitulo" content="14"/>
  37. <meta name="text:tamanholetra" content="12"/>
  38. <meta name="text:tamanhonome" content="16"/>
  39. <meta name="text:margemlinks" content="135"/>
  40. <meta name="text:Link 1" content="/"/>
  41. <meta name="text:Link 1 Titulo" content="um"/>
  42. <meta name="text:Link 2" content="/" />
  43. <meta name="text:Link 2 Titulo" content="dois"/>
  44. <meta name="text:Link 3" content="/" />
  45. <meta name="text:Link 3 Titulo" content="tres"/>
  46. <meta name="text:Link 4" content="/" />
  47. <meta name="text:Link 4 Titulo" content="quatro"/>
  48. <meta name="text:Link 5" content="/" />
  49. <meta name="text:Link 5 Titulo" content="cinco"/>
  50.  
  51. <title>{Title}{block:PostTitle} - {PostTitle}{/block:PostTitle}</title>
  52. {block:Description}<meta name="description" content="{MetaDescription}" />
  53. {/block:Description}
  54. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  55. <link rel="shortcut icon" href="{Favicon}">
  56. <link href='http://fonts.googleapis.com/css?family=Parisienne' rel='stylesheet' type='text/css'>
  57.  
  58. <style type="text/css">
  59.  
  60. ::-webkit-scrollbar {width:5px;height:5px;background:{color:corletra};}
  61. ::-webkit-scrollbar-thumb {background:{color:Fundo};}
  62.  
  63. iframe#tumblr_controls {
  64. position:fixed;
  65. -webkit-filter: invert(100%) ;
  66. -moz-transition: all 0.8s ease-out;
  67. -webkit-transition: opacity 0.7s linear;
  68. -webkit-transition: all 0.8s ease-out;
  69. transition: all 0.8s ease-out;
  70. opacity: 0.5;}
  71.  
  72. body {margin:-5px;background:{color:Fundo} url({image:background});Background-attachment: fixed;}
  73. body, div, p, textarea, submit, input{
  74. font-family:Trebuchet MS;
  75. font-size:{text:tamanholetra}px;
  76. line-height:auto;
  77. color:{color:corletra};
  78. }
  79.  
  80. a:link, a:active, a:visited{text-decoration:none;
  81. -webkit-transition: 0.7s ease;transition: 0.7s ease;
  82. -o-transition: 0.7s ease;-moz-transition: 0.7s ease;color:{color:Link};}
  83. a:hover {opacity:1;}
  84. h1{font-family: 'Parisienne', cursive;}
  85. h1:hover {opacity:0.5;}
  86.  
  87. #tudo{margin-left:0px;absolute:relative;width:100%;background:transparent;}
  88. #content{width:565px;padding:5px;text-align:justify;margin-left:470px;margin-top:10px;}
  89. #entry img{max-width:100%;}
  90. #entry{margin-top:10px;margin-left:10px;border-bottom:1px solid {color:divisoria};
  91. {block:IndexPage}padding:10px;width:250px;padding-bottom:10px;background:{color:Post};{/block:IndexPage}
  92. {block:PermalinkPage}padding:10px;width:500px;padding:26px;background:{color:Post};{/block:PermalinkPage};}
  93.  
  94. .desc{width:100%;padding:10px 11px 4px 11px;border-bottom:1px solid #fff;text-align:center;color:{color:Descri};background:transparent;}
  95. .links{margin-left:{text:margemlinks}px;margin-top:-1px;width:100%;}
  96. .links a{
  97. display:inline-block;
  98. background:transparent;
  99. border-left:1px solid {color:Barra};
  100. border-right:1px solid {color:Barra};
  101. line-height:7px;
  102. padding:0px 0px;}
  103. .links:hover{color:#fff;}
  104.  
  105. .nome{height:35px;text-align:center;margin-left:-20px;
  106. font-size:{text:tamanhonome}px;
  107. font-weight:bold;
  108. color:{color:Nome};}
  109.  
  110. .titulo{
  111. font-size:14px;
  112. font-weight:bold;
  113. color:{color:Title};}
  114.  
  115. .quote {
  116. padding:0px;
  117. text-transform:none;
  118. background:url('http://31.media.tumblr.com/016437cb28088230c9a37d4cc354fe35/tumblr_mtcv05NVPA1qju13ao1_100.png') width:15px height:15px no-repeat 5px 5px;
  119. }
  120.  
  121. .autor {font-size:10px;
  122. text-align:center;
  123. font-weight:bold;
  124. font-style:normal;
  125. text-transform:none;
  126. }
  127.  
  128. #entry:hover .perma {{block:IndexPage}opacity:1;{/block:IndexPage}}
  129. #entry .perma {{block:IndexPage}
  130. font-size:9px;
  131. position:absolute;
  132. width:96%;background:transparent;
  133. opacity:0;
  134. margin-top:-4px;
  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:transparent;
  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:2px solid #9d9d9d;}
  188.  
  189. img{ margin-bottom:-2px;}
  190. .notes img { width:0px;}
  191.  
  192. #sidebar{z-index: 999999;position: fixed; width:110%;height: 35px;background:{color:Barra} url({image:barra});}
  193. #sidebar2{margin-left:101px; margin-top: 56px;z-index: 999999;position: fixed; width:250px;background:transparent;}
  194. #credito img{width:25px;border-radius:50px;}
  195. #credito{position:fixed;left:15px;bottom:25px;font-family:Consolas;}
  196. #linksaa {width:190px; background-color:transparent;font-family:cambria; color:#000 ; font-size:11px; text-align: center;}
  197. #linksaa: hover {opacity:0.5;}
  198. </style>
  199.  
  200. <script type="text/javascript"
  201. src="http://static.tumblr.com/dbek3sy/iBElrgjim/jquerymasonry.js"></script>
  202. <script type="text/javascript"
  203. src="http://static.tumblr.com/dbek3sy/Qyblrgjfn/jqueryinfintescroll.js"></script>
  204.  
  205. <script type="text/javascript">
  206. $(window).load(function () {
  207. var $content = $('#content');
  208. $content.masonry({itemSelector: '#entry'}),
  209. $content.infinitescroll({
  210. navSelector : 'div#pagination',
  211. nextSelector : 'div#pagination a#nextPage',
  212. itemSelector : '#entry',
  213. loading: {
  214. finishedMsg: '',
  215. img: 'http://static.tumblr.com/dbek3sy/pX1lrx8xv/ajax-loader.gif'
  216. },
  217. bufferPx : 600,
  218. debug : false,
  219. },
  220. // call masonry as a callback.
  221. function( newElements ) {
  222. var $newElems = $( newElements );
  223. $newElems.hide();
  224. // ensure that images load before adding to masonry layout
  225. $newElems.imagesLoaded(function(){
  226. $content.masonry( 'appended', $newElems, true,
  227. function(){$newElems.fadeIn(300);} );
  228.  
  229.  
  230. });
  231. });
  232. });
  233. </script>
  234.  
  235. </style>
  236. </head>
  237. <body>
  238.  
  239. <div id="sidebar">
  240. <div class="desc"><br></div>
  241. <div class="links">
  242. {block:ifLink1}<a href="{text:Link 1}">&nbsp;{text:Link 1 Titulo}&nbsp;</a>
  243. {/block:ifLink1}
  244. {block:ifLink2}<a href="{text:Link 2}">&nbsp;{text:Link 2 Titulo}&nbsp;</a>
  245. {/block:ifLink2}
  246. {block:ifLink3}<a href="{text:Link 3}">&nbsp;{text:Link 3 Titulo}&nbsp;</a>
  247. {/block:ifLink3}
  248. {block:ifLink4}<a href="{text:Link 4}">&nbsp;{text:Link 4 Titulo}&nbsp;</a>
  249. {/block:ifLink4}
  250. {block:ifLink5}<a href="{text:Link 5}">&nbsp;{text:Link 5 Titulo}&nbsp;</a>
  251. {/block:ifLink5}
  252. </div></div>
  253.  
  254. <div id="sidebar2">
  255. <a href="/" title="Refresh" target="_self"><img src="{image:sidebar}"style="height:auto; width:270px; align="center""></a><br>
  256. <div class="desc">{Description}</div>
  257. </div>
  258.  
  259. <div id="tudo"><br>
  260. <div id="content">
  261. {block:Posts}
  262.  
  263. <div id="entry">
  264.  
  265. {block:Text}
  266. <div class="titulo">{Title}</div>{Body}
  267. {/block:Text}
  268.  
  269. {block:Link}
  270. <a href="{URL}"><span class="titulo">{Name} &raquo;</span></a>
  271. {block:Description}{Description}{/block:Description}
  272. {/block:Link}
  273.  
  274. {block:Photo}
  275. <a href="{Permalink}"><img src="{PhotoURL-500}" alt="{PhotoAlt}"/></a>
  276. {/block:Photo}
  277.  
  278. {block:Photoset}<div id="photoset">
  279. {block:IndexPage}{Photoset-250}{/block:IndexPage}
  280. {block:PermalinkPage}{Photoset-500}{/block:PermalinkPage}</div>
  281. {block:Caption}{Caption}{/block:Caption}
  282. {/block:Photoset}
  283.  
  284. {block:Quote}
  285. <div class="quote">{Quote}<div class="autor">{Source}</div></div>
  286. {/block:Quote}
  287.  
  288. {block:Chat}
  289. <div class="titulo">{Title}</div>
  290. {block:Lines}<div class="i {Alt}"><div class="{Alt} user_{UserNumber}">
  291. {block:Label}<b>{Label}</b> {/block:Label}{Line}</div></div>{/block:Lines}
  292. {/block:Chat}
  293.  
  294. {block:Audio}
  295. {block:AlbumArt}<div class="album">
  296. <img src="{AlbumArtURL}"></div>{/block:AlbumArt}
  297. <div class="player"><div class="audio">{AudioPlayerWhite}</div></div>
  298. <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>
  299. <div class="i"><b>PLAYS: </b><span{block:PlayCount} style="display: none;"{block:PlayCount}>Unknown</span>{block:PlayCount}{PlayCount}{/block:PlayCount}</div></div>
  300. {/block:Audio}
  301.  
  302. {block:Video}
  303. {block:IndexPage}{Video-250}{/block:IndexPage}
  304. {block:PermalinkPage}{Video-500}{/block:PermalinkPage}
  305. {block:Caption}{Caption}{/block:Caption}
  306. {/block:Video}
  307.  
  308. {block:Answer}
  309. <div><img src="{AskerPortraitURL-24}" style="border-radius:50px;"><b>{Asker}</b> → {Question}</div>
  310. <div class="answer">{Answer}</div>
  311. {/block:Answer}
  312.  
  313. {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>
  314. <a style="color:{color:perma};" href="{Permalink}">{NoteCountWithLabel}</a>
  315. {block:HasTags}{block:Tags}&rarr; <a href="{TagURL}">{Tag}</a>
  316. {/block:Tags}{/block:HasTags}</div>
  317. {/block:IndexPage}
  318.  
  319. {block:PermalinkPage}<div class="perma"><a style="color:{color:perma};" href="{ReblogUrl}" target="_blank"><img src="http://static.tumblr.com/eb7avl1/GMsmolvi1/reblog.png"></a>
  320. <a style="color:{color:perma};" href="{Permalink}">{NoteCountWithLabel}</a>
  321.  
  322. {block:HasTags}<br>tagged: {block:Tags}
  323. <a href="{TagURL}" title="{Tag}">{Tag}, </a>
  324. {/block:Tags}{/block:HasTags}
  325. </div>{/block:Date}
  326.  
  327. {block:NoteCount}<div style="margin-top:10px;">
  328. {block:PostNotes}{PostNotes}{/block:PostNotes}
  329. </div>{/block:NoteCount}{/block:PermalinkPage}
  330. </div>
  331. {block:ContentSource}
  332. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}" width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" /> {/block:SourceLogo} {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  333. {/block:ContentSource}
  334.  
  335.  
  336. <!--{block:NoRebloggedFrom}{block:RebloggedFrom}{ReblogParentName}{/block:RebloggedFrom}{/block:NoRebloggedFrom} -->
  337. {/block:Posts}
  338. </div>
  339. </div>
  340.  
  341. {block:IndexPage}{block:Pagination}<div id="pagination">
  342. {block:NextPage}<a id="nextPage" href="{NextPage}"></a>{/block:NextPage}
  343. {block:PreviousPage}<a href="{PreviousPage}"></a>{/block:PreviousPage}
  344. </div>{/block:Pagination}{/block:IndexPage}
  345.  
  346. <div id="credito">{block:ifLogoCredito}
  347. <a title="credito" href="http://oxigenio-dapalavra.tumblr.com">
  348. <img src="http://static.tumblr.com/eb7avl1/9f3moldo5/oxigenio.jpg"></a>
  349. {/block:ifLogoCredito}{block:ifnotLogoCredito}&copy;
  350. <a title="credito" href="http://oxigenio-dapalavra.tumblr.com">theme</a>
  351. {/block:ifnotLogoCredito}</div>
  352.  
  353.                              
  354. </body>
  355. </html>
Advertisement
Add Comment
Please, Sign In to add comment