API tools faq
paste
Advertisement
Carolaine_Vieira

#30 Reconvexo

Carolaine_Vieira
Oct 15th, 2015
147
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 15.56 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="#ffffff"/>
  53. <meta name="color:Perma bg" content="#ffffff"/>
  54. <meta name="color:Text" content="#82868a"/>
  55. <meta name="color:Header bg" content="#82868a"/>
  56. <meta name="color:Link" content="#529ecc"/>
  57. <meta name="color:Link Hover" content="#000000"/>
  58. <meta name="color:Title" content="#ffffff"/>
  59. <meta name="color:Header link" content="#000000"/>
  60. <meta name="if:3 Column" content="1"/>
  61. <meta name="if:ShackEfect" content="1"/>
  62. <meta name="image:Background" content=""/>
  63. <meta name="text:Sua Url" content="amplamente" />
  64. <meta name="text:Smcmusicplayer" content="" />
  65. <meta name="text:link1" content="link 1" />
  66. <meta name="text:link1url" content="/" />
  67. <meta name="text:link2" content="link 2" />
  68. <meta name="text:link2url" content="/" />
  69. <meta name="text:link3" content="link 3" />
  70. <meta name="text:link3url" content="/" />
  71. <meta name="text:link4" content="link 4" />
  72. <meta name="text:link4url" content="/" />
  73. <meta name="text:link5" content="link 5" />
  74. <meta name="text:link5url" content="/" />
  75. <meta name="color:Scrollbar" content="#000000"/>
  76.  
  77.  
  78. <script type="text/javascript" src="http://static.tumblr.com/3ikgvxs/0TGl4zgpu/jquery.min.js"></script>
  79. <script type="text/javascript">
  80. $(document).ready(function(){
  81. $(".links_body").hide();
  82. $(".links_head").click(function(){
  83. $(this).next(".links_body").slideToggle('fast');
  84. }); }); </script>
  85.  
  86. {block:IfShackEfect}
  87. <link href='http://static.tumblr.com/blpgwiz/EfNmijxib/tada.css' rel='stylesheet' type='text/css'>
  88. {/block:IfShackEfect}
  89. <!-- Other fonts - Outras fontes -->
  90.  
  91. <link href='https://fonts.googleapis.com/css?family=Poiret+One' rel='stylesheet' type='text/css'>
  92. <link href='https://fonts.googleapis.com/css?family=Open+Sans' rel='stylesheet' type='text/css'>
  93. <link href='https://fonts.googleapis.com/css?family=Cookie' rel='stylesheet' type='text/css'>
  94. <link href='https://fonts.googleapis.com/css?family=Montserrat' rel='stylesheet' type='text/css'>
  95. <link href='https://fonts.googleapis.com/css?family=Arizonia' rel='stylesheet' type='text/css'><link href='https://fonts.googleapis.com/css?family=Lobster' rel='stylesheet' type='text/css'>
  96. <link href='https://fonts.googleapis.com/css?family=Aclonica' rel='stylesheet' type='text/css'>
  97. <link href='https://fonts.googleapis.com/css?family=Abel' rel='stylesheet' type='text/css'>
  98. <link href='https://fonts.googleapis.com/css?family=Akronim' rel='stylesheet' type='text/css'>
  99. <link href='https://fonts.googleapis.com/css?family=Abril+Fatface' rel='stylesheet' type='text/css'>
  100. <link href='https://fonts.googleapis.com/css?family=Baumans' rel='stylesheet' type='text/css'>
  101.  
  102.  
  103. <style type="text/css">
  104. #top1 {
  105. font-weight:bold;
  106. position:fixed;
  107. width:100%;
  108. letter-spacing: 1px;
  109. margin-left:0px;
  110. bottom:0px;
  111. padding-top:7px;
  112. font-size:12px;
  113. line-height:14px;
  114. text-align:left;
  115. height:35px;
  116. z-index:4;
  117. }
  118.  
  119. #top2 {
  120. font-weight:bold;
  121. height:55px;
  122. width:100%;
  123. letter-spacing: 1px;
  124. left:0px;
  125. top:0px;
  126. padding-top:7px;
  127. font-size:12px;
  128. line-height:14px;
  129. text-align:center;
  130. position:fixed;
  131. background-color:{color:header bg};
  132. z-index:4;
  133. }
  134. #top2 img{
  135. {block:IfRoundedHeaderImg}
  136. border-radius:100%;
  137. {/block:IfRoundedHeaderImg}
  138. {block:IfNotRoundedHeaderImg}
  139. border-radius:0px;
  140. {/block:IfNotRoundedHeaderImg}
  141. height:100px;
  142. margin-right:auto;
  143. margin-top:auto;
  144. padding:7px;
  145. background:transparent;
  146. float:center;
  147.  
  148. }
  149.  
  150. #calado{
  151. margin-left:auto;
  152. margin-right:auto;
  153. text-align:center;
  154. margin-top:0px;
  155. float:center;
  156. }
  157. #calado a {
  158. padding:10px;
  159. padding-top:13px;
  160. font-size:11px;
  161. text-align:center;
  162. margin-left:5px;
  163. font-family:baumans;
  164. text-transform:uppercase;
  165. color:{color:header link};
  166. display:inline-block;
  167. -webkit-transition:all 0.3s ease-out;
  168. -moz-transition:all 0.3s ease-out;
  169. transition:all 0.3s ease-out;
  170. }
  171. #calado a:hover {
  172. text-decoration:line-through;
  173. -webkit-transition:all 0.3s ease-out;
  174. -moz-transition:all 0.3s ease-out;
  175. transition:all 0.3s ease-out;
  176. }
  177.  
  178. iframe#tumblr_controls {
  179. 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;
  180. }
  181. #tumblr_controls{
  182. position:fixed !important;
  183. -webkit-filter: invert(100%)
  184. }
  185.  
  186. .reblog {
  187. display:inline-block;
  188. margin:5px;
  189. margin-top:10px;
  190. float:left;
  191. background-color:#fff;
  192. opacity:1;
  193. padding:10px;
  194. border-radius:10px;
  195. font-size:15px;
  196. color:#000;
  197. font-weight:bold;
  198. {block:PermalinkPage}
  199. display:none;
  200. {/block:PermalinkPage}
  201. }
  202.  
  203. .popup_block{
  204. display:none;
  205. background:#fff;
  206. padding:20px;
  207. border:1px solid #eee;
  208. float:left;
  209. position:fixed;
  210. top:50%;left:50%;
  211. z-index: 99999;
  212. -webkit-box-shadow: 0px 0px 20px #eee;
  213. -moz-box-shadow: 0px 0px 20px #eee;
  214. box-shadow: 0px 0px 20px #000;
  215. }
  216.  
  217. *html #fade {position: absolute;}
  218. *html .popup_block {position: absolute;}
  219. #fade {
  220. display:none;
  221. position:fixed;
  222. left:0px;
  223. top:0px;
  224. width:100%;
  225. height:100%;
  226. z-index:9999;
  227. background:#000;
  228. opacity:0.5;
  229. }
  230.  
  231. a{
  232. color:{color:Link};
  233. text-decoration:none;
  234. -webkit-transition:all 0.3s ease-out;
  235. -moz-transition:all 0.3s ease-out;
  236. transition:all 0.3s ease-out;
  237.  
  238. }
  239.  
  240. a:hover{
  241.  
  242. color:{color:Link Hover};
  243. -webkit-transition:all 0.3s ease-out;
  244. -moz-transition:all 0.3s ease-out;
  245. transition:all 0.3s ease-out;
  246.  
  247. }
  248.  
  249. #amplos {
  250.  
  251. left:20px;
  252. top:20px;
  253. position:fixed;
  254. font-weight:bold;
  255. font-family: 'Arizonia', cursive;
  256. font-size:40px;
  257. text-align:left;
  258.  
  259. }
  260.  
  261. #amplos a{
  262.  
  263. color:{color:Title};
  264.  
  265. }
  266. #amplos a:hover {
  267.  
  268. letter-spacing:4px;
  269.  
  270. }
  271. #amplos img{
  272.  
  273. height:30px;
  274. position:fixed;
  275. top:5px;
  276. left:20px;
  277. border:2px solid{color:title};
  278. border-radius:100%;
  279.  
  280.  
  281. }
  282.  
  283.  
  284.  
  285.  
  286. body{
  287. cursor:crosshair;
  288. color:{color:Text};
  289. font-family: abel;
  290. font-size:13px;
  291. background: {color:background} url("{image:background}") fixed;
  292.  
  293. }
  294.  
  295. h1 {font-family:lobster; text-transform:none;}
  296.  
  297. .go a:before,
  298. .go a:after {
  299. display: inline-block;
  300. opacity: 0;
  301. -webkit-transition: -webkit-transform 0.3s, opacity 0.2s;
  302. -moz-transition: -moz-transform 0.3s, opacity 0.2s;
  303. transition: transform 0.3s, opacity 0.2s;
  304. }
  305.  
  306. .go a:before {
  307. margin-right: 10px;
  308. content: '[';
  309. -webkit-transform: translate(20px);
  310. -moz-transform: translate(20px);
  311. transform: translate(20px);
  312. }
  313.  
  314. .go a:after {
  315. margin-left: 10px;
  316. content: ']';
  317. -webkit-transform: translate(-20px);
  318. -moz-transform: translate(-20px);
  319. transform: translate(-20px);
  320.  
  321.  
  322. }
  323.  
  324. .go a:hover:before,
  325. .go a:hover:after,
  326. .go a:focus:before,
  327. .go a:focus:after {
  328. opacity: 1;
  329. -webkit-transform: translate(0px);
  330. -moz-transform: translate(0px);
  331. transform: translate(0px);
  332. }
  333.  
  334. #post{
  335. margin-top:70px;
  336. {block:If3column}width:1020px;{/block:If3column}
  337. {block:IfNot3column}width:508px;{block:IfNot3column}
  338. margin-left:auto;
  339. margin-right:auto;
  340. background-color:transparent;
  341. padding:5px;
  342. }
  343.  
  344. .entry{
  345. padding:5px;
  346. background-color:transparent;
  347. {block:If3column}width:305px;{block:If3column}
  348. {block:IfNot3column}width:500px;{block:IfNot3column}
  349. float:right;
  350. margin:10px;
  351. {block:PermalinkPage}
  352. width:500px;
  353. height:auto;
  354. {/block:PermalinkPage}
  355. -webkit-animation: tada 2s;
  356. -moz-animation: tada 2s;
  357. -ms-animation: tada 2s;
  358. -webkit-transition: 1s ease-in-out;
  359. -moz-transition: 1s ease-in-out;
  360. -o-transition: 1s ease-in-out;
  361.  
  362. }
  363.  
  364. .entry:hover {
  365. -webkit-transition: 1s ease-in-out;
  366. -moz-transition: 1s ease-in-out;
  367. -o-transition: 1s ease-in-out;
  368. }
  369. .entry img{
  370. {block:If3column}max-width:300px;{block:If3column}
  371. {block:IfNot3column}max-width:500px;{block:IfNot3column}
  372. float:right;
  373. margin:2px;
  374. }
  375.  
  376. .entry .perm{
  377.  
  378. text-transform:uppercase;
  379. background:{color:background};
  380. padding:5px;
  381. text-align:center;
  382. {block:If3column}
  383. margin-top:0px;
  384. {block:If3column}
  385. {block:IfNot3column}
  386. margin-top:0px;
  387. {block:IfNot3column}
  388. width:300px;
  389. height:95%;
  390. position:absolute;
  391. opacity:0.0;
  392. font-family: 'Open Sans', sans-serif;
  393. font-size:8px;
  394.  
  395. -webkit-transition:all 0.5s ease-out;
  396. -moz-transition:all 0.5s ease-out;
  397. transition:all 0.5s ease-out;
  398.  
  399. }
  400.  
  401. .entry:hover .perm{
  402.  
  403. opacity:0.5;
  404. -webkit-transition:all 0.5s ease-out;
  405. -moz-transition:all 0.5s ease-out;
  406. transition:all 0.5s ease-out;
  407.  
  408. }
  409.  
  410. ::-moz-selection { background: {color:text}; color: {color:background}; }
  411. ::selection { background: {color:text}; color: {color:background}; }
  412.  
  413. .pagination {
  414. display: none;
  415. }
  416.  
  417. ::-webkit-scrollbar {height:5px; width:6px;}
  418.  
  419. ::-webkit-scrollbar-track-piece {
  420. background-color:{color:background};
  421. }
  422.  
  423. ::-webkit-scrollbar-thumb {
  424. width:5px; height:5px;
  425. border-radius:3px;
  426. background-color:{color:scrollbar};
  427. border:2px solid {color:background};
  428. }
  429.  
  430. .description {
  431.  
  432. margin-bottom:10px;
  433. padding:2px;
  434. margin-left:0px;
  435. width:300px;
  436. background:transparent;
  437. font-size:12px;
  438. font-family: Poiret One;
  439. font-weight:bold;
  440. text-align:center;
  441. color:{color:text};
  442.  
  443. }
  444.  
  445.  
  446. .links_list {
  447.  
  448. padding:0px;
  449. margin-left:auto;
  450. margin-right:auto;
  451. margin-top:10px;
  452. background:#555;
  453. width:400px;
  454.  
  455. }
  456.  
  457. .links_head {
  458.  
  459. cursor:pointer;
  460. position:relative;
  461. margin:1px;
  462. text-align:center;
  463. border-bottom:1px solid;
  464. font-size:50px;
  465. font-family: 'Aclonica', sans-serif;
  466. padding:50px;
  467. height:auto;
  468.  
  469. }
  470.  
  471. .links_body {
  472.  
  473. padding:10px;
  474. text-align:center;
  475. color: #fff;
  476. }
  477.  
  478. {CustomCSS}
  479.  
  480. </style>
  481. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"></script>
  482.  
  483. <script src="http://static.tumblr.com/6hsqxdt/vmwm2rb4g/infinitescrolling.js"></script><script
  484.  
  485. src="http://static.tumblr.com/6hsqxdt/QBym35odk/jquery.masonry.js"></script>
  486.  
  487. <script>
  488. $(function(){
  489. var $container = $('#post');
  490. $container.imagesLoaded(function(){
  491. $container.masonry({
  492. itemSelector: '.entry',
  493. });
  494. });
  495. $container.infinitescroll({
  496. itemSelector : ".entry",
  497. navSelector : "div.pagination",
  498. nextSelector : ".pagination a#next",
  499. loadingImg : "",
  500. loadingText : "<em></em>",
  501. bufferPx : 10000,
  502. extraScrollPx: 12000,
  503. },
  504. // trigger Masonry as a callback
  505. function( newElements ) {
  506. var $newElems = $( newElements ).css({ opacity: 0 });
  507. // ensure that images load before adding to masonry layout
  508. $newElems.imagesLoaded(function(){
  509. $newElems.animate({ opacity: 1 });
  510. $container.masonry( 'appended', $newElems, true );
  511. });
  512. }
  513. );
  514. });
  515. </script>
  516.  
  517. </head>
  518. <body>
  519.  
  520. <div id="top2">
  521.  
  522. <div id="amplos"><a href="/">{Title}</a></div>
  523.  
  524. <div id="calado">
  525. <div class="go">
  526.  
  527. <a href="{text:link1url}">{text:link1}</a>
  528. <a href="#?w=300" rel="box1" class="poplight">ask</a>
  529. <a href="{text:link2url}">{text:link2}</a>
  530. <a href="{text:link3url}">{text:link3}</a>
  531. <a href="{text:link4url}">{text:link4}</a>
  532. <a href="{text:link5url}">{text:link5}</a>
  533. <a href="http://amplamente.tumblr.com/" target="_blank">carol</a>
  534.  
  535. </div></div></div>
  536.  
  537.  
  538.  
  539. <div id="post">
  540. {block:Posts}
  541. <div class="entry">
  542.  
  543. <div class="perm">
  544.  
  545. <div class="reblog">{ReblogButton color="black" size="20"}</div>
  546. <div class="reblog">{LikeButton color="black" size="20"}</div>
  547. <div class="reblog">{NoteCount}</div>
  548.  
  549. </div>
  550.  
  551. {block:Title}<h1>{Title}</h1>{/block:Title}
  552.  
  553. {block:Text}{Body}{/block:Text}
  554.  
  555. {block:Photo}
  556. {block:If3column}
  557. <a href="{permalink}"><img src="{PhotoURL-500}" width="300"/></a>{/block:If3column}
  558.  
  559. {block:IfNot3column}
  560. <a href="{permalink}"><img src="{PhotoURL-500}" width="500"/></a>{/block:IfNot3column}
  561. {/block:Photo}
  562.  
  563. {block:Photoset}
  564.  
  565. {block:If3column}
  566. {Photoset-300}
  567. {/block:If3column}
  568.  
  569. {block:IfNot3column}
  570. {Photoset-500}
  571. {/block:IfNot3column}
  572.  
  573. {/block:Photoset}
  574.  
  575.  
  576. {block:Quote}
  577. {Quote}
  578. <div align="right">
  579. {block:Source}-{Source}{/block:Source}
  580. {NoteCOuntWithLabel}
  581. </div>
  582. {/block:Quote}
  583.  
  584.  
  585. {block:Video}
  586. {block:If3column}
  587. {Video-300}
  588. {/block:If3column}
  589.  
  590. {block:IfNot3column}
  591. {Video-500}
  592. {/block:IfNot3column}<br>
  593. {PlayCountWithLabel}
  594. {/block:Video}
  595.  
  596.  
  597. {block:Link}
  598. <h1><a href="{URL}" class="link" {Target}>{Name}</a></h1>
  599. {block:Description}{Description}{/block:Description}
  600. {/block:Link}
  601.  
  602. {block:Chat}
  603. {block:Lines}
  604. {block:Label}
  605. <br>{Label}
  606. {/block:Label}
  607. &nbsp;{Line}
  608. {/block:Lines}
  609. {/block:Chat}
  610.  
  611. {block:Audio}
  612. {AudioPlayerGrey}
  613. <br><div align="right">{block:Artist}
  614. Artist: {Artist}</div>
  615. {/block:Artist}<br>
  616. {block:Caption}{Caption}{/block:Caption}
  617. {/block:Audio}
  618.  
  619.  
  620. {block:Answer}
  621. {Asker} asked <b>{Question}</b><Br>
  622. {Answer}
  623. {/block:Answer}
  624.  
  625. {block:PermalinkPage}
  626. {block:Caption}
  627. {Caption}
  628. {/block:Caption}
  629. <br>
  630. {block:NoteCount}
  631. {NoteCount} notes
  632. {/block:NoteCount}
  633. <Br>
  634. {block:PostNotes}{PostNotes}{/block:PostNotes}</div>
  635. {/block:PermalinkPage}
  636. </div>
  637.  
  638. {/block:Posts}
  639.  
  640. </div>
  641. <!--Pagination-->
  642. <div class="pagination">
  643. {block:Pagination}{block:PreviousPage}<a href="{PreviousPage}">previous</a> &middot;{/block:PreviousPage} {block:NextPage}
  644. <a href="{NextPage}" id="next">next</a>{/block:NextPage}{/block:Pagination}
  645. </div>
  646.  
  647. <div id="box1" class="popup_block">
  648.  
  649. <div class="description">{Description}</div>
  650.  
  651. <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>
  652.  
  653. </div>
  654.  
  655. {text:smcmusicplayer}
  656.  
  657. </body>
  658. </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!