Advertisement
irradiarthmx

quinze

Dec 28th, 2014
163
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 15.08 KB | None | 0 0
  1. <!DOCTYPE html> <html>
  2.  
  3.  
  4. <meta name="color:background" content="#FFF"/>
  5. <meta name="color:text" content="#000"/>
  6. <meta name="color:link" content="#000"/>
  7. <meta name="color:coloring" content="#555"/>
  8. <meta name="color:bgtopbar" content="#555"/>
  9.  
  10. <meta name="image:Sidebar" content=""/>
  11.  
  12. <meta name="text:Frase1" content="Ela sorriu e o bagulho evoluiu" />
  13. <meta name="if:Tres colunas" content="0"/>
  14. <meta name="text:Link1" content="/" />
  15. <meta name="text:Link1 Title" content="link" />
  16. <meta name="text:Link2" content="/" />
  17. <meta name="text:Link2 Title" content="link" />
  18. <meta name="text:Link3" content="/" />
  19. <meta name="text:Link3 Title" content="link" />
  20. <meta name="text:Link4" content="/" />
  21. <meta name="text:Link4 Title" content="link" />
  22. <meta name="text:Link5" content="/" />
  23. <meta name="text:Link5 Title" content="link" />
  24.  
  25.  
  26. <!-- theme por irradiarluz, e base por birrento -->
  27.  
  28.  
  29. <title>{Title}</title>
  30. <link rel="shortcut icon" href="{Favicon}">
  31.  
  32.  
  33. <link href='http://fonts.googleapis.com/css?family=Source+Sans+Pro|{select:Font}' rel='stylesheet' type='text/css'>
  34. <link rel="stylesheet" href="http://static.tumblr.com/ih4ykat/aNwnftc8h/credito.css">
  35.  
  36. <script type="text/javascript"
  37. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  38. <script type="text/javascript" src="http://static.tumblr.com/7qjmkr5/IUmmdsy41/jquery.style-my-tooltips.js"></script>
  39. <script>
  40. (function($){
  41. $(document).ready(function(){
  42. $("[title]").style_my_tooltips();
  43. });
  44. })(jQuery);
  45. </script>
  46.  
  47. {block:IndexPage}
  48.  
  49. <script src="http://static.tumblr.com/twte3d7/0pellzh2t/infinitescroll.js"></script>
  50.  
  51. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>
  52.  
  53. <script type="text/javascript" src="http://static.tumblr.com/me5sfsd/12Qlmj66n/script.js"></script>
  54.  
  55. <script type="text/javascript">
  56. $(window).load(function(){
  57. var $wall = $('#content');
  58. $wall.imagesLoaded(function(){
  59. $wall.masonry({
  60. itemSelector: '.entry',
  61. isAnimated : true
  62. });
  63. });
  64. $wall.infinitescroll({
  65. navSelector : "div#navigation",
  66. nextSelector : "div#navigation a#nextPage",
  67. itemSelector : '.entry',
  68. loadingImg : "http://static.tumblr.com/kwz90l7/bIdlst7ub/transparent.png",
  69. loadingText : " ",
  70. donetext : " ",
  71. extraScrollPx : 9000,
  72. bufferPx : 10000,
  73. debug : false,
  74. errorCallback: function() {
  75. $('#infscr-loading').animate({opacity: .8},2000).fadeOut('normal');
  76. }},
  77. function( newElements ) {
  78. var $newElems = $( newElements );
  79. $newElems.hide();
  80. $newElems.imagesLoaded(function(){
  81. $wall.masonry( 'appended', $newElems, {isAnimated: true, animationOptions: {duration: 750, easing: 'linear', queue: false}}, function(){$newElems.fadeIn('slow');} );
  82. });
  83. }); $('#content').show(500);
  84. });
  85. </script>
  86. {/block:IndexPage}
  87. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  88. <title>{block:SearchPage}Search results for "{SearchQuery}" - {/block:SearchPage}{block:PostSummary}{PostSummary} - {/block:PostSummary}{Title}</title><link href='http://fonts.googleapis.com/css?family=Ubuntu+Mono|Waiting+for+the+Sunrise|Josefin+Slab|Inconsolata' rel='stylesheet' type='text/css'>
  89.  
  90. <style type="text/css">
  91.  
  92.  
  93. {block:Iffollowbranco}
  94.  
  95. {/block:Iffollowbranco}
  96.  
  97. iframe#tumblr_controls{top: 1px !important;margin: 0 0 0 0;right: 6px !important;position: fixed !important;}
  98.  
  99.  
  100. body{
  101. line-height:100%;
  102. color:{color:text};
  103. width:400px;
  104. background-color:{color:background};
  105. background-image:url('{image:background}');
  106. background-attachment:fixed;
  107. font-family: calibri;
  108. font-size: 13px;
  109. line-height:15px;
  110. text-align:left;
  111. color:{color:text};}
  112.  
  113. a {color: {color:link}; text-decoration:none;}
  114. a:hover {color: #000}
  115.  
  116.  
  117. div#content{{block:IfNotTresColunas}width:650px;{/block:IfNotTresColunas}{block:IfTresColunas}width:900px{/block:IfTresColunas}; margin-top:12px; margin-left: {block:IfNotTresColunas}450px{/block:IfNotTresColunas}{block:IfTresColunas}350px{/block:IfTresColunas};}
  118.  
  119.  
  120.  
  121. .pquote {text-indent:px;
  122. font-size:13px;
  123. text-align:justify;
  124. font-family:corbel;
  125.  
  126. }
  127.  
  128. .quotesource{text-indent:0px;color:#000;;
  129. text-align:right; border-top:2px solid #eee; font-family:corbel;text-transform:uppercase;font-size:9px;}
  130.  
  131.  
  132.  
  133. .post_title{
  134. font-size:12px;
  135. font-family:calibri;
  136. color:{color:link};}
  137.  
  138.  
  139. .entry {
  140. position:relative;
  141. width:250px;
  142. float:left;
  143. padding:10px;
  144. {block:PermalinkPage}width:500px;{/block:PermalinkPage}; margin-top:10px;}
  145.  
  146. .likep {
  147. width: 21px;
  148. height: 20px;
  149. overflow: hidden;
  150. z-index: 9999999;
  151. display: inline-block;
  152. }
  153.  
  154. .rep {
  155. width: 24px;
  156. height: 20px;
  157. overflow: hidden;
  158. z-index: 9999999;
  159. display: inline-block;
  160. }
  161.  
  162. .likep a:hover {
  163. background-position: 0px 0px;
  164. }
  165.  
  166. .likep a {
  167. background-image: url("http://static.tumblr.com/uiqhh9x/BPnlzww8v/like.png");
  168. background-position: 0px 0px;
  169. display: block;
  170. z-index: 9999999;
  171. }
  172.  
  173. .likep img {
  174. width: 21px;
  175. height: 20px;
  176. }
  177.  
  178. .rep img{
  179. width: 24px;
  180. height: 20px;
  181. line-height: 30px;
  182. display: inline;
  183. }
  184.  
  185.  
  186. .entry img{max-width:250px;min-width:6px;
  187. {block:PermalinkPage}max-width:500px;{/block:PermalinkPage};}
  188.  
  189. #postnotes {text-align:left; z-index:11; padding:0px; -webkit-transition: all 0.2s ease-out; -moz-transition: all .4s ease-out; width:500px; text-align:center;}
  190.  
  191.  
  192. .per {position:relative;
  193. text-align:justify;
  194. text-transform:lowercase;
  195. padding-bottom:px; margin:0;
  196. clear:both;
  197. padding-left:0px;
  198. padding-bottom:0px;
  199. border-bottom:0px dashed #eee;
  200. color:#000000; font:12px calibri; background:{color:bgtopbar};height:auto;}
  201.  
  202.  
  203. .bd {
  204. display:block;
  205. position:absolute;
  206. bottom:-15px;
  207. left:15px;
  208. width:0;
  209. border-width:15px 15px 0;
  210. border-style:solid;
  211. border-color: transparent;}
  212.  
  213. .text {text-align:left; margin-top:0px;font:10px calibri;}
  214.  
  215. blockquote{
  216. padding:0px 0px 0px 5px;
  217. margin:0px 0px 2px 1px;
  218. border-left: 1px solid {color:Text};}
  219.  
  220. .perms {
  221. font-size:8.5px;
  222. text-align:right;
  223. bottom:-5px;
  224. width:250px;
  225. position: absolute;
  226. margin-top:0px;margin-left:0px;
  227. line-height:12px;
  228. font-family:calibri;
  229. text-transform:uppercase;
  230. display:block;z-index:9999; opacity:0; -webkit-transition: all .5s ease-out; -moz-transition: all .2s ease-out;}
  231.  
  232. .perms a{margin-left:4px;}
  233. .entry:hover .perms {
  234. opacity:1;
  235. z-index:999999; -webkit-transition: all .2s ease-out; -moz-transition: all .5s ease-out;
  236. }
  237.  
  238.  
  239. .perms a:hover{text-decoration:;}
  240.  
  241.  
  242.  
  243.  
  244.  
  245. {block:IfPermalinkHover}
  246. .perms {
  247. font-size:10px;
  248. text-align:right;
  249. width:250px;transition: .8s ease-in-out;
  250. -webkit-transition: .8s ease-in-out;
  251. -moz-transition: .8s ease-in-out;
  252. -o-transition: .8s ease-in-out;
  253. opacity:0;
  254. height:auto;
  255. position: absolute;
  256. margin-top:0px;bottom:35px;
  257. font-style:;letter-spacing:0px;
  258. text-transform: lowercase;
  259. font-family:;
  260. display:block;}
  261.  
  262.  
  263. .entry:hover .perms {
  264. opacity:1;bottom:-0px;transition: .8s ease-in-out;
  265. -webkit-transition: .8s ease-in-out;
  266. -moz-transition: .8s ease-in-out;
  267. -o-transition: .8s ease-in-out;
  268. z-index:999999;}
  269.  
  270.  
  271. .perms a:hover{text-decoration:line-through;}
  272.  
  273. .rg {border-bottom:1px solid;}
  274.  
  275.  
  276. {/block:IfPermalinkHover}
  277.  
  278. .permi {
  279. opacity: 0.0;
  280. filter: alpha(opacity = 0);
  281. z-index:9999991;
  282. display: inline-block;
  283. position: absolute;
  284. text-align: center;
  285. bottom: 12px;
  286. left:-98px;
  287. width: 100%;
  288. }
  289.  
  290. .entry:hover .permi {
  291. opacity: 1;
  292. filter: alpha(opacity = 100);
  293. }
  294.  
  295. .entry:hover .not, .entry:hover .rep, .entry:hover .likep {
  296. opacity: 0.8;
  297. filter: alpha(opacity = 80);
  298. margin-right: 0;
  299. }
  300.  
  301. .not:hover , .rep:hover, .likep:hover {
  302. opacity: 1!important;
  303. filter: alpha(opacity = 100)!important;
  304. }
  305.  
  306.  
  307.  
  308.  
  309. #sidebar {position:fixed; width: 150px; height:150px; margin-left: {block:IfNotTresColunas}-100px{/block:IfNotTresColunas}{block:IfTresColunas}240px{/block:IfTresColunas};margin-top:50px; -webkit-transition-duration: 0.4s;}
  310.  
  311.  
  312.  
  313. #imagem {position:fixed;width: 185px; height: 187px;margin-top: 0px; margin-left: -1px;-moz-border-top-left-radius: 45px; border-top-left-radius: 45px;}
  314. #imagem img{width: 112px; margin-top: -18px; margin-left: -35px;padding:3px; -webkit-transition: all 0.8s ease-out; -moz-transition: all 0.8s ease-out;display: inline;border:1px solid #eee;}
  315. #sidebar:hover #imagem { opacity:0.9; -webkit-transition: all 0.6s ease-out; -moz-transition: all 0.2s ease-out;}
  316.  
  317.  
  318.  
  319. #links {-webkit-transition-duration: 0.4s; -moz-transition: all .7s ease-in-out; -o-transition: all .7s ease-in-out; transition: all .7s ease-in-out; -webkit-transition: all .7s ease-in-out;position:fixed;font: 9px consolas;font-style;text-transform:;color:#fff;padding: 2px;background-color:;opacity:;width:146px;text-align:center;margin-left:-50px;margin-top:185px; opacity:1.0;line-height:15px; padding: 1px;text-transform: uppercase}
  320. #links a{color: #000;text-transform:; display: inline-block;-webkit-transition: all .5s ease-out; -moz-transition: all .5s ease-out; font-style:; font-weight:;}
  321. #links a:hover{color:{color:coloring}; transform:rotateX(360deg); transition: all .6s ease;;}
  322. #sidebar:hover #links {opacity:1;}
  323.  
  324.  
  325. #texts {font-family:cambria;font-size:11px;margin-left:-29px;margin-top:155px;position:fixed;opacity:0.7;width:105px;line-height:12px;height:28px;e;text-align:center;font-style:italic;text-transform:;color:black; ;background-color:#fff;}
  326. #sidebar:hover #texts {opacity:1; background-color:transparent;color:#fff;text-shadow:0px 0px 1px;}
  327.  
  328.  
  329. #topbar {position:absolute;height:3px;background:{color:bgtopbar};width:6px;margin-left:455px;margin-top:10px;width:529px}
  330.  
  331. </style>
  332.  
  333.  
  334. <body>
  335. <div id="topbar">
  336. <div id="container">
  337.  
  338. <div id="sidebar">
  339. <div id="imagem"><img src="{image:sidebar}"></div>
  340. <div id="texts">{text:frase1}</div>
  341.  
  342. <div id="links"><font color="{color:coloring}">▲▼</font>
  343. <a href="{text:link1}">{text:link1 title}</a>
  344. <a href="{text:link2}">{text:link2 title}</a>
  345. <a href="{text:link3}">{text:link3 title}</a>
  346.  
  347.  
  348.  
  349.  
  350. </div>
  351. </div>
  352. </div>
  353. </div>
  354.  
  355.  
  356.  
  357.  
  358.  
  359.  
  360.  
  361.  
  362.  
  363. <div id="content">
  364. {block:Posts}
  365.  
  366. {block:Text}
  367. <div class="entry">
  368. {block:Title}<span class="post_title">{Title}</span>{/block:Title}
  369. {Body}
  370. {block:IndexPage}
  371. <div class="perms">
  372. <a href="{permalink}">{notecount}</a> {block:IfPermalinkHover2}<br>{/block:IfPermalinkHover2}
  373. <a href="{ReblogURL}" target="_blank">REBLOG</a>
  374. <a href="{Permalink}">{SourceURL} </a>
  375. </div>
  376. {/block:IndexPage}
  377. </div>
  378. {/block:Text}
  379.  
  380. {block:Photo}
  381. <div class="entry">
  382. <a href="{Permalink}"><img src="{PhotoURL-500}" alt="{PhotoAlt}" width="100%"/></a>
  383. {block:IfFotocomtext} {caption} {/block:IfFotocomtext}
  384. {block:IndexPage}
  385.  
  386. <div class="permi">
  387. <div class="likep">
  388. <a id="like{PostID}" href="javascript:likelink('{PostID}','{Permalink}','');"><img src="http://static.tumblr.com/lba83dv/OUUltd958/spacer.gif" width="21" height="20" alt="Like this post" id="likeimage{PostID}"/></a>
  389. </div>
  390. <div class="rep"><a href="{reblogurl}" target="_blank"><img src="http://static.tumblr.com/uiqhh9x/OAClzwwao/reblog.png" width="24"/></a>
  391.  
  392. </div>
  393. </div>
  394. {/block:IndexPage}
  395. </div>
  396. {/block:Photo}
  397.  
  398. {block:Photoset}
  399. <div class="entry">
  400. <center>{Photoset-250}</center>
  401. {block:IndexPage}
  402. <div class="perms">
  403. <a href="{permalink}"> {notecount}</a>
  404. <a href="{ReblogURL}" target="_blank">REBLOG</a>
  405. </div>
  406. {/block:IndexPage}
  407. </div>
  408. {/block:Photoset}
  409.  
  410.  
  411. {block:Quote}
  412. <div class="entry">
  413.  
  414. <div class="pquote">{Quote}<div class="quotesource"><b>— {Source}</b></div></div>
  415. {block:IndexPage}
  416. <div class="perms">
  417. <a href="{permalink}">{notecount}</a> {block:IfPermalinkHover2}<br>{/block:IfPermalinkHover2}
  418. <a href="{ReblogURL}" target="_blank">REBLOG</a>
  419.  
  420. </div>
  421. {/block:IndexPage}
  422. </div>
  423. {/block:Quote}
  424.  
  425. {block:Chat}
  426. <div class="entry">
  427. {block:IndexPage}
  428. <div class="perms">
  429. <a href="{permalink}">{notecount}</a> {block:IfPermalinkHover2}<br>{/block:IfPermalinkHover2}
  430. <a href="{ReblogURL}" target="_blank">REBLOG</a>
  431. </div>
  432. {/block:IndexPage}
  433.  
  434. {block:Title}
  435. <span class="post_title">{Title}</span>{/block:Title}
  436. <div id="chat">
  437. {block:Lines}{block:Label}<b>{Label}</b> {/block:Label}{Line}<br>{/block:Lines}
  438. </div>
  439. </div>
  440. {/block:Chat}
  441.  
  442. {block:Link}
  443. <div class="entry">
  444. <span class="post_title"><a href="{URL}">{Name} </span></a>
  445. {block:Description}{Description}{/block:Description}
  446. {block:IndexPage}
  447. <div class="perms">
  448.  
  449. <a href="{permalink}">{notecount}</a> {block:IfPermalinkHover2}<br>{/block:IfPermalinkHover2}
  450. <a href="{ReblogURL}" target="_blank">REBLOG</a>
  451.  
  452. </div>
  453. {/block:IndexPage}
  454. </div>
  455. {/block:Link}
  456.  
  457. {block:Audio}
  458. <div class="entry">
  459. <center>
  460. {block:AlbumArt}<img src="{AlbumArtURL}" alt="" width="300"/><p>{/block:AlbumArt}</center>
  461. <div class="audiocas">{AudioPlayerGrey}</div>
  462. {block:Caption}{Caption}
  463. {PlayCount} listens {block:ExternalAudio} <a href="{ExternalAudioURL}"> (download link) </a> {/block:ExternalAudio}{/block:Caption}<p>
  464. {block:IndexPage}
  465. <div class="perms">
  466. <a href="{permalink}">{notecount}</a> {block:IfPermalinkHover2}<br>{/block:IfPermalinkHover2}
  467. <a href="{ReblogURL}" target="_blank">REBLOG</a>
  468.  
  469. </div>
  470. {/block:IndexPage}
  471. </div>
  472. {/block:Audio}
  473.  
  474. {block:Video}
  475. <div class="entry">
  476. {Video-250}
  477. {block:IndexPage}
  478. <div class="perms">
  479. <a href="{permalink}">{notecount}</a> {block:IfPermalinkHover2}<br>{/block:IfPermalinkHover2}
  480. <a href="{ReblogURL}" target="_blank">REBLOG</a>
  481.  
  482. </div>
  483. {/block:IndexPage}
  484. </div>
  485. {/block:Video}
  486.  
  487. {block:Answer}
  488. <div class="entry">
  489. <div class="per"> <b>{Asker}</b><i></i>: {Question}<p><div class="jd"></div></div>
  490. <p>
  491. <div class="resp"><p>{Answer}</p></div>
  492. {block:IndexPage}
  493. <div class="perms">
  494. <a href="{permalink}">{notecount}</a> {block:IfPermalinkHover2}<br>{/block:IfPermalinkHover2}
  495. <a href="{ReblogURL}" target="_blank">Reblog</a>
  496.  
  497. </div>
  498. {/block:IndexPage}
  499. </div>
  500. {/block:Answer}
  501.  
  502.  
  503. {block:PostNotes}
  504. <div id="postnotes">
  505. <ul>Posted {TimeAgo}, with {NoteCountWithLabel}<br></ul>
  506. <ul>{block:RebloggedFrom}Reblogged of: <a href="{ReblogParentURL}">{ReblogParentName}</a><br>originally by: <a href="{ReblogRootURL}">{ReblogRootName}</a>{/block:RebloggedFrom}<br></ul>
  507. <ul>{block:HasTags}Tagged with: {block:Tags}<a href="{TagURL}" style="margin-left:-5px;"># {Tag}</a>{/block:Tags}{/block:HasTags}<p></ul>
  508.  
  509. </div><p>
  510. {PostNotes}
  511. {/block:PostNotes}
  512.  
  513.  
  514. {/block:posts}
  515.  
  516.  
  517. {block:IndexPage}
  518. <div class="column navigation" id="navigation">
  519. {block:Pagination}
  520. {block:PreviousPage}<a href="{PreviousPage}" class="navigate">{/block:PreviousPage}{block:PreviousPage}</a>{/block:PreviousPage}
  521. {block:NextPage}<a href="{NextPage}" class="navigate" id="nextPage">{/block:NextPage}{block:NextPage}</a>{/block:NextPage}{/block:Pagination}
  522. </div>
  523. {/block:IndexPage}
  524.  
  525. </div>
  526.  
  527. <script type="text/javascript"> Cufon.now(); </script>
  528.  
  529. </body>
  530. <a style=" width:100px;position:fixed;top:00;left:0;font-family: calibri; font-size: 10px;color:#000;text-align:center; border-bottom:2px solid #eee;border-top:2px solid #eee"href="http://irradiarluz.tumblr.com/" title="theme por irradiar ©">theme por <b>irradiar</b> ©</a>
  531.  
  532. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement