kakawan

134

Jun 19th, 2015
828
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 19.75 KB | None | 0 0
  1. <!---- mists
  2. --->
  3.  
  4.  
  5.  
  6.  
  7. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org /TR/xhtml1/DTD/xhtml1-transitional.dtd">
  8. <html xmlns="http://www.w3.org/1999/xhtml" xml :lang="en" lang="en">
  9. <head><title>{Title}</title>
  10. <link rel="shortcut icon" href="{Favicon}">
  11. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  12. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  13.  
  14.  
  15. <meta name="color:background" content="#FFFFFF">
  16. <meta name="color:link" content="#000000">
  17. <meta name="color:scrollbar" content="#D6D5D5">
  18. <meta name="color:scrollbg" content="#FFFFFF">
  19. <meta name="color:descri" content="#000000">
  20. <meta name="color:links" content="#000000">
  21. <meta name="color:hover" content="#000000">
  22. <meta name="color:detalhes" content="#eeeeee"/>
  23.  
  24. <meta name="color:background" content="#fff" />
  25. <meta name="color:posts" content="#fff" />
  26. <meta name="color:scrollbar" content="#f8f8f8" />
  27. <meta name="text:titulo" content="hoje mesmo eu falhei" />
  28. <meta name="color:texts" content="#000" />
  29.  
  30. <meta name="if:Opacity in images" content="1"/>
  31. <meta name="if:Post width 400px" content="0"/>
  32. <meta name="if:Customize scrollbar" content="1"/>
  33.  
  34.  
  35.  
  36. <meta name="image:sidebar" content="https://secure.static.tumblr.com/b86b601a8b6bd120b36b49fc60c2e23f/ewx0oi8/6aanq84vn/tumblr_static_9tj4njc26l8goo88w0s40wow.jpg"/>
  37.  
  38.  
  39. <meta name="text:Link1" content="/" />
  40. <meta name="text:Link1 Title" content="link" />
  41. <meta name="text:Link2" content="/" />
  42. <meta name="text:Link2 Title" content="link" />
  43. <meta name="text:Link3" content="/" />
  44. <meta name="text:Link3 Title" content="link" />
  45. <meta name="text:Link4" content="/" />
  46. <meta name="text:Link4 Title" content="link" />
  47.  
  48. <meta name="if:Rolagem infinita" content="1"/>
  49.  
  50.  
  51. <style type="text/css" media="screen">
  52.  
  53. body {background: {color:Background} url('{image:background}') no-repeat fixed; background-size: 100% 100%; font: 12px 'Tahoma'; color: {color:font}; line-height: 1.7em; text-align: center; margin: 0;}
  54.  
  55. a {color: {color:link}; text-decoration: none; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; transition: 0.2s ease-in;}
  56.  
  57. a:hover {color: {color:Link hover}; {block:IfNotUnderlineInLinks}text-decoration: none;{/block:IfNotUnderlineInLinks}{block:IfUnderlineInLinks}text-decoration: underline;{/block:IfUnderlineInLinks}}
  58.  
  59. p {margin: 6px 0 0 0;}
  60.  
  61. ul {list-style: circle;}
  62.  
  63. {block:IfOpacityInImages}img {opacity: 0.8;}{/block:IfOpacityInImages}
  64.  
  65. {block:IfCustomizeScrollbar}
  66. ::-webkit-scrollbar{width:4px; height:4px;}
  67. ::-webkit-scrollbar-button:start:decrement
  68. ::-webkit-scrollbar-button:end:increment{display:block; height:0;background-color: transparent;}
  69. ::-webkit-scrollbar-track-piece{background-color: transparent;}
  70. ::-webkit-scrollbar-thumb:vertical{height:4px; background-color: {color:Scrolling bar}; border-radius: 10px;}
  71. ::-webkit-scrollbar-thumb:horizontal{width:4px; background-color: {color:Scrolling bar}; border-radius: 10px;}
  72. {/block:IfCustomizeScrollbar}
  73.  
  74.  
  75. #tudo {
  76. width: 1100px;
  77. position: relative;
  78. margin: 0 auto;
  79. }
  80.  
  81. #content {
  82. position: relative;
  83. padding-left:5px;
  84. margin: 40px auto 40px 400px;
  85. {block:IfNotPostWidth400px}width:700px;
  86. {/block:IfNotPostWidth400px}{block:IfPostWidth400px}
  87. width: 700px;{/block:IfPostWidth400px}
  88. }
  89.  
  90. #caixa {background: {color:Post};
  91.  
  92. text-align: left;
  93. font: 12px 'tahoma';
  94. color: {color:Font};
  95. line-height: 1.7em;
  96. position: relative;
  97. overflow: hidden;
  98. {block:IfNotPostWidth400px}
  99. {block:IndexPage}
  100. margin: 10px; float: left; border-bottom:1px solid #ccc;width: 250px;
  101. {/block:IndexPage}
  102. {block:PermalinkPage}width: 500px;{/block:PermalinkPage}
  103. {/block:IfNotPostWidth400px}
  104. {block:IfPostWidth400px}
  105. width: 300px; margin: 0 5px 5px 0; float: left;
  106. {/block:IfPostWidth400px}
  107. }
  108.  
  109. #caixa img {max-width: 100%;}
  110.  
  111. #caixa blockquote {margin: 5px; border-left: 1px solid {color:Font}; padding-left: 5px;}
  112. #caixa blockquote img {max-width: 100%!important}
  113.  
  114. #caixa .post {margin: 5px;}
  115.  
  116. h1 {font: normal 13px 'georgia'; text-transform: none;}
  117.  
  118. h2, .asked h4 {text-align:left;font: 13px 'georgia'; text-transform: none; line-height: 1.7em; margin: 5px 0;}
  119.  
  120. h2:before {content:'“';text-align:left;}
  121. h2:after {content:'”';text-align:left;}
  122.  
  123. h3 {font: normal 14px 'arial'; color: {color:Font}; text-transform: none; text-align: center; line-height: 1.7em;}
  124.  
  125. .photo {text-align: center;}
  126.  
  127. .photo img {vertical-align: middle; {block:IndexPage}width: 100%;{/block:IndexPage}{block:PermalinkPage}max-width: 100%;{/block:PermalinkPage} height: auto;}
  128.  
  129. {block:IfOpacityInImages}
  130. .photoset img {opacity: 0.8;}
  131. {/block:IfOpacityInImages}
  132.  
  133.  
  134. .link {margin: 0;}
  135. .link a {color: {color:Font}; text-decoration: none;}
  136. .link a:after {content:' ';}
  137.  
  138. .quote-by {padding: 0 5px;text-align:left;}
  139. .quote-by:before {content:'— ';text-align:left;}
  140.  
  141. .audio iframe, .video iframe, .photoset iframe {width: 100%; vertical-align: middle;}
  142.  
  143. .audio {display: block; text-align: center;}
  144. .audio iframe {height: 30px; width: 30px; display: inline-block;}
  145.  
  146. .chat {margin: 0 0 5px; list-style: none; font-family: 'Courier New';}
  147. .chat li {padding: 3px 5px; margin: 1px 0px;}
  148. .chat li:first-child {padding: 5px 5px 3px;}
  149. .chat li:last-child {border: none;}
  150. .chat .label {font-weight: bold;}
  151.  
  152. #askerpam{text-align: left;
  153. vertical-align:bottom;
  154. margin-top:-24px;
  155. color: {color:descri};
  156. margin-left:20px;
  157. font-size:10px;
  158. font-family:calibri;}
  159. #questionpam{width:239px;
  160. padding:5px;
  161. background-color: {color:detalhes};
  162. -webkit-border-radius: 5px 5px 5px 5px;
  163. -moz-border-radius: 5px 5px 5px 5px;
  164. border-radius: 5px 5px 5px 5px;}
  165. #setapam {margin-top:-0px;
  166. color: {color:descri};
  167. margin-left:18px;
  168. font-size:10px;
  169. width: 0;
  170. height: 0;
  171. border-top: 17px solid {color:detalhes};
  172. border-left: 17px solid transparent;}
  173. .asked-info {margin: 10px 0; height: 24px; color: {color:descri};padding-left: 20px; font-size:12px;}
  174. .asked-info img {vertical-align: middle; -webkit-border-radius: 60px 0px 60px 60px;
  175. -moz-border-radius: 60px 0px 60px 60px;
  176. border-radius: 60px 0px 60px 60px;
  177. box-shadow: 3px 3px 0 0 rgba(0, 0, 0, 0.1);} margin-right: 3px;}
  178.  
  179. #caixa .caption {margin: 5px;}
  180.  
  181. #caixa #info {margin: 20px 0 0; list-style: none; text-align: center;}
  182. #caixa #info button {background: none; border: none; padding: 0; margin: 0; overflow: hidden;}
  183.  
  184. ol.notes {margin: 0; list-style: none; padding: 5px;}
  185. ol.notes li {padding: 1px 0;}
  186. ol.notes li img.avatar {vertical-align: middle; margin-right: 5px;}
  187.  
  188. .r {-webkit-transition: all 0.6s linear; -moz-transition: all 0.6s linear; transition: all 0.6s linear;text-align:center;margin: 5px 15px 10px; font-size: 11px; opacity:0.5;}
  189. #caixa:hover .r {opacity: 1;-webkit-transition: all 0.6s linear; -moz-transition: all 0.6s linear; transition: all 0.6s linear;}
  190.  
  191. .c {position: absolute; cursor: default; left: 10px; bottom: 0; z-index: 9; opacity: 0;}
  192. #caixa:hover .c {opacity: 1; bottom: 5px;}
  193. .c cleiton {display: inline-block; cursor: pointer; background: rgba(0,0,0,.4); height: 15px; width: 15px; padding: 1px 3px 2px; border: 1px solid rgba(0,0,0,.2); border-radius: 2px;}
  194. .c cleiton:hover {background: rgba(0,0,0,.3);}
  195. .c.time {-webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out;}
  196.  
  197.  
  198. #title2 { width:130px;position: fixed;font-style:bold; font-family:cambria; font-size:50px; line-height:25px; text-align:center; color: ; padding:5px;margin-top:-90px;margin-left: 99px;border:0px solid #9e9b9b;padding: 2px; background-color: ; text-transform:uppercase;}
  199.  
  200. #titles2 { width:130px;position: fixed;font-style:bold; font-family:cambria; font-size:17px; line-height:25px; text-align:center; color: padding:5px;margin-top:300px;margin-left: 99px;border:0px solid #9e9b9b;padding: 2px; background-color: #fff; text-transform:uppercase;}
  201.  
  202.  
  203. #sidebar {
  204. width: px;
  205. height:225px;
  206.  
  207. position:fixed;
  208. border-top:0px solid #Eee;
  209. border-left:px solid #e6e6e6;
  210. border-bottom:0px solid #000;
  211. border-right:0px solid #000;
  212. margin-left:200px;
  213. margin-top:55px;
  214.  
  215.  
  216. -webkit-transition: all 0.7s ease;
  217. -moz-transition: all 0.7s ease;
  218. -o-transition: all 0.7s ease;}
  219. #sidebar:hover #links {opacity: 1;}
  220.  
  221.  
  222. #sidebarimage {
  223. width 200px;
  224. -webkit-transition: all 0.7s ease;
  225. -moz-transition: all 0.7s ease;
  226. -o-transition: all 0.7s ease;
  227. border-radius: 522px; -webkit-filter: grayscale(0%); -webkit-transition: all 0.4s ease-out; -moz-transition: all 0.4s ease-out;}
  228.  
  229. #sidebarimage img {
  230. width:150px;
  231. opacity:0.9;
  232. border-left:px solid #ccc;
  233. ;
  234.  
  235. padding:5px;
  236. -webkit-transition-duration: 0.6s; -moz-transition-duration: 0.6s;
  237. -webkit-transition: all 0.7s ease;
  238. -moz-transition: all 0.7s ease;
  239.  
  240. -o-transition: all 0.7s ease;
  241. }
  242.  
  243.  
  244.  
  245. #sidebarimage:hover {
  246. -webkit-transition: all 0.6s ease-out;
  247. -moz-transition: all 0.2s ease-out;
  248. }
  249.  
  250. #sidebar:hover #descri {opacity:0;-webkit-transition-duration: 0.6s; -moz-transition-duration: 0.6s;}
  251. #sidebar:hover #links {opacity:0.9;margin-top:-34px;margin-left:16px;-webkit-transform: rotateX(-360deg);}
  252. #sidebar:hover .titulo {opacity:1;-webkit-transition-duration: 0.6s; -moz-transition-duration: 0.6s;}
  253. #sidebar:hover .legal {opacity:1;-webkit-transition-duration: 0.6s; -moz-transition-duration: 0.6s;}
  254.  
  255. #links {color: ; font-family:arial; -webkit-border-radius:00px 00px 00px 00px; background:#fff; font-size:11px; margin-top:0px; margin-left:1px; position:fixed; line-height: 13px; font-style:ialic;letter-spacing:px; height: 14px; background:#ff;border-top:1px solid #cc; border-bottom:px solid #ccc; z-index:100; opacity: 0;text-align: center; font-weight: none; padding:2px; width: 140px;-webkit-transition: all 0.5s linear; -webkit-transition: all 0.4s linear; -moz-transition: all 0.4s linear; transition: all 0.4s linear;}
  256. #links a {color: {color:links};-webkit-border-radius:00px 00px 00px 00px; text-transform: uppecase; padding:0px; -webkit-transition: all 0.5s linear; -webkit-transition: all 0.4s linear; -moz-transition: all 0.4s linear; transition: all 0.4s linear; opacity: 1.7; width: 140px;}
  257. #links a:hover{ -moz-opacity:1.0; text-decoration:line-throug; background:#ee; font-style:itaic; background:#cc; text-shadow:0px 0px 0px; color:{color:hover};background:#ee; -khtml-opacity: 1.0; opacity: 1.0; -webkit-transition: all 0.5s linear; -webkit-transition: all 0.4s linear; -moz-transition: all 0.4s linear; transition: all 0.4s linear;}
  258.  
  259.  
  260. #descri{width:px; position:fixed; background:#ff; text-transform:uppercse; opacity:1; border-left:20px solid eee; margin-left:18px;margin-top:-4px; text-transform: uppercas; font-size:12px;font-family:georgia; font-style:ialic; text-align:left; color: {color:descri}; padding:2px; height:30px; line-height:13px; letter-spacing:px; -webkit-transition-duration: 0.6s; -moz-transition-duration: 0.6s;}
  261. #descri:hover{-webkit-transition-duration: 0.6s; -moz-transition-duration: 0.6s; }
  262.  
  263.  
  264.  
  265. .titulo{
  266. position:fixed;
  267. color: {color:text};
  268. text-align:center;
  269. width:px;
  270. background:#00;
  271. font-style:talic;
  272. opacity:0;
  273. letter-spacing:0px;
  274. padding:2px;
  275. background: #00;
  276. height: auto;
  277. margin-left:16px;
  278. margin-top:-4px;
  279. font-family:georgia;
  280. text-transform: uppecase;
  281. font-size:12px;
  282. line-height:13px;
  283. -webkit-transition-duration: 0.6s; -moz-transition-duration: 0.6s;
  284. -webkit-border-radius: 0px 0x 10px 100px;}
  285.  
  286. @font-face {
  287. font-family:titulo;
  288. src: url('http://static.tumblr.com/fxpo5zq/oefmes3gi/cedarville_pnkfun_1_cursive.ttf');,
  289. }
  290. @font-face{font-family:"Basic";src:url(http://static.tumblr.com/9wzbixa/Cf3mj2g0f/basicl.ttf);}
  291.  
  292. .simb2{width:100px; position:fixed; margin-left:41px; margin-top:5px; font-size:15px; font-family: 'Old Standard TT'; text-align:center; color: {color:border}; line-height:1px; z-index: 9999999;}
  293. .simb2 a{color: transparent;}
  294. .simb2 a:hover{font-size:15px; color: black; -webkit-transition: all 0.4s ease-out; -moz-transition: all 0.4s ease-out;}
  295.  
  296.  
  297. #kawan{opacity:1;width:15px; height:15px; margin-top:214px;margin-left:10px; background-color:white; position:fixed;text-align:left;-webkit-transition-duration: 0.4s; -moz-transition: all .7s ease-in-out; -o-transition: all .7s ease-in-out; transition: all .7s ease-in-out; -webkit-transition: all .7s ease-in-out}
  298. #kawan img { width:15px; height:15px; -webkit-filter: grayscale(00%);}
  299. .pipi {width:150px;background:000; margin-left:64px; opacity:1;margin-top:104px;position:fixed;}
  300. .pipi {width:16px; height:19px;background:#00;transition:All 8s ease;-webkit-transition:All .8s ease;-moz-transition:All .8s ease;-o-transition:All .8s ease;}
  301.  
  302.  
  303. .legal {width:150px;background:000; margin-left:62px; opacity:0;margin-top:104px;position:fixed;}
  304. .legal {width:20px; height:22px;background:#00;transition:All 8s ease;-webkit-transition:All .8s ease;-moz-transition:All .8s ease;-o-transition:All .8s ease;}
  305.  
  306. {CustomCSS}</style></head><body>
  307.  
  308.  
  309. <div id="sidemenu"></div>
  310.  
  311.  
  312. <div id="sidebar">
  313.  
  314. <div class="pipi"><img src="https://40.media.tumblr.com/6cbeab9e26b6185ec01d898a51b32402/tumblr_npnthyHBrx1tjdxvjo1_100.png" class="pipi"></div>
  315.  
  316. <div class="legal"><img src="https://40.media.tumblr.com/7b14e0d06917844590d9df6e44e75747/tumblr_npnthyHBrx1tjdxvjo1_r1_100.png" class="legal"></div>
  317.  
  318.  
  319. <div id="sidebarimage"> <img src="{image:sidebar}">
  320. </div>
  321.  
  322.  
  323. <div id="descri">{description}</div>
  324. <div class="titulo">{text:titulo}</div>
  325.  
  326.  
  327. <div id="links">
  328. <a href="{text:Link1}">{text:Link1 Title}</a>
  329. <a href="{text:Link2}">{text:Link2 Title}</b></a>
  330. <a href="{text:Link3}">{text:Link3 Title}</a>
  331. <a href="{text:Link4}">{text:Link4 Title}</b> </a>
  332. <a href="http://mists.tumblr.com"></a>
  333. </div>
  334. </div>
  335. </div>
  336. </div>
  337. {block:IfRolagemInfinita}<div class="autopagerize_page_element">
  338. <script type="text/javascript" src="http://codysherman.com/tools/infinite-scrolling/code"></script>{/block:IfRolagemInfinita}
  339.  
  340. <div id="content">
  341. {block:Posts}
  342. <div id="caixa">
  343.  
  344. {block:Text}
  345. <div class="post">
  346. {block:Title}<h1>{Title}</h1>{/block:Title}
  347. {Body}
  348. {block:IndexPage}
  349. <div class="r">
  350. <a href="{Permalink}">{NoteCount}</a> · <a href="{ReblogURL}">reblog</a>
  351. </div>
  352. {/block:IndexPage}
  353. </div>
  354. {/block:Text}
  355.  
  356. {block:Photo}
  357. <div class="photo">
  358. {block:IndexPage}<a href="{Permalink}">{/block:IndexPage}
  359. <img src="{PhotoURL-500}" alt="{PhotoAlt}" width="{PhotoWidth-HighRes}" height="{PhotoHeight-HighRes}">
  360. {block:IndexPage}</a>{/block:IndexPage}
  361. </div>
  362. {block:IndexPage}<div class="c time">
  363. <cleiton>{ReblogButton size="15" color="white"}</cleiton>
  364. <cleiton>{LikeButton size="15" color="white"}</cleiton>
  365. </div>{/block:IndexPage}
  366. {block:PermalinkPage}
  367. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  368. {/block:PermalinkPage}
  369. {/block:Photo}
  370.  
  371. {block:Photoset}
  372. <div class="photoset">{Photoset}</div>
  373. {block:IndexPage}
  374. <div class="r">
  375. <a href="{Permalink}">{NoteCount}</a> · <a href="{ReblogURL}">reblog</a>
  376. </div>
  377. {/block:IndexPage}
  378. {block:PermalinkPage}
  379. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  380. {/block:PermalinkPage}
  381. {/block:Photoset}
  382.  
  383. {block:Video}
  384. {block:IndexPage}
  385. {block:IfNotPostWidth400px}<div class="video">{VideoEmbed-250}</div>{/block:IfNotPostWidth400px}
  386. {block:IfPostWidth400px}<div class="video">{VideoEmbed-400}</div>{/block:IfPostWidth400px}
  387. <div class="r">
  388. <a href="{Permalink}">{NoteCount}</a> · <a href="{ReblogURL}">reblog</a>
  389. </div>
  390. {/block:IndexPage}
  391. {block:PermalinkPage}
  392. {block:IfNotPostWidth400px}<div class="video">{VideoEmbed-500}</div>{/block:IfNotPostWidth400px}
  393. {block:IfPostWidth400px}<div class="video">{VideoEmbed-400}</div>{/block:IfPostWidth400px}
  394. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  395. {/block:PermalinkPage}
  396. {/block:Video}
  397.  
  398. {block:Quote}
  399. <div class="post">
  400. <h2>{Quote}</h2>
  401. {block:Source}<div class="quote-by"><b>{Source}</b></div>{/block:Source}
  402. {block:IndexPage}
  403. <div class="r">
  404. <a href="{Permalink}">{NoteCount}</a> · <a href="{ReblogURL}">reblog</a>
  405. </div>
  406. {/block:IndexPage}
  407. </div>
  408. {/block:Quote}
  409.  
  410. {block:Link}
  411. <div class="post">
  412. <h3 class="link"><a href="{URL}" {Target}>{Name}</a></h3>
  413. {block:Description}{Description}{/block:Description}
  414. {block:IndexPage}
  415. <div class="r">
  416. <a href="{Permalink}">{NoteCount}</a> · <a href="{ReblogURL}">reblog</a>
  417. </div>
  418. {/block:IndexPage}
  419. </div>
  420. {/block:Link}
  421.  
  422. {block:Chat}
  423. <div class="post">
  424. {block:Title}<h1>{Title}</h1>{/block:Title}
  425. <div class="chat">
  426. {block:Lines}<li>
  427. {block:LABEL}<span class="label">{Label}</span>{/block:Label}
  428. {Line}
  429. </li>{/block:Lines}
  430. </div>
  431. {block:IndexPage}
  432. <div class="r">
  433. <a href="{Permalink}">{NoteCount}</a> · <a href="{ReblogURL}">reblog</a>
  434. </div>
  435. {/block:IndexPage}
  436. </div>
  437. {/block:Chat}
  438.  
  439. {block:Audio}
  440. <div class="post">
  441. <div class="audio">{AudioEmbed}</div>
  442. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  443. {block:IndexPage}
  444. <div class="r">
  445. <a href="{Permalink}">{NoteCount}</a> · <a href="{ReblogURL}">reblog</a>
  446. </div>
  447. {/block:IndexPage}
  448. </div>
  449. {/block:Audio}
  450.  
  451. {block:Answer}
  452. <div class="post">
  453. <div id="questionpam">{Question}</div>
  454.  
  455. <div id="setapam"></div>
  456.  
  457. <div class="asked-info">
  458.  
  459. <a href="{AskerURL}"><img src="{AskerPortraitURL-24}" title="{AskerNAME}"></a> {Asker}
  460. </div>
  461. {Answer}
  462. {block:IndexPage}
  463. <div class="r">
  464. <a href="{Permalink}">{NoteCount}</a>{block:AskEnabled} · <a href="/ask">ask me</a>{/block:AskEnabled}
  465. </div>
  466. {/block:IndexPage}
  467. </div>
  468. {/block:Answer}
  469.  
  470. {block:PermalinkPage}
  471. {block:Date}
  472. <div id="info">
  473.  
  474. <li>{DayOfMonth} {Month} {Year}, {24HourWithZero}:{Minutes}</li>
  475.  
  476. {block:NoteCount}<li>{NoteCountWithLabel}</li>{/block:NoteCount}
  477.  
  478. {block:Answer}<li>{lang:Asked by Asker 2}</li>{/block:Answer}
  479.  
  480. {block:RebloggedFrom}<li>{lang:Reblogged from} <a href="{ReblogParentURL}">{ReblogParentName}</a></li>{/block:RebloggedFrom}
  481.  
  482. {block:ContentSource}<li>{lang:Source}: <a href="{SourceURL}">{SourceLink}</a></li>{/block:ContentSource}
  483.  
  484. {block:HasTags}<li>{lang:Tags}: {block:Tags}<a href="{TagURL}">#{Tag}</a> {/block:Tags}</li>{/block:HasTags}
  485.  
  486. </div>
  487. {/block:Date}
  488.  
  489. {block:PostNotes}{PostNotes}{/block:PostNotes}
  490.  
  491. {/block:PermalinkPage}
  492.  
  493. </div>
  494. {/block:Posts}
  495. </div>
  496.  
  497. <script type="text/javascript" src="http://static.tumblr.com/imovwvl/dJWl20ley/jqueryformasonry.js"></script>
  498. <script src="http://static.tumblr.com/df28qmy/SHUlh3i7s/jquery.infinitescroll.js"></script>
  499. <script src="http://static.tumblr.com/thpaaos/lLwkowcqm/jquery.masonry.js"></script>
  500. <script type="text/javascript">
  501. $(window).load(function () {
  502. $('#content').masonry(),
  503. $('.masonryWrap').infinitescroll({
  504. navSelector : "div#navigation",
  505. nextSelector : "div#navigation a#nextPage",
  506. itemSelector : "#caixa",
  507. bufferPx : 10000,
  508. extraScrollPx: 11000,
  509. loadingImg : "http://static.tumblr.com/dbek3sy/pX1lrx8xv/ajax-loader.gif",
  510. loadingText : "",
  511. },
  512. // call masonry as a callback.
  513. function() { $('#content').masonry({ appendedContent: $(this) }); }
  514. );
  515. });
  516. </script>
  517.  
  518. {block:IndexPage}
  519. <div class="column navigation" id="navigation">
  520. {block:Pagination}
  521. {block:PreviousPage}<a href="{PreviousPage}" class="navigate">{/block:PreviousPage}{block:PreviousPage}</a>{/block:PreviousPage}
  522. {block:NextPage}<a href="{NextPage}" class="navigate" id="nextPage">{/block:NextPage}{block:NextPage}</a>{/block:NextPage}{/block:Pagination}
  523. </div>
  524. {/block:IndexPage}
  525.  
  526. </div>
  527.  
  528. </body>
  529. </html>
  530.  
  531. <style>
  532. .thm {position:fixed;BOTTOM:30px;right:15px;font-size:11px; font-family:consolas;color:#ccc;text-transform:upercase}</style>
  533.  
  534. <div CLASS="thm" title=""><a href="http://mathkawan.tumblr.com/">mists</a></div>
Advertisement
Add Comment
Please, Sign In to add comment