API tools faq
paste
spirkism

Theme #1: T'hy'la

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