API tools faq
paste
spirkism

Theme #17b: Cut & Run

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