API tools faq
paste
thematchgirl

Theme 14: Azalea

thematchgirl
May 30th, 2014
223
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 22.55 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
  2. <html>
  3. <head>
  4. <title>{title}</title>
  5. <link rel="shortcut icon" href="{Favicon}">
  6. <meta name="color:background" content="#cccccc">
  7. <meta name="color:post text" content="#333333">
  8. <meta name="color:sidebar text" content="#ffffff">
  9. <meta name="color:sidebar" content="#333333">
  10. <meta name="color:photo border" content="#333333">
  11. <meta name="color:sidebar links bg" content="#f6f6f6">
  12. <meta name="color:sidebar links" content="#333333">
  13. <meta name="color:music player" content="#ffffff">
  14. <meta name="color:social" content="#cccccc">
  15. <meta name="color:post bg" content="#ffffff">
  16. <meta name="color:title bg" content="#333333">
  17. <meta name="color:title" content="#ffffff">
  18. <meta name="color:question bg" content="#f4f4f4">
  19. <meta name="color:links" content="#7d7d7d">
  20. <meta name="color:links hover" content="#666666">
  21. <meta name="color:info bg" content="#333333">
  22. <meta name="color:info" content="#ffffff">
  23. <meta name="color:blockquote" content="#f4f4f4">
  24. <meta name="color:audio bg" content="#333333">
  25. <meta name="color:audio txt" content="#ffffff">
  26. <meta name="color:chat1 bg" content="#333333">
  27. <meta name="color:chat1 txt" content="#ffffff">
  28. <meta name="color:chat2 bg" content="#f4f4f4">
  29. <meta name="color:chat2 txt" content="#333333">
  30.  
  31. <meta name="image:background" content="http://i.imgur.com/5FnJtF5.png">
  32. <meta name="image:sidebar background" content="http://i.imgur.com/7HmFpO7.png">
  33. <meta name="image:info background" content="http://i.imgur.com/7HmFpO7.png">
  34. <meta name="image:image corner" content="http://i.imgur.com/QOebaYs.png">
  35. <meta name="image:sidebar links bg" content="http://i.imgur.com/VZtkA6e.png">
  36. <meta name="image:icon" content="http://i.imgur.com/IYCAZ1N.png">
  37.  
  38. <meta name="if:Grayscale" content="0" />
  39. <meta name="if:Captions" content="1" />
  40. <meta name="if:250px" content="1" />
  41.  
  42. <meta name="text:Link1" content="" />
  43. <meta name="text:Link1URL" content=""/>
  44. <meta name="text:Link2" content="" />
  45. <meta name="text:Link2URL" content=""/>
  46. <meta name="text:Link3" content="" />
  47. <meta name="text:Link3URL" content=""/>
  48. <meta name="text:Link4" content="" />
  49. <meta name="text:Link4URL" content=""/>
  50. <meta name="text:Link5" content="" />
  51. <meta name="text:Link5URL" content=""/>
  52. <meta name="text:Music" content=""/>
  53. <meta name="text:Playlist" content=""/>
  54. <meta name="text:Twitter" content=""/>
  55. <meta name="text:Tumblr" content=""/>
  56. <meta name="text:Facebook" content=""/>
  57. <meta name="text:linkedIn" content=""/>
  58. <meta name="text:Instagram" content=""/>
  59. <meta name="text:Wordpress" content=""/>
  60. </head>
  61.  
  62. <script src="http://static.tumblr.com/hzv1lz4/I7Nmugrrm/pace.min.js"></script>
  63. <script src="http://static.tumblr.com/hzv1lz4/mximugrsq/jquery.min.js"></script>
  64. <script src="http://static.tumblr.com/twte3d7/H8Glm663z/masonry.js"></script>
  65. <script type="text/javascript">
  66. $(window).load(function () {
  67. $('#post').masonry({
  68. itemSelector : ".post",
  69. },
  70. function() { $('#post').masonry({ appendedContent: $(this) }); }
  71. );
  72. });
  73. </script>
  74. <script src="http://static.tumblr.com/ikeq9mi/DfYl6o46t/scrolltotop.min.js"></script>
  75. <style>
  76. @font-face {
  77. font-family: ElegantIcons;
  78. src: url('http://static.tumblr.com/hzv1lz4/pFrmugsne/eleganticons.ttf');
  79. }
  80.  
  81. [data-icon]:before {
  82. font-family:ElegantIcons;
  83. content:attr(data-icon);
  84. speak:none;
  85. font-weight:400;
  86. font-variant:normal;
  87. text-transform:none;
  88. line-height:1;
  89. -webkit-font-smoothing:antialiased;
  90. }
  91.  
  92. .social_facebook, .social_twitter, .social_pinterest, .social_googleplus, .social_tumblr, .social_wordpress, .social_instagram, .social_linkedin {
  93. font-family:ElegantIcons;
  94. speak:none;
  95. font-style:normal;
  96. font-weight:400;
  97. font-variant:normal;
  98. text-transform:none;
  99. line-height:1;
  100. -webkit-font-smoothing:antialiased;
  101. }
  102.  
  103. .social_facebook:before {
  104. content:"\e093";
  105. }
  106.  
  107. .social_twitter:before {
  108. content:"\e094";
  109. }
  110.  
  111. .social_pinterest:before {
  112. content:"\e095";
  113. }
  114.  
  115. .social_googleplus:before {
  116. content:"\e096";
  117. }
  118.  
  119. .social_tumblr:before {
  120. content:"\e097";
  121. }
  122.  
  123. .social_tumbleupon:before {
  124. content:"\e098";
  125. }
  126. .social_wordpress:before {
  127. content:"\e099";
  128. }
  129.  
  130. .social_instagram:before {
  131. content:"\e09a";
  132. }
  133.  
  134. .social_dribbble:before {
  135. content:"\e09b";
  136. }
  137.  
  138. .social_vimeo:before {
  139. content:"\e09c";
  140. }
  141.  
  142. .social_linkedin:before {
  143. content:"\e09d";
  144. }
  145.  
  146. .social_rss:before {
  147. content:"\e09e";
  148. }
  149.  
  150. .social_deviantart:before {
  151. content:"\e09f";
  152. }
  153.  
  154. .social_share:before {
  155. content:"\e0a0";
  156. }
  157.  
  158. .social_myspace:before {
  159. content:"\e0a1";
  160. }
  161.  
  162. .social_skype:before {
  163. content:"\e0a2";
  164. }
  165.  
  166. .social_youtube:before {
  167. content:"\e0a3";
  168. }
  169.  
  170. .social_picassa:before {
  171. content:"\e0a4";
  172. }
  173.  
  174. .social_googledrive:before {
  175. content:"\e0a5";
  176. }
  177.  
  178. .social_flickr:before {
  179. content:"\e0a6";
  180. }
  181.  
  182. .social_blogger:before {
  183. content:"\e0a7";
  184. }
  185.  
  186. .social_spotify:before {
  187. content:"\e0a8";
  188. }
  189.  
  190. .social_delicious:before {
  191. content:"\e0a9";
  192. }
  193.  
  194. body {
  195. background:url({image:background}) {color:background} fixed;
  196. font-family:cambria;
  197. font-size:13px;
  198. color:{color:post text};
  199. }
  200.  
  201. #sidebar {
  202. padding:20px;
  203. width:280px;
  204. height:100%;
  205. position:fixed;
  206. bottom:-150px;
  207. left:0;
  208. color:{color:sidebar text};
  209. background:url({image:sidebar background}) {color:sidebar};
  210. -webkit-box-shadow: 2px 0px 11px rgba(50, 50, 50, 0.75);
  211. -moz-box-shadow: 2px 0px 11px rgba(50, 50, 50, 0.75);
  212. box-shadow: 2px 0px 11px rgba(50, 50, 50, 0.75);
  213. }
  214.  
  215. #bg {
  216. background:url({image:image corner}) bottom right;
  217. height:400px;
  218. width:280px;
  219. position:fixed;
  220. bottom:0;
  221. z-index:-1000;
  222. right:0;
  223. }
  224.  
  225. #credit {
  226. font-size:14px;
  227. color:{color:sidebar text};
  228. background:url({image:sidebar background}) {color:sidebar};
  229. text-align:center;
  230. font-family:courier new;
  231. font-weight:700;
  232. padding:10px;
  233. {block:if250px}width:662px;{/block:if250px}
  234. {block:ifnot250px}width:572px;{/block:ifnot250px}
  235. margin-left:365px;
  236. -webkit-box-shadow: 2px 0px 11px rgba(50, 50, 50, 0.75);
  237. -moz-box-shadow: 2px 0px 11px rgba(50, 50, 50, 0.75);
  238. box-shadow: 2px 0px 11px rgba(50, 50, 50, 0.75);
  239. position:fixed;
  240. bottom:0;
  241. }
  242.  
  243. .icon {
  244. width:125px;
  245. position:absolute;
  246. top:-80px;
  247. border:15px solid {color:sidebar};
  248. -webkit-box-shadow: 2px 0px 11px rgba(50, 50, 50, 0.75);
  249. -moz-box-shadow: 2px 0px 11px rgba(50, 50, 50, 0.75);
  250. box-shadow: 2px 0px 11px rgba(50, 50, 50, 0.75);
  251. }
  252.  
  253.  
  254. #link {
  255. float:right;
  256. font-family:courier new;
  257. width:40%;
  258. }
  259.  
  260. #link a {
  261. font-size:15px;
  262. width:100px;
  263. padding:5px;
  264. text-align:center;
  265. text-transform:uppercase;
  266. display:block;
  267. background:url({image:sidebar links bg}) {color:sidebar links bg};
  268. color:{color:sidebar links};
  269. text-decoration:none;
  270. font-weight:700;
  271. margin-bottom:5px;
  272. transform:rotate(-3deg);
  273. -ms-transform:rotate(-3deg);
  274. -webkit-transform:rotate(-3deg);
  275. }
  276.  
  277. #pagination {
  278. margin-top:10px;
  279. text-align:center;
  280. }
  281.  
  282. #pagination a {
  283. background:url({image:sidebar links bg}) {color:sidebar links bg};
  284. color:{color:sidebar links};
  285. color:#333;
  286. padding:3px;
  287. margin:3px;
  288. }
  289.  
  290. #pagination .current_page {
  291. color:{color:sidebar text};
  292. padding:3px;
  293. margin:3px;
  294. }
  295.  
  296. #link a:hover {
  297. text-decoration:underline;
  298. font-style:italic;
  299. }
  300.  
  301. #description {
  302. color:{color:sidebar text};
  303. float:left;
  304. width:155px;
  305. margin-top:70px;
  306. text-align:justify;
  307. font-size:11px;
  308. }
  309.  
  310. #music {
  311. background:{color:music player};
  312. border:2px dashed {color:sidebar};
  313. padding:5px;
  314. width:15px;
  315. height:15px;
  316. position:fixed;
  317. left:190px;
  318. top:60px;
  319. z-index:1000;
  320. }
  321.  
  322. #musicplay {
  323. position:absolute;
  324. margin-left:-100px;
  325. background:{color:music player};
  326. border:2px dashed {color:sidebar};
  327. top:0;
  328. height:15px;
  329. padding:5px;
  330. opacity:0;
  331. font-size:11px;
  332. margin-top:-3px;
  333. -webkit-transition: all 0.8s ease-in-out;
  334. -moz-transition: all 0.8s ease-in-out;
  335. -o-transition: all 0.8s ease-in-out;
  336. -ms-transition: all 0.8s ease-in-out;
  337. transition: all 0.8s ease-in-out;
  338. overflow:hidden;
  339. }
  340.  
  341. #musicplay:hover {
  342. height:130px;
  343. }
  344.  
  345. #music:hover #musicplay {
  346. margin-left:35px;
  347. opacity:1;
  348. }
  349.  
  350. #social {
  351. position:absolute;
  352. bottom:175px;
  353. font-size:30px;
  354. text-align:center;
  355. color:{color:social};
  356. width:80%;
  357. }
  358.  
  359. #social a {
  360. font-size:30px;
  361. color:{color:social};
  362. }
  363.  
  364. #social a:hover {
  365. color:{color:sidebar text};
  366. }
  367.  
  368. #post {
  369. {block:indexpage}{block:if250px}width:680px;{/block:if250px}{/block:indexpage}
  370. {block:ifnot250px}width:600px;{/block:ifnot250px}
  371. {block:permalinkpage}width:600px;{/block:permalinkpage}
  372. margin-left:350px;
  373. margin-top:50px;
  374. margin-bottom:100px;
  375. }
  376.  
  377. .post {
  378. margin-left:30px;
  379. float:left;
  380. position:block;
  381. {block:if250px}width:250px;{/block:if250px}
  382. {block:ifnot250px}width:500px;{/block:ifnot250px}
  383. {block:permalinkpage}width:500px;{/block:permalinkpage}
  384. padding:30px;
  385. background:{color:post bg};
  386. margin-bottom:30px;
  387. -webkit-box-shadow: 2px 0px 11px rgba(50, 50, 50, 0.75);
  388. -moz-box-shadow: 2px 0px 11px rgba(50, 50, 50, 0.75);
  389. box-shadow: 2px 0px 11px rgba(50, 50, 50, 0.75);
  390. text-align:justify;
  391. }
  392.  
  393. h2 {
  394. background:{color:title bg};
  395. text-align:center;
  396. color:{color:title};
  397. font-size:16px;
  398. font-family:courier new;
  399. width:100%;
  400. font-weight:700;
  401. font-style:italic;
  402. text-transform:lowercase;
  403. }
  404.  
  405. .quote {
  406. background:{color:title bg};
  407. text-align:center;
  408. color:{color:title};
  409. font-size:16px;
  410. font-family:courier new;
  411. width:100%;
  412. font-weight:700;
  413. font-style:italic;
  414. text-transform:lowercase;
  415. }
  416.  
  417. .asker {
  418. background:{color:title bg};
  419. width:100px;
  420. color:{color:title};
  421. text-align:center;
  422. padding:5px;
  423. }
  424.  
  425. .ask {
  426. margin-left:25px;
  427. padding:20px;
  428. background:{color:question bg};
  429. }
  430.  
  431. h2 a {
  432. color:{color:title};
  433. font-size:16px;
  434. text-decoration:none;
  435. }
  436.  
  437. a {
  438. color:{color:links};
  439. text-decoration:none;
  440. cursor:crosshair;
  441. }
  442.  
  443. a:hover {
  444. color:{color:links hover};
  445. cursor:crosshair;
  446. }
  447.  
  448. {block:indexpage}{block:if250px}.info {
  449. position:absolute;
  450. bottom:-10px;
  451. background:url({image:info background}) {color:info bg};
  452. text-align:center;
  453. color:{color:info};
  454. font-size:11px;
  455. font-family:courier new;
  456. font-weight:700;
  457. text-transform:lowercase;
  458. width:80%;
  459. float:right;
  460. margin-top:27.5px;
  461. transform:rotate(-2deg);
  462. -ms-transform:rotate(-2deg);
  463. -webkit-transform:rotate(-2deg);
  464. }{/block:if250px}
  465.  
  466. {block:ifnot250px}.info {
  467. position:absolute;
  468. bottom:-10px;
  469. background:#333;
  470. text-align:center;
  471. color:#fff;
  472. font-size:11px;
  473. font-family:courier new;
  474. font-weight:700;
  475. text-transform:lowercase;
  476. width:50%;
  477. right:30px;
  478. margin-top:27.5px;
  479. transform:rotate(-2deg);
  480. -ms-transform:rotate(-2deg);
  481. -webkit-transform:rotate(-2deg);
  482. }{/block:ifnot250px}{/block:indexpage}
  483.  
  484. {block:PermalinkPage}.info {
  485. background:#333;
  486. text-align:center;
  487. color:#fff;
  488. font-size:11px;
  489. font-family:courier new;
  490. font-weight:700;
  491. text-transform:lowercase;
  492. margin-top:10px;
  493. display:block;
  494. padding:5px;
  495. }{/block:PermalinkPage}
  496.  
  497. .info a {
  498. color:{color:info};
  499. }
  500.  
  501. ::-moz-selection {
  502. background-color:{color:post text};
  503. color:{color:post};
  504. }
  505.  
  506. ::selection {
  507. background-color:{color:post text};
  508. color:{color:post};
  509. }
  510.  
  511. ::-webkit-scrollbar-thumb:vertical {
  512. height:12px;
  513. border:2px solid {color:background};
  514. background-color:{color:sidebar};
  515. }
  516.  
  517. ::-webkit-scrollbar-thumb:horizontal {
  518. background-color:{color:background};
  519. }
  520.  
  521. ::-webkit-scrollbar {
  522. width:12px;
  523. height:7px;
  524. border:5px solid {color:background};
  525. background-color:{color:sidebar};
  526. }
  527.  
  528. blockquote {
  529. padding:5px;
  530. font-family:courier new;
  531. font-size:11px;
  532. background:url(http://i.imgur.com/ntWSG6U.png) no-repeat {color:blockquote};
  533. padding-left:30px;
  534. }
  535.  
  536. pre {
  537. background:{color:blockquote};
  538. padding:5px;
  539. font-family:courier new;
  540. font-size:11px;
  541. word-break:break-word;
  542. }
  543.  
  544. .pace {
  545. -webkit-pointer-events: none;
  546. pointer-events: none;
  547. -webkit-user-select: none;
  548. -moz-user-select: none;
  549. user-select: none;
  550. }
  551.  
  552. .pace .pace-activity {
  553. display: block;
  554. position: fixed;
  555. z-index: 2000;
  556. top: 0;
  557. right: 0;
  558. width: 300px;
  559. height: 300px;
  560. background: #333;
  561. -webkit-transition: -webkit-transform 0.3s;
  562. transition: transform 0.3s;
  563. -webkit-transform: translateX(100%) translateY(-100%) rotate(45deg);
  564. transform: translateX(100%) translateY(-100%) rotate(45deg);
  565. pointer-events: none;
  566. }
  567. .pace.pace-active .pace-activity {
  568. -webkit-transform: translateX(50%) translateY(-50%) rotate(45deg);
  569. transform: translateX(50%) translateY(-50%) rotate(45deg);
  570. }
  571. .pace .pace-activity::before,
  572. .pace .pace-activity::after {
  573. position: absolute;
  574. bottom: 30px;
  575. left: 50%;
  576. display: block;
  577. border: 5px solid #fff;
  578. border-radius: 50%;
  579. content: '';
  580. }
  581. .pace .pace-activity::before {
  582. margin-left: -40px;
  583. width: 80px;
  584. height: 80px;
  585. border-right-color: rgba(0, 0, 0, .2);
  586. border-left-color: rgba(0, 0, 0, .2);
  587. -webkit-animation: pace-rotation 3s linear infinite;
  588. animation: pace-rotation 3s linear infinite;
  589. }
  590. .pace .pace-activity::after {
  591. bottom: 50px;
  592. margin-left: -20px;
  593. width: 40px;
  594. height: 40px;
  595. border-top-color: rgba(0, 0, 0, .2);
  596. border-bottom-color: rgba(0, 0, 0, .2);
  597. -webkit-animation: pace-rotation 1s linear infinite;
  598. animation: pace-rotation 1s linear infinite;
  599. }
  600. @-webkit-keyframes pace-rotation {
  601. 0% { -webkit-transform: rotate(0deg); }
  602. 100% { -webkit-transform: rotate(359deg); }
  603. }
  604. @keyframes pace-rotation {
  605. 0% { transform: rotate(0deg); }
  606. 100% { transform: rotate(359deg); }
  607. }
  608.  
  609. .music {
  610. width:100%;
  611. height:110px;
  612. text-align:center;
  613. background:{color:audio bg};
  614. color:{color:audio txt};
  615. }
  616.  
  617. .audio {
  618. position:absolute;
  619. background:#000000;
  620. width:25px;
  621. height:25px;
  622. padding:37.5px;
  623. padding-left:10px;
  624. padding-right:65px;
  625. overflow:hidden;
  626. opacity:.5;
  627. display:block;
  628. margin-top:5px;
  629. margin-left:5px;
  630. z-index:10000;
  631. }
  632.  
  633. .mp img {border:5px solid {color:audio bg}; margin-right:5px;}
  634.  
  635. .chat ul {
  636. list-style:none;
  637. text-align:justify;
  638. }
  639.  
  640. .odd {
  641. background:{color:chat1 bg};
  642. color:{color:chat1 txt};
  643. padding:5px;
  644. width:100%;
  645. }
  646.  
  647. .even {
  648. background:{color:chat2 bg};
  649. color:{color:chat2 txt};
  650. padding:5px;
  651. width:100%;
  652. }
  653.  
  654. .mar {
  655. margin-left:-30px;
  656. }
  657.  
  658. .note {
  659. background:{color:sidebar};
  660. color:{color:sidebar text};
  661. padding:20px;
  662. width:90%;
  663. margin-bottom:5px;
  664. text-transform:uppercase;
  665. }
  666.  
  667. .note a {
  668. color:{color:sidebar text};
  669. }
  670.  
  671. .post img {
  672. max-width:100%;
  673. border:5px inset {color:photo border};
  674. display:inline-block;
  675. {block:ifGrayscale}filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+, Firefox on Android */
  676. filter: gray; /* IE6-9 */
  677. -webkit-filter: grayscale(100%);
  678. {/block:ifGrayscale}
  679. }
  680.  
  681. {block:ifGrayscale}.photoset, .html_photoset {
  682. filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+, Firefox on Android */
  683. filter: gray; /* IE6-9 */
  684. -webkit-filter: grayscale(100%);
  685. }{/block:ifGrayscale}}
  686.  
  687. {block:ifGrayscale} img:hover, .photoset:hover {
  688. filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\'/></filter></svg>#grayscale");
  689. -webkit-filter: grayscale(0%);
  690. }
  691. {/block:ifGrayscale}
  692.  
  693. </style>
  694. <body>
  695.  
  696. {block:ifmusic}{block:indexpage}<div id="music">
  697. <img src="http://media.tumblr.com/tumblr_m7w2n46Pdl1r6o8v2.gif">
  698. <div id="musicplay">
  699. {text:music}{text:playlist}
  700. </div>
  701. </div>{/block:indexpage}{/block:ifmusic}
  702.  
  703.  
  704. <div id="sidebar">
  705. <img src="{image:icon}" class="icon">
  706. <div id="description">
  707. {description}
  708. </div>
  709. <div id="link">
  710. <a href="/">Refresh</a>
  711. <a href="/ask">message</a>
  712. <a href="/archive">Archive</a>
  713. {block:iflink1}<a href="{text:Link1URL}" class="link">{text:Link1}</a>{/block:iflink1}
  714. {block:iflink2}<a href="{text:Link2URL}" class="link">{text:Link2}</a>{block:iflink2}
  715. {block:iflink3}<a href="{text:Link3URL}" class="link">{text:Link3}</a>{/block:iflink3}
  716. {block:iflink4}<a href="{text:Link4URL}" class="link">{text:Link4}</a>{/block:iflink4}
  717. {block:iflink5}<a href="{text:Link5URL}" class="link">{text:Link5}</a>{/block:iflink5}
  718. <a href="http://adf.ly/aHeZn">Theme</a>
  719. </div>
  720. <div id="social">
  721. {block:iftwitter}<a href="{text:twitter}"><span class="social_twitter"></span></a>{/block:iftwitter}
  722. {block:iffacebook}<a href="{text:facebook}"><span class="social_facebook"></span></a>{/block:iffacebook}
  723. {block:iftumblr}<a href="{text:tumblr}"><span class="social_tumblr"></span></a>{/block:iftumblr}
  724. {block:iflinkedin}<a href="{text:linkedin}"><span class="social_linkedin"></span></a>{/block:iflinkedin}
  725. {block:ifinstagram}<a href="{text:instagram}"><span class="social_instagram"></span></a>{/block:ifinstagram}
  726. {block:ifwordpress}<a href="{text:wordpress}"><span class="social_wordpress"></span></a>{/block:ifwordpress}
  727. </div>
  728. </div>
  729. <div id="bg">
  730. </div>
  731. <div id="post">
  732. {block:Posts}
  733. <div class="post">
  734. <!-- Text -->
  735. {block:Text} {block:Title}<a href="{Permalink}">
  736. <h2>{Title}</h2>
  737. </a>{/block:Title}
  738. {Body}
  739. {/block:Text}
  740. <!-- Photo -->
  741. {block:Photo}
  742. {block:IndexPage}{block:if250px}<center><div class="photo"><a href="{PhotoURL-HighRes}"><img src="{PhotoURL-250}" alt=""></a></div></center>{/block:if250px}{/block:IndexPage}
  743. {block:IndexPage}{block:ifnot250px}<center><div class="photo"><a href="{PhotoURL-HighRes}"><img src="{PhotoURL-500}" alt=""></a></div></center>{/block:ifnot250px}{/block:IndexPage}
  744. {block:PermalinkPage}<center><div class="photo"><a href="{PhotoURL-HighRes}"><img src="{PhotoURL-500}" alt=""></a></div></center>{/block:PermalinkPage}
  745. {block:IndexPage}{block:IfCaptions}{block:Caption}<p>{Caption}</p>{/block:Caption}{/block:IfCaptions}{/block:IndexPage}
  746. {block:PermalinkPage}{block:Caption}<p>{Caption}</p>{/block:Caption}{/block:PermalinkPage}
  747. {/block:Photo}
  748.  
  749. <!-- Photoset -->
  750. {block:Photoset}
  751. {block:IndexPage}{block:if250px}<div class="photo"><center>{Photoset-250}</center></div>{/block:if250px}{/block:IndexPage}
  752. {block:IndexPage}{block:ifnot250px}<div class="photo"><center>{Photoset-500}</center></div>{/block:ifnot250px}{/block:IndexPage}
  753. {block:PermalinkPage}<center><div class="photo">{Photoset-500}</div></center>{/block:PermalinkPage}
  754. {block:IndexPage}{block:IfCaptions}{block:Caption}<p>{Caption}</p>{/block:Caption}{/block:IfCaptions}{/block:IndexPage}
  755. {block:PermalinkPage}{block:Caption}<p>{Caption}</p>{/block:Caption}{/block:PermalinkPage}
  756. {/block:Photoset}
  757. <!-- Quote -->
  758. {block:Quote}
  759. <div class="quote">
  760. {Quote}
  761. </div>
  762. {block:Source}<i><center>
  763. <p>
  764. <b>→</b> {Source}
  765. </p>
  766. </center></i>{/block:Source} {/block:Quote}
  767. <!-- Link -->
  768. {block:Link}
  769. <h2><a href="{URL}" target="_blank">{Name} →</a></h2>
  770. <div class="content">
  771. {block:Description}
  772. <p>
  773. {Description}
  774. </p>
  775. {/block:Description}
  776. </div>
  777. {/block:Link}
  778. <!-- Chat -->
  779. {block:Chat} {block:Title}<a href="{Permalink}">
  780. <h2>{Title}</h2>
  781. </a>{/block:Title}
  782. <div class="chat mar">
  783. <ul>
  784. {block:Lines}
  785. <li class="{Alt}">{block:Label} <b>{Label}</b> {/block:Label}{Line}</li>
  786. {/block:Lines}
  787. </ul>
  788. </div>
  789. {/block:Chat}
  790. <!-- Audio -->
  791. {block:Audio}
  792. <div class="mp">
  793. <div class="audio">
  794. {AudioPlayerBlack}
  795. </div>
  796. {block:AlbumArt}
  797. <img src="{AlbumArtURL}" width="100px" height="100px" align="left">
  798. {/block:AlbumArt}
  799.  
  800. <div class="music">
  801. <div class="chat">
  802. <ul>
  803. <li class="odd"><b>Plays:</b>{PlayCountWithLabel} </li>
  804. {block:Artist}
  805. <li class="even"><b>Artist:</b> {Artist}</li>
  806. {/block:Artist} {block:Album}
  807. <li class="odd"><b>Album:</b> {Album}</li>
  808. {/block:Album} {block:TrackName}
  809. <li class="even"><b>Title:</b> {TrackName}</li>
  810. {/block:TrackName}
  811. </ul>
  812. </div>
  813. </div>
  814. </div>
  815.  
  816. {block:IndexPage}{block:IfCaptions}{block:Caption}<p>{Caption}</p>{/block:Caption}{/block:IfCaptions}{/block:IndexPage}
  817. {block:PermalinkPage}{block:Caption}<p>{Caption}</p>{/block:Caption}{/block:PermalinkPage}
  818. {/block:Audio}
  819. <!-- Video -->
  820. {block:Video} <center>{Video-500}</center>
  821. <div class="content">
  822. {block:IndexPage}{block:IfCaptions}{block:Caption}<p>{Caption}</p>{/block:Caption}{/block:IfCaptions}{/block:IndexPage}
  823. {block:PermalinkPage}{block:Caption}<p>{Caption}</p>{/block:Caption}{/block:PermalinkPage}
  824. </div>
  825. {/block:Video}
  826. <!-- Message -->
  827. {block:Answer}
  828. <table>
  829. <tr>
  830. <td valign="top">
  831. <img src="{AskerPortraitURL-128}" width="100px">
  832. <div class="asker">
  833. {Asker}
  834. </div>
  835. </td>
  836. <td class="ask">
  837. {Question}
  838. </td>
  839. </tr>
  840. </table>
  841. {Answer}
  842. {/block:Answer}
  843.  
  844. {block:Date}
  845. <div class="info">
  846. Posted <a href="{Permalink}">{Month} {DayOfMonth}, {Year}</a> with <a href="{Permalink}">{NoteCountWithLabel}</a>
  847. {block:permalinkpage}{block:HasTags}
  848. <div class="tagged">
  849. {block:Tags}<a href="{TagURL}">→ {tag}</a>{/block:Tags}
  850. </div>
  851. {/block:HasTags}{/block:permalinkpage}
  852. </div>
  853. {/block:Date}
  854. </div>
  855. {block:PostNotes}{PostNotes}{/block:PostNotes} {/block:Posts}
  856. </div>
  857. </div>
  858. {block:Pagination}<div id="credit">
  859. <div id="pagination">
  860. {block:PreviousPage}<a href="{PreviousPage}" class="prev">«</a>{/block:PreviousPage}
  861. {block:JumpPagination length="5"}
  862. {block:CurrentPage}<span class="current_page">{PageNumber}</span> {/block:CurrentPage}
  863. {block:JumpPage}<a class="jump_page" href="{URL}">{PageNumber}</a> {/block:JumpPage}
  864. {/block:JumpPagination}
  865. {block:NextPage}<a href="{NextPage}" class="next">»</a>{/block:NextPage}
  866. </div>
  867. <div>{/block:Pagination}
  868. </body>
  869. </html>
Add Comment
Please, Sign In to add comment
Public Pastes
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!