Advertisement
kakawan

118

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