API tools faq
paste
Advertisement
irradiarthmx

oito

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