Ikxa

monogamico

Jul 3rd, 2013
4,784
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 10.76 KB | None | 0 0
  1. <html>
  2. <!-- © oxigenio-dapalavra I tumblr -->
  3. <head>
  4. <meta name="if:Logo Credito" content="1"/>
  5. <meta name="color:Titulo" content="#333333"/>
  6. <meta name="color:Link" content="#555555"/>
  7. <meta name="color:Fundo" content="#FFFFFF"/>
  8. <meta name="color:Post" content="#FFFFFF"/>
  9. <meta name="color:corletra" content="#333333"/>
  10. <meta name="color:divisoria" content="#dddddd"/>
  11. <meta name="color:perma" content="#990000"/>
  12. <meta name="image:sidebar" content=""/>
  13. <meta name="image:background" content=""/>
  14. <meta name="text:tamanhotitulo" content="14"/>
  15. <meta name="text:tamanholetra" content="12"/>
  16. <meta name="text:Link 1" content="/"/>
  17. <meta name="text:Link 1 Titulo" content="um"/>
  18. <meta name="text:Link 2" content="/" />
  19. <meta name="text:Link 2 Titulo" content="dois"/>
  20. <meta name="text:Link 3" content="/" />
  21. <meta name="text:Link 3 Titulo" content="tres"/>
  22. <meta name="text:Link 4" content="/" />
  23. <meta name="text:Link 4 Titulo" content="quatro"/>
  24. <meta name="text:Link 5" content="/" />
  25. <meta name="text:Link 5 Titulo" content="cinco"/>
  26.  
  27. <title>{Title}{block:PostTitle} - {PostTitle}{/block:PostTitle}</title>
  28. {block:Description}<meta name="description" content="{MetaDescription}" />
  29. {/block:Description}
  30. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  31. <link rel="shortcut icon" href="{Favicon}">
  32. <link href='http://fonts.googleapis.com/css?family=Parisienne' rel='stylesheet' type='text/css'>
  33.  
  34. <style type="text/css">
  35.  
  36. ::-webkit-scrollbar {width:5px;height:5px;background:{color:corletra};}
  37. ::-webkit-scrollbar-thumb {background:{color:Fundo};}
  38.  
  39. iframe#tumblr_controls {
  40. position:fixed;
  41. -webkit-filter: invert(100%) ;
  42. -moz-transition: all 0.8s ease-out;
  43. -webkit-transition: opacity 0.7s linear;
  44. -webkit-transition: all 0.8s ease-out;
  45. transition: all 0.8s ease-out;
  46. opacity: 0.5;}
  47.  
  48. body {margin-top:7px;background:{color:Fundo} url({image:background});Background-attachment: fixed; }
  49. body, div, p, textarea, submit, input{
  50. font-family:Trebuchet MS;
  51. font-size:{text:tamanholetra}px;
  52. line-height:auto;
  53. color:{color:corletra};
  54. cursor:crosshair;}
  55.  
  56. a:link, a:active, a:visited{text-decoration:none;
  57. -webkit-transition: 0.7s ease;transition: 0.7s ease;
  58. -o-transition: 0.7s ease;-moz-transition: 0.7s ease;color:{color:Link};}
  59. a:hover {opacity:0.5;}
  60. h1{font-family: 'Parisienne', cursive;}
  61. h1:hover {opacity:0.5;}
  62.  
  63. #tudo{margin:0px auto 0px 300px;margin-top:7px;absolute:relative;}
  64. #content{width:810px;padding:0px;text-align:justify;}
  65. #entry img{max-width:100%;}
  66. #entry{margin-top:10px;margin-left:10px;border-bottom:1px solid {color:divisoria};
  67. {block:IndexPage}padding:5px;width:250px;padding-bottom:10px;background:{color:Post};{/block:IndexPage}
  68. {block:PermalinkPage}padding:10px;width:500px;padding:26px;background:{color:Post};{/block:PermalinkPage};}
  69.  
  70. #sidebar{text-align:center;background:{color:Post};padding-bottom:10px;
  71. position:fixed;
  72. width:170px;
  73. height:auto;
  74. margin:100px 80px;
  75. }
  76. .desc{padding:10px 11px 12px 11px;border-bottom:1px solid #EEE;text-align:center;}
  77. .links{margin-top:-5px;}
  78. .links a{
  79. display:inline-block;
  80. background:#FFF;
  81. border-left:1px solid #EEE;
  82. border-right:1px solid #EEE;
  83. line-height:7px;
  84. padding:0px 0px;}
  85.  
  86.  
  87. .capa{
  88. font-size:{text:tamanhotitulo}px;
  89. line-height:16px;
  90. color:{color:Titulo};}
  91.  
  92. .titulo{
  93. font-size:14px;
  94. line-height:12px;
  95. font-weight:bold;
  96. color:{color:Title};}
  97.  
  98. .quote {
  99. padding:10px;
  100. text-transform:none;
  101. background:url('http://tinyurl.com/acrqqb3') no-repeat 5px 5px;
  102. }
  103.  
  104. .autor {font-size:10px;
  105. text-align:center;
  106. font-weight:bold;
  107. font-style:normal;
  108. text-transform:none;
  109. }
  110.  
  111. #entry:hover .perma {{block:IndexPage}opacity:1;{/block:IndexPage}}
  112. #entry .perma {{block:IndexPage}
  113. font-size:9px;
  114. position:absolute;
  115. width:96%;background:#FFF;
  116. opacity:0;
  117. margin-top:4px;
  118. transition: 0.7s ease;
  119. -o-transition: 0.7s ease;
  120. -moz-transition: 0.7s ease;
  121. -webkit-transition: 0.7s ease;
  122. {block:IndexPage}}
  123.  
  124. .perma a{
  125. display:inline-block;
  126. background:#FFF;
  127. border-left:1px solid #EEE;
  128. border-right:1px solid #EEE;
  129. line-height:7px;
  130. padding:0px 4px;}
  131.  
  132. .pagina{
  133. padding:5px;
  134. margin-top:10px;
  135. font-size:8px;
  136. letter-spacing:1px;
  137. text-transform:uppercase;
  138. text-align:center;
  139. border-top:1px solid #DDD;
  140. border-bottom:1px solid #DDD;}
  141.  
  142. .album {position:absolute;}
  143. .album img {width:50px;height:50px;float:left;}
  144. .audio {width:20px;padding:7px 13px 9px 5px;overflow:hidden;}
  145. .audiodescr {margin-left:55px;padding:0px;}
  146. .i{display:block;padding:2px;font-size:10px;line-height:13px;}
  147. .i b, strong{text-transform:uppercase;}
  148. .player {
  149. position:absolute;
  150. background:#FFF;
  151. width:39px;
  152. height:39px;
  153. opacity:0.75;
  154. padding:6px;
  155. overflow:hidden;}
  156.  
  157. .answer{margin:5px;}
  158.  
  159. ::selection {color:#FFF;background:{color:Title};}
  160. ::-moz-selection {color:#FFF;background:{color:Title};}
  161. ::-webkit-selection{color:#FFF;background:{color:Title};}
  162.  
  163. i, em{color:{color:Title};}
  164. b, strong{color:{color:Title};}
  165. ul,ol{margin:0px;margin-left:-10px;}
  166. p{padding:0px;margin:5px;}
  167. u{text-decoration:none;color:{color:Title};
  168. border-bottom:1px dotted {color:Title};}
  169. blockquote {margin:2px 10px;padding:2px;
  170. padding-left:2px;border-left:3px solid #DDD;}
  171.  
  172. img{ margin-bottom:-2px;}
  173. .notes img { width:0px;}
  174.  
  175. #credito img{width:25px;border-radius:50px;}
  176. #credito{position:fixed;left:15px;bottom:15px;font-family:Consolas;}
  177.  
  178. </style>
  179.  
  180. <script type="text/javascript"
  181. src="http://static.tumblr.com/dbek3sy/iBElrgjim/jquerymasonry.js"></script>
  182. <script type="text/javascript"
  183. src="http://static.tumblr.com/dbek3sy/Qyblrgjfn/jqueryinfintescroll.js"></script>
  184.  
  185. <script type="text/javascript">
  186. $(window).load(function () {
  187. var $content = $('#content');
  188. $content.masonry({itemSelector: '#entry'}),
  189. $content.infinitescroll({
  190. navSelector : 'div#pagination',
  191. nextSelector : 'div#pagination a#nextPage',
  192. itemSelector : '#entry',
  193. loading: {
  194. finishedMsg: '',
  195. img: 'http://static.tumblr.com/dbek3sy/pX1lrx8xv/ajax-loader.gif'
  196. },
  197. bufferPx : 600,
  198. debug : false,
  199. },
  200. // call masonry as a callback.
  201. function( newElements ) {
  202. var $newElems = $( newElements );
  203. $newElems.hide();
  204. // ensure that images load before adding to masonry layout
  205. $newElems.imagesLoaded(function(){
  206. $content.masonry( 'appended', $newElems, true,
  207. function(){$newElems.fadeIn(300);} );
  208.  
  209.  
  210. });
  211. });
  212. });
  213. </script>
  214.  
  215. </style>
  216. <meta name="viewport" content="width:800px" />
  217. </head>
  218. <body>
  219.  
  220. <div id="sidebar">
  221. <div id="capa"><a href="/"><center><h1>{Title}</h1></center></a></div>
  222. <a href="/" title="Refresh" target="_self"><img src="{image:sidebar}"style="height:auto; width:150px; align="center""></a><br>
  223. <div class="desc">{Description}</div>
  224. <div class="links">
  225. {block:ifLink1}<a href="{text:Link 1}">{text:Link 1 Titulo}</a>
  226. {/block:ifLink1}
  227. {block:ifLink2}<a href="{text:Link 2}">{text:Link 2 Titulo}</a>
  228. {/block:ifLink2}
  229. {block:ifLink3}<a href="{text:Link 3}">{text:Link 3 Titulo}</a>
  230. {/block:ifLink3}
  231. {block:ifLink4}<a href="{text:Link 4}">{text:Link 4 Titulo}</a>
  232. {/block:ifLink4}
  233. {block:ifLink5}<a href="{text:Link 5}">{text:Link 5 Titulo}</a>
  234. {/block:ifLink5}</div></div>
  235.  
  236. <div id="tudo">
  237. <div id="content">
  238. {block:Posts}
  239.  
  240. <div id="entry">
  241.  
  242. {block:Text}
  243. <div class="titulo">{Title}</div>{Body}
  244. {/block:Text}
  245.  
  246. {block:Link}
  247. <a href="{URL}"><span class="titulo">{Name} &raquo;</span></a>
  248. {block:Description}{Description}{/block:Description}
  249. {/block:Link}
  250.  
  251. {block:Photo}
  252. <a href="{Permalink}"><img src="{PhotoURL-500}" alt="{PhotoAlt}"/></a>
  253. {/block:Photo}
  254.  
  255. {block:Photoset}<div id="photoset">
  256. {block:IndexPage}{Photoset-250}{/block:IndexPage}
  257. {block:PermalinkPage}{Photoset-500}{/block:PermalinkPage}</div>
  258. {block:Caption}{Caption}{/block:Caption}
  259. {/block:Photoset}
  260.  
  261. {block:Quote}
  262. <div class="quote">{Quote}<div class="autor">{Source}</div></div>
  263. {/block:Quote}
  264.  
  265. {block:Chat}
  266. <div class="titulo">{Title}</div>
  267. {block:Lines}<div class="i {Alt}"><div class="{Alt} user_{UserNumber}">
  268. {block:Label}<b>{Label}</b> {/block:Label}{Line}</div></div>{/block:Lines}
  269. {/block:Chat}
  270.  
  271. {block:Audio}
  272. {block:AlbumArt}<div class="album">
  273. <img src="{AlbumArtURL}"></div>{/block:AlbumArt}
  274. <div class="player"><div class="audio">{AudioPlayerWhite}</div></div>
  275. <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>
  276. <div class="i"><b>PLAYS: </b><span{block:PlayCount} style="display: none;"{block:PlayCount}>Unknown</span>{block:PlayCount}{PlayCount}{/block:PlayCount}</div></div>
  277. {/block:Audio}
  278.  
  279. {block:Video}
  280. {block:IndexPage}{Video-250}{/block:IndexPage}
  281. {block:PermalinkPage}{Video-500}{/block:PermalinkPage}
  282. {block:Caption}{Caption}{/block:Caption}
  283. {/block:Video}
  284.  
  285. {block:Answer}
  286. <div><img src="{AskerPortraitURL-24}" style="border-radius:50px;"><b>{Asker}</b> → {Question}</div>
  287. <div class="answer">{Answer}</div>
  288. {/block:Answer}
  289.  
  290. {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>
  291. <a style="color:{color:perma};" href="{Permalink}">{NoteCountWithLabel}</a>
  292. {block:HasTags}{block:Tags}&rarr; <a href="{TagURL}">{Tag}</a>
  293. {/block:Tags}{/block:HasTags}</div>
  294. {/block:IndexPage}
  295.  
  296. {block:PermalinkPage}{block:Date}<div class="pagina">
  297. posted {TimeAgo} with {NoteCountWithLabel}
  298.  
  299. {block:HasTags}<br>tagged: {block:Tags}
  300. <a href="{TagURL}" title="{Tag}">{Tag}, </a>
  301. {/block:Tags}{/block:HasTags}
  302. </div>{/block:Date}
  303.  
  304. {block:NoteCount}<div style="margin-top:10px;">
  305. {block:PostNotes}{PostNotes}{/block:PostNotes}
  306. </div>{/block:NoteCount}{/block:PermalinkPage}
  307. </div>
  308. {block:ContentSource}
  309. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}" width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" /> {/block:SourceLogo} {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  310. {/block:ContentSource}
  311.  
  312.  
  313. <!--{block:NoRebloggedFrom}{block:RebloggedFrom}{ReblogParentName}{/block:RebloggedFrom}{/block:NoRebloggedFrom} -->
  314. {/block:Posts}
  315. </div>
  316. </div>
  317.  
  318. {block:IndexPage}{block:Pagination}<div id="pagination">
  319. {block:NextPage}<a id="nextPage" href="{NextPage}"></a>{/block:NextPage}
  320. {block:PreviousPage}<a href="{PreviousPage}"></a>{/block:PreviousPage}
  321. </div>{/block:Pagination}{/block:IndexPage}
  322.  
  323. <div id="credito">{block:ifLogoCredito}
  324. <a title="credito" href="http://oxigenio-dapalavra.tumblr.com">
  325. <img src="http://static.tumblr.com/eb7avl1/9f3moldo5/oxigenio.jpg"></a>
  326. {/block:ifLogoCredito}{block:ifnotLogoCredito}&copy;
  327. <a title="credito" href="http://oxigenio-dapalavra.tumblr.com">theme</a>
  328. {/block:ifnotLogoCredito}</div>
  329.  
  330.                              
  331. </body>
  332. </html>
Advertisement
Add Comment
Please, Sign In to add comment