API tools faq
paste
Advertisement
Carolaine_Vieira

Tropical

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