API tools faq
paste
Advertisement
Carolaine_Vieira

fairtale

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