Advertisement
Carolaine_Vieira

Scartissue

Jan 11th, 2016
556
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 21.20 KB | None | 0 0
  1. <!DOCTYPE html>
  2. <!-- ─────────╔╗────────────╔╗
  3. ─────────║║───────────╔╝╚╗
  4. ╔══╦╗╔╦══╣║╔══╦╗╔╦══╦═╬╗╔╬══╗
  5. ║╔╗║╚╝║╔╗║║║╔╗║╚╝║║═╣╔╗╣║║║═╣
  6. ║╔╗║║║║╚╝║╚╣╔╗║║║║║═╣║║║╚╣║═╣
  7. ╚╝╚╩╩╩╣╔═╩═╩╝╚╩╩╩╩══╩╝╚╩═╩══╝
  8. ──────║║
  9. ──────╚╝
  10.  
  11. ➸ Scartissue Theme
  12.  
  13. ➸ Tema criado por Carolaine Vieira
  14. ➸ Theme made by Amplamente
  15. ➸ http://amplamente.tumblr.com
  16. ➸ Não retire os crédtios
  17. ➸ Don't remove credit
  18.  
  19. -->
  20.  
  21.  
  22. <head>
  23.  
  24. <title>{title}</title>
  25. <link rel="shortcut icon" href="{Favicon}"/>
  26. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  27. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  28.  
  29. <meta name="color:Background" content="#ffff"/>
  30. <meta name="color:Post Bg" content="#fff"/>
  31. <meta name="color:Tooltip bg" content="#eee"/>
  32. <meta name="color:Tooltip text" content="#888888"/>
  33. <meta name="color:Question" content="#eee"/>
  34. <meta name="color:Question text" content="#666666"/>
  35. <meta name="color:Question link" content="#141414"/>
  36. <meta name="color:Answer" content="#ffffff"/>
  37. <meta name="color:Border" content="#eeeeee"/>
  38. <meta name="color:Text" content="#888888"/>
  39. <meta name="color:Link" content="#222222"/>
  40. <meta name="color:Bold" content="#191919"/>
  41. <meta name="color:Italic" content="#f54349"/>
  42. <meta name="color:Title" content="#666"/>
  43. <meta name="color:Sidebar description" content="#888888"/>
  44. <meta name="color:Sidebar bg" content="#fff"/>
  45. <meta name="color:Sidebar link" content="#666666"/>
  46. <meta name="color:Sidebar link hover" content="#141414"/>
  47. <meta name="color:Scrollbar" content="#000000"/>
  48.  
  49. <meta name="if:InfiniteScroll" content="0"/>
  50.  
  51. <meta name="image:Background" content=""/>
  52. <meta name="image:Sidebar image" content=""/>
  53.  
  54. <meta name="text:link1" content="link 1" />
  55. <meta name="text:link1url" content="/" />
  56. <meta name="text:link2" content="link 2" />
  57. <meta name="text:link2url" content="/" />
  58. <meta name="text:link3" content="link 3" />
  59. <meta name="text:link3url" content="/" />
  60.  
  61. <script type="text/javascript"
  62. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  63. <script type="text/javascript" src="http://static.tumblr.com/7qjmkr5/IUmmdsy41/jquery.style-my-tooltips.js"></script>
  64. <script>
  65. (function($){
  66.  
  67. $(document).ready(function(){
  68. $("[title]").style_my_tooltips();
  69. });
  70. })(jQuery);
  71. </script>
  72.  
  73. <link href='https://fonts.googleapis.com/css?family=Montserrat' rel='stylesheet' type='text/css'>
  74. <link href='https://fonts.googleapis.com/css?family=Nunito:400,700|Muli:400,400italic|Josefin+Sans:400,700,700italic|Exo+2:400,700,700italic|Quicksand:400,700' rel='stylesheet' type='text/css'>
  75. <link href="//maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css" rel="stylesheet">
  76. <link href='https://fonts.googleapis.com/css?family=Allura' rel='stylesheet' type='text/css'>
  77. <link href='https://fonts.googleapis.com/css?family=Cantarell:400,700,400italic,700italic' rel='stylesheet' type='text/css'>
  78. <link href='https://fonts.googleapis.com/css?family=Lovers+Quarrel' rel='stylesheet' type='text/css'>
  79. <link href='https://fonts.googleapis.com/css?family=Roboto:400,500,700,900' rel='stylesheet' type='text/css'>
  80.  
  81. <style type="text/css">
  82.  
  83. .close {
  84.  
  85. padding:10px;
  86. width:auto;
  87. height:20px;
  88. font-size:15px;
  89. background:;
  90. margin-left:20px;
  91. margin-top:20px;
  92. float:center;
  93. color:{color:menu link};
  94.  
  95. }
  96. .close a{
  97.  
  98. color:{color:menu link};
  99.  
  100. }
  101.  
  102. blockquote {
  103. margin-left:20px;
  104. padding-left:10px;
  105. border-left:2px solid{color:text};
  106. background:transparent;
  107. }
  108.  
  109. .audioicon {border:1px solid transparent; margin-right:10px;}
  110. .audioplay {width:28px; margin-top:3px; overflow:hidden;}
  111. .player { background:transparent; width:28px; padding:6px 10px;display:inline-block;}
  112. .audiodesc {display:inline-block; vertical-align:top; height:46px; line-height:46px; margin-left:14px;}
  113.  
  114. #sidepam {
  115.  
  116. width:110px;
  117. height:auto;
  118. float:center;
  119. margin-left:30px;
  120. background:{color:sidebar bg};
  121. padding:5px;
  122. border-radius:5px;
  123. }
  124.  
  125. #sidepam img {
  126.  
  127. width:100px;
  128. float:center;
  129. border-radius:5px;
  130. -webkit-transition: all 0.5s ease;
  131. -moz-transition: all 0.5s ease;
  132. -o-transition: all 0.5s ease;
  133. -ms-transition: all 0.5s ease;
  134. transition: all 0.5s ease;
  135. -webkit-filter: grayscale(0);
  136.  
  137. }
  138.  
  139. #sidepam img:hover {
  140. -webkit-filter: grayscale(0.7);
  141. transition:All .5s ease;
  142. -o-transition:All .5s ease;
  143. -webkit-transition: all 0.5s ease;
  144. -moz-transition: all 0.5s ease;
  145. -o-transition: all 0.5s ease;
  146. -ms-transition: all 0.5s ease;
  147. transition: all 0.5s ease;
  148.  
  149. }
  150.  
  151. #question {padding:0px; margin-bottom:5px;}
  152.  
  153. #asker_portrait img{
  154.  
  155. border-top-left-radius:20px;
  156. border-top-right-radius:20px;
  157. border-bottom-right-radius:20px;
  158. max-width:40px;
  159. margin-top:-25px;
  160. position:relative;
  161. float:center;
  162. margin-right:20px;
  163. padding:4px;
  164. background:{color:question};
  165.  
  166. }
  167.  
  168. #asker {font-weight:normal; font-family:montserrat; text-transform:uppercase; font-style:normal; }
  169.  
  170. #asker a {color:{color:question link}; text-align:center; font-size:12px;}
  171.  
  172. #asked_question {
  173. background-color:{color:question};
  174. border:1px solid{color:question};
  175. color:{color:question text};
  176. padding:10px;
  177. font-style:italic;
  178. padding-top:20px;
  179. margin-top:30px;
  180. min-height:20px;
  181. text-align:center;
  182. font-size:12px;
  183. margin-left:5px;
  184. left:50px;
  185. padding-right:50px;
  186.  
  187. }
  188.  
  189. #answer {
  190.  
  191. background:{color:answer};
  192. padding:2px 10px;
  193. margin-left:5px;
  194. margin-top:10px;
  195. margin-bottom:5px;
  196. font-size:12px;
  197. }
  198.  
  199. .asktri {
  200.  
  201. width: 0;
  202. height: 0;
  203. border-style: solid;
  204. border-width: 18px 17.5px 0 17.5px;
  205. border-color: {color:question} transparent transparent transparent;
  206. float:center;
  207. margin-top:-5px;
  208. margin-left:110px;
  209. }
  210.  
  211.  
  212. #s-m-t-tooltip {
  213.  
  214. max-width:300px;
  215. padding:8px;
  216. margin:15px 20px;
  217. background-color: {color:tooltip bg};
  218. font-family: calibri;
  219. font-size:11px;
  220. letter-spacing:1px;
  221. text-transform:uppercase;
  222. color:{color:tooltip text};
  223. border:1px solid #dfdfdf;
  224. z-index:9999999;
  225.  
  226. }
  227.  
  228. ol, ul {padding:0px;list-style-type:none;}
  229. ul li {position:relative;padding-left:20px;}
  230. ul li:before {
  231. content:'';
  232. position:absolute;
  233. display:block;
  234. top:8px;
  235. left:0px;
  236. width:10px;
  237. height:1px;
  238. background:{color:link};
  239. }
  240.  
  241. #top3 {
  242. position:fixed;
  243. height:auto;
  244. width:175px;
  245. padding:10px;
  246. top:70px;
  247. left:150px;
  248. background:{color:sidebar bg};
  249. -webkit-transition:all 0.3s ease-out;
  250. -moz-transition:all 0.3s ease-out;
  251. transition:all 0.3s ease-out;
  252. }
  253.  
  254. b { color: {color:bold}; !important; }
  255.  
  256. i { color: {color:italic} ;!important; }
  257.  
  258. u { border-bottom: 1px solid {color:link}; text-decoration:none;}
  259.  
  260. #calado{
  261. z-index:4;
  262. background:transparent;
  263. margin-left:0px;
  264. margin-top:-1px;
  265. float:center;
  266. width:180px;
  267. text-align:center;
  268. padding:2px;
  269. padding-top:0px;
  270. }
  271. #calado a {
  272. text-shadow:none;
  273. padding:8px;
  274. margin-right:3px;
  275. font-size:9px;
  276. font-weight:bold;
  277. text-transform:uppercase;
  278. font-family:quicksand;
  279. display:inline-block;
  280. text-align:center;
  281. border-TOP:1px solid transparent;
  282. color:{color:sidebar link};
  283. -webkit-transition:all 0.3s ease-out;
  284. -moz-transition:all 0.3s ease-out;
  285. transition:all 0.3s ease-out;
  286. }
  287. #calado a:hover {
  288. border-TOP:1px solid;
  289. text-shadow:none;
  290. color:{color:sidebar link hover};
  291. -webkit-transition:all 0.3s ease-out;
  292. -moz-transition:all 0.3s ease-out;
  293. transition:all 0.3s ease-out;
  294. }
  295.  
  296.  
  297. iframe#tumblr_controls {
  298. white-space:nowrap; filter: invert(100%); -webkit-filter: invert(100%); -moz-filter: invert(100%); -o-filter: invert(100%); -ms-filter: invert(100%);opacity:0.2;
  299. }
  300. #tumblr_controls{
  301. position:fixed !important;
  302. -webkit-filter: invert(100%)
  303. }
  304.  
  305. h1 {
  306. font-size:25px;
  307. color:{color:bold};
  308. font-family:quicksand;
  309. font-weight:normal;
  310. text-align:center;
  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.  
  317. h1:hover {
  318. -webkit-transition:all 0.3s ease-out;
  319. -moz-transition:all 0.3s ease-out;
  320. transition:all 0.3s ease-out;
  321.  
  322. }
  323. .description {
  324. padding:10px;
  325. padding-bottom:15px;
  326. padding-left:0px;
  327. float:center;
  328. margin-left:10px;
  329. width:150px;
  330. background:transparent;
  331. font-size:9.5px;
  332. font-family: cantarell;
  333. text-align:center;
  334. border-bottom:1px solid {color:border};
  335. color:{color:sidebar description};
  336. }
  337.  
  338. .date {
  339. font-family:roboto;
  340. line-height:13px;
  341. margin-top:0px;
  342. margin-bottom:0;
  343. margin-left:20px;
  344. padding:5px;
  345. float:center;
  346. text-align:left;
  347. background-color:transparent;
  348. font-size:8px;
  349. {block:PermalinkPage}
  350. display:none;
  351. {/block:PermalinkPage}
  352. }
  353. .date a{color:#999; text-shadow:none;}
  354. .date a:hover {border-bottom:none; cursor:help; text-shadow:none; color:{color:link hover}; }
  355.  
  356.  
  357. .reblog {
  358.  
  359. margin-top:2px;
  360. margin-left:20px;
  361. float:left;
  362. background-color:transparent;
  363. padding:5px;
  364. font-size:12px;
  365. color:black;
  366. font-weight:bold;
  367. {block:PermalinkPage}
  368. display:none;
  369. {/block:PermalinkPage}
  370. }
  371. .likie {
  372. margin-top:2px;
  373. margin-left:15px;
  374. float:center;
  375. background-color:transparent;
  376. padding:5px;
  377. padding-bottom:3px;
  378. font-size:15px;
  379. color:#000;
  380. font-weight:bold;
  381. {block:PermalinkPage}
  382. display:none;
  383. {/block:PermalinkPage}
  384. }
  385. .reblog a{color:{color:post bg};}
  386.  
  387. a{
  388. color:{color:Link};
  389. text-decoration:none;
  390. -webkit-transition:all 0.3s ease-out;
  391. -moz-transition:all 0.3s ease-out;
  392. transition:all 0.3s ease-out;
  393. text-shadow:10px 0px transparent, -10px 0px transparent;
  394. }
  395.  
  396. a:hover{
  397. text-shadow:0px 0px {color:link}, 0px 0px {color:link};
  398. -webkit-transition:all 0.3s ease-out;
  399. -moz-transition:all 0.3s ease-out;
  400. transition:all 0.3s ease-out;
  401.  
  402. }
  403.  
  404. body{
  405. overflow-x:hidden;
  406. cursor:crosshair;
  407. color:{color:Text};
  408. font-family: 'Cantarell', sans-serif;
  409. font-size:11px;
  410. background: {color:background} url("{image:background}") fixed no-repeat left top;
  411. background-size: 100% 100%;
  412.  
  413. }
  414.  
  415. h2 {text-align:center; text-transform:none;}
  416.  
  417. #post{
  418. margin-top:50px;
  419. width:440px;
  420. margin-left:500px;
  421. color:{color:Text};
  422. color:transparent;
  423. float:center;
  424. padding:20px;
  425. }
  426.  
  427. .entry{
  428. border:1px solid {color:border};
  429. padding:20px;
  430. color:{color:Text};
  431. background:{color:post bg};
  432. width:405px;
  433. height:auto;
  434. float:right;
  435. margin-bottom:80px;
  436. -webkit-transition: 1s ease-in-out;
  437. -moz-transition: 1s ease-in-out;
  438. -o-transition: 1s ease-in-out;
  439.  
  440. }
  441. .entry:hover {
  442.  
  443. -webkit-transition: 1s ease-in-out;
  444. -moz-transition: 1s ease-in-out;
  445. -o-transition: 1s ease-in-out;
  446.  
  447. }
  448.  
  449. .entry img{
  450. float:right;
  451. margin:2px;
  452. margin-bottom:5px;
  453. }
  454.  
  455. .entry .perm{
  456.  
  457. text-transform:uppercase;
  458. background:{color:post bg};
  459. text-align:left;
  460. margin-top:0px;
  461. margin-left:440px;
  462. border-left:1px solid {color:border};
  463. width:200px;
  464. height:auto;
  465. position:absolute;
  466. opacity:0.0;
  467. font-family: inconsolata;
  468. {block:PermalinkPage}
  469. display:none;
  470. {/block:PermalinkPage}
  471. -webkit-transition:all 0.5s ease-out;
  472. -moz-transition:all 0.5s ease-out;
  473. transition:all 0.5s ease-out;
  474.  
  475. }
  476. .entry:hover .perm{
  477. height:auto;
  478. opacity:1;
  479. -webkit-transition:all 0.5s ease-out;
  480. -moz-transition:all 0.5s ease-out;
  481. transition:all 0.5s ease-out;
  482. }
  483.  
  484. .entry .perm2{
  485.  
  486. text-transform:uppercase;
  487. background:{color:post bg};
  488. text-align:left;
  489. margin-top:0px;
  490. margin-left:-106px;
  491. border-right:1px solid {color:border};
  492. width:70px;
  493. height:auto;
  494. position:absolute;
  495. opacity:1;
  496. font-family: inconsolata;
  497. {block:PermalinkPage}
  498. display:none;
  499. {/block:PermalinkPage}
  500. -webkit-transition:all 0.5s ease-out;
  501. -moz-transition:all 0.5s ease-out;
  502. transition:all 0.5s ease-out;
  503.  
  504. }
  505. .entry:hover .perm2{
  506. height:auto;
  507. opacity:1;
  508. -webkit-transition:all 0.5s ease-out;
  509. -moz-transition:all 0.5s ease-out;
  510. transition:all 0.5s ease-out;
  511. }
  512.  
  513. .pagination {
  514. display: none;
  515. }
  516.  
  517. ::-webkit-scrollbar {height:5px; width:6px;}
  518.  
  519. ::-webkit-scrollbar-track-piece {
  520. background-color:{color:sidebar bg};
  521. }
  522.  
  523. ::-webkit-scrollbar-thumb {
  524. background-color:{color:scrollbar};
  525. }
  526.  
  527. #notas {
  528. margin-top:10px;
  529. width:100%;
  530. height:200px;
  531. overflow-y:auto;
  532. background:transparent;
  533.  
  534. }
  535.  
  536. .notes img {
  537. width: 0px;
  538. height:0px;
  539. border-radius:100%;
  540. float:left;
  541. border-right:10px solid transparent;
  542. -webkit-transition: all 0.5s linear;
  543. -moz-transition: all 0.5s linear;
  544. transition: all 0.5s linear;}
  545. ol.notes, .notes li {
  546. height:20px;
  547. width: 100%;
  548. margin-top: 5px;
  549. margin-left:0px;
  550. padding-left: 0px}
  551. .notes li:hover img {
  552. -webkit-transition: all 0.5s linear;
  553. -moz-transition: all 0.5s linear;
  554. transition: all 0.5s linear;}
  555.  
  556. h4 {
  557.  
  558. font-weight:bold;
  559. font-size:20px;
  560. text-transform:none;
  561. text-align:center;
  562. Font-family:allura;
  563. color:{color:sidebar link};
  564.  
  565.  
  566. }
  567.  
  568. .tags {
  569.  
  570. text-align:left;
  571. font-family:roboto;
  572. font-size:8px;
  573. width:180px;
  574. background:transparent;
  575. text-transform:uppercase;
  576. float:left;
  577. margin-left:10px;
  578. padding:10px;
  579. margin-top:-10px;
  580.  
  581. }
  582.  
  583. .tags a{
  584.  
  585. margin-left:4px;
  586. background:transparent;
  587. text-transform:uppercase;
  588.  
  589. }
  590.  
  591. #top1 { position:fixed; f width:auto; height:auto; letter-spacing: 1px; right:20px; bottom:20px; padding:8px; font-size:35px; font-family:Lovers Quarrel; line-height:14px; text-align:right; z-index:99;
  592. -webkit-transition:all 0.3s ease-out;
  593. -moz-transition:all 0.3s ease-out;
  594. transition:all 0.3s ease-out;
  595. text-shadow:none;
  596. }
  597. #top1 a{text-shadow:none;}
  598. #top1 a:hover {text-shadow:none;}
  599. #top1:hover {
  600. -webkit-transition:all 0.3s ease-out;
  601. -moz-transition:all 0.3s ease-out;
  602. transition:all 0.3s ease-out;
  603. -moz-transform: scale(1.5);
  604. -webkit-transform: scale(1.5);
  605. -o-transform: scale(1.5);
  606. -ms-transform: scale(1.5);
  607. transform: scale(1.5);
  608. text-shadow:none;
  609. }
  610.  
  611.  
  612. #top2 {
  613. height:auto;
  614. width:auto;
  615. letter-spacing:1px;
  616. margin-left:auto;
  617. margin-right:auto;
  618. margin-top:30px;
  619. margin-bottom:50px;
  620. font-size:12px;
  621. text-transform:uppercase;
  622. z-index:4;
  623. text-align:center;
  624. float:center;
  625. font-family:montserrat;
  626. -webkit-transition:all 0.3s ease-out;
  627. -moz-transition:all 0.3s ease-out;
  628. transition:all 0.3s ease-out;
  629. }
  630.  
  631. #top2 a{margin-left:4px;
  632. padding:7px; background: {color:post bg}; color:{color:text};
  633. }
  634. #top2:hover{
  635. -webkit-transition:all 0.8s ease-out;
  636. -moz-transition:all 0.8s ease-out;
  637. transition:all 0.8s ease-out;
  638. }
  639.  
  640. .sobre {
  641.  
  642. font-family:roboto;
  643. font-size:10px;
  644. text-transform:none;
  645. padding:10px;
  646. border-top:1px solid {color:border};
  647. text-align:left;
  648. max-height:250px;
  649. margin-left:16px;
  650.  
  651. }
  652.  
  653. .mytitle {
  654.  
  655. font-family:quicksand;
  656. text-transform:uppercase;
  657. font-weight:bold;
  658. font-size:15px;
  659. text-align:center;
  660. width:160px;
  661. padding:5px;
  662. background:transparent;
  663.  
  664. }
  665. .mytitle a{
  666.  
  667. color:{color:title};
  668.  
  669. }
  670. .tipo {
  671.  
  672. text-align:right;
  673. font-family:quicksand;
  674. float:right;
  675. padding:10px;
  676. padding-right:20px;
  677.  
  678. }
  679.  
  680.  
  681. {CustomCSS}
  682.  
  683. </style>
  684. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"></script>
  685.  
  686. <script src="http://static.tumblr.com/6hsqxdt/vmwm2rb4g/infinitescrolling.js"></script><script
  687.  
  688. src="http://static.tumblr.com/6hsqxdt/QBym35odk/jquery.masonry.js"></script>
  689.  
  690. <script>
  691. $(function(){
  692. var $container = $('#post');
  693. $container.imagesLoaded(function(){
  694. $container.masonry({
  695. itemSelector: '.entry',
  696. });
  697. });
  698. $container.infinitescroll({
  699. itemSelector : ".entry",
  700. navSelector : "div.pagination",
  701. nextSelector : ".pagination a#next",
  702. loadingImg : "",
  703. loadingText : "<em></em>",
  704. bufferPx : 10000,
  705. extraScrollPx: 12000,
  706. },
  707. // trigger Masonry as a callback
  708. function( newElements ) {
  709. var $newElems = $( newElements ).css({ opacity: 0 });
  710. // ensure that images load before adding to masonry layout
  711. $newElems.imagesLoaded(function(){
  712. $newElems.animate({ opacity: 1 });
  713. $container.masonry( 'appended', $newElems, true );
  714. });
  715. }
  716. );
  717. });
  718. </script>
  719.  
  720. </head>
  721. <body>
  722.  
  723. <div id="top3">
  724.  
  725.  
  726. <div class="mytitle"><a href="/">{title}</a></div>
  727. <div id="sidepam"><img src="{image:sidebar image}"></div>
  728. <div class="description">{description}</div>
  729.  
  730. <div id="calado">
  731.  
  732. <a href="{text:link1url}">{text:link1}</a>
  733. <a href="{text:link2url}">{text:link2}</a>
  734. <a href="{text:link3url}">{text:link3}</a>
  735. </div>
  736. </div>
  737.  
  738. <div id="post">
  739. {block:Posts}
  740. <div class="entry">
  741.  
  742. <div class="perm">
  743.  
  744. <div style="float:center;">
  745. <div class="reblog">{ReblogButton color="gray" size="13"}</div>
  746. <div class="likie" >{LikeButton color="gray" size="13"}</div>
  747. </div>
  748.  
  749. <div class="date"><a href="{Permalink}">{block:Date} {DayOfMonthWithZero} {ShortMonth} {Year} {/block:Date}</a>
  750. </br>
  751. <a href="{permalinkpage}">{NoteCountWithLabel}</a>
  752. </div>
  753.  
  754. <div class="tags">
  755. {block:HasTags} </br> {block:Tags}<a href="{TagURL}">#{Tag} </a>{/block:Tags}{/block:HasTags}</div>
  756.  
  757. {block:Caption}<div class="sobre">{Caption}</div>{/block:Caption}
  758.  
  759. </div>
  760.  
  761. <div class="perm2">
  762.  
  763. <div class="tipo"> <B>TYPE</B> {PostType} </div>
  764. <div class="tipo"> <B>NUMBER</B> {PostNumber} </div>
  765.  
  766. </div>
  767.  
  768. {block:Title}<h1>{Title}</h1>{/block:Title}
  769.  
  770. {block:Text}{Body}{/block:Text}
  771.  
  772. {block:Photo}
  773. <a href="{permalink}" ><img src="{PhotoURL-500}" width="400"/></a>
  774.  
  775. {/block:Photo}
  776.  
  777. {block:Photoset}
  778. {Photoset-400}
  779. {/block:Photoset}
  780.  
  781.  
  782. {block:Quote}
  783.  
  784. <div style="text-align:center; padding:10px; font-family:Cantarell; font-weight:normal; font-size:15px;">{Quote}</br></div>
  785.  
  786. <div align="right" style="text-align:center; font-size:9px; font-family:montserrat; text-transform:uppercase; padding-bottom:15px;">
  787. </br>{block:Source}— {Source}{/block:Source} </br>
  788. </div>
  789. {/block:Quote}
  790.  
  791. {block:Video}
  792. {Video-400}<br>{PlayCountWithLabel}{/block:Video}
  793.  
  794.  
  795. {block:Link}
  796. <h1><a href="{URL}" class="link" {Target}>{Name}</a></h1>
  797. {block:Description}{Description}{/block:Description}
  798. {/block:Link}
  799.  
  800. {block:Chat}
  801. {block:Lines}
  802. {block:Label}
  803. <br><b>{Label}</b>
  804. {/block:Label}
  805. &nbsp;{Line}
  806. {/block:Lines}
  807. {/block:Chat}
  808.  
  809. {block:Audio}<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>
  810. {/block:Audio}
  811.  
  812. {block:Answer}
  813. <div id="question">
  814. <div id="asker_portrait"><img src="{AskerPortraitURL-40}"></div>
  815. <div id="asked_question"><span id="asker">{Asker}</span>:<br>{Question}</div>
  816. </div><div class="asktri"></div>
  817. <div id="answer">
  818. {Answer}
  819. </div>
  820. {/block:Answer}
  821.  
  822. {block:PermalinkPage}
  823. <br>
  824. <center>{block:Date}{ShortMonth} {DayofMonth}{DayofMonthSuffix} {Year}{/block:Date}{block:NoteCount} </br> {NoteCountWithLabel}{/block:NoteCount}{block:HasTags} </br> {block:Tags}<a href="{TagURL}">#{Tag} </a>{/block:Tags}{/block:HasTags}</center>
  825. <Br>
  826. {block:PostNotes}<div id="notas">{PostNotes}</div>{/block:PostNotes}</div>
  827. {/block:PermalinkPage}
  828. </div>
  829.  
  830. {/block:Posts}
  831.  
  832. </div>
  833.  
  834. {block:IfNotInfiniteScroll}
  835. <div id="top2">
  836.  
  837. {block:Pagination}
  838. {block:PreviousPage}
  839. <a href="{PreviousPage}"><li style="font-size:10px;" class="fa fa-chevron-left"></li></a>
  840. {/block:PreviousPage}
  841.  
  842. {block:JumpPagination length="5"}
  843.  
  844. {block:CurrentPage}
  845. <a href="#"><span class="current_page"><li class="fa fa-check"></li></span></a>
  846. {/block:CurrentPage}
  847.  
  848. {block:JumpPage}
  849. <a class="jump_page" href="{URL}">{PageNumber}</a>
  850. {/block:JumpPage}
  851. {/block:JumpPagination}
  852.  
  853. {block:NextPage}
  854. <a href="{NextPage}"><li style="font-size:10px;" class="fa fa-chevron-right"></li></a>
  855. {/block:NextPage}
  856.  
  857. {/block:Pagination}
  858.  
  859. </div>
  860. {/block:IfNotInfiniteScroll}
  861.  
  862.  
  863. {block:IfInfiniteScroll}
  864. <div class="pagination">
  865. {block:Pagination}{block:PreviousPage}<a href="{PreviousPage}">previous</a> &middot;{/block:PreviousPage} {block:NextPage}
  866. <a href="{NextPage}" id="next">next</a>{/block:NextPage}{/block:Pagination}
  867. </div>
  868. {/block:IfInfiniteScroll}
  869.  
  870. <div id="top1">
  871. <a href="http://amplamente.tumblr.com/" title="tema feito por amplamente">Am</a>
  872. </div>
  873.  
  874.  
  875. </body>
  876. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement