API tools faq
paste
Advertisement
Carolaine_Vieira

#33

Carolaine_Vieira
Oct 19th, 2015
119
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 16.31 KB | None | 0 0
raw download clone embed print report
  1. <!-- ─────────╔╗────────────╔╗
  2. ─────────║║───────────╔╝╚╗
  3. ╔══╦╗╔╦══╣║╔══╦╗╔╦══╦═╬╗╔╬══╗
  4. ║╔╗║╚╝║╔╗║║║╔╗║╚╝║║═╣╔╗╣║║║═╣
  5. ║╔╗║║║║╚╝║╚╣╔╗║║║║║═╣║║║╚╣║═╣
  6. ╚╝╚╩╩╩╣╔═╩═╩╝╚╩╩╩╩══╩╝╚╩═╩══╝
  7. ──────║║
  8. ──────╚╝
  9. -->
  10.  
  11.  
  12.  
  13. <head>
  14.  
  15. <script type="text/javascript"
  16. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  17. <script>
  18. $(document).ready(function() {
  19. //
  20. $('a.poplight[href^=#]').click(function() {
  21. var popID = $(this).attr('rel'); //Get Popup Name
  22. var popURL = $(this).attr('href'); //Get Popup href to define size
  23. var query= popURL.split('?');
  24. var dim= query[1].split('&');
  25. var popWidth = dim[0].split('=')[1]; //Gets the first query string value
  26. $('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('<a href="#" class="close"></a>');
  27. var popMargTop = ($('#' + popID).height() + 80) / 2;
  28. var popMargLeft = ($('#' + popID).width() + 80) / 2;
  29. //Apply Margin to Popup
  30. $('#' + popID).css({
  31. 'margin-top' : -popMargTop,
  32. 'margin-left' : -popMargLeft
  33. });
  34. $('body').append('<div id="fade"></div>');
  35. $('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn(); //Fade in the fade layer - .css({'filter' : 'alpha(opacity=80)'})
  36. return false;
  37. });
  38. $('a.close, #fade').live('click', function() {
  39. $('#fade , .popup_block').fadeOut(function() {
  40. $('#fade, a.close').remove(); //fade them both out
  41. });
  42. return false;
  43. });
  44. });
  45. </script>
  46.  
  47. <title>{title}</title>
  48. <link rel="shortcut icon" href="{Favicon}"/>
  49. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  50. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  51.  
  52. <meta name="color:Background" content="#eeeeee"/>
  53. <meta name="color:Text" content="#ffffff"/>
  54. <meta name="color:Header bg" content="#ffffff"/>
  55. <meta name="color:Link" content="#529ecc"/>
  56. <meta name="color:Link Hover" content="#000000"/>
  57. <meta name="color:Title" content="#191919"/>
  58. <meta name="color:Header link" content="#000000"/>
  59. <meta name="if:ShackEfect" content="1"/>
  60. <meta name="image:Background" content="http://i.imgur.com/woYPrMg.jpg"/>
  61. <meta name="text:Sua Url" content="amplamente" />
  62. <meta name="text:Smcmusicplayer" content="" />
  63. <meta name="text:link1" content="link 1" />
  64. <meta name="text:link1url" content="/" />
  65. <meta name="text:link2" content="link 2" />
  66. <meta name="text:link2url" content="/" />
  67. <meta name="text:link3" content="link 3" />
  68. <meta name="text:link3url" content="/" />
  69. <meta name="text:link4" content="link 4" />
  70. <meta name="text:link4url" content="/" />
  71. <meta name="text:link5" content="link 5" />
  72. <meta name="text:link5url" content="/" />
  73. <meta name="color:Scrollbar" content="#000000"/>
  74.  
  75.  
  76. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  77. <script src="http://static.tumblr.com/7qjmkr5/IUmmdsy41/jquery.style-my-tooltips.js"></script>
  78. <script>
  79. (function($){$(document)
  80. .ready(function(){$("[title]")
  81. .style_my_tooltips();});})
  82. (jQuery);
  83. </script>
  84.  
  85. {block:IfShackEfect}
  86. <link href='http://static.tumblr.com/blpgwiz/EfNmijxib/tada.css' rel='stylesheet' type='text/css'>
  87. {/block:IfShackEfect}
  88.  
  89.  
  90. <link href='https://fonts.googleapis.com/css?family=Montserrat' rel='stylesheet' type='text/css'>
  91. <link href='https://fonts.googleapis.com/css?family=Arvo:400,700|Life+Savers:400,700' rel='stylesheet' type='text/css'>
  92. <link href='https://fonts.googleapis.com/css?family=Baumans' rel='stylesheet' type='text/css'>
  93. <link href='https://fonts.googleapis.com/css?family=Inconsolata:400,700' rel='stylesheet' type='text/css'>
  94.  
  95.  
  96. <style type="text/css">
  97. #s-m-t-tooltip{
  98. max-width:300px;
  99. padding:10px;
  100. margin:20px 0px 0px 20px;
  101. background-color: rgba(0, 0, 0, 0.5);
  102. font-family:calibri;
  103. font-size:8.5px;
  104. text-transform:uppercase;
  105. color:#fff;
  106. letter-spacing:1px;
  107. opacity:1;
  108. z-index:9999999999999999999;
  109. }
  110.  
  111. #top1 {
  112. border:1px solid #dfdfdf;
  113. position:fixed;
  114. font-weight:bold;
  115. width:180px;
  116. height:auto;
  117. letter-spacing: 1px;
  118. left:100px;
  119. top:400px;
  120. padding:20px;
  121. font-size:8.5px;
  122. text-transform:uppercase;
  123. font-family:calibri;
  124. line-height:14px;
  125. text-align:justify;
  126. z-index:4;
  127. color:#999;
  128. background:#fff;
  129.  
  130. }
  131. #top1 img {
  132. border:1px solid #dfdfdf;
  133. position:fixed;
  134. width:220px;
  135. height:200px;
  136. top:200px;
  137. left:100px;
  138. border-top-left-radius:20px;
  139. border-top-right-radius:20px;
  140.  
  141. }
  142.  
  143.  
  144. #top2 {
  145. opacity:1;
  146. font-weight:bold;
  147. height:auto;
  148. width:100%;
  149. letter-spacing: 1px;
  150. left:0px;
  151. top:0px;
  152. padding-top:7px;
  153. font-size:12px;
  154. line-height:14px;
  155. text-align:center;
  156. position:fixed;
  157. background-color: #fff;
  158. border-right:1px solid #dfdfdf;
  159. z-index:4;
  160. -webkit-transition:all 0.3s ease-out;
  161. -moz-transition:all 0.3s ease-out;
  162. transition:all 0.3s ease-out;
  163. }
  164.  
  165. #top2 img{
  166. width:100px;
  167. border-radius:100%;
  168. height:auto;
  169. margin-right:auto;
  170. margin-top:auto;
  171. padding:7px;
  172. background:transparent;
  173. float:center;
  174.  
  175.  
  176. }
  177. #top2:hover{
  178.  
  179. -webkit-transition:all 0.8s ease-out;
  180. -moz-transition:all 0.8s ease-out;
  181. transition:all 0.8s ease-out;
  182.  
  183. }
  184.  
  185. ul {
  186. list-style-image: url('https://36.media.tumblr.com/42d55f9956e3e8c0dfb590b504f4939d/tumblr_inline_nvag3cwzpq1rj4inb_540.png');
  187. }
  188.  
  189. #calado{
  190. margin-left:auto;
  191. margin-right:auto;
  192. text-align:center;
  193. margin-top:0px;
  194. }
  195. #calado a {
  196. display:inline-block;
  197. padding:10px;
  198. font-size:9px;
  199. text-align:center;
  200. font-family:calibri;
  201. text-transform:uppercase;
  202. color:{color:header link};
  203. width:auto;
  204. -webkit-transition:all 0.3s ease-out;
  205. -moz-transition:all 0.3s ease-out;
  206. transition:all 0.3s ease-out;
  207.  
  208. text-shadow:10px 0px transparent, -10px 0px transparent;
  209.  
  210. }
  211. #calado a:hover {
  212. text-shadow:0px 0px {color:header link}, 0px 0px {color:header link};
  213.  
  214. -webkit-transition:all 0.3s ease-out;
  215. -moz-transition:all 0.3s ease-out;
  216. transition:all 0.3s ease-out;
  217. }
  218.  
  219.  
  220. iframe#tumblr_controls {
  221. white-space:nowrap; filter: invert(100%); -webkit-filter: invert(100%); -moz-filter: invert(100%); -o-filter: invert(100%); -ms-filter: invert(100%);opacity:0.2;
  222. }
  223. #tumblr_controls{
  224. position:fixed !important;
  225. -webkit-filter: invert(100%)
  226. }
  227.  
  228. .reblog {
  229. margin-top:10px;
  230. margin-left:10px;
  231. float:left;
  232. opacity:1;
  233. background-color: rgba(0, 0, 0, 0.5);
  234. padding:10px;
  235. font-size:13.5px;
  236. color:#000;
  237. font-weight:bold;
  238. {block:PermalinkPage}
  239. display:none;
  240. {/block:PermalinkPage}
  241. }
  242. .likie {
  243. margin-top:10px;
  244. margin-left:10px;
  245. float:left;
  246. background-color: rgba(0, 0, 0, 0.5);
  247. opacity:1;
  248. padding:10px;
  249. padding-bottom:7px;
  250. font-size:15px;
  251. color:#000;
  252. font-weight:bold;
  253. {block:PermalinkPage}
  254. display:none;
  255. {/block:PermalinkPage}
  256. }
  257. .reblog a{color:#000;}
  258.  
  259.  
  260. .popup_block{
  261. display:none;
  262. background:#fff;
  263. padding:20px;
  264. border:1px solid #dfdfdf;
  265. float:left;
  266. position:fixed;
  267. top:50%;left:50%;
  268. z-index: 99999;
  269. -webkit-box-shadow: 0px 0px 20px #eee;
  270. -moz-box-shadow: 0px 0px 20px #eee;
  271. box-shadow: 0px 0px 20px #000;
  272. }
  273.  
  274. *html #fade {position: absolute;}
  275. *html .popup_block {position: absolute;}
  276. #fade {
  277. display:none;
  278. position:fixed;
  279. left:0px;
  280. top:0px;
  281. width:100%;
  282. height:100%;
  283. z-index:9999;
  284. background:#000;
  285. opacity:0.5;
  286. }
  287.  
  288. a{
  289. color:{color:Link};
  290. text-decoration:none;
  291. -webkit-transition:all 0.3s ease-out;
  292. -moz-transition:all 0.3s ease-out;
  293. transition:all 0.3s ease-out;
  294.  
  295. }
  296.  
  297. a:hover{
  298.  
  299. color:{color:Link Hover};
  300. -webkit-transition:all 0.3s ease-out;
  301. -moz-transition:all 0.3s ease-out;
  302. transition:all 0.3s ease-out;
  303.  
  304. }
  305.  
  306. #amplos {
  307. padding:20px;
  308. font-weight:bold;
  309. font-family: 'Life Savers', cursive;
  310. font-size:20px;
  311. text-align:center;
  312. color:{color:Title};
  313.  
  314. }
  315.  
  316. #amplos a{
  317. text-shadow:10px 0px transparent, -10px 0px transparent;
  318. color:{color:Title};
  319.  
  320. }
  321. #amplos a:hover {
  322. text-shadow:0px 0px {color:title}, 0px 0px {color:title};
  323.  
  324. }
  325. #amplos img{
  326.  
  327. height:30px;
  328. position:fixed;
  329. top:5px;
  330. left:20px;
  331. border:2px solid{color:title};
  332. border-radius:100%;
  333.  
  334.  
  335. }
  336.  
  337. body{
  338. cursor:crosshair;
  339. color:{color:Text};
  340. font-family: inconsolata;
  341. font-size:13px;
  342. background: {color:background} url("{image:background}") fixed;
  343.  
  344. }
  345.  
  346. h1 {text-align:center; text-transform:none;}
  347.  
  348. .go a:before,
  349. .go a:after {
  350. display: inline-block;
  351. opacity: 0;
  352. -webkit-transition: -webkit-transform 0.3s, opacity 0.2s;
  353. -moz-transition: -moz-transform 0.3s, opacity 0.2s;
  354. transition: transform 0.3s, opacity 0.2s;
  355. }
  356.  
  357. .go a:before {
  358. margin-right: 10px;
  359. content: '{';
  360. -webkit-transform: translate(20px);
  361. -moz-transform: translate(20px);
  362. transform: translate(20px);
  363. }
  364.  
  365. .go a:after {
  366. margin-left: 10px;
  367. content: '}';
  368. -webkit-transform: translate(-20px);
  369. -moz-transform: translate(-20px);
  370. transform: translate(-20px);
  371.  
  372.  
  373. }
  374.  
  375. .go a:hover:before,
  376. .go a:hover:after,
  377. .go a:focus:before,
  378. .go a:focus:after {
  379. opacity: 1;
  380. -webkit-transform: translate(0px);
  381. -moz-transform: translate(0px);
  382. transform: translate(0px);
  383. }
  384.  
  385. #post{
  386. margin-top:100px;
  387. width:890px;
  388. margin-left:auto;
  389. margin-right:auto;
  390. background-color:transparent;
  391. padding:5px;
  392. }
  393.  
  394. .entry{
  395. padding:10px;
  396. background-color: rgba(0, 0, 0, 0.5);
  397. width:255px;
  398. float:right;
  399. margin:10px;
  400. {block:PermalinkPage}
  401. width:500px;
  402. height:auto;
  403. {/block:PermalinkPage}
  404. -webkit-animation: tada 2s;
  405. -moz-animation: tada 2s;
  406. -ms-animation: tada 2s;
  407. -webkit-transition: 1s ease-in-out;
  408. -moz-transition: 1s ease-in-out;
  409. -o-transition: 1s ease-in-out;
  410.  
  411. }
  412.  
  413. .entry:hover {
  414. {block:IfZoomOnPosts}
  415. -webkit-transform: scale(1.3);
  416. -moz-transform: scale(1.3);
  417. -o-transform: scale(1.3) ;
  418. -ms-transform: scale(1.3);
  419. transform: scale(1.3) ;
  420. {/block:IfZoomOnPosts}
  421. -webkit-transition: 1s ease-in-out;
  422. -moz-transition: 1s ease-in-out;
  423. -o-transition: 1s ease-in-out;
  424. {block:IfZoomOnPosts}
  425. z-index: 9999999999999999999;
  426. {/block:IfZoomOnPosts}
  427. }
  428. .entry img{
  429. max-width:250px;
  430. float:right;
  431. margin:2px;
  432. }
  433.  
  434. .entry .perm{
  435.  
  436. text-transform:uppercase;
  437. background:transparent;
  438. padding:5px;
  439. text-align:center;
  440. margin-top:0px;
  441. width:250px;
  442. height:auto;
  443. position:absolute;
  444. opacity:0.0;
  445. font-family: 'Open Sans', sans-serif;
  446. font-size:8px;
  447.  
  448. -webkit-transition:all 0.5s ease-out;
  449. -moz-transition:all 0.5s ease-out;
  450. transition:all 0.5s ease-out;
  451.  
  452. }
  453.  
  454. .entry:hover .perm{
  455.  
  456. opacity:0.7;
  457. -webkit-transition:all 0.5s ease-out;
  458. -moz-transition:all 0.5s ease-out;
  459. transition:all 0.5s ease-out;
  460.  
  461. }
  462.  
  463. ::-moz-selection { background: {color:text}; color: {color:background}; }
  464. ::selection { background: {color:text}; color: {color:background}; }
  465.  
  466. .pagination {
  467. display: none;
  468. }
  469.  
  470. ::-webkit-scrollbar {height:5px; width:6px;}
  471.  
  472. ::-webkit-scrollbar-track-piece {
  473. background-color:{color:background};
  474. }
  475.  
  476. ::-webkit-scrollbar-thumb {
  477. width:5px; height:5px;
  478. border-radius:3px;
  479. background-color:{color:scrollbar};
  480. border:2px solid {color:background};
  481. }
  482.  
  483. .description {
  484.  
  485. margin-bottom:10px;
  486. padding:2px;
  487. margin-left:auto;
  488. margin-right:auto;
  489. width:40%;
  490. background:transparent;
  491. font-size:10px;
  492. font-family: 'Inconsolata', ;
  493. text-transform:uppercase;
  494. text-align:center;
  495. color:{color:text};
  496.  
  497. }
  498.  
  499. #credit{
  500. position:fixed;
  501. font-family:calibri;
  502. font-weight:bold;
  503. text-transform:uppercase;
  504. z-index:99;
  505. bottom:10px;
  506. right:10px;
  507. width:11px;
  508. height:9px;
  509. padding:10px;
  510. overflow:hidden;
  511. text-align:center;
  512. font-size:12px;
  513. letter-spacing:1px;
  514. opacity:1;
  515. border-top-left-radius: 10px;
  516. border-bottom-right-radius: 10px;
  517. border:2px solid #fff;
  518. background:#191919;
  519. -webkit-transition: all 0.3s linear;
  520. -moz-transition: all 0.3s linear;
  521. transition: all 0.3s linear;
  522. }
  523.  
  524.  
  525. #credit a{
  526. color:#fff;
  527. }
  528.  
  529. #credit a:hover{
  530.  
  531. color:#191919;
  532.  
  533. }
  534.  
  535. #credit:hover {
  536.  
  537. background:#fff; color:#000; border-color:#000;
  538.  
  539. }
  540. .credit_u{
  541. line-height:10px;
  542. -webkit-transition: all 0.3s linear;
  543. -moz-transition: all 0.3s linear;
  544. transition: all 0.3s linear;
  545. }
  546.  
  547. #credit a:hover .credit_u{
  548. margin-top:0px;
  549. -webkit-transition: all 0.3s linear;
  550. -moz-transition: all 0.3s linear;
  551. transition: all 0.3s linear;
  552. }
  553.  
  554. .credit_h{
  555. line-height:16px;
  556. font-size:8px;
  557. }
  558.  
  559.  
  560. {CustomCSS}
  561.  
  562. </style>
  563. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"></script>
  564.  
  565. <script src="http://static.tumblr.com/6hsqxdt/vmwm2rb4g/infinitescrolling.js"></script><script
  566.  
  567. src="http://static.tumblr.com/6hsqxdt/QBym35odk/jquery.masonry.js"></script>
  568.  
  569. <script>
  570. $(function(){
  571. var $container = $('#post');
  572. $container.imagesLoaded(function(){
  573. $container.masonry({
  574. itemSelector: '.entry',
  575. });
  576. });
  577. $container.infinitescroll({
  578. itemSelector : ".entry",
  579. navSelector : "div.pagination",
  580. nextSelector : ".pagination a#next",
  581. loadingImg : "",
  582. loadingText : "<em></em>",
  583. bufferPx : 10000,
  584. extraScrollPx: 12000,
  585. },
  586. // trigger Masonry as a callback
  587. function( newElements ) {
  588. var $newElems = $( newElements ).css({ opacity: 0 });
  589. // ensure that images load before adding to masonry layout
  590. $newElems.imagesLoaded(function(){
  591. $newElems.animate({ opacity: 1 });
  592. $container.masonry( 'appended', $newElems, true );
  593. });
  594. }
  595. );
  596. });
  597. </script>
  598.  
  599. </head>
  600. <body>
  601.  
  602. <div id="top2">
  603. <div id="amplos">{Title}</div>
  604.  
  605. <div id="calado">
  606. <div class="go">
  607.  
  608. <a href="{text:link1url}">{text:link1}</a>
  609. <a href="#?w=300" rel="box1" class="poplight">ask</a>
  610. <a href="{text:link2url}">{text:link2}</a>
  611. <a href="{text:link3url}">{text:link3}</a>
  612. <a href="{text:link4url}">{text:link4}</a>
  613. <a href="{text:link5url}">{text:link5}</a>
  614.  
  615. </div></div>
  616. </div>
  617.  
  618.  
  619.  
  620. <div id="post">
  621. {block:Posts}
  622. <div class="entry">
  623.  
  624. <div class="perm">
  625.  
  626. <div class="reblog">{ReblogButton color="white" size="15"}</div>
  627. <div class="likie">{LikeButton color="white" size="15"}</div>
  628.  
  629. </div>
  630.  
  631. {block:Title}<h1>{Title}</h1>{/block:Title}
  632.  
  633. {block:Text}{Body}{/block:Text}
  634.  
  635. {block:Photo}
  636.  
  637. <a href="{permalink}" title="{NoteCountWithLabel}"><img src="{PhotoURL-500}" width="250"/></a>
  638.  
  639. {/block:Photo}
  640.  
  641. {block:Photoset}
  642.  
  643. {Photoset-250}
  644.  
  645. {/block:Photoset}
  646.  
  647.  
  648. {block:Quote}
  649. {Quote}
  650. <div align="right">
  651. {block:Source}-{Source}{/block:Source}
  652. {NoteCOuntWithLabel}
  653. </div>
  654. {/block:Quote}
  655.  
  656.  
  657. {block:Video}
  658.  
  659. {Video-250}
  660.  
  661. <br>
  662. {PlayCountWithLabel}
  663. {/block:Video}
  664.  
  665.  
  666. {block:Link}
  667. <h1><a href="{URL}" class="link" {Target}>{Name}</a></h1>
  668. {block:Description}{Description}{/block:Description}
  669. {/block:Link}
  670.  
  671. {block:Chat}
  672. {block:Lines}
  673. {block:Label}
  674. <br>{Label}
  675. {/block:Label}
  676. &nbsp;{Line}
  677. {/block:Lines}
  678. {/block:Chat}
  679.  
  680. {block:Audio}
  681. {AudioPlayerGrey}
  682. <br><div align="right">{block:Artist}
  683. Artist: {Artist}</div>
  684. {/block:Artist}<br>
  685. {block:Caption}{Caption}{/block:Caption}
  686. {/block:Audio}
  687.  
  688.  
  689. {block:Answer}
  690. {Asker} asked <b>{Question}</b><Br>
  691. {Answer}
  692. {/block:Answer}
  693.  
  694. {block:PermalinkPage}
  695. {block:Caption}
  696. {Caption}
  697. {/block:Caption}
  698. <br>
  699. {block:NoteCount}
  700. {NoteCount} notes
  701. {/block:NoteCount}
  702. <Br>
  703. {block:PostNotes}{PostNotes}{/block:PostNotes}</div>
  704. {/block:PermalinkPage}
  705. </div>
  706.  
  707. {/block:Posts}
  708.  
  709. </div>
  710. <!--Pagination-->
  711. <div class="pagination">
  712. {block:Pagination}{block:PreviousPage}<a href="{PreviousPage}">previous</a> &middot;{/block:PreviousPage} {block:NextPage}
  713. <a href="{NextPage}" id="next">next</a>{/block:NextPage}{/block:Pagination}
  714. </div>
  715.  
  716. <div id="box1" class="popup_block">
  717.  
  718. <div class="description">{Description}</div>
  719.  
  720. <iframe frameborder="0" height="200" id="ask_form" scrolling="yes" src="http://www.tumblr.com/ask_form/{text:sua url}.tumblr.com" width="100%"></iframe><br>
  721.  
  722. </div>
  723.  
  724. {text:smcmusicplayer}
  725.  
  726.  
  727. <div id="credit"><a href="http://amplamente.tumblr.com" title="theme by amplamente"><div class="credit_u">❤</div><div class="credit_h"></div></a></div>
  728.  
  729.  
  730. </body>
  731. </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!