API tools faq
paste
Advertisement
AnasaurRawR

#10 Polaroid Memories v2

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