API tools faq
paste
Advertisement
feiinho

BACK TO GRID

feiinho
Nov 5th, 2016
247
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 28.55 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4.  
  5. <!---
  6. ╔═══╦═╗╔═╦═══╦╗──╔═══╦═╗╔═╦═══╦═╗─╔╦════╦═══╗
  7. ║╔═╗║║╚╝║║╔═╗║║──║╔═╗║║╚╝║║╔══╣║╚╗║║╔╗╔╗║╔══╝
  8. ║║─║║╔╗╔╗║╚═╝║║──║║─║║╔╗╔╗║╚══╣╔╗╚╝╠╝║║╚╣╚══╗
  9. ║╚═╝║║║║║║╔══╣║─╔╣╚═╝║║║║║║╔══╣║╚╗║║─║║─║╔══╝
  10. ║╔═╗║║║║║║║──║╚═╝║╔═╗║║║║║║╚══╣║─║║║─║║─║╚══╗
  11. ╚╝─╚╩╝╚╝╚╩╝──╚═══╩╝─╚╩╝╚╝╚╩═══╩╝─╚═╝─╚╝─╚═══╝
  12. THEME; BACK TO GRID; CREATED BY @AMPLAMENTE
  13. amplamente.tumblr.com
  14. --->
  15.  
  16. <html xmlns="http://www.w3.org/1999/xhtml">
  17. <head prefix="og: http://ogp.me/ns# fb: http://ogp.me/ns/fb# blog: http://ogp.me/ns/blog#" profile="http://gmpg.org/xfn/11">
  18. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  19.  
  20. <title>{Title}</title>
  21. <link rel="shortcut icon" href="{Favicon}">
  22. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  23. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  24.  
  25. <meta name="color:Background" content="#fff" />
  26. <meta name="color:Gradient bg top" content="#bbe4d0"/>
  27. <meta name="color:Gradient bg bottom" content="#bad8eb"/>
  28. <meta name="color:Post" content="#fff" />
  29. <meta name="color:Borders" content="#eee" />
  30. <meta name="color:Accent" content="#C2DBA0" />
  31. <meta name="color:Text" content="#999" />
  32. <meta name="color:Link" content="#888" />
  33. <meta name="color:Link hover" content="#ccc" />
  34. <meta name="color:Header border" content="#eee" />
  35. <meta name="color:Header link" content="#888" />
  36. <meta name="color:Header link hover" content="#ccc" />
  37. <meta name="color:Title" content="#333" />
  38. <meta name="color:Description" content="#999" />
  39.  
  40. <meta name="select:Columns" content="620px" title="2">
  41. <meta name="select:Columns" content="930px" title="3">
  42. <meta name="select:Columns" content="1240px" title="4">
  43. <meta name="select:Favicon Style" content="0" title="Basic">
  44. <meta name="select:Favicon Style" content="100%" title="Circle">
  45. <meta name="select:Favicon Style" content="5%" title="Square">
  46. <meta name="select:Gradient direction" content="0deg" title="Vertical">
  47. <meta name="select:Gradient direction" content="right top" title="Left diagonal">
  48. <meta name="select:Gradient direction" content="left top" title="Right diagonal">
  49. <meta name="select:Gradient direction" content="90deg" title="Horizontal">
  50.  
  51. <meta name="image:Background" content="" />
  52. <meta name="image:Header" content="" />
  53.  
  54. <meta name="if:InfiniteScrolling" content="1"/>
  55. <meta name="if:PermaStyle1" content="0"/>
  56. <meta name="if:Gradient bg" content="0"/>
  57. <meta name="if:ColorBoxs" content="1"/>
  58. <meta name="if:Caption" content="0"/>
  59. <meta name="if:Tags" content="0"/>
  60.  
  61. <meta name="text:Facebook Url" content="/" />
  62. <meta name="text:Instagram Url" content="/" />
  63. <meta name="text:Twitter Url" content="/" />
  64. <meta name="text:Pinterest Url" content="/" />
  65. <meta name="text:Flickr Url" content="/" />
  66. <meta name="text:WeHeartIt Url" content="/" />
  67. <meta name="text:Link1Title" content="link 1" />
  68. <meta name="text:Link1Url" content="/" />
  69. <meta name="text:Link2Title" content="link 2" />
  70. <meta name="text:Link2Url" content="/" />
  71. <meta name="text:Link3Title" content="link 3" />
  72. <meta name="text:Link3Url" content="/" />
  73. <meta name="text:Link4Title" content="link 4" />
  74. <meta name="text:Link4Url" content="/" />
  75. <meta name="text:Link5Title" content="link 5" />
  76. <meta name="text:Link5Url" content="/" />
  77.  
  78. <link href='https://fonts.googleapis.com/css?family=Open+Sans|Allura|Lovers+Quarrel' rel='stylesheet' type='text/css'>
  79.  
  80. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
  81. <script type="text/javascript" src="http://static.tumblr.com/2wl9p6g/G70lj5t0q/animatedcollapse.js"></script>
  82. <link rel="stylesheet" type="text/css" href="https://dl.dropboxusercontent.com/s/33sakshawgsp033/UNIICONS-ADJ.css?dl=0">
  83.  
  84. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  85. <script type="text/javascript" src="http://static.tumblr.com/7qjmkr5/IUmmdsy41/jquery.style-my-tooltips.js"></script>
  86. <script> (function($){$(document).ready(function(){$("[title]").style_my_tooltips();});})(jQuery);</script>
  87.  
  88. <style type="text/css">
  89.  
  90. *html, body { width:100%; }
  91.  
  92. body {
  93. margin:0;
  94. {block:IfNotGradientBg}
  95. background: {color:background} url("{image:background}") fixed;
  96. {/block:IfNotGradientBg}
  97. {block:IfGradientBg}
  98. background-image:-o-linear-gradient({select:gradient direction}, {color:gradient bg top} 0%, {color:gradient bg bottom} 100%);
  99. background-image:-ms-linear-gradient({select:gradient direction}, {color:gradient bg top} 0%, {color:gradient bg bottom} 100%);
  100. background-image:-moz-linear-gradient({select:gradient direction}, {color:gradient bg top} 0%, {color:gradient bg bottom} 100%);
  101. background-image:-webkit-linear-gradient({select:gradient direction}, {color:gradient bg top} 0%, {color:gradient bg bottom} 100%);
  102. {/block:IfGradientBg}
  103. color:{color:Text};
  104. font-size:12px;
  105. font-family:Open Sans;
  106. }
  107.  
  108. a {
  109. text-decoration:none;
  110. color:{color:link};
  111. -webkit-transition: all 0.5s ease-out;
  112. transition: all 0.5s ease-out;
  113. }
  114. a:hover {
  115. color:{color:link hover};
  116. -webkit-transition: all 0.5s ease-out;
  117. transition: all 0.5s ease-out;
  118. }
  119.  
  120. #post {
  121. width:{select:columns};
  122. {block:PermalinkPage}width:550px;{/block:PermalinkPage}
  123. background:transparent;
  124. margin-left:auto;
  125. margin-right:auto;
  126. margin-top:50px;
  127. }
  128.  
  129. .entry {
  130. float:left;
  131. {block:IndexPage}width:250px;{/block:IndexPage}
  132. {block:PermalinkPage}width:500px;{/block:PermalinkPage}
  133. padding:10px;
  134. margin-right:-1px;
  135. margin:20px;
  136. background:{color:post};
  137. }
  138. .entry img {
  139. margin-bottom:-4px;
  140. {block:IndexPage}max-width:250px;{/block:IndexPage}
  141. {block:PermalinkPage}max-width:500px;{/block:PermalinkPage}
  142. height:auto;
  143. }
  144. .entry:hover .permhover {opacity:1;}
  145. .entry:hover .bt {opacity:1;}
  146. .entry .permhover {
  147. width:auto;
  148. margin-left:0px;
  149. margin-top:-41px;
  150. position:absolute;
  151. background:{color:accent};
  152. border-right:1px solid #fff;
  153. border-top:1px solid #fff;
  154. opacity:0.0;
  155. padding:5px;
  156. padding-left:10px;
  157. padding-right:10px;
  158. overflow-y:auto;
  159. {block:PermalinkPage}display:none;{/block:PermalinkPage}
  160. -webkit-transition: all 0.2s ease-out;
  161. transition: all 0.2s ease-out;
  162. }
  163. .entry .bt {
  164. margin-left:165px;
  165. border-left:1px solid #fff;
  166. border-bottom:1px solid #fff;
  167. margin-top:0px;
  168. text-align:right;
  169. position:absolute;
  170. background:{color:accent};
  171. opacity:0.0;
  172. padding:5px;
  173. padding-left:10px;
  174. padding-right:10px;
  175. {block:PermalinkPage}display:none;{/block:PermalinkPage}
  176. -webkit-transition: all 0.2s ease-out;
  177. transition: all 0.2s ease-out;
  178. }
  179. .buttons {margin-top:0px; margin-bottom:0px; padding:5px; }
  180. .buttons a { text-transform:uppercase; font-size:14px; text-align:left; color:#fff;}
  181.  
  182. #s-m-t-tooltip {
  183. max-width:300px;
  184. padding:6px;
  185. padding-left:8px;
  186. padding-right:8px;
  187. margin:15px 20px;
  188. font-size:11px;
  189. letter-spacing:1px;
  190. text-transform:uppercase;
  191. color:{color:background};
  192. background:{color:accent};
  193. z-index:99999999999;
  194. }
  195.  
  196. .quote {
  197. padding:5px;
  198. font-size:13px;
  199. text-align:left;
  200. margin-bottom:5px;
  201. }
  202. .qsub {
  203. margin-top:5px;
  204. font-weight:bold;
  205. color:{color:accent};
  206. font-size:12px;
  207. text-transform:uppercase;
  208. }
  209.  
  210. .ch { padding:0px; background:transparent;}
  211. .ch .ch1 { padding:5px; margin-bottom:3px;}
  212. .ch1{ background:{color:background}; }
  213. .ch .ch1 b{ color:{color:accent}; text-transform:uppercase; font-size:11px;}
  214.  
  215. h1 { color:{color:accent}; text-align:center; }
  216.  
  217. blockquote {
  218. width:90%;
  219. margin-left:0px;
  220. padding:10px;
  221. padding-top:0px;
  222. padding-bottom:0px;
  223. border-left:2px solid {color:accent};
  224. background:transparent;
  225. }
  226. blockquote img{max-width:170px !important; width:170px !important; height:auto;}
  227.  
  228.  
  229. .albumfoto{
  230. float:left;
  231. width:80px;
  232. margin-top:0px;
  233. margin-left:5px;
  234. }
  235. .albumfoto img{
  236. width:80px;
  237. padding:7px;
  238. background:transparent;
  239. border-radius:100%;
  240. }
  241. .audiodesc {
  242. margin-left:100px;
  243. padding:10px;
  244. background:transparent;
  245. margin-top:10px;
  246. min-height:64px;
  247. font-weight:bold;
  248. margin-bottom:10px;
  249. font-size:9.5px;
  250. text-transform:uppercase;
  251. }
  252. .audioplay {
  253. opacity:.7;
  254. position:absolute;
  255. overflow:hidden;
  256. max-width:30px;
  257. height:28px;
  258. margin-left:33px;
  259. margin-top:-65px;
  260. }
  261. .entry:hover .audioplay {opacity:1; -webkit-transition:all 0.3s ease-out;}
  262.  
  263. .nt {margin-top:0px; margin-bottom:0px; padding:5px; }
  264. .nt a {
  265. text-transform:uppercase;
  266. font-size:15px;
  267. text-align:left;
  268. color:#fff;
  269. -webkit-transition: all 0.5s ease-out;
  270. transition: all 0.5s ease-out;
  271. }
  272.  
  273. .pagination {display:none;}
  274.  
  275. .permalink { padding:10px;}
  276.  
  277. .tags { padding:10px;}
  278. .tags a{ text-transform:lowercase;}
  279.  
  280. #header {
  281. background:transparent;
  282. padding:0px;
  283. padding-bottom:0px;
  284. width:660px;
  285. padding:0px;
  286. margin-top:30px;
  287. margin-left:auto;
  288. margin-right:auto;
  289. text-align:center;
  290. }
  291. .sideimg {
  292.  
  293. margin:0 auto;
  294. height:50px;
  295. border-radius:{select:favicon style};
  296. }
  297.  
  298. .description {
  299. margin-top:-5px;
  300. text-align:center;
  301. font-size:13px;
  302. width:70%;
  303. padding-bottom:20px;
  304. color:{color:description};
  305. border-bottom:1px solid {color:header border};
  306. margin-right:auto;
  307. margin-left:auto;
  308. }
  309. .sidetitle {
  310. font-size:20px;
  311. font-weight:bold;
  312. padding:5px;
  313. text-align:center;
  314. text-transform:uppercase;
  315. margin-top:5px;
  316. margin-left:0px;
  317. }
  318. .sidetitle a {color:{color:title}; }
  319.  
  320. .pages {
  321. border-top:1px solid {color:borders};
  322. margin-right:auto;
  323. margin-left:auto;
  324. width:50%;
  325. padding-top:10px;
  326. margin-top:10px;
  327. margin-bottom:30px;
  328. font-size:14px;
  329. font-weight:bold;
  330. text-transform:uppercase;
  331. text-align:center;
  332. z-index:99;
  333. }
  334.  
  335. #dog {
  336. display:none;
  337. background:transparent;
  338. text-align:center;
  339. margin-top:0px;
  340. margin-bottom:10px;
  341. margin-left:0px;
  342. }
  343. #dog a {
  344. position:relative;
  345. cursor:pointer;
  346. text-shadow:none;
  347. padding:5px;
  348. text-transform:uppercase;
  349. font-weight:bold;
  350. display:inline-block;
  351. color:{color:header link};
  352. font-size:13px;
  353. border-bottom:2px solid transparent;
  354. background:transparent;
  355. -webkit-transition:all 0.3s ease-out;
  356. transition:all 0.3s ease-out;
  357. }
  358. #dog a:hover {
  359. letter-spacing:2px;
  360. color:{color:header link hover};
  361. background:transparent;
  362. -webkit-transition:all 0.3s ease-out;
  363. transition:all 0.3s ease-out;
  364. }
  365.  
  366. .sl {
  367. background:transparent;
  368. text-align:center;
  369. margin-top:0px;
  370. margin-bottom:10px;
  371. margin-left:auto;
  372. margin-right:auto;
  373. width:70%;
  374. }
  375. .sl a {
  376. position:relative;
  377. cursor:pointer;
  378. text-shadow:none;
  379. padding:5px;
  380. text-transform:uppercase;
  381. font-weight:bold;
  382. display:inline-block;
  383. color:{color:header link};
  384. font-size:13px;
  385. border-bottom:2px solid transparent;
  386. background:transparent;
  387. -webkit-transition:all 0.3s ease-out;
  388. transition:all 0.3s ease-out;
  389. }
  390. .sl a:hover {
  391. color:{color:header link hover};
  392. border-bottom:2px solid;
  393. -webkit-transition:all 0.3s ease-out;
  394. transition:all 0.3s ease-out;
  395. }
  396.  
  397. #cat {
  398. display:none;
  399. margin-bottom:15px;
  400. }
  401. #cat a {
  402. display:inline-block;
  403. color:{color:background};
  404. font-size:14px;
  405. background:{color:accent};
  406. padding:8px;
  407. width:20px;
  408. text-align:center;
  409. margin:3px;
  410. {block:PermalinkPage}display:none;{/block:PermalinkPage}
  411. }
  412. #cat a:hover { box-shadow:inset 0px 0px 0px 40px {color:background}; color:{color:accent};}
  413.  
  414. .alt {
  415. border-top:1px solid {color:borders};
  416. padding:10px;
  417. text-align:right;
  418. {block:PermalinkPage}display:none;{/block:PermalinkPage}
  419. }
  420.  
  421. .alt a {
  422. font-size:11px;
  423. padding-left:5px;
  424. padding-right:5px;
  425. }
  426.  
  427. .clamam{position:fixed; right:0px; bottom:5px; font-size:12px; line-height:14px; text-align:right; z-index:999; text-decoration:none; -webkit-transition:all 0.3s ease-out; transition:all 0.3s ease-out; text-transform:uppercase; font-weight:bold; background:#fff;}
  428. .clamam a{background-color:#fff; padding:6px; color:{color:accent}; -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -ms-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; transition: all 0.5s ease-out;}
  429.  
  430. ::-webkit-scrollbar {
  431. width: 6px;
  432. height: 7px;
  433. background: {color:background};
  434. }
  435. ::-webkit-scrollbar-button {
  436. width: 11px;
  437. height: 11px;
  438. }
  439. ::-webkit-scrollbar-thumb {
  440. background: {color:accent};
  441. border: 1px solid {color:borders};
  442. border-radius: 50px;
  443. }
  444. ::-webkit-scrollbar-thumb:active {
  445. background:#eee;
  446. }
  447. ::-webkit-scrollbar-track {
  448. background: {color:background};
  449. border: 0px none {color:background};
  450. border-radius: 0px;
  451. }
  452.  
  453. .link {
  454. padding:15px;
  455. margin-left:0px;
  456. background:{color:accent};
  457. color:{color:post};
  458. text-align:left;
  459.  
  460. }
  461. .linktitle a{
  462.  
  463. font-size:23px;
  464. font-weight:bold;
  465. text-transform:uppercase;
  466. text-align:left;
  467. color:#fff;
  468.  
  469. }
  470.  
  471. .pessoap {
  472. text-transform:uppercase;
  473. font-size:13px;
  474. font-weight:bold;}
  475. .pessoap a{
  476. color:{color:post};
  477. text-transform:uppercase;
  478. font-size:13px;
  479. font-weight:bold;
  480. }
  481. .pessoapfoto img{
  482. float:left;
  483. border-radius:100%;
  484. margin-top:-25px;
  485. margin-left:188px;
  486. padding:4px;
  487. background:{color:borders};
  488. }
  489. .pergunta {
  490. background:{color:accent};
  491. color:{color:post};
  492. padding:15px;
  493. padding-bottom:38px;
  494. margin-left:0px;
  495. border-bottom:2px solid {color:borders};
  496. text-align:center;
  497. }
  498. .sresposta {
  499. padding:15px;
  500. padding-top:20px;
  501. padding-bottom:0px;
  502. background:transparent;
  503. border-top:2px solid {color:borders};
  504. }
  505.  
  506. .postnotes { margin-top:30px; width:98%; margin-left:auto; margin-right:auto; padding-top:12px; border-top:1px solid #eee;}
  507. ol.notes {padding: 0px; margin: 5px 0 100px 0px; list-style-type: none;}
  508. ol.notes a {text-decoration: none;}
  509. ol.notes li.note {display: inline-block; margin:0; padding: 0;}
  510. ol.notes li.note img.avatar {width: 34px; height: 34px;margin-bottom: -4px; padding: 2px; border-radius:5px;}
  511. aside.permalink_page {margin-top:30px; margin-bottom: 60px;}
  512. span.action {display:none;}
  513. ol.notes li.note:hover span.action {display: block;}
  514. ol.notes li.note blockquote {display:none;}
  515. ol.notes li.note:hover blockquote{display: block;}
  516. span.action {position: absolute; width: 150px; margin-left: -60px; margin-top: -6px; padding: 5px; padding-left:10px; padding-right:10px; font-size:12px; color:#fff; background-color:#333; text-align: center; z-index: 4;}
  517. span.action:after {content: ""; position: absolute; width: 0; height: 0; border-width: 7px; border-style: solid; border-color: transparent transparent #333 transparent; top: -14px; left: 70px;}
  518. ol.notes li.note blockquote {position: absolute; width: 150px; background-color: #333; z-index: 1; padding: 40px 5px 5px 5px; margin-left: -60px; border:0; }
  519. ol.notes li.note.more_notes_link_container {display:block; margin-top: 20px; text-align: center;}
  520. ol.notes li.note.more_notes_link_container a {color:#000; font-weight:bold; text-transform:uppercase;}
  521. span.action a {color:{color:accent};}
  522.  
  523. .permalink { margin-top:5px; }
  524.  
  525. .src { display:none; }
  526.  
  527. .entry #rl { position:absolute; margin-left:150px; margin-top:5px; width:100px; opacity:0; -webkit-transition: all 0.5s ease-out; transition: all 0.5s ease-out;}
  528. .entry:hover #rl { -webkit-transition: all 0.5s ease-out; transition: all 0.5s ease-out; opacity:1;}
  529.  
  530. #rl a {
  531. display:inline-block;
  532. color:#fff;
  533. font-size:14px;
  534. background:rgba(255,255,255,0.3);
  535. border:1px solid #fff;
  536. padding:10px;
  537. width:18px;
  538. text-align:center;
  539. margin:3px;
  540. {block:PermalinkPage}display:none;{/block:PermalinkPage}
  541. }
  542. #rl a:hover { box-shadow:inset 0px 0px 0px 40px #fff; color:{color:accent};}
  543.  
  544. #tg { position:fixed; z-index:99; left:15px; top:20px;}
  545.  
  546. #viu { width:10px; text-align:center;}
  547. #viu a { display:inline-block; border-radius:20px; width:14px; height:14px; margin:2px;}
  548. #viu a:nth-child(8n+1){ background:#ff1a1a; }
  549. #viu a:nth-child(8n+2){ background:yellow; }
  550. #viu a:nth-child(8n+3){ background:orange; }
  551. #viu a:nth-child(8n+4){ background:#cc66ff; }
  552. #viu a:nth-child(8n+5){ background:#3399ff; }
  553. #viu a:nth-child(8n+6){ background:#009973; }
  554. #viu a:nth-child(8n+7){ background:#4dffd2; }
  555. #viu a:hover { transform: scale(1.5); }
  556.  
  557. .scrollup {
  558. width: auto;
  559. height: auto;
  560. position: fixed;
  561. bottom: 32px;
  562. right: 15px;
  563. display:none;
  564. color:{color:accent};
  565. -webkit-transition:all 0.3s ease-out;
  566. transition:all 0.3s ease-out;
  567. }
  568. .scrollup:hover {
  569. bottom:36px;
  570. -webkit-transition:all 0.3s ease-out;
  571. transition:all 0.3s ease-out;
  572.  
  573. }
  574.  
  575. .ptxt {
  576. width:auto;
  577. float:left;
  578. margin:5px;
  579. padding:10px;
  580. text-transform:uppercase;
  581. color:#999;
  582. background:#fbfbfb;
  583. border:1px solid #eee;
  584. }
  585.  
  586. .sform input { outline:none; text-align:center; border:none; width:300px; background:{color:header border}; text-transform:uppercase; margin-top:10px; margin-left:auto; margin-right:auto; padding:8px; font-size:11px;}
  587. ::-webkit-input-placeholder { color:{color:text}; }
  588. :-moz-placeholder { color:{color:text}; }
  589. ::-moz-placeholder { color:{color:text}; }
  590. :-ms-input-placeholder { color:{color:text}; }
  591. .sbox {-webkit-transition:all 0.3s ease-out; -moz-transition:all 0.3s ease-out; transition:all 0.3s ease-out; }
  592. .sbox:hover { box-shadow:inset 330px 0px {color:accent}; color:{color:background}; -webkit-transition:all 0.3s ease-out; -moz-transition:all 0.3s ease-out; transition:all 0.3s ease-out; }
  593.  
  594. {CustomCSS}
  595.  
  596. </style>
  597. </head>
  598.  
  599. <link href="//maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css" rel="stylesheet">
  600.  
  601. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"></script>
  602. <script src="http://static.tumblr.com/6hsqxdt/vmwm2rb4g/infinitescrolling.js"></script>
  603. <script src="http://static.tumblr.com/6hsqxdt/QBym35odk/jquery.masonry.js"></script>
  604. <script src="http://static.tumblr.com/iwtk77u/Yhym2yygt/jquery.imagesloaded.min.js"></script>
  605.  
  606. <script>
  607. $(function(){
  608. var $container = $('#post');
  609. $container.imagesLoaded(function(){
  610. $container.masonry({
  611. itemSelector: '.entry',
  612. });
  613. });
  614. $container.infinitescroll({
  615. itemSelector : ".entry",
  616. navSelector : "div.pagination",
  617. nextSelector : ".pagination a#next",
  618. loadingImg : "http://static.tumblr.com/nnc3xz0/eYDo4b927/loading5.gif",
  619. loadingText : "<em></em>",
  620. },
  621. function( newElements ) {
  622. var $newElems = $( newElements ).css({ opacity: 0 });
  623. $newElems.imagesLoaded(function(){
  624. $newElems.animate({ opacity: 1 });
  625. $container.masonry( 'appended', $newElems, true );
  626. });});});
  627. </script>
  628.  
  629. <body>
  630.  
  631. <div class="clamam"><a href="http://amplamente.tumblr.com" target="_new">Theme</a></div>
  632.  
  633. <a href="#" class="scrollup"><li style="font-size:35px;" class="fa fa-angle-up"></li></a>
  634.  
  635. {block:IFColorBoxs}
  636. <div id="tg"><div id="viu">
  637. <a href="/tagged/red" title="Red"></a>
  638. <a href="/tagged/yellow" title="Yellow"></a>
  639. <a href="/tagged/orange" title="Orange"></a>
  640. <a href="/tagged/lilac" title="Lilac"></a>
  641. <a href="/tagged/blue" title="Blue"></a>
  642. <a href="/tagged/green" title="Green"></a>
  643. <a href="/tagged/aqua" title="Aqua"></a>
  644. </div></div>
  645. {/block:IFColorBoxs}
  646.  
  647. <div id="header">
  648. <img class="sideimg" src="{image:header}"/>
  649. <div class="sidetitle"><a href="/">{Title}</a></div>
  650. <div class="sl">
  651. <a href="/ask">Message</a>
  652. <a href="/submit">Submit</a>
  653. <a href="/archive">Archive</a>
  654. <a href="javascript:animatedcollapse.toggle('dog')">links</a>
  655. <a href="javascript:animatedcollapse.toggle('cat')">social</a>
  656. </div>
  657. <div id="dog">
  658. <a href="{text:link1url}">{text:link1title}</a>
  659. <a href="{text:link2url}">{text:link2title}</a>
  660. <a href="{text:link3url}">{text:link3title}</a>
  661. <a href="{text:link4url}">{text:link4title}</a>
  662. <a href="{text:link5url}">{text:link5title}</a>
  663. <form action="/search" method="get" class="sform" name="form">
  664. <input type="text" name="q" value="{SearchQuery}" class="sbox" placeholder="search here"/></form>
  665. </div>
  666. <div id="cat">
  667. <a href="{text:facebook url}" title="facebook"><i class="fa fa-facebook" aria-hidden="true"></i></a>
  668. <a href="{text:instagram url}" title="instagram"><i class="fa fa-instagram" aria-hidden="true"></i></a>
  669. <a href="{text:twitter url}" title="twitter"><i class="fa fa-twitter" aria-hidden="true"></i></a>
  670. <a href="{text:pinterest url}" title="pinterest"><i class="fa fa-pinterest" aria-hidden="true"></i></a>
  671. <a href="{text:flickr url}" title="flickr"><i class="fa fa-flickr" aria-hidden="true"></i></a>
  672. <a href="{text:weheartit url}" title="heart"><i class="fa fa-heart" aria-hidden="true"></i></a>
  673. </div>
  674. <div class="description">{Description}</div>
  675. </div>
  676.  
  677. <div id="post">
  678.  
  679. {block:Posts}
  680.  
  681. <div class="entry">
  682.  
  683. {block:Title} <h1>{TItle}</h1> {/block:Title}
  684.  
  685. {block:Text}
  686. {Body}
  687. <div class="alt"><a href="{ReblogUrl}">Reblog</a>—
  688. <a href="{Permalink}">{NoteCountWithLabel}</a>—
  689. {block:Date}<a href="{Permalink}">{ShortMonth} {DayOfMonthWithZero}</a>{/block:Date}</div>
  690. {/block:Text}
  691.  
  692. {block:Photo}
  693. {block:IfPermaStyle1}
  694. <div id="rl">
  695. <a href="{ReblogUrl}"><i class="fa fa-retweet" aria-hidden="true" title="Reblog"></i></a>
  696. <a href="{Permalink}"><i class="fa fa-heart" aria-hidden="true" title="{NoteCountWithLabel}"></i></a>
  697. <a href="{Permalink}"><i class="fa fa-clock-o" aria-hidden="true" title="{Month} {DayOfMonthWithZero}, {Year}"></i></a>
  698. <a href="{PhotoURL-HighRes}" target="_blank"><i class="fa fa-search-plus" aria-hidden="true" title="Zoom"></i></a>
  699. </div>
  700. {/block:IfPermaStyle1}
  701. {block:IfNotPermaStyle1}
  702. <div class="bt">
  703. <div class="buttons"><a href="{Permalink}">Reblog</a></div>
  704. </div>
  705. {/block:IfNotPermaStyle1}
  706. {block:IndexPage}<img src="{PhotoURL-500}" width="250" />{/block:IndexPage}
  707. {block:PermalinkPage}<img src="{PhotoURL-500}" width="500" />{/block:PermalinkPage}
  708. {block:IfNotPermaStyle1}
  709. <div class="permhover">
  710. <div class="nt"><a href="{Permalink}">{NoteCount}</a></div>
  711. </div>
  712. {/block:IfNotPermaStyle1}
  713. {/block:Photo}
  714.  
  715. {block:Photoset}
  716. {block:IfPermaStyle1}
  717. <div id="rl">
  718. <a href="{ReblogUrl}"><i class="fa fa-retweet" aria-hidden="true" title="Reblog"></i></a>
  719. <a href="{Permalink}"><i class="fa fa-heart" aria-hidden="true" title="{NoteCountWithLabel}"></i></a>
  720. <a href="{Permalink}"><i class="fa fa-clock-o" aria-hidden="true" title="{Month} {DayOfMonthWithZero}, {Year}"></i></a>
  721. <a href="{PhotoURL-HighRes}"><i class="fa fa-search-plus" aria-hidden="true" title="Zoom" target="_blank"></i></a>
  722. </div>
  723. {/block:IfPermaStyle1}
  724. {block:IfNotPermaStyle1}
  725. <div class="bt">
  726. <div class="buttons"><a href="{Permalink}">Reblog</a></div>
  727. </div>
  728. {/block:IfNotPermaStyle1}
  729. <div style="margin-bottom:-5px;">
  730. {block:IndexPage}{Photoset-250}{/block:IndexPage}
  731. {block:PermalinkPage}{Photoset-500}{/block:PermalinkPage}
  732. </div>
  733. {block:IfNotPermaStyle1}
  734. <div class="permhover" style="margin-top:-40px;">
  735. <div class="nt"><a href="{Permalink}">{NoteCount}</a></div>
  736. </div>
  737. {/block:IfNotPermaStyle1}
  738. {/block:Photoset}
  739.  
  740. {block:Quote}
  741. <div class="quote">{Quote}
  742. <div class="qsub">{block:Source} {Source} {/block:Source}</div></div>
  743. <div class="alt"><a href="{ReblogUrl}">Reblog</a>—
  744. <a href="{Permalink}">{NoteCountWithLabel}</a>—
  745. {block:Date}<a href="{Permalink}">{ShortMonth} {DayOfMonthWithZero}</a>{/block:Date}</div>
  746. {/block:Quote}
  747.  
  748. {block:Link}
  749. <div class="link">
  750. <div class="linktitle"><a href="{URL}" {Target}>{Name} <i class="fa fa-angle-double-right" aria-hidden="true"></i>
  751. </a></div>
  752. <div class="linkdesc">{block:Description} {Description} {/block:Description}
  753. {block:Host}<i style="font-size:11px; margin-right:5px;" class="fa fa-link" aria-hidden="true"></i>{Host}{/block:Host}
  754. </div></div>
  755. <div class="alt"><a href="{ReblogUrl}">Reblog</a>—
  756. <a href="{Permalink}">{NoteCountWithLabel}</a>—
  757. {block:Date}<a href="{Permalink}">{ShortMonth} {DayOfMonthWithZero}</a>{/block:Date}</div>
  758. {/block:Link}
  759.  
  760. {block:Chat}
  761. <div class="ch">{block:Lines}<div class="ch1">{block:Label}<b>{Label}</b>
  762. {/block:Label}{Line}</div>{/block:Lines}</div>
  763. <div class="alt"><a href="{ReblogUrl}">Reblog</a>—
  764. <a href="{Permalink}">{NoteCountWithLabel}</a>—
  765. {block:Date}<a href="{Permalink}">{ShortMonth} {DayOfMonthWithZero}</a>{/block:Date}</div>
  766. {/block:Chat}
  767.  
  768. {block:Audio}
  769. <div class="albumfoto">
  770. {block:AlbumArt}<img src="{AlbumArtURL}" />{/block:AlbumArt}
  771. <div class="audioplay">{block:AudioPlayer}{AudioPlayerWhite}{/block:AudioPlayer} </div></div>
  772. <div class="audiodesc">
  773. {block:Artist}<i class="fa fa-user" aria-hidden="true"></i>&nbsp;&nbsp;{Artist}{/block:Artist}</br>
  774. {block:Album}<i class="fa fa-folder-open" aria-hidden="true"></i>&nbsp;&nbsp;{Album}{/block:Album}</br>
  775. {block:TrackName}<i class="fa fa-music" aria-hidden="true"></i>&nbsp;&nbsp;{TrackName}{/block:TrackName}</br>
  776. {block:PlayCount}<i class="fa fa-bar-chart" aria-hidden="true"></i>&nbsp;&nbsp;{PlayCountWithLabel}{/block:PlayCount}
  777. </div>
  778. <div class="alt"><a href="{ReblogUrl}">Reblog</a>—
  779. <a href="{Permalink}">{NoteCountWithLabel}</a>—
  780. {block:Date}<a href="{Permalink}">{ShortMonth} {DayOfMonthWithZero}</a>{/block:Date}</div>
  781. {/block:Audio}
  782.  
  783. {block:Video}
  784. {block:IndexPage}{Video-250}{/block:IndexPage}
  785. {block:PermalinkPage}{Video-500}{/block:PermalinkPage}
  786. {PlayCountWithLabel}
  787. <div class="alt"><a href="{ReblogUrl}">Reblog</a>—
  788. <a href="{Permalink}">{NoteCountWithLabel}</a>—
  789. {block:Date}<a href="{Permalink}">{ShortMonth} {DayOfMonthWithZero}</a>{/block:Date}</div>
  790. {/block:Video}
  791.  
  792. {block:Answer}
  793. <div class="pergunta">
  794. <div class="pessoap">{Asker} asked:</div>{Question}</div>
  795. <div class="pessoapfoto"><img src="{AskerPortraitURL-40}" /></div>
  796. <div class="sresposta">{Answer}</div>
  797. <div class="alt"><a href="{ReblogUrl}">Reblog</a>—
  798. <a href="{Permalink}">{NoteCountWithLabel}</a>—
  799. {block:Date}<a href="{Permalink}">{ShortMonth} {DayOfMonthWithZero}</a>{/block:Date}</div>
  800. {/block:Answer}
  801.  
  802. {block:IfCaption}{block:Caption}<div class="info">{Caption}</div>{/block:Caption}{/block:IfCaption}
  803.  
  804. {block:IfTags}<div class="tags">{block:HasTags}{block:Tags}<a href="{TagURL}">#{Tag}</a>{/block:Tags}{/block:HasTags}</div>{/block:IfTags}
  805.  
  806. {block:PermalinkPage}
  807.  
  808. <div class="permalink">
  809. {block:Date}<div class="ptxt"><li class="fa fa-clock-o"></li> {DayOfMonthWithZero} {ShortMonth} {Year}</div>{/block:Date}
  810.  
  811. {block:RebloggedFrom}<div class="ptxt"><li class="fa fa-retweet"></li> <a href="{ReblogParentURL}">{ReblogParentName}</a>, <li class="fa fa-globe"></li> <a href="{ReblogRootURL}">{ReblogRootName}</a></div>{/block:RebloggedFrom}
  812.  
  813. {block:NoteCount}<div class="ptxt"><li class="fa fa-heart"></li> {NoteCount}</div>{/block:NoteCount} </br></br>
  814.  
  815. {block:HasTags}<div class="ptxt"><b><li class="fa fa-tags"></li>&nbsp;&nbsp;Tags:</b>{block:Tags}<a href="{TagURL}">#{Tag}</a>{/block:Tags}</div></br>{/block:HasTags}
  816.  
  817. {block:PostNotes}<div class="postnotes">{PostNotes-64}</div>{/block:PostNotes}
  818.  
  819. {block:Caption}<div class="info" style="margin-top:15px; border-top:1px solid #eee;">{Caption}</div>{/block:Caption}
  820.  
  821. </div>
  822. {/block:PermalinkPage}</div>{/block:Posts}</div>
  823.  
  824. {block:IfNotInfiniteScrolling}
  825. <div class="pages">
  826. {block:Pagination}
  827. {block:PreviousPage}<a href="{PreviousPage}">Back</a>{/block:PreviousPage}
  828. </br>{CurrentPage} of {TotalPages}</br>
  829. {block:NextPage}<a href="{NextPage}">Next</a>{/block:NextPage}
  830. {/block:Pagination}
  831. </div>
  832. {/block:IfNotInfiniteScrolling}
  833.  
  834. <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>
  835.  
  836. {block:IfInfiniteScrolling}
  837. <div class="pagination">{block:Pagination}{block:PreviousPage}<a href="{PreviousPage}">previous</a> &middot;{/block:PreviousPage} {block:NextPage}
  838. <a href="{NextPage}" id="next">next</a>{/block:NextPage}{/block:Pagination}
  839. </div>
  840. {/block:IfInfiniteScrolling}
  841.  
  842. <script>$(document).ready(function () {$(window).scroll(function () {if ($(this).scrollTop() > 100) {$('.scrollup').fadeIn();} else {$('.scrollup').fadeOut();}});$('.scrollup').click(function () {$("html, body").animate({scrollTop: 0}, 600);return false;});});</script>
  843.  
  844. <script type="text/javascript">
  845. animatedcollapse.addDiv('jason', 'fade=1,height=80px')
  846. animatedcollapse.addDiv('kelly', 'fade=1,height=100px')
  847. animatedcollapse.addDiv('michael', 'fade=1,height=120px')
  848. animatedcollapse.addDiv('cat', 'fade=0,speed=400,group=pets')
  849. animatedcollapse.addDiv('dog', 'fade=0,speed=400,group=pets,persist=1,hide=1')
  850. animatedcollapse.addDiv('rabbit', 'fade=0,speed=400,group=pets,hide=1')
  851. animatedcollapse.ontoggle=function($, divobj, state){
  852. }
  853. animatedcollapse.init()
  854. </script>
  855.  
  856. </body>
  857. </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!