API tools faq
paste
iea-themes

theme 12 - Fireflies

iea-themes
Aug 20th, 2012
34
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 16.80 KB | None | 0 0
raw download clone embed print report
  1. <html>
  2. <head>
  3.  
  4. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  5.  
  6. <!-- THEME POR ANY EMELLY (P-SICANALISE) NÃO COPIE BUNITA OK? Í LOVÍ ÍU-->
  7.  
  8.  
  9. <!-- DEFAULT VARIABLES -->
  10. <meta name="color:background" content="#fafafa" />
  11. <meta name="color:text" content="#8b8b8b" />
  12. <meta name="color:llinks" content="#8b8b8b" />
  13. <meta name="color:links" content="#eee" />
  14. <meta name="color:bglinks" content="#eee" />
  15. <meta name="color:bglinkshover" content="#ffffff" />
  16. <meta name="color:linkshover" content="#737373" />
  17.  
  18. <meta name="color:post" content="#ffffff" />
  19. <meta name="color:sidebar" content="#fff" />
  20. <meta name="color:scrollbar" content="#000000" />
  21.  
  22. <meta name="image:background" content="" />
  23. <meta name="image:sidebar" content="" />
  24.  
  25. <meta name="if:Show tags" content="1"/>
  26.  
  27. <meta name="text:Link1" content="" />
  28. <meta name="text:Link1 Title" content="link" />
  29. <meta name="text:Link2" content="" />
  30. <meta name="text:Link2 Title" content="link" />
  31. <meta name="text:Link3" content="" />
  32. <meta name="text:Link3 Title" content="link" />
  33. <meta name="text:Link4" content="" />
  34. <meta name="text:Link4 Title" content="link" />
  35. <meta name="text:Link5" content="" />
  36. <meta name="text:Link5 Title" content="link" />
  37. <meta name="text:Link6" content="" />
  38. <meta name="text:Link6 Title" content="link" />
  39. <meta name="text:Link7" content="" />
  40. <meta name="text:Link7 Title" content="link" />
  41.  
  42.  
  43. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>
  44.  
  45.  
  46.  
  47. <script type="text/javascript" src="http://static.tumblr.com/me5sfsd/12Qlmj66n/script.js"></script>
  48.  
  49. <script type="text/javascript">
  50.  
  51. $(window).load(function(){
  52.  
  53. var $wall = $('#container');
  54.  
  55. $wall.imagesLoaded(function(){
  56.  
  57. $wall.masonry({
  58.  
  59. itemSelector: '.boxes',
  60.  
  61. isAnimated : true
  62.  
  63. });
  64.  
  65. });
  66.  
  67. $wall.infinitescroll({
  68.  
  69. navSelector : "div#navigation",
  70.  
  71. nextSelector : "div#navigation a#nextPage",
  72.  
  73. itemSelector : '.boxes',
  74.  
  75. loadingImg : "http://static.tumblr.com/kwz90l7/bIdlst7ub/transparent.png",
  76.  
  77. loadingText : " ",
  78.  
  79. donetext : " ",
  80.  
  81. extraScrollPx : 9000,
  82.  
  83. bufferPx : 10000,
  84.  
  85. debug : false,
  86.  
  87. errorCallback: function() {
  88.  
  89. $('#infscr-loading').animate({opacity: .8},2000).fadeOut('normal');
  90.  
  91. }},
  92.  
  93. function( newElements ) {
  94.  
  95. var $newElems = $( newElements );
  96.  
  97. $newElems.hide();
  98.  
  99. $newElems.imagesLoaded(function(){
  100.  
  101. $wall.masonry( 'appended', $newElems, {isAnimated: true, animationOptions: {duration: 750, easing: 'linear', queue: false}}, function(){$newElems.fadeIn('slow');} );
  102.  
  103. });
  104.  
  105. }); $('#container').show(500);
  106.  
  107. });
  108.  
  109. </script>
  110.  
  111.  
  112. <title>{Title}</title>
  113. <link rel="shortcut icon" href="{Favicon}">
  114. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  115. {block:Description}
  116. <meta name="description" content="{MetaDescription}" />
  117. {/block:Description}
  118.  
  119. <link href='http://fonts.googleapis.com/css?family=Homenaje' rel='stylesheet' type='text/css'>
  120.  
  121. <style type="text/css">
  122.  
  123.  
  124.  
  125. body {background-color: {color:background}; font-family: calibri; color: {color:text}; text-align: center; font-size: 11px; background-image:url('{image:background}'); background-attachment: fixed; }
  126.  
  127. a {color: {color:llinks}; text-decoration: none; text-transform: none;}
  128. a:hover {color: {color:llinks}; background-color: transparent; text-decoration: none;}
  129.  
  130. p {margin: 6px 0 0 0}
  131.  
  132. blockquote {margin: 5px 5px 5px 5px; border-left: 6px solid {color:background}; padding-left: 5px; }
  133. blockquote blockquote {margin: 0px 5px 0px 5px; border-left: 5px solid {color:background};}
  134. blockquote blockquote blockquote {margin: 0px 5px 0px 5px; border-left: 4px solid {color:background}; }
  135. blockquote blockquote blockquote blockquote {margin: 0px 5px 0px 5px; border-left: 3px solid {color:background}; }
  136.  
  137. blockquote img{max-width: 470px!important}
  138. blockquote blockquote img{max-width: 450px!important}
  139. blockquote blockquote blockquote img{max-width: 430px!important}
  140. blockquote blockquote blockquote blockquote img{max-width: 410px!important}
  141.  
  142. #container {text-align: center; width: 635px; margin: 35px auto 15px auto; padding: 0px; z-index: 1; margin-left: 365px;}
  143.  
  144. .boxes {position: relative; width:300px; text-align:justify; float:left ;margin:-8px; padding:5px; margin-left: 10px; margin-top:10px; background:{color:post}}
  145. .boxes img{width: 287px; padding: 4px; border: 1px solid {color:background}}
  146. .boxes:hover .botoes {background-color: {color:post}; opacity:0.9; padding-top:7px;}
  147.  
  148. .botoes {position:absolute; font-size:9px; text-transform: uppercase; font-family: calibri; letter-spacing: 0px; color:{color:text}; margin-left:-5px; opacity: 0; height:13px; width: 308px; margin-bottom:0px; margin-top:0px; background-color: {color:post}; display:inline; text-align:center; padding:1px; -moz-transition: all .5s ease-in-out; -o-transition: all .5s ease-in-out; transition: all .5s ease-in-out; -webkit-transition: all .5s ease-in-out; padding-top: 2px; z-index: 9999;}
  149. .botoes a {background-color: {color:post}; color:{color:text}; text-transform:uppercase; font-style:normal; width: 418px;}
  150.  
  151. .botoes a:hover {background-color: {color:post}; text-transform:uppercase;}
  152. .botoesx {position:absolute; opacity:0; margin-left:-65px; color:{color:text}; padding:2px 10px 2px 5px; font-family:calibri; font-size:9px; margin-top: -5px; width: 50px; -webkit-transition: opacity 0.6s linear;-webkit-transition: all 0.6s ease-in-out;-moz-transition: all 0.6s ease-in-out; border-right: 3px solid {color:text}; -o-transition: all 0.6s ease-in-out; background-color: {color:post}; text-align: center; padding: 3px;}
  153.  
  154. .boxes:hover .botoesx {opacity:1.0; background-color: {color:post};}
  155. .botoesx a {text-transform: uppercase}
  156. .botoes a:hover {opacity:0.9; text-transform: uppercase; background-color: {color:post};}
  157.  
  158. h1{color:{color:text}; font-family:calibri; font-size:12px; line-height:14px; letter-spacing:0px; font-weight:normal; text-transform:uppercase; margin:0px; padding:0px; text-align:center; border-bottom:1px solid #eee;}
  159. h1 a {color:{color:link}; text-transform: uppercase;}
  160. h1 a:hover {color:{color:link hover}; text-transform: uppercase;}
  161.  
  162.  
  163. .image {text-align: center; border: 0px}
  164. .image img {max-width: 300px; margin-bottom: 2px }
  165.  
  166. .pquote {font-family: calibri; text-align: justify; font-size: 11px; line-height: 11px; padding: 3px;}
  167. .pquotesource {text-align: left; text-transform: none; margin-bottom: 5px;}
  168. .pquotesource a, a:hover{text-transform: none;}
  169.  
  170. .chat {line-height: 13px; list-style: none }
  171. .chat ul {line-height: 13px; list-style: none; padding: 5px; line-height:14px;}
  172. .person1 {color: {color:text}; padding: 2px; }
  173. .person1 .label {font-weight: bold; color:{color:text}}
  174. .person2 {color: {color:text}; padding: 2px; }
  175. .person2 .label {font-weight: bold; color:{color:text}}
  176.  
  177. .player {background-color: #000; text-align: left; display:block;}
  178.  
  179. .question {
  180. color:{color:text};
  181. font-size: 11px;
  182. font-weight: normal;
  183. font-family: calibri;
  184. line-height:95%;
  185. background: {color:background};
  186. position: relative;
  187. min-height:70px;
  188. padding:10px 15px;
  189. margin-bottom:2px;
  190. margin-right:-10px;}
  191.  
  192. .questionarrow {
  193. font-size:30px;
  194. color:{color:background};
  195. vertical-align:middle;
  196. margin-left:-5px!important;}
  197.  
  198. .asking {text-align:center; color:{color:text}; font:9px verdana; text-transform:none;}
  199. .asking a{color:{color:text};}
  200. .asking img {width:58px; vertical-align:middle; background-color:{color:background}; padding:3px;}
  201.  
  202. #info {text-align: left; margin-top:-4px; font-size: 10px; font-family: calibri; text-transform: uppercase; z-index: 11;}
  203. #info a {font-size: 10px; text-transform: uppercase;}
  204.  
  205. #tags {color: {color:text}; font-size: 10px; font-family: calibri; display: inline; list-style: none; text-transform: uppercase;;}
  206. #tags a {font-size: 10px; font-family: calibri; display: inline; list-style: none; text-transform: uppercase;;}
  207.  
  208. #cap {width: 500px; margin-top: -2px;}
  209. .source {display: none;}
  210.  
  211. .notes {width: 520px; padding: 0px; margin-top: 1px; margin-bottom: 1px; font-size: 9px; text-align: center}
  212. ol.notes {list-style: none; margin: 0 20px 0 0px; padding: 0px; z-index: 11;}
  213. ol.notes li {background-color: {color:post}; margin-bottom: 2px; padding: 5px; }
  214. .notes img{display: none; border:0px}
  215.  
  216. #sidebar {height:90px;position:fixed;top:200px;width:190px;text-align:center;margin-left:-232px; background-color:{post};}
  217.  
  218. .img {width:156px;margin:auto; border:4px solid {color:sidebar}; padding: 4px;}
  219.  
  220. #desc {font-family: verdana; font-size: 9px; text align: center; width: 155px; margin-top: -5px; padding: 8px; margin-left: 10px; background-color: {color:sidebar}}
  221.  
  222. #pagina {position: fixed; margin-top:-40px; margin-left: 175px;}
  223.  
  224. #links2 {position: fixed; width: 170px; margin-left:10px; margin-top:-70px; padding: 0px; background-color: {color:bglinks}; text-align: center; z-index:3;}
  225. #links2 a {letter-spacing: 1px; font-size:10px; font-family:'Homenaje'; text-align: center; color: {color:links}; text-decoration: none; text-transform:uppercase; line-height:22px; -webkit-transition: all 0.4s ease-out; -moz-transition: all 0.4s ease-out; transform: rotateX(180deg); -webkit-transform: rotateX(180deg); -moz-transform: rotateX(180deg);}
  226. #links2 a:hover{text-align: center; background-color: transparent; color:{color:linkshover}; letter-spacing: 1px; transform: rotateX(180deg); -webkit-transform: rotateX(180deg); -moz-transform: rotateX(180deg);}
  227.  
  228.  
  229. ::-webkit-scrollbar{width:3px;height:3px;}
  230.  
  231. ::-webkit-scrollbar-button:start:decrement
  232.  
  233. ::-webkit-scrollbar-button:end:increment{display:block;height:0;background-color:transparent;}
  234.  
  235. ::-webkit-scrollbar-track-piece{background-color: {color:post}; -webkit-border-radius:0;-webkit-border-bottom-right-radius:0px;-webkit-border-bottom-left-radius:0px;}
  236.  
  237. ::-webkit-scrollbar-thumb:vertical{height:50px; background-color: {color:scrollbar};-webkit-border-radius:px;}
  238.  
  239. ::-webkit-scrollbar-thumb:horizontal{width:50px; background-color: {color:scrollbar};-webkit-border-radius:px;}
  240.  
  241. #tumblr_controls{position: fixed!important}
  242. #tumblr_controls{position: fixed!important}
  243. #tumblr_controls{position: fixed!important}
  244. #tumblr_controls{position: fixed!important}
  245.  
  246. </style>
  247.  
  248. <body onkeydown="return false">
  249.  
  250. <div id="container">
  251. <div id="sidebar">
  252.  
  253. <div id="id">
  254. <img class="img" src="{image:sidebar}">
  255. </div>
  256.  
  257. <div id="links2">
  258. <a href="{text:Link1}">{text:Link1 Title}</a>
  259. <a href="{text:Link2}">{text:Link2 Title}</a>
  260. <a href="{text:Link3}">{text:Link3 Title}</a>
  261. <a href="{text:Link4}">{text:Link4 Title}</a>
  262. <a href="{text:Link5}">{text:Link5 Title}</a>
  263. <a href="{text:Link6}">{text:Link4 Title}</a>
  264.  
  265. </div>
  266.  
  267. <div id="desc">{description}</div>
  268.  
  269. <div id="pagina"><center><big><big> {block:Pagination}{block:PreviousPage}<a href="{PreviousPage}">?</a>{/block:PreviousPage} {block:NextPage}<a href="{NextPage}">?</a><br />{/block:NextPage}{/block:Pagination}</big></big></center></div>
  270. </div>
  271.  
  272.  
  273.  
  274.  
  275.  
  276. <div id="posts">
  277.  
  278. {block:Posts}
  279. <div class="autopagerize_page_element">
  280. <div class="boxes">
  281.  
  282. {block:Text}
  283.  
  284. <span class="botoes">
  285. <center> <a href="{Permalink}">{TimeAgo}</a> + {block:NoteCount} + <a href="{Permalink}" {block:NoteCount}{/block:NoteCount}</a>{NoteCountWithLabel}</a>{block:RebloggedFrom} + <a href="{ReblogParentURL}"><a href="{ReblogParentURL}">via</a>{/block:RebloggedFrom} {block:ContentSource} + <a href="{SourceURL}">source</a>{/block:ContentSource} {block:IndexPage}+ <a href="{ReblogUrl}" target="_blank">reblog</a>{/block:IndexPage}</center>
  286. </span>
  287.  
  288. {block:Title}<h1>{Title}</h1>{/block:Title}{Body}
  289.  
  290. {/block:Text}
  291.  
  292. {block:Photo}
  293.  
  294. <span class="botoes">
  295. <center> <a href="{Permalink}">{TimeAgo}</a> {block:NoteCount} + <a href="{Permalink}" {block:NoteCount}{/block:NoteCount}</a>{NoteCountWithLabel}</a>{block:RebloggedFrom} + <a href="{ReblogParentURL}"><a href="{ReblogParentURL}">via</a>{/block:RebloggedFrom} {block:ContentSource} + <a href="{SourceURL}">source</a>{/block:ContentSource} {block:IndexPage}+ <a href="{ReblogUrl}" target="_blank">reblog</a>{/block:IndexPage}</center>
  296. </span>
  297.  
  298. {LinkOpenTag}<div class="image"><img src="{PhotoURL-400}"></div>{LinkCloseTag}
  299. {block:Caption}{Caption}{/block:Caption}
  300. {/block:Photo}
  301.  
  302. {block:Photoset}
  303.  
  304. <span class="botoes">
  305. <center> <a href="{Permalink}">{TimeAgo}</a> {block:NoteCount} + <a href="{Permalink}" {block:NoteCount}{/block:NoteCount}</a>{NoteCountWithLabel}</a>{block:RebloggedFrom} + <a href="{ReblogParentURL}"><a href="{ReblogParentURL}">via</a>{/block:RebloggedFrom} {block:ContentSource} + <a href="{SourceURL}">source</a>{/block:ContentSource} {block:IndexPage}+ <a href="{ReblogUrl}" target="_blank">reblog</a>{/block:IndexPage}</center>
  306. </span>
  307.  
  308. <center>{Photoset-250}</center>
  309. {block:Caption}{Caption}{/block:Caption}
  310. {/block:Photoset}
  311.  
  312. {block:Quote}
  313.  
  314. <span class="botoes">
  315. <center> <a href="{Permalink}">{TimeAgo}</a> {block:NoteCount} + <a href="{Permalink}" {block:NoteCount}{/block:NoteCount}</a>{NoteCountWithLabel}</a>{block:RebloggedFrom} + <a href="{ReblogParentURL}"><a href="{ReblogParentURL}">via</a>{/block:RebloggedFrom} {block:ContentSource} + <a href="{SourceURL}">source</a>{/block:ContentSource} {block:IndexPage}+ <a href="{ReblogUrl}" target="_blank">reblog</a>{/block:IndexPage}</center>
  316. </span>
  317.  
  318. <div class="pquote">{Quote}</div>
  319. {block:Source}<b><div class="pquotesource"> — {Source}</b></div>
  320. {/block:Source}
  321.  
  322. {/block:Quote}
  323.  
  324. {block:Link}
  325.  
  326. <span class="botoes">
  327. <center> <a href="{Permalink}">{TimeAgo}</a> {block:NoteCount} + <a href="{Permalink}" {block:NoteCount}{/block:NoteCount}</a>{NoteCountWithLabel}</a>{block:RebloggedFrom} + <a href="{ReblogParentURL}"><a href="{ReblogParentURL}">via</a>{/block:RebloggedFrom} {block:ContentSource} + <a href="{SourceURL}">source</a>{/block:ContentSource} {block:IndexPage}+ <a href="{ReblogUrl}" target="_blank">reblog</a>{/block:IndexPage}</center>
  328. </span>
  329.  
  330. <h1><a href="{URL}" {Target}>{Name}</a></h1>
  331. {block:Description}{Description}{/block:Description}
  332.  
  333. {/block:Link}
  334.  
  335. {block:Chat}
  336.  
  337. <span class="botoes">
  338. <center> <a href="{Permalink}">{TimeAgo}</a> {block:NoteCount} + <a href="{Permalink}" {block:NoteCount}{/block:NoteCount}</a>{NoteCountWithLabel}</a>{block:RebloggedFrom} + <a href="{ReblogParentURL}"><a href="{ReblogParentURL}">via</a>{/block:RebloggedFrom} {block:ContentSource} + <a href="{SourceURL}">source</a>{/block:ContentSource} {block:IndexPage}+ <a href="{ReblogUrl}" target="_blank">reblog</a>{/block:IndexPage}</center>
  339. </span>
  340.  
  341. {block:Title}<a href="{Permalink}">{Title}</a>{/block:Title}
  342. {block:Lines}
  343. <div class="{Alt}">
  344. <li style="list-style-type:none;">
  345. {block:Label}<b>{Label}</b>{/block:Label} {Line}
  346. </li>
  347. </div>
  348. {/block:Lines}</div>
  349.  
  350. {/block:Chat}
  351.  
  352. {block:Audio}
  353.  
  354. <span class="botoes">
  355. <center> <a href="{Permalink}">{TimeAgo}</a> {block:NoteCount} + <a href="{Permalink}" {block:NoteCount}{/block:NoteCount}</a>{NoteCountWithLabel}</a>{block:RebloggedFrom} + <a href="{ReblogParentURL}"><a href="{ReblogParentURL}">via</a>{/block:RebloggedFrom} {block:ContentSource} + <a href="{SourceURL}">source</a>{/block:ContentSource} {block:IndexPage}+ <a href="{ReblogUrl}" target="_blank">reblog</a>{/block:IndexPage}</center>
  356. </span>
  357.  
  358. <div class="player">{AudioPlayerBlack}</div>
  359. {block:Caption}{Caption}{/block:Caption}
  360.  
  361. {/block:Audio}
  362.  
  363. {block:Video}
  364.  
  365. <span class="botoes">
  366. <center> <a href="{Permalink}">{TimeAgo}</a> {block:NoteCount} + <a href="{Permalink}" {block:NoteCount}{/block:NoteCount}</a>{NoteCountWithLabel}</a>{block:RebloggedFrom} + <a href="{ReblogParentURL}"><a href="{ReblogParentURL}">via</a>{/block:RebloggedFrom} {block:ContentSource} + <a href="{SourceURL}">source</a>{/block:ContentSource} {block:IndexPage}+ <a href="{ReblogUrl}" target="_blank">reblog</a>{/block:IndexPage}</center>
  367. </span>
  368.  
  369. {Video-400}
  370. {block:Caption}{Caption}{/block:Caption}
  371. {/block:Video}
  372.  
  373.  
  374. {block:Answer}
  375. <table width="300px" cellspacing="0" cellpadding="0">
  376. <tr>
  377. <td width="215px" class="question">{Question}</td>
  378. <td width="10px"><span class="questionarrow">?</span></td>
  379. <td width="34px" class="asking"><img src="{AskerPortraitURL-64}"><br>{Asker}</td>
  380. </tr>
  381. </table>
  382. <div class="answer">{Answer}</div>
  383. {/block:answer}
  384.  
  385. </div>
  386.  
  387. <div class="source">{block:ContentSource}<a href="{SourceURL}">{lang:Source}:{block:SourceLogo}
  388. <img src="{BlackLogoURL}" width="{LogoWidth} height="{LogoHeight}" alt="{SourceTitle}" />
  389. {/block:SourceLogo}{block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo}</a>
  390. {/block:ContentSource}</div>
  391.  
  392. {/block:Posts}</div>
  393. {block:PostNotes}<div class="notes">{PostNotes}</div>{/block:PostNotes}
  394.  
  395.  
  396.  
  397.  
  398. </div>
  399. </div>
  400. </div>
  401. </div>
  402. </div>
  403.  
  404. <a style="position:fixed;bottom:5px;right:5px;opacity:0.7;color:#777;font-family:'Homenaje';font-size:8px;" href="http://p-sicanalise.tumblr.com" title="p-sicanalise + dtls tangenciar">THEME</a>
  405.  
  406. </body>
  407. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Public Pastes
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!