API tools faq
paste
Advertisement
Carolaine_Vieira

notavel

Carolaine_Vieira
Nov 30th, 2015
183
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 23.47 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:Post bg" content="#ffffff"/>
  54. <meta name="color:Scrollbar" content="#000"/>
  55. <meta name="color:Description" content="#999"/>
  56. <meta name="color:Text" content="#999"/>
  57. <meta name="color:Link" content="#141414"/>
  58. <meta name="color:Link Hover" content="#ce2020"/>
  59. <meta name="color:Accent1" content="yellow"/>
  60. <meta name="color:Accent2" content="black"/>
  61.  
  62. <meta name="if:ShackEfect" content="0"/>
  63. <meta name="if:PopupAsk" content="1"/>
  64.  
  65. <meta name="image:Background" content=""/>
  66. <meta name="image:Sidebar" content=""/>
  67.  
  68. <meta name="text:Instagram Url" content="https://www.instagram.com/Ex" />
  69. <meta name="text:Twitter Url" content="https://www.twitter.com/Ex" />
  70. <meta name="text:Facebook Url" content="https://www.facebook.com/Ex" />
  71. <meta name="text:Your Url" content="amplamente" />
  72. <meta name="text:Smcmusicplayer" content="" />
  73. <meta name="text:link1" content="link 1" />
  74. <meta name="text:link1url" content="/" />
  75. <meta name="text:link2" content="link 2" />
  76. <meta name="text:link2url" content="/" />
  77. <meta name="text:link3" content="link 3" />
  78. <meta name="text:link3url" content="/" />
  79. <meta name="text:link4" content="link 4" />
  80. <meta name="text:link4url" content="/" />
  81.  
  82.  
  83. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  84. <script src="http://static.tumblr.com/7qjmkr5/IUmmdsy41/jquery.style-my-tooltips.js"></script>
  85. <script>
  86. (function($){$(document)
  87. .ready(function(){$("[title]")
  88. .style_my_tooltips();});})
  89. (jQuery);
  90. </script>
  91.  
  92. {block:IfShackEfect}
  93. <link href='http://static.tumblr.com/blpgwiz/EfNmijxib/tada.css' rel='stylesheet' type='text/css'>
  94. {/block:IfShackEfect}
  95.  
  96. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js" type="text/javascript"></script>
  97. <script type="text/javascript">
  98. $(document).ready(function(){
  99. $(".menu").click(function(){
  100. $(".down").toggleClass("up");
  101. });
  102. });
  103. </script>
  104.  
  105. <link href='https://fonts.googleapis.com/css?family=Montserrat:400,700' rel='stylesheet' type='text/css'>
  106. <link href='https://fonts.googleapis.com/css?family=Roboto:400,900italic,900,700italic,700,100,100italic,300italic,300,400italic,500,500italic|Playfair+Display:400,400italic,700,700italic,900,900italic' rel='stylesheet' type='text/css'>
  107. <link href='https://fonts.googleapis.com/css?family=Inconsolata:400,700' rel='stylesheet' type='text/css'>
  108. <link href="//maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css" rel="stylesheet">
  109. <link href='https://fonts.googleapis.com/css?family=Raleway:400,300,200,100,600,500,700,800,900' rel='stylesheet' type='text/css'>
  110.  
  111. <style type="text/css">
  112.  
  113. .down {
  114. height:0px;
  115. -webkit-transition:all 0.6s;
  116. -moz-transition:all 0.3s;
  117. -ms-transition:all 0.6s;
  118. -o-transition:all 0.6s;
  119. transition:all 0.6s;
  120. }
  121.  
  122. .up {
  123. height:170px;
  124. padding-left:10px;
  125. padding-right:10px;
  126. z-index:10000000000;
  127. -webkit-transition:all 0.6s;
  128. -moz-transition:all 0.3s;
  129. -ms-transition:all 0.6s;
  130. -o-transition:all 0.6s;
  131. transition:all 0.6s;
  132. }
  133.  
  134.  
  135. #nav {
  136. width:100%;
  137. z-index:10;
  138. left:0;
  139. bottom:0;
  140. position:fixed;
  141. background-color:#000;
  142. color:#fff;
  143. }
  144.  
  145. #cont {
  146. font-size:12px;
  147. color:#fff;
  148. padding:10px;
  149. }
  150.  
  151. .album {position:absolute;}
  152. .album img {width:50px;height:50px;float:left;}
  153. .audio {width:20px;padding:7px 13px 9px 5px;overflow:hidden;}
  154. .audiodescr {margin-left:55px;padding:0px;}
  155. .i{display:block;padding:2px;font-size:10px;line-height:13px;}
  156. .player {
  157. position:absolute;
  158. background:#FFF;
  159. width:39px;
  160. height:39px;
  161. opacity:0.75;
  162. padding:6px;
  163. overflow:hidden;}
  164.  
  165. .top {
  166. position:fixed;
  167. width:auto;
  168. height:auto;
  169. letter-spacing: 1px;
  170. right:30px;
  171. bottom:60px;
  172. padding:8px;
  173. padding-left:11.5px;
  174. padding-right:11.5px;
  175. font-size:15px;
  176. text-transform:uppercase;
  177. font-family:montserrat;
  178. line-height:14px;
  179. text-align:right;
  180. z-index:9;
  181. display:inline-block;
  182. color:{color:header bg};
  183. -webkit-transition:all 0.3s ease-out;
  184. -moz-transition:all 0.3s ease-out;
  185. transition:all 0.3s ease-out;
  186. }
  187.  
  188. .top:hover{
  189.  
  190. -webkit-transition:all 0.3s ease-out;
  191. -moz-transition:all 0.3s ease-out;
  192. transition:all 0.3s ease-out;
  193. background:{color:header link};
  194. color:{color:header bg};
  195. }
  196.  
  197. .top a{
  198. -webkit-transition:all 0.3s ease-out;
  199. -moz-transition:all 0.3s ease-out;
  200. transition:all 0.3s ease-out;
  201. color:{color:background};}
  202.  
  203. .top a:hover {color:{color:header bg};
  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. }
  209.  
  210. b { color: {color:accent2}; !important; }
  211.  
  212. i { color: {color:accent1} ;!important; }
  213.  
  214. u { border-bottom: 1px solid {color:link hover}; text-decoration:none;}
  215.  
  216.  
  217. #s-m-t-tooltip{
  218. max-width:300px;
  219. padding:10px;
  220. margin:20px 0px 0px 20px;
  221. background:{color:link};
  222. font-family:calibri;
  223. font-size:8.5px;
  224. text-transform:uppercase;
  225. color:{color:background};
  226. letter-spacing:1px;
  227. opacity:1;
  228. z-index:9999999999999999999;
  229. }
  230.  
  231. hr {
  232. border-style: dotted;
  233. border-width: 1px;
  234. color:{color:accent2};
  235. }
  236.  
  237. #fundo {
  238.  
  239. position:fixed;
  240. width:230px;
  241. height:auto;
  242. padding:40px;
  243. background:transparent;
  244. top:35%;
  245. left:50px;
  246.  
  247.  
  248. }
  249.  
  250. #top1 {
  251. position:fixed;
  252. width:auto;
  253. height:auto;
  254. letter-spacing: 1px;
  255. right:30px;
  256. bottom:22px;
  257. padding:6px;
  258. font-size:12px;
  259. text-transform:uppercase;
  260. font-family:raleway;
  261. line-height:14px;
  262. text-align:right;
  263. z-index:9;
  264. background:{color:accent1};
  265. -webkit-transition:all 0.3s ease-out;
  266. -moz-transition:all 0.3s ease-out;
  267. transition:all 0.3s ease-out;
  268. border:1px solid #000;
  269. }
  270.  
  271. #top1:hover{
  272.  
  273. -webkit-transition:all 0.3s ease-out;
  274. -moz-transition:all 0.3s ease-out;
  275. transition:all 0.3s ease-out;
  276. }
  277.  
  278. #top1 a{
  279. -webkit-transition:all 0.3s ease-out;
  280. -moz-transition:all 0.3s ease-out;
  281. transition:all 0.3s ease-out;
  282. color:black;}
  283.  
  284. #top1 a:hover {
  285. font-style:italic;
  286. -webkit-transition:all 0.3s ease-out;
  287. -moz-transition:all 0.3s ease-out;
  288. transition:all 0.3s ease-out;
  289.  
  290. }
  291.  
  292. ul {
  293. list-style-image: url('https://36.media.tumblr.com/42d55f9956e3e8c0dfb590b504f4939d/tumblr_inline_nvag3cwzpq1rj4inb_540.png');
  294. }
  295.  
  296. #vixe{
  297. background:transparent;
  298. margin-top:0px;
  299. margin-left:auto;
  300. margin-right:auto;
  301. float:center;
  302. width:180px;
  303. height:auto;
  304. text-align:center;
  305. }
  306. #vixe a {
  307. padding:1px;
  308. font-size:12px;
  309. margin-left:5px;
  310. text-transform:uppercase;
  311. font-family: raleway;
  312. border-top:1px solid transparent;
  313. display:inline-block;
  314. color:{color:accent2};
  315. -webkit-transition:all 0.3s ease-out;
  316. -moz-transition:all 0.3s ease-out;
  317. transition:all 0.3s ease-out;
  318. }
  319. #vixe a:hover {
  320. box-shadow: inset 80px 0px {color:accent1};
  321. color:{color:accent2};
  322. -webkit-transition:all 0.3s ease-out;
  323. -moz-transition:all 0.3s ease-out;
  324. transition:all 0.3s ease-out;
  325. }
  326.  
  327. #segundo{
  328. background:transparent;
  329. margin-top:10px;
  330. margin-left:20px;
  331. float:left;
  332. width:180px;
  333. height:auto;
  334. text-align:left;
  335. }
  336. #segundo a {
  337. padding:5px;
  338. font-size:12px;
  339. margin-left:5px;
  340. text-transform:uppercase;
  341. font-family: raleway;
  342. border-top:1px solid transparent;
  343. display:inline-block;
  344. width:100px;
  345. color:{color:Header link};
  346. border-bottom:1px solid;
  347. -webkit-transition:all 0.3s ease-out;
  348. -moz-transition:all 0.3s ease-out;
  349. transition:all 0.3s ease-out;
  350. }
  351. #segundo a:hover {
  352. color:{color:accent1};
  353. border-bottom:1px solid;
  354. -webkit-transition:all 0.3s ease-out;
  355. -moz-transition:all 0.3s ease-out;
  356. transition:all 0.3s ease-out;
  357. }
  358.  
  359. iframe#tumblr_controls {
  360. black-space:nowrap; filter: invert(100%); -webkit-filter: invert(100%); -moz-filter: invert(100%); -o-filter: invert(100%); -ms-filter: invert(100%);opacity:0.2;
  361. }
  362. #tumblr_controls{
  363. position:fixed !important;
  364. -webkit-filter: invert(100%)
  365. }
  366.  
  367. .popup_block{
  368. display:none;
  369. background:#fff;
  370. border:1px solid #dfdfdf;
  371. padding:30px;
  372. width:500px;
  373. float:left;
  374. position:fixed;
  375. top:50%;left:50%;
  376. z-index: 9999999;
  377. }
  378.  
  379. *html #fade {position: absolute;}
  380. *html .popup_block {position: absolute;}
  381. #fade {
  382. display:none;
  383. position:fixed;
  384. left:0px;
  385. top:0px;
  386. width:100%;
  387. height:100%;
  388. z-index:99999;
  389. background:{color:background};
  390. opacity:0.8;
  391. }
  392.  
  393.  
  394. a{
  395. color:{color:Link};
  396. text-decoration:none;
  397. -webkit-transition:all 0.3s ease-out;
  398. -moz-transition:all 0.3s ease-out;
  399. transition:all 0.3s ease-out;
  400.  
  401. }
  402.  
  403. a:hover{
  404.  
  405. color:{color:Link Hover};
  406. -webkit-transition:all 0.3s ease-out;
  407. -moz-transition:all 0.3s ease-out;
  408. transition:all 0.3s ease-out;
  409.  
  410. }
  411.  
  412. #ti {
  413. width:160px;
  414. margin-left:auto;
  415. margin-right:auto;
  416. height:auto;
  417. padding:2px;
  418. font-family: 'Playfair Display', Arial, sans-serif;
  419. font-size:25px;
  420. text-align:center;
  421. color:{color:Title};
  422. font-weight:normal;
  423. text-transform:uppercase;
  424.  
  425. }
  426. #ti a{
  427. background:{color:accent1};
  428. color:{color:accent2};
  429. -webkit-transition:all 0.3s ease-out;
  430. -moz-transition:all 0.3s ease-out;
  431. transition:all 0.3s ease-out;
  432. }
  433. #ti a:hover{
  434. letter-spacing:2px;
  435. color:{color:accent2};
  436. -webkit-transition:all 0.3s ease-out;
  437. -moz-transition:all 0.3s ease-out;
  438. transition:all 0.3s ease-out;
  439. }
  440.  
  441.  
  442. #notas {
  443. font-size:12px;
  444. font-family:montserrat;
  445. text-transform:uppercase;
  446. width:100%;
  447. height:300px;
  448. overflow-y:auto;
  449. background:transparent;
  450.  
  451. }
  452.  
  453. h1 {
  454.  
  455. font-size:30px;
  456. text-align:center;
  457. text-transform:none;
  458. font-family:{select:post title font};
  459.  
  460. }
  461.  
  462. body{
  463. overflow-x:hidden;
  464. cursor:crosshair;
  465. color:{color:Text};
  466. font-family: roboto;
  467. font-size:12px;
  468. background: {color:background} url("{image:background}") fixed;
  469.  
  470. }
  471.  
  472.  
  473. #post{
  474. margin-top:0px;
  475. width:550px;
  476. margin-left:450px;
  477. float:center;
  478. background-color:transparent;
  479. padding:0px;
  480. }
  481.  
  482. .entry{
  483. text-align:left;
  484. padding:30px;
  485. background-color:{color:post bg};
  486. width:405px;
  487. float:right;
  488. margin:0px;
  489. border-bottom:1px dotted {color:accent2};
  490. {block:PermalinkPage}
  491. width:500px;
  492. height:auto;
  493. font-size:13px;
  494. text-align:left;
  495. float:center;
  496. {/block:PermalinkPage}
  497. -webkit-animation: tada 2s;
  498. -moz-animation: tada 2s;
  499. -ms-animation: tada 2s;
  500. -webkit-transition: 1s ease-in-out;
  501. -moz-transition: 1s ease-in-out;
  502. -o-transition: 1s ease-in-out;
  503.  
  504. }
  505.  
  506. .entry:hover {
  507. -webkit-transition: 1s ease-in-out;
  508. -moz-transition: 1s ease-in-out;
  509. -o-transition: 1s ease-in-out;
  510. }
  511. .entry img{
  512. max-width:400px;
  513. float:right;
  514. margin:2px;
  515. {block:PermalinkPage}
  516. float:center;
  517. width:500px;
  518. max-width:500px;
  519. {/block:PermalinkPage}
  520.  
  521. }
  522.  
  523. .entry .perm{
  524. {block:PermalinkPage}
  525. display:none;
  526. {/block:PermalinkPage}
  527. text-transform:uppercase;
  528. background:transparent;
  529. padding:5px;
  530. text-align:center;
  531. margin-top:-10px;
  532. margin-left:450px;
  533. width:100px;
  534. height:auto;
  535. position:absolute;
  536. opacity:0.0;
  537. font-family: 'Open Sans', sans-serif;
  538. font-size:8px;
  539. -webkit-transition:all 0.5s ease-out;
  540. -moz-transition:all 0.5s ease-out;
  541. transition:all 0.5s ease-out;
  542.  
  543. }
  544.  
  545. .entry:hover .perm{
  546. opacity:1;
  547. -webkit-transition:all 0.5s ease-out;
  548. -moz-transition:all 0.5s ease-out;
  549. transition:all 0.5s ease-out;
  550.  
  551. }
  552.  
  553. .notes img {
  554. width: 15px;
  555. border-radius:100%;
  556. float:left;
  557. border-right:10px solid transparent;
  558. -webkit-transition: all 0.5s linear;
  559. -moz-transition: all 0.5s linear;
  560. transition: all 0.5s linear;}
  561. ol.notes, .notes li {
  562. height:20px;
  563. width: 100%;
  564. list-style: none;
  565. margin: 0px;
  566. padding-left: 0px}
  567. .notes li:hover img {
  568. -webkit-transition: all 0.5s linear;
  569. -moz-transition: all 0.5s linear;
  570. transition: all 0.5s linear;}
  571.  
  572. ::-moz-selection { background: {color:text}; color: {color:background}; }
  573. ::selection { background: {color:text}; color: {color:background}; }
  574.  
  575. .pagination {
  576. display: none;
  577. }
  578.  
  579. ::-webkit-scrollbar {height:5px; width:3px;}
  580.  
  581. ::-webkit-scrollbar-track-piece {
  582. background-color:{color:post bg};
  583. }
  584.  
  585. blockquote {
  586. margin-left:20px;
  587. padding-left:10px;
  588. border-left:3px solid{color:text};
  589. }
  590.  
  591. ::-webkit-scrollbar-thumb {
  592. background:{color:scrollbar};
  593.  
  594. }
  595.  
  596. .description {
  597. margin-bottom:0px;
  598. margin-top:0px;
  599. padding:10px;
  600. float:center;
  601. margin-left:auto;
  602. margin-right:auto;
  603. width:70%;
  604. height:auto;
  605. overflow-y:auto;
  606. background:transparent;
  607. font-size:12px;
  608. font-family:'Roboto', Arial, sans-serif;
  609. text-align:center;
  610. color:{color:description};
  611.  
  612. }
  613.  
  614. #question {padding:0px; margin-bottom:5px;}
  615.  
  616. #asker_portrait img{margin-top:-20px; float:center; border-radius:10px; margin-right:90px; max-width:40px; padding:4px; background:{color:link} }
  617.  
  618. #asker {font-weight:normal; font-family:montserrat; text-transform:uppercase; font-style:normal; }
  619.  
  620. #asker a {color:{color:background}; text-align:center; font-size:12px;}
  621.  
  622. #asker a:hover {color:#ccc;}
  623.  
  624. #asked_question {
  625. color:#dfdfdf;
  626. background-color:{color:link};
  627. padding:10px;
  628. font-weight:bold;
  629. font-style:italic;
  630. margin-top:20px;
  631. min-height:20px;
  632. max-width:460px;
  633. margin-left:5px;
  634. text-align:center;
  635. }
  636.  
  637. #answer {
  638.  
  639. font-weight:bold;
  640. padding:2px 10px;
  641. background:transparent;
  642. margin-left:5px;
  643. }
  644.  
  645. #nota{
  646. background:transparent;
  647. margin-top:0px;
  648. margin-left:auto;
  649. margin-right:auto;
  650. float:center;
  651. width:100px;
  652. padding:10px;
  653. text-align:left;
  654.  
  655. }
  656. #nota a {
  657. padding:0px;
  658. width:auto;
  659. font-size:12px;
  660. margin-left:5px;
  661. text-transform:uppercase;
  662. font-family: raleway;
  663. border-top:1px solid transparent;
  664. display:inline-block;
  665. color:{color:accent2};
  666. margin-top:5px;
  667. background:{color:accent1};
  668. -webkit-transition:all 0.3s ease-out;
  669. -moz-transition:all 0.3s ease-out;
  670. transition:all 0.3s ease-out;
  671. }
  672. #nota a:hover {
  673. background:{color:post bg};
  674. color:{color:gradient bg color 1};
  675. -webkit-transition:all 0.3s ease-out;
  676. -moz-transition:all 0.3s ease-out;
  677. transition:all 0.3s ease-out;
  678. }
  679.  
  680. #euem {
  681.  
  682. text-align:left;
  683. padding:0px;
  684. width:auto;
  685. font-size:40px;
  686. margin-left:5px;
  687. margin-top:0px;
  688. text-transform:uppercase;
  689. font-family:'Playfair Display', Arial, sans-serif;
  690. font-weight:700;
  691. border-top:1px solid transparent;
  692. display:inline-block;
  693. font-style:italic;
  694. -webkit-transition:all 0.3s ease-out;
  695. -moz-transition:all 0.3s ease-out;
  696. transition:all 0.3s ease-out;
  697.  
  698. }
  699.  
  700. #euem a{
  701.  
  702. padding:5px;
  703. border-bottom:1px dotted {color:accent2};
  704. color:{color:accent2};
  705.  
  706. }
  707.  
  708. #euem a:hover {
  709.  
  710. color:{color:post bg};
  711.  
  712. }
  713.  
  714. #linha {
  715.  
  716. width:50px;
  717. height:50px;
  718. background:transparent;
  719. border-right:1px solid {color:accent2};
  720. border-bottom:1px solid {color:accent2};
  721. margin-top:0px;
  722. margin-right:-40px;
  723. margin-left:10px;
  724. float:right;
  725.  
  726.  
  727. }
  728.  
  729. #line {
  730.  
  731. width:50px;
  732. height:50px;
  733. background:transparent;
  734. border-left:1px solid {color:accent2};
  735. border-top:1px solid {color:accent2};
  736. margin-top:-40px;
  737. margin-right:10px;
  738. margin-left:-40px;
  739. float:left;
  740.  
  741.  
  742. }
  743.  
  744. #linha2 {
  745.  
  746. width:50px;
  747. height:50px;
  748. background:transparent;
  749. border-right:1px solid #dfdfdf;
  750. border-bottom:1px solid #dfdfdf;
  751. margin-top:0px;
  752. margin-bottom:-10px;
  753. margin-right:-10px;
  754. margin-left:0px;
  755. float:right;
  756.  
  757.  
  758. }
  759.  
  760. #line2 {
  761.  
  762. width:50px;
  763. height:50px;
  764. background:transparent;
  765. border-left:1px solid #dfdfdf;
  766. border-top:1px solid #dfdfdf;
  767. margin-top:0px;
  768. margin-right:0px;
  769. margin-left:-10px;
  770. float:left;
  771.  
  772.  
  773. }
  774.  
  775. #bom {
  776.  
  777. height:140px;
  778. padding:5px;
  779. border-radius:100px;
  780. float:left;
  781.  
  782. }
  783.  
  784.  
  785. {CustomCSS}
  786.  
  787. </style>
  788. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"></script>
  789.  
  790. <script src="http://static.tumblr.com/6hsqxdt/vmwm2rb4g/infinitescrolling.js"></script><script
  791.  
  792. src="http://static.tumblr.com/6hsqxdt/QBym35odk/jquery.masonry.js"></script>
  793.  
  794. <script>
  795. $(function(){
  796. var $container = $('#post');
  797. $container.imagesLoaded(function(){
  798. $container.masonry({
  799. itemSelector: '.entry',
  800. });
  801. });
  802. $container.infinitescroll({
  803. itemSelector : ".entry",
  804. navSelector : "div.pagination",
  805. nextSelector : ".pagination a#next",
  806. loadingImg : "",
  807. loadingText : "<em></em>",
  808. bufferPx : 10000,
  809. extraScrollPx: 12000,
  810. },
  811. // trigger Masonry as a callback
  812. function( newElements ) {
  813. var $newElems = $( newElements ).css({ opacity: 0 });
  814. // ensure that images load before adding to masonry layout
  815. $newElems.imagesLoaded(function(){
  816. $newElems.animate({ opacity: 1 });
  817. $container.masonry( 'appended', $newElems, true );
  818. });
  819. }
  820. );
  821. });
  822. </script>
  823.  
  824. </head>
  825. <body>
  826.  
  827. <div class="top" style="padding-left:12.5px; background:{color:accent2};">
  828. <a href="{text:Facebook Url}" title="Follow me on Facebook"><li class="fa fa-facebook"></li></a>
  829. </div>
  830.  
  831. <div class="top" style="bottom:100px; padding-left:9.5px; padding-right:10px; background:{color:accent2};">
  832. <a href="{text:Twitter Url}" title="Follow me on twitter"><li class="fa fa-twitter"></li></a>
  833. </div>
  834.  
  835. <div class="top" style="bottom:140px; background:{color:accent2}; padding-left:9.5px; padding-right:10px; padding-top:10px; padding-bottom:10px;">
  836. <a href="{text:Instagram Url}" title="follow me on instagram"><li class="fa fa-instagram"></li></a>
  837. </div>
  838.  
  839.  
  840. <div id="fundo">
  841.  
  842. <div id="line"></div>
  843.  
  844. <div id="ti"><a href="/">{Title}</a></div>
  845.  
  846. <div class="description">{Description}</div>
  847.  
  848. <div id="vixe">
  849. <a class="menu">navigation</a>
  850. </div>
  851.  
  852. <div id="linha"></div>
  853.  
  854. </div>
  855.  
  856. <div class="down" id="nav">
  857. <div id="cont">
  858.  
  859. <img id="bom" src="{image:sidebar}">
  860.  
  861. <div id="segundo">
  862.  
  863. <a href="{text:link1url}" >{text:link1}</a>
  864. {block:IfPopupAsk}
  865. <a href="#?w=500" rel="box1" class="poplight">ask</a>
  866. {/block:IfPopupAsk}
  867. <a href="{text:link2url}" >{text:link2}</a>
  868. <a href="{text:link3url}" >{text:link3}</a>
  869. <a href="{text:link4url}" >{text:link4}</a>
  870.  
  871. </div>
  872.  
  873. </div>
  874. </div>
  875.  
  876. <div id="post">
  877. {block:Posts}
  878. <div class="entry">
  879. <div class="perm">
  880.  
  881. <div id="euem">
  882. <a href="{Permalink}">{NoteCount}</a>
  883. </div>
  884.  
  885. <div id="nota">
  886. <a style="margin-left:20px;" href="{ReblogUrl}">Reblog</a></br></br>
  887.  
  888. {block:Tags}<a href="{TagURL}">#{Tag} </a>{/block:Tags}{/block:HasTags}
  889.  
  890. </div>
  891.  
  892.  
  893.  
  894. </div>
  895.  
  896.  
  897. {block:Title}<h1>{Title}</h1>{/block:Title}
  898.  
  899. {block:Text}{Body}{/block:Text}
  900.  
  901. {block:Photo}
  902.  
  903. <a href="{permalink}" ><img src="{PhotoURL-500}" width="400"/></a>
  904.  
  905. {/block:Photo}
  906.  
  907. {block:Photoset}
  908. {Photoset-400}
  909. {/block:Photoset}
  910.  
  911.  
  912. {block:Quote}
  913.  
  914. <div style="text-align:center; padding:10px;">
  915. <li class="fa fa-quote-left"></li>&nbsp;&nbsp;&nbsp;{Quote}&nbsp;&nbsp;&nbsp;<li class="fa fa-quote-right"></li></br></div>
  916.  
  917. <div align="right" style="text-align:center; font-size:10px; font-family:playfair display; text-transform:uppercase;">
  918. </br>{block:Source}- {Source}{/block:Source} </br>
  919. </div>
  920. {/block:Quote}
  921.  
  922.  
  923. {block:Video}
  924.  
  925. {Video-400}
  926.  
  927. <br>
  928. {PlayCountWithLabel}
  929. {/block:Video}
  930.  
  931.  
  932. {block:Link}
  933. <h1><a href="{URL}" class="link" {Target}>{Name}</a></h1>
  934. {block:Description}{Description}{/block:Description}
  935. {/block:Link}
  936.  
  937. {block:Chat}
  938. {block:Lines}
  939. {block:Label}
  940. <br>{Label}
  941. {/block:Label}
  942. &nbsp;{Line}
  943. {/block:Lines}
  944. {/block:Chat}
  945.  
  946. {block:Audio} {block:IndexPage}{block:RebloggedFrom}<a href="{ReblogParentURL}"></a>{/block:RebloggedFrom}
  947. {block:ContentSource}<a href="{SourceURL}"></a>{/block:ContentSource}</span>{/block:IndexPage}
  948. {block:AlbumArt}<div class="album">
  949. <img src="{AlbumArtURL}"></div>{/block:AlbumArt}
  950. <div class="player"><div class="audio">{AudioPlayerWhite}</div></div>
  951. <div class="audiodescr"><div class="i"><b>TITLE: </b><span{block:TrackName} style="display: none;"{block:TrackName}>Unknown</span>{block:TrackName}{TrackName}{/block:TrackName}</div><div class="i"><b>ARTIST: </b><span{block:Artist} style="display: none;"{block:Artist}>Unknown</span> {block:Artist}{Artist}{/block:Artist}</div>
  952. <div class="i"><b>PLAYS: </b><span{block:PlayCount} style="display: none;"{block:PlayCount}>Unknown</span>{block:PlayCount}{PlayCount}{/block:PlayCount}</div></div>
  953. {/block:Audio}
  954.  
  955.  
  956.  
  957.  
  958. {block:Answer}
  959. <div id="question">
  960. <div id="asked_question"><span id="asker">{Asker}</span>:<br>{Question}</div>
  961. </div>
  962. <div id="answer">
  963. {Answer}
  964. </div>
  965. {/block:Answer}
  966.  
  967.  
  968. {block:PermalinkPage}
  969. {block:Caption}
  970. {Caption}
  971. {/block:Caption}
  972. <br>
  973. <center>{block:Date}{ShortMonth} {DayofMonth}{DayofMonthSuffix} {Year}{/block:Date}{block:NoteCount} </br> {NoteCountWithLabel}{/block:NoteCount}{block:HasTags} </br> Tags: {block:Tags}<a href="{TagURL}">#{Tag} </a>{/block:Tags}{/block:HasTags}</center>
  974. <Br>
  975. {block:PostNotes}<div id="notas">{PostNotes}</div>{/block:PostNotes}</div>
  976. {/block:PermalinkPage}
  977. </div>
  978.  
  979. {/block:Posts}
  980.  
  981. </div>
  982. <div class="pagination">
  983. {block:Pagination}{block:PreviousPage}<a href="{PreviousPage}">previous</a> &middot;{/block:PreviousPage} {block:NextPage}
  984. <a href="{NextPage}" id="next">next</a>{/block:NextPage}{/block:Pagination}
  985. </div>
  986.  
  987. <div id="box1" class="popup_block">
  988. <iframe frameborder="0" height="250px" id="ask_form" scrolling="yes" src="http://www.tumblr.com/ask_form/{text:Your Url}.tumblr.com" width="100%"></iframe><br>
  989. </div>
  990.  
  991. {text:smcmusicplayer}
  992.  
  993. <div id="top1">
  994. <a href="http://amplamente.tumblr.com/" title="tema feito por amplamente">am</a>
  995. </div>
  996.  
  997.  
  998. </html>
  999. </body>
  1000.  
  1001. </body>
  1002. </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!