API tools faq
paste
Advertisement
AnasaurRawR

#10 Polaroid Memories v1

AnasaurRawR
Oct 26th, 2013
1,872
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 24.97 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3.  
  4. <head>
  5.  
  6. <!-- this theme was made by styleslou.tumblr.com
  7. ____ ___ _ _ _ ____ ____ _ ____ _ _
  8. [__ | \_/ | |___ [__ | | | | |
  9. ___] | | |___ |___ ___] |___ |__| |__|
  10.  
  11. don't remove the credits, please -->
  12.  
  13. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  14.  
  15. <title>{Title}</title>
  16.  
  17. <link rel="shortcut icon" href="{Favicon}">
  18.  
  19. <meta name="color:background" content="#ffffff">
  20. <meta name="color:main text" content="#aaaaaa">
  21. <meta name="color:main links" content="#777777">
  22. <meta name="color:border" content="#eeeeee">
  23. <meta name="color:accent" content="#fafafa">
  24.  
  25. <meta name="image:sidebar image 1" content="">
  26.  
  27. <meta name="image:sidebar image 2" content="">
  28.  
  29. <meta name="image:sidebar image 3" content="">
  30.  
  31. <meta name="if:400px posts" content="1">
  32.  
  33. <meta name="text:link1" content="home">
  34. <meta name="text:link1 url" content="/">
  35. <meta name="text:link2" content="mail">
  36. <meta name="text:link2 url" content="/ask">
  37. <meta name="text:link3" content="link">
  38. <meta name="text:link3 url" content="/">
  39. <meta name="text:link4" content="link">
  40. <meta name="text:link4 url" content="/">
  41. <meta name="text:link5" content="link">
  42. <meta name="text:link5 url" content="/">
  43. <meta name="text:link6" content="link">
  44. <meta name="text:link6 url" content="/">
  45.  
  46. <script src="//ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js"></script>
  47.  
  48. <script src="http://static.tumblr.com/3fk4soa/U3qmpirsn/jquery.tipsy.js" type="text/javascript"></script>
  49.  
  50. <script type="text/javascript">
  51. $(function() {
  52. $('#1').tipsy({fallback: "{text:link1}", gravity: 's', html: 'true', fade: 'true'});
  53. $('#2').tipsy({fallback: "{text:link2}", gravity: 's', html: 'true', fade: 'true'});
  54. $('#3').tipsy({fallback: "{text:link3}", gravity: 's', html: 'true', fade: 'true'});
  55. $('#4').tipsy({fallback: "{text:link4}", gravity: 's', html: 'true', fade: 'true'});
  56. $('#5').tipsy({fallback: "{text:link5}", gravity: 's', html: 'true', fade: 'true'});
  57. $('#6').tipsy({fallback: "{text:link6}", gravity: 's', html: 'true', fade: 'true'});
  58. });
  59. </script>
  60.  
  61. <style type="text/css">
  62.  
  63. html,body{
  64. margin: 0;
  65. padding: 0;}
  66.  
  67. body {
  68. background-color: {color:background};}
  69.  
  70. body,td,th {
  71. font-weight:normal;
  72. font-size: 10px;
  73. font-family: 'calibri';
  74. line-height: 100%;
  75. font-smooth: always;
  76. -webkit-font-smoothing: antialiased;
  77. color: {color:main text};}
  78.  
  79. a {
  80. text-decoration: none;
  81. -webkit-transition: all .2s ease-in-out;
  82. transition: all .2s ease-in-out;
  83. color: {color:main links};}
  84.  
  85. a:hover {
  86. opacity: .4;
  87. -webkit-transition: all .2s ease-in-out;
  88. transition: all .2s ease-in-out;}
  89.  
  90. blockquote {
  91. margin: 0px 0px 0px 5px;
  92. padding-left: 25px;
  93. line-height: 14px;
  94. border-left: 1px solid {color:border};}
  95.  
  96. li {
  97. margin: 0 0 0 -9px;}
  98.  
  99. {block:if400pxposts}
  100. #container {
  101. overflow: hidden;
  102. margin: 0 auto;
  103. width: 700px;}
  104. {/block:if400pxposts}
  105.  
  106. {block:ifnot400pxposts}
  107. #container {
  108. overflow: hidden;
  109. margin: 0 auto;
  110. width: 800px;}
  111. {/block:ifnot400pxposts}
  112.  
  113. #sidebar {
  114. position: fixed;
  115. display: table;
  116. width: 220px;
  117. height: 100%;}
  118.  
  119. #sbcontainer {
  120. display: table-cell;
  121. vertical-align: middle;}
  122.  
  123. #sb {
  124. position: relative;
  125. width: 220px;
  126. height: 450px;}
  127.  
  128. #polaroidone, #polaroidtwo, #polaroidthree {
  129. position: absolute;
  130. left:120px;
  131. width: 93px;
  132. height: 113px;
  133. background-image: url('http://static.tumblr.com/3fk4soa/WSZmskqhu/polaroid_for_theme.png');}
  134.  
  135. #polaroidone {
  136. top: 0;
  137. z-index: 2;
  138. -webkit-transition: all .6s ease-in-out;
  139. transition: all .6s ease-in-out;}
  140.  
  141. #polaroidtwo {
  142. top: 120px;
  143. z-index: 4;
  144. -webkit-transition: all .6s ease-in-out;
  145. transition: all .6s ease-in-out;
  146. -webkit-transform:rotate(-10deg);
  147. -ms-transform:rotate(-10deg);
  148. transform:rotate(-10deg);}
  149.  
  150. #polaroidthree {
  151. top: 246px;
  152. z-index: 3;
  153. -webkit-transition: all .6s ease-in-out;
  154. transition: all .6s ease-in-out;
  155. -webkit-transform:rotate(10deg);
  156. -ms-transform:rotate(10deg);
  157. transform:rotate(10deg);}
  158.  
  159. .polaroidimage img {
  160. position: absolute;
  161. top: 6px;
  162. left: 5px;
  163. width: 84px;
  164. height: 84px;}
  165.  
  166. #sidebar:hover #polaroidone {
  167. top: 123px;
  168. -webkit-transition: all .6s ease-in-out;
  169. transition: all .6s ease-in-out;
  170. -webkit-transform:rotate(-10deg);
  171. -ms-transform:rotate(-10deg);
  172. transform:rotate(-10deg);}
  173.  
  174. #sidebar:hover #polaroidtwo {
  175. -webkit-transition: all .6s ease-in-out;
  176. transition: all .6s ease-in-out;
  177. -webkit-transform:rotate(0deg);
  178. -ms-transform:rotate(0deg);
  179. transform:rotate(0deg);}
  180.  
  181. #sidebar:hover #polaroidthree {
  182. top: 123px;
  183. -webkit-transition: all .6s ease-in-out;
  184. transition: all .6s ease-in-out;}
  185.  
  186. #sbcontents {
  187. position: absolute;
  188. top: 128px;
  189. left: 100px;
  190. display: table;
  191. width: 110px;
  192. height: 97px;
  193. opacity: 0;
  194. -webkit-transition: all .6s ease-in-out;
  195. transition: all .6s ease-in-out;}
  196.  
  197. #sbcontentscenter {
  198. display: table-cell;
  199. vertical-align: middle;}
  200.  
  201. #sblinks {
  202. position: relative;
  203. z-index: 1;
  204. padding-right: 2px;
  205. padding-left: 2px;
  206. width: 106px;
  207. height: 13px;
  208. text-align: justify;
  209. font-size: 9px;
  210. line-height: 11px;
  211. border-bottom: 1px solid {color:border};
  212. border-top: 1px solid {color:border};}
  213.  
  214. #sblinks:after {
  215. display: inline-block;
  216. width: 100%;
  217. content: "";}
  218.  
  219. #sblinks a {
  220. font-size: 9px;}
  221.  
  222. #description {
  223. position: relative;
  224. z-index: 2;
  225. overflow: hidden;
  226. padding-bottom: 3px;
  227. max-height: 58px;
  228. width: 110px;
  229. text-align: justify;
  230. border-bottom: 1px solid {color:border};}
  231.  
  232. #sidebar:hover #sbcontents {
  233. left: 0;
  234. opacity: 1;
  235. -webkit-transition: all .6s ease-in-out;
  236. transition: all .6s ease-in-out;}
  237.  
  238. #pagination {
  239. position: relative;
  240. width: 108px;
  241. height: 13px;
  242. text-align: center;
  243. font-style: italic;
  244. line-height: 11px;}
  245.  
  246. #pagination:after {
  247. display: inline-block;
  248. width: 100%;
  249. content: "";}
  250.  
  251. {block:if400pxposts}
  252. #posts {
  253. float: right;
  254. padding-top: 35px;
  255. width: 400px;}
  256.  
  257. #post {
  258. margin-top: 25px;
  259. padding-bottom: 3px;
  260. width: 400px;
  261. border-bottom: 1px solid {color:border};}
  262.  
  263. #post img {
  264. max-width: 400px;}
  265. {/block:if400pxposts}
  266.  
  267. {block:ifnot400pxposts}
  268. #posts {
  269. float: right;
  270. padding-top: 35px;
  271. width: 500px;}
  272.  
  273. #post {
  274. margin-top: 25px;
  275. padding-bottom: 3px;
  276. width: 500px;
  277. border-bottom: 1px solid {color:border};}
  278.  
  279. #post img {
  280. max-width: 500px;}
  281. {/block:ifnot400pxposts}
  282.  
  283. .posttitle {
  284. font-size: 15px;
  285. line-height: 20px;
  286. color: {color:main links};}
  287.  
  288. #postinfo {
  289. text-align: left;
  290. text-transform: uppercase;
  291. font-size: 8px;
  292. color: {color:main text};}
  293.  
  294. #postinfopermalink {
  295. text-align: center;
  296. text-transform: uppercase;
  297. font-size: 8px;
  298. color: {color:main text};}
  299.  
  300. #postinfo a, #postinfopermalink a {
  301. color: {color:main text};}
  302.  
  303. #postt:hover .tags {
  304. opacity: 1;
  305. -webkit-transition: all .6s ease-in-out;
  306. transition: all .6s ease-in-out;}
  307.  
  308. .tags, .tagspermalink {
  309. text-align: left;
  310. text-transform: lowercase;
  311. letter-spacing: 1px;
  312. font-size: 8px;
  313. -webkit-transition: all .6s ease-in-out;
  314. transition: all .6s ease-in-out;
  315. color: {color:main links};}
  316.  
  317. .tagspermalink {text-align: center;}
  318.  
  319. .tags {
  320. opacity: .1;}
  321.  
  322. #quote {
  323. font-style: italic;
  324. font-size: 12px;}
  325.  
  326. .odd {
  327. padding: 1px;}
  328.  
  329. .even {
  330. padding: 1px;
  331. background-color: {color:accent};}
  332.  
  333. {block:if400pxposts}
  334. #qaas {
  335. display: block;
  336. width: 400px;
  337. height: auto;}
  338.  
  339. #qaa {
  340. padding: 3px;
  341. padding: 10px;
  342. width: 350px;
  343. -webkit-border-radius: 3px;
  344. -moz-border-radius: 3px;
  345. border-radius: 3px;
  346. line-height: 11px;
  347. background-color: {color:accent};}
  348.  
  349. #qaa img {
  350. max-width: 350px;}
  351.  
  352. #qaa blockquote img,
  353. #qaa li img {
  354. max-width: 319px!important;}
  355. {/block:if400pxposts}
  356.  
  357. {block:ifnot400pxposts}
  358. #qaas {
  359. display: block;
  360. width: 500px;
  361. height: auto;}
  362.  
  363. #qaa {
  364. padding: 3px;
  365. padding: 10px;
  366. width: 450px;
  367. -webkit-border-radius: 3px;
  368. -moz-border-radius: 3px;
  369. border-radius: 3px;
  370. line-height: 11px;
  371. background-color: {color:accent};}
  372.  
  373. #qaa img {
  374. max-width: 450px;}
  375.  
  376. #qaa blockquote img,
  377. #qaa li img {
  378. max-width: 419px!important;}
  379. {/block:ifnot400pxposts}
  380.  
  381. #qaa a {
  382. text-decoration: underline;
  383. color: {color:accent text};}
  384.  
  385. #askans {
  386. float: right;
  387. margin-top: 5px;}
  388.  
  389. #askans img {
  390. -webkit-border-radius: 3px;
  391. -moz-border-radius: 3px;
  392. border-radius: 3px;}
  393.  
  394. #triangleright {
  395. float: right;
  396. margin-top: 7px;
  397. width: 0;
  398. height: 0;
  399. border-top: 10px solid transparent;
  400. border-bottom: 10px solid transparent;
  401. border-left: 7px solid {color:accent};}
  402.  
  403. #albumart {
  404. display: block;
  405. padding: 3px;
  406. width: 64px;
  407. height: 64px;
  408. -webkit-border-top-left-radius: 3px;
  409. -moz-border-radius-topleft: 3px;
  410. border-top-left-radius: 3px;
  411. -webkit-border-bottom-left-radius: 3px;
  412. -moz-border-radius-bottomleft: 3px;
  413. border-bottom-left-radius: 3px;
  414. background-color: {color:accent};}
  415.  
  416. #albumart img {
  417. margin-top: 2px;
  418. margin-left: 2px;
  419. width: 60px;
  420. height: 60px;}
  421.  
  422. {block:if400pxposts}
  423. #audioinfo {
  424. display: table;
  425. margin-top: -65px;
  426. margin-left: 67px;
  427. width: 333px;
  428. height: 70px;
  429. -webkit-border-top-right-radius: 3px;
  430. -moz-border-radius-topright: 3px;
  431. border-top-right-radius: 3px;
  432. -webkit-border-bottom-right-radius: 3px;
  433. -moz-border-radius-bottomright: 3px;
  434. border-bottom-right-radius: 3px;
  435. text-align: center;
  436. text-transform: uppercase;
  437. letter-spacing: 1px;
  438. font-size: 8px;
  439. background-color: {color:accent};
  440. color: {color:main text};}
  441. {/block:if400pxposts}
  442.  
  443. {block:ifnot400pxposts}
  444. #audioinfo {
  445. display: table;
  446. margin-top: -65px;
  447. margin-left: 67px;
  448. width: 433px;
  449. height: 70px;
  450. -webkit-border-top-right-radius: 3px;
  451. -moz-border-radius-topright: 3px;
  452. border-top-right-radius: 3px;
  453. -webkit-border-bottom-right-radius: 3px;
  454. -moz-border-radius-bottomright: 3px;
  455. border-bottom-right-radius: 3px;
  456. text-align: center;
  457. text-transform: uppercase;
  458. letter-spacing: 1px;
  459. font-size: 8px;
  460. background-color: {color:accent};
  461. color: {color:main text};}
  462. {/block:ifnot400pxposts}
  463.  
  464. #playercontainer {
  465. display: block;
  466. overflow: hidden;
  467. margin-top: -65px;
  468. margin-left: 5px;
  469. width: 40px;
  470. height: 40px;
  471. border: 10px solid #ffffff;
  472. background-color: #ffffff;
  473. opacity: .4;
  474. -webkit-transition: all .5s ease-in-out;
  475. transition: all .5s ease-in-out;}
  476.  
  477. .player * {
  478. position: relative;
  479. top: -1px;
  480. left: -1px;
  481. width: 250px;
  482. height: 47px;}
  483.  
  484. #audiopost:hover #playercontainer {
  485. opacity: .7;
  486. -webkit-transition: all .5s ease-in-out;
  487. transition: all .5s ease-in-out;}
  488.  
  489. #audiotxt {
  490. display: table-cell;
  491. vertical-align: middle;}
  492.  
  493. .tipsy {
  494. padding: 3px;
  495. text-align: center;
  496. text-transform: uppercase;
  497. font-size: 9px;
  498. background-color: {color:accent};
  499. color: {color:main links};}
  500.  
  501. .tipsy-north {background-position: top center;}
  502.  
  503. .tipsy-south {background-position: bottom center;}
  504.  
  505. .tipsy-east {background-position: right center;}
  506.  
  507. .tipsy-west {background-position: left center;}
  508.  
  509. {block:if400pxposts}
  510. blockquote img,
  511. li img {
  512. max-width: 369px!important;}
  513.  
  514. blockquote blockquote img,
  515. li li img,
  516. blockquote li img {
  517. max-width: 338px!important;}
  518.  
  519. blockquote blockquote blockquote img,
  520. li li li img,
  521. blockquote blockquote li img {
  522. max-width: 307px!important;}
  523.  
  524. blockquote blockquote blockquote blockquote img,
  525. li li li li img,
  526. blockquote blockquote blockquote li img {
  527. max-width: 276px!important;}
  528.  
  529. blockquote blockquote blockquote blockquote blockquote img,
  530. li li li li li img,
  531. blockquote blockquote blockquote blockquote li img {
  532. max-width: 245px!important;}
  533.  
  534. blockquote blockquote blockquote blockquote blockquote blockquote img,
  535. li li li li li li img,
  536. blockquote blockquote blockquote blockquote blockquote li img {
  537. max-width: 214px!important;}
  538.  
  539. blockquote blockquote blockquote blockquote blockquote blockquote blockquote img,
  540. li li li li li li li img,
  541. blockquote blockquote blockquote blockquote blockquote blockquote li img {
  542. max-width: 183px!important;}
  543.  
  544. blockquote blockquote blockquote blockquote blockquote blockquote blockquote blockquote img,
  545. li li li li li li li li img,
  546. blockquote blockquote blockquote blockquote blockquote blockquote blockquote li img {
  547. max-width: 152px!important;}
  548.  
  549. blockquote blockquote blockquote blockquote blockquote blockquote blockquote blockquote blockquote img,
  550. li li li li li li li li li img,
  551. blockquote blockquote blockquote blockquote blockquote blockquote blockquote blockquote li img {
  552. max-width: 121px!important;}
  553.  
  554. blockquote blockquote blockquote blockquote blockquote blockquote blockquote blockquote blockquote blockquote img,
  555. li li li li li li li li li li img,
  556. blockquote blockquote blockquote blockquote blockquote blockquote blockquote blockquote blockquote li img {
  557. max-width: 90px!important;}
  558.  
  559. blockquote blockquote blockquote blockquote blockquote blockquote blockquote blockquote blockquote blockquote blockquote img,
  560. li li li li li li li li li li li img,
  561. blockquote blockquote blockquote blockquote blockquote blockquote blockquote blockquote blockquote blockquote li img {
  562. max-width: 59px!important;}
  563.  
  564. blockquote blockquote blockquote blockquote blockquote blockquote blockquote blockquote blockquote blockquote blockquote blockquote img,
  565. li li li li li li li li li li li li img,
  566. blockquote blockquote blockquote blockquote blockquote blockquote blockquote blockquote blockquote blockquote blockquote li img {
  567. max-width: 28px!important;}
  568. {/block:if400pxposts}
  569.  
  570. {block:ifnot400pxposts}
  571. blockquote img,
  572. li img {
  573. max-width: 469px!important;}
  574.  
  575. blockquote blockquote img,
  576. li li img,
  577. blockquote li img {
  578. max-width: 438px!important;}
  579.  
  580. blockquote blockquote blockquote img,
  581. li li li img,
  582. blockquote blockquote li img {
  583. max-width: 407px!important;}
  584.  
  585. blockquote blockquote blockquote blockquote img,
  586. li li li li img,
  587. blockquote blockquote blockquote li img {
  588. max-width: 376px!important;}
  589.  
  590. blockquote blockquote blockquote blockquote blockquote img,
  591. li li li li li img,
  592. blockquote blockquote blockquote blockquote li img {
  593. max-width: 345px!important;}
  594.  
  595. blockquote blockquote blockquote blockquote blockquote blockquote img,
  596. li li li li li li img,
  597. blockquote blockquote blockquote blockquote blockquote li img {
  598. max-width: 314px!important;}
  599.  
  600. blockquote blockquote blockquote blockquote blockquote blockquote blockquote img,
  601. li li li li li li li img,
  602. blockquote blockquote blockquote blockquote blockquote blockquote li img {
  603. max-width: 283px!important;}
  604.  
  605. blockquote blockquote blockquote blockquote blockquote blockquote blockquote blockquote img,
  606. li li li li li li li li img,
  607. blockquote blockquote blockquote blockquote blockquote blockquote blockquote li img {
  608. max-width: 252px!important;}
  609.  
  610. blockquote blockquote blockquote blockquote blockquote blockquote blockquote blockquote blockquote img,
  611. li li li li li li li li li img,
  612. blockquote blockquote blockquote blockquote blockquote blockquote blockquote blockquote li img {
  613. max-width: 221px!important;}
  614.  
  615. blockquote blockquote blockquote blockquote blockquote blockquote blockquote blockquote blockquote blockquote img,
  616. li li li li li li li li li li img,
  617. blockquote blockquote blockquote blockquote blockquote blockquote blockquote blockquote blockquote li img {
  618. max-width: 190px!important;}
  619.  
  620. blockquote blockquote blockquote blockquote blockquote blockquote blockquote blockquote blockquote blockquote blockquote img,
  621. li li li li li li li li li li li img,
  622. blockquote blockquote blockquote blockquote blockquote blockquote blockquote blockquote blockquote blockquote li img {
  623. max-width: 159px!important;}
  624.  
  625. blockquote blockquote blockquote blockquote blockquote blockquote blockquote blockquote blockquote blockquote blockquote blockquote img,
  626. li li li li li li li li li li li li img,
  627. blockquote blockquote blockquote blockquote blockquote blockquote blockquote blockquote blockquote blockquote blockquote li img {
  628. max-width: 128px!important;}
  629. {/block:ifnot400pxposts}
  630.  
  631. #credits {
  632. position: fixed;
  633. right: 10px;
  634. bottom: 10px;
  635. font-size: 12px;}
  636.  
  637. </style>
  638.  
  639. </head>
  640.  
  641. <body>
  642.  
  643. <div id="credits">
  644. <a href="http://styleslou.tumblr.com" target="_blank">©</a>
  645. </div>
  646.  
  647. <div id="container">
  648.  
  649. <div id="sidebar">
  650.  
  651. <div id="sbcontainer">
  652.  
  653. <div id="sb">
  654.  
  655. <div id="polaroidone">
  656. <div class="polaroidimage">
  657. <img src="{image:sidebar image 1}" />
  658. </div>
  659. </div>
  660.  
  661. <div id="polaroidtwo">
  662. <div class="polaroidimage">
  663. <img src="{image:sidebar image 2}" />
  664. </div>
  665. </div>
  666.  
  667. <div id="polaroidthree">
  668. <div class="polaroidimage">
  669. <img src="{image:sidebar image 3}" />
  670. </div>
  671. </div>
  672.  
  673. <div id="sbcontents">
  674.  
  675. <div id="sbcontentscenter">
  676.  
  677. <div id="sblinks">
  678. {block:iflink1}
  679. <a id="1" href="{text:link1 url}">I</a>
  680. {/block:iflink1}
  681.  
  682. {block:iflink2}
  683. <a id="2" href="{text:link2 url}">II</a>
  684. {/block:iflink2}
  685.  
  686. {block:iflink3}
  687. <a id="3" href="{text:link3 url}">III</a>
  688. {/block:iflink3}
  689.  
  690. {block:iflink4}
  691. <a id="4" href="{text:link4 url}">IV</a>
  692. {/block:iflink4}
  693.  
  694. {block:iflink5}
  695. <a id="5" href="{text:link5 url}">V</a>
  696. {/block:iflink5}
  697.  
  698. {block:iflink6}
  699. <a id="6" href="{text:link6 url}">VI</a>
  700. {/block:iflink6}
  701. </div>
  702.  
  703. <div id="description">
  704. {Description}
  705. </div>
  706.  
  707. {block:Pagination}
  708. <div id="pagination">
  709.  
  710. {block:PreviousPage}
  711. <a href="{PreviousPage}">newer</a> —
  712. {/block:PreviousPage}
  713. {block:NextPage}
  714. <a href="{NextPage}">older</a>
  715. {/block:NextPage}
  716.  
  717. </div>
  718. {/block:Pagination}
  719.  
  720. </div>
  721.  
  722. </div>
  723.  
  724. </div>
  725.  
  726. </div>
  727.  
  728. </div>
  729.  
  730.  
  731.  
  732. <div id="posts">
  733.  
  734. {block:Posts}
  735.  
  736. <div id="postt">
  737.  
  738. <div id="post">
  739.  
  740. {block:Text}
  741. {block:Title}
  742. <div class="posttitle">
  743. {Title}
  744. </div>
  745. {/block:Title}
  746. {Body}
  747. {/block:Text}
  748.  
  749. {block:Link}
  750. <div class="posttitle">
  751. <a href="{URL}" {Target}>{Name}</a>
  752. </div>
  753. {block:Description}
  754. {Description}
  755. {/block:Description}
  756. {/block:Link}
  757.  
  758. {block:Quote}
  759. <div id="quote">
  760. “{Quote}”
  761. </div>
  762. {block:Source}
  763. <div style="text-align:right; margin-top:10px;">
  764. — {Source}
  765. </div>
  766. {/block:Source}
  767. {/block:Quote}
  768.  
  769. {block:Chat}
  770. {block:Title}
  771. {Title}
  772. {/block:Title}
  773. {block:Lines}
  774. <div class="Line {Alt}">
  775. {block:Label}
  776. <strong>{Label}</strong>
  777. {/block:Label}
  778. {Line}
  779. </div>
  780. {/block:Lines}
  781. {/block:Chat}
  782.  
  783. {block:Answer}
  784. <div id="qaas">
  785. <div id="askans">
  786. <a href="{AskerURL}"><img src="{AskerPortraitURL-24}" /></a>
  787. </div>
  788. <div id="triangleright"></div>
  789. <div id="qaa">
  790. <span style="font-size: 11px;">{Asker} asked:</span><br>
  791. {Question}
  792. </div>
  793. </div>
  794. {block:Answerer}
  795. <div style="margin-top: 5px;" id="qaas">
  796. <div id="askans">
  797. <a href="{AnswererURL}"><img src="{AnswererPortraitURL-24}" /></a>
  798. </div>
  799. <div id="triangleright"></div>
  800. <div id="qaa">
  801. <span style="font-size: 11px;">{Answerer} answered:</span>
  802. <div style="margin-top: -10px; margin-bottom: -10px;">{Answer}</div>
  803. </div>
  804. </div>
  805. {/block:Answerer}
  806. {Replies}
  807. {/block:Answer}
  808.  
  809. {block:if400pxposts}
  810. {block:Photo}
  811. <center>
  812. <img src="{PhotoURL-400}" alt="{PhotoAlt}"/>
  813. </center>
  814. {block:Caption}
  815. {Caption}
  816. {/block:Caption}
  817. {/block:Photo}
  818.  
  819. {block:Photoset}
  820. <center>
  821. {Photoset-400}
  822. </center>
  823. {block:Caption}
  824. {Caption}
  825. {/block:Caption}
  826. {/block:Photoset}
  827.  
  828. {block:Video}
  829. {Video-400}
  830. {block:Caption}
  831. {Caption}
  832. {/block:Caption}
  833. {/block:Video}
  834. {/block:if400pxposts}
  835.  
  836. {block:ifnot400pxposts}
  837. {block:Photo}
  838. <center>
  839. <img src="{PhotoURL-500}" alt="{PhotoAlt}"/>
  840. </center>
  841. {block:Caption}
  842. {Caption}
  843. {/block:Caption}
  844. {/block:Photo}
  845.  
  846. {block:Photoset}
  847. <center>
  848. {Photoset-500}
  849. </center>
  850. {block:Caption}
  851. {Caption}
  852. {/block:Caption}
  853. {/block:Photoset}
  854.  
  855. {block:Video}
  856. {Video-500}
  857. {block:Caption}
  858. {Caption}
  859. {/block:Caption}
  860. {/block:Video}
  861. {/block:ifnot400pxposts}
  862.  
  863. {block:Audio}
  864.  
  865. <div id="audiopost">
  866. <div id="albumart">
  867. {block:AlbumArt}
  868. <img src="{AlbumArtURL}" />
  869. {/block:AlbumArt}
  870. </div>
  871. <div id="playercontainer">
  872. <div class="player">
  873. {AudioPlayerWhite}
  874. </div>
  875. </div>
  876. <div id="audioinfo">
  877. <div id="audiotxt">
  878. {block:Artist}
  879. <span style="font-size: 15px;">{Artist}</span><br>
  880. {/block:Artist}
  881. {block:TrackName}
  882. <span style="font-size: 11px;">{TrackName}</span><br>
  883. {/block:TrackName}
  884. {block:Album}
  885. <span style="font-size: 8px;">{Album}</span>
  886. {/block:Album}
  887. </div>
  888. </div>
  889. </div>
  890. {block:Caption}
  891. {Caption}
  892. {/block:Caption}
  893. {/block:Audio}
  894.  
  895. </div>
  896.  
  897. {block:IndexPage}
  898.  
  899. {block:Date}
  900.  
  901. <div id="postinfo">
  902. <a href="{permalink}">{TimeAgo}</a>, with <a href="{permalink}">{NoteCountWithLabel}</a>
  903. <span style="float: right;">
  904. {block:RebloggedFrom}
  905. <a href="{ReblogParentURL}" target="_blank">via | </a>
  906. {block:RebloggedFrom}
  907. {block:ContentSource}
  908. <a href="{SourceURL}" target="_blank">source | </a>
  909. {/block:ContentSource}
  910. <a href="{ReblogURL}" target="_blank">reblog</a>
  911. </span>
  912. </div>
  913.  
  914. {block:HasTags}
  915. <div class="tags">
  916. {block:Tags}
  917. #<a href="{TagURL}">{Tag}</a>
  918. {/block:Tags}
  919. </div>
  920. {/block:HasTags}
  921.  
  922.  
  923. {/block:Date}
  924.  
  925. {/block:IndexPage}
  926.  
  927. </div>
  928.  
  929. {block:PermalinkPage}
  930.  
  931. {block:Date}
  932.  
  933. <div id="postinfopermalink">
  934. Posted {timeago} on {DayOfMonthWithZero}/{ShortMonth}/{Year} at {24HourWithZero}:{Minutes}, with {NoteCountWithLabel}{block:RebloggedFrom}, <a target="_blank" href="{ReblogParentURL}">via</a>{/block:RebloggedFrom}{block:ContentSource} — <a href="{SourceURL}">source</a>{/block:ContentSource}.</div>
  935.  
  936.  
  937. {block:HasTags}
  938. <div class="tagspermalink">
  939. <font style="color:{color:text};">Tags:</font>
  940. {block:Tags}
  941. #<a href="{TagURL}">{Tag}</a>
  942. {/block:Tags}
  943. </div>
  944. {/block:HasTags}
  945.  
  946.  
  947.  
  948. {block:PostNotes}
  949. <br><br>
  950. {PostNotes}
  951. {/block:PostNotes}
  952.  
  953. {/block:Date}
  954.  
  955. {/block:PermalinkPage}
  956.  
  957.  
  958. {/block:Posts}
  959.  
  960.  
  961. <br>
  962.  
  963. <br>
  964.  
  965. </div>
  966.  
  967. </div>
  968.  
  969. </body>
  970.  
  971. </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!