API tools faq
paste
spirkism

Theme #25: Romanian Prince

spirkism
Sep 19th, 2015
903
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 24.06 KB | None | 0 0
raw download clone embed print report
  1. <!--
  2. THEME: ROMANIAN PRINCE
  3. by Zeke (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. <!DOCTYPE html>
  15. <head>
  16.  
  17. <title>{Title}</title>
  18.  
  19. <!-- /* LINKS */ -->
  20. <link rel="shortcut icon" href="{Favicon}">
  21. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  22. <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css">
  23. <link rel="stylesheet" type="text/css" href="http://static.tumblr.com/h5czl1a/aTqnk4mjj/tooltipstuff.css"/>
  24.  
  25. <!-- /* SCRIPTS */ -->
  26.  
  27. <script type='text/javascript' src='http://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js'></script>
  28. <script type="text/javascript" src="http://static.tumblr.com/tiu5k68/xTkm8wqw2/tumblr-title-qtip.js"></script>
  29. <script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.9.1/jquery-ui.min.js"></script>
  30. <script src="http://static.tumblr.com/h5czl1a/ACynk4kjd/tipped.js"></script>
  31.  
  32. {block:IfInfiniteScroll}
  33. <script type="text/javascript" src="http://codysherman.tumblr.com/tools/infinite-scrolling/code"></script>
  34. {block:IfInfiniteScroll}
  35.  
  36.  
  37. <script type='text/javascript'>
  38. $(document).ready(function() {
  39. Tipped.create('#credit','theme credit');
  40. });
  41. </script>
  42.  
  43. <script>
  44. (function($){
  45. $(document).ready(function(){
  46. $("[title]").style_my_tooltips({
  47. tip_follows_cursor:true,
  48. tip_delay_time:200,
  49. tip_fade_speed:300
  50. }
  51. );
  52. });
  53. })(jQuery);
  54. </script>
  55.  
  56.  
  57.  
  58.  
  59. <!-- /* META TAGS */ -->
  60. <meta name="color:background" content="#fff" />
  61. <meta name="color:text" content="#000" />
  62. <meta name="color:post background" content="#DFDFDF" />
  63. <meta name="color:link color" content="#F78C28" />
  64. <meta name="color:link hover color" content="#FFA651" />
  65. <meta name="color:accent" content="#24D3FA" />
  66.  
  67. <meta name="text:opacity" content="0.8" />
  68. <meta name="text:ask page url" content="/ask" />
  69. <meta name="text:link 1 url" content="/" />
  70. <meta name="text:link 1 text" content="link" />
  71. <meta name="text:link 2 url" content="/" />
  72. <meta name="text:link 2 text" content="link" />
  73. <meta name="text:link 3 url" content="/" />
  74. <meta name="text:link 3 text" content="link" />
  75. <meta name="text:link 4 url" content="/" />
  76. <meta name="text:link 4 text" content="link" />
  77. <meta name="text:link 5 url" content="/" />
  78. <meta name="text:link 5 text" content="link" />
  79. <meta name="text:link 6 url" content="/" />
  80. <meta name="text:link 6 text" content="link" />
  81. <meta name="text:link 7 url" content="/" />
  82. <meta name="text:link 7 text" content="link" />
  83. <meta name="text:link 8 url" content="/" />
  84. <meta name="text:link 8 text" content="link" />
  85.  
  86. <meta name="image:background" content="" />
  87. <meta name="image:image 1" content="http://i.imgur.com/k3XhJXS.png"/>
  88. <meta name="image:image 2" content="http://i.imgur.com/k3XhJXS.png"/>
  89. <meta name="image:image 3" content="http://i.imgur.com/k3XhJXS.png"/>
  90. <meta name="image:fallback albumart" content="http://i.imgur.com/k3XhJXS.png" />
  91.  
  92. <meta name="font:Body" content="Arial, Helvetica, sans-serif"/>
  93. <meta name="font:Specialfont" content="Arial, Helvetica, sans-serif"/>
  94.  
  95. <meta name="if:Searchbar" content="1" />
  96. <meta name="if:Description" content="1" />
  97. <meta name="if:500px posts" content="1" />
  98. <meta name="if:Infinite scroll" content="0" />
  99. <meta name="if:Likebutton" content="1" />
  100.  
  101. <meta name="select:Index tags" content="hover-tags" title="tags on hover" />
  102. <meta name="select:Index tags" content="no-tags" title="no tags" />
  103. <meta name="select:Index tags" content="fixed-tags" title="visible tags" />
  104.  
  105. <meta name="select:Perma tags" content="fixed-tags" title="visible tags" />
  106. <meta name="select:Perma tags" content="no-tags" title="no tags" />
  107. <meta name="select:Perma tags" content="hover-tags" title="tags on hover" />
  108.  
  109. <style type="text/css">
  110.  
  111. /* GENERAL */
  112.  
  113. ::-webkit-scrollbar-thumb {
  114. background-color: {color:accent};
  115. height:auto;
  116. width: 7px;
  117. z-index: 9999999999999999999999999999999999999;
  118. }
  119.  
  120. ::-webkit-scrollbar {
  121. height:auto;
  122. width:7px;
  123. background-color:{color:post background};
  124. z-index: 999999999999999999999999999999999999;
  125. }
  126.  
  127. #s-m-t-tooltip {
  128. max-width:300px;
  129. margin:15px;
  130. padding:2px 8px;
  131. border:1px solid #DDD;
  132. background:{color:post background};
  133. color:{color:text};
  134. z-index:99999999999999999999999999999999999999999999999999999999999;
  135. font-size:8px;
  136. font-style:italic;
  137. text-transform:none;
  138. box-shadow:1px 1px 3px rgba(0,0,0,.1);
  139. }
  140.  
  141. body {
  142. word-wrap:break-word;
  143. margin: 0;
  144. background-image: url({image:background});
  145. background-attachment: fixed;
  146. background-repeat: no-repeat;
  147. background-size: 100%;
  148. background-color: {color:background};
  149. font-size: 13px;
  150. color:{color:text};
  151. font: 12px {font:Body};
  152. }
  153.  
  154. img {
  155. max-width: 100%;
  156. }
  157.  
  158. a {
  159. text-decoration: none;
  160. color: {color:link color};
  161. -webkit-transition: 0.5s ease;transition: 0.5s ease;
  162. -o-transition: 0.5s ease;
  163. -moz-transition: 0.5s ease;
  164. }
  165.  
  166. a:hover {
  167. text-decoration: none;
  168. color: {color:link hover color};
  169. -webkit-transition: 0.5s ease;transition: 0.5s ease;
  170. -o-transition: 0.5s ease;
  171. -moz-transition: 0.5s ease;
  172. }
  173.  
  174. blockquote {
  175. border-left: 2px solid gray;
  176. padding-left: 10px;
  177. }
  178.  
  179.  
  180. /* SIDEBAR, HEADER, ETC */
  181.  
  182. #sidebar {
  183. position: fixed;
  184. top: 100px;
  185. left: 0;
  186. }
  187.  
  188. #title {
  189. font: 1.2em {font:Specialfont};
  190. position: absolute;
  191. margin-top: -30px;
  192. left: 90px;
  193. width: 390px;
  194. text-align:center;
  195. z-index:4;
  196. }
  197.  
  198. #title a {
  199. color: {color:post background};
  200. }
  201.  
  202. #sblinks {
  203. position: absolute;
  204. top: 46px;
  205. left: 270px;
  206. }
  207.  
  208. .sblink {
  209. width: 130px;
  210. padding: 3px 30px 3px 3px;
  211. text-align: right;
  212. background-color: {color:accent};
  213. margin-bottom: 2px;
  214. color: {color:text};
  215. font: 1em {font:Specialfont};
  216. -webkit-transition: 0.5s ease;transition: 0.5s ease;
  217. -o-transition: 0.5s ease;
  218. -moz-transition: 0.5s ease;
  219. }
  220.  
  221. .sblink:hover {
  222. margin-left: 110px;
  223. -webkit-transition: 0.5s ease;transition: 0.5s ease;
  224. -o-transition: 0.5s ease;
  225. -moz-transition: 0.5s ease;
  226. }
  227.  
  228. #mainlinks {
  229. position: absolute;
  230. left: 125px;
  231. top: 46px;
  232. z-index: 1;
  233. }
  234.  
  235. .mainlink {
  236. background-color: {color:post background};
  237. padding: 5px;
  238. width: 25px;
  239. margin-bottom: 2px;
  240. color: {color:text};
  241. -webkit-transition: 0.5s ease;transition: 0.5s ease;
  242. -o-transition: 0.5s ease;
  243. -moz-transition: 0.5s ease;
  244. }
  245.  
  246. .mainlink:before {
  247. font-family: FontAwesome;
  248. }
  249.  
  250.  
  251. .mainlink:hover {
  252. background-color: {color:accent};
  253. -webkit-transition: 0.5s ease;transition: 0.5s ease;
  254. -o-transition: 0.5s ease;
  255. -moz-transition: 0.5s ease;
  256. }
  257.  
  258. #link1:before {
  259. content: "\f015";
  260. }
  261.  
  262. #link2:before {
  263. content: "\f0e0";
  264. }
  265.  
  266. #link3:before {
  267. content: "\f187";
  268. }
  269.  
  270. #next:before {
  271. content: "\f061";
  272. }
  273.  
  274. #prev:before {
  275. content: "\f060";
  276. }
  277.  
  278.  
  279. .sbimg img {
  280. margin-bottom: -3px;
  281. }
  282.  
  283. .sbimg img {
  284.  
  285. }
  286.  
  287. #sbimg1 {
  288. z-index:2;
  289. width: 250px;
  290. position:absolute;
  291. left: 150px;
  292. border: 10px solid RGBA({RGBcolor:post background},0.7);
  293. }
  294.  
  295. #sbimg2 {
  296. z-index:3;
  297. width: 200px;
  298. position: absolute;
  299. top: 250px;
  300. left: 280px;
  301. border: 10px solid RGBA({RGBcolor:post background},0.9);
  302. }
  303.  
  304. #sbimg3 {
  305. z-index:4;
  306. width: 300px;
  307. position: absolute;
  308. top: 180px;
  309. left: 20px;
  310. border: 10px solid RGBA({RGBcolor:post background},0.5);
  311. }
  312.  
  313. #sbimg3 img{
  314. width: 100%;
  315. }
  316.  
  317.  
  318. #desc {
  319. position: absolute;
  320. background-color: RGBA({RGBcolor:post background},0.5);
  321. padding: 10px;
  322. text-align: right;
  323. color: {color:text};
  324. width: 150px;
  325. font-size: 0.9em;
  326. top: 350px;
  327. left: 105px;
  328. height: 90px;
  329. overflow-y:scroll;
  330. }
  331.  
  332. #searchbar {
  333. position: absolute;
  334. top: 250px;
  335. left: 340px;
  336. z-index: 9999;
  337. opacity: 0.8;
  338. }
  339.  
  340. #searchform input {
  341.  
  342. }
  343.  
  344. #searchinput {
  345. position: absolute;
  346. width: 105px;
  347. height: 15px;
  348. bottom: 0px;
  349. border: 0px;
  350. padding: 3px;
  351. color: black;
  352. font-size: 0.8em;
  353. text-transform: uppercase;
  354. letter-spacing: 1px;
  355. }
  356.  
  357. #searchbutton {
  358. position: absolute;
  359. text-transform: uppercase;
  360. font-size: 0.8em;
  361. background-color: {color:text};
  362. color: {color:post background};
  363. padding: 5px;
  364. border: none;
  365. bottom: 0px;
  366. left:110px;
  367. }
  368.  
  369. /* POSTS & CONTENT */
  370.  
  371. #content {
  372. position: relative;
  373. width: 600px;
  374. left: 550px;
  375. top: 50px;
  376. }
  377.  
  378. #posts {
  379. position: relative;
  380. {block:If500pxPosts}
  381. width: 542px;
  382. {/block:If500pxPosts}
  383. {block:IfNot500pxPosts}
  384. width: 442px;
  385. {/block:IfNot500pxPosts}
  386. }
  387.  
  388. #post {
  389. position: relative;
  390. {block:If500pxPosts}
  391. width: 500px;
  392. {/block:If500pxPosts}
  393. {block:IfNot500pxPosts}
  394. width: 400px;
  395. {/block:IfNot500pxPosts}
  396. padding: 20px;
  397. margin-bottom: 50px;
  398. background-color: RGBA({RGBcolor:post background},{text:opacity});
  399. }
  400.  
  401. .caption {
  402. padding: 10px;
  403. background-color: RGBA({RGBcolor:post background},0.5);
  404. {block:If500pxPosts}
  405. width: 480px;
  406. {/block:If500pxPosts}
  407. {block:IfNot500pxPosts}
  408. width: 380px;
  409. {/block:IfNot500pxPosts}
  410. }
  411.  
  412. .textpost {
  413.  
  414. }
  415.  
  416. .textpost-title {
  417. font: 1.1em {font:Specialfont};
  418. background-color: {color:post background};
  419. padding: 10px;
  420. {block:If500pxPosts}
  421. width: 480px;
  422. {/block:If500pxPosts}
  423. {block:IfNot500pxPosts}
  424. width: 380px;
  425. {/block:IfNot500pxPosts}
  426. text-align: center;
  427. }
  428.  
  429. .textpost-text {
  430.  
  431. }
  432.  
  433. .photopost {
  434.  
  435. }
  436.  
  437. .panorama-post {
  438.  
  439. }
  440.  
  441. .photosetpost {
  442.  
  443. }
  444.  
  445. .quotepost {
  446.  
  447. }
  448.  
  449. .quotepost-quote {
  450. font: 1.2em {font:Specialfont};
  451. }
  452.  
  453. .quotepost-source {
  454. margin-top: 10px;
  455. font-size: 0.85em;
  456. text-align: right;
  457. }
  458.  
  459. .linkpost {
  460.  
  461. }
  462.  
  463. .linkpost-title {
  464. font: 1.2em {font:Specialfont};
  465. padding: 20px;
  466. {block:If500pxPosts}
  467. width: 380px;
  468. {/block:If500pxPosts}
  469. {block:IfNot500pxPosts}
  470. width: 280px;
  471. {/block:IfNot500pxPosts}
  472. min-height: 30px;
  473. background-color: {color:post background};
  474. position: relative;
  475. }
  476.  
  477. #linkpost-titly img {
  478. width: 70px;
  479. height: 70px;
  480. position: relative;
  481. float: right;
  482. margin-top: -70px;
  483. }
  484.  
  485. .linkpost .caption {
  486. margin-top: 10px;
  487. }
  488.  
  489. .linkpost-img {
  490.  
  491. }
  492.  
  493. .chatpost {
  494.  
  495. }
  496.  
  497. .chatpost-title {
  498. font: 1.1em {font:Specialfont};
  499. background-color: {color:post background};
  500. padding: 10px;
  501. {block:If500pxPosts}
  502. width: 480px;
  503. {/block:If500pxPosts}
  504. {block:IfNot500pxPosts}
  505. width: 380px;
  506. {/block:IfNot500pxPosts}
  507. text-align: center;
  508. }
  509.  
  510. .chatpost ul {
  511. list-style-type: none;
  512. padding: 5px;
  513. font-size: 0.9em;
  514. }
  515.  
  516. .chatpost ul .odd {
  517. background-color: RGBA({RGBcolor:post background},0.4);
  518. padding: 5px;
  519. margin-bottom: 2px;
  520. }
  521.  
  522. .chatpost ul .even {
  523. background-color: RGBA({RGBcolor:post background},0.6);
  524. padding: 5px;
  525. margin-bottom: 2px;
  526. }
  527.  
  528. .audiopost {
  529. min-height: 100px;
  530. }
  531.  
  532. .audiopost-player {
  533. width: 27px;
  534. height: 30px;
  535. position: absolute;
  536. z-index: 999;
  537. overflow: hidden;
  538. top: 57px;
  539. left: 57px;
  540. opacity: 0.7;
  541. }
  542.  
  543.  
  544. .audiopost-img {
  545. width: 100px;
  546. position: absolute;
  547. top: 20px;
  548. left: 20px;
  549. height: 100px;
  550. z-index: 99;
  551. }
  552.  
  553. #audiopost-fallbackimg {
  554. position: absolute;
  555. top: 20px;
  556. left: 20px;
  557. width: 100px;
  558. height: 100px;
  559. z-index: 9;
  560. }
  561.  
  562.  
  563.  
  564. .audiopost ul {
  565. list-style: none;
  566. position: absolute;
  567. left: 90px;
  568. border-top:2px solid RGBA({RGBcolor:text},0.4);
  569. border-right:2px solid RGBA({RGBcolor:text},0.4);
  570. border-bottom:2px solid RGBA({RGBcolor:text},0.4);
  571. padding: 20px;
  572. height: 56px;
  573. top: 8px;
  574. left: 120px;
  575. {block:If500pxPosts}
  576. width: 360px;
  577. {/block:If500pxPosts}
  578. {block:IfNot500pxPosts}
  579. width: 260px;
  580. {/block:IfNot500pxPosts}
  581. }
  582.  
  583. .audiopost .caption {
  584. margin-top: 100px;
  585. }
  586.  
  587. .videopost {
  588.  
  589. }
  590.  
  591. .videopost-video {
  592.  
  593. }
  594.  
  595. .answerpost {
  596.  
  597. }
  598.  
  599. .answerpost-1 {
  600.  
  601. }
  602.  
  603. .answerpost-asker {
  604. font: 1em {font:Specialfont};
  605. }
  606.  
  607. .answerpost-askerimg {
  608. width: 50px;
  609. height: 50px;
  610. float: left;
  611. }
  612.  
  613. .answerpost-arrow {
  614. width: 0;
  615. height: 0;
  616. border-top: 15px solid transparent;
  617. border-bottom: 15px solid transparent;
  618. border-right: 20px solid RGBA({RGBcolor:post background},0.6);
  619. float: left;
  620. position: relative;
  621. margin-top: 12px;
  622. margin-left: 5px;
  623. }
  624.  
  625. .answerpost .caption {
  626. background-color: transparent;
  627. padding: 0px;
  628. }
  629.  
  630. .answerpost-question {
  631. background-color: RGBA({RGBcolor:post background},0.6);
  632. padding: 10px;
  633. {block:If500pxPosts}
  634. width: 405px;
  635. {/block:If500pxPosts}
  636. {block:IfNot500pxPosts}
  637. width: 305px;
  638. {/block:IfNot500pxPosts}
  639. float: right;
  640. margin-bottom: 15px;
  641. }
  642.  
  643. .answerpost-2 {
  644. clear:both;
  645. }
  646.  
  647. .answerpost-answererimg {
  648.  
  649. }
  650.  
  651. .answerpost-answerer {
  652. font: 1em {font:Specialfont};
  653. }
  654.  
  655. .answerpost-answer img {
  656. width: 100%;
  657. height: 100%;
  658. }
  659.  
  660. #permbox {
  661. position: absolute;
  662. margin-top: -60px;
  663. width: auto;
  664. left: 20px;
  665. z-index: 2;
  666. }
  667.  
  668. .permbox-box {
  669. background-color: {color:post background};
  670. padding: 5px 10px;
  671. display: inline-block;
  672. font-size: 0.85em;
  673. }
  674.  
  675. #likebutton {
  676. padding: 3px 10px 3.5px 10px;
  677. font-size: 1em;
  678. }
  679.  
  680. #timeago-box {
  681.  
  682. }
  683.  
  684.  
  685. .no-tags {
  686. display: none;
  687. }
  688.  
  689. .no-tags .comma:last-child {
  690. display: none;
  691. }
  692.  
  693. .hover-tags {
  694. opacity: 0;
  695. background-color: RGBA({RGBcolor:post background},0.9);
  696. {block:If500pxPosts}
  697. width: 500px;
  698. {/block:If500pxPosts}
  699. {block:IfNot500pxPosts}
  700. width: 400px;
  701. {/block:IfNot500pxPosts}
  702. padding: 20px;
  703. font-size:0.85em;
  704. margin-top: -100px;
  705. z-index: 1;
  706. margin-bottom: 50px;
  707. -webkit-transition: 0.5s ease;transition: 0.5s ease;
  708. -o-transition: 0.5s ease;
  709. -moz-transition: 0.5s ease;
  710. }
  711.  
  712. .hover-tags .comma:last-child {
  713. display: none;
  714. }
  715.  
  716. #posty:hover .hover-tags {
  717. margin-top: -50px;
  718. opacity: 1;
  719. -webkit-transition: 0.5s ease;transition: 0.5s ease;
  720. -o-transition: 0.5s ease;
  721. -moz-transition: 0.5s ease;
  722. }
  723.  
  724. .fixed-tags {
  725. margin-bottom: 50px;
  726. background-color: RGBA({RGBcolor:post background},0.9);
  727. {block:If500pxPosts}
  728. width: 500px;
  729. {/block:If500pxPosts}
  730. {block:IfNot500pxPosts}
  731. width: 400px;
  732. {/block:IfNot500pxPosts}
  733. padding: 20px;
  734. font-size:0.85em;
  735. margin-top: -50px;
  736. z-index: 1;
  737. }
  738.  
  739. .fixed-tags .comma:last-child {
  740. display: none;
  741. }
  742.  
  743. #notes {
  744. font-size: 0.8em;
  745. }
  746.  
  747. #notes ol {
  748. list-style-type: none;
  749. }
  750.  
  751. #notes img {
  752. display: none;
  753. }
  754.  
  755.  
  756.  
  757. /* -- DO NOT EDIT ANYTHING HERE WITHOUT ASKING ME FIRST -- */
  758.  
  759. #credit {
  760. position: fixed;
  761. right: 5px;
  762. bottom: 5px;
  763. width: 13px;
  764. height: 13px;
  765. background-color: {color:post background};
  766. padding: 5px 7px 7px 5px;
  767. z-index: 99999999999999999999999999999999999999999999999;
  768. }
  769.  
  770. #credit:before {
  771. content: "\f259";
  772. font-family: FontAwesome;
  773. text-align:left;
  774. font-size:1.2em;
  775. }
  776.  
  777.  
  778.  
  779.  
  780. </style>
  781. </head>
  782.  
  783. <body>
  784.  
  785.  
  786.  
  787. </div>
  788.  
  789.  
  790.  
  791.  
  792. <!-- /* SIDEBAR, HEADER, ETC. */ -->
  793.  
  794. <div id="sidebar">
  795.  
  796. <div id="title"><a href="/">{Title}</a></div>
  797. <div id="sbimg1" class="sbimg"><img src="{image:image 1}"></div>
  798. <div id="sbimg2" class="sbimg"><img src="{image:image 2}"></div>
  799. <div id="sbimg3" class="sbimg"><img src="{image:image 3}"></div>
  800.  
  801. {block:IfSearchbar}
  802. <div id="searchbar">
  803. <form action="/search" method="get" id=searchform>
  804. <input type="text" name="q" value="{SearchQuery}" id="searchinput"/>
  805. <input type="submit" value="search" id="searchbutton"/>
  806. </div>
  807. </form>
  808. {/block:IfSearchbar}
  809.  
  810. <div id="mainlinks">
  811. <a href="/"><div class="mainlink" id="link1"></div></a>
  812. <a href="{text:ask page url}"><div class="mainlink"id="link2"></div></a>
  813. <a href="/archive"><div class="mainlink" id="link3"></div></a>
  814. {block:IfNotInfiniteScroll}
  815. {block:NextPage}
  816. <a href="{NextPage}"><div class="mainlink" id="next"></div></a>
  817. {/block:NextPage}
  818. {block:PreviousPage}
  819. <a href="{PreviousPage}"><div class="mainlink"id="prev"></div></a>
  820. {/block:PreviousPage}
  821. {/block:IfNotInfiniteScroll}
  822. </div>
  823.  
  824. <div id="sblinks">
  825. {block:Iflink1text}<a href="{text:link 1 url}"><div class="sblink">{text:link 1 text}</div></a>{/block:Iflink1text}
  826. {block:Iflink2text}<a href="{text:link 2 url}"><div class="sblink">{text:link 2 text}</div></a>{/block:Iflink2text}
  827. {block:Iflink3text}<a href="{text:link 3 url}"><div class="sblink">{text:link 3 text}</div></a>{/block:Iflink3text}
  828. {block:Iflink4text}<a href="{text:link 4 url}"><div class="sblink">{text:link 4 text}</div></a>{/block:Iflink4text}
  829. {block:Iflink5text}<a href="{text:link 5 url}"><div class="sblink">{text:link 5 text}</div></a>{/block:Iflink5text}
  830. {block:Iflink6text}<a href="{text:link 6 url}"><div class="sblink">{text:link 6 text}</div></a>{/block:Iflink6text}
  831. {block:Iflink7text}<a href="{text:link 7 url}"><div class="sblink">{text:link 7 text}</div></a>{/block:Iflink7text}
  832. {block:Iflink8text}<a href="{text:link 8 url}"><div class="sblink">{text:link 8 text}</div></a>{/block:Iflink8text}
  833. </div>
  834.  
  835. {block:IfDescription}
  836. <div id="desc">{Description}</div>
  837. {/block:IfDescription}
  838.  
  839. </div>
  840.  
  841. <!-- /* POSTS */ -->
  842.  
  843. <div id="content">
  844. <div id="posts">
  845. {block:Posts}
  846. <div id="posty">
  847. <div id="post">
  848.  
  849. {block:ContentSource}
  850. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  851. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  852. {/block:SourceLogo}
  853. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  854. {/block:ContentSource}
  855.  
  856. <!-- /* TEXT POST */ -->
  857. {block:Text}<div class="textpost {TagsAsClasses}">
  858. {block:Title}<div class="textpost-title">{Title}</div>{/block:Title}
  859. <div class="textpost-text">
  860. {Body}
  861. </div>
  862. </div>
  863. {/block:Text}
  864.  
  865. <!-- /* PHOTO POST */ -->
  866. {block:Photo}<div class="photopost {TagsAsClasses}">
  867. {LinkOpenTag}
  868. {block:If500pxPosts}
  869. <img src="{PhotoURL-500}" alt="{PhotoAlt}"/>
  870. {/block:If500pxPosts}
  871. {block:IfNot500pxPosts}
  872. <img src="{PhotoURL-400}" alt="{PhotoAlt}"/>
  873. {/block:IfNot500pxPosts}
  874. {LinkCloseTag}
  875. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  876. </div>
  877. {/block:Photo}
  878.  
  879. <!-- /* PANORAMA POST */ -->
  880. {block:Panorama}<div class="panoramapost {TagsAsClasses}">
  881. {LinkOpenTag}
  882. <img src="{PhotoURL-Panorama}" alt="{PhotoAlt}" />
  883. {LinkCloseTag}
  884. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  885. </div>
  886. {/block:Panorama}
  887.  
  888. <!-- /* PHOTOSET POST */ -->
  889. {block:Photoset}<div class="photosetpost {TagsAsClasses}">
  890. {Photoset}
  891. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  892. </div>
  893. {/block:Photoset}
  894.  
  895. <!-- /* QUOTE POST */ -->
  896. {block:Quote}<div class="quotepost {TagsAsClasses}">
  897. <div class="quotepost-quote">{Quote}</div>
  898. {block:Source}<div class="quotepost-source">&middot;&middot;&middot;&nbsp;{Source}&nbsp;&middot;&middot;&middot;</div>{/block:Source}
  899. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  900. </div>
  901. {/block:Quote}
  902.  
  903. <!-- /* LINK POST */ -->
  904. {block:Link}<div class="linkpost {TagsAsClasses}">
  905. <a href="{URL}"><div id="linkpost-titly"><div class="linkpost-title">{Name}</div>{block:Thumbnail}<img src="{Thumbnail}" class="linkpost-img">{/block:Thumbnail}</div></a>
  906. {block:Description}<div class="caption">{Description}</div>{/block:Description}
  907. </div>
  908. {/block:Link}
  909.  
  910. <!-- /* CHAT POST */ -->
  911. {block:Chat}<div class="chatpost {TagsAsClasses}">
  912. {block:Title}<div class="chatpost-title">{Title}</div>{/block:Title}
  913. <ul>
  914. {block:Lines}
  915. <li class="{Alt}">{block:Label}<strong>{Label}</strong> {/block:Label}{Line}</li>
  916. {/block:Lines}
  917. </ul>
  918. </div>
  919. {/block:Chat}
  920.  
  921. <!-- /* AUDIO POST */ -->
  922. {block:Audio}<div class="audiopost {TagsAsClasses}">
  923. {block:AudioPlayer}<div class="audiopost-player">{AudioPlayer}</div>{/block:AudioPlayer}
  924. {block:AlbumArt}<div class="audiopost-img"><img src="{AlbumArtURL}"></div>{/block:AlbumArt}<div id="audiopost-fallbackimg"><img src="{image:fallback albumart}"></div>
  925. <ul>
  926. {block:Artist}<li><strong>Artist:</strong> {Artist}</li>{/block:Artist}
  927. {block:Album}<li><strong>Album:</strong> {Album}</li>{/block:Album}
  928. {block:TrackName}<li><strong>Track:</strong> {TrackName}</li>{/block:TrackName}
  929. </ul>
  930. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  931. </div>
  932. {/block:Audio}
  933.  
  934. <!-- /* VIDEO POST */ -->
  935. {block:Video}<div class="videopost {TagsAsClasses}"><div class="videopost-video">
  936. {block:If500pxPosts}
  937. {Video-500}
  938. {/block:If500pxPosts}
  939. {block:IfNot500pxPosts}
  940. {Video-400}
  941. {/block:IfNot500pxPosts}
  942. </div>
  943. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  944. </div>
  945. {/block:Video}
  946.  
  947. <!-- /* ANSWER POST */ -->
  948. {block:Answer}
  949. <div class="answerpost {TagsAsClasses}">
  950. <div class="answerpost-1">
  951. <img class="answerpost-askerimg" src="{AskerPortraitURL-96}" alt=""></div><div class="answerpost-arrow"></div><div class="answerpost-question"><div class="answerpost-asker">{Asker}:</div>{Question}</div>
  952. <div class="answerpost-2">
  953. {block:Answerer}
  954. <div class="answerpost-answer"><div class="answerpost-answerer">{Answerer}:</div><div class="answerpost-answerer-answer">{Answer}</div></div>
  955. {/block:Answerer}
  956. <div class="caption">
  957. {Replies}
  958. </div>
  959. </div>
  960. </div>
  961. {/block:Answer}
  962.  
  963.  
  964. </div> <!-- post div -->
  965. <!-- /* PERM */ -->
  966. <div id="permbox">
  967. <div id="timeago-box" class="permbox-box"><a href="{Permalink}">{TimeAgo}</a></div>
  968. {block:NoteCount}<div id="notecount-box" class="permbox-box"><a href="{Permalink}">{NoteCount} NOTES</a></div>{/block:NoteCount}
  969. {block:RebloggedFrom}<div id="reblogged-box" class="permbox-box"><a href="{ReblogParentURL}">VIA</a></div>{/block:RebloggedFrom}
  970. {block:ContentSource}<div id="source-box" class="permbox-box"><a href="{SourceURL}">&#169;</a></div>{/block:ContentSource}
  971. <a href="{ReblogURL}" title="reblog" target="_blank"><div id="reblog" class="permbox-box">REBLOG</div></a>
  972. {block:IfLikebutton}<div id="likebutton" class="permbox-box">{LikeButton color="white" size="13"}</div>{block:IfLikebutton}
  973. <!--
  974. <div id="likebutton">{LikeButton color="black" size="15"}</div>
  975. <div id="reblogbutton">{ReblogButton color="black" size="15"}</div>
  976. -->
  977. </div>
  978.  
  979. <!-- /* TAGS */ -->
  980. {block:IndexPage}
  981. {block:HasTags}
  982. <div id="tagbox" class="{select:Index tags}">
  983. {block:Tags}
  984. <a href="{TagURL}">{Tag}</a>
  985. <span class="comma"> &nbsp;|&nbsp; </span>
  986. {/block:Tags}
  987. </div>
  988. {/block:HasTags}
  989. {/block:IndexPage}
  990.  
  991. {block:PermalinkPage}
  992. {block:HasTags}
  993. <div id="tagbox" class="{select:Perma tags}">
  994. {block:Tags}
  995. <a href="{TagURL}">{Tag}</a>
  996. <span class="comma"> &nbsp;|&nbsp; </span>
  997. {/block:Tags}
  998. </div>
  999. {/block:HasTags}
  1000. {/block:PermalinkPage}
  1001. </div>
  1002. {/block:Posts}
  1003.  
  1004. <!-- /* POST NOTES */ -->
  1005. {block:PostNotes}
  1006. <div id="notes">
  1007. <ul>
  1008. {PostNotes}
  1009. </ul>
  1010. </div>
  1011. {/block:PostNotes}
  1012. </div> <!-- posts div -->
  1013. </div> <!-- content div -->
  1014.  
  1015.  
  1016. <!-- /* CREDIT: DO NOT REMOVE !!! */ -->
  1017. <a href="http://spirkthemes.tumblr.com"><div id="credit" data-tipped-options="position: 'left'"></div></a>
  1018.  
  1019. </body>
  1020. </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!