spirkism

Theme #12: Warp Speed

Aug 24th, 2014
692
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 18.29 KB | None | 0 0
  1. <!--
  2. THEME: WARP SPEED
  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=Cutive+Mono|Quicksand|Josefin+Sans|Anton|Black+Ops+One|Nova+Square|Orbitron|Aldrich' 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" content="#ADFFEA" />
  44. <meta name="color:titlehover" content="#A0F14F" />
  45. <meta name="color:text" content="#373737" />
  46. <meta name="color:link" content="#21745E" />
  47. <meta name="color:linkhover" content="#44C4A2" />
  48. <meta name="color:border" content="#C4C4C4" />
  49. <meta name="color:sblinkbg" content="#ADFFEA" />
  50. <meta name="color:sblinkbghover" content="#21745E" />
  51. <meta name="color:sblinktext" content="#fff" />
  52. <meta name="color:desc" content="#ADFFEA" />
  53. <meta name="color:desctext" content="#3D3D3D" />
  54. <meta name="color:postinside" content="#fff" />
  55. <meta name="color:posts" content="#ADFFEA" />
  56. <meta name="color:caption" content="#E4E4E4" />
  57.  
  58.  
  59.  
  60. <!-- image metas -->
  61. <meta name="image:sbimg01" content="" />
  62.  
  63. <!-- text metas -->
  64. <meta name="text:link1url" content="/" />
  65. <meta name="text:link1text" content="home" />
  66. <meta name="text:link2url" content="/ask" />
  67. <meta name="text:link2text" content="message" />
  68. <meta name="text:link3url" content="/" />
  69. <meta name="text:link3text" content="link" />
  70. <meta name="text:link4url" content="/" />
  71. <meta name="text:link4text" content="link" />
  72.  
  73.  
  74. <meta name="select:font" content="quicksand" title="Quicksand" />
  75. <meta name="select:font" content="cutivemono" title="Cutive Mono" />
  76. <meta name="select:font" content="josefinsans" title="Josefin Sans" />
  77. <meta name="select:font" content="blackopsone" title="Black Ops One" />
  78. <meta name="select:font" content="novasquare" title="Nova Square" />
  79. <meta name="select:font" content="orbitron" title="Orbitron" />
  80. <meta name="select:font" content="aldrich" title="Aldrich" />
  81.  
  82. <style type="text/css">
  83.  
  84.  
  85.  
  86. iframe#tumblr_controls {
  87. position:fixed;-webkit-filter:invert(100%);opacity:0.5;
  88. -webkit-transition: 0.7s ease;transition: 0.7s ease;
  89. -o-transition: 0.7s ease;-moz-transition: 0.7s ease;}
  90.  
  91.  
  92. div#qTip {
  93. margin-left: 5px;
  94. margin-top: -5px;
  95. text-transform: lowercase;
  96. font-size: 9px;
  97. line-height: 13px;
  98. display: none;
  99. text-align: center;
  100. position: absolute;
  101. z-index: 9999999999999999;
  102. background: #fff;
  103. padding: 2px 3px;
  104. color: {color:Text};
  105. max-width: 100px;
  106. height: auto;
  107. border: 1.3px double {color:border};
  108. -webkit-transition: all 0.1s ease-out;
  109. -moz-transition: all 0.1s ease-out;
  110. -o-transition: all 0.1s ease-out;
  111. }
  112.  
  113.  
  114.  
  115. /* GENERAL STUFF */
  116.  
  117. ::-webkit-scrollbar {
  118. width:5px;height: 5px;background: {color:border};
  119. }
  120.  
  121. ::-webkit-scrollbar-thumb {
  122. background: {color:title};
  123. }
  124.  
  125.  
  126. body {
  127. background-color: {color:background};
  128. font-family: 'Calibri', sans-serif;
  129. margin: 0;
  130. word-wrap: break-word;
  131. background-attachment: fixed;
  132. background-repeat: no-repeat;
  133. color: {color:text};
  134. }
  135.  
  136. a:link, a:active, a:visited {
  137. text-decoration: none;
  138. -webkit-transition: 0.5s ease;transition: 0.5s ease;
  139. -o-transition: 0.5s ease;
  140. -moz-transition: 0.5s ease;
  141. color:{color:link};
  142. }
  143.  
  144. a:hover {
  145. color:{color:linkhover};
  146. -webkit-transition: 0.5s ease;transition: 0.5s ease;
  147. -o-transition: 0.5s ease;
  148. -moz-transition: 0.5s ease;
  149. }
  150.  
  151. /* SIDEBAR THINGS */
  152.  
  153.  
  154. #sidebar {
  155. position: fixed;
  156. top: 130px;
  157. left: 70px;
  158. width: 320px;
  159. height: 350px;
  160. }
  161.  
  162. #title {
  163. position: relative;
  164. width: 230px;
  165. padding: 10px;
  166. text-align: center;
  167. }
  168.  
  169. #title a {
  170. color: {color:title};
  171. font-size: 16px;
  172. -webkit-transition: 0.5s ease;transition: 0.5s ease;
  173. -o-transition: 0.5s ease;
  174. -moz-transition: 0.5s ease;
  175. }
  176.  
  177. #title a:hover {
  178. color: {color:titlehover};
  179. -webkit-transition: 0.5s ease;transition: 0.5s ease;
  180. -o-transition: 0.5s ease;
  181. -moz-transition: 0.5s ease;
  182. }
  183.  
  184.  
  185. #sb {
  186. position: relative;
  187. }
  188.  
  189. #sbblock {
  190. position: absolute;
  191. width: 150px;
  192. height: 150px;
  193. padding: 20px;
  194. border: 30px solid {color:border};
  195. overflow: hidden;
  196. }
  197.  
  198.  
  199. #sbimg {
  200. position: absolute;
  201. width: 150px;
  202. height: 150px;
  203. }
  204.  
  205. #sbimg img {
  206. width: 150px;
  207. height: 150px;
  208. overflow: hidden;
  209. }
  210.  
  211.  
  212. #desc {
  213. position: absolute;
  214. opacity: 0;
  215. padding: 10px;
  216. width: 130px;
  217. height: 130px;
  218. background-color: {color:desc};
  219. color: {color:desctext};
  220. overflow-y:scroll;
  221. font-family: 'Calibri', sans-serif;
  222. font-size: 10px;
  223. text-align: center;
  224. -webkit-transition: 0.5s ease;transition: 0.5s ease;
  225. -o-transition: 0.5s ease;
  226. -moz-transition: 0.5s ease;
  227. }
  228.  
  229. #sbblock:hover #desc {
  230. opacity: 1;
  231. -webkit-transition: 0.5s ease;transition: 0.5s ease;
  232. -o-transition: 0.5s ease;
  233. -moz-transition: 0.5s ease;
  234. }
  235.  
  236.  
  237. #sblinks {
  238. position: absolute;
  239. left: 260px;
  240. height: 250px;
  241. width: 70px;
  242. margin-top: 10px;
  243. }
  244.  
  245. .sblink {
  246. float: left;
  247. height: 10px;
  248. width: 10px;
  249. padding: 10px;
  250. border: 10px solid {color:border};
  251. margin-bottom: 10px;
  252. background-color: {color:sblinkbg};
  253. overflow: hidden;
  254. font-family: 'Calibri', sans-serif;
  255. font-size: 11px;
  256. line-height: 10px;
  257. text-align: right;
  258. color: transparent;
  259. -webkit-transition: 0.5s ease;transition: 0.5s ease;
  260. -o-transition: 0.5s ease;
  261. -moz-transition: 0.5s ease;
  262. }
  263.  
  264. .sblink:hover {
  265. color: {color:sblinktext};
  266. background-color: {color:sblinkbghover};
  267. width: 100px;
  268. -webkit-transition: 0.5s ease;transition: 0.5s ease;
  269. -o-transition: 0.5s ease;
  270. -moz-transition: 0.5s ease;
  271. }
  272.  
  273.  
  274. #prevpage {
  275. margin-top: 255px;
  276. position: absolute;
  277. width: 15px;
  278. height: 15px;
  279. border: 5px solid {color:border};
  280. background-color: {color:sblinkbg};
  281. text-align:center;
  282. line-height: 12px;
  283. -webkit-transition: 0.5s ease;transition: 0.5s ease;
  284. -o-transition: 0.5s ease;
  285. -moz-transition: 0.5s ease;
  286. }
  287.  
  288. #prevpage:hover {
  289. background-color: {color:sblinkbghover};
  290. color: {color:sblinktext};
  291. -webkit-transition: 0.5s ease;transition: 0.5s ease;
  292. -o-transition: 0.5s ease;
  293. -moz-transition: 0.5s ease;
  294. }
  295.  
  296. #nextpage {
  297. margin-top: 255px;
  298. margin-left: 225px;
  299. position: absolute;
  300. text-align:center;
  301. width: 15px;
  302. height: 15px;
  303. line-height: 12px;
  304. border: 5px solid {color:border};
  305. background-color: {color:sblinkbg};
  306. -webkit-transition: 0.5s ease;transition: 0.5s ease;
  307. -o-transition: 0.5s ease;
  308. -moz-transition: 0.5s ease;
  309. }
  310.  
  311. #nextpage:hover {
  312. background-color: {color:sblinkbghover};
  313. -webkit-transition: 0.5s ease;transition: 0.5s ease;
  314. -o-transition: 0.5s ease;
  315. -moz-transition: 0.5s ease;
  316. color: {color:sblinktext};
  317. }
  318.  
  319.  
  320. .postbar {
  321. padding: 1px 0px 3px 0px;
  322. background-color: {color:postinside};
  323. text-align: center;
  324. position: absolute;
  325. z-index: 9;
  326. width: 590px;
  327. height: 14px;
  328. margin-left: 15px;
  329. margin-top: 6px;
  330. }
  331.  
  332. .quicksand {
  333. font-family: 'Quicksand', serif;
  334. }
  335.  
  336. .aldrich {
  337. font-family: 'Aldrich', serif;
  338. }
  339.  
  340. .josefinsans {
  341. font-family: 'Josefin Sans', serif;
  342. }
  343.  
  344. .anton {
  345. font-family: 'Anton', serif;
  346. }
  347.  
  348. .blackopsone {
  349. font-family: 'Black Ops One', serif;
  350. }
  351.  
  352. .cutivemono {
  353. font-family: 'Cutive Mono', serif;
  354. }
  355.  
  356. .novasquare {
  357. font-family: 'Nova Square', serif;
  358. }
  359.  
  360. .orbitron {
  361. font-family: 'Orbitron', serif;
  362. }
  363.  
  364.  
  365.  
  366.  
  367.  
  368. /*CONTENT THINGS */
  369.  
  370. #content {
  371. width: 650px;
  372. background-color: none;
  373. padding: 20px 0;
  374. color: {color:text};
  375. overflow: hidden;
  376. margin-left: 500px;
  377. margin-top: 20px;
  378. position: relative;
  379. }
  380.  
  381. #content a {
  382. color: {color:link};
  383. text-decoration: none;
  384. }
  385.  
  386. #content a:hover {
  387. color: {color:linkhover};
  388. }
  389.  
  390. #content blockquote {
  391. border-left: solid 2px #505050;
  392. margin: 0;
  393. padding-left: 10px;
  394. }
  395.  
  396. img {
  397. border: 0;
  398. max-width: 100%;
  399. }
  400.  
  401.  
  402. #content #posts {
  403. background-color: {color:posts};
  404. width: 500px;
  405. height: auto;
  406. margin: 0 0 80px 0;
  407. padding: 30px;
  408. font-size: 14px;
  409. position: relative;
  410. border: 30px solid {color:border};
  411. }
  412.  
  413.  
  414. #content #posts .title {
  415. font-size: 16px;
  416. }
  417.  
  418. #content #posts .text {
  419. font-size: 12px;
  420. }
  421.  
  422.  
  423. /* PERMALINK STUFF */
  424.  
  425. #permalink {
  426. font-size: 9px;
  427. margin-top: 2px;
  428. opacity: 0;
  429. -webkit-transition: 0.7s ease;transition: 0.7s ease;
  430. -o-transition: 0.7s ease;
  431. -moz-transition: 0.7s ease;
  432. }
  433.  
  434. #posts:hover #tags {
  435. opacity: 1;
  436. -webkit-transition: 0.7s ease;transition: 0.7s ease;
  437. -o-transition: 0.7s ease;
  438. -moz-transition: 0.7s ease;
  439. }
  440.  
  441. #tags {
  442. font-size:9px;
  443. width: 500px;
  444. text-align: center;
  445. margin-top: 65px;
  446. opacity:0;
  447. position: absolute;
  448. -webkit-transition: 0.7s ease;transition: 0.7s ease;
  449. -o-transition: 0.7s ease;
  450. -moz-transition: 0.7s ease;
  451. }
  452.  
  453. #tags .comma:last-child {
  454. display: none;
  455. }
  456.  
  457.  
  458. #reblogged {
  459. position: relative;
  460. font-size: 9px;
  461. overflow: hidden;
  462. }
  463.  
  464.  
  465. /* PERMALINK PAGE THINGS */
  466.  
  467. #content #notecontainer {
  468. margin-left: 30px;
  469. margin-top: -10px;
  470. width: 460px;
  471. font-size: 11px;
  472. }
  473.  
  474.  
  475. #content #notecontainer ol.notes {
  476. list-style-type: none;
  477. margin: 1px 1px 1px 1px;
  478. padding: 1px;
  479. line-height: 16px;
  480. }
  481.  
  482. #content #notecontainer img.avatar {
  483. width: 16px;
  484. height: 16px;
  485. margin: 1px 5px 1px 1px;
  486. padding: 1px;
  487. }
  488.  
  489. #tagsbox {
  490. padding: 1px 0px 3px 0px;
  491. background-color: {color:postinside};
  492. text-align: center;
  493. position: absolute;
  494. z-index: 9;
  495. width: 590px;
  496. margin-left: -45px;
  497. margin-top: 36px;
  498. }
  499.  
  500. #posts:hover #permalink {
  501. opacity: 1;
  502. -webkit-transition: 0.7s ease;transition: 0.7s ease;
  503. -o-transition: 0.7s ease;
  504. -moz-transition: 0.7s ease;
  505. }
  506.  
  507. /* POST STUFF */
  508.  
  509. .linkpost {
  510. background-color: {color:border};
  511. padding: 5px;
  512. }
  513.  
  514.  
  515. .linktitle {
  516. margin-bottom: 3px;
  517. font-size: 15px;
  518. background-color: {color:postinside};
  519. padding: 10px;
  520. text-align: center;
  521. -webkit-transition: 0.5s ease;transition: 0.5s ease;
  522. -o-transition: 0.5s ease;
  523. -moz-transition: 0.5s ease;
  524. }
  525.  
  526. .linktitle:hover {
  527. background-color: {color:caption};
  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.  
  534.  
  535. .askericon {
  536. width: auto;
  537. margin-left:228px;
  538. margin-top: -40px;
  539. overflow: visible;
  540. }
  541.  
  542. .askericon img {
  543. border: 1px solid {color:border};
  544. }
  545.  
  546.  
  547.  
  548. .askicon img {
  549. z-index: 9;
  550. height: 40px;
  551. width: 40px;
  552. position: relative;
  553. }
  554.  
  555.  
  556.  
  557. .askicon img{
  558. z-index: 9;
  559. width: 40px;
  560. }
  561.  
  562.  
  563.  
  564.  
  565. .question {
  566. overflow: hidden;
  567. width: 480px;
  568. height: auto;
  569. margin-top: -14px;
  570. padding: 2px 10px 5px 10px;
  571. color: {color:text color};
  572. background-color: {color:postinside};
  573. font-size: 12px;
  574. text-decoration: italic;
  575. z-index:-9;
  576. text-align: center;
  577. font-family: 'Calibri', sans-serif;
  578. }
  579.  
  580. .asker {
  581. font-size: 13px;
  582. color: {color:link};
  583. text-align: center;
  584. margin-top: 10px;
  585. margin-bottom: 3px;
  586. }
  587.  
  588. .answer {
  589. font-size: 12px;
  590. padding: 5px 10px 0 10px;
  591. width: 480px;
  592. margin-top:-12px;
  593. overflow: hidden;
  594. background-color: {color:postinside};
  595. text-align: center;
  596. font-family: 'Calibri', sans-serif;
  597. }
  598.  
  599. .textpost {
  600. font-size: 12px;
  601. margin-top: -12px;
  602. }
  603.  
  604. .posttitle {
  605. margin-bottom: 3px;
  606. font-size: 15px;
  607. background-color: {color:postinside};
  608. padding: 10px;
  609. text-align: center;
  610. }
  611.  
  612. .caption {
  613. font-size: 12px;
  614. background-color: {color:caption};
  615. padding: 5px;
  616. }
  617.  
  618. .quote {
  619. font-size: 16px;
  620. }
  621.  
  622. .audiopost {
  623. padding: 0 10px;
  624. width: 477px;
  625. font-size: 10px;
  626. margin-top: -20px;
  627. }
  628.  
  629. .audio {
  630. border: 1px solid {color:border};
  631. text-align: center;
  632. padding: 5px 10px;
  633. width: 478px;
  634. font-size: 15px;
  635. margin-bottom: 7px;
  636.  
  637. }
  638.  
  639. .chattitle {
  640. font-size: 16px;
  641.  
  642. }
  643.  
  644.  
  645. #credit {
  646. bottom: 8px;
  647. right: 8px;
  648. border: 1px solid #BABABA;
  649. font-size: 10px;
  650. color: #5A5A5A;
  651. height: 13px;
  652. width: 13px;
  653. line-height: 13px;
  654. position: fixed;
  655. text-align: center;
  656. -webkit-transition: 0.5s ease;transition: 0.5s ease;
  657. -o-transition: 0.5s ease;
  658. -moz-transition: 0.5s ease;
  659. }
  660.  
  661. #credit:hover {
  662. background-color: #2E2E2E;
  663. color: #fff;
  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.  
  670.  
  671.  
  672. {CustomCSS}
  673.  
  674. </style>
  675.  
  676.  
  677. </head>
  678.  
  679. <body>
  680.  
  681. <div id="sidebar">
  682.  
  683. <div id="title" class="{select:font}"><a href="/">{Title}</a></div>
  684.  
  685.  
  686. <div id="sb">
  687. <div id="sbblock">
  688. <div id="sbimg"><img src="{image:sbimg01}"></div>
  689. <div id="desc">{Description}</div>
  690. </div>
  691.  
  692. <div id="sblinks">
  693. <a href="{text:link1url}"><div class="sblink">{text:link1text}</div></a>
  694. <a href="{text:link2url}"><div class="sblink">{text:link2text}</div></a>
  695. <a href="{text:link3url}"><div class="sblink">{text:link3text}</div></a>
  696. <a href="{text:link4url}"><div class="sblink">{text:link4text}</div></a>
  697. </div>
  698.  
  699. {block:PreviousPage}
  700. <a href="{PreviousPage}"><div id="prevpage">&laquo;</div></a>
  701. {/block:PreviousPage}
  702.  
  703.  
  704.  
  705. {block:NextPage}
  706. <a href="{NextPage}"><div id="nextpage">&raquo;</div></a>
  707. {/block:NextPage}
  708.  
  709.  
  710. </div>
  711.  
  712. </div>
  713.  
  714.  
  715.  
  716.  
  717. <!-- boring post stuff - you don't really need to edit there I'd say -->
  718. <div id="content">
  719. {block:Posts}
  720.  
  721.  
  722. <div class="postbar"></div>
  723.  
  724. <div id="posts">
  725.  
  726. {block:ContentSource}
  727. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  728. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  729. {/block:SourceLogo}
  730. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  731. {/block:ContentSource}
  732.  
  733. {block:Photo}
  734. {LinkOpenTag}<img src="{PhotoURL-500}" />{LinkCloseTag}
  735. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  736. {/block:Photo}
  737.  
  738. {block:Photoset}
  739. {Photoset-500}
  740. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  741. {/block:Photoset}
  742.  
  743. {block:Video}
  744. {Video-500}
  745. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  746. {/block:Video}
  747.  
  748. {block:Audio}
  749. <div class="audio {select:Font}">
  750. {block:TrackName}
  751. {TrackName}
  752. {/block:TrackName}
  753. {block:Artist}
  754. &middot;&middot;&middot;
  755. {Artist}
  756. {/block:Artist}
  757. </div>
  758. {AudioPlayerWhite}
  759. {block:Caption}<br /><div class="audiopost">{Caption}</div>{/block:Caption}
  760. {/block:Audio}
  761.  
  762. {block:Quote}
  763. <div class="quote {select:font}">“{Quote}”</div>
  764. {block:Source}<div class="text">~ {Source}</div>{/block:Source}
  765. {/block:Quote}
  766.  
  767. {block:Text}
  768. {block:Title}<div class="{select:font}" id="posttitle">{Title}</div><br/>{/block:Title}<div class="textpost">{Body}</div>
  769. {/block:Text}
  770.  
  771. {block:Answer}
  772. <div class="askericon"><div class="askicon"><img src="{AskerPortraitURL-64}" /></div></div>
  773. <div class="question"><div class="asker {select:font}">{Asker}:</div>{Question}</div><br />
  774. <div class="answer">{block:Answerer}<div class="answerer">{Answerer}:</div>{/block:Answerer}<div class="answerer-answer">{Answer}</div></div>
  775. {block:Reblog}<div class="caption">{Replies}</div>{/block:Reblog}
  776. {/block:Answer}
  777.  
  778. {block:Chat}
  779. {block:Title}<div class="chattitle {select:font}">{Title}</div>{/block:Title}
  780. {block:Lines}
  781. {block:Label}<strong>{Label}</strong>{/block:Label} <em>{Line}</em><br />
  782. {/block:Lines}
  783. {/block:Chat}
  784.  
  785. {block:Link}
  786. <div class="linkpost">
  787. <a href="{URL}" ><div class="{select:font} linktitle">{Name}</div></a>
  788. {block:Description}<div class="caption">{Description}</div>{/block:Description}</div>
  789. {/block:Link}
  790.  
  791.  
  792.  
  793. {block:HasTags}<div id="tags">
  794. {block:Tags}
  795. <a href="{TagURL}">{Tag}</a><span class="comma"> &nbsp;&middot;&nbsp; </span>
  796. {/block:Tags}
  797. </div>
  798. {/block:HasTags}
  799.  
  800. <div id="tagsbox">
  801. <div id="permalink">
  802. <a href="{Permalink}">
  803. {block:Date}{lang:Posted TimeAgo}{/block:Date}
  804. {block:NoteCount} with {NoteCountWithLabel}{/block:NoteCount}</a>
  805. {block:RebloggedFrom}&nbsp;&nbsp;&nbsp;&middot;&nbsp;&nbsp;&nbsp;via: <a href="{ReblogParentURL}">{ReblogParentName}</a> &nbsp;-&nbsp;
  806. originally: <a href="{ReblogRootURL}">{ReblogRootName}</a>
  807. {/block:RebloggedFrom}
  808. &nbsp;&nbsp;&nbsp;&middot;&nbsp;&nbsp;&nbsp;
  809. <a href="{ReblogURL}" target="_blank">reblog</a>
  810.  
  811. </div>
  812.  
  813. </div>
  814.  
  815.  
  816. </div> <!-- posts div -->
  817.  
  818.  
  819.  
  820.  
  821.  
  822.  
  823.  
  824. {block:PostNotes}
  825. <div id="notecontainer">{PostNotes}</div>
  826. {/block:PostNotes}
  827.  
  828. {/block:Posts}
  829. </div> <!-- content div-->
  830.  
  831.  
  832.  
  833. <a href="http://spirkthemes.tumblr.com"><div id="credit">P</div></a>
  834.  
  835. </body>
  836.  
  837. </html>
Advertisement
Add Comment
Please, Sign In to add comment