API tools faq
paste
Advertisement
Carolaine_Vieira

nostalgia

Carolaine_Vieira
Feb 13th, 2016
291
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 25.00 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <!--
  3.  
  4. ─────────╔╗────────────╔╗
  5. ─────────║║───────────╔╝╚╗
  6. ╔══╦╗╔╦══╣║╔══╦╗╔╦══╦═╬╗╔╬══╗
  7. ║╔╗║╚╝║╔╗║║║╔╗║╚╝║║═╣╔╗╣║║║═╣
  8. ║╔╗║║║║╚╝║╚╣╔╗║║║║║═╣║║║╚╣║═╣
  9. ╚╝╚╩╩╩╣╔═╩═╩╝╚╩╩╩╩══╩╝╚╩═╩══╝
  10. ──────║║
  11. ──────╚╝
  12.  
  13.  
  14. Theme made by: Amplamente.tumblr.com
  15.  
  16. --->
  17.  
  18.  
  19. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script><script>$(document).ready(function() {
  20. $('a.poplight[href^=#]').click(function() {var popID = $(this).attr('rel'); var popURL = $(this).attr('href');var query= popURL.split('?');var dim= query[1].split('&');var popWidth = dim[0].split('=')[1];$('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('<a href="#" class="close"><li style="font-size:20px; margin-bottom:10px;" class="fa fa-times"></li></a>');var popMargTop = ($('#' + popID).height() + 80) / 2;var popMargLeft = ($('#' + popID).width() + 80) / 2;$('#' + popID).css({'margin-top' : -popMargTop,'margin-left' : -popMargLeft});$('body').append('<div id="fade"></div>');$('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn();return false;});$('a.close, #fade').live('click', function() {$('#fade , .popup_block').fadeOut(function() {$('#fade, a.close').remove();});return false;});});</script>
  21.  
  22. <script type="text/javascript"src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  23.  
  24. <script type="text/javascript" src="http://static.tumblr.com/7qjmkr5/IUmmdsy41/jquery.style-my-tooltips.js"></script>
  25. <script>
  26. (function($){
  27.  
  28. $(document).ready(function(){
  29. $("[title]").style_my_tooltips();
  30. });
  31. })(jQuery);
  32. </script>
  33.  
  34. <title>{title}</title>
  35. <link rel="shortcut icon" href="{Favicon}"/>
  36. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  37. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  38.  
  39. <meta name="color:Background" content="#bbe4d0"/>
  40. <meta name="color:Tooltip bg" content="#141414"/>
  41. <meta name="color:Tooltip text" content="#fff"/>
  42. <meta name="color:Post bg" content="#ffffff"/>
  43. <meta name="color:Perma link" content="#ffffff"/>
  44. <meta name="color:Borders" content="#eeeeee"/>
  45. <meta name="color:Link" content="#ffb1cc"/>
  46. <meta name="color:Link Hover" content="#fe4281"/>
  47. <meta name="color:Text" content="#999"/>
  48. <meta name="color:Description Border" content="#eeeeee"/>
  49. <meta name="color:Header Border" content="#eeeeee"/>
  50. <meta name="color:Header bg" content="#ffffff"/>
  51. <meta name="color:Header link" content="#999"/>
  52. <meta name="color:Header link hover" content="#bbe4d0"/>
  53. <meta name="color:Title" content="#222222"/>
  54. <meta name="color:Description" content="#999"/>
  55. <meta name="color:Scrollbar" content="#141414"/>
  56. <meta name="color:Question" content="#bbe4d0"/>
  57. <meta name="color:Question link" content="#141414"/>
  58. <meta name="color:Answer" content="#ffffff"/>
  59.  
  60. <meta name="select:Columns" content="320px" title="One"/>
  61. <meta name="select:Columns" content="690px" title="Two"/>
  62. <meta name="select:Columns" content="990px" title="Three"/>
  63. <meta name="select:Columns" content="1290px" title="Four"/>
  64.  
  65. <meta name="select:Header Image Position" content="left" title="Left">
  66. <meta name="select:Header Image Position" content="bottom" title="Bottom">
  67. <meta name="select:Header Image Position" content="right" title="Right">
  68. <meta name="select:Header Image Position" content="top" title="Top">
  69.  
  70. <meta name="if:InfiniteScroll" content="0"/>
  71. <meta name="if:TitleShadow" content="0"/>
  72. <meta name="if:Header" content="1"/>
  73. <meta name="if:WhitePerma" content="0"/>
  74. <meta name="if:BlackPerma" content="1"/>
  75.  
  76. <meta name="image:Background" content=""/>
  77. <meta name="image:Favicon" content=""/>
  78. <meta name="image:Header" content=""/>
  79.  
  80. <meta name="text:Facebook Url" content="https://" />
  81. <meta name="text:Instagram Url" content="https://" />
  82. <meta name="text:Twitter Url" content="https://" />
  83. <meta name="text:SoundCloud Url" content="https://" />
  84.  
  85. <meta name="text:link1" content="link 1" />
  86. <meta name="text:link1url" content="/" />
  87. <meta name="text:link2" content="link 2" />
  88. <meta name="text:link2url" content="/" />
  89. <meta name="text:link3" content="link 3" />
  90. <meta name="text:link3url" content="/" />
  91. <meta name="text:link4" content="link 4" />
  92. <meta name="text:link4url" content="/" />
  93.  
  94. <script type="text/javascript" src="http://static.tumblr.com/3ikgvxs/0TGl4zgpu/jquery.min.js"></script>
  95.  
  96. <link href='https://fonts.googleapis.com/css?family=Montserrat' rel='stylesheet' type='text/css'>
  97. <link href='https://fonts.googleapis.com/css?family=Cantarell:400,400italic,700,700italic' rel='stylesheet' type='text/css'>
  98. <link href="//maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css" rel="stylesheet">
  99. <link href='https://fonts.googleapis.com/css?family=Roboto:400,500,500italic,400italic,700italic,700,900,900italic' rel='stylesheet' type='text/css'>
  100. <link href='https://fonts.googleapis.com/css?family=Open+Sans:400,400italic,600,600italic,700,700italic' rel='stylesheet' type='text/css'>
  101.  
  102. <script>
  103. $(document).ready(function () {
  104. $(window).scroll(function () {
  105. if ($(this).scrollTop() > 100) {
  106. $('.scrollup').fadeIn();
  107. } else {
  108. $('.scrollup').fadeOut();}});
  109. $('.scrollup').click(function () {
  110. $("html, body").animate({
  111. scrollTop: 0}, 600);return false; });
  112. });
  113. </script>
  114.  
  115. <style type="text/css">
  116.  
  117. .scrollup {
  118. width: auto;
  119. height: auto;
  120. position: fixed;
  121. bottom: 55px;
  122. right: 25px;
  123. text-transform:none;
  124. display:none;
  125. font-weight:bold;
  126.  
  127.  
  128. }
  129.  
  130. u { border-bottom: 1px dotted; text-decoration:none;}
  131.  
  132. #s-m-t-tooltip{
  133.  
  134. max-width:300px;
  135. padding:10px;
  136. padding-top:7px;
  137. padding-bottom:7px;
  138. border-radius:3px;
  139. margin:20px 0px 0px 20px;
  140. background-color: {color:tooltip bg};
  141. font-family:calibri;
  142. font-size:8.5px;
  143. text-transform:uppercase;
  144. color:{color:tooltip text};
  145. letter-spacing:1px;
  146. opacity:1;
  147. z-index:9999999999999999999;
  148. }
  149.  
  150. #top1 { position:fixed; width:auto; height:auto; letter-spacing: 1px; right:10px; bottom:10px; padding:8px; font-size:10px; line-height:14px; text-align:center; z-index:99; text-transform:uppercase;
  151. -webkit-transition:all 0.3s ease-out;
  152. -moz-transition:all 0.3s ease-out;
  153. transition:all 0.3s ease-out; font-style:italic;
  154. text-shadow:none;
  155. }
  156. #top1 a{text-shadow:none;}
  157. #top1 a:hover {text-shadow:none;}
  158. #top1:hover {
  159. -webkit-transition:all 0.3s ease-out;
  160. -moz-transition:all 0.3s ease-out;
  161. transition:all 0.3s ease-out;
  162. -moz-transform: scale(1.5);
  163. -webkit-transform: scale(1.5);
  164. -o-transform: scale(1.5);
  165. -ms-transform: scale(1.5);
  166. transform: scale(1.5);
  167. text-shadow:none;
  168. }
  169.  
  170. #top2 {
  171. height:auto;
  172. width:auto;
  173. letter-spacing:1px;
  174. margin-left:auto;
  175. margin-right:auto;
  176. margin-top:70px;
  177. margin-bottom:70px;
  178. font-size:11px;
  179. text-transform:uppercase;
  180. z-index:4;
  181. text-align:center;
  182. float:center;
  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. #top2 a{margin-left:8px; background:{color:title}; border-radius:3px;
  189. padding:13px; color:{color:post bg};
  190. }
  191. #top2 a:hover{
  192. color:{color:title};
  193. background:{color:post bg};
  194. -webkit-transition:all 0.8s ease-out;
  195. -moz-transition:all 0.8s ease-out;
  196. transition:all 0.8s ease-out;
  197. }
  198.  
  199. ol, ul {padding:0px;list-style-type:none; text-align:left !important;}
  200. ul li {position:relative; z-index:0; padding-left:20px; text-align:left !important;}
  201. ul li:before {
  202. text-align:left !important;
  203. content:'';
  204. position:absolute;
  205. display:block;
  206. top:8px;
  207. left:0px;
  208. width:10px;
  209. height:1px;
  210. z-index:0;
  211. background:{color:link};
  212. }
  213.  
  214. #navigation {
  215. z-index:4;
  216. background:transparent;
  217. float:left;
  218. margin-left:10px;
  219. margin-top:7px;
  220. width:auto;
  221. padding:5px;
  222. }
  223. #navigation a {
  224. text-shadow:none;
  225. margin-left:15px;
  226. padding:0px;
  227. font-size:9.5px;
  228. display:inline-block;
  229. text-align:left;
  230. text-transform:uppercase;
  231. background-color:transparent;
  232. color:{color:header link};
  233. -webkit-transition:all 0.3s ease-out;
  234. -moz-transition:all 0.3s ease-out;
  235. transition:all 0.3s ease-out;
  236. }
  237. #navigation a:hover {
  238. color:{color:header link hover};
  239. text-shadow:0px 0px 4px {color:header link hover}, 0px 0px 4px {color:header link hover};
  240. -webkit-transition:all 0.3s ease-out;
  241. -moz-transition:all 0.3s ease-out;
  242. transition:all 0.3s ease-out;
  243. }
  244.  
  245. /*tumblr controls*/
  246. #tumblr_controls, .tmblr-iframe{
  247. {block:IFNotHeader} top:50px !important; {/block:IfNotHeader}
  248. -webkit-filter:invert(100%); -moz-filter:invert(100%); -o-filter:invert(100%); -ms-filter:invert(100%); filter:invert(100%); position:fixed!important;
  249. {block:IFHeader} top:160px !important; {/block:IFHeader}
  250. right:0px!important; opacity:.5;
  251. -webkit-transition:all 0.6s ease-out;-webkit-transition: opacity 0.7s linear;opacity: 0.2;-webkit-transition: all 0.8s ease-out;-moz-transition: all 0.8s ease-out;transition: all 0.8s ease-out}
  252.  
  253. #tumblr_controls, .tmblr-iframe:hover{
  254. opacity:.9;webkit-transition: all 0.4s ease-out;-moz-transition: all 0.4s ease-out;transition: all 0.4s ease-out;
  255. -webkit-transition:all 0.6s ease-out;-webkit-filter:invert(80%); -moz-filter:invert(80%); -o-filter:invert(80%); -ms-filter:invert(80%); filter:invert(80%);
  256. }
  257.  
  258. .popup_block{
  259. display:none;
  260. background:transparent;
  261. padding:30px;
  262. width:500px;
  263. float:left;
  264. color:#141414;
  265. position:fixed;
  266. top:50%;left:50%;
  267. z-index: 9999999;
  268. }
  269.  
  270. *html #fade {position: absolute;}
  271. *html .popup_block {position: absolute;}
  272. #fade {
  273. display:none;
  274. position:fixed;
  275. left:0px;
  276. top:0px;
  277. width:100%;
  278. height:100%;
  279. z-index:999999;
  280. background:#fff;
  281. opacity:1;
  282. }
  283.  
  284. a{ color:{color:Link}; text-decoration:none;
  285. -webkit-transition:all 0.3s ease-out;
  286. -moz-transition:all 0.3s ease-out;
  287. transition:all 0.3s ease-out;
  288.  
  289. }
  290. a:hover{
  291. color:{color:Link Hover};
  292. -webkit-transition:all 0.3s ease-out;
  293. -moz-transition:all 0.3s ease-out;
  294. transition:all 0.3s ease-out;
  295.  
  296. }
  297.  
  298. #top3 {
  299. height:40px;
  300. width:100%;
  301. position:fixed;
  302. z-index:9;
  303. left:0px;
  304. top:120px;
  305. {block:IFNotHeader}
  306. top:0px;
  307. {/block:IFNotHeader}
  308. background:{color:header bg};
  309. border-top:1px solid {color:header border};
  310. border-bottom:1px solid {color:header border};
  311. }
  312.  
  313. .left {
  314. width:15px;
  315. float:left;
  316. height:950px;
  317. z-index:0;
  318. margin-left:0px;
  319. margin-top:200px;
  320. background:transparent;
  321. }
  322.  
  323. .right {
  324.  
  325. width:52px;
  326. height:100%;
  327. position:fixed;
  328. z-index:1;
  329. right:0px;
  330. top:0px;
  331. background:{color:header bg};
  332. }
  333.  
  334. .bottom {
  335.  
  336. height:52px;
  337. width:100%;
  338. position:fixed;
  339. z-index:1;
  340. left:0px;
  341. bottom:0px;
  342. background:{color:header bg};
  343. }
  344.  
  345. h1 {
  346.  
  347. font-size:22px;
  348. text-align:center;
  349. text-transform:none;
  350. margin-top:20px;
  351. margin-bottom:-10px;
  352. padding-bottom:0px;
  353. font-weight:normal;
  354.  
  355. }
  356.  
  357. body{
  358. cursor:crosshair;
  359. color:{color:Text};
  360. font-family: 'Open Sans', sans-serif;
  361. text-align:left !important;
  362. font-size:10px;
  363. opacity:1;
  364. background-attachment:fixed;
  365. background: {color:background} url("{image:background}") fixed;
  366.  
  367. }
  368.  
  369. #post{
  370. margin-top:180px;
  371. {block:IfNotHeader}
  372. margin-top:60px;
  373. {block:IfNotHeader}
  374. width:{select:columns};
  375. margin-left:auto;
  376. margin-right:auto;
  377. float:center;
  378. background-color:transparent;
  379. padding:0px;
  380. }
  381.  
  382. .entry{
  383. padding:10px;
  384. background-color:{color:post bg};
  385. border:1px solid {color:borders};
  386. width:200px;
  387. {block:PermalinkPage}
  388. width:500px;
  389. {/block:PermalinkPage}
  390. float:center;
  391. opacity:1;
  392. color:{color:Text};
  393. margin:50px;
  394. }
  395.  
  396. .entry img{
  397. max-width:200px;
  398. {block:PermalinkPage}
  399. max-width:500px;
  400. width:500px;
  401. {/block:PermalinkPage}
  402. margin-bottom:-2px;
  403. padding-bottom:0px;
  404. }
  405.  
  406. .entry .perm{
  407. {block:PermalinkPage}
  408. display:none;
  409. {/block:PermalinkPage}
  410. {block:IFWhitePerma}
  411. background-color: rgba(255, 255, 255, 0.8);
  412. {/block:IFWhitePerma}
  413. padding:5px;
  414. padding-top:15px;
  415. padding-bottom:0px;
  416. margin-top:0px;
  417. width:150px;
  418. text-align:center;
  419. text-transform:uppercase;
  420. margin-left:0px;
  421. z-index:2;
  422. font-size:11px;
  423. color:{color:perma link};
  424. height:calc(100% - 36px) !important;
  425. position:absolute;
  426. opacity:0.0;
  427. {block:IFBlackPerma}
  428. background-color: rgba(0, 0, 0, 0.8);
  429. {/block:IFBlackPerma}
  430. -webkit-transition:all 0.5s ease-out;
  431. -moz-transition:all 0.5s ease-out;
  432. transition:all 0.5s ease-out;
  433.  
  434. }
  435. .perm a{ color:{color:perma link}; }
  436. .perm a:hover { text-shadow:0px 0px 4px {color:perma link}, 0px 0px 4px {color:perma link}; }
  437.  
  438. .entry:hover .perm{
  439. width:190px;
  440. opacity:1;
  441. -webkit-transition:all 0.5s ease-out;
  442. -moz-transition:all 0.5s ease-out;
  443. transition:all 0.5s ease-out;
  444.  
  445. }
  446.  
  447. .zz {
  448.  
  449. margin-top:0px;
  450. margin-left:0px;
  451. float:left;
  452. background-color:transparent;
  453. padding:0px;
  454. font-size:13px;
  455. border-radius:100%;
  456. {block:PermalinkPage}
  457. display:none;
  458. {/block:PermalinkPage}
  459. }
  460. .zz a{color:#b3b3b3;}
  461.  
  462. .zb {
  463. margin-top:1px;
  464. margin-left:10px;
  465. float:left;
  466. background-color:transparent;
  467. padding:0px;
  468. padding-bottom:6px;
  469. border-radius:100%;
  470. {block:PermalinkPage}
  471. display:none;
  472. {/block:PermalinkPage}
  473. }
  474.  
  475. #notas {
  476. margin-top:10px;
  477. width:95%;
  478. height:200px;
  479. overflow-y:auto;
  480. border-radius:5px;
  481. padding:10px;
  482. margin-left:auto;
  483. margin-right:auto;
  484. float:center;
  485. }
  486.  
  487. .notes img {
  488. width: 0px;
  489. height:0px;
  490. border-radius:100%;
  491. float:left;
  492. list-style:none;
  493. border-right:10px solid transparent;
  494. -webkit-transition: all 0.5s linear;
  495. -moz-transition: all 0.5s linear;
  496. transition: all 0.5s linear;}
  497. ol.notes, .notes li {
  498. list-style:none;
  499. height:20px;
  500. width: 100%;
  501. margin-top: 5px;
  502. margin-left:0px;
  503. padding-left: 0px}
  504. .notes li:hover img {
  505. list-style:none;
  506. -webkit-transition: all 0.5s linear;
  507. -moz-transition: all 0.5s linear;
  508. transition: all 0.5s linear;}
  509.  
  510. #notas::-webkit-scrollbar-track-piece {
  511. background-color:{color:post bg};
  512. }
  513.  
  514. ::-moz-selection { background: {color:text}; color: {color:gradient bg top}; }
  515. ::selection { background: {color:text}; color: {color:gradient bg top}; }
  516.  
  517. .pagination {
  518. display: none;
  519. }
  520.  
  521. ::-webkit-scrollbar-thumb { background-color: {color:scrollbar}; margin-right:5px;}
  522. ::-webkit-scrollbar { height:5px; width: 2px;}
  523. ::-webkit-scrollbar-track { background-color:{color:background}; -moz-box-shadow: inset 0 0 0 1px {color:background}; -webkit-box-shadow: inset 0 0 0 1px {color:background}; box-shadow: inset 0 0 0px 1px {color:background}; }
  524.  
  525.  
  526. blockquote {
  527. margin-left:20px;
  528. padding-left:10px;
  529. border-left:1px solid{color:link};
  530. }
  531.  
  532. #question {padding:0px; margin-bottom:5px;}
  533.  
  534. #asker_portrait img{
  535.  
  536. border-top-left-radius:20px;
  537. border-top-right-radius:20px;
  538. border-bottom-right-radius:20px;
  539. max-width:40px;
  540. margin-top:-25px;
  541. position:relative;
  542. float:center;
  543. margin-right:20px;
  544. padding:4px;
  545. background:{color:question};
  546. {block:permalinkpage} margin-right:220px; {/block:permalinkpage}
  547.  
  548.  
  549. }
  550.  
  551. #asker {font-weight:normal; text-transform:uppercase; font-style:normal; }
  552.  
  553. #asker a {color:{color:question link}; text-align:center; font-size:12px;}
  554.  
  555. #asked_question {
  556. background-color:{color:question};
  557. padding:10px;
  558. font-style:italic;
  559. padding-top:20px;
  560. margin-top:0px;
  561. min-height:20px;
  562. text-align:center;
  563. font-size:12px;
  564. border-radius:5px;
  565. margin-left:5px;
  566. padding-left:50px;
  567. padding-right:50px;
  568.  
  569. }
  570.  
  571. #answer {
  572.  
  573. border-radius:5px;
  574. background:{color:answer};
  575. padding:2px 10px;
  576. margin-left:5px;
  577. margin-top:10px;
  578. margin-bottom:5px;
  579. font-size:12px;
  580. }
  581.  
  582. .asktri {
  583.  
  584. width: 0;
  585. height: 0;
  586. border-style: solid;
  587. border-width: 18px 17.5px 0 17.5px;
  588. border-color: {color:question} transparent transparent transparent;
  589. float:center;
  590. margin-top:-5px;
  591. margin-left:110px;
  592. }
  593.  
  594. .audioicon {}
  595. .audioplay {width:28px; margin-top:3px; overflow:hidden;}
  596. .player { width:28px; padding:6px 10px;display:inline-block;}
  597. .audiodesc {display:inline-block; vertical-align:top; height:46px; line-height:46px; margin-left:14px;}
  598.  
  599. iframe.photoset {
  600. {block:IndexPage}
  601. width:200px;
  602. max-width:200px;
  603. height:auto;
  604. {/block:IndexPage}
  605. }
  606.  
  607. #cabi {
  608.  
  609.  
  610. width:500px;
  611. height:auto;
  612. overflow:auto;
  613. text-align:center;
  614. float:center;
  615. margin-left:auto;
  616. margin-right:auto;
  617. margin-top:8px;
  618. margin-bottom:0px;
  619. padding:0px;
  620. letter-spacing:4px;
  621. text-shadow:0px 0px 4px {color:title}, 0px 0px 4px {color:title};
  622. {block:IFNotTitleShadow}
  623. text-shadow:none;
  624. {/block:IFNotTitleShadow}
  625. background:transparent;
  626. font-size:20px;
  627. text-transform:uppercase;
  628.  
  629. }
  630.  
  631. #hi {
  632.  
  633. position:fixed;
  634. left:0px;
  635. top:0px;
  636. z-index:9;
  637. height:120px;
  638. width:100%;
  639. padding:5px;
  640. background: {color:header bg} url("{image:header}") fixed;
  641. background-position:{select:Header Image Position};
  642.  
  643. }
  644.  
  645. .description {
  646. padding:10px;
  647. margin-top:-1px;
  648. width:387px;
  649. height:32px;
  650. border:1px solid {color:description border};
  651. text-shadow:none;
  652. {block:IFBlackPerma}
  653. background-color: rgba(0, 0, 0, 0.8);
  654. {/block:IFBlackPerma}
  655. {block:IFWhitePerma}
  656. background-color: rgba(255, 255, 255, 0.8);
  657. {/block:IFWhitePerma}
  658. font-size:10.5px;
  659. text-align:center;
  660. letter-spacing:0px;
  661. float:left;
  662. font-style:italic;
  663. margin-left:-1px;
  664. text-transform:none;
  665. color:{color:description};
  666. }
  667.  
  668. .sl {
  669. {block:IFHeader}
  670. margin-top:-2px;
  671. {/block:IFHeader}
  672. float:right;
  673. text-align:right;
  674. margin-right:10px;
  675. {block:IFNotHeader}
  676. margin-top:-33px;
  677. {/block:IFNotHeader}
  678.  
  679. }
  680.  
  681. .pt {
  682.  
  683. float:center;
  684. margin-top:5px;
  685. margin-left:auto;
  686. margin-right:auto;
  687. text-align:center;
  688. font-size:20px;
  689. width:200px;
  690. text-transform:uppercase;
  691.  
  692. }
  693.  
  694. #hd {
  695.  
  696. width:70px;
  697. padding:10px;
  698. {block:IFBlackPerma}
  699. background-color: rgba(0, 0, 0, 0.8);
  700. {/block:IFBlackPerma}
  701. {block:IFWhitePerma}
  702. background-color: rgba(255, 255, 255, 0.8);
  703. {/block:IFWhitePerma}
  704. border:1px solid {color:description border};
  705. float:left;
  706.  
  707. }
  708.  
  709. .ttb {
  710.  
  711. {block:IFBlackPerma}
  712. background-color: rgba(0, 0, 0, 0.8);
  713. {/block:IFBlackPerma}
  714. {block:IFWhitePerma}
  715. background-color: rgba(255, 255, 255, 0.8);
  716. {/block:IFWhitePerma}
  717. border:1px solid {color:description border};
  718. margin-left:91px;
  719.  
  720. padding:5px;
  721.  
  722. }
  723.  
  724. {CustomCSS}
  725.  
  726. </style>
  727. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"></script>
  728.  
  729. <script src="http://static.tumblr.com/6hsqxdt/vmwm2rb4g/infinitescrolling.js"></script><script
  730.  
  731. src="http://static.tumblr.com/6hsqxdt/QBym35odk/jquery.masonry.js"></script>
  732.  
  733. <script>
  734. $(function(){
  735. var $container = $('#post');
  736. $container.imagesLoaded(function(){
  737. $container.masonry({
  738. itemSelector: '.entry',
  739. });
  740. });
  741. $container.infinitescroll({
  742. itemSelector : ".entry",
  743. navSelector : "div.pagination",
  744. nextSelector : ".pagination a#next",
  745. loadingImg : "",
  746. loadingText : "<em></em>",
  747. bufferPx : 10000,
  748. extraScrollPx: 12000,
  749. },
  750. // trigger Masonry as a callback
  751. function( newElements ) {
  752. var $newElems = $( newElements ).css({ opacity: 0 });
  753. // ensure that images load before adding to masonry layout
  754. $newElems.imagesLoaded(function(){
  755. $newElems.animate({ opacity: 1 });
  756. $container.masonry( 'appended', $newElems, true );
  757. });
  758. }
  759. );
  760. });
  761. </script>
  762.  
  763.  
  764. </head>
  765. <body>
  766.  
  767.  
  768. <a href="#" class="scrollup"><li style="font-size:13px;" class="fa fa-long-arrow-up"></li></a>
  769.  
  770. {block:IFHeader}
  771.  
  772. <div id="hi">
  773.  
  774. <div id="cabi">
  775.  
  776. <img id="hd" src="{image:favicon}">
  777.  
  778. <div class="ttb"><a style="color:{color:title};" href="/">{Title}</a></div>
  779.  
  780. <div class="description">{description}</div>
  781.  
  782. </div>
  783.  
  784. </div>
  785.  
  786. {/block:IFHeader}
  787.  
  788. <div id="top3">
  789.  
  790. <div id="navigation">
  791. <a href="{text:link1url}" >{text:link1}</a>
  792. <a href="{text:link2url}" >{text:link2}</a>
  793. <a href="{text:link3url}" >{text:link3}</a>
  794. <a href="{text:link4url}" >{text:link4}</a>
  795. </div>
  796.  
  797. {block:IFNotHeader}
  798. <div class="pt">
  799. <a style="color:{color:title};" href="/">{Title}</a>
  800. </div>
  801. {/block:IFNotHeader}
  802.  
  803. <div class="sl">
  804. <div id="navigation">
  805.  
  806. <a style="font-size:12px;" href="{text:facebook url}" title="facebook"><li class="fa fa-facebook"></li></a>
  807. <a style="font-size:12px;" href="{text:instagram url}" title="instagram"><li class="fa fa-instagram"></li></a>
  808. <a style="font-size:12px;" href="{text:twitter url}" title="twitter"><li class="fa fa-twitter"></li></a>
  809. <a style="font-size:12px;" href="{text:soundcloud url}" title="soundcloud"><li class="fa fa-soundcloud"></li></a>
  810.  
  811. </div></div>
  812.  
  813. </div>
  814.  
  815. <div class="left"></div>
  816.  
  817. <div id="post">
  818. {block:Posts}
  819. <div class="entry">
  820.  
  821. <div class="perm">
  822.  
  823. {block:Date}
  824. </br>
  825. {DayOfMonthWithZero} {ShortMonth} &nbsp; — &nbsp; {12Hour}{AmPm}
  826. </br></br>
  827. {/block:Date}
  828.  
  829. <a href="{ReblogUrl}"><li class="fa fa-refresh"></li>&nbsp; Reblog</a>
  830. </br></br>
  831. <a href="{Permalink}"><li class="fa fa-file-image-o"></li>&nbsp; {NoteCount} N</a>
  832.  
  833. </div>
  834.  
  835.  
  836. {block:Title}<h1>{Title}</h1>{/block:Title}
  837.  
  838. {block:Text}
  839. <div style="padding:15px;">{Body}</div>
  840. {/block:Text}
  841.  
  842. {block:Photo}
  843. <img src="{PhotoURL-500}" width="200"/>
  844. {/block:Photo}
  845.  
  846. {block:Photoset}
  847. {block:IndexPage}
  848. {Photoset}
  849. {/block:IndexPage}
  850.  
  851. {block:PermalinkPage} {Photoset-500} {/block:PermalinkPage}
  852. {/block:Photoset}
  853.  
  854.  
  855. {block:Quote}
  856.  
  857. <div style="text-align:center; padding:20px; padding-bottom:0px; font-weight:normal; font-size:15px; font-style:italic;">{Quote}</br></div>
  858.  
  859. <div style="text-align:right; margin-right:10px; float:right; font-size:9px; text-transform:uppercase; padding-bottom:5px;">
  860. </br>{block:Source}- {Source}{/block:Source} </br>
  861. </div>
  862. {/block:Quote}
  863.  
  864.  
  865. {block:Video}
  866. {Video-200}
  867. <br>
  868. {PlayCountWithLabel}
  869. {/block:Video}
  870.  
  871.  
  872. {block:Link}
  873. <h1><a href="{URL}" class="link" {Target}>{Name}</a></h1>
  874. <div style="padding:15px;">{block:Description}{Description}{/block:Description}</div>
  875. {/block:Link}
  876.  
  877. {block:Chat}
  878. <div style="padding:15px;">
  879. {block:Lines}
  880. {block:Label}
  881. <br><b>{Label}</b>
  882. {/block:Label}
  883. &nbsp;{Line}
  884. {/block:Lines}
  885. </div>
  886. {/block:Chat}
  887.  
  888. {block:Audio}
  889. <div style="padding:15px;"><div class="audioicon"><div class="player"><div class="audioplay">{AudioPlayer}</div></div><div class="audiodesc"><b>{block:TrackName}{TrackName}{/block:TrackName}</b> {block:Artist}, {Artist}{/block:Artist}</div></div></div>{/block:Audio}
  890.  
  891.  
  892. {block:Answer}
  893. <div style="padding:15px;">
  894. <div id="question">
  895. <div id="asked_question"><span id="asker">{Asker}</span>:<br>{Question}</div>
  896. </div>
  897. <div class="asktri"></div>
  898. <div id="answer">
  899. {Answer}
  900. </div>
  901. </div>
  902. {/block:Answer}
  903.  
  904. {block:PermalinkPage}
  905. <div style="padding:10px;">
  906. <center> {block:Caption} {Caption} {/block:Caption}</br></br></center>
  907. {block:Date}
  908. <b>NOTES:</b> {NoteCount} </br>
  909. <b>DATE:</b> {DayOfMonthWithZero} {Month}
  910. {/block:Date}
  911. </div>
  912. {block:PostNotes}<div id="notas">{PostNotes}</div>{/block:PostNotes}</div>
  913. {/block:PermalinkPage}
  914.  
  915. </div>
  916.  
  917. {/block:Posts}
  918.  
  919. </div>
  920.  
  921. {block:IfNotInfiniteScroll}
  922. <div id="top2">
  923.  
  924. {block:Pagination}
  925. {block:PreviousPage}
  926. <a href="{PreviousPage}">Back</a>
  927. {/block:PreviousPage}
  928.  
  929. {block:JumpPagination length="5"}
  930.  
  931. {block:CurrentPage}
  932. <a href="#"><span class="current_page"><li style="font-size:10px;" class="fa fa-music"></li></a></span></a>
  933. {/block:CurrentPage}
  934.  
  935. {block:JumpPage}
  936. <a class="jump_page" href="{URL}">{PageNumber}</a>
  937. {/block:JumpPage}
  938. {/block:JumpPagination}
  939.  
  940. {block:NextPage}
  941. <a href="{NextPage}">Next</a>
  942. {/block:NextPage}
  943.  
  944. {/block:Pagination}
  945.  
  946. </div>
  947. {/block:IfNotInfiniteScroll}
  948.  
  949. <div id="top1"><a href="http://amplamente.tumblr.com/" title="tema feito por amplamente"><div style="font-size:7px;"> Thm </div><div style="font-weight:bold;">Am</a></div></div>
  950.  
  951. {block:IfInfiniteScroll}
  952. <div class="pagination">
  953. {block:Pagination}{block:PreviousPage}<a href="{PreviousPage}">previous</a> &middot;{/block:PreviousPage} {block:NextPage}
  954. <a href="{NextPage}" id="next">next</a>{/block:NextPage}{/block:Pagination}
  955. </div>
  956. {/block:IfInfiniteScroll}
  957.  
  958. </body>
  959.  
  960. </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!