API tools faq
paste
Advertisement
charmthemes

charm-themes/23

charmthemes
Sep 7th, 2013
4,403
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 25.78 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
  2. "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  3. <html xmlns="http://www.w3.org/1999/xhtml">
  4. <head>
  5. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  6. <title>{Title}{block:PostTitle} - {PostTitle}{/block:PostTitle}</title>
  7. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  8. <link rel="shortcut icon" href="{Favicon}">
  9. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  10. <meta name="text:Link 1" content=""/>
  11. <meta name="text:Link 1 URL" content=""/>
  12. <meta name="text:Link 2" content=""/>
  13. <meta name="text:Link 2 URL" content=""/>
  14. <meta name="text:Link 3" content=""/>
  15. <meta name="text:Link 3 URL" content=""/>
  16. <meta name="text:Link 4" content=""/>
  17. <meta name="text:Link 4 URL" content=""/>
  18. <meta name="text:Link 5" content=""/>
  19. <meta name="text:Link 5 URL" content=""/>
  20. <meta name="text:Link 6" content=""/>
  21. <meta name="text:Link 6 URL" content=""/>
  22. <meta name="text:Link 7" content=""/>
  23. <meta name="text:Link 7 URL" content=""/>
  24. <meta name="text:Link 8" content=""/>
  25. <meta name="text:Link 8 URL" content=""/>
  26. <meta name="text:Home Label" content="Home"/>
  27. <meta name="text:Ask Label" content="Ask"/>
  28. <meta name="text:Submit Label" content="Submit"/>
  29. <meta name="text:Archive Label" content="Archive"/>
  30. <meta name="if:Show Archive Link" content="1"/>
  31. <meta name="if:Show Submit Link" content="1"/>
  32. <meta name="if:Show Title" content="0"/>
  33. <meta name="if:Show Tags" content="0"/>
  34. <meta name="if:Animation" content="1"/>
  35. <meta name="if:To Top Button" content="1"/>
  36. <meta name="if:Infinite Scroll" content="1"/>
  37. <meta name="if:Show Captions" content="1"/>
  38. <meta name="if:Show Tags" content="1"/>
  39. <meta name="image:Background" content=""/>
  40. <meta name="image:Sidebar" content=""/>
  41. <meta name="text:NAMEHERE" content=""/>
  42. <script type="text/javascript" src="http://static.tumblr.com/uiqhh9x/jkEm9tb4p/jquery-1.8.1.min.js"></script>
  43. <link rel="stylesheet" type="text/css" href="http://static.tumblr.com/cpaytv3/2V1m9r58l/reset.css">
  44. <script type="text/javascript" src="http://static.tumblr.com/tpqedpr/vnzmibpqr/minified.js"></script>
  45.  
  46. <div id="fb-root"></div>
  47. <script>(function(d, s, id) {
  48. var js, fjs = d.getElementsByTagName(s)[0];
  49. if (d.getElementById(id)) return;
  50. js = d.createElement(s); js.id = id;
  51. js.src = "//connect.facebook.net/en_US/all.js#xfbml=1";
  52. fjs.parentNode.insertBefore(js, fjs);
  53. }(document, 'script', 'facebook-jssdk'));</script>
  54.  
  55. <style type="text/css">
  56. body {
  57. color: #777;
  58. background: #000 url("http://i.imgur.com/sdfevW5.png") repeat;
  59. background-attachment: fixed;
  60. font-family: "04b03";
  61. font-size:8px;
  62. text-transform: uppercase;
  63. line-height: 9px;
  64. }
  65. .btn{display:none;}
  66.  
  67. p {margin:0 0 .75em 0} p:last-child {margin:0}
  68. a {
  69. color: #ff0066;
  70. text-decoration:none;
  71. {block:IfAnimation}-webkit-transition:all .2s ease;-moz-transition:all .2s ease;transition:all .2s ease;-o-transition:all .2s ease;{/block:IfAnimation}}
  72. a:hover {color: #ffffff; }
  73. blockquote {quotes: "" "" "'" "'"; margin: 0.75em 0 .75em .75em;padding-left: 1.5em;
  74. line-height: 100%;border-left: solid 4px #EDEDED;
  75. }
  76.  
  77. b, strong {color: #ff0066; font-weight: normal;}
  78. i, em {color:#ff5548;}
  79. u {color:#fff;}
  80.  
  81.  
  82. ul {
  83. margin: 0px 1.5em .75em;}
  84. li {
  85. margin: .75em 0;
  86. list-style-type: square;
  87. }
  88. .box img {
  89. display: block;
  90. max-width: 100%;}.m-i {
  91. display: block;
  92. line-height: 1px!important;
  93. }
  94. .menu-picture {
  95. line-height: 100%;
  96. display: inline-block;
  97. line-height: 0px!important;
  98. }
  99. .post-link{
  100. font-family: default;
  101. font-size: 8px;
  102. line-height: 8px;
  103. }p.source{text-align: center;}
  104. .menu-picture {
  105. line-height: 100%;display: inline-block;
  106. }p.source{text-align: center;}
  107. h3 {
  108. font-size: 14px; font-weight: normal;
  109. }.tagged { text-align: center; line-height: 8px;font-size: 8px;}
  110. .text { padding: 5px;
  111. }
  112.  
  113. p.question {
  114. margin-bottom: .375em;
  115. }
  116. p.words {
  117. padding: 6px;
  118. line-height: 1.5em;
  119. color: #e0cc6b;
  120. background: #111;
  121. }
  122. .response {
  123. background: #111;
  124. padding: 5px;
  125. margin-bottom: .75em;
  126. }.answer {
  127. text-align: center;
  128. }
  129. .post {
  130. position: relative;
  131. {block:IndexPage}
  132. width:245px;
  133. {/block:IndexPage}
  134. {block:PermalinkPage}
  135. width:500px;
  136. {/block:PermalinkPage}
  137. float:right;
  138. background: #111111;
  139. padding:5px;
  140. margin:2px;
  141. }
  142.  
  143. @font-face {
  144. font-family: "04b03";
  145. src: url("http://static.tumblr.com/necydca/Eurmjztdk/04b_03__.ttf")
  146. }
  147.  
  148. .box {position: relative;}
  149.  
  150. ul {margin-bottom: .75em;}
  151.  
  152. #container {
  153. width:1060px;
  154. margin: 0 auto;
  155. }
  156. #content {
  157. width:800px;
  158. float: right;
  159. }
  160.  
  161. #side {
  162. float:left;
  163. width:250px;
  164. padding:5px;
  165. background: #111111;
  166. position: fixed;
  167. margin-top:150px;
  168. }
  169.  
  170. #infscr-loading{position:absolute!important;width:16px!important;height:11px!important;margin-bottom:-16px!important;top:auto!important;bottom:0;left:50%!important}.post-header-a{z-index:10;top:5px;right:5px;position:absolute;display:block;opacity:0;filter:alpha(opacity = 0);{block:IfAnimation}-webkit-transition:all .2s ease;-moz-transition:all .2s ease;transition:all .2s ease;-o-transition:all .2s ease;{/block:IfAnimation}}.post:hover .post-header-a{opacity:1;filter:alpha(opacity = 100)}.reblog-button{margin-left:3px;float:left;z-index:3333;display:inline-block;width:31px;height:34px;background:rgba(0,0,0,.55) url('http://static.tumblr.com/tpqedpr/Zbmm9zw4y/master.png') 2px -56px no-repeat;text-indent:-999em;overflow:hidden;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;-webkit-box-shadow:inset 0 0 1px rgba(0,0,0,0.5);-moz-box-shadow:inset 0 0 1px rgba(0,0,0,0.5);box-shadow:inset 0 0 1px rgba(0,0,0,0.5);{block:IfAnimation}-webkit-transition:all .2s ease;-moz-transition:all .2s ease;transition:all .2s ease;-o-transition:all .2s ease;{/block:IfAnimation}}.reblog-button:hover{background:rgba(0,0,0,.65) url('http://static.tumblr.com/tpqedpr/Zbmm9zw4y/master.png') -29px -56px no-repeat}.like-button{float:left;z-index:3333;display:inline-block;right:10px;width:29px;height:34px;background:rgba(0,0,0,.55) url('http://static.tumblr.com/tpqedpr/Zbmm9zw4y/master.png') 1px 0 repeat;overflow:hidden;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;-webkit-box-shadow:inset 0 0 1px rgba(0,0,0,0.5);-moz-box-shadow:inset 0 0 1px rgba(0,0,0,0.5);box-shadow:inset 0 0 1px rgba(0,0,0,0.5);{block:IfAnimation}-webkit-transition:all .2s ease;-moz-transition:all .2s ease;transition:all .2s ease;-o-transition:all .2s ease;{/block:IfAnimation}}.like-button:hover{background:rgba(0,0,0,.65) url('http://static.tumblr.com/tpqedpr/Zbmm9zw4y/master.png') -28px 0 repeat}.note-perma{float:left;z-index:3333;font-weight:bold;display:inline-block;margin-left:3px;color:#ffffff;background:rgba(0,0,0,.55);padding:0 5px;font:14px/34px arial,sans-serif;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;-webkit-box-shadow:inset 0 0 1px rgba(0,0,0,0.5);-moz-box-shadow:inset 0 0 1px rgba(0,0,0,0.5);box-shadow:inset 0 0 1px rgba(0,0,0,0.5);{block:IfAnimation}-webkit-transition:all .2s ease;-moz-transition:all .2s ease;transition:all .2s ease;-o-transition:all .2s ease;{/block:IfAnimation}}.note-perma:hover{background:rgba(0,0,0,.65)}
  171.  
  172. a.note-perma,a.note-perma:hover{color:white;text-decoration:none;font-weight:bold}
  173. .perma-a { background: #111; padding: 2px 0px;text-align: center; text-transform: uppercase; {block:IfAnimation}-webkit-transition:all .2s ease;-moz-transition:all .2s ease;transition:all .2s ease;-o-transition:all .2s ease;{/block:IfAnimation}}
  174. p.menu-m {margin: .375em;} .menu-link {margin: 0 3px;}.box iframe {
  175. max-width: 100%;
  176. }.text img {max-width: 100%;}img {display: block;}.box img {display: block;}
  177. .post-info-data{text-align:center}.notes img{display:block;float:left;margin-right:.75em}ol.notes li{margin:.375em 0;list-style-type:none;line-height:16px}
  178.  
  179. #toTop{display:none;text-decoration:none;position:fixed;bottom:10px;right:10px;overflow:hidden;width:21px;height:21px;border:0;text-indent:100%;background:url(http://static.tumblr.com/uiqhh9x/372m6hyqw/up.png) no-repeat left top;opacity:.5;filter:alpha(opacity = 50);{block:IfAnimation}-webkit-transition:all .2s ease;-moz-transition:all .2s ease;transition:all .2s ease;-o-transition:all .2s ease;{/block:IfAnimation}}#toTopHover{width:21px;height:21px;display:block;overflow:hidden;float:left;opacity:0;-moz-opacity:0;filter:alpha(opacity=0);{block:IfAnimation}-webkit-transition:all .2s ease;-moz-transition:all .2s ease;transition:all .2s ease;-o-transition:all .2s ease;{/block:IfAnimation}}#toTop:hover{opacity:1;filter:alpha(opacity = 100)}#toTop:active,#toTop:focus{outline:0}
  180.  
  181. a.btn{position:absolute;z-index:999999;top:26px;right:3px;white-space:nowrap;outline:0;text-decoration:none;cursor:pointer;overflow:hidden;text-overflow:ellipsis;font:600 12px/18px "Helvetica Neue","HelveticaNeue",Helvetica,Arial,sans-serif;height:20px;padding:0 5px;-webkit-font-smoothing:antialiased;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box;-webkit-transition-property:padding;-moz-transition-property:padding;-ms-transition-property:padding;-o-transition-property:padding;transition-property:padding;-webkit-transition-duration:.1s;-moz-transition-duration:.1s;-ms-transition-duration:.1s;-o-transition-duration:.1s;transition-duration:.1s;-webkit-transition-timing-function:ease;-moz-transition-timing-function:ease;-ms-transition-timing-function:ease;-o-transition-timing-function:ease;transition-timing-function:ease}.btn{color:#fff;border:1px solid rgba(0,0,0,0.18);background:rgba(0,0,0,0.38);text-shadow:1px 1px 0 rgba(0,0,0,0.08)}a.btn,a.btn:hover{color:white!important}.btn{margin-bottom:5px;color:#fff;border:1px solid rgba(0,0,0,0.18);background:rgba(0,0,0,0.38);text-shadow:1px 1px 0 rgba(0,0,0,0.08);-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px}.btn:hover::after,.btn:focus::after{background:rgba(255,255,255,0.09);color:white}.btn:active::after{background:rgba(255,255,255,0.18) color:white}.btn_label.show{display:block}.btn::after{position:absolute;top:0;right:0;bottom:0;left:0;content:'';-webkit-border-radius:inherit;-moz-border-radius:inherit;border-radius:inherit}.btn.icon::before{display:block;content:'';position:absolute;top:0;left:0;bottom:0;width:20px;border-radius:inherit;background:url('http://static.tumblr.com/tpqedpr/cQ1mbwb60/de.png') 0 0 no-repeat}.btn.theme::before{background-position:0 -0px}.btn img{width:15px}.btn.icon{padding-left:20px}.btn:active::after {background:rgba(255,255,255,0.18)}.clear {clear: both;} #pagination {display: none;} .clearfix:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.clearfix{display:inline-block}html[xmlns] .clearfix{display:block}* html .clearfix{height:1%}
  182.  
  183. a.navi:link, a.navi:active, a.navi:visited {
  184. font-family: "04b03";
  185. display: block; float:left;
  186. width:56px; margin:1px; padding:2px;
  187. line-height:10px;
  188. text-align: center;
  189. font-size:8px; color:#fff;
  190. background-color:#ff0066;
  191. text-transform:uppercase;
  192. display:block;
  193. -webkit-transition:0.5s; -moz-transition:0.5s;
  194. -ms-transition:0.5s; -o-transition:0.5s; transition:0.5s;
  195. -webkit-border-radius: 10px;
  196. border-radius: 10px;
  197. }
  198.  
  199. a.navi:hover {
  200. color:#eee;
  201. background-color:#111;
  202. }
  203.  
  204. a.navi2:link, a.navi2:active, a.navi2:visited {
  205. font-family: "04b03";
  206. display: bloc; float:left;
  207. width:56px; margin:1px; padding:2px;
  208. line-height:10px;
  209. text-align: center;
  210. font-size:8px; color:#fff;
  211. background-color:#ff5548;
  212. text-transform:uppercase;
  213. display:block;
  214. -webkit-transition:0.5s; -moz-transition:0.5s;
  215. -ms-transition:0.5s; -o-transition:0.5s; transition:0.5s;
  216. -webkit-border-radius: 10px;
  217. border-radius: 10px;
  218. }
  219.  
  220. a.navi2:hover {
  221. color:#eee;
  222. background-color:#111;
  223. }
  224.  
  225. a.nav:link, a.nav:active, a.nav:visited {
  226. font-family: "04b03";
  227. display: block; float:left;
  228. width:52px; margin:1px; padding:2px;
  229. line-height:40px;
  230. text-align: center;
  231. font-size:8px; color:#fff;
  232. background-color:#ff0066;
  233. text-transform:uppercase;
  234. display:block;
  235. -webkit-transition:0.5s; -moz-transition:0.5s;
  236. -ms-transition:0.5s; -o-transition:0.5s; transition:0.5s;
  237. }
  238.  
  239. a.nav:hover {
  240. color:#eee;
  241. background-color:#111
  242. }
  243.  
  244. a.nav2:link, a.nav2:active, a.nav2:visited {
  245. font-family: "04b03";
  246. display: bloc; float:left;
  247. width:52px; margin:1px; padding:2px;
  248. line-height:40px;
  249. text-align: center;
  250. font-size:8px; color:#fff;
  251. background-color:#ff5548;
  252. text-transform:uppercase;
  253. display:block;
  254. -webkit-transition:0.5s; -moz-transition:0.5s;
  255. -ms-transition:0.5s; -o-transition:0.5s; transition:0.5s;
  256. }
  257.  
  258. a.nav2:hover {
  259. color:#eee;
  260. background-color:#111
  261. }
  262.  
  263. a.nav3:link, a.nav3:active, a.nav3:visited {
  264. font-family: "04b03";
  265. display: bloc; float:left;
  266. width:52px; margin:1px; padding:2px;
  267. line-height:40px;
  268. text-align: center;
  269. font-size:8px; color:#fff;
  270. background-color:#ff5548;
  271. text-transform:uppercase;
  272. display:block;
  273. -webkit-transition:0.5s; -moz-transition:0.5s;
  274. -ms-transition:0.5s; -o-transition:0.5s; transition:0.5s;
  275. }
  276.  
  277. a.nav3:hover {
  278. color:#eee;
  279. background-color:#111
  280. }
  281.  
  282. a.nav4:link, a.nav4:active, a.nav4:visited {
  283. font-family: "04b03";
  284. display: bloc; float:left;
  285. width:52px; margin:1px; padding:2px;
  286. line-height:40px;
  287. text-align: center;
  288. font-size:8px; color:#fff;
  289. background-color:#ff0066;
  290. text-transform:uppercase;
  291. display:block;
  292. -webkit-transition:0.5s; -moz-transition:0.5s;
  293. -ms-transition:0.5s; -o-transition:0.5s; transition:0.5s;
  294. }
  295.  
  296. a.nav4:hover {
  297. color:#eee;
  298. background-color:#111
  299. }
  300.  
  301. h1 {
  302. font-family: arial;
  303. font-size: 10px;
  304. line-height: 1.5em;
  305. font-weight: bold;
  306. text-align:center;
  307. border-bottom: 1px dashed #ff0066;
  308. }
  309.  
  310. h1:first-letter{
  311. color:#ff0066;
  312. }
  313.  
  314.  
  315. h2{
  316. color:#fff;
  317. font-family: "04b03";
  318. font-size:8px;
  319. text-align:center;
  320. line-height:10px;
  321. padding:0px;
  322. margin:0px;
  323. margin-bottom:2px;
  324. font-weight: normal;
  325. text-transform: uppercase;
  326. background-color:#f06c9b;
  327. border-bottom: 1px dashed #000;
  328. -webkit-border-radius: 10px;
  329. border-radius: 10px;
  330. }
  331.  
  332. h3 {
  333. color:#fff;
  334. font-family: "04b03";
  335. font-size:8px;
  336. text-align:center;
  337. line-height:10px;
  338. padding:0px;
  339. margin:0px;
  340. margin-bottom:2px;
  341. font-weight: normal;
  342. text-transform: uppercase;
  343. background-color:#ff5548;
  344. border-bottom: 1px dashed #000;
  345. -webkit-border-radius: 10px;
  346. border-radius: 10px;
  347. }
  348.  
  349.  
  350. img.border{
  351. padding:4px; margin:0px;
  352. margin-bottom:2px;
  353. margin-right:2px;
  354. background: #171717;
  355. border:1px solid #111;
  356. }
  357.  
  358. .favs{
  359. float:left;
  360. width: 131px;
  361. height: 110px;
  362. overflow: auto;
  363. margin:0px;
  364. }
  365.  
  366. .aboutme{
  367. float:right;
  368. width:112px;
  369. height:105px;
  370. overflow: auto;
  371. margin:1px;
  372. margin-right:3px;
  373. margin-bottom:3px;
  374. }
  375.  
  376. .favs a{
  377. height:11px;
  378. font-family:times new roman;
  379. margin:1px;
  380. margin-left:0px;
  381. line-height:10px;
  382. text-align: center;
  383. font-family: "04b03";
  384. font-size:8px;
  385. color:#fff;
  386. background-color:#171717;
  387. text-transform:uppercase;
  388. display:block;
  389. -webkit-transition:0.5s; -moz-transition:0.5s;
  390. -ms-transition:0.5s; -o-transition:0.5s; transition:0.5s;
  391. }
  392. .favs a:hover{
  393. color:#eee;
  394. background-color:#1f1f1f;
  395. }
  396.  
  397. a.notes:link, a.notes:active, a.notes:visited {
  398. font-family:times new roman;
  399. margin:1px;
  400. padding:3px;
  401. line-height:12px;
  402. text-align: center;
  403. font-family: "04b03";
  404. font-size:8px;
  405. color:#fff;
  406. background-color:#222;
  407. text-transform:uppercase;
  408. display:block;
  409. float:left;
  410. width:110px;
  411. -webkit-transition:0.5s; -moz-transition:0.5s;
  412. -ms-transition:0.5s; -o-transition:0.5s; transition:0.5s;
  413. }
  414.  
  415. a.notes:hover {
  416. color:#eee;
  417. background-color:#111;
  418. }
  419.  
  420.  
  421. .clears{clear:both;}
  422.  
  423. ::-webkit-scrollbar-thumb {
  424. background-color: #ff0066;
  425. }
  426. ::-webkit-scrollbar {
  427. width: 10px; height: 4px;
  428. background: #111;
  429. }
  430. </style>
  431.  
  432. </head>
  433. <body>
  434.  
  435. <div id="container">
  436. <div id="side">
  437. <img src="{image:Sidebar}" class="border" width=120 height=82 align=left>
  438. <a href="/" class="nav">home</a>
  439. <a href="/ask" class="nav2">askme</a>
  440. <a href="/archive" class="nav3">archive</a>
  441. <a href="/random" class="nav4">random</a>
  442. <div class="clears"></div>
  443.  
  444. <div class="aboutme">
  445. <h1>about me</h1>
  446. {Description}
  447. </div>
  448.  
  449. <div class="favs">
  450. <h3>favorites</h3>
  451. <a href="" class="favs">link here</a>
  452. <a href="" class="favs">link here</a>
  453. <a href="" class="favs">link here</a>
  454. <a href="" class="favs">link here</a>
  455. <a href="" class="favs">link here</a>
  456. <a href="" class="favs">link here</a>
  457. <a href="" class="favs">link here</a>
  458. </div>
  459.  
  460. <div class="clears"></div>
  461.  
  462. <h2>Social Networks</h2>
  463. <center>
  464. <a href="/" class="navi">Instagram</a>
  465. <a href="/" class="navi2">Youtube</a>
  466. <a href="/" class="navi"> Facebook</a>
  467. <a href="/" class="navi2">Twitter</a>
  468. </center>
  469.  
  470. <div class="clears"></div>
  471. <br>
  472. <h3>likes & dislikes</h3>
  473. LOREM IPSUM <b>DOLOR</B> SIT AMET, CONSECTETUER ADIPISCING ELIT. ALIQUAM NISI LOREM, PULVINAR ID, COMMODO FEUGIAT,<i> VEHICULA</i> ET, MAURIS. ALIQUAM <u>MATTIS</u> PORTA URNA. MAECENAS DUI NEQUE, RHONCUS SED, VEHICULA VITAE, AUCTOR AT, NISI. <b>AENEAN</b> ID MASSA UT LACUS MOLESTIE PORTA. CURABITUR SIT AMET QUAM ID LIBERO <i>SUSCIPIT</i> VENENATIS.
  474.  
  475.  
  476. {block:IfNotInfiniteScroll}{block:Pagination}<p class="previous-next text">{block:PreviousPage}<a href="{PreviousPage}" class="next"><</a>{/block:PreviousPage}<span id="pages"> {CurrentPage} of {TotalPages} </span>{block:NextPage}<a href="{NextPage}" class="previous">></a>{/block:NextPage}</p>{/block:Pagination}{/block:IfNotInfiniteScroll}
  477. </div>
  478.  
  479. <div id="content">
  480. {block:Posts}
  481. <div class="post">
  482.  
  483. {block:Text}
  484. <div class="text">
  485. {block:Title}<h3>{Title}</h3>{/block:Title}
  486. {Body}
  487. <!-- permalink --> {block:IndexPage}
  488. <p class="post-link perma-a"><a href="{Permalink}">Posted {TimeAgo} With {NoteCountWithLabel}</a></p>
  489. <!-- /permalink --> {/block:IndexPage}
  490. </div>
  491. {/block:Text}
  492.  
  493. {block:Quote}
  494. <div class="text quote">
  495. <p class="words">&#8220;{Quote}&#8221;</p>
  496. {block:Source}<p class="source">{Source}</p>{/block:Source}
  497. <!-- permalink --> {block:IndexPage}
  498. <p class="post-link perma-a"><a href="{Permalink}">Posted {TimeAgo} With {NoteCountWithLabel}</a></p>
  499. <!-- /permalink --> {/block:IndexPage}
  500. </div>
  501. {/block:Quote}
  502.  
  503. {block:Link}
  504. <div class="text link">
  505. <h3><a href="{URL}" {Target}>{Name}</a></h3>
  506. {block:Description}{Description}{/block:Description}
  507. <!-- permalink --> {block:IndexPage}
  508. <p class="post-link perma-a"><a href="{Permalink}">Posted {TimeAgo} With {NoteCountWithLabel}</a></p>
  509. <!-- /permalink --> {/block:IndexPage}
  510. </div>
  511. {/block:Link}
  512.  
  513. {block:Chat}
  514. <div class="text chat">
  515. <ul class="conversation">
  516. {block:Lines}
  517. <li class="line {Alt}">
  518. {block:Label}<span class="person">{Label}</span>{/block:Label}
  519. <span class="person-said">{Line}</span>
  520. </li>
  521. {/block:Lines}
  522. </ul>
  523. <!-- permalink --> {block:IndexPage}
  524. <p class="post-link perma-a"><a href="{Permalink}">Posted {TimeAgo} With {NoteCountWithLabel}</a></p>
  525. <!-- /permalink --> {/block:IndexPage}
  526. </div>
  527. {/block:Chat}
  528.  
  529. {block:Audio}
  530. <div class="text audio">
  531. <p>{AudioPlayerBlack}</p>
  532. {block:IndexPage}{block:IfShowCaptions}
  533. {block:Caption}{Caption}{/block:Caption}
  534. {/block:IfShowCaptions}{/block:IndexPage}
  535. <!-- permalink --> {block:IndexPage}
  536. <p class="post-link perma-a"><a href="{Permalink}">Posted {TimeAgo} With {NoteCountWithLabel}</a></p>
  537. <!-- /permalink --> {/block:IndexPage}
  538. </div>
  539. {/block:Audio}
  540.  
  541. {block:Answer}
  542. <div class="text answer">
  543. <div class="response">
  544. <p class="question"><img src="{AskerPortraitURL-30}" class="border" align="left"> {Question}</p></div>
  545. {Answer}
  546. <!-- permalink --> {block:IndexPage}
  547. <p class="post-link perma-a"><a href="{Permalink}">Posted {TimeAgo} With {NoteCountWithLabel}</a></p>
  548. <!-- /permalink --> {/block:IndexPage}
  549. </div>
  550. {/block:Answer}
  551.  
  552. {block:Photoset}
  553. <div class="photoset">
  554. <div class="box">
  555. <!-- permalink --> {block:IndexPage}
  556. <div class="post-header-a">
  557. <a class="like-button" id="like{PostID}" href="javascript:likelink('{PostID}','{Permalink}','');"><img src="http://static.tumblr.com/lba83dv/OUUltd958/spacer.gif" width="29" height="34" alt="Like this post" id="likeimage{PostID}"/></a>
  558. <a class="reblog-button" href="{reblogurl}" target="_blank"></a>
  559. <a class="note-perma" id="notes{PostID}" href="{Permalink}">{NoteCount}</a>
  560. </div>
  561. <!-- /permalink --> {/block:IndexPage}
  562. {block:IndexPage}<center>{Photoset-250}</center>{/block:IndexPage}
  563. {block:PermalinkPage}{Photoset-500}{/block:PermalinkPage}
  564. </div>
  565.  
  566. </div>
  567. {/block:Photoset}
  568.  
  569. {block:Video}
  570. <div class="video">
  571. <div class="box">
  572. <!-- permalink --> {block:IndexPage}
  573. <div class="post-header-a">
  574. <a class="like-button" id="like{PostID}" href="javascript:likelink('{PostID}','{Permalink}','');"><img src="http://static.tumblr.com/lba83dv/OUUltd958/spacer.gif" width="29" height="34" alt="Like this post" id="likeimage{PostID}"/></a>
  575. <a class="reblog-button" href="{reblogurl}" target="_blank"></a>
  576. <a class="note-perma" id="notes{PostID}" href="{Permalink}">{NoteCount}</a>
  577. </div>
  578. <!-- /permalink --> {/block:IndexPage}
  579. {block:IndexPage}<center>{Video-250}</center>{/block:IndexPage}
  580. {block:PermalinkPage}{Video-500}{/block:PermalinkPage}
  581. </div>
  582.  
  583. </div>
  584. {/block:Video}
  585.  
  586. {block:Photo}
  587. <div class="photo">
  588. <div class="box">
  589. <!-- permalink --> {block:IndexPage}
  590. <div class="post-header-a">
  591. <a class="notes" href="{reblogurl}" target="_blank">reblog</a>
  592. <a class="notes" id="notes{PostID}" href="{Permalink}">{NoteCount}</a>
  593. </div>
  594. <!-- /permalink --> {/block:IndexPage}
  595. {block:IndexPage}
  596. <a href="{Permalink}"><img src="{PhotoURL-500}" alt="{PhotoAlt}" width="100%"/></a>
  597. {/block:IndexPage}
  598. {block:PermalinkPage}
  599. {LinkOpenTag}<img src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="500"/>{LinkCloseTag}
  600. {/block:PermalinkPage}
  601. </div>
  602.  
  603.  
  604. </div>
  605. {/block:Photo}
  606.  
  607. {block:PermalinkPage}
  608. <div id="post-info" class="text">
  609. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  610. {block:HasTags}
  611. <p class="tagged">{lang:Tagged}: {block:Tags}<a href="{TagURL}">#{Tag}</a> {/block:Tags}</p>
  612. {/block:HasTags}
  613. <p class="post-info-data">
  614. {block:Date}{12Hour}:{Minutes}:{Seconds} @ {MonthNumber}/{DayOfMonth}/{Year}<br/>{/block:Date}
  615. {block:NoteCount}{NoteCountWithLabel}<br />{/block:NoteCount}{block:RebloggedFrom}
  616. Reblogged from <a href="{ReblogParentURL}">{ReblogParentName}</a><br/>Posted by <a href="{ReblogRootURL}">{ReblogRootName}</a>{block:RebloggedFrom}</p>
  617. {block:PostNotes}
  618. {PostNotes}
  619. {/block:PostNotes}
  620. </div>
  621. {/block:PermalinkPage}
  622.  
  623. </div> <!-- end single post -->
  624. {block:ContentSource}
  625. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}" width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" /> {/block:SourceLogo} {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  626. {/block:ContentSource}
  627. <!--{block:NoRebloggedFrom}{block:RebloggedFrom}{ReblogParentName}{/block:RebloggedFrom}{/block:NoRebloggedFrom} -->
  628. {/block:Posts}
  629. </div> <!-- end content -->
  630. <div class="loading"></div>
  631. </div> <!-- end containing div -->
  632. {block:IfInfiniteScroll}
  633. {block:Pagination}<ul id="pagination">
  634. {block:PreviousPage}
  635. <li><a href="{PreviousPage}"></a></li>
  636. {/block:PreviousPage}
  637. {block:JumpPagination length="5"}
  638. {block:CurrentPage}
  639. <li><span class="current_page numbersNav"><strong>{PageNumber}</strong></span></li>
  640. {/block:CurrentPage}
  641. {block:JumpPage}
  642. <li><a class="jump_page numbersNav" href="{URL}">{PageNumber}</a></li>
  643. {/block:JumpPage}
  644. {/block:JumpPagination}
  645. {block:NextPage}
  646. <li><a id="nextPage" href="{NextPage}"></a></li>
  647. {/block:NextPage}
  648. </ul>{/block:Pagination}
  649. {/block:IfInfiniteScroll}
  650. {block:IndexPage}
  651. <script type="text/javascript">
  652. $(window).load(function () {
  653. $('#content').masonry(),
  654. $('.masonryWrap').infinitescroll({
  655. navSelector : '#pagination',
  656. nextSelector : '#pagination a#nextPage',
  657. itemSelector : ".post, .loading",
  658. bufferPx : 40,
  659. loadingImg : "http://static.tumblr.com/uiqhh9x/38Em68qk4/loading.gif",
  660. loadingText : "<em></em>",
  661. },
  662. function() { $('#content').masonry({ appendedContent: $(this) }); }
  663. );
  664. });
  665. </script>
  666. {/block:IndexPage}
  667. {block:IfToTopButton}
  668. <script type="text/javascript">
  669. $(document).ready(function() {
  670. /*
  671. var defaults = {
  672. containerID: 'toTop', // fading element id
  673. containerHoverID: 'toTopHover', // fading element hover id
  674. scrollSpeed: 1200,
  675. easingType: 'linear'
  676. };
  677. */
  678.  
  679. $().UItoTop({ easingType: 'easeOutQuart' });
  680.  
  681. });
  682. </script>
  683. <a href="#" id="toTop" style="display: none; "><span id="toTopHover"></span>To Top</a>
  684. {/block:IfToTopButton}<script type="text/javascript" src="http://static.tumblr.com/tpqedpr/26Qm9zxnj/like.js"></script>
  685. <iframe id="likeiframe" style="width: 1px; height: 1px;"></iframe>
  686. <Script Language='Javascript'>
  687. <!--
  688. document.write(unescape('%3C%64%69%76%20%73%74%79%6C%65%3D%22%0A%70%6F%73%69%74%69%6F%6E%3A%20%66%69%78%65%64%3B%20%0A%6C%65%66%74%3A%20%35%70%78%3B%20%0A%66%6F%6E%74%2D%63%6F%6C%6F%72%3A%23%30%30%30%3B%20%0A%74%6F%70%3A%20%35%70%78%3B%20%0A%62%61%63%6B%67%72%6F%75%6E%64%3A%20%23%66%66%66%3B%20%0A%70%61%64%64%69%6E%67%3A%33%70%78%3B%20%0A%70%61%64%64%69%6E%67%2D%74%6F%70%3A%32%70%78%3B%0A%70%61%64%64%69%6E%67%2D%62%6F%74%74%6F%6D%3A%32%70%78%3B%0A%66%6F%6E%74%2D%66%61%6D%69%6C%79%3A%20%61%72%69%61%6C%3B%0A%66%6F%6E%74%2D%77%65%69%67%68%74%3A%62%6F%6C%64%3B%0A%66%6F%6E%74%2D%73%69%7A%65%3A%31%30%70%78%3B%0A%74%65%78%74%2D%74%72%61%6E%73%66%6F%72%6D%3A%20%75%70%70%65%72%63%61%73%65%3B%0A%22%3E%0A%3C%61%20%68%72%65%66%3D%22%68%74%74%70%3A%2F%2F%63%68%61%72%6D%2D%74%68%65%6D%65%73%2E%74%75%6D%62%6C%72%2E%63%6F%6D%22%3E%74%68%65%6D%65%3C%2F%61%3E%0A%3C%2F%64%69%76%3E'));
  689. //-->
  690. </Script>
  691. </body></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!