API tools faq
paste
Advertisement
thematchgirl

Theme 11: A Gloomy Day

thematchgirl
Jun 22nd, 2013
2,343
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 22.20 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="#333333">
  7. <meta name="color:first letter bg" content="#333333">
  8. <meta name="color:chat 1 bg" content="#333333">
  9. <meta name="color:scrollbar" content="#7d7d7d">
  10. <meta name="color:credit bg" content="#7d7d7d">
  11. <meta name="color:credit color" content="#ffffff">
  12. <meta name="color:credit border" content="#000000">
  13. <meta name="color:scrollbar border" content="#ffffff">
  14. <meta name="color:description text" content="#ffffff">
  15. <meta name="color:nav icon color" content="#ffffff">
  16. <meta name="color:blog title" content="#ffffff">
  17. <meta name="color:first letter" content="#ffffff">
  18. <meta name="color:chat color" content="#ffffff">
  19. <meta name="color:link" content="#4a4a4a">
  20. <meta name="color:link hover" content="#7e7e7e">
  21. <meta name="color:sidebar" content="#7d7d7d">
  22. <meta name="color:post bg" content="#7d7d7d">
  23. <meta name="color:blog title bg" content="#000000">
  24. <meta name="color:sidebar border" content="#000000">
  25. <meta name="color:chat 2 bg" content="#000000">
  26. <meta name="color:general font" content="#000000">
  27. <meta name="color:post bg hover" content="#cccccc">
  28. <meta name="color:line 1" content="#000000">
  29. <meta name="color:audio" content="#000000">
  30. <meta name="color:info bg" content="#333333">
  31. <meta name="color:info text" content="#ffffff">
  32. <meta name="color:chat border" content="#ffffff">
  33. <meta name="color:content font hover" content="#ffffff">
  34. <meta name="color:line 4" content="#ffffff">
  35. <meta name="color:content" content="#cccccc">
  36. <meta name="color:line 3" content="#cccccc">
  37. <meta name="color:content hover" content="#7d7d7d">
  38. <meta name="color:line 2" content="#7d7d7d">
  39. <meta name="color:content font" content="#000000">
  40. <meta name="color:title bg" content="#595959">
  41. <meta name="color:title color" content="#ffffff">
  42. <meta name="color:blockquote" content="#ffffff">
  43. <meta name="color:blockquote bg" content="#333333">
  44. <meta name="color:back to top" content="#ffffff">
  45.  
  46. <meta name="image:background" content="http://i.imgur.com/tOwzNMM.png">
  47. <meta name="image:sidebar img" content="http://24.media.tumblr.com/377d1427428dd1281667c87ff446381a/tumblr_mj4zofhhFF1r2qltxo1_500.gif">
  48. <meta name="image:sidebar bg" content="http://25.media.tumblr.com/9b6615a554655633543abe6b89d259f4/tumblr_mno6r93XhY1rebw0do4_1280.png">
  49. <meta name="image:icon 1" content="http://i120.photobucket.com/albums/o168/Ai_Suzuki/icons2/fate/fsnicon4.png">
  50. <meta name="image:icon 2" content="http://i120.photobucket.com/albums/o168/Ai_Suzuki/icons2/fate/fsnicon30.png">
  51. <meta name="image:icon 3" content="http://i120.photobucket.com/albums/o168/Ai_Suzuki/icons2/fate/fsnicon41.png">
  52. <meta name="image:icon 4" content="http://i120.photobucket.com/albums/o168/Ai_Suzuki/icons2/fate/fzicon3.png">
  53.  
  54. <meta name="text:font size" content="13">
  55. <meta name="text:Link1" content="" />
  56. <meta name="text:Link1URL" content=""/>
  57. <meta name="text:Link2" content="" />
  58. <meta name="text:Link2URL" content=""/>
  59. <meta name="text:Link3" content="" />
  60. <meta name="text:Link3URL" content=""/>
  61. <meta name="text:Link4" content="" />
  62. <meta name="text:Link4URL" content=""/>
  63.  
  64. <meta name="if:Grayscale" content="1"/>
  65. <meta name="if:Tags" content="1" />
  66. <meta name="if:InfiniteScroll" content="0" />
  67. <meta name="if:LazyLoad" content="1" />
  68.  
  69. <link href='http://fonts.googleapis.com/css?family=PT+Sans+Narrow|Playball' rel='stylesheet' type='text/css'>
  70. </head>
  71. <style>
  72.  
  73. @import url(http://weloveiconfonts.com/api/?family=typicons);
  74. /* typicons */
  75. [class*="typicons-"]:before {
  76. font-family:'Typicons',sans-serif;
  77. }
  78. body {
  79. background:url({image:background}) {color:background} fixed;
  80. font-family:PT Sans Narrow;
  81. font-size:{text:font-size}px;
  82. text-align:justify;
  83. color:{color:general font};
  84. }
  85.  
  86. ::-webkit-scrollbar-thumb:horizontal {
  87. background-color: {color:scrollbar};
  88. width: auto;
  89. height: 5px;
  90. border:1px solid {color:scrollbar border};
  91. }
  92.  
  93. ::-webkit-scrollbar-thumb:vertical {
  94. background-color: {color:scrollbar};
  95. height: auto;
  96. width: 5px;
  97. border:1px solid {color:scrollbar border};
  98. }
  99.  
  100. ::-webkit-scrollbar {
  101. height: 5px;
  102. width: 5px;
  103. background-color: {color:background};
  104. }
  105.  
  106. ::-moz-selection {
  107. background-color: {color:scrollbar};
  108. color: {color:scrollbar border};
  109. }
  110.  
  111. ::selection {
  112. background-color: {color:scrollbar};
  113. color: {color:scrollbar border};
  114. }
  115.  
  116. a {
  117. color:{color:link};
  118. text-decoration:none;
  119. -webkit-transition:all 0.7s ease;
  120. -moz-transition:all 0.7s ease;
  121. transition:all 0.7s ease;
  122. }
  123.  
  124. a:hover {
  125. color:{color:link hover};
  126. }
  127.  
  128. #sidebar {
  129. z-index:1000;
  130. position:fixed;
  131. width:300px;
  132. top:0;
  133. height:100%;
  134. left:0;
  135. border-left:none;
  136. background:url({image:sidebar bg}) bottom {color:sidebar} no-repeat;
  137. background-size:100%;
  138. {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");
  139. filter:gray;
  140. -webkit-filter:grayscale(100%);{/block:IfGrayscale}
  141. -webkit-transition:all 0.7s ease;
  142. -moz-transition:all 0.7s ease;
  143. transition:all 0.7s ease;
  144. }
  145. #sidebar:hover {
  146. 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");
  147. -webkit-filter:grayscale(0%);
  148. }
  149. #sidebarimg img {
  150. width:300px;
  151. display:block;
  152. }
  153. #sidebar .desc {
  154. margin-top:-25px;
  155. display:block;
  156. padding:10px;
  157. width:280px;
  158. color:#fff;
  159. }
  160. #sidebar .desc:first-letter {
  161. background:{color:first letter bg};
  162. color:{color:first letter};
  163. font-size:30px;
  164. font-style:italic;
  165. font-weight:700;
  166. text-transform:uppercase;
  167. float:left;
  168. margin:3px;
  169. padding:10px;
  170. padding-right:15px;
  171. }
  172. .content:first-letter {
  173. background:{color:first letter bg};
  174. color:{color:first letter};
  175. font-size:30px;
  176. font-style:italic;
  177. font-weight:700;
  178. text-transform:uppercase;
  179. float:left;
  180. margin:3px;
  181. padding:10px;
  182. padding-right:15px;
  183. }
  184. #title {
  185. top:50px;
  186. padding:10px;
  187. padding-right:20px;
  188. width:1000px;
  189. left:0;
  190. background:{color:blog title bg};
  191. font-size:25px;
  192. text-align:right;
  193. text-transform:lowercase;
  194. border-radius:0px 20px 20px 0px;
  195. color:{color:blog title};
  196. font-family:Playball;
  197. z-index:1000;
  198. }
  199. #nav {
  200. position:fixed;
  201. z-index:1;
  202. top:0;
  203. left:300px;
  204. background:{color:sidebar border};
  205. font-size:25px;
  206. padding:10px;
  207. text-align:center;
  208. height:100%;
  209. color:#fff;
  210. }
  211. #icons {
  212. margin-top:-20px;
  213. font-size:20px;
  214. text-align:center;
  215. width:300px;
  216. background:{color:sidebar border};
  217. color:{color:nav icon color};
  218. }
  219.  
  220. #icons ul {
  221. background:{color:sidebar border};
  222. list-style:none;
  223. margin-left:-50px;
  224. }
  225.  
  226. #icons li {
  227. list-style:none;
  228. padding:5px;
  229. padding-bottom:0;
  230. display:inline-block;
  231. width:50px;
  232. }
  233. #icons a {
  234. color:{color:nav icon color};
  235. }
  236. .odd {
  237. background:{color:chat 1 bg};
  238. color:{color:chat color};
  239. }
  240. .even {
  241. background:{color:chat 2 bg};
  242. color:{color:chat color};
  243. }
  244. #iconed {
  245. position:fixed;
  246. top:75px;
  247. left:920px;
  248. text-align:center;
  249. {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");
  250. filter:gray;
  251. -webkit-filter:grayscale(100%);{/block:IfGrayscale}
  252. }
  253. #iconed:hover {
  254. 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");
  255. -webkit-filter:grayscale(0%);
  256. }
  257. #iconed img {
  258. display:block;
  259. width:85px;
  260. border-radius:100%;
  261. margin-bottom:10px;
  262. border:10px solid {color:blog title bg};
  263. -webkit-transition:all 0.7s ease;
  264. -moz-transition:all 0.7s ease;
  265. transition:all 0.7s ease;
  266. }
  267. #iconed img:hover {
  268. width:100px;
  269. -webkit-transform:rotate(360deg);
  270. -moz-transform:rotate(360deg);
  271. -o-transform:rotate(360deg);
  272. }
  273. .that {
  274. margin-top:-1000px;
  275. word-break:break-word;
  276. position:absolute;
  277. margin-top:30%;
  278. margin-right:-50px;
  279. width:90px;
  280. padding:5px;
  281. background:{color:blog title bg};
  282. color:{color:blog title};
  283. display:block;
  284. text-align:center;
  285. text-transform:lowercase;
  286. -webkit-transition:all 1s ease-in-out;
  287. -moz-transition:all 1s ease-in-out;
  288. -o-transition:all 1s ease-in-out;
  289. -ms-transition:all 1s ease-in-out;
  290. transition:all 1s ease-in-out;
  291. opacity:0;
  292. border-radius:10px;
  293. }
  294. .icons:hover .that {
  295. margin-top:40px;
  296. opacity:1;
  297. margin-right:120px;
  298. }
  299. #line {
  300. position:fixed;
  301. top:0px;
  302. left:960px;
  303. text-align:center;
  304. height:100%;
  305. z-index:-5;
  306. vertical-align:top;
  307. }
  308. .line {
  309. display:inline-block;
  310. width:8px;
  311. border-radius:0px 0px 4px 4px;
  312. vertical-align:top;
  313. margin-left:-3px;
  314. }
  315. #post {
  316. margin-left:340px;
  317. margin-top:70px;
  318. z-index: -100;
  319. }
  320. .post {
  321. width:500px;
  322. padding:20px;
  323. margin-bottom:5px;
  324. background:{color:post bg};
  325. -webkit-transition:all 0.7s ease;
  326. -moz-transition:all 0.7s ease;
  327. transition:all 0.7s ease;
  328. -webkit-box-shadow:3px 3px 5px rgba(112,52,80,0.75);
  329. -moz-box-shadow:3px 3px 5px rgba(112,52,80,0.75);
  330. box-shadow:3px 3px 5px rgba(112,52,80,0.75);
  331. {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");
  332. filter:gray;
  333. -webkit-filter:grayscale(100%);{/block:IfGrayscale}
  334. }
  335. .post:hover {
  336. filter:none;
  337. background:{color:post bg hover};
  338. -webkit-box-shadow:3px 3px 23px rgba(191,191,187,0.75);
  339. -moz-box-shadow:3px 3px 23px rgba(191,191,187,0.75);
  340. box-shadow:3px 3px 23px rgba(191,191,187,0.75);
  341. 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");
  342. -webkit-filter:grayscale(0%);
  343. }
  344. .info {
  345. margin-top:10px;
  346. width:494px;
  347. padding:3px;
  348. background:{color:info bg};
  349. color:{color:info text};
  350. text-align:center;
  351. text-transform:uppercase;
  352. -webkit-transition:all 0.7s ease;
  353. -moz-transition:all 0.7s ease;
  354. transition:all 0.7s ease;
  355. }
  356.  
  357. .info a, .tagged a {
  358. color:{color:info text};
  359. }
  360.  
  361. .tagged {
  362. color:{color:info post};
  363. font-size:10px;
  364. text-align:center;
  365. margin-bottom:10px;
  366. }
  367. .chat ul {
  368. list-style:none;
  369. margin:0;
  370. padding:0;
  371. }
  372. .chat li {
  373. padding:3px;
  374. text-align:justify;
  375. border-bottom:2px solid {color:chat border};
  376. }
  377. #albumart {
  378. border:5px solid {color:audio};
  379. }
  380. #albumart img {
  381. display:block;
  382. }
  383. #audioplayer {
  384. margin-right:-7px;
  385. display:block;
  386. width:25px;
  387. height:25px;
  388. padding:42.5px;
  389. padding-left:10px;
  390. padding-right:65px;
  391. overflow:hidden;
  392. background:{color:audio};
  393. border-radius:50% 0 0 50%;
  394. -o-border-radius:50% 0 0 50%;
  395. -moz-border-radius:50% 0 0 50%;
  396. -webkit-border-radius:50% 0 0 50%;
  397. opacity:1;
  398. -webkit-transition:all 1s ease-in-out;
  399. -moz-transition:all 1s ease-in-out;
  400. -o-transition:all 1s ease-in-out;
  401. -ms-transition:all 1s ease-in-out;
  402. transition:all 1s ease-in-out;
  403. }
  404.  
  405. #credit {
  406. position:fixed;
  407. bottom:-20px;
  408. right:25px;
  409. padding:5px;
  410. background:{color:credit bg};
  411. color:{color:credit color};
  412. border-top:5px solid {color:credit border};
  413. border-left:5px solid {color:credit border};
  414. border-right:5px solid {color:credit border};
  415. border-radius:10px 10px 0 0;
  416. -o-border-radius:10px 10px 0 0;
  417. -moz-border-radius:10px 10px 0 0;
  418. -webkit-border-radius:10px 10px 0 0;
  419. font-family:playball;
  420. font-size:15px;
  421. -webkit-transition:all 0.7s ease;
  422. -moz-transition:all 0.7s ease;
  423. transition:all 0.7s ease;
  424. }
  425. #credit:hover {
  426. bottom:0;
  427. }
  428.  
  429. #credit a {
  430. color:{color:credit color};
  431. }
  432.  
  433. .ask {
  434. background:{color:content};
  435. padding:5px;
  436. color:{color:content font}
  437. height:117px;
  438. width:400px;
  439. overflow:auto;
  440. -webkit-transition:all 0.7s ease;
  441. -moz-transition:all 0.7s ease;
  442. transition:all 0.7s ease;
  443. }
  444. .content {
  445. background:{color:content};
  446. padding:5px;
  447. color:{color:content font};
  448. }
  449. .post:hover .ask,.post:hover .asker {
  450. background:{color:content hover};
  451. color:{color:content font hover};
  452. }
  453. .asker {
  454. background:{color:content};
  455. color:{color:content font};
  456. text-align:center;
  457. padding:5px;
  458. width:90px;
  459. }
  460. .post h2 {
  461. color:{color:title color};
  462. text-align:center;
  463. font-size:30px;
  464. text-transform:uppercase;
  465. padding:5px;
  466. border-top:2px solid {color:title color};
  467. border-bottom:2px solid {color:title color};
  468. background:{color:title bg};
  469. }
  470.  
  471. .post h2 a{
  472. color:{color:title color};
  473. }
  474.  
  475. .quote {
  476. width:500px;
  477. font-size:30px;
  478. font-style:italic;
  479. margin-right:50px;
  480. color:{color:blockquote};
  481. background:{color:blockquote bg};
  482. padding:5px;
  483. }
  484. .quote:first-letter {
  485. font-size:45px;
  486. font-weight:700;
  487. float:left;
  488. }
  489. blockquote,pre {
  490. border-top:2px solid {color:blockquote};
  491. border-bottom:2px solid {color:blockquote};
  492. margin-top:0;
  493. color:{color:blockquote};
  494. background:{color:blockquote bg};
  495. padding:5px;
  496. font-family:georgia;
  497. font-size:12px;
  498. }
  499. pre {
  500. word-break:break-word;
  501. font-family:consolas;
  502. }
  503. .note {
  504. border-top:2px solid {color:info text};
  505. border-bottom:2px solid {color:info text};
  506. margin-top:0;
  507. background:{color:info bg};
  508. padding:3px;
  509. color:{color:info text};
  510. }
  511.  
  512. .note a {
  513. color:{color:info text};
  514. }
  515.  
  516. #scrolltotop {
  517. font-size:30px;
  518. background:{color:post bg};
  519. padding:20px;
  520. text-align:center;
  521. color:{color:back to top};
  522. position:fixed;
  523. bottom:35px;
  524. border-radius:100%;
  525. -o-border-radius:100%;
  526. -moz-border-radius:100%;
  527. -webkit-border-radius:100%;
  528. right:35px;
  529. padding-right:30px;
  530. padding-left:30px;
  531. opacity:.6;
  532. }
  533. #scrollToTop:link,#scrollToTop:visited {
  534. padding:20px;
  535. border-radius:100%;
  536. text-align:center;
  537. color:{color:back to top};
  538. background:{color:post bg};
  539. display:none;
  540. position:fixed;
  541. bottom:35px;
  542. right:35px;
  543. font-size:30px;
  544. padding-right:30px;
  545. padding-left:30px;
  546. opacity: .6;
  547. }
  548.  
  549. #pagination {
  550. margin-top:10px;
  551. text-align:center;
  552. }
  553.  
  554. #pagination a {
  555. background:{color:chat 2 bg};
  556. color:{color:chat color};
  557. padding:3px;
  558. margin:3px;
  559. }
  560.  
  561. #pagination .current_page {
  562. background:{color:chat 1 bg};
  563. color:{color:chat color};
  564. padding:3px;
  565. margin:3px;
  566. }
  567.  
  568. </style>
  569.  
  570. <script src="http://code.jquery.com/jquery-latest.min.js"></script>
  571. <script src="http://static.tumblr.com/ikeq9mi/DfYl6o46t/scrolltotop.min.js"></script>
  572. {block:IfInfiniteScroll}<script type="text/javascript" src="http://codysherman.com/tools/infinite-scrolling/code"></script> {/block:IfInfiniteScroll}
  573. {block:IfLazyLoad}<script type="text/javascript" src="http://static.tumblr.com/bmdsqsc/ogWm7q8w1/lazyload.js"></script>
  574. <script type="text/javascript" charset="utf-8">
  575. var $j = jQuery.noConflict();
  576. $j(function() {
  577. if (navigator.platform == "iPad" || navigator.platform == "iPhone") return;
  578. $j("img").lazyload({
  579. placeholder : "http://static.tumblr.com/twte3d7/RSvlio0k5/grey.gif",
  580. effect: "fadeIn",
  581. });
  582. });
  583. </script>{/block:IfLazyLoad}
  584.  
  585. <body>
  586.  
  587. <div class="topp">
  588. <a href="javascript:;" id="scrollToTop">▲</a>
  589. </div>
  590.  
  591. <div id="credit"><a href="http://thematchgirl.tk">thematchgirl</a><br>
  592. <a href="http://hellolittlered.org">hellolittlered</a><br></div>
  593.  
  594.  
  595. <div id="sidebar">
  596. <div id="title">{title}</div>
  597. <div id="sidebarimg"><img src="{image:sidebar img}"></div>
  598. <div id="icons"><ul>
  599. <a href="/"><li class="typicons-home even"></li></a>
  600. <a href="/ask"><li class="typicons-mail odd"></li></a>
  601. <a href="/archive"><li class="typicons-archive even"></li></a>
  602. <a href="/mobile"><li class="typicons-mobile odd"></li></a></ul>
  603. </div>
  604. <div class="desc">{description}
  605. {block:IfNotInfiniteScroll}{block:Pagination}
  606. <div id="pagination">
  607. {block:PreviousPage}<a href="{PreviousPage}" class="prev">«</a>{/block:PreviousPage}
  608. {block:JumpPagination length="5"}
  609. {block:CurrentPage}<span class="current_page">{PageNumber}</span> {/block:CurrentPage}
  610. {block:JumpPage}<a class="jump_page" href="{URL}">{PageNumber}</a> {/block:JumpPage}
  611. {/block:JumpPagination}
  612. {block:NextPage}<a href="{NextPage}" class="next">»</a>{/block:NextPage}
  613. </div>
  614. {/block:Pagination}</div>{/block:IfNotInfiniteScroll}
  615. </div>
  616. <div id="nav">
  617. </div>
  618.  
  619. <div id="line">
  620. <div class="line" style="height:83%;background:{color:line 1};"></div>
  621. <div class="line" style="height:87%;background:{color:line 2};"></div>
  622. <div class="line" style="height:85%;background:{color:line 3};"></div>
  623. <div class="line" style="height:90%;background:{color:line 4};"></div>
  624. </div>
  625.  
  626. <div id="iconed">
  627. <div class="icons">{block:iflink1}<a class="link" href="{text:Link1URL}">{/block:iflink1}<img src="{image:icon 1}">{block:iflink1}<div class="that">{text:Link1}</div>{/block:iflink1}</div></a>
  628. <div class="icons">{block:iflink2}<a class="link" href="{text:Link2URL}">{/block:iflink2}<img src="{image:icon 2}">{block:iflink2}<div class="that">{text:Link2}</div>{/block:iflink2}
  629. </div></a>
  630. <div class="icons">{block:iflink3}<a class="link" href="{text:Link3URL}">{/block:iflink3}<img src="{image:icon 3}">{block:iflink3}<div class="that">{text:Link3}</div>{/block:iflink3}
  631. </div></a>
  632. <div class="icons">{block:iflink4}<a class="link" href="{text:Link4URL}">{/block:iflink4}<img src="{image:icon 4}">{block:iflink4}<div class="that" style="margin-top:-80px;width:110px;">{text:Link4}</div>{/block:iflink4}</a>
  633. </div></a>
  634. </div>
  635.  
  636. <div id="post">
  637. <div class= "autopagerize_page_element">
  638. {block:Posts}
  639. <div class="post">
  640.  
  641. <!-- Text -->
  642. {block:Text}
  643. {block:Title}<a href="{Permalink}"><h2>{Title}</h2></a>{/block:Title}
  644. <div class="content">{Body}</div>
  645. {/block:Text}
  646.  
  647. <!-- Photo -->
  648. {block:Photo}
  649. {LinkOpenTag}
  650. <center><a href="{PhotoURL-HighRes}"><img src="{PhotoURL-500}" alt=""></a></center>
  651. {LinkCloseTag}
  652. <div class="content">{block:Caption}<p>{Caption}</p>{/block:Caption}</div>
  653. {/block:Photo}
  654.  
  655. <!-- Photoset -->
  656. {block:Photoset}
  657. <center>{Photoset-500}</center>
  658. <div class="content">{block:Caption}<p>{Caption}</p>{/block:Caption}</div>
  659. {/block:Photoset}
  660.  
  661. <!-- Quote -->
  662. {block:Quote}
  663. <div class="quote">❝ {Quote}</div>
  664. {block:Source}<i><center><p><b>→</b> {Source}</p></center></i>{/block:Source}
  665. {/block:Quote}
  666.  
  667. <!-- Link -->
  668. {block:Link}
  669. <h2><a href="{URL}" target="_blank">{Name} →</a></h2>
  670. <div class="content">{block:Description}<p>{Description}</p>{/block:Description}</div>
  671. {/block:Link}
  672.  
  673. <!-- Chat -->
  674. {block:Chat}
  675. {block:Title}<a href="{Permalink}"><h2>{Title}</h2></a>{/block:Title}
  676. <div class="chat">
  677. <ul>
  678. {block:Lines}<li class="{Alt}">{block:Label} <b>{Label}</b> {/block:Label}{Line}</li>{/block:Lines}
  679. </ul>
  680. </div>
  681. {/block:Chat}
  682.  
  683. <!-- Audio -->
  684. {block:Audio}
  685. <table align="center"><tr><td><div id="audioplayer">{AudioPlayerBlack}</div></td><td>
  686. <div id="albumart">{block:AlbumArt}<img src="{AlbumArtURL}" width="100">{/block:AlbumArt}</div></td><td>
  687. <div class="chat">
  688. <ul>
  689. <li class="odd"><b>Plays:</b>{PlayCountWithLabel} </li>
  690. {block:Artist}<li class="even"><b>Artist:</b> {Artist}</li>{/block:Artist}
  691. {block:Album}<li class="odd"><b>Album:</b> {Album}</li>{/block:Album}
  692. {block:TrackName}<li class="even"><b>Title:</b> {TrackName}</li>{/block:TrackName}
  693. </ul>
  694. </div>
  695. </td></tr></table>
  696. <div class="content">{block:Caption}<p>{Caption}</p>{/block:Caption}</div>
  697. {/block:Audio}
  698.  
  699. <!-- Video -->
  700. {block:Video}
  701. <center>{Video-500}</center>
  702. <div class="content">{block:Caption}<p>{Caption}</p>{/block:Caption}</div>
  703. {/block:Video}
  704.  
  705. <!-- Message -->
  706. {block:Answer}
  707. <table>
  708. <tr>
  709. <td><img src="{AskerPortraitURL-128}" width="100px"><div class="asker">{Asker}</div></td>
  710. <td class="ask">{Question}</td>
  711. </tr>
  712. </table>
  713. <div class="content">{Answer}</div>
  714. {/block:Answer}
  715.  
  716. {block:Date}<div class="info">Posted <a href="{Permalink}">{Month} {DayOfMonth}, {Year}</a> with <a href="{Permalink}">{NoteCountWithLabel}</a></div>{/block:Date}
  717.  
  718. </div>
  719.  
  720. {block:indexpage}{block:ifTags}{block:HasTags}<div class="tagged">{block:Tags}<a href="{TagURL}">→ {tag}</a>{/block:Tags}</div>{/block:HasTags}{/block:ifTags}{/block:indexpage}
  721. {block:permalinkpage}{block:HasTags}<div class="tagged">{block:Tags}<a href="{TagURL}">→ {tag}</a>{/block:Tags}</div>{/block:HasTags}{/block:permalinkpage}
  722.  
  723. {block:PostNotes}{PostNotes}{/block:PostNotes}
  724. {/block:Posts}
  725. </div>
  726. </div>
  727.  
  728. </body>
  729.  
  730. </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!