Advertisement
kakawan

135

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