API tools faq
paste
spirkism

Theme #14: Forgive the Sinner (Var 2)

spirkism
Aug 28th, 2014
500
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 22.80 KB | None | 0 0
raw download clone embed print report
  1. <!--
  2. THEME: Save the Sinner
  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. Originally created per request for forgivethesinnersammy
  14. -->
  15.  
  16.  
  17. <!DOCTYPE html>
  18. <html lang="en">
  19.  
  20. <head>
  21.  
  22. <title>{Title}</title>
  23.  
  24.  
  25. {block:Description}
  26. <meta name="description" content="{MetaDescription}" />
  27. {/block:Description}
  28.  
  29. <link rel="shortcut icon" href="{Favicon}" />
  30.  
  31. <link rel="alternate" type="application/rss+xml" title="{Title} RSS" href="{RSS}"/>
  32.  
  33. <link href='http://fonts.googleapis.com/css?family=Playball' rel='stylesheet' type='text/css'>
  34.  
  35.  
  36. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  37.  
  38. <script type="text/javascript" src="http://static.tumblr.com/tiu5k68/xTkm8wqw2/tumblr-title-qtip.js"></script>
  39.  
  40. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  41.  
  42.  
  43.  
  44. <meta name="color:background" content="#ffffff" />
  45. <meta name="color:header" content="#ffdc90" />
  46. <meta name="color:title" content="#ff8e25" />
  47. <meta name="color:titlehover" content="#ffae00" />
  48. <meta name="color:sblinkbg" content="#ff8e25" />
  49. <meta name="color:sblinkbghover" content="#ffae00" />
  50. <meta name="color:navcolor" content="#3b3b3b" />
  51. <meta name="color:navcolorhover" content="#ffffff" />
  52. <meta name="color:text color" content="#373737" />
  53. <meta name="color:link color" content="#ef790b" />
  54. <meta name="color:link hover color" content="#ffa024" />
  55. <meta name="color:border" content="#e3c3a1" />
  56. <meta name="color:postinside" content="#fff6d6" />
  57.  
  58.  
  59. <!-- image metas -->
  60. <meta name="image:sbimg" content="" />
  61.  
  62. <!-- text metas -->
  63. <meta name="text:link1url" content="/" />
  64. <meta name="text:link1hover" content="home" />
  65. <meta name="text:link2url" content="/ask" />
  66. <meta name="text:link2hover" content="ask" />
  67. <meta name="text:link3url" content="/" />
  68. <meta name="text:link3hover" content="link" />
  69. <meta name="text:link4url" content="/" />
  70. <meta name="text:link4hover" content="link" />
  71. <meta name="text:link5url" content="/" />
  72. <meta name="text:link5hover" content="link" />
  73. <meta name="text:link6url" content="/" />
  74. <meta name="text:link6hover" content="link" />
  75. <meta name="text:link7url" content="/" />
  76. <meta name="text:link7hover" content="link" />
  77. <meta name="text:morehover" content="more" />
  78. <meta name="text:popuplink1url" content="/" />
  79. <meta name="text:popuplink1text" content="link" />
  80. <meta name="text:popuplink2url" content="/" />
  81. <meta name="text:popuplink2text" content="link" />
  82. <meta name="text:popuplink3url" content="/" />
  83. <meta name="text:popuplink3text" content="link" />
  84. <meta name="text:updatestitle" content="updates" />
  85. <meta name="text:updatestext" content="Here you can put your updates :)<br/>Make it as long as you like, a scrollbar will safe you, if you run out of space.<br/>You can use all the normal html text gimmicks here, like paragraphs, new lines, intalicised, strong and all that. Remember to use the code though!" />
  86.  
  87. <meta name="if:Wideheader" content="1" />
  88. <meta name="if:HoverDesc" content="1" />
  89.  
  90.  
  91. <script type="text/javascript">
  92. $(document).ready(function(){
  93. $('#more').click(function(){
  94. $('#popup').fadeIn(1000);
  95. });
  96. $('#popupback').click(function(){
  97. $('#popup').fadeOut(1000);
  98. });
  99. });
  100. </script>
  101.  
  102.  
  103. <style type="text/css">
  104.  
  105.  
  106.  
  107. iframe#tumblr_controls {
  108. position:fixed;-webkit-filter:invert(100%);opacity:0.5;
  109. -webkit-transition: 0.7s ease;transition: 0.7s ease;
  110. -o-transition: 0.7s ease;-moz-transition: 0.7s ease;}
  111.  
  112.  
  113. div#qTip {
  114. margin-left: 5px;
  115. margin-top: -5px;
  116. text-transform: lowercase;
  117. font-size: 9px;
  118. line-height: 13px;
  119. display: none;
  120. text-align: center;
  121. position: absolute;
  122. z-index: 9999999999999999;
  123. background: {color:background};
  124. padding: 2px 3px;
  125. color: {color:text color};
  126. max-width: 100px;
  127. height: auto;
  128. border: 2px double {color:border};
  129. font-family: 'Calibri', sans-serif;
  130. -webkit-transition: all 0.1s ease-out;
  131. -moz-transition: all 0.1s ease-out;
  132. -o-transition: all 0.1s ease-out;
  133. }
  134.  
  135.  
  136.  
  137. /* GENERAL STUFF */
  138.  
  139. ::-webkit-scrollbar {
  140. width:5px;height: 5px;background: {color:border};
  141. }
  142.  
  143. ::-webkit-scrollbar-thumb {
  144. background: {color:title};
  145. }
  146.  
  147. body {
  148. background-color: {color:background};
  149. font-family: 'Calibri', sans-serif;
  150. margin: 0;
  151. word-wrap: break-word;
  152. background-attachment: fixed;
  153. background-repeat: no-repeat;
  154. color: {color:text color};
  155. }
  156.  
  157. a:link, a:active, a:visited {
  158. text-decoration: none;
  159. -webkit-transition: 0.5s ease;transition: 0.5s ease;
  160. -o-transition: 0.5s ease;
  161. -moz-transition: 0.5s ease;
  162. color:{color:link color};
  163. }
  164.  
  165. a:hover {
  166. color:{color:link hover color};
  167. -webkit-transition: 0.5s ease;transition: 0.5s ease;
  168. -o-transition: 0.5s ease;
  169. -moz-transition: 0.5s ease;
  170. }
  171.  
  172. /* SIDEBAR THINGS */
  173.  
  174. #header {
  175. position: fixed;
  176. width: 500px;
  177. top: 0;
  178. left: 525px;
  179. height: 50px;
  180. background-color: {color:header};
  181. z-index: 99999;
  182. }
  183.  
  184. #wideheader {
  185. position: fixed;
  186. width: 100%;
  187. top: 0;
  188. height: 50px;
  189. background-color: {color:header};
  190. z-index: 9999;
  191. }
  192.  
  193. #title {
  194. position: absolute;
  195. text-align: center;
  196. width: 400px;
  197. left: 50px;
  198. top: 12px;
  199. font-family: 'Playball', serif;
  200. font-size: 20px;
  201. }
  202.  
  203. #title a {
  204. color: {color:title};
  205. -webkit-transition: 0.5s ease;transition: 0.5s ease;
  206. -o-transition: 0.5s ease;
  207. -moz-transition: 0.5s ease;
  208. }
  209.  
  210. #title a:hover {
  211. color: {color:titlehover};
  212. -webkit-transition: 0.5s ease;transition: 0.5s ease;
  213. -o-transition: 0.5s ease;
  214. -moz-transition: 0.5s ease;
  215. }
  216.  
  217. #sidebar {
  218. position: fixed;
  219. left: 150px;
  220. top: 150px;
  221. width: 170px;
  222. height: auto;
  223. }
  224.  
  225. #sbimg {
  226. position: relative;
  227. width: 170px;
  228. height: auto;
  229. margin-bottom: 10px;
  230. }
  231.  
  232. #sbimg img {
  233. width: 170px;
  234. height: auto;
  235. }
  236.  
  237. #sidebarlinks {
  238. position: relative;
  239. width: 170px;
  240. height: 35px;
  241. margin-bottom: 10px;
  242. }
  243.  
  244. #sblinks {
  245. position: absolute;
  246. width: 80px;
  247. left: 43px;
  248. height: 60px;
  249. }
  250.  
  251. .sblink {
  252. width: 10px;
  253. height: 10px;
  254. border-radius: 50%;
  255. background-color: {color:sblinkbg};
  256. float: left;
  257. margin-left: 5px;
  258. margin-bottom: 5px;
  259. border:2px solid {color:border};
  260. -webkit-transition: 0.5s ease;transition: 0.5s ease;
  261. -o-transition: 0.5s ease;
  262. -moz-transition: 0.5s ease;
  263. }
  264.  
  265. .sblink:hover {
  266. background-color: {color:sblinkbghover};
  267. -webkit-transition: 0.5s ease;transition: 0.5s ease;
  268. -o-transition: 0.5s ease;
  269. -moz-transition: 0.5s ease;
  270. }
  271.  
  272. #prevpage {
  273. position: absolute;
  274. width: 15px;
  275. height: 15px;
  276. border-radius: 50%;
  277. background-color: {color:sblinkbg};
  278. color: {color:navcolor};
  279. top: 7px;
  280. left: 23px;
  281. text-align: center;
  282. line-height: 13px;
  283. font-size: 15px;
  284. border:2px solid {color:border};
  285. -webkit-transition: 0.5s ease;transition: 0.5s ease;
  286. -o-transition: 0.5s ease;
  287. -moz-transition: 0.5s ease;
  288. }
  289.  
  290. #prevpage:hover {
  291. background-color: {color:sblinkbghover};
  292. color: {color:navcolorhover};
  293. -webkit-transition: 0.5s ease;transition: 0.5s ease;
  294. -o-transition: 0.5s ease;
  295. -moz-transition: 0.5s ease;
  296. }
  297.  
  298. #nextpage {
  299. position: absolute;
  300. width: 15px;
  301. height: 15px;
  302. border-radius: 50%;
  303. background-color: {color:sblinkbg};
  304. color: {color:navcolor};
  305. top: 7px;
  306. left: 125px;
  307. text-align: center;
  308. font-size: 15px;
  309. line-height: 13px;
  310. border:2px solid {color:border};
  311. -webkit-transition: 0.5s ease;transition: 0.5s ease;
  312. -o-transition: 0.5s ease;
  313. -moz-transition: 0.5s ease;
  314. }
  315.  
  316. #nextpage:hover {
  317. background-color: {color:sblinkbghover};
  318. color: {color:navcolorhover};
  319. -webkit-transition: 0.5s ease;transition: 0.5s ease;
  320. -o-transition: 0.5s ease;
  321. -moz-transition: 0.5s ease;
  322. }
  323.  
  324. {block:IfHoverDesc}
  325. #desc {
  326. position: absolute;
  327. width: 170px;
  328. height: auto;
  329. color: {color:text color};
  330. font-size: 11px;
  331. font-family: 'Calibri', sans-serif;
  332. text-align: center;
  333. opacity: 0;
  334. margin-top: -60px;
  335. -webkit-transition: 1s ease;transition: 1s ease;
  336. -o-transition: 1s ease;
  337. -moz-transition: 1s ease;
  338. }
  339.  
  340. #sidebar:hover #desc {
  341. margin-top: 1px;
  342. opacity: 1;
  343. -webkit-transition: 1s ease;transition: 1s ease;
  344. -o-transition: 1s ease;
  345. -moz-transition: 1s ease;
  346. }
  347.  
  348. {/block:IfHoverDesc}
  349.  
  350. {block:IfNotHoverDesc}
  351.  
  352. #desc {
  353. position: absolute;
  354. width: 170px;
  355. height: auto;
  356. color: {color:text color};
  357. font-size: 11px;
  358. font-family: 'Calibri', sans-serif;
  359. text-align: center;
  360. margin-top: 1px;
  361. -webkit-transition: 1s ease;transition: 1s ease;
  362. -o-transition: 1s ease;
  363. -moz-transition: 1s ease;
  364. }
  365.  
  366. {/block:IfNotHoverDesc}
  367.  
  368.  
  369. #more {
  370. cursor: pointer;
  371. }
  372.  
  373. #popup {
  374. position: fixed;
  375. top: 30%;
  376. margin-left: 615px;
  377. width: 300px;
  378. height: auto;
  379. background-color: {color:background};
  380. display: none;
  381. z-index: 99999999999999999999999999999;
  382. }
  383.  
  384. #popuptitle {
  385. position: relative;
  386. width: 280px;
  387. padding: 5px 10px;
  388. font-size: 18px;
  389. font-family: 'Playball', sans-serif;
  390. color: {color:title};
  391. background-color: {color:header};
  392. text-align: center;
  393. }
  394.  
  395. #popuplinks {
  396. position: relative;
  397. width: 210px;
  398. padding: 10px;
  399. margin-top: 5px;
  400. height: auto;
  401. margin-left: 37px;
  402. }
  403.  
  404. .popuplink {
  405. position: relative;
  406. text-align: center;
  407. float: left;
  408. padding: 3px;
  409. width: 200px;
  410. margin-bottom: 5px;
  411. font-size: 13px;
  412. border: 2px double {color:border};
  413. background-color: {color:postinside};
  414. -webkit-transition: 0.5s ease;transition: 0.5s ease;
  415. -o-transition: 0.5s ease;
  416. -moz-transition: 0.5s ease;
  417. }
  418.  
  419. #lastpul {
  420. margin-bottom: 45px;
  421. }
  422.  
  423. .popuplink:hover {
  424. letter-spacing: 0.2em;
  425. background-color: {color:sblinkbghover};
  426. color: {color:navcolorhover};
  427. -webkit-transition: 0.5s ease;transition: 0.5s ease;
  428. -o-transition: 0.5s ease;
  429. -moz-transition: 0.5s ease;
  430. }
  431.  
  432. #popupback {
  433. position: absolute;
  434. width: 60px;
  435. margin-left: 113px;
  436. border: 2px double {color:border};
  437. font-size: 10px;
  438. text-align: center;
  439. padding: 5px;
  440. height: auto;
  441. bottom: 10px;
  442. cursor: pointer;
  443. background-color: {color:header};
  444. }
  445.  
  446. #updates {
  447. position: fixed;
  448. z-index: 99999999999999999999999999999999999999999;
  449. top: 5px;
  450. width: 50px;
  451. height: 20px;
  452. padding: 10px;
  453. left: 5px;
  454. overflow: hidden;
  455. background-color: {color:postinside};
  456. font-size: 11px;
  457. -webkit-transition: 0.5s ease;transition: 0.5s ease;
  458. -o-transition: 0.5s ease;
  459. -moz-transition: 0.5s ease;
  460. }
  461.  
  462. .updatestitle {
  463. background-color: {color:header};
  464. font-size: 13px;
  465. font-family: 'Playball', serif;
  466. text-align: center;
  467. }
  468.  
  469. #updates:hover {
  470. width: 150px;
  471. height: 150px;
  472. overflow-y:scroll;
  473. -webkit-transition: 0.5s ease;transition: 0.5s ease;
  474. -o-transition: 0.5s ease;
  475. -moz-transition: 0.5s ease;
  476. }
  477.  
  478.  
  479.  
  480. /*CONTENT THINGS */
  481.  
  482. #content {
  483. width: 600px;
  484. background-color: none;
  485. padding: 20px 0;
  486. color: {color:text};
  487. overflow: hidden;
  488. margin-left: 515px;
  489. margin-top: 70px;
  490. position: relative;
  491. }
  492.  
  493. #content a {
  494. color: {color:link color};
  495. text-decoration: none;
  496. }
  497.  
  498. #content a:hover {
  499. color: {color:link hover color};
  500. }
  501.  
  502. #content blockquote {
  503. border-left: solid 2px #505050;
  504. margin: 0;
  505. padding-left: 10px;
  506. }
  507.  
  508. img {
  509. border: 0;
  510. max-width: 100%;
  511. }
  512.  
  513.  
  514. #content #posts {
  515. width: 500px;
  516. height: auto;
  517. margin: 0 0 80px 0;
  518. padding: 10px 10px 20px 10px;
  519. font-size: 14px;
  520. position: relative;
  521. border-bottom: 3px double {color:border};
  522. }
  523.  
  524.  
  525. #content #posts .title {
  526. font-size: 16px;
  527. }
  528.  
  529. #content #posts .text {
  530. font-size: 12px;
  531. }
  532.  
  533.  
  534. /* PERMALINK STUFF */
  535.  
  536. #permalink {
  537. font-size: 9px;
  538. margin-top: 2px;
  539. }
  540.  
  541. #posts:hover #tags {
  542. opacity: 1;
  543. -webkit-transition: 0.7s ease;transition: 0.7s ease;
  544. -o-transition: 0.7s ease;
  545. -moz-transition: 0.7s ease;
  546. }
  547.  
  548. #tags {
  549. font-size:9px;
  550. width: 500px;
  551. text-align: center;
  552. margin-top: 35px;
  553. opacity:0;
  554. position: absolute;
  555. -webkit-transition: 0.7s ease;transition: 0.7s ease;
  556. -o-transition: 0.7s ease;
  557. -moz-transition: 0.7s ease;
  558. }
  559.  
  560. #tags .comma:last-child {
  561. display: none;
  562. }
  563.  
  564.  
  565. #reblogged {
  566. position: relative;
  567. font-size: 9px;
  568. overflow: hidden;
  569. }
  570.  
  571.  
  572. /* PERMALINK PAGE THINGS */
  573.  
  574. #content #notecontainer {
  575. margin-left: 30px;
  576. margin-top: -10px;
  577. width: 460px;
  578. font-size: 11px;
  579. }
  580.  
  581.  
  582. #content #notecontainer ol.notes {
  583. list-style-type: none;
  584. margin: 1px 1px 1px 1px;
  585. padding: 1px;
  586. line-height: 16px;
  587. }
  588.  
  589. #content #notecontainer img.avatar {
  590. width: 16px;
  591. height: 16px;
  592. margin: 1px 5px 1px 1px;
  593. padding: 1px;
  594. }
  595.  
  596. #content #posts #tagsbox {
  597. position: absolute;
  598. padding: 1px 4px 3px 4px;
  599. margin-top: 11px;
  600. background-color: {color:postinside};
  601. text-align: center;
  602. width: 450px;
  603. margin-left: 19px;
  604. border: 2px double {color:border};
  605. }
  606.  
  607. /* POST STUFF */
  608.  
  609. .linkpost {
  610. padding: 5px;
  611. }
  612.  
  613.  
  614. .linktitle {
  615. margin-bottom: 3px;
  616. font-size: 18px;
  617. background-color: {color:postinside};
  618. border: 2px double {color:border};
  619. padding: 10px;
  620. text-align: center;
  621. font-family: 'Playball', sans-serif;
  622. -webkit-transition: 0.5s ease;transition: 0.5s ease;
  623. -o-transition: 0.5s ease;
  624. -moz-transition: 0.5s ease;
  625. }
  626.  
  627. .linktitle:hover {
  628. background-color: {color:caption};
  629. -webkit-transition: 0.5s ease;transition: 0.5s ease;
  630. -o-transition: 0.5s ease;
  631. -moz-transition: 0.5s ease;
  632. }
  633.  
  634.  
  635. .askicon img {
  636. z-index: 9;
  637. height: 40px;
  638. width: 40px;
  639. position: relative;
  640. border: 5px solid {color:border};
  641. }
  642.  
  643.  
  644. .askicon img{
  645. z-index: 9;
  646. width: 40px;
  647. }
  648.  
  649.  
  650.  
  651. .arrow-left {
  652. width: 0;
  653. height: 0;
  654. border-top: 15px solid transparent;
  655. border-bottom: 15px solid transparent;
  656. border-right:25px solid {color:border};
  657. position: relative;
  658. margin-left: 50px;
  659. margin-top: -47px;
  660. }
  661.  
  662.  
  663.  
  664. .question {
  665. width: 403px;
  666. height: auto;
  667. padding: 2px 10px 7px 10px;
  668. color: {color:text color};
  669. background-color: {color:border};
  670. font-size: 12px;
  671. text-align: left;
  672. margin-left: 74px;
  673. margin-top: -35px;
  674. margin-bottom: 15px;
  675. }
  676.  
  677. .asker {
  678. font-size: 17px;
  679. color: {color:link color};
  680. text-align: left;
  681. margin-top: 5px;
  682. margin-bottom: 3px;
  683. font-family: 'Playball', sans-serif;
  684. }
  685.  
  686. .answer {
  687. font-size: 12px;
  688. padding: 1px 10px 5px 10px;
  689. width: 477px;
  690. margin-top:-12px;
  691. overflow: hidden;
  692. margin-left: 10px;
  693. }
  694.  
  695. .textpost {
  696. font-size: 12px;
  697. margin-top: -12px;
  698. }
  699.  
  700. .posttitle {
  701. margin-bottom: 3px;
  702. font-size: 18px;
  703. background-color: {color:postinside};
  704. padding: 10px;
  705. text-align: center;
  706. font-family: 'Playball', sans-serif;
  707. }
  708.  
  709. .caption {
  710. font-size: 12px;
  711. background-color: {color:caption};
  712. padding: 5px;
  713. }
  714.  
  715. .quote {
  716. font-size: 18px;
  717. font-family: 'Playball';
  718. text-align: center;
  719. margin-bottom: 5px;
  720. }
  721.  
  722. .quotesource {
  723. text-align: center;
  724. font-family: 'Calibri', sans-serif;
  725. font-size: 12px;
  726. }
  727.  
  728. .audiopost {
  729. padding: 0 10px;
  730. width: 477px;
  731. font-size: 10px;
  732. margin-top: -20px;
  733. }
  734.  
  735. .audio {
  736. border: 2px double {color:border};
  737. text-align: center;
  738. padding: 5px 10px;
  739. width: 478px;
  740. font-size: 15px;
  741. margin-bottom: 7px;
  742. font-family: 'Playball';
  743. background-color: {color:postinside};
  744. }
  745.  
  746. .chattitle {
  747. font-size: 18px;
  748. font-family: 'Playball', sans-serif;
  749. background-color: {color:postinside};
  750. border: 2px double {color:border};
  751. padding: 2px;
  752. text-align: center;
  753. margin-bottom: 10px;
  754. }
  755.  
  756. .chat {
  757. font-size: 12px;
  758. font-family: 'Calibri', sans-serif;
  759. margin-left: 20px;
  760. }
  761.  
  762.  
  763. #credit {
  764. bottom: 8px;
  765. right: 8px;
  766. border: 1px solid #BABABA;
  767. font-size: 10px;
  768. color: #5A5A5A;
  769. height: 13px;
  770. width: 13px;
  771. line-height: 13px;
  772. position: fixed;
  773. text-align: center;
  774. background-color: white;
  775. -webkit-transition: 0.5s ease;transition: 0.5s ease;
  776. -o-transition: 0.5s ease;
  777. -moz-transition: 0.5s ease;
  778. }
  779.  
  780. #credit:hover {
  781. background-color: #2E2E2E;
  782. color: #fff;
  783. -webkit-transition: 0.5s ease;transition: 0.5s ease;
  784. -o-transition: 0.5s ease;
  785. -moz-transition: 0.5s ease;
  786. }
  787.  
  788.  
  789.  
  790.  
  791. {CustomCSS}
  792.  
  793. </style>
  794.  
  795.  
  796. </head>
  797.  
  798. <body>
  799.  
  800. <div id="header"><div id="title"><a href="/">{Title}</a></div></div>
  801.  
  802.  
  803. {block:IfWideheader}
  804. <div id="wideheader"></div>
  805. {/block:IfWideheader}
  806.  
  807. <div id="sidebar">
  808.  
  809. <div id="sbimg"><img src="{image:sbimg}"></div>
  810. <div id="sidebarlinks">
  811. <div id="sblinks">
  812. <a href="{text:link1url}" title="{text:link1hover}"><div class="sblink"></div></a>
  813. <a href="{text:link2url}" title="{text:link2hover}"><div class="sblink"></div></a>
  814. <a href="{text:link3url}" title="{text:link3hover}"><div class="sblink"></div></a>
  815. <a href="{text:link4url}" title="{text:link4hover}"><div class="sblink"></div></a>
  816. <a href="{text:link5url}" title="{text:link5hover}"><div class="sblink"></div></a>
  817. <a href="{text:link6url}" title="{text:link6hover}"><div class="sblink"></div></a>
  818. <a href="{text:link7url}" title="{text:link7hover}"><div class="sblink"></div></a>
  819. <a title="{text:morehover}"><div class="sblink" id="more"></div></a>
  820. </div>
  821.  
  822. {block:PreviousPage}
  823. <a href="{PreviousPage}"><div id="prevpage">&laquo;</div></a>
  824. {/block:PreviousPage}
  825.  
  826. {block:NextPage}
  827. <a href="{NextPage}"><div id="nextpage">&raquo;</div></a>
  828. {/block:NextPage}
  829.  
  830. </div>
  831.  
  832. <div id="desc">{Description}</div>
  833.  
  834.  
  835. </div>
  836.  
  837. <div id="popup">
  838.  
  839. <div id="popuptitle">more links</div>
  840. <div id="popuplinks">
  841. <a href="{text:popuplink1url}"><div class="popuplink">{text:popuplink1text}</div></a>
  842. <a href="{text:popuplink2url}"><div class="popuplink">{text:popuplink2text}</div></a>
  843. <a href="{text:popuplink3url}"><div class="popuplink" id="lastpul">{text:popuplink3text}</div></a>
  844. </div>
  845. <div id="popupback">back</div>
  846. </div>
  847.  
  848. <div id="updates">
  849. <div class="updatestitle">{text:updatestitle}</div><br/>
  850. {text:updatestext}
  851. </div>
  852.  
  853.  
  854.  
  855.  
  856. <!-- boring post stuff - you don't really need to edit there I'd say -->
  857. <div id="content">
  858. {block:Posts}
  859.  
  860.  
  861. <div id="posts">
  862.  
  863. {block:ContentSource}
  864. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  865. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  866. {/block:SourceLogo}
  867. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  868. {/block:ContentSource}
  869.  
  870. {block:Photo}
  871. {LinkOpenTag}<img src="{PhotoURL-500}" />{LinkCloseTag}
  872. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  873. {/block:Photo}
  874.  
  875. {block:Photoset}
  876. {Photoset-500}
  877. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  878. {/block:Photoset}
  879.  
  880. {block:Video}
  881. {Video-500}
  882. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  883. {/block:Video}
  884.  
  885. {block:Audio}
  886. <div class="audio {select:Font}">
  887. {block:TrackName}
  888. {TrackName}
  889. {/block:TrackName}
  890. {block:Artist}
  891. &middot;&middot;&middot;
  892. {Artist}
  893. {/block:Artist}
  894. </div>
  895. {AudioPlayerWhite}
  896. {block:Caption}<br /><div class="audiopost">{Caption}</div>{/block:Caption}
  897. {/block:Audio}
  898.  
  899. {block:Quote}
  900. <div class="quote {select:Font}">“{Quote}”</div>
  901. {block:Source}<div class="quotesource">- {Source}</div>{/block:Source}
  902. {/block:Quote}
  903.  
  904. {block:Text}
  905. {block:Title}<div class="{select:Font}" id="posttitle">{Title}</div><br/>{/block:Title}<div class="textpost">{Body}</div>
  906. {/block:Text}
  907.  
  908. {block:Answer}
  909. <div class="askicon"><img src="{AskerPortraitURL-64}" /></div><div class="arrow-left"></div>
  910. <div class="question"><div class="asker">{Asker}:</div>{Question}</div>
  911. <div class="answer">{block:Answerer}<div class="answerer">{Answerer}:</div>{/block:Answerer}<div class="answerer-answer">{Answer}</div></div>
  912. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  913. {/block:Answer}
  914.  
  915. {block:Chat}
  916. {block:Title}<div class="chattitle {select:Font}">{Title}</div>{/block:Title}
  917. {block:Lines}<div class="chat">
  918. {block:Label}<strong>{Label} </strong>{/block:Label}{Line}<br />
  919. </div>{/block:Lines}
  920. {/block:Chat}
  921.  
  922. {block:Link}
  923. <div class="linkpost">
  924. <a href="{URL}" ><div class="{select:Font} linktitle">{Name}</div></a>
  925. {block:Description}<div class="caption">{Description}</div>{/block:Description}</div>
  926. {/block:Link}
  927.  
  928.  
  929.  
  930. <div id="tagsbox">
  931. <div id="permalink">
  932. <a href="{Permalink}">
  933. {block:Date}{lang:Posted TimeAgo}{/block:Date}
  934. {block:NoteCount} with {NoteCountWithLabel}{/block:NoteCount}</a>
  935. {block:RebloggedFrom}&nbsp;&nbsp;&nbsp;&middot;&nbsp;&nbsp;&nbsp;via: <a href="{ReblogParentURL}">{ReblogParentName}</a> &nbsp;-&nbsp;
  936. originally: <a href="{ReblogRootURL}">{ReblogRootName}</a>
  937. {/block:RebloggedFrom}
  938. &nbsp;&nbsp;&nbsp;&middot;&nbsp;&nbsp;&nbsp;
  939. <a href="{ReblogURL}" target="_blank">reblog</a>
  940.  
  941. </div>
  942.  
  943. </div>
  944. {block:HasTags}<div id="tags">
  945. {block:Tags}
  946. <a href="{TagURL}">{Tag}</a><span class="comma"> &nbsp;&middot;&nbsp; </span>
  947. {/block:Tags}
  948. </div>
  949. {/block:HasTags}
  950.  
  951. </div> <!-- posts div -->
  952.  
  953.  
  954.  
  955.  
  956. {block:PostNotes}
  957. <div id="notecontainer">{PostNotes}</div>
  958. {/block:PostNotes}
  959.  
  960. {/block:Posts}
  961. </div> <!-- content div-->
  962.  
  963.  
  964.  
  965. <a href="http://spirkthemes.tumblr.com"><div id="credit">P</div></a>
  966.  
  967. </body>
  968.  
  969. </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!