Advertisement
Carolaine_Vieira

#37 Neutral

Nov 6th, 2015
585
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 23.49 KB | None | 0 0
  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:Gradient bg color 1" content="#bbe4d0"/>
  53. <meta name="color:Gradient bg color 2" content="#bad8eb"/>
  54. <meta name="color:Text" content="#ffffff"/>
  55. <meta name="color:Bold" content="#ffffff"/>
  56. <meta name="color:Italic" content="#56bc8a"/>
  57. <meta name="color:Sidebar link" content="#141414"/>
  58. <meta name="color:Sidebar link hover" content="#141414"/>
  59. <meta name="color:Description" content="#444444"/>
  60. <meta name="color:Link" content="#529ecc"/>
  61. <meta name="color:Link Hover" content="#000000"/>
  62. <meta name="color:Title" content="#ffffff"/>
  63. <meta name="color:Nav link" content="#141414"/>
  64. <meta name="color:Scrollbar" content="#000000"/>
  65.  
  66. <meta name="if:ShackEfect" content="0"/>
  67.  
  68. <meta name="image:Background" content=""/>
  69.  
  70. <meta name="select:Gradient direction" content="0deg" title="vertical">
  71. <meta name="select:Gradient direction" content="right top" title="left diagonal">
  72. <meta name="select:Gradient direction" content="left top" title="right diagonal">
  73. <meta name="select:Gradient direction" content="90deg" title="horizontal">
  74.  
  75. <meta name="text:Your Url" content="amplamente" />
  76. <meta name="text:Smcmusicplayer" content="" />
  77. <meta name="text:Facebook Url" content="https://www.facebook.com/Exemplo" />
  78. <meta name="text:Instagram Url" content="/" />
  79. <meta name="text:Twitter Url" content="/" />
  80. <meta name="text:Pinterest Url" content="/" />
  81. <meta name="text:Tumblr Url" content="/" />
  82. <meta name="text:link1" content="link 1" />
  83. <meta name="text:link1url" content="/" />
  84. <meta name="text:link2" content="link 2" />
  85. <meta name="text:link2url" content="/" />
  86. <meta name="text:link3" content="link 3" />
  87. <meta name="text:link3url" content="/" />
  88. <meta name="text:link4" content="link 4" />
  89. <meta name="text:link4url" content="/" />
  90. <meta name="text:link5" content="link 5" />
  91. <meta name="text:link5url" content="/" />
  92.  
  93.  
  94.  
  95. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  96. <script src="http://static.tumblr.com/7qjmkr5/IUmmdsy41/jquery.style-my-tooltips.js"></script>
  97. <script>
  98. (function($){$(document)
  99. .ready(function(){$("[title]")
  100. .style_my_tooltips();});})
  101. (jQuery);
  102. </script>
  103.  
  104. {block:IfShackEfect}
  105. <link href='http://static.tumblr.com/blpgwiz/EfNmijxib/tada.css' rel='stylesheet' type='text/css'>
  106. {/block:IfShackEfect}
  107.  
  108.  
  109. <link href='https://fonts.googleapis.com/css?family=Montserrat' rel='stylesheet' type='text/css'>
  110. <link href='https://fonts.googleapis.com/css?family=Arvo:400,700|Life+Savers:400,700' rel='stylesheet' type='text/css'>
  111. <link href='https://fonts.googleapis.com/css?family=Baumans' rel='stylesheet' type='text/css'>
  112. <link href='https://fonts.googleapis.com/css?family=Inconsolata:400,700' rel='stylesheet' type='text/css'>
  113. <link href="//maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css" rel="stylesheet">
  114. <link href='https://fonts.googleapis.com/css?family=Akronim' rel='stylesheet' type='text/css'>
  115. <link href='https://fonts.googleapis.com/css?family=Poiret+One' rel='stylesheet' type='text/css'>
  116. <link href='https://fonts.googleapis.com/css?family=Great+Vibes' rel='stylesheet' type='text/css'>
  117.  
  118.  
  119. <style type="text/css">
  120. b { color: {color:bold}; !important; }
  121.  
  122. i { color: {color:italic} ;!important; }
  123.  
  124. u { border-bottom: 1px dotted ; text-decoration:none;}
  125.  
  126. #s-m-t-tooltip{
  127. max-width:300px;
  128. padding:10px;
  129. margin:20px 0px 0px 20px;
  130. background-color: rgba(0, 0, 0, 0.5);
  131. font-family:calibri;
  132. font-size:8.5px;
  133. text-transform:uppercase;
  134. color:#fff;
  135. letter-spacing:1px;
  136. opacity:1;
  137. z-index:9999999999999999999;
  138. }
  139.  
  140. #top1 {
  141. border-right:1px solid {color:sidebar bg};
  142. border-bottom:1px solid {color:SIDEBAR BG};
  143. position:fixed;
  144. font-weight:bold;
  145. width:130px;
  146. height:auto;
  147. letter-spacing: 1px;
  148. right:20px;
  149. bottom:20px;
  150. padding:15px;
  151. font-size:8.5px;
  152. text-transform:uppercase;
  153. font-family:calibri;
  154. line-height:14px;
  155. text-align:right;
  156. z-index:4;
  157. color:{color:sidebar bg};
  158. background: transparent;
  159.  
  160. }
  161.  
  162. #top1 a{color:{color:title};}
  163. #top1 a:hover {color:black;}
  164.  
  165. #top2 {
  166. opacity:1;
  167. height:auto;
  168. width:75%;
  169. letter-spacing: 1px;
  170. margin-left:auto;
  171. margin-right:auto;
  172. margin-top:0px;
  173. padding:7px;
  174. font-size:12px;
  175. line-height:14px;
  176. text-align:center;
  177. font-weight:bold;
  178. font-family:inconsolata;
  179. background-color:transparent;
  180. -webkit-transition:all 0.3s ease-out;
  181. -moz-transition:all 0.3s ease-out;
  182. transition:all 0.3s ease-out;
  183. }
  184.  
  185.  
  186. ul {
  187. list-style-image: url('https://36.media.tumblr.com/42d55f9956e3e8c0dfb590b504f4939d/tumblr_inline_nvag3cwzpq1rj4inb_540.png');
  188. }
  189.  
  190. #calado{
  191. margin-left:auto;
  192. margin-top:20px;
  193. text-align:center;
  194. width:100%;
  195. margin-bottom:20px;
  196. }
  197. #calado a {
  198. display:inline-block;
  199. padding:10px;
  200. font-size:12px;
  201. text-align:center;
  202. font-family:baumans;
  203. font-weight:bold;
  204. text-transform:uppercase;
  205. background:#fff;
  206. color:{color:Nav link};
  207. width:auto;
  208. -webkit-transition:all 0.3s ease-out;
  209. -moz-transition:all 0.3s ease-out;
  210. transition:all 0.3s ease-out;
  211. border:1px solid;
  212. text-shadow:10px 0px transparent, -10px 0px transparent;
  213. }
  214. #calado a:hover {
  215. border:1px solid transparent;
  216. font-style:italic;
  217. text-shadow:0px 0px {color:Nav link}, 0px 0px {color:Nav link};
  218. -webkit-transition:all 0.3s ease-out;
  219. -moz-transition:all 0.3s ease-out;
  220. transition:all 0.3s ease-out;
  221. }
  222.  
  223. #vixe{
  224. margin-left:auto;
  225. margin-top:10px;
  226. text-align:center;
  227. width:100%;
  228. margin-bottom:10px;
  229. color:#fff !important;
  230. }
  231. #vixe a {
  232. display:inline-block;
  233. padding:10px;
  234. font-size:14px;
  235. text-align:center;
  236. font-family:baumans;
  237. text-transform:uppercase;
  238. background:TRANSPARENT;
  239. color:{color:sidebar link} !important;
  240. text-shadow:0px 10px transparent, 0px -10px transparent;
  241. -webkit-transition:all 0.3s ease-out;
  242. -moz-transition:all 0.3s ease-out;
  243. transition:all 0.3s ease-out;
  244. border-bottom:2px solid transparent;
  245. }
  246. #vixe a:hover {
  247. border-bottom:2px solid;
  248. text-shadow:0px 0px {color:sidebar link hover};, 0px 0px {color:sidebar link hover};
  249. color:{color:sidebar link hover} !important;
  250. font-style:italic;
  251. -moz-transition:all 0.3s ease-out;
  252. transition:all 0.3s ease-out;
  253. }
  254.  
  255.  
  256. iframe#tumblr_controls {
  257. 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;
  258. }
  259. #tumblr_controls{
  260. position:fixed !important;
  261. -webkit-filter: invert(100%)
  262. }
  263.  
  264. .reblog {
  265. margin-top:0px;
  266. margin-left:0px;
  267. float:left;
  268. opacity:1;
  269. background-color:rgba(225,225,225,0.5);
  270. padding:10px;
  271. padding-left:14px;
  272. font-size:13px;
  273. color:#000;
  274. font-family:baumans;
  275. font-weight:bold;
  276. {block:PermalinkPage}
  277. display:none;
  278. {/block:PermalinkPage}
  279. }
  280. .reblog a{color:black;}
  281. .reblog a:hover {color:{color:gradient bg color 1};}
  282.  
  283. #euem {
  284. margin-top:0px;
  285. margin-left:0px;
  286. float:left;
  287. opacity:1;
  288. background-color:rgba(225,225,225,0.5);
  289. padding:10px;
  290. padding-bottom:7px;
  291. font-size:13px;
  292. color:#000;
  293. font-family:baumans;
  294. font-weight:bold;
  295. {block:PermalinkPage}
  296. display:none;
  297. {/block:PermalinkPage}
  298. }
  299.  
  300.  
  301. .popup_block{
  302. display:none;
  303. background:#fff;
  304. border:1px solid #dfdfdf;
  305. padding:30px;
  306. width:500px;
  307. float:left;
  308. position:fixed;
  309. top:50%;left:50%;
  310. z-index: 99999;
  311. }
  312.  
  313. *html #fade {position: absolute;}
  314. *html .popup_block {position: absolute;}
  315. #fade {
  316. display:none;
  317. position:fixed;
  318. left:0px;
  319. top:0px;
  320. width:100%;
  321. height:100%;
  322. z-index:9999;
  323. background-image:-o-linear-gradient({select:gradient direction}, {color:gradient bg color 1} 0%, {color:gradient bg color 2} 100%);
  324. background-image:-ms-linear-gradient({select:gradient direction}, {color:gradient bg color 1} 0%, {color:gradient bg color 2} 100%);
  325. background-image:-moz-linear-gradient({select:gradient direction}, {color:gradient bg color 1} 0%, {color:gradient bg color 2} 100%);
  326. background-image:-webkit-linear-gradient({select:gradient direction}, {color:gradient bg color 1} 0%, {color:gradient bg color 2} 100%);
  327. opacity:1;
  328. }
  329.  
  330.  
  331. a{
  332. color:{color:Link};
  333. text-decoration:none;
  334. -webkit-transition:all 0.3s ease-out;
  335. -moz-transition:all 0.3s ease-out;
  336. transition:all 0.3s ease-out;
  337.  
  338. }
  339.  
  340. a:hover{
  341.  
  342. color:{color:Link Hover};
  343. -webkit-transition:all 0.3s ease-out;
  344. -moz-transition:all 0.3s ease-out;
  345. transition:all 0.3s ease-out;
  346.  
  347. }
  348.  
  349. #amplos {
  350. height:auto;
  351. padding:10px;
  352. line-height:40px;
  353. font-family: Poiret one;
  354. font-size:25px;
  355. text-align:center;
  356. color:{color:Title};
  357. font-weight:normal;
  358.  
  359. }
  360. #amplos a{
  361. color:{color:title};
  362. -webkit-transition:all 0.3s ease-out;
  363. -moz-transition:all 0.3s ease-out;
  364. transition:all 0.3s ease-out;
  365. }
  366. #amplos a:hover{
  367. letter-spacing:2px;
  368. -webkit-transition:all 0.3s ease-out;
  369. -moz-transition:all 0.3s ease-out;
  370. transition:all 0.3s ease-out;
  371. }
  372.  
  373. #notas {
  374.  
  375. width:100%;
  376. height:300px;
  377. overflow-y:auto;
  378. background:transparent;
  379.  
  380. }
  381.  
  382. body{
  383. cursor:crosshair;
  384. color:{color:Text};
  385. font-family: baumans;
  386. font-size:13px;
  387. background-image:-o-linear-gradient({select:gradient direction}, {color:gradient bg color 1} 0%, {color:gradient bg color 2} 100%);
  388. background-image:-ms-linear-gradient({select:gradient direction}, {color:gradient bg color 1} 0%, {color:gradient bg color 2} 100%);
  389. background-image:-moz-linear-gradient({select:gradient direction}, {color:gradient bg color 1} 0%, {color:gradient bg color 2} 100%);
  390. background-image:-webkit-linear-gradient({select:gradient direction}, {color:gradient bg color 1} 0%, {color:gradient bg color 2} 100%);
  391. }
  392.  
  393. h1 {text-align:center; text-transform:none;}
  394.  
  395. #post{
  396. margin-top:0px;
  397. width:1300px;
  398. {block:PermalinkPage}width:500px;{/block:PermalinkPage}
  399. margin-left:auto;
  400. margin-right:auto;
  401. background-color:transparent;
  402. padding:5px;
  403. }
  404.  
  405. .entry{
  406. text-align:left;
  407. padding:8px;
  408. background-color:transparent;
  409. width:250px;
  410. float:right;
  411. margin:20px;
  412. {block:PermalinkPage}
  413. width:500px;
  414. height:auto;
  415. font-size:13px;
  416. text-transform:uppercase:
  417. text-align:left;
  418. {/block:PermalinkPage}
  419. -webkit-animation: tada 2s;
  420. -moz-animation: tada 2s;
  421. -ms-animation: tada 2s;
  422. -webkit-transition: 1s ease-in-out;
  423. -moz-transition: 1s ease-in-out;
  424. -o-transition: 1s ease-in-out;
  425.  
  426. }
  427.  
  428. .entry:hover {
  429. -webkit-transition: 1s ease-in-out;
  430. -moz-transition: 1s ease-in-out;
  431. -o-transition: 1s ease-in-out;
  432. }
  433. .entry img{
  434. max-width:250px;
  435. {block:PermalinkPage}
  436. max-width:500px;
  437. {/block:PermalinkPage}
  438.  
  439. }
  440.  
  441. .entry .perm{
  442.  
  443. text-transform:uppercase;
  444. background:transparent;
  445. padding:5px;
  446. text-align:center;
  447. margin-top:0px;
  448. width:250px;
  449. height:auto;
  450. position:absolute;
  451. opacity:0.0;
  452. font-family: 'Open Sans', sans-serif;
  453. font-size:8px;
  454. -webkit-transition:all 0.5s ease-out;
  455. -moz-transition:all 0.5s ease-out;
  456. transition:all 0.5s ease-out;
  457.  
  458. }
  459.  
  460. .entry:hover .perm{
  461. margin-top:5px;
  462. margin-left:10px;
  463. opacity:1;
  464. -webkit-transition:all 0.5s ease-out;
  465. -moz-transition:all 0.5s ease-out;
  466. transition:all 0.5s ease-out;
  467.  
  468. }
  469.  
  470. .notes img {
  471. width: 15px;
  472. border-radius:100%;
  473. float:left;
  474. border-right:10px solid transparent;
  475. -webkit-transition: all 0.5s linear;
  476. -moz-transition: all 0.5s linear;
  477. transition: all 0.5s linear;}
  478. ol.notes, .notes li {
  479. height:20px;
  480. width: 100%;
  481. list-style: none;
  482. margin: 0px;
  483. padding-left: 0px}
  484. .notes li:hover img {
  485. -webkit-transition: all 0.5s linear;
  486. -moz-transition: all 0.5s linear;
  487. transition: all 0.5s linear;}
  488.  
  489. ::-moz-selection { background: {color:text}; color: {color:background}; }
  490. ::selection { background: {color:text}; color: {color:background}; }
  491.  
  492. .pagination {
  493. display: none;
  494. }
  495.  
  496. ::-webkit-scrollbar {height:5px; width:5px;}
  497.  
  498. ::-webkit-scrollbar-track-piece {
  499. background-color:transparent;
  500. }
  501.  
  502. ::-webkit-scrollbar-thumb {
  503. background-color:{color:scrollbar};
  504. }
  505.  
  506. #ti {
  507. height:auto;
  508. padding:30px;
  509. line-height:40px;
  510. font-family: great vibes;
  511. font-size:60px;
  512. text-align:center;
  513. color:{color:Title};
  514. font-weight:normal;
  515. text-transform:none;
  516.  
  517. }
  518. #ti a{
  519. color:{color:title};
  520. -webkit-transition:all 0.3s ease-out;
  521. -moz-transition:all 0.3s ease-out;
  522. transition:all 0.3s ease-out;
  523. }
  524. #ti a:hover{
  525. letter-spacing:2px;
  526. -webkit-transition:all 0.3s ease-out;
  527. -moz-transition:all 0.3s ease-out;
  528. transition:all 0.3s ease-out;
  529. }
  530.  
  531.  
  532. .description {
  533.  
  534. margin-bottom:10px;
  535. padding:2px;
  536. margin-left:auto;
  537. margin-right:auto;
  538. width:60%;
  539. background:transparent;
  540. font-size:10px;
  541. font-family: 'Inconsolata', ;
  542. text-align:center;
  543. color:{color:description};
  544.  
  545. }
  546.  
  547. .albumfoto{
  548. float:left;
  549. width:80px;
  550. margin-top:0px;
  551. margin-left:5px;
  552. }
  553. .albumfoto img{
  554. width:80px;
  555. padding:7px;
  556. background:transparent;
  557. border-radius:100%;
  558. }
  559. .audiodesc {
  560. margin-left:100px;
  561. padding:10px;
  562. background:transparent;
  563. margin-top:10px;
  564. min-height:64px;
  565. font-weight:bold;
  566. margin-bottom:10px;
  567. font-size:9.5px;
  568. text-transform:uppercase;
  569. }
  570. .audioplay {
  571. opacity:.7;
  572. position:absolute;
  573. overflow:hidden;
  574. max-width:30px;
  575. height:28px;
  576. margin-left:33px;
  577. margin-top:-50px;
  578. }
  579. .entry:hover .audioplay {opacity:1; -webkit-transition:all 0.3s ease-out;}
  580.  
  581. .link {
  582. padding:15px;
  583. margin-left:0px;
  584. background:{color:link};
  585. color:#fff;
  586. text-align:left;
  587.  
  588. }
  589. .linktitle a{
  590. font-size:23px;
  591. font-weight:bold;
  592. text-transform:uppercase;
  593. text-align:left;
  594. color:#fff;
  595. }
  596.  
  597. .pessoap {
  598. text-transform:uppercase;
  599. font-size:13px;
  600. font-weight:bold;}
  601. .pessoap a{
  602. color:#fff;
  603. text-transform:uppercase;
  604. font-size:13px;
  605. font-weight:bold;
  606. }
  607. .pessoapfoto img{
  608. float:left;
  609. border-radius:100%;
  610. margin-top:-25px;
  611. margin-left:188px;
  612. padding:4px;
  613. background:#fff;
  614. }
  615. .pergunta {
  616. background:{color:link};
  617. color:#fff;
  618. padding:15px;
  619. padding-bottom:38px;
  620. margin-left:0px;
  621. border-bottom:2px solid #fff;
  622. text-align:center;
  623. }
  624. .sresposta {
  625. padding:15px;
  626. padding-top:20px;
  627. padding-bottom:0px;
  628. background:transparent;
  629. border-top:2px solid #fff;
  630. }
  631.  
  632. .ch { padding:0px; background:transparent;}
  633. .ch .ch1 { padding:8px; margin-bottom:3px;}
  634. .ch1{ background:#fff; }
  635. .ch .ch1 b{ color:{color:link}; text-transform:uppercase; font-size:11px;}
  636.  
  637. h1 { color:{color:accent}; text-align:center; }
  638.  
  639. blockquote {
  640. width:90%;
  641. margin-left:0px;
  642. padding:10px;
  643. padding-top:0px;
  644. padding-bottom:0px;
  645. border-left:2px solid {color:accent};
  646. background:transparent;
  647. }
  648. blockquote img{max-width:170px !important; width:auto !important; height:auto;}
  649.  
  650. .quote {
  651. padding:5px;
  652. font-size:13px;
  653. text-align:left;
  654. margin-bottom:5px;
  655. }
  656. .qsub {
  657. margin-top:5px;
  658. font-weight:bold;
  659. color:{color:accent};
  660. font-size:12px;
  661. text-transform:uppercase;
  662. }
  663.  
  664. #notas {
  665. margin-top:0px;
  666. width:90%;
  667. height:200px;
  668. overflow-y:auto;
  669. padding:20px;
  670. text-transform:lowercase;
  671. margin-left:auto;
  672. margin-right:auto;
  673. }
  674.  
  675. .notes img {
  676. width: 15px;
  677. border-radius:2px;
  678. float:right;
  679. list-style:none;
  680. -webkit-transition: all 0.5s linear;
  681. -moz-transition: all 0.5s linear;
  682. transition: all 0.5s linear;}
  683. ol.notes, .notes li {
  684. border-bottom:1px solid #eee;
  685. list-style:none;
  686. width: 100%;
  687. padding:10px;
  688. font-size:12px;
  689. margin-top: 5px;
  690. margin-left:0px;
  691. padding-left: 0px}
  692. .notes li:hover img {
  693. list-style:none;
  694. -webkit-transition: all 0.5s linear;
  695. -moz-transition: all 0.5s linear;
  696. transition: all 0.5s linear;}
  697.  
  698. {CustomCSS}
  699.  
  700. </style>
  701. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"></script>
  702.  
  703. <script src="http://static.tumblr.com/6hsqxdt/vmwm2rb4g/infinitescrolling.js"></script><script
  704.  
  705. src="http://static.tumblr.com/6hsqxdt/QBym35odk/jquery.masonry.js"></script>
  706.  
  707. <script>
  708. $(function(){
  709. var $container = $('#post');
  710. $container.imagesLoaded(function(){
  711. $container.masonry({
  712. itemSelector: '.entry',
  713. });
  714. });
  715. $container.infinitescroll({
  716. itemSelector : ".entry",
  717. navSelector : "div.pagination",
  718. nextSelector : ".pagination a#next",
  719. loadingImg : "",
  720. loadingText : "<em></em>",
  721. },
  722. function( newElements ) {
  723. var $newElems = $( newElements ).css({ opacity: 0 });
  724. $newElems.imagesLoaded(function(){
  725. $newElems.animate({ opacity: 1 });
  726. $container.masonry( 'appended', $newElems, true );
  727. });
  728. }
  729. );
  730. });
  731. </script>
  732.  
  733. </head>
  734. <body>
  735.  
  736. <div id="top1">
  737. THEME BY:&nbsp;&nbsp;<a href="http://amplamente.tumblr.com/">AMPLAMENTE</a>
  738. </div>
  739.  
  740. <div id="top2">
  741. <div id="vixe">
  742. <a href="/"><li class="fa fa-play" title="home"></li></a>
  743. <a href="{text:Facebook Url}" target="_blank" title="facebook"><li class="fa fa-facebook"></li>
  744. </a>
  745. <a href="{text:Instagram Url}" target="_blank" title="instagram"><li class="fa fa-instagram"></li>
  746. </a>
  747. <a href="{text:Twitter Url}" target="_blank" title="twitter"><li class="fa fa-twitter"></li></a>
  748. <a href="{text:Pinterest Url}" target="_blank" title="pinterest">
  749. <li class="fa fa-pinterest"></li>
  750. </a>
  751. <a href="{text:Tumblr Url}" target="_blank" title="tumblr"><li class="fa fa-tumblr"></li></a>
  752. </div>
  753. <div id="ti">
  754. <a href="#?w=300" rel="box1" title="click to view menu" class="poplight">{title}</a>
  755. </div>
  756.  
  757. <div class="description">{description}</div>
  758. </div>
  759.  
  760. <div id="post">
  761. {block:Posts}
  762. <div class="entry">
  763. <div class="perm">
  764. <div class="reblog">{ReblogButton color="black" size="15"}</div>
  765. <div id="euem">{LikeButton color="black" size="15"}</div>
  766. <div class="reblog"><a href="{Permalink}" {block:ContentSource} title="source: {SourceTitle}"{/block:ContentSource} >{NoteCount}</a></div>
  767. </div>
  768.  
  769. {block:Title}<h1>{Title}</h1>{/block:Title}
  770.  
  771. {block:Text}{Body}{/block:Text}
  772.  
  773. {block:Photo}
  774. {block:IndexPage}<img src="{PhotoURL-500}" width="250"/>{/block:IndexPage}
  775. {block:PermalinkPage}<img src="{PhotoURL-500}" width="500"/>{/block:PermalinkPage}
  776. {/block:Photo}
  777.  
  778. {block:Photoset}
  779. {block:IndexPage}{Photoset-250}{/block:IndexPage}
  780. {block:PermalinkPage}{Photoset-500}{/block:PermalinkPage}
  781. {/block:Photoset}
  782.  
  783. {block:Quote}
  784. <div class="quote">{Quote}
  785. <div class="qsub">{block:Source} {Source} {/block:Source}</div></div>
  786. {/block:Quote}
  787.  
  788. {block:Link}
  789. <div class="link">
  790. <div class="linktitle"><a href="{URL}" {Target}>{Name} <li class="fa fa-angle-double-right" aria-hidden="true"></li></a></div>
  791. <div class="linkdesc">{block:Description} {Description} {/block:Description}
  792. {block:Host}<i style="font-size:11px; margin-right:5px;" class="fa fa-link" aria-hidden="true"></i>{Host}{/block:Host}
  793. </div></div>
  794. {/block:Link}
  795.  
  796. {block:Chat}
  797. <div class="ch">{block:Lines}<div class="ch1">{block:Label}<b>{Label}</b>
  798. {/block:Label}{Line}</div>{/block:Lines}</div>
  799. {/block:Chat}
  800.  
  801. {block:Audio}
  802. <div class="albumfoto">
  803. {block:AlbumArt}<img src="{AlbumArtURL}" />{/block:AlbumArt}
  804. <div class="audioplay">{block:AudioPlayer}{AudioPlayerWhite}{/block:AudioPlayer} </div></div>
  805. <div class="audiodesc">
  806. {block:Artist}<i class="fa fa-user" aria-hidden="true"></i>&nbsp;&nbsp;{Artist}{/block:Artist}</br>
  807. {block:Album}<i class="fa fa-folder-open" aria-hidden="true"></i>&nbsp;&nbsp;{Album}{/block:Album}</br>
  808. {block:TrackName}<i class="fa fa-music" aria-hidden="true"></i>&nbsp;&nbsp;{TrackName}{/block:TrackName}</br>
  809. {block:PlayCount}<i class="fa fa-bar-chart" aria-hidden="true"></i>&nbsp;&nbsp;{PlayCountWithLabel}{/block:PlayCount}
  810. </div>
  811. {/block:Audio}
  812.  
  813. {block:Video}
  814. {block:IndexPage}{Video-250}{/block:IndexPage}
  815. {block:PermalinkPage}{Video-500}{/block:PermalinkPage}
  816. {PlayCountWithLabel}
  817. {/block:Video}
  818.  
  819. {block:Answer}
  820. <div class="pergunta">
  821. <div class="pessoap">{Asker} asked:</div>{Question}</div>
  822. <div class="pessoapfoto"><img src="{AskerPortraitURL-40}" /></div>
  823. <div class="sresposta">{Answer}</div>
  824. {/block:Answer}
  825.  
  826. {block:PermalinkPage}
  827. <div style="padding:15px;">
  828.  
  829. {block:Date}<b><li class="fa fa-clock-o"></li>&nbsp;&nbsp;Posted:</b> {DayOfMonthWithZero} {Month}, {TimeAgo} {/block:Date}</br>
  830.  
  831. {block:RebloggedFrom}
  832. <b><li class="fa fa-retweet"></li>&nbsp;&nbsp;Via:</b> <a href="{ReblogParentURL}">{ReblogParentName}</a></br>
  833.  
  834. <b><li class="fa fa-globe"></li>&nbsp;&nbsp;Source:</b> <a href="{ReblogRootURL}">{ReblogRootName}</a></br>
  835. {/block:RebloggedFrom}
  836.  
  837. {block:NoteCount}<b><li class="fa fa-heart"></li>&nbsp;&nbsp;Notes:</b> {NoteCount}{/block:NoteCount}
  838. </br>
  839. {block:HasTags}
  840. <b><li class="fa fa-tags"></li>&nbsp;&nbsp;Tags:</b>
  841. {block:Tags}
  842. <a href="{TagURL}">#{Tag}</a>
  843. {/block:Tags}{/block:HasTags}
  844.  
  845. </div>
  846.  
  847. {block:PostNotes}<div id="notas">{PostNotes}</div>{/block:PostNotes}</div>
  848.  
  849. </div>
  850. {/block:PermalinkPage}
  851. </div>
  852.  
  853. {/block:Posts}
  854.  
  855. {block:ContentSource}<!-- {SourceURL}
  856. {block:SourceLogo}<img src="{BlackLogoURL}"width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />{/block:SourceLogo}
  857. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  858. {/block:ContentSource}
  859.  
  860. </div>
  861. <div class="pagination">
  862. {block:Pagination}{block:PreviousPage}<a href="{PreviousPage}">previous</a> &middot;{/block:PreviousPage} {block:NextPage}
  863. <a href="{NextPage}" id="next">next</a>{/block:NextPage}{/block:Pagination}
  864. </div>
  865.  
  866. <div id="box1" class="popup_block">
  867. <img src="{image:sidebar}">
  868. <div id="calado">
  869. <a href="{text:link1url}">{text:link1}</a>
  870. <a href="{text:link2url}">{text:link2}</a>
  871. <a href="{text:link3url}">{text:link3}</a>
  872. <a href="{text:link4url}">{text:link4}</a>
  873. <a href="{text:link5url}">{text:link5}</a>
  874. </div>
  875. <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>
  876. </div>
  877.  
  878. {text:smcmusicplayer}
  879.  
  880. </body>
  881. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement