API tools faq
paste
spirkism

Theme #13: Charles Xavier

spirkism
Aug 25th, 2014
1,430
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 20.01 KB | None | 0 0
raw download clone embed print report
  1. <!--
  2. THEME: Charles Xavier
  3. by Phil (spirkism/spirkthemes)
  4.  
  5. Rules:
  6. - please do not steal/redistribute, I spent quite a bit of time coding this
  7. - also don't remove the credit please, that would make me very sad :(
  8. - don't use as a base code, there are plenty of those out there
  9. - you are allowed to edit as much as you like though, have fun playing around with code, that's how you learn! :)
  10. - tell me if there are any bugs or if you have any questions, need help with the theme or want a detail differently - I'll see what I can do for you ;)
  11. And now: enjoy! :)
  12. -->
  13.  
  14.  
  15. <!DOCTYPE html>
  16. <html lang="en">
  17.  
  18. <head>
  19.  
  20. <title>{Title}</title>
  21.  
  22.  
  23. {block:Description}
  24. <meta name="description" content="{MetaDescription}" />
  25. {/block:Description}
  26.  
  27. <link rel="shortcut icon" href="{Favicon}" />
  28.  
  29. <link rel="alternate" type="application/rss+xml" title="{Title} RSS" href="{RSS}"/>
  30.  
  31. <link href='http://fonts.googleapis.com/css?family=Condiment|Allura|Alegreya+Sans|Kaushan+Script|Satisfy|Quattrocento+Sans|Special+Elite' rel='stylesheet' type='text/css'>
  32.  
  33.  
  34. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  35.  
  36. <script type="text/javascript" src="http://static.tumblr.com/tiu5k68/xTkm8wqw2/tumblr-title-qtip.js"></script>
  37.  
  38. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  39.  
  40.  
  41.  
  42. <meta name="color:background" content="#ffffff" />
  43. <meta name="color:title color" content="#66b614" />
  44. <meta name="color:title hover color" content="#A0F14F" />
  45. <meta name="color:subtitle color" content="#3F3F3F" />
  46. <meta name="color:sidebar link" content="#D9D9D9" />
  47. <meta name="color:sidebar link hover color" content="#B1FA69" />
  48. <meta name="color:sidebar link hover color2" content="#558E1C" />
  49. <meta name="color:sidebar link color" content="#3d3d3d" />
  50. <meta name="color:sidebar link text hover" content="#3f3f3f" />
  51. <meta name="color:sidebar link text hover2" content="#ffffff" />
  52. <meta name="color:text color" content="#373737" />
  53. <meta name="color:link color" content="#4A751F" />
  54. <meta name="color:link hover color" content="#79C22F" />
  55. <meta name="color:border" content="#C4C4C4" />
  56. <meta name="color:stripe" content="#727272" />
  57. <meta name="color:sbblock" content="#ececec" />
  58. <meta name="color:postinside" content="#fff" />
  59. <meta name="color:posts" content="#d6ff8b" />
  60.  
  61.  
  62. <!-- image metas -->
  63. <meta name="image:sidebarimg01" content="" />
  64. <meta name="image:sidebarimg02" content="" />
  65.  
  66. <!-- text metas -->
  67. <meta name="text:link1 url" content="/" />
  68. <meta name="text:link1 text" content="home" />
  69. <meta name="text:link2 url" content="/ask" />
  70. <meta name="text:link2 text" content="message" />
  71. <meta name="text:link3 url" content="/" />
  72. <meta name="text:link3 text" content="link" />
  73. <meta name="text:link4 url" content="/" />
  74. <meta name="text:link4 text" content="link" />
  75. <meta name="text:link5 url" content="/" />
  76. <meta name="text:link5 text" content="link" />
  77. <meta name="text:link6 url" content="/" />
  78. <meta name="text:link6 text" content="link" />
  79. <meta name="text:link7 url" content="/" />
  80. <meta name="text:link7 text" content="link" />
  81. <meta name="text:link8 url" content="/" />
  82. <meta name="text:link8 text" content="link" />
  83. <meta name="text:link9 url" content="/" />
  84. <meta name="text:link9 text" content="link" />
  85. <meta name="text:subtitle" content="I am the subtitle" />
  86. <meta name="text:sbimagetext" content="Hello write stuff here!" />
  87.  
  88.  
  89.  
  90. <style type="text/css">
  91.  
  92.  
  93.  
  94. iframe#tumblr_controls {
  95. position:fixed;-webkit-filter:invert(100%);opacity:0.5;
  96. -webkit-transition: 0.7s ease;transition: 0.7s ease;
  97. -o-transition: 0.7s ease;-moz-transition: 0.7s ease;}
  98.  
  99.  
  100. div#qTip {
  101. margin-left: 5px;
  102. margin-top: -5px;
  103. text-transform: lowercase;
  104. font-size: 9px;
  105. line-height: 13px;
  106. display: none;
  107. text-align: center;
  108. position: absolute;
  109. z-index: 9999999999999999;
  110. background: #fff;
  111. padding: 2px 3px;
  112. color: {color:Text};
  113. max-width: 100px;
  114. height: auto;
  115. border: 1.3px double {color:border};
  116. -webkit-transition: all 0.1s ease-out;
  117. -moz-transition: all 0.1s ease-out;
  118. -o-transition: all 0.1s ease-out;
  119. }
  120.  
  121.  
  122.  
  123. /* GENERAL STUFF */
  124.  
  125. ::-webkit-scrollbar {
  126. width:5px;height: 5px;background: {color:border};
  127. }
  128.  
  129. ::-webkit-scrollbar-thumb {
  130. background: {color:title color};
  131. }
  132.  
  133. body {
  134. background-color: {color:background};
  135. font-family: 'Calibri', sans-serif;
  136. margin: 0;
  137. word-wrap: break-word;
  138. background-attachment: fixed;
  139. background-repeat: no-repeat;
  140. color: {color:text color};
  141. }
  142.  
  143. a:link, a:active, a:visited {
  144. text-decoration: none;
  145. -webkit-transition: 0.5s ease;transition: 0.5s ease;
  146. -o-transition: 0.5s ease;
  147. -moz-transition: 0.5s ease;
  148. color:{color:link color};
  149. }
  150.  
  151. a:hover {
  152. color:{color:link hover color};
  153. -webkit-transition: 0.5s ease;transition: 0.5s ease;
  154. -o-transition: 0.5s ease;
  155. -moz-transition: 0.5s ease;
  156. }
  157.  
  158. /* SIDEBAR THINGS */
  159.  
  160.  
  161. #sidebar {
  162. position: fixed;
  163. overflow: hidden;
  164. }
  165.  
  166. #sidebar #stripe {
  167. width: 20px;
  168. height: 150%;
  169. background-color: {color:stripe};
  170. position: fixed;
  171. overflow: hidden;
  172. left: 300px;
  173. margin-top: -200px;
  174. z-index: 1;
  175. }
  176.  
  177. #sidebar #sbblock {
  178. width: 300px;
  179. height: 150%;
  180. background-color: {color:sbblock};
  181. position: fixed;
  182. overflow: hidden;
  183. margin-top: -200px;
  184. z-index:-1;
  185. }
  186.  
  187.  
  188. .sbimg {
  189. top: 50%;
  190. z-index: 999;
  191. position: fixed;
  192. overflow: hidden;
  193. width: 200px;
  194. height: 200px;
  195. max-width: 100%;
  196. margin-left: 50px;
  197. box-shadow: 5px 5px 5px 1px gray;
  198. }
  199.  
  200. #sbimg01 {
  201. margin-top: -200px;
  202. }
  203.  
  204. #sbimg02 {
  205. margin-top: 30px;
  206. }
  207.  
  208.  
  209.  
  210. .sbimgtext {
  211. top:50%;
  212. z-index: 999;
  213. position: fixed;
  214. width: 150px;
  215. height: 150px;
  216. max-width: 100%;
  217. margin-left: 55px;
  218. padding: 20px;
  219. font-size: 12px;
  220. font-family: 'Calibri', sans-serif;
  221. text-align: center;
  222. line-height: 14px;
  223. background-color: white;
  224. color: black;
  225. opacity: 0;
  226. box-shadow: 5px 5px 5px 1px gray inset;
  227. -webkit-transition: 1s ease;transition: 1s ease;
  228. -o-transition: 1s ease;
  229. -moz-transition: 1s ease;
  230. }
  231.  
  232. #sbimg01text {
  233. margin-top: -195px;
  234. overflow-y: scroll;
  235. }
  236.  
  237. #sbimg02text {
  238. margin-top: 35px;
  239. overflow: hidden;
  240. }
  241.  
  242.  
  243. .sbimgtext:hover {
  244. opacity: 0.7;
  245. -webkit-transition: 1s ease;transition: 1s ease;
  246. -o-transition: 1s ease;
  247. -moz-transition: 1s ease;
  248. }
  249.  
  250.  
  251. #sblinks {
  252. position: fixed;
  253. height: 300px;
  254. height: auto;
  255. margin-left: 320px;
  256. margin-top: -70px;
  257. top: 50%;
  258. }
  259.  
  260. .sidebarlinks {
  261. position: fixed;
  262. overflow: hidden;
  263. width: 59px;
  264. height: 16px;
  265. line-height: 16px;
  266. background-color: {color:sidebar link};
  267. color: {color:sidebar link color};
  268. padding: 1px 6px 1px 0;
  269. font-size: 12px;
  270. font-family: 'Calibri', sans-serif;
  271. text-align: right;
  272. z-index: 2;
  273. -webkit-transition: 0.7s ease;transition: 0.7s ease;
  274. -o-transition: 0.7s ease;
  275. -moz-transition: 0.7s ease;
  276. }
  277.  
  278. .sidebarlinks:hover {
  279. width: 75px;
  280. background-color: {color:sidebar link hover color};
  281. color: {color:sidebar link text hover};
  282. -webkit-transition: 0.7s ease;transition: 0.7s ease;
  283. -o-transition: 0.7s ease;
  284. -moz-transition: 0.7s ease;
  285. }
  286.  
  287.  
  288. .sidebarlinks2 {
  289. position: fixed;
  290. overflow: hidden;
  291. width: 59px;
  292. height: 16px;
  293. line-height: 16px;
  294. background-color: {color:sidebar link};
  295. color: {color:sidebar link color};
  296. padding: 1px 6px 1px 0;
  297. font-size: 12px;
  298. font-family: 'Calibri', sans-serif;
  299. text-align: right;
  300. -webkit-transition: 0.7s ease;transition: 0.7s ease;
  301. -o-transition: 0.7s ease;
  302. -moz-transition: 0.7s ease;
  303. }
  304.  
  305.  
  306. .sidebarlinks2:hover {
  307. width: 75px;
  308. background-color: {color:sidebar link hover color2};
  309. color: {color:sidebar link text hover2};
  310. -webkit-transition: 0.7s ease;transition: 0.7s ease;
  311. -o-transition: 0.7s ease;
  312. -moz-transition: 0.7s ease;
  313. }
  314.  
  315.  
  316.  
  317.  
  318.  
  319.  
  320. #blogtitle {
  321. z-index: 9;
  322. font-size: 30px;
  323. text-align: center;
  324. font-family: 'Allura', cursive;
  325. position:fixed;
  326. top: 30px;
  327. width: 240px;
  328. padding: 0 30px;
  329. line-height: 30px;
  330. text-shadow: 2px 2px #D5D5D5;
  331. -webkit-transition: 0.5s ease;transition: 0.5s ease;
  332. -o-transition: 0.5s ease;
  333. -moz-transition: 0.5s ease;
  334. }
  335.  
  336. #blogtitle a {
  337. color: {color:title color};
  338. }
  339.  
  340. #blogtitle:hover a {
  341. color: {color:title hover color};
  342. -webkit-transition: 0.5s ease;transition: 0.5s ease;
  343. -o-transition: 0.5s ease;
  344. -moz-transition: 0.5s ease;
  345. }
  346.  
  347. #subtitle {
  348. font-size: 12px;
  349. font-family: 'Satisfy', sans-serif;
  350. margin-top: 15px;
  351. text-align: center;
  352. padding: 0 20px 0 20px;
  353. width: 260px;
  354. color:{color:subtitle color};
  355. position: fixed;
  356. top: 60px;
  357. }
  358.  
  359.  
  360.  
  361.  
  362.  
  363. #pagination {
  364. width: 160px;
  365. text-align: center;
  366. font-size: 12px;
  367. overflow: hidden;
  368. padding: 5px 3px;
  369. position:fixed;
  370. z-index: 5;
  371. bottom: 10px;
  372. margin-left: 63px;
  373. font-family: 'Satisfy', sans-serif;
  374. }
  375.  
  376. #pagination a {
  377. color: {color:link color};
  378. text-decoration: none;
  379. text-align: center;
  380. }
  381.  
  382. #pagination a:hover {
  383. color: {color:link hover color};
  384. }
  385.  
  386.  
  387.  
  388. /*CONTENT THINGS */
  389.  
  390. #content {
  391. width: 600px;
  392. background-color: none;
  393. padding: 20px 0;
  394. color: {color:text};
  395. overflow: hidden;
  396. margin-left: 515px;
  397. margin-top: 20px;
  398. position: relative;
  399. }
  400.  
  401. #content a {
  402. color: {color:link color};
  403. text-decoration: none;
  404. }
  405.  
  406. #content a:hover {
  407. color: {color:link hover color};
  408. }
  409.  
  410. #content blockquote {
  411. border-left: solid 2px #505050;
  412. margin: 0;
  413. padding-left: 10px;
  414. }
  415.  
  416. img {
  417. border: 0;
  418. max-width: 100%;
  419. }
  420.  
  421.  
  422. #content #posts {
  423. background-color: {color:posts};
  424. width: 500px;
  425. height: auto;
  426. margin: 0 0 80px 0;
  427. padding: 30px;
  428. font-size: 14px;
  429. position: relative;
  430. border: 20px solid {color:border};
  431. }
  432.  
  433.  
  434. #content #posts .title {
  435. font-size: 16px;
  436. }
  437.  
  438. #content #posts .text {
  439. font-size: 12px;
  440. }
  441.  
  442.  
  443. /* PERMALINK STUFF */
  444.  
  445. #permalink {
  446. font-size: 9px;
  447. margin-top: 2px;
  448. }
  449.  
  450. #posts:hover #tags {
  451. opacity: 1;
  452. -webkit-transition: 0.7s ease;transition: 0.7s ease;
  453. -o-transition: 0.7s ease;
  454. -moz-transition: 0.7s ease;
  455. }
  456.  
  457. #tags {
  458. font-size:9px;
  459. width: 500px;
  460. text-align: center;
  461. margin-top: 55px;
  462. opacity:0;
  463. position: absolute;
  464. -webkit-transition: 0.7s ease;transition: 0.7s ease;
  465. -o-transition: 0.7s ease;
  466. -moz-transition: 0.7s ease;
  467. }
  468.  
  469. #tags .comma:last-child {
  470. display: none;
  471. }
  472.  
  473.  
  474. #reblogged {
  475. position: relative;
  476. font-size: 9px;
  477. overflow: hidden;
  478. }
  479.  
  480.  
  481. /* PERMALINK PAGE THINGS */
  482.  
  483. #content #notecontainer {
  484. margin-left: 30px;
  485. margin-top: -10px;
  486. width: 460px;
  487. font-size: 11px;
  488. }
  489.  
  490.  
  491. #content #notecontainer ol.notes {
  492. list-style-type: none;
  493. margin: 1px 1px 1px 1px;
  494. padding: 1px;
  495. line-height: 16px;
  496. }
  497.  
  498. #content #notecontainer img.avatar {
  499. width: 16px;
  500. height: 16px;
  501. margin: 1px 5px 1px 1px;
  502. padding: 1px;
  503. }
  504.  
  505. #content #posts #tagsbox {
  506.  
  507. padding: 1px 4px 3px 4px;
  508. margin-top: 5px;
  509. background-color: {color:postinside};
  510. text-align: center;
  511. }
  512.  
  513. /* POST STUFF */
  514.  
  515. .linkpost {
  516. background-color: #ececec;
  517. padding: 5px;
  518. }
  519.  
  520.  
  521. .linktitle {
  522. margin-bottom: 3px;
  523. font-size: 15px;
  524. background-color: {color:postinside};
  525. padding: 10px;
  526. text-align: center;
  527. font-family: 'Satisfy', sans-serif;
  528. -webkit-transition: 0.5s ease;transition: 0.5s ease;
  529. -o-transition: 0.5s ease;
  530. -moz-transition: 0.5s ease;
  531. }
  532.  
  533. .linktitle:hover {
  534. background-color: {color:caption};
  535. -webkit-transition: 0.5s ease;transition: 0.5s ease;
  536. -o-transition: 0.5s ease;
  537. -moz-transition: 0.5s ease;
  538. }
  539.  
  540.  
  541.  
  542. .askericon {
  543. width: auto;
  544. margin-left:228px;
  545. margin-top: -40px;
  546. overflow: visible;
  547. }
  548.  
  549. .askericon img {
  550. border: 1px solid {color:border};
  551. }
  552.  
  553.  
  554.  
  555. .askicon img {
  556. z-index: 9;
  557. height: 40px;
  558. width: 40px;
  559. position: relative;
  560. }
  561.  
  562.  
  563.  
  564. .askicon img{
  565. z-index: 9;
  566. width: 40px;
  567. }
  568.  
  569.  
  570.  
  571.  
  572. .question {
  573. overflow: hidden;
  574. width: 480px;
  575. height: auto;
  576. margin-top: -14px;
  577. padding: 2px 10px 5px 10px;
  578. color: {color:text color};
  579. background-color: {color:postinside};
  580. font-size: 12px;
  581. text-decoration: italic;
  582. z-index:-9;
  583. text-align: center;
  584. font-family: 'Calibri', sans-serif;
  585. }
  586.  
  587. .asker {
  588. font-size: 13px;
  589. color: {color:link};
  590. text-align: center;
  591. margin-top: 10px;
  592. margin-bottom: 3px;
  593. }
  594.  
  595. .answer {
  596. font-size: 12px;
  597. padding: 5px 10px 0 10px;
  598. width: 480px;
  599. margin-top:-12px;
  600. overflow: hidden;
  601. background-color: {color:postinside};
  602. text-align: center;
  603. font-family: 'Calibri', sans-serif;
  604. }
  605.  
  606. .textpost {
  607. font-size: 12px;
  608. margin-top: -12px;
  609. }
  610.  
  611. .posttitle {
  612. margin-bottom: 3px;
  613. font-size: 15px;
  614. background-color: {color:postinside};
  615. padding: 10px;
  616. text-align: center;
  617. }
  618.  
  619. .caption {
  620. font-size: 12px;
  621. background-color: {color:caption};
  622. padding: 5px;
  623. }
  624.  
  625. .quote {
  626. font-size: 16px;
  627. font-family: 'Satisfy';
  628. }
  629.  
  630. .audiopost {
  631. padding: 0 10px;
  632. width: 477px;
  633. font-size: 10px;
  634. margin-top: -20px;
  635. }
  636.  
  637. .audio {
  638. border: 1px solid {color:border};
  639. text-align: center;
  640. padding: 5px 10px;
  641. width: 478px;
  642. font-size: 15px;
  643. margin-bottom: 7px;
  644. font-family: 'Satisfy';
  645. }
  646.  
  647. .chattitle {
  648. font-size: 16px;
  649. font-family: 'Satisfy', sans-serif;
  650. }
  651.  
  652.  
  653. #credit {
  654. bottom: 8px;
  655. right: 8px;
  656. border: 1px solid #BABABA;
  657. font-size: 10px;
  658. color: #5A5A5A;
  659. height: 13px;
  660. width: 13px;
  661. line-height: 13px;
  662. position: fixed;
  663. text-align: center;
  664. -webkit-transition: 0.5s ease;transition: 0.5s ease;
  665. -o-transition: 0.5s ease;
  666. -moz-transition: 0.5s ease;
  667. }
  668.  
  669. #credit:hover {
  670. background-color: #2E2E2E;
  671. color: #fff;
  672. -webkit-transition: 0.5s ease;transition: 0.5s ease;
  673. -o-transition: 0.5s ease;
  674. -moz-transition: 0.5s ease;
  675. }
  676.  
  677.  
  678.  
  679.  
  680. {CustomCSS}
  681.  
  682. </style>
  683.  
  684.  
  685. </head>
  686.  
  687. <body>
  688.  
  689.  
  690.  
  691. <div id="sbimg01" class="sbimg"><img src="{image:sidebarimg01}"></div>
  692. <div id="sbimg02" class="sbimg"><img src="{image:sidebarimg02}"></div>
  693. <div id="sbimg01text" class="sbimgtext">
  694.  
  695. {Description}
  696. </div>
  697. <div id="sbimg02text" class="sbimgtext">
  698. {text:sbimagetext}
  699. </div>
  700.  
  701. <div id="sidebar">
  702.  
  703.  
  704.  
  705.  
  706. <div id="sbblock">
  707. <div id="blogtitle"><a href="/">{Title}</a></div>
  708.  
  709. <div id="subtitle">{text:subtitle}</div>
  710. </div>
  711.  
  712. {block:Pagination}
  713. <div id="pagination">
  714. {block:PreviousPage}
  715. <a href="{PreviousPage}">&#8612;</a>
  716. {/block:PreviousPage}
  717.  
  718. {block:JumpPagination length="5"}
  719. {block:CurrentPage}
  720. <span class="current_page"><u>{PageNumber}</u></span>
  721. {/block:CurrentPage}
  722.  
  723. {block:JumpPage}
  724. <a class="jump_page" href="{URL}">{PageNumber}</a>
  725. {/block:JumpPage}
  726. {/block:JumpPagination}
  727.  
  728. {block:NextPage}
  729. <a href="{NextPage}">&#8614;</a>
  730. {/block:NextPage}
  731. </div>
  732. {/block:Pagination}
  733.  
  734.  
  735.  
  736.  
  737.  
  738. <div id="stripe">
  739.  
  740. </div>
  741.  
  742. </div>
  743.  
  744.  
  745. <div id="sblinks">
  746.  
  747. <a href="{text:link1 url}"><div class="sidebarlinks">{text:link1 text}</div></a><br/>
  748. <a href="{text:link2 url}"><div class="sidebarlinks2">{text:link2 text}</div></a><br/>
  749. <a href="{text:link3 url}"><div class="sidebarlinks">{text:link3 text}</div></a><br/>
  750. <a href="{text:link4 url}"><div class="sidebarlinks2">{text:link4 text}</div></a><br/>
  751. <a href="{text:link5 url}"><div class="sidebarlinks">{text:link5 text}</div></a><br/>
  752. <a href="{text:link6 url}"><div class="sidebarlinks2">{text:link6 text}</div></a><br/>
  753. <a href="{text:link7 url}"><div class="sidebarlinks">{text:link7 text}</div></a><br/>
  754. <a href="{text:link8 url}"><div class="sidebarlinks2">{text:link8 text}</div></a><br/>
  755. <a href="{text:link9 url}"><div class="sidebarlinks">{text:link9 text}</div></a><br/>
  756.  
  757. </div>
  758.  
  759.  
  760.  
  761. <!-- boring post stuff - you don't really need to edit there I'd say -->
  762. <div id="content">
  763. {block:Posts}
  764.  
  765.  
  766. <div id="posts">
  767.  
  768. {block:ContentSource}
  769. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  770. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  771. {/block:SourceLogo}
  772. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  773. {/block:ContentSource}
  774.  
  775. {block:Photo}
  776. {LinkOpenTag}<img src="{PhotoURL-500}" />{LinkCloseTag}
  777. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  778. {/block:Photo}
  779.  
  780. {block:Photoset}
  781. {Photoset-500}
  782. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  783. {/block:Photoset}
  784.  
  785. {block:Video}
  786. {Video-500}
  787. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  788. {/block:Video}
  789.  
  790. {block:Audio}
  791. <div class="audio {select:Font}">
  792. {block:TrackName}
  793. {TrackName}
  794. {/block:TrackName}
  795. {block:Artist}
  796. &middot;&middot;&middot;
  797. {Artist}
  798. {/block:Artist}
  799. </div>
  800. {AudioPlayerWhite}
  801. {block:Caption}<br /><div class="audiopost">{Caption}</div>{/block:Caption}
  802. {/block:Audio}
  803.  
  804. {block:Quote}
  805. <div class="quote {select:Font}">“{Quote}”</div>
  806. {block:Source}<div class="text">~ {Source}</div>{/block:Source}
  807. {/block:Quote}
  808.  
  809. {block:Text}
  810. {block:Title}<div class="{select:Font}" id="posttitle">{Title}</div><br/>{/block:Title}<div class="textpost">{Body}</div>
  811. {/block:Text}
  812.  
  813. {block:Answer}
  814. <div class="askericon"><div class="askicon"><img src="{AskerPortraitURL-64}" /></div></div>
  815. <div class="question"><div class="asker {select:Font}">{Asker}:</div>{Question}</div><br />
  816. <div class="answer">{block:Answerer}<div class="answerer">{Answerer}:</div>{/block:Answerer}<div class="answerer-answer">{Answer}</div></div>
  817. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  818. {/block:Answer}
  819. {block:Reblog}<div class="caption">{Replies}</div>{/block:Reblog}
  820.  
  821. {block:Chat}
  822. {block:Title}<div class="chattitle {select:Font}">{Title}</div>{/block:Title}
  823. {block:Lines}
  824. {block:Label}<strong>{Label}</strong>{/block:Label} <em>{Line}</em><br />
  825. {/block:Lines}
  826. {/block:Chat}
  827.  
  828. {block:Link}
  829. <div class="linkpost">
  830. <a href="{URL}" ><div class="{select:Font} linktitle">{Name}</div></a>
  831. {block:Description}<div class="caption">{Description}</div>{/block:Description}</div>
  832. {/block:Link}
  833.  
  834.  
  835.  
  836. <div id="tagsbox">
  837. <div id="permalink">
  838. <a href="{Permalink}">
  839. {block:Date}{lang:Posted TimeAgo}{/block:Date}
  840. {block:NoteCount} with {NoteCountWithLabel}{/block:NoteCount}</a>
  841. {block:RebloggedFrom}&nbsp;&nbsp;&nbsp;&middot;&nbsp;&nbsp;&nbsp;via: <a href="{ReblogParentURL}">{ReblogParentName}</a> &nbsp;-&nbsp;
  842. originally: <a href="{ReblogRootURL}">{ReblogRootName}</a>
  843. {/block:RebloggedFrom}
  844. &nbsp;&nbsp;&nbsp;&middot;&nbsp;&nbsp;&nbsp;
  845. <a href="{ReblogURL}" target="_blank">reblog</a>
  846.  
  847. </div>
  848.  
  849. </div>
  850. {block:HasTags}<div id="tags">
  851. {block:Tags}
  852. <a href="{TagURL}">{Tag}</a><span class="comma"> &nbsp;&middot;&nbsp; </span>
  853. {/block:Tags}
  854. </div>
  855. {/block:HasTags}
  856.  
  857. </div> <!-- posts div -->
  858.  
  859.  
  860.  
  861.  
  862. {block:PostNotes}
  863. <div id="notecontainer">{PostNotes}</div>
  864. {/block:PostNotes}
  865.  
  866. {/block:Posts}
  867. </div> <!-- content div-->
  868.  
  869.  
  870.  
  871. <a href="http://spirkthemes.tumblr.com"><div id="credit">P</div></a>
  872.  
  873. </body>
  874.  
  875. </html>
Advertisement
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!