Advertisement
Carolaine_Vieira

Repoused

May 12th, 2016
771
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 23.09 KB | None | 0 0
  1. <!DOCTYPE html>
  2. <html>
  3. <!--
  4.  
  5. Theme created by user @amplamente
  6. Carolaine Vieira
  7. Send ask if problems
  8.  
  9. -->
  10. <head>
  11. <meta charset="utf-8">
  12. <title>{Title}</title>
  13. <link rel="shortcut icon" href="{Favicon}">
  14. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  15. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  16.  
  17. <meta name="color:Background" content="#f6f6f6"/>
  18. <meta name="color:Text" content="#adadad"/>
  19. <meta name="color:Link" content="#bad8eb"/>
  20. <meta name="color:Link hover" content="#dcecf5"/>
  21. <meta name="color:Post bg" content="#fff"/>
  22. <meta name="color:Post borders" content="#eee"/>
  23. <meta name="color:Perma link" content="#cccccc"/>
  24. <meta name="color:Sidebar text" content="#888888"/>
  25. <meta name="color:Sidebar link" content="#fff"/>
  26. <meta name="color:Sidebar link hover" content="#704245"/>
  27. <meta name="color:Sidebar bg" content="#aa6f73"/>
  28. <meta name="color:Sidebar border" content="#704245"/>
  29. <meta name="color:Accent1" content="#aa6f73"/>
  30. <meta name="color:Accent2" content="#704245"/>
  31.  
  32. <meta name="select:Columns" content="450px" title="1" />
  33. <meta name="select:Columns" content="945px" title="2" />
  34.  
  35. <meta name="if:Infinite Scroll" content=""/>
  36. <meta name="if:Right Side" content=""/>
  37. <meta name="if:Sidebar Long Image" content=""/>
  38.  
  39. <meta name="image:Background" content=""/>
  40. <meta name="image:Sidebar" content="http://i.imgur.com/0sLYSXs.png"/>
  41. <meta name="image:Banner" content="http://i.imgur.com/NtSQlth.jpg"/>
  42.  
  43. <meta name="text:Body Font" content="Glegoo" />
  44. <meta name="text:Title Font" content="Playfair Display" />
  45. <meta name="text:Link1Title" content="link"/>
  46. <meta name="text:Link1Url" content="/"/>
  47. <meta name="text:Link2Title" content="link"/>
  48. <meta name="text:Link2Url" content="/"/>
  49. <meta name="text:Link3Title" content="link"/>
  50. <meta name="text:Link3Url" content="/"/>
  51. <meta name="text:Link4Title" content="link"/>
  52. <meta name="text:Link4Url" content="/"/>
  53. <meta name="text:Link5Title" content="link"/>
  54. <meta name="text:Link5Url" content="/"/>
  55.  
  56. <link href='https://fonts.googleapis.com/css?family={text:Body Font}:400,400i,500,500i,600,600i|{text:Title Font}:400,400i,500,500i,600,600i|Montserrat:400,400i,500,500i,600,600i|Playfair+Display:400,400i,500,500i,600,600i' rel='stylesheet' type='text/css'>
  57.  
  58. <link href="//maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css" rel="stylesheet">
  59. <link rel="stylesheet" type="text/css" href="https://dl.dropboxusercontent.com/s/33sakshawgsp033/UNIICONS-ADJ.css?dl=0">
  60.  
  61. <script>
  62. window.onload = function () {
  63. document.body.insertAdjacentHTML( 'beforeEnd', '<iframe id="my-like-frame" style="display:none;"></iframe>' );
  64. document.addEventListener( 'click', function ( event ) {
  65. var myLike = event.target;
  66. if( myLike.className.indexOf( 'my-like' ) > -1 ) {
  67. var frame = document.getElementById( 'my-like-frame' ),
  68. liked = ( myLike.className == 'my-liked' ),
  69. command = liked ? 'unlike' : 'like',
  70. reblog = myLike.getAttribute( 'data-reblog' ),
  71. id = myLike.getAttribute( 'data-id' ),
  72. oauth = reblog.slice( -8 );
  73. frame.src = 'http://www.tumblr.com/' + command + '/' + oauth + '?id=' + id;
  74. liked ? myLike.className = 'my-like' : myLike.className = 'my-liked';
  75. }; }, false );};
  76. </script>
  77.  
  78. <script type="text/javascript"
  79. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  80. <script type="text/javascript" src="http://static.tumblr.com/7qjmkr5/IUmmdsy41/jquery.style-my-tooltips.js"></script>
  81. <script> (function($){ $(document).ready(function(){ $("[title]").style_my_tooltips(); }); })(jQuery); </script>
  82.  
  83. <style type="text/css">
  84.  
  85. html, body {
  86. width:100%;
  87. }
  88. body {
  89. margin:0;
  90. background: {color:background} url("{image:background}") fixed;
  91. color:{color:text};
  92. font-size:11px;
  93. font-family:{text:Body Font};
  94. }
  95.  
  96. a {
  97. text-decoration:none;
  98. color:{color:link};
  99. -webkit-transition: all 0.5s ease-out;
  100. transition: all 0.5s ease-out;
  101. }
  102. a:hover {
  103. color:{color:link hover};
  104. -webkit-transition: all 0.5s ease-out;
  105. transition: all 0.5s ease-out;
  106. }
  107.  
  108. #post {
  109. width:{select:columns};
  110. padding:5px;
  111. margin-left:590px;
  112. {block:IfNotSidebarLongImage}
  113. margin:15px auto 0 auto;
  114. {/block:IfNotSidebarLongImage}
  115. }
  116.  
  117. .entry {
  118. float:left;
  119. {block:IndexPage}
  120. width:400px;
  121. {/block:IndexPage}
  122. {block:PermalinkPage}
  123. width:500px;
  124. {/block:PermalinkPage}
  125. padding:15px;
  126. margin:20px;
  127. background:{color:post bg};
  128. border-radius:3px;
  129. box-shadow:2px 2px 3px {color:post borders};
  130. }
  131. .entry img {
  132. {block:IndexPage}
  133. max-width:400px;
  134. {/block:IndexPage}
  135. {block:PermalinkPage}
  136. width:500px;
  137. {/block:PermalinkPage}
  138. height:auto;
  139. }
  140.  
  141.  
  142. #s-m-t-tooltip {
  143.  
  144. max-width:300px;
  145. padding:6px;
  146. padding-left:8px;
  147. padding-right:8px;
  148. margin:15px 20px;
  149. font-size:9px;
  150. letter-spacing:1px;
  151. text-transform:uppercase;
  152. color:{color:post bg};
  153. background:{color:accent1};
  154. z-index:9999999;
  155.  
  156. }
  157.  
  158. .my-like {
  159. font-size:12px;
  160. cursor:pointer;
  161. display:inline-block;
  162. vertical-align:top;
  163. background:transparent;
  164. color:{color:perma link};
  165. }
  166. .my-liked, .my-like:hover {
  167. color:{color:link};
  168. background:transparent;
  169. color: red;
  170. cursor:pointer;
  171. display:inline-block;
  172. vertical-align:top;
  173. }
  174.  
  175. hr {
  176. border:1px solid #eee;
  177. width:180px;
  178. margin-top:20px;
  179. margin-bottom:20px;
  180. }
  181.  
  182. #page4 {
  183. letter-spacing:1px;;
  184. font-size:10px;
  185. text-transform:uppercase;
  186. z-index:4;
  187. text-align:center;
  188. clear:both;
  189. margin:20px auto 50px auto;
  190. }
  191.  
  192. #page4 a{
  193. margin-left:4px;
  194. background:{color:post bg};
  195. border:1px solid {color:post borders};
  196. border-radius:3px;
  197. padding:10px;
  198. color:{color:text};
  199. text-decoration:none;
  200. -webkit-transition:all 0.8s ease-out;
  201. -moz-transition:all 0.8s ease-out;
  202. transition:all 0.8s ease-out;
  203. }
  204. #page4 a:hover{
  205. color:{color:accent2};
  206. background:{color:accent1};
  207. border:1px solid {color:accent2};
  208. -webkit-transition:all 0.8s ease-out;
  209. -moz-transition:all 0.8s ease-out;
  210. transition:all 0.8s ease-out;
  211. }
  212.  
  213. #top1 { position:fixed; width:auto; height:auto; letter-spacing: 1px; right:0px; bottom:0px; padding:11px; font-size:10px; line-height:12px; text-align:center; z-index:99; background:{color:Sidebar link}; text-transform:uppercase;-webkit-transition:all 0.3s ease-out;-moz-transition:all 0.3s ease-out;transition:all 0.3s ease-out;text-shadow:none;}#top1 a{color:{color:accent1}; text-shadow:none;}#top1 a:hover {text-shadow:none;}
  214.  
  215. #notas {
  216. margin-top:0px;
  217. width:90%;
  218. height:200px;
  219. overflow-y:auto;
  220. padding:20px;
  221. text-transform:lowercase;
  222. margin-left:auto;
  223. margin-right:auto;
  224. float:center;
  225. }
  226.  
  227. .notes img {
  228. width: 15px;
  229. border-radius:2px;
  230. float:right;
  231. list-style:none;
  232. -webkit-transition: all 0.5s linear;
  233. -moz-transition: all 0.5s linear;
  234. transition: all 0.5s linear;}
  235. ol.notes, .notes li {
  236. border-bottom:1px solid {color:post borders};
  237. list-style:none;
  238. width: 100%;
  239. padding:10px;
  240. font-size:12px;
  241. margin-top: 5px;
  242. margin-left:0px;
  243. padding-left: 0px}
  244. .notes li:hover img {
  245. list-style:none;
  246. -webkit-transition: all 0.5s linear;
  247. -moz-transition: all 0.5s linear;
  248. transition: all 0.5s linear;}
  249.  
  250. #tumblr_controls, .tmblr-iframe{
  251. -webkit-filter:invert(100%); -moz-filter:invert(100%); -o-filter:invert(100%); -ms-filter:invert(100%); filter:invert(100%); opacity:.5 !important; right:20px !important; -moz-transform: scale(0.8);
  252. -webkit-transform: scale(0.8);
  253. -o-transform: scale(0.8);
  254. -ms-transform: scale(0.8);
  255. transform: scale(0.8);}
  256.  
  257. ol, ul {padding:0px;list-style-type:none;}
  258. ul li {position:relative;padding-left:20px;}
  259. ul li:before {
  260. content:'';
  261. position:absolute;
  262. display:block;
  263. top:8px;
  264. left:0px;
  265. width:10px;
  266. height:1px;
  267. background:{color:accent1};
  268. }
  269.  
  270. ::-webkit-scrollbar { width:8px; height:15px; }
  271.  
  272. ::-webkit-scrollbar-track-piece {
  273. background-color:{color:accent1};
  274. border:3px solid {color:accent1};
  275. }
  276. ::-webkit-scrollbar-thumb {
  277. background-color:{color:sidebar link};
  278. border:3px solid {color:accent1};
  279. }
  280.  
  281. .quote {
  282. font-weight:normal;
  283. font-size:17px;
  284. font-style:italic;
  285. text-align:center;
  286. padding:20px 30px;
  287. line-height:1.5em;
  288. }
  289. .qsub {
  290. font-style:normal;
  291. font-weight:bold;
  292. font-size:12px;
  293. line-height:1.1em;
  294. text-transform:uppercase;
  295. margin-top:10px;
  296. }
  297.  
  298. .ch {
  299. padding:0px;
  300. padding-bottom:0px;
  301. background:transparent;
  302. }
  303. .ch .ch1 {
  304. padding:10px;
  305. margin-bottom:5px;
  306. }
  307. .ch1:nth-child(2n+1){
  308. background:{color:background};
  309. border:1px solid {color:post borders};
  310. }
  311. .ch1:nth-child(2n+2){
  312. background:{color:background};
  313. border:1px solid {color:post borders};
  314. padding-left:10px;
  315. }
  316. .ch .ch1 b:nth-child(2n+1){
  317. color:{color:link};
  318. text-transform:uppercase;
  319. font-size:11px;}
  320. .ch .ch1 b:nth-child(2n+2){
  321. color:{color:link};
  322. text-transform:uppercase;
  323. font-size:11px;}
  324.  
  325. h1 {
  326. text-align:center;
  327. font-size:25px;
  328. padding-top:0px;
  329. margin-top:0px;
  330. color:{color:accent2};
  331. font-family:{text:Title Font};
  332. }
  333.  
  334. blockquote {
  335. width:95%;
  336. margin-left:0px;
  337. padding:10px;
  338. border-left:2px solid {color:accent2};
  339. background:{color:post borders};
  340. }
  341. blockquote img{max-width:270px !important; width:270px !important; height:auto;}
  342.  
  343. .caption {margin-left:0px;}
  344.  
  345. .albumfoto{
  346. float:left;
  347. width:400px;
  348. margin-top:0px;
  349. margin-left:0px;
  350. }
  351. .albumfoto img{
  352. width:400px;
  353. }
  354. .audiodesc {
  355. text-transform:uppercase;
  356. margin-left:0px;
  357. padding:10px;
  358. padding-top:35px;
  359. padding-left:25px;
  360. background:{color:accent1};
  361. color:{color:post bg};
  362. margin-top:400px;
  363. min-height:105px;
  364. margin-bottom:10px;
  365. font-size:13px;
  366. }
  367. .audioplay {
  368. opacity:0.0;
  369. position:absolute;
  370. overflow:hidden;
  371. padding:5px;
  372. height:28px;
  373. background:#fff;
  374. margin-left:93px;
  375. margin-top:-228px;
  376. -webkit-transition:all 0.3s ease-out;
  377. }
  378. .entry:hover .audioplay {opacity:1; -webkit-transition:all 0.3s ease-out;}
  379.  
  380.  
  381. .pessoap {
  382. text-transform:uppercase;
  383. font-size:13px;
  384. font-weight:bold;}
  385. .pessoap a{
  386. color:{color:post bg};
  387. text-transform:uppercase;
  388. font-size:13px;
  389. font-weight:bold;
  390. }
  391. .pessoapfototri {
  392. float:left;
  393. margin-top:30px;
  394. margin-left:-2px;
  395. width: 0;
  396. height: 0;
  397. border-style: solid;
  398. border-width: 7.5px 0 7.5px 15px;
  399. border-color: transparent transparent transparent {color:accent2};
  400. }
  401. .pessoapfoto img{
  402. width:60px;
  403. border-radius:100%;
  404. margin-top:0px;
  405. margin-left:0px;
  406. padding:4px;
  407. background:{color:accent2};
  408. float:left;
  409. }
  410. .pergunta {
  411. background:{color:accent1};
  412. color:{color:accent2};
  413. padding:15px;
  414. min-height:50px;
  415. margin-left:90px;
  416. border-left:2px solid {color:accent2};
  417. border-radius:4px;
  418. }
  419. .sresposta {
  420. padding:15px;
  421. background:{color:accent2};
  422. color:{color:accent1};
  423. border-left:2px solid {color:accent1};
  424. margin-top:10px;
  425. border-radius:4px;
  426. }
  427. .sresposta blockquote {padding:0px; background:transparent;}
  428.  
  429. h4 {
  430. font-size:11px;
  431. text-align:left;
  432. font-weight:normal;
  433. padding-bottom:5px;
  434. margin-bottom:6px;
  435. font-weight:bold;
  436.  
  437. }
  438. .seureblog {
  439. padding:15px;
  440. border-top:1px solid {color:post borders};
  441. text-align:left;
  442. text-transform:uppercase;
  443. font-size:10px;
  444. margin-left:-15px;
  445. margin-bottom:-16px;
  446. width:calc(100% + 0px) !important;
  447. margin-top:15px;
  448. {block:PermalinkPage}
  449. display:none;
  450. {/block:PermalinkPage}
  451. }
  452. .seureblog a {
  453. margin-right:8px;
  454. color:{color:perma link};
  455. }
  456.  
  457. .pagination {display:none;}
  458.  
  459. .link {
  460. padding:15px;
  461. margin-left:0px;
  462. background:{color:accent1};
  463. color:{color:post bg};
  464. text-align:left;
  465.  
  466. }
  467. .linktitle a{
  468.  
  469. font-size:23px;
  470. font-weight:bold;
  471. text-transform:uppercase;
  472. text-align:left;
  473. color:#fff;
  474.  
  475. }
  476.  
  477. #sidebar {
  478. width:120px;
  479. height:100%;
  480. padding:30px;
  481. background:{color:sidebar bg};
  482. position:fixed;
  483. left:0px;
  484. top:0px;
  485. margin-top:0px;
  486. margin-left:0px;
  487. }
  488. #sidebar a {color:{color:sidebar link}; text-transform:lowercase;}
  489. #sidebar a:hover {color:{color:sidebar link hover};}
  490.  
  491. #sidebarfoto {
  492. width:65px;
  493. height:65px;
  494. margin-top:17px;
  495. margin-left:0px;
  496. padding:0px;
  497. background:transparent;
  498. border:1px solid transparent;
  499. border-radius:100%;
  500. border-bottom-right-radius:0px;
  501. }
  502.  
  503. .sidebardesc {
  504. text-align:justify;
  505. margin:0 auto 0 auto;
  506. padding:10px 0;
  507. font-size:11.5px;
  508. color:{color:accent2};
  509. }
  510.  
  511. .sidebartitle {
  512. text-align:left;
  513. font-weight:bold;
  514. font-size:15px;
  515. margin-bottom:10px;
  516. margin-left:0px;
  517. text-transform:lowercase;
  518. }
  519. .sidebarcx {
  520. margin-top:0px;
  521. margin-left:auto;
  522. margin-right:auto;
  523. padding:0px;
  524. background:transparent;
  525. text-align:center;
  526. }
  527.  
  528. #navigation{
  529. text-align:left;
  530. width:100%;
  531. margin:5px auto;
  532. }
  533. #navigation a {
  534. position:relative;
  535. cursor:pointer;
  536. padding:5px 0;
  537. display:inline-block;
  538. color:{color:sidebar link};
  539. width:calc(100% - 0px);
  540. background:transparent;
  541. letter-spacing:1px;
  542. border-bottom:1px solid {color:sidebar border};
  543. -webkit-transition:all 0.3s ease-out;
  544. -moz-transition:all 0.3s ease-out;
  545. transition:all 0.3s ease-out;
  546. }
  547. #navigation a:hover{
  548. letter-spacing:3px;
  549. color:{color:sidebar link hover};
  550. border-bottom:1px solid;
  551. -webkit-transition:all 0.3s ease-out;
  552. -moz-transition:all 0.3s ease-out;
  553. transition:all 0.3s ease-out;
  554. }
  555.  
  556. .tags { margin-top:10px; font-size:10.5px; {block:PermalinkPage}display:none;{/block:PermalinkPage}}
  557. .tags a{ color:{color:perma link}; text-transform:lowercase; margin-left:5px;}
  558.  
  559. .bn {
  560.  
  561. position:fixed;
  562. left:160px;
  563. top:0px;
  564. padding:0px;
  565. width:350px;
  566. height:calc(100% - 60px) !important;
  567. background: {color:sidebar bg} url("{image:banner}") fixed center ;
  568. border:30px solid {color:sidebar bg};
  569.  
  570. }
  571.  
  572. #lado {
  573. width:40px;
  574. height:100%;
  575. background:{color:sidebar bg};
  576. position:fixed;
  577. right:0px;
  578. top:0px;
  579. z-index:99;
  580. }
  581. #ldlinks {
  582. line-height:3.8em;
  583. position:relative;
  584. top:50% !important;
  585. margin-top:-100px;
  586. width:50px;
  587. height:100px;
  588. display:inline-block;
  589. }
  590. #ldlinks a{
  591. padding:14px;
  592. padding-top:10px;
  593. padding-bottom:10px;
  594. font-size:13px;
  595. background:{color:accent2};
  596. color:{color:accent1};
  597.  
  598. }
  599. #ldlinks a:hover{
  600.  
  601. background:{color:post bg};
  602. color:{color:accent2};
  603.  
  604. }
  605.  
  606. .sform input { outline:none; color:{color:sidebar link}; text-align:left; border:none; background:transparent; margin-top:0px; margin-left:2px; padding:8px 0; width:128px; font-size:12px;}
  607. ::-webkit-input-placeholder { color:{color:sidebar link}; }
  608. :-moz-placeholder { color:{color:sidebar link} ; }
  609. ::-moz-placeholder { color:{color:sidebar link}; }
  610. :-ms-input-placeholder { color:{color:sidebar link}; }
  611. .sbox { -webkit-transition:all 0.3s ease-out; -moz-transition:all 0.3s ease-out; transition:all 0.3s ease-out; }
  612. .sbox:hover { box-shadow:inset 130px 0px {color:accent1}; color:{color:accent2}; -webkit-transition:all 0.3s ease-out; -moz-transition:all 0.3s ease-out; transition:all 0.3s ease-out; }
  613.  
  614.  
  615. {CustomCSS}
  616.  
  617. </style>
  618.  
  619. <div class="src">{block:ContentSource}<a href="{SourceURL}">{lang:Source}:{block:SourceLogo} <img src="{BlackLogoURL}" width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />{/block:SourceLogo}{block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo}</a>{/block:ContentSource}{block:RebloggedFrom}<a href="{ReblogParentURL}">Via</a>{/block:RebloggedFrom}</div>
  620.  
  621. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"></script>
  622. <script src="http://static.tumblr.com/6hsqxdt/vmwm2rb4g/infinitescrolling.js"></script><script src="http://static.tumblr.com/6hsqxdt/QBym35odk/jquery.masonry.js"></script>
  623.  
  624. <script>
  625. $(function(){
  626. var $container = $('#post');
  627. $container.imagesLoaded(function(){
  628. $container.masonry({
  629. itemSelector: '.entry',});});
  630. $container.infinitescroll({
  631. itemSelector : ".entry",
  632. navSelector : "div.pagination",
  633. nextSelector : ".pagination a#next",
  634. loadingImg : "http://static.tumblr.com/nnc3xz0/eYDo4b927/loading5.gif",
  635. loadingText : "<em></em>",
  636. bufferPx : 10000,
  637. extraScrollPx: 12000,},
  638. function( newElements ) {
  639. var $newElems = $( newElements ).css({ opacity: 0 });
  640. $newElems.imagesLoaded(function(){
  641. $newElems.animate({ opacity: 1 });
  642. $container.masonry( 'appended', $newElems, true );
  643. });});});
  644. </script>
  645.  
  646. </head>
  647.  
  648. <body>
  649.  
  650. {block:IfRightSide}
  651. <div id="lado">
  652. <div id="ldlinks">
  653. <a href="/ask"><i class="fa fa-envelope-o" title="message" aria-hidden="true"></i></a>
  654. <a href="/submit"><i class="fa fa-pencil-square-o" title="submit" aria-hidden="true"></i></a>
  655. <a href="/archive"><i class="fa fa-archive" aria-hidden="true" title="archive"></i></a>
  656. <a href="/random"><i class="fa fa-random" aria-hidden="true" title="random"></i></a>
  657. </div>
  658.  
  659. <div id="top1" style="top:-5px; height:18px;"><a href="#" class="scrollup"><li style="font-size:26px;" class="fa fa-angle-up"></li></a></div>
  660. </div>
  661. {/block:IfRightSide}
  662.  
  663. <div id="sidebar">
  664. <img id="sidebarfoto" src="{image:sidebar}" />
  665.  
  666. <div class="sidebardesc">
  667. <div class="sidebartitle">
  668. <a href="/">{Title}</a>
  669. </div>
  670. {Description}
  671. </div>
  672.  
  673. <div id="navigation">
  674. <a href="{text:Link1Url}">{text:Link1Title}</a>
  675. <a href="{text:Link2Url}">{text:Link2Title}</a>
  676. <a href="{text:Link3Url}">{text:Link3Title}</a>
  677. <a href="{text:Link4Url}">{text:Link4Title}</a>
  678. <a href="{text:Link5Url}">{text:Link5Title}</a>
  679. </div>
  680.  
  681. <div class="sidebarcx">
  682. <form action="/search" method="get" class="sform" name="form">
  683. <input type="text" name="q" value="{SearchQuery}" class="sbox" placeholder="search here"/></form>
  684. </div>
  685.  
  686. {block:IfSidebarLongImage}
  687. <div class="bn"></div>
  688. {/block:IfSidebarLongImage}
  689. </div>
  690.  
  691. <div id="post">
  692.  
  693. {block:Posts}
  694.  
  695. <div class="entry">
  696.  
  697. {block:Title} <h1>{TItle}</h1> {/block:Title}
  698.  
  699. {block:Text}
  700. {Body} {block:Caption} {Caption} {block:Caption}
  701. {/block:Text}
  702.  
  703. {block:Photo}
  704.  
  705. {block:IndexPage}
  706. <a href="{permalink}" ><img src="{PhotoURL-500}" width="400" /></a>
  707. {/block:IndexPage}
  708.  
  709. {block:PermalinkPage}
  710. <a href="{permalink}" ><img src="{PhotoURL-500}" width="500"/></a>
  711. {/block:PermalinkPage}
  712.  
  713. {block:Caption}<div class="caption">{Caption}</div>{block:Caption}
  714. {/block:Photo}
  715.  
  716. {block:Photoset}
  717. {block:IndexPage}{Photoset-400}{/block:IndexPage}
  718. {block:PermalinkPage}{Photoset-500}{/block:PermalinkPage}
  719. {block:Caption}<div class="caption">{Caption}</div>{block:Caption}
  720. {/block:Photoset}
  721.  
  722. {block:Quote}
  723. <div class="quote">
  724. {Quote}
  725. <div class="qsub">— {block:Source} {Source} {/block:Source} {block:Caption} {Caption} {block:Caption}</div>
  726. </div>
  727. {/block:Quote}
  728.  
  729. {block:Link}
  730. <div class="link">
  731. <div class="linktitle"><a href="{URL}" {Target}>{Name} <i class="fa fa-angle-double-right" aria-hidden="true"></i>
  732. </a></div>
  733. <div class="linkdesc">{block:Description} {Description} {/block:Description}</div></div>
  734. {/block:Link}
  735.  
  736. {block:Chat}
  737. <div class="ch">{block:Lines}<div class="ch1">{block:Label}<b>{Label}</b>
  738. {/block:Label}{Line}</div>{/block:Lines}</div>
  739. {block:Caption}<div class="caption">{Caption}</div>{block:Caption}
  740. {/block:Chat}
  741.  
  742. {block:Audio}
  743. <div class="albumfoto">
  744. {block:AlbumArt}<img src="{AlbumArtURL}" />{/block:AlbumArt}
  745. <div class="audioplay">{block:AudioPlayer}{AudioPlayerWhite}{/block:AudioPlayer} </div></div>
  746.  
  747. <div class="audiodesc">
  748. {block:Artist}<i class="fa fa-user" aria-hidden="true"></i>&nbsp;&nbsp;{Artist}{/block:Artist}</br>
  749. {block:Album}<i class="fa fa-folder-open" aria-hidden="true"></i>&nbsp;&nbsp;{Album}{/block:Album}</br>
  750. {block:TrackName}<i class="fa fa-music" aria-hidden="true"></i>&nbsp;&nbsp;{TrackName}{/block:TrackName}</br>
  751. {block:PlayCount}<i class="fa fa-bar-chart" aria-hidden="true"></i>&nbsp;&nbsp;{PlayCountWithLabel}{/block:PlayCount}
  752. </div>
  753.  
  754. {block:Caption}<div class="caption">{Caption}</div>{block:Caption}
  755. {/block:Audio}
  756.  
  757. {block:Video}
  758. {block:IndexPage}{Video-400}{/block:IndexPage}
  759. {block:PermalinkPage}{Video-500}{/block:PermalinkPage}
  760. {PlayCountWithLabel}
  761. {block:Caption}<div class="caption">{Caption}</div>{block:Caption}
  762. {/block:Video}
  763.  
  764. {block:Answer}
  765. <div class="pessoapfoto"><img src="{AskerPortraitURL-64}"><div class="pessoapfototri"></div></div>
  766. <div class="pergunta">
  767. <div class="pessoap">{Asker} asked:</div>
  768. {Question}
  769. </div>
  770. <div class="sresposta">{Answer}</div>
  771. {/block:Answer}
  772.  
  773. <div class="seureblog">
  774.  
  775. {block:Date}<a href="{Permalink}">{TimeAgo}</a>{/block:Date}
  776. <img width="10" style="opacity:0.3;" src="http://static.tumblr.com/q4pljeg/4zpo4lqjb/icon_close.png" />
  777. <a style="margin-left:4px;" href="{Permalink}">{NoteCountWithLabel}</a>
  778.  
  779. <div style="float:right; font-weight:bold;">
  780. <a href="{ReblogUrl}"><i class="uniicons-reload22"></i></a>
  781. <div class="my-like" data-reblog="{ReblogURL}" data-id="{PostID}" ><i class="uniicons-loving40"></i></div>
  782. </div>
  783.  
  784. </div>
  785.  
  786. <div class="tags">
  787. {block:HasTags}{block:Tags}<a href="{TagURL}">.{Tag}</a>{/block:Tags}{/block:HasTags}</div>
  788.  
  789. {block:PermalinkPage}
  790.  
  791. <div style="padding:15px;">
  792.  
  793. {block:Date}<b><li class="fa fa-clock-o"></li>&nbsp;&nbsp;Posted:</b> {DayOfMonthWithZero} {Month}, {TimeAgo} {/block:Date}</br>
  794.  
  795. {block:RebloggedFrom}
  796. <b><li class="fa fa-retweet"></li>&nbsp;&nbsp;Via:</b> <a href="{ReblogParentURL}">{ReblogParentName}</a></br>
  797.  
  798. <b><li class="fa fa-globe"></li>&nbsp;&nbsp;Source:</b> <a href="{ReblogRootURL}">{ReblogRootName}</a></br>
  799. {/block:RebloggedFrom}
  800.  
  801. {block:NoteCount}<b><li class="fa fa-heart"></li>&nbsp;&nbsp;Notes:</b> {NoteCount}{/block:NoteCount}
  802. </br>
  803. {block:HasTags}
  804. <b><li class="fa fa-tags"></li>&nbsp;&nbsp;Tags:</b>
  805. {block:Tags}
  806. <a href="{TagURL}">#{Tag}</a>
  807. {/block:Tags}{/block:HasTags}
  808.  
  809. </div>
  810.  
  811. {block:PostNotes}<div id="notas">{PostNotes}</div>{/block:PostNotes}</div>
  812. {/block:PermalinkPage}
  813.  
  814. </div>
  815.  
  816. {/block:Posts}
  817. </div>
  818.  
  819. {block:IfNotInfiniteScroll}
  820. <div id="page4">
  821.  
  822. {block:Pagination}
  823. {block:PreviousPage}
  824. <a href="{PreviousPage}">Back</a>
  825. {/block:PreviousPage}
  826. {block:JumpPagination length="5"}
  827. {block:CurrentPage}
  828. <a href="#" style="background:{color:accent1}; border:1px solid {color:accent2}; color:{color:accent2};"><span class="current_page">{CurrentPage}</a></span></a>
  829. {/block:CurrentPage}
  830. {block:JumpPage}
  831. <a class="jump_page" href="{URL}">{PageNumber}</a>
  832. {/block:JumpPage}
  833. {/block:JumpPagination}
  834. {block:NextPage}
  835. <a href="{NextPage}">Next</a>
  836. {/block:NextPage}
  837.  
  838. <a href="#" class="scrollup"><li style="font-size:13px;" class="fa fa-angle-up"></li>&nbsp;&nbsp;Top</a>
  839.  
  840. {/block:Pagination}
  841.  
  842. </div>
  843. {/block:IfNotInfiniteScroll}
  844.  
  845. <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>
  846.  
  847. {block:IfInfiniteScroll}
  848. <div class="pagination">
  849. {block:Pagination}{block:PreviousPage}<a href="{PreviousPage}">previous</a> &middot;{/block:PreviousPage} {block:NextPage}
  850. <a href="{NextPage}" id="next">next</a>{/block:NextPage}{/block:Pagination}
  851. </div>
  852. {/block:IfInfiniteScroll}
  853.  
  854. </body>
  855. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement