API tools faq
paste
niehauscosima

endgame

niehauscosima
Apr 4th, 2019
3,628
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 49.00 KB | None | 0 0
raw download clone embed print report
  1. <!--
  2.  
  3. endgame by ananda (captainmarvels)
  4. thanks for 10k followers! :)
  5.  
  6. ////////////////////////////////////////////////
  7.  
  8. base code
  9. © sorrism
  10.  
  11. pxu photosets
  12. the MIT license (MIT) copyright (c) 2013
  13. © pixel union, modified by bychloethemes
  14.  
  15. feather icons
  16. © cole bemis
  17.  
  18. -->
  19.  
  20. <!DOCTYPE html>
  21. <head>
  22.  
  23. <title>{block:Postsummary}{Postsummary}:{/block:Postsummary} {Title}</title>
  24.  
  25. <link rel="shortcut icon" href="{favicon}">
  26.  
  27. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  28. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  29.  
  30. <!--variables-->
  31.  
  32. <meta name="if:blogtitle" content="1"/>
  33. <meta name="if:draggable tags" content="1"/>
  34.  
  35. <meta name="select:body font" content="Helvetica" title="Helvetica"/>
  36. <meta name="select:body font" content="Heebo" title="Heebo"/>
  37. <meta name="select:body font" content="Roboto" title="Roboto"/>
  38.  
  39. <meta name="color:background" content="#f7f7f7"/>
  40. <meta name="color:topbar" content="#ffffff"/>
  41. <meta name="color:header" content="#e7c5db"/>
  42. <meta name="color:text" content="#444444"/>
  43. <meta name="color:link" content="#888888"/>
  44. <meta name="color:link hover" content="#868686"/>
  45. <meta name="color:accent" content="#e7c5db"/>
  46. <meta name="color:accent text" content="#444444"/>
  47. <meta name="color:footer" content="#444444"/>
  48. <meta name="color:footer text" content="#ffffff"/>
  49.  
  50. <meta name="text:home title" content="index"/>
  51. <meta name="text:ask title" content="contact"/>
  52. <meta name="text:link 1 url" content=""/>
  53. <meta name="text:link 1 name" content=""/>
  54. <meta name="text:link 2 url" content=""/>
  55. <meta name="text:link 2 name" content=""/>
  56. <meta name="text:link 3 url" content=""/>
  57. <meta name="text:link 3 name" content=""/>
  58. <meta name="text:link 4 url" content=""/>
  59. <meta name="text:link 4 name" content=""/>
  60.  
  61. <meta name="text:sidebar link 1 title" content=""/>
  62. <meta name="text:sidebar link 1 url" content=""/>
  63. <meta name="text:sidebar link 2 title" content=""/>
  64. <meta name="text:sidebar link 2 url" content=""/>
  65. <meta name="text:sidebar link 3 title" content=""/>
  66. <meta name="text:sidebar link 3 url" content=""/>
  67. <meta name="text:sidebar link 4 title" content=""/>
  68. <meta name="text:sidebar link 4 url" content=""/>
  69.  
  70. <meta name="text:twitter username" content=""/>
  71.  
  72. <meta name="text:about" content=""/>
  73. <meta name="text:online script" content=""/>
  74. <meta name="text:visits script" content=""/>
  75. <meta name="text:twitter username" content=""/>
  76.  
  77. <meta name="image:header" content=""/>
  78. <meta name="image:logo" content="https://i.imgur.com/zMvQx25.png"/>
  79.  
  80. <!--fonts-->
  81.  
  82. <link href="https://fonts.googleapis.com/css?family=Bai+Jamjuree:400,400i,500,500i,600,600i,700,700i" rel="stylesheet">
  83.  
  84. <link href="https://fonts.googleapis.com/css?family=Heebo:400,500,700|Roboto:400,400i,500,500i,700,700i" rel="stylesheet">
  85.  
  86. <!--scripts-->
  87.  
  88. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  89. <!--feather icons by -->
  90. <script src="https://unpkg.com/feather-icons"></script>
  91. <!--video resizing by shythemes-->
  92. <script src="//code.jquery.com/ui/1.10.4/jquery-ui.js"></script><script src ="//static.tumblr.com/fwgzvyf/Oj1o08f6h/shythemes.vr.js"></script>
  93. <!--pxu photosets by pixel union and bychloethemes-->
  94. <script src="https://static.tumblr.com/yxfeliq/hHwojmt8m/bctphotoset.min.js"></script> <link href="https://static.tumblr.com/qudkd6d/OcDnl99gb/style.css" rel="stylesheet" type="text/css"/>
  95.  
  96. <!--css customization-->
  97.  
  98. <style type="text/css">
  99.  
  100. .tmblr-full img {
  101. max-width:100%;
  102. }
  103.  
  104. .vignette, #vignette {
  105. opacity:0;
  106. }
  107.  
  108. .lightbox-image, #tumblr_lightbox img {
  109. box-shadow:none !important;
  110. border-radius:0 !important;
  111. max-width:none;
  112. }
  113.  
  114. .tmblr-lightbox, #tumblr_lightbox {
  115. background-color:rgba(255,255,255,.8) !important;
  116. }
  117.  
  118. #tumblr_lightbox img {
  119. padding:5px;
  120. -moz-box-sizing:border-box;
  121. box-sizing:border-box;
  122. }
  123.  
  124. .lightbox-image {
  125. padding:0px;
  126. background-color:rgba(255,255,255,1) !important;
  127. }
  128.  
  129. /*tumblr controls by cyantists*/
  130.  
  131.  
  132. iframe.tmblr-iframe {
  133. z-index:99999999999999!important;
  134. top:14px!important;
  135. right:19px!important;
  136. opacity:0;
  137. padding-right:38px;
  138. /* delete invert(1) from here */
  139. filter:invert(1) contrast(150%);
  140. -webkit-filter:invert(1) contrast(150%);
  141. -o-filter:invert(1) contrast(150%);
  142. -moz-filter:invert(1) contrast(150%);
  143. -ms-filter:invert(1) contrast(150%);
  144. /* to here if your blog has a dark background */
  145. transform:scale(0.75);
  146. transform-origin:100% 0;
  147. -webkit-transform:scale(0.75);
  148. -webkit-transform-origin:100% 0;
  149. -o-transform:scale(0.75);
  150. -o-transform-origin:100% 0;
  151. -moz-transform:scale(0.75);
  152. -moz-transform-origin:100% 0;
  153. -ms-transform:scale(0.75);
  154. -ms-transform-origin:100% 0;
  155. -webkit-transition:opacity .3s ease-out;
  156. transition:opacity .3s ease-out;
  157. }
  158.  
  159. iframe.tmblr-iframe:hover {
  160. opacity:0.6!important;}
  161.  
  162. .hcontrols {
  163. position:fixed;
  164. top:8px;
  165. right:4px;
  166. z-index:999999999;}
  167.  
  168. .hcontrols svg {
  169. opacity:0.5;
  170. width:20px;
  171. height:20px;
  172. padding:15px;
  173. stroke-width:2;
  174. }
  175.  
  176. .hcontrols svg path {
  177. fill:{color:text};/* change this to change the color of the icon */
  178. }
  179.  
  180. ::-webkit-scrollbar {
  181. width:3px;
  182. height:3px;
  183. }
  184.  
  185. ::-webkit-scrollbar-thumb {
  186. background-color:{color:text};
  187. min-height:10px;
  188. min-width:10px;
  189. }
  190.  
  191. .ui-tooltip {
  192. position:absolute;
  193. z-index:9999;
  194. padding-top:10px;
  195. border-radius:4px;
  196. }
  197.  
  198. .ui-tooltip-content {
  199. background-color:#fff;
  200. border:1px solid #eee;
  201. padding:3px 4px;
  202. font-size:11px;
  203. text-transform:lowercase;
  204. }
  205.  
  206. ::selection {
  207. background:#f8f8f8;
  208. color:{color:text};
  209. }
  210.  
  211. ::-moz-selection {
  212. background:#f8f8f8;
  213. color:#f8f8f8;
  214. }
  215.  
  216. ::-webkit-selection {
  217. background:#f8f8f8;
  218. color:#f8f8f8;
  219. }
  220.  
  221. body {
  222. margin:0;
  223. font:11px {select:body font}, sans-serif;
  224. background:{color:background};
  225. color:{color:text};
  226. line-height:1.8em;
  227. font-style:normal;
  228. word-wrap:break-word;
  229. text-align:left;
  230. opacity: 1;
  231. transition: 1s opacity;
  232. }
  233.  
  234. body.fade-out {
  235. opacity:0;
  236. transition:none;
  237. }
  238.  
  239. a {
  240. color:{color:link};
  241. text-decoration:none;
  242. transition:all .3s linear;
  243. -webkit-transition:all .3s linear;
  244. -o-transition:all .3s linear;
  245. -moz-transition:all .3s linear;
  246. }
  247.  
  248. a:hover {
  249. color:{color:link hover};
  250. }
  251.  
  252. a, a img {cursor:pointer;}
  253.  
  254. img {
  255. opacity:1;
  256. border:0;
  257. text-decoration:none;
  258. max-width:100%;
  259. height:auto;
  260. display:block;
  261. }
  262.  
  263. b, strong, b a, strong a {
  264. font-weight:700!important;
  265. color:{color:text};
  266. }
  267.  
  268. small, big, sub, pre {
  269. font-size:1em!important;
  270. line-height:1.4em!important;
  271. vertical-align:baseline!important;
  272. }
  273.  
  274. i {
  275. font-style:italic;
  276. color:{color:text};
  277. }
  278.  
  279. h1, h2, h3, h4 {
  280. margin:1em 0;
  281. font-family:'Bai Jamjuree', sans-serif;
  282. color:{color:text};
  283. letter-spacing:0.70px;
  284. text-transform:uppercase;
  285. font-weight:700;
  286. font-size:13px;
  287. }
  288.  
  289. ul {
  290. padding-inline-start:30px;
  291. list-style:none;
  292. }
  293.  
  294. ul li:before {
  295. padding-right:5px;
  296. content:"•";
  297. font-size:16px;
  298. color:{color:accent};
  299. }
  300.  
  301. blockquote {
  302. padding:.25em 0 .25em 15px;
  303. margin:.5em 0;
  304. border-left:2px solid {color:accent};
  305. }
  306.  
  307. pre {
  308. padding:0;
  309. margin:0;
  310. line-height:inherit!important;
  311. background:transparent;
  312. font-family:inherit!Important;
  313. font-size:inherit!important;
  314. white-space:pre-wrap;
  315. white-space:-moz-pre-wrap;
  316. white-space:-pre-wrap;
  317. white-space:-o-pre-wrap;
  318. word-wrap:break-word;
  319. }
  320.  
  321. p {margin:1em 0;}
  322.  
  323. p:first-of-type {margin-top:0;}
  324.  
  325. p:last-of-type {margin-bottom:0;}
  326.  
  327. b, strong, b a, strong a {
  328. font-weight:bold!important;
  329. }
  330.  
  331. small, big, sub, pre {
  332. font-size:1em!important;
  333. line-height:1.4em!important;
  334. vertical-align:baseline!important;
  335. }
  336.  
  337. .posts h1:first-child, .posts h2:first-child, .posts h3:first-child, .posts h4:first-child {margin-top:0;}
  338.  
  339. hr {
  340. border:none;
  341. box-shadow:0;
  342. margin:2em auto;
  343. width:75px;
  344. border-top:2px solid {color:accent};
  345. }
  346.  
  347. header {
  348. position:relative;
  349. top:0;
  350. }
  351.  
  352. header img {
  353. vertical-align:middle;
  354. display:inline;
  355. width:30px;
  356. height:30px;
  357. border-radius:6px;
  358. }
  359.  
  360. /* hide and show header on scroll by Marius Craciunoiu
  361. @ https://jsfiddle.net/mariusc23/s6mLJ/31/ */
  362.  
  363. #topbar {
  364. z-index:999999;
  365. padding:25px 0;
  366. background-color:{color:topbar};
  367. border-bottom:1px solid #eee;
  368. text-align:center;
  369. position:fixed;
  370. top:0;
  371. width:100%;
  372. display:block;
  373. transition: all 0.4s ease;
  374. }
  375.  
  376. #topbar a {
  377. font-family:'Bai Jamjuree', sans-serif;
  378. letter-spacing:0.70px;
  379. text-transform:uppercase;
  380. font-weight:700;
  381. margin-right:3em;
  382. }
  383.  
  384. #blogtitle {
  385. padding:0 1em;
  386. display:inline;
  387. margin-right:5em;
  388. }
  389.  
  390. #blogtitle a {
  391. font-size:13px;
  392. color:{color:text};
  393. }
  394.  
  395. nav {
  396. display:inline;
  397. }
  398.  
  399. nav a {
  400. color:{color:link}
  401. border-radius:4px;
  402. padding:0.60em 0.80em;
  403. }
  404.  
  405. nav a:hover {
  406. border-radius:4px;
  407. color:{color:link hover};
  408. background-color:{color:accent};
  409. }
  410.  
  411. #banner {
  412. border-top:70px solid {color:topbar};
  413. height:500px;
  414. background-color:{color:header};
  415. background-image:url({image:header});
  416. background-repeat:no-repeat;
  417. background-position:top center;
  418. }
  419.  
  420. .column-holder * {
  421. box-sizing:border-box;
  422. }
  423.  
  424. .column-holder {
  425. margin:0 auto;
  426. width:1200px;
  427. display:flex;
  428. background-color:#fff;
  429. box-shadow:0 1px 3px #f3f3f3;
  430. border-bottom:1px solid #eee;
  431. border-bottom-left-radius:6px;
  432. border-bottom-right-radius:6px;
  433. }
  434.  
  435. .column {
  436. flex:50%;
  437. }
  438.  
  439. .column svg {
  440. padding-bottom:3px;
  441. vertical-align:middle;
  442. stroke:{color:accent};
  443. stroke-width:2;
  444. fill:none;
  445. width:15px;
  446. height:auto;
  447. display:inline-block;
  448. margin-right:5px;
  449. }
  450.  
  451. #introduction {
  452. border-right:1px solid #eee;
  453. padding:30px;
  454. height:200px;
  455. overflow:auto;
  456. }
  457.  
  458. #recentposts {
  459. padding:30px;
  460. height:200px;
  461. }
  462.  
  463. #recentposts .ji-tumblr-photos {
  464. text-align:center;
  465. }
  466.  
  467. #recentposts .ji-tumblr-photos a {
  468. text-align:center;
  469. }
  470.  
  471. #recentposts .ji-tumblr-photos img {
  472. vertical-align:middle;
  473. border-radius:50px;
  474. display:inline;
  475. width:50px;
  476. height:50px;
  477. padding:3px 3px 3px 3px;
  478. -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
  479. filter: grayscale(100%);
  480. }
  481.  
  482. #recentposts .ji-tumblr-photos img:hover {
  483. transition: all 0.5s;
  484. -webkit-transition: all 0.5s;
  485. -moz-transition: all 0.5s;
  486. -webkit-filter: grayscale(0%); /* Safari 6.0 - 9.0 */
  487. filter: grayscale(0%);
  488. }
  489.  
  490. #container {
  491. width:1200px;
  492. margin:5em auto;
  493. overflow:hidden;
  494. }
  495.  
  496. .sidebar {
  497. padding:50px 15px;
  498. width:320px;
  499. float:left;
  500. }
  501.  
  502. .boxtitle {
  503. border:2px solid #fff;
  504. border-bottom:0px;
  505. padding:1.2em 1.5em;
  506. width:316px;
  507. background-color:{color:accent};
  508. color:{color:accent text};
  509. text-align:left;
  510. font-family:'Bai Jamjuree', sans-serif;
  511. letter-spacing:0.70px;
  512. text-transform:uppercase;
  513. font-weight:700;
  514. border-top-left-radius:6px;
  515. border-top-right-radius:6px;
  516. }
  517.  
  518. .boxtitle svg {
  519. padding-bottom:3px;
  520. vertical-align:middle;
  521. stroke:{color:accent text};
  522. stroke-width:2.3;
  523. fill:none;
  524. width:15px;
  525. height:auto;
  526. display:inline-block;
  527. margin-right:8px;
  528. }
  529.  
  530. .box {
  531. width:320px;
  532. margin-bottom:100px;
  533. text-align:justify;
  534. padding:1.5em;
  535. background-color:#fff;
  536. box-shadow:0 1px 3px #eee;
  537. border-bottom:1px solid #eee;
  538. border-bottom-left-radius:6px;
  539. border-bottom-right-radius:6px;
  540. }
  541.  
  542. .navi {
  543. text-align:left;
  544. counter-reset:section;
  545. }
  546.  
  547. .navi a {
  548. padding:1em 0;
  549. border-bottom:1px solid #eee;
  550. display:block;
  551. text-transform:lowercase;
  552. transition:.3s all;
  553. -webkit-transition:.3s all;
  554. -o-moz-transition:.3s all;
  555. }
  556.  
  557. .navi a:hover {
  558. transition:.3s all;
  559. -webkit-transition:.3s all;
  560. -o-moz-transition:.3s all;
  561. }
  562.  
  563. .navi a:first-child {
  564. padding-top:0px;
  565. }
  566.  
  567. .navi a:last-child {
  568. padding-bottom:0px;
  569. border-bottom:0px;
  570. }
  571.  
  572. .navi a:before {
  573. counter-increment:section;
  574. content:'0' counter(section) ' —';
  575. color:#ccc;
  576. padding-right:5px;
  577. font-family:'Bai Jamjuree', sans-serif;
  578. font-size:10px;
  579. letter-spacing:0.70px;
  580. font-weight:normal;
  581. }
  582.  
  583. #search {
  584. width:300px;
  585. display:block;
  586. }
  587.  
  588. #search input {
  589. border:0;
  590. text-align:left;
  591. background:transparent;
  592. width:100%;
  593. font-size:11px;
  594. font-family:{select:body font};
  595. text-transform:normal;
  596. font-weight:normal;
  597. -webkit-transition:1s;
  598. -moz-transition:1s;
  599. -o-transition:1s;
  600. }
  601.  
  602. #search input:focus {
  603. outline:none;
  604. opacity:1;
  605. }
  606.  
  607. #search input:hover {
  608. -webkit-transition:1s;
  609. -moz-transition:1s;
  610. -o-transition:1s;
  611. }
  612.  
  613. input:focus::-webkit-input-placeholder {opacity:1}
  614. input:focus:-moz-placeholder,
  615. input:focus::-moz-placeholder,
  616. input:focus:-ms-input-placeholder {color:transparent;
  617. }
  618.  
  619. .members {
  620. vertical-align:middle;
  621. }
  622.  
  623. .foto {
  624. display:inline-block;
  625. margin-right:10px;
  626. }
  627.  
  628. .foto img {
  629. width:35px;
  630. height:35px;
  631. -moz-border-radius:100px;
  632. -webkit-border-radius:100px;
  633. border-radius:100%;
  634. border:1px solid #eee;
  635. padding:3px;
  636. box-shadow:0 1px 3px #eee;
  637. }
  638.  
  639. .names {
  640. position:relative;
  641. display:inline-block;
  642. top:-8px;
  643. }
  644.  
  645. .nome {
  646. font-size:10.5px;
  647. letter-spacing:0.70px;
  648. color:{color:text};
  649. text-transform:uppercase;
  650. font-family:'Bai Jamjuree', sans-serif;
  651. font-weight:700;
  652. }
  653.  
  654. #affiliates a {
  655. display:inline-block;
  656. color:{color:link};
  657. }
  658.  
  659. #affiliates img {
  660. width:35px;
  661. height:35px;
  662. -moz-border-radius:100px;
  663. -webkit-border-radius:100px;
  664. border-radius:100%;
  665. border:1px solid #eee;
  666. padding:3px;
  667. box-shadow:0 1px 3px #eee;
  668. margin-right:3px;
  669. }
  670.  
  671. #affiliates img:hover {
  672. opacity:0.8;
  673. }
  674.  
  675. .content {
  676. vertical-align:middle;
  677. position:relative;
  678. width:80px;
  679. height:80px;
  680. display:inline-block;
  681. margin-right:10px;
  682. border-radius:50px;
  683. overflow:hidden;
  684. border:1px solid #eee;
  685. padding:3px;
  686. box-shadow:0 1px 3px #eee;
  687. }
  688.  
  689. .content .content-overlay {
  690. background:{color:background};
  691. position:absolute;
  692. height:100%;
  693. width:100%;
  694. left:0;
  695. top:0;
  696. bottom 0;
  697. right:0;
  698. opacity:0;
  699. -webkit-transition: all 0.4s ease-in-out 0s;
  700. -moz-transition: all 0.4s ease-in-out 0s;
  701. transition: all 0.4s ease-in-out 0s;
  702. }
  703.  
  704. .content:hover .content-overlay {
  705. opacity:0.3;
  706. }
  707.  
  708. .content-image {
  709. width:80px;
  710. height:80px;
  711. display:inline-block;
  712. border-radius:50px;
  713. }
  714.  
  715. .content-details {
  716. position:absolute;
  717. text-align:center;
  718. top:50%;
  719. left:50%;
  720. opacity:0;
  721. -webkit-transform: translate(-50%, -50%);
  722. -moz-transform: translate(-50%, -50%);
  723. transform: translate(-50%, -50%);
  724. -webkit-transition: all 0.3s ease-in-out 0s;
  725. -moz-transition: all 0.3s ease-in-out 0s;
  726. transition: all 0.3s ease-in-out 0s;
  727. }
  728.  
  729. .content-details svg {
  730. stroke:{color:accent}; /* color of the icon that appears when you hover the projects image */
  731. stroke-width:2.3;
  732. stroke-linecap:round;
  733. stroke-linejoin:round;
  734. fill:none;
  735. width:20px;
  736. display:block;
  737. }
  738.  
  739. .content:hover .content-details{
  740. top:50%;
  741. left:50%;
  742. opacity:1;
  743. }
  744.  
  745. .content-details p {
  746. color: #fff;
  747. font-size: 0.8em;
  748. }
  749.  
  750. .projects .project:not(:last-child) {
  751. margin-bottom:1em;
  752. }
  753.  
  754. .pinfo {
  755. vertical-align:middle;
  756. margin:1em 0;
  757. max-width:210px;
  758. position:relative;
  759. display:inline-block;
  760. text-align:left;
  761. }
  762.  
  763. .pinfo name {
  764. font-size:12px;
  765. letter-spacing:0.70px;
  766. text-transform:uppercase;
  767. font-family:'Bai Jamjuree', sans-serif;
  768. font-weight:700;
  769. }
  770.  
  771. .pinfo release {
  772. letter-spacing:1px;
  773. text-transform:uppercase;
  774. font-family:'Bai Jamjuree', sans-serif;
  775. }
  776.  
  777. .entries {
  778. padding:50px 0;
  779. margin-right:50px;
  780. width:540px;
  781. float:right;
  782. }
  783.  
  784. .posts {
  785. width:540px;
  786. text-align:left;
  787. margin-bottom:100px;
  788. padding:1.5em;
  789. background-color:#fff;
  790. box-shadow:0 1px 3px #eee;
  791. border-bottom:1px solid #eee;
  792. border-radius:6px;
  793. }
  794.  
  795. .posts:last-child {
  796. margin-bottom:0px;
  797. }
  798.  
  799. {block:Permalinkpage}
  800. .posts {
  801. margin-bottom:30px;
  802. }
  803. {/block:Permalinkpage}
  804.  
  805. .comment {
  806. padding:0 0 1.5em 0;
  807. list-style:none;
  808. }
  809.  
  810. .comment:last-of-type {padding-bottom:0!important;}
  811.  
  812. .user {
  813. display:inline-block;
  814. line-height:28px;
  815. font-size:10.5px;
  816. letter-spacing:0.70px;
  817. color:{color:text};
  818. display:block;
  819. text-transform:uppercase;
  820. font-family:'Bai Jamjuree', sans-serif;
  821. font-weight:700;
  822. margin-bottom:.75em;
  823. }
  824.  
  825. .icon {
  826. vertical-align:top;
  827. margin-right:4px;
  828. display:inline-block;
  829. float:left;
  830. }
  831.  
  832. .icon img {
  833. width:18px;
  834. height:18px;
  835. -moz-border-radius:100px;
  836. -webkit-border-radius:100px;
  837. border-radius:100%;
  838. border:1px solid #eee;
  839. padding:3px;
  840. box-shadow:0 1px 3px #eee;
  841. }
  842.  
  843. .captioned .comment:first-of-type {margin-top:1.5em;}
  844.  
  845. .tex li, .tex blockquote {text-align:left;}
  846.  
  847. .a {
  848. display:inline-block;
  849. width:540px;
  850. }
  851.  
  852. .q {
  853. border-radius:6px;
  854. background:#f9f9f9;
  855. padding:1.5em;
  856. box-shadow:0 1px 3px #eee;
  857. margin-bottom:0.9em;
  858. text-align:left;
  859. }
  860.  
  861. .as b {
  862. color:{color:link};
  863. text-transform:uppercase;
  864. font-family:'Bai Jamjuree', sans-serif;
  865. }
  866.  
  867. .chat {
  868. text-align:left;
  869. padding:0;
  870. margin:0;
  871. list-style:none;
  872. }
  873.  
  874. .l {
  875. margin-bottom:1em;
  876. }
  877.  
  878. .l:last-child {
  879. margin-bottom:0;
  880. }
  881.  
  882. .label {
  883. padding-right:5px;
  884. font-weight:700;
  885. color:{color:text};
  886. display:inline-block;
  887. }
  888.  
  889. .quote {
  890. font-size:14px;
  891. font-style:italic;
  892. margin-bottom:1em;
  893. }
  894.  
  895. .permalink {
  896. margin-top:2em;
  897. text-align:left;
  898. border-top:1px solid #eee;
  899. }
  900.  
  901. .permas {
  902. margin:-10px 0 0 0;
  903. }
  904.  
  905. .permas span {
  906. display:inline-block;
  907. margin:0 auto;
  908. padding:0;
  909. background:#fff;
  910. }
  911.  
  912. .permaleft a {
  913. display:inline-block;
  914. text-transform:lowercase;
  915. margin-right:8px;
  916. {block:IndexPage}
  917. color:{color:text};
  918. {/block:IndexPage}
  919. {block:PermalinkPage}
  920. color:{color:link};
  921. {/block:PermalinkPage}
  922. }
  923.  
  924. .permaright a {
  925. display:inline-block;
  926. color:{color:text};
  927. text-transform:uppercase;
  928. font-family:'Bai Jamjuree', sans-serif;
  929. letter-spacing:0.70px;
  930. font-weight:700;
  931. }
  932.  
  933. .permaright a:first-child {
  934. margin-left:8px;
  935. }
  936.  
  937. .permaright {
  938. float:right;
  939. }
  940.  
  941. .permas a:hover {
  942. color:{color:link hover};
  943. }
  944.  
  945. /*svg icons tutorial by shythemes*/
  946.  
  947. .controls svg {
  948. stroke:{color:text};
  949. stroke-width:3;
  950. stroke-linecap:round;
  951. stroke-linejoin:round;
  952. fill:none;
  953. width:10px;
  954. height:auto;
  955. padding:0px;
  956. display:block;
  957. overflow:visible;
  958. }
  959.  
  960. .controls {
  961. display:inline;
  962. }
  963.  
  964. .controls a {
  965. vertical-align:middle;
  966. position:relative;
  967. display:inline-block;
  968. overflow:hidden;
  969. width:12px;
  970. height:12px;
  971. }
  972.  
  973. .controls .like .liked + svg path {
  974. stroke-width:2;
  975. stroke:#c93d12;
  976. fill:#fb4c16;
  977. }
  978.  
  979. .controls .like .like_button {
  980. position:relative;
  981. }
  982.  
  983. .controls .like .like_button iframe {
  984. position:absolute;
  985. top:-3px;
  986. left:-3px;
  987. bottom:0;
  988. right:0;
  989. z-index:2;
  990. opacity:0;
  991. }
  992.  
  993. .tags {
  994. margin-top:0.5em;
  995. display:block;
  996. width:540px;
  997. text-align:left;
  998. }
  999.  
  1000. .tags a {
  1001. font-weight:normal;
  1002. text-transform:none;
  1003. color:{color:link};
  1004. display:inline-block;
  1005. margin:0.5em 1em 0 0;
  1006. }
  1007.  
  1008. .tags a:hover {
  1009. color:{color:link hover};
  1010. }
  1011.  
  1012. /*draggable tags : jqueryscript.net*/
  1013.  
  1014. {block:ifdraggabletags}
  1015. .post_tags,
  1016.  
  1017. .post_tags {
  1018. margin-top:0.5em;
  1019. text-align:left;
  1020. position:relative;
  1021. white-space:nowrap;
  1022. overflow:hidden;
  1023. }
  1024.  
  1025. .post_tags.draggable .post_tags_inner {
  1026. -webkit-touch-callout:none;
  1027. -webkit-user-select:none;
  1028. -khtml-user-select:none;
  1029. -moz-user-select:none;
  1030. -ms-user-select:none;
  1031. user-select:none;
  1032. }
  1033.  
  1034. .post_tags_inner {
  1035. position:relative;
  1036. padding:0px 20px 0px 0;
  1037. }
  1038.  
  1039. .post_tags a,
  1040. .post_tags .post_tag {
  1041. font-weight:normal;
  1042. text-transform:none;
  1043. color:{color:link};
  1044. display:inline-block;
  1045. margin:0.5em 1em 0 0;
  1046. }
  1047.  
  1048. .post_tags:after {
  1049. content:'';
  1050. position:absolute;
  1051. top:0;
  1052. right:0;
  1053. bottom:0;
  1054. width:20px;
  1055. background:-moz-linear-gradient(left, rgba(255,255,255,0) 0, rgba(255,255,255,1) 100%);
  1056. background:-webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(100%, #FFF));
  1057. background:-webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0, #FFF 100%);
  1058. background:-o-linear-gradient(left, rgba(255,255,255,0) 0, rgba(255,255,255,1) 100%);
  1059. background:-ms-linear-gradient(left, rgba(255,255,255,0) 0, rgba(255,255,255,1) 100%);
  1060. background:linear-gradient(to right, rgba(255, 255, 255, 0) 0, #FFF 100%);
  1061. }
  1062.  
  1063. .post_tags a:hover,
  1064.  
  1065. .post_tags .post_tag:hover,
  1066.  
  1067. .post_tags a:focus,
  1068.  
  1069. .post_tags .post_tag:focus,
  1070.  
  1071. .post_tags a:active,
  1072.  
  1073. .post_tags .post_tag:active {
  1074. color:{color:link hover};
  1075. }
  1076. {/block:ifdraggabletags}
  1077.  
  1078. .separator {
  1079. margin-bottom:1em;
  1080. border-bottom:1px solid #eee;
  1081. padding-bottom:1em;
  1082. }
  1083.  
  1084. .separator:last-of-type {
  1085. margin:0;
  1086. border:0;
  1087. padding:0;
  1088. }
  1089.  
  1090. table .topic-name svg {
  1091. display:inline-block;
  1092. stroke:#ccc;
  1093. stroke-width:3;
  1094. stroke-linecap:round;
  1095. stroke-linejoin:round;
  1096. fill:none;
  1097. width:11px;
  1098. height:auto;
  1099. padding:0px;
  1100. overflow:visible;
  1101. margin-right:5px;
  1102. }
  1103.  
  1104. table .topic {
  1105. width:30%;
  1106. }
  1107.  
  1108. table .topic-name {
  1109. vertical-align:middle;
  1110. font-size:10.5px;
  1111. letter-spacing:0.70px;
  1112. color:{color:text};
  1113. text-transform:uppercase;
  1114. font-family:'Bai Jamjuree', sans-serif;
  1115. font-weight:700;
  1116. display:inline-block;
  1117. padding:0;
  1118. position:relative;
  1119. margin-right:10px;
  1120. }
  1121.  
  1122. table .topic-description {
  1123. vertical-align:middle;
  1124. font-weight:600px;
  1125. width:70%;
  1126. text-align:left;
  1127. }
  1128.  
  1129. .pagenotes {
  1130. padding:1.5em;
  1131. width:540px;
  1132. background-color:#fff;
  1133. box-shadow:0 1px 3px #eee;
  1134. border-bottom:1px solid #eee;
  1135. border-radius:6px;
  1136. }
  1137.  
  1138. .pagenotes-scroll::-webkit-scrollbar {
  1139. width:10px;
  1140. height:10px;
  1141. margin-right:5px;
  1142. }
  1143.  
  1144. .pagenotes-scroll::-webkit-scrollbar-track {
  1145. border:5px solid #fff; /* background color */
  1146. background-color:#eee; /* light border color */
  1147. }
  1148.  
  1149. .pagenotes-scroll::-webkit-scrollbar-thumb {
  1150. border:4px solid #fff; /* background color */
  1151. background-color:{color:text}; /* dark border color */
  1152. }
  1153.  
  1154. .pagenotes-scroll {
  1155. width:545px;
  1156. padding-right:0;
  1157. max-height:300px;
  1158. overflow:auto;
  1159. }
  1160.  
  1161. .pagenotes,
  1162. .pagenotes-content,
  1163. .pagenotes-scroll:active {
  1164. border:0;
  1165. outline:0;
  1166. }
  1167.  
  1168. .pagenotes ol, .pagenotes ul {
  1169. padding:0;
  1170. margin:0;
  1171. }
  1172.  
  1173. li.note {
  1174. display:block;
  1175. padding:0;
  1176. }
  1177.  
  1178. li.note:not(:first-child):not(:last-child) {
  1179. margin:8px 0;
  1180. }
  1181.  
  1182. ol.notes li.note img.avatar {display:none;}
  1183.  
  1184. a.more_notes_link {
  1185. display:block;
  1186. text-align:center;
  1187. }
  1188.  
  1189. .pagenotes blockquote {
  1190. margin-left:2em;
  1191. }
  1192.  
  1193. #pagination {
  1194. text-align:center;
  1195. }
  1196.  
  1197. #pagination a {
  1198. font-family:'Bai Jamjuree', sans-serif;
  1199. letter-spacing:0.70px;
  1200. text-transform:uppercase;
  1201. font-weight:700;
  1202. margin:0 1em;
  1203. }
  1204.  
  1205. .current_page {
  1206. background-color:#fff;
  1207. box-shadow:0 1px 3px #eee;
  1208. border-bottom:1px solid #eee;
  1209. color:{color:accent};
  1210. padding:4px 8px;
  1211. border-radius:4px;
  1212. font-size:14px;
  1213. }
  1214.  
  1215. #pagination svg {
  1216. stroke:{color:accent};
  1217. stroke-width:2;
  1218. stroke-linecap:round;
  1219. stroke-linejoin:round;
  1220. fill:none;
  1221. width:11px;
  1222. height:auto;
  1223. padding:0px;
  1224. display:inline-block;
  1225. overflow:visible;
  1226. }
  1227.  
  1228. footer {
  1229. clear:both;
  1230. z-index:999;
  1231. width:100%;
  1232. }
  1233.  
  1234. /*back to top button by Matthew Cain
  1235. @ https://codepen.io/matthewcain/pen/ZepbeR */
  1236.  
  1237. .button {
  1238. position:absolute;
  1239. margin-top:-50px;
  1240. margin-left:49%;
  1241. }
  1242.  
  1243. .button svg {
  1244. border-radius:50px;
  1245. background-color:{color:accent};
  1246. padding:8px;
  1247. color:{color:accent text};
  1248. }
  1249.  
  1250. #footer-main {
  1251. border-top:1px solid #eee;
  1252. padding:30px 0;
  1253. width:100%;
  1254. background-color:{color:footer};
  1255. }
  1256.  
  1257. .footer-content img {
  1258. max-width:100px;
  1259. height:auto;
  1260. }
  1261.  
  1262. .footer-content {
  1263. color:{color:footer text};
  1264. text-align:center;
  1265. }
  1266.  
  1267. .fl {
  1268. margin:20px auto 20px auto;
  1269. }
  1270.  
  1271. .fl a {
  1272. color:{color:footer text};
  1273. font-family:'Bai Jamjuree', sans-serif;
  1274. letter-spacing:0.70px;
  1275. text-transform:uppercase;
  1276. font-weight:700;
  1277. margin-right:20px;
  1278. }
  1279.  
  1280. .fl a:last-child {
  1281. margin-right:0px;
  1282. }
  1283.  
  1284. .fc {
  1285. font-size:10px;
  1286. margin:20px auto 0 auto;
  1287. }
  1288.  
  1289. .fc a {
  1290. margin:0 3px;
  1291. }
  1292.  
  1293. .fc span {
  1294. font-family:'Bai Jamjuree', sans-serif;
  1295. letter-spacing:0.70px;
  1296. text-transform:uppercase;
  1297. font-weight:700;
  1298. }
  1299.  
  1300. {CustomCSS}
  1301.  
  1302. </style>
  1303.  
  1304. </head>
  1305. <body>
  1306. <script>document.body.className += ' fade-out';</script>
  1307.  
  1308. <header>
  1309. <div id="topbar">
  1310. {block:ifblogtitle}<div id="blogtitle"><a href="/">{Title}</a></div>{/block:ifblogtitle}
  1311. <nav>
  1312. {block:ifhometitle}<a href="/">{text:home title}</a>{/block:ifhometitle}{block:ifasktitle}<a href="/ask">{text:ask title}</a>{/block:ifasktitle}{block:iflink1url}<a href="{text:link 1 url}">{text:link 1 name}</a>{/block:iflink1url}{block:iflink2url}<a href="{text:link 2 url}">{text:link 2 name}</a>{/block:iflink2url}{block:iflink3url}<a href="{text:link 3 url}">{text:link 3 name}</a>{/block:iflink3url}{block:iflink4url}<a href="{text:link 4 url}">{text:link 4 name}</a>{/block:iflink4url}
  1313. </nav>
  1314. </div>
  1315.  
  1316. <div id="banner"></div>
  1317.  
  1318. {block:indexpage}
  1319. <div class="column-holder">
  1320.  
  1321. <div class="column">
  1322. <div id="introduction">
  1323. <h1 style="margin-top:0;text-align:left"><i data-feather="zap"></i> welcome to {Name}</h1>
  1324. <p>{Description}</p>
  1325. </div>
  1326. </div>
  1327.  
  1328. <div class="column">
  1329. <div id="recentposts">
  1330.  
  1331. <h1 style="margin-top:0;text-align:left"><i data-feather="image"></i> latest photos</h1>
  1332.  
  1333. <div class='ji-tumblr-photos'>
  1334.  
  1335. <div style="margin-top:-3px;padding-left:8px">
  1336. <a id='ji-tumblr-url--1' href=''><img border='0' style='margin:3px' id='ji-tumblr-photo--1' src='' alt='' /></a><a id='ji-tumblr-url--2' href=''><img border='0' style='margin:3px' id='ji-tumblr-photo--2' src='' alt='' /></a><a id='ji-tumblr-url--3' href=''><img border='0' style='margin:3px' id='ji-tumblr-photo--3' src='' alt='' /></a><a id='ji-tumblr-url--4' href=''><img border='0' style='margin:3px' id='ji-tumblr-photo--4' src='' alt='' /></a><a id='ji-tumblr-url--5' href=''><img border='0' style='margin:3px' id='ji-tumblr-photo--5' src='' alt='' /></a><a id='ji-tumblr-url--6' href=''><img border='0' style='margin:3px' id='ji-tumblr-photo--6' src='' alt='' /></a><a id='ji-tumblr-url--7' href=''><img border='0' style='margin:3px' id='ji-tumblr-photo--7' src='' alt='' /></a>
  1337. <a id='ji-tumblr-url--8' href=''><img border='0' style='margin:3px' id='ji-tumblr-photo--8' src='' alt='' /><a id='ji-tumblr-url--9' href=''><img border='0' style='margin:3px' id='ji-tumblr-photo--9' src='' alt='' /></a><a id='ji-tumblr-url--10' href=''><img border='0' style='margin:3px' id='ji-tumblr-photo--10' src='' alt='' /></a><a id='ji-tumblr-url--11' href=''><img border='0' style='margin:3px' id='ji-tumblr-photo--11' src='' alt='' /></a><a id='ji-tumblr-url--12' href=''><img border='0' style='margin:3px' id='ji-tumblr-photo--12' src='' alt='' /></a><a id='ji-tumblr-url--13' href=''><img border='0' style='margin:3px' id='ji-tumblr-photo--13' src='' alt='' /></a><a id='ji-tumblr-url--14' href=''><img border='0' style='margin:3px' id='ji-tumblr-photo--14' src='' alt='' /></a><a id='ji-tumblr-url--15' href=''><img border='0' style='margin:3px' id='ji-tumblr-photo--15' src='' alt='' /></a><a id='ji-tumblr-url--16' href=''><img border='0' style='margin:3px' id='ji-tumblr-photo--16' src='' alt='' /></a><a id='ji-tumblr-url--17' href=''><img border='0' style='margin:3px' id='ji-tumblr-photo--17' src='' alt='' /></a><a id='ji-tumblr-url--18' href=''><img border='0' style='margin:3px' id='ji-tumblr-photo--18' src='' alt='' /></a>
  1338.  
  1339. </div>
  1340.  
  1341. </div>
  1342.  
  1343. <script type='text/javascript' src='https://{Name}.tumblr.com/api/read/json?number=18&type=photo'></script><script type='text/javascript'>
  1344. document.getElementById('ji-tumblr-photo--1').setAttribute('src', tumblr_api_read.posts[0]['photo-url-75']);
  1345. document.getElementById('ji-tumblr-url--1').setAttribute('href', tumblr_api_read.posts[0]['url-with-slug']);
  1346. document.getElementById('ji-tumblr-photo--2').setAttribute('src', tumblr_api_read.posts[1]['photo-url-75']);
  1347. document.getElementById('ji-tumblr-url--2').setAttribute('href', tumblr_api_read.posts[1]['url-with-slug']);
  1348. document.getElementById('ji-tumblr-photo--3').setAttribute('src', tumblr_api_read.posts[2]['photo-url-75']);
  1349. document.getElementById('ji-tumblr-url--3').setAttribute('href', tumblr_api_read.posts[2]['url-with-slug']);
  1350. document.getElementById('ji-tumblr-photo--4').setAttribute('src', tumblr_api_read.posts[3]['photo-url-75']);
  1351. document.getElementById('ji-tumblr-url--4').setAttribute('href', tumblr_api_read.posts[3]['url-with-slug']);
  1352. document.getElementById('ji-tumblr-photo--5').setAttribute('src', tumblr_api_read.posts[4]['photo-url-75']);
  1353. document.getElementById('ji-tumblr-url--5').setAttribute('href', tumblr_api_read.posts[4]['url-with-slug']);
  1354. document.getElementById('ji-tumblr-photo--6').setAttribute('src', tumblr_api_read.posts[5]['photo-url-75']);
  1355. document.getElementById('ji-tumblr-url--6').setAttribute('href', tumblr_api_read.posts[5]['url-with-slug']);
  1356. document.getElementById('ji-tumblr-photo--7').setAttribute('src', tumblr_api_read.posts[6]['photo-url-75']);
  1357. document.getElementById('ji-tumblr-url--7').setAttribute('href', tumblr_api_read.posts[6]['url-with-slug']);
  1358. document.getElementById('ji-tumblr-photo--8').setAttribute('src', tumblr_api_read.posts[7]['photo-url-75']);
  1359. document.getElementById('ji-tumblr-url--8').setAttribute('href', tumblr_api_read.posts[7]['url-with-slug']);
  1360. document.getElementById('ji-tumblr-photo--9').setAttribute('src', tumblr_api_read.posts[8]['photo-url-75']);
  1361. document.getElementById('ji-tumblr-url--9').setAttribute('href', tumblr_api_read.posts[8]['url-with-slug']);
  1362. document.getElementById('ji-tumblr-photo--10').setAttribute('src', tumblr_api_read.posts[9]['photo-url-75']);
  1363. document.getElementById('ji-tumblr-url--10').setAttribute('href', tumblr_api_read.posts[9]['url-with-slug']);
  1364. document.getElementById('ji-tumblr-photo--11').setAttribute('src', tumblr_api_read.posts[10]['photo-url-75']);
  1365. document.getElementById('ji-tumblr-url--11').setAttribute('href', tumblr_api_read.posts[10]['url-with-slug']);
  1366. document.getElementById('ji-tumblr-photo--12').setAttribute('src', tumblr_api_read.posts[11]['photo-url-75']);
  1367. document.getElementById('ji-tumblr-url--12').setAttribute('href', tumblr_api_read.posts[11]['url-with-slug']);
  1368. document.getElementById('ji-tumblr-photo--13').setAttribute('src', tumblr_api_read.posts[12]['photo-url-75']);
  1369. document.getElementById('ji-tumblr-url--13').setAttribute('href', tumblr_api_read.posts[12]['url-with-slug']);
  1370. document.getElementById('ji-tumblr-photo--14').setAttribute('src', tumblr_api_read.posts[13]['photo-url-75']);
  1371. document.getElementById('ji-tumblr-url--14').setAttribute('href', tumblr_api_read.posts[13]['url-with-slug']);
  1372. document.getElementById('ji-tumblr-photo--15').setAttribute('src', tumblr_api_read.posts[14]['photo-url-75']);
  1373. document.getElementById('ji-tumblr-url--15').setAttribute('href', tumblr_api_read.posts[14]['url-with-slug']);
  1374. document.getElementById('ji-tumblr-photo--16').setAttribute('src', tumblr_api_read.posts[15]['photo-url-75']);
  1375. document.getElementById('ji-tumblr-url--16').setAttribute('href', tumblr_api_read.posts[15]['url-with-slug']);
  1376. document.getElementById('ji-tumblr-photo--17').setAttribute('src', tumblr_api_read.posts[16]['photo-url-75']);
  1377. document.getElementById('ji-tumblr-url--17').setAttribute('href', tumblr_api_read.posts[16]['url-with-slug']);
  1378. document.getElementById('ji-tumblr-photo--18').setAttribute('src', tumblr_api_read.posts[17]['photo-url-75']);
  1379. document.getElementById('ji-tumblr-url--18').setAttribute('href', tumblr_api_read.posts[17]['url-with-slug']);
  1380. </script>
  1381.  
  1382. </div>
  1383. </div>
  1384.  
  1385. </div>
  1386. {block:indexpage}
  1387.  
  1388.  
  1389. </header>
  1390.  
  1391. <!--///////////////////////// CONTAINER //////////////////////////-->
  1392.  
  1393. <div id="container">
  1394.  
  1395. <!--///////////////////////// SIDEBAR //////////////////////////-->
  1396.  
  1397. <div class="sidebar">
  1398.  
  1399. <!--search-->
  1400.  
  1401. <div class="boxtitle"><i data-feather="search"></i> search the blog</div>
  1402. <div class="box">
  1403. <form id="search" action="/search" method="get"><input type="text" name="q" value="{SearchQuery}" placeholder="looking for anything?" autocomplete="off"/></form>
  1404. </div>
  1405.  
  1406. <!--end of search-->
  1407.  
  1408. <!--sidebar links-->
  1409.  
  1410. <div class="boxtitle"><i data-feather="link"></i> quick links</div>
  1411. <div class="box">
  1412. <div class="navi">
  1413. {block:ifsidebarlink1title}<a href="{text:sidebar link 1 url}">{text:sidebar link 1 title}</a>{/block:ifsidebarlink1title}
  1414. {block:ifsidebarlink2title}<a href="{text:sidebar link 2 url}">{text:sidebar link 2 title}</a>{/block:ifsidebarlink2title}
  1415. {block:ifsidebarlink3title}<a href="{text:sidebar link 3 url}">{text:sidebar link 3 title}</a>{/block:ifsidebarlink3title}
  1416. {block:ifsidebarlink4title}<a href="{text:sidebar link 4 url}">{text:sidebar link 4 title}</a>{/block:ifsidebarlink4title}
  1417. </div>
  1418. </div>
  1419.  
  1420. <!--end of sidebar links-->
  1421.  
  1422. <!--projects-->
  1423.  
  1424. <div class="boxtitle"><i data-feather="video"></i> projects</div>
  1425. <div class="box">
  1426. <div class="projects">
  1427.  
  1428. <!-- PROJECTS TEMPLATE
  1429.  
  1430. <div class="project">
  1431. <div class="content">
  1432. <a href="LINK" target="_blank">
  1433. <div class="content-overlay"></div>
  1434. <img class="content-image" src="IMAGE">
  1435. <div class="content-details" title="more info">
  1436. <p><i data-feather="external-link"></i></p>
  1437. </div>
  1438. </a>
  1439. </div>
  1440. <div class="pinfo">
  1441. <name>PROJECT NAME</name><br>
  1442. <i>Status</i><br>
  1443. Release date<br>
  1444. </div>
  1445. </div>
  1446.  
  1447. -->
  1448.  
  1449. <div class="project">
  1450. <div class="content">
  1451. <a href="/" target="_blank">
  1452. <div class="content-overlay"></div>
  1453. <img class="content-image" src="https://i.imgur.com/UwHh8X8.png">
  1454. <div class="content-details" title="more info">
  1455. <p><i data-feather="external-link"></i></p>
  1456. </div>
  1457. </a>
  1458. </div>
  1459. <div class="pinfo">
  1460. <name>PROJECT NAME</name><br>
  1461. <i>Status</i><br>
  1462. Release date<br>
  1463. </div>
  1464. </div>
  1465.  
  1466. <div class="project">
  1467. <div class="content">
  1468. <a href="/" target="_blank">
  1469. <div class="content-overlay"></div>
  1470. <img class="content-image" src="https://i.imgur.com/UwHh8X8.png">
  1471. <div class="content-details" title="more info">
  1472. <p><i data-feather="external-link"></i></p>
  1473. </div>
  1474. </a>
  1475. </div>
  1476. <div class="pinfo">
  1477. <name>PROJECT NAME</name><br>
  1478. <i>Status</i><br>
  1479. Release date<br>
  1480. </div>
  1481. </div>
  1482.  
  1483. <div class="project">
  1484. <div class="content">
  1485. <a href="/" target="_blank">
  1486. <div class="content-overlay"></div>
  1487. <img class="content-image" src="https://i.imgur.com/UwHh8X8.png">
  1488. <div class="content-details" title="more info">
  1489. <p><i data-feather="external-link"></i></p>
  1490. </div>
  1491. </a>
  1492. </div>
  1493. <div class="pinfo">
  1494. <name>PROJECT NAME</name><br>
  1495. <i>Status</i><br>
  1496. Release date<br>
  1497. </div>
  1498. </div>
  1499.  
  1500. </div>
  1501. </div>
  1502.  
  1503. <!--end of projects-->
  1504.  
  1505. <!--latest tweets-->
  1506.  
  1507. <div class="boxtitle"><i data-feather="twitter"></i> latest tweets</div>
  1508. <div class="box">
  1509. <a class="twitter-timeline"
  1510. href="https://twitter.com/{text:twitter username}"
  1511. data-chrome="noheader noscrollbar nofooter noborders transparent"
  1512. data-height="600"
  1513. data-link-color="{color:link}">
  1514. </a> <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>
  1515. </div>
  1516.  
  1517. <!--end of latest tweets-->
  1518.  
  1519. <!--schedule-->
  1520.  
  1521. <div class="boxtitle"><i data-feather="calendar"></i> schedule</div>
  1522. <div class="box">
  1523.  
  1524. <!-- SCHEDULE TEMPLATE
  1525.  
  1526. <table class="separator" style="width:100%;">
  1527. <tr>
  1528. <td class="topic"><div class="topic-name"><i data-feather="clock"></i>DATE</div></td>
  1529. <td class="topic-description">Event description</td>
  1530. </tr>
  1531. </table>
  1532.  
  1533. -->
  1534.  
  1535. <table class="separator" style="width:100%;">
  1536. <tr>
  1537. <td class="topic"><div class="topic-name"><i data-feather="clock"></i>DATE</div></td>
  1538. <td class="topic-description">Event description</td>
  1539. </tr>
  1540. </table>
  1541.  
  1542. <table class="separator" style="width:100%;">
  1543. <tr>
  1544. <td class="topic"><div class="topic-name"><i data-feather="clock"></i>DATE</div></td>
  1545. <td class="topic-description">Event description</td>
  1546. </tr>
  1547. </table>
  1548.  
  1549. <table class="separator" style="width:100%;">
  1550. <tr>
  1551. <td class="topic"><div class="topic-name"><i data-feather="clock"></i>DATE</div></td>
  1552. <td class="topic-description">Event description</td>
  1553. </tr>
  1554. </table>
  1555.  
  1556. </div>
  1557.  
  1558. <!--end of schedule-->
  1559.  
  1560. <!--affiliates-->
  1561.  
  1562. <div class="boxtitle"><i data-feather="user-plus"></i> affiliates</div>
  1563. <div class="box">
  1564. <div id="affiliates">
  1565.  
  1566. <!-- AFFILIATES TEMPLATE
  1567.  
  1568. <a href="URL" title="BLOG NAME"><img src="ICON"/></a>
  1569.  
  1570. -->
  1571.  
  1572. <center>
  1573. <a href="/" title="APPLY"><img src="https://i.imgur.com/UwHh8X8.png"/></a>
  1574. <a href="/" title="APPLY"><img src="https://i.imgur.com/UwHh8X8.png"/></a>
  1575. <a href="/" title="APPLY"><img src="https://i.imgur.com/UwHh8X8.png"/></a>
  1576. <a href="/" title="APPLY"><img src="https://i.imgur.com/UwHh8X8.png"/></a>
  1577. <a href="/" title="APPLY"><img src="https://i.imgur.com/UwHh8X8.png"/></a>
  1578. <a href="/" title="APPLY"><img src="https://i.imgur.com/UwHh8X8.png"/></a>
  1579. </center>
  1580.  
  1581. </div>
  1582. </div>
  1583.  
  1584. <!--end of affiliates-->
  1585.  
  1586. <!--members-->
  1587.  
  1588. <div class="boxtitle"><i data-feather="users"></i> members</div>
  1589. <div class="box">
  1590. {block:GroupMembers}
  1591. {block:GroupMember}
  1592. <div class="members">
  1593.  
  1594. <div class="foto">
  1595. <img src="{GroupMemberPortraitURL-96}">
  1596. </div>
  1597.  
  1598. <div class="names">
  1599. <a href="{GroupMemberURL}" class="nome">{GroupMemberName}</a>
  1600. <div class="member-title">{GroupMemberTitle}</div>
  1601. </div>
  1602.  
  1603. </div>
  1604. {/block:GroupMember}
  1605. {/block:GroupMembers}
  1606. </div>
  1607.  
  1608. <!--end of members-->
  1609.  
  1610. <!--blog info-->
  1611.  
  1612. <div class="boxtitle"><i data-feather="bookmark"></i> information</div>
  1613. <div class="box" style="margin-bottom:0px">
  1614.  
  1615. <table class="separator" style="width:100%;">
  1616. <tr>
  1617. <td class="topic"><div class="topic-name">about</div></td>
  1618. <td class="topic-description">{text:about}</td>
  1619. </tr>
  1620. </table>
  1621.  
  1622. <table class="separator" style="width:100%;">
  1623. <tr>
  1624. <td class="topic"><div class="topic-name">online</div></td>
  1625. <td class="topic-description">{text:online script}</td>
  1626. </tr>
  1627. </table>
  1628.  
  1629. <table class="separator" style="width:100%;">
  1630. <tr>
  1631. <td class="topic"><div class="topic-name">visits</div></td>
  1632. <td class="topic-description">{text:visits script}</td>
  1633. </tr>
  1634. </table>
  1635.  
  1636. <!-- PLEASE DO NOT REMOVE -->
  1637. <table class="separator" style="width:100%;">
  1638. <tr>
  1639. <td class="topic"><div class="topic-name">Theme</div></td>
  1640. <td class="topic-description"><a href="https://captainmarvels.tumblr.com">Ananda</a></td>
  1641. </tr>
  1642. </table>
  1643. <!-- PLEASE DO NOT REMOVE -->
  1644.  
  1645. <br>
  1646.  
  1647. Our site claims no credit for any images posted on this page unless stated otherwise. Images and information on this blog are copyright to their respectful owners.
  1648.  
  1649. </div>
  1650.  
  1651. <!--end of blog info-->
  1652.  
  1653. </div><!--end of sidebar-->
  1654.  
  1655. <!--///////////////////////// ENTRIES //////////////////////////-->
  1656.  
  1657. <div class="entries">
  1658. {block:Posts}
  1659. <article class="posts {block:caption}captioned{/block:caption}" id="{PostID}">
  1660.  
  1661. {block:Quote}
  1662. <div class="quote">"{quote}"</div>
  1663. {block:Source}
  1664. <div class="source">— {source}</div>
  1665. {/block:Source}
  1666. {/block:Quote}
  1667.  
  1668. {block:Text}
  1669. {block:Title}<h1>{title}</h1>{/block:Title}
  1670. {block:RebloggedFrom}
  1671. {block:Reblogs}
  1672. <li class="comment {block:Title}ted{/block:Title}">
  1673. <a href="{Permalink}" class="icon"><img src="{PortraitURL-64}"></a> <a {block:haspermalink}href="{permalink}"{/block:haspermalink} class="user" target="_blank">{username}</a><div class="tex">{body}</div></li>
  1674. {/block:Reblogs}
  1675. {/block:RebloggedFrom}
  1676. {block:NotReblog}
  1677. <li class="comment {block:Title}ted{/block:Title}"><div class="tex">{body}</div></li>
  1678. {/block:NotReblog}
  1679. {/block:Text}
  1680.  
  1681. {block:Link}<h1><a href="{URL}">{name}</a></h1>
  1682. {block:Description}
  1683. {block:NotReblog}
  1684. <li class="comment ted"><div class="tex">{description}</div></li>
  1685. {/block:NotReblog}
  1686. {/block:Description}
  1687. {block:RebloggedFrom}
  1688. {block:Reblogs}
  1689. <li class="comment"><a href="{Permalink}" class="icon"><img src="{PortraitURL-64}"></a> <a {block:haspermalink}href="{permalink}"{/block:haspermalink} class="user" target="_blank">{username}</a><div class="tex">{body}</div></li>
  1690. {/block:Reblogs}
  1691. {/block:RebloggedFrom}
  1692. {/block:Link}
  1693.  
  1694. {block:Chat}
  1695. {block:Title}<h1>{title}</h1>{/block:Title}
  1696. <ol class="chat {block:Title}ted{/block:Title}">{block:lines}<li class="l {Alt}">{block:label}<span class="label">{label}</span>{/block:label} {line}</li>
  1697. {/block:lines}
  1698. </ol>
  1699. {/block:Chat}
  1700.  
  1701. <div class="ph">
  1702.  
  1703. {block:Photo}{linkopentag}<img src="{photoURL-HighRes}" alt="{PhotoAlt}"/>{linkclosetag}{/block:Photo}
  1704.  
  1705. {block:Photoset}
  1706. <div class="photo-slideshow" id="photoset_{PostID}" data-layout="{PhotosetLayout}">{block:Photos}<div class="photo-data"><div class="pxu-photo"><img src="{PhotoURL-500}" width="{PhotoWidth-500}" height="{PhotoHeight-500}" data-highres="{PhotoURL-HighRes}" data-width="{PhotoWidth-HighRes}" data-height="{PhotoHeight-HighRes}"></div><a class="tumblr-box" rel="post-{PostID}" href="{PhotoURL-HighRes}"></a></div>{/block:Photos}</div>
  1707. {/block:Photoset}
  1708.  
  1709. <div class="video">{Video-500}</div>
  1710.  
  1711. {block:Audio}
  1712. <div class="audio">
  1713. {block:AudioEmbed}{AudioEmbed width="540px"}{/block:AudioEmbed}
  1714. </div>
  1715. {/block:Audio}
  1716.  
  1717. {block:caption}
  1718. {block:Reblogs}
  1719. <li class="comment"><a href="{Permalink}" class="icon"><img src="{PortraitURL-64}"></a> <a {block:haspermalink}href="{permalink}"{/block:haspermalink} class="user" target="_blank">{username}</a><div class="tex">{body}</div></li>
  1720. {/block:Reblogs}
  1721. {block:NotReblog}
  1722. <li class="comment"><div class="tex">{caption}</div></li>
  1723. {/block:NotReblog}
  1724. {/block:caption}
  1725.  
  1726. </div>
  1727.  
  1728. {block:Answer}
  1729. <div class="a">
  1730. <div class="q"><div class="as"><b>{asker}</b></div> {question}</div>
  1731. </div>
  1732. {block:Answerer}
  1733. <div class="a">
  1734. <div class="q"><div class="as"><b>{answerer}</b></div> {answer}</div>
  1735. </div>
  1736. {/block:Answerer}
  1737. {block:NotReblog}
  1738. <li class="comment"><div class="tex">{replies}</div></li>
  1739. {/block:NotReblog}
  1740. {block:RebloggedFrom}
  1741. {block:Reblogs}
  1742. <li class="comment"><div class="tex">{body}</div></li>
  1743. {/block:Reblogs}
  1744. {/block:RebloggedFrom}
  1745. {/block:Answer}
  1746.  
  1747. {block:Date}
  1748. <div class="permalink">
  1749. <div class="permas">
  1750. <span class="permaleft">
  1751. {block:IndexPage}
  1752. <a href="{permalink}">{DayofWeek}</a>
  1753. {block:NoteCount}<a href="{permalink}" class="notecount">{NoteCount}</a>{/block:NoteCount}
  1754.  
  1755. <div class="controls">
  1756. <span><a href="{ReblogURL}" target="_blank" class="reblog" title="reblog post"><i data-feather="share-2"></i></a></span>
  1757. <span><a href="#" class="like" title="like post">{LikeButton}<i data-feather="heart"></i></a></span>
  1758. </div>
  1759.  
  1760. {/block:IndexPage}
  1761. {block:PermalinkPage}posted on <a href="{permalink">{Month} {DayOfMonth}{DayOfMonthSuffix} </a>{/block:PermalinkPage}
  1762. </span>
  1763. <span class="permaright">
  1764. {block:RebloggedFrom}<a href="{ReblogParentURL}">via</a>{block:ContentSource} / <a href="{ReblogRootURL}">source</a>{/block:ContentSource}{/block:RebloggedFrom}{/block:PermalinkPage}
  1765. </span>
  1766. </div>
  1767. </div>
  1768.  
  1769. {block:hasTags}
  1770. {block:ifdraggabletags}<div class="post_tags draggable"><div class="post_tags_inner"> {block:Tags}<a href="{TagURL}">#{Tag}</a>{/block:Tags}</div></div>{/block:ifdraggabletags}
  1771.  
  1772. {block:ifnotdraggabletags}<div class="tags">{block:Tags}<a href="{TagUrl}">#{Tag}</a>{/block:Tags}</div>{/block:ifnotdraggabletags}
  1773. {/block:hasTags}
  1774. {/block:Date}
  1775.  
  1776. </article>
  1777.  
  1778. {block:PostNotes}
  1779. <div class="pagenotes" tabindex="0">
  1780. {block:NoteCount}<h1 style="margin-top:0">{NoteCountwithLabel}</h1>{/block:NoteCount}
  1781. <div class="pagenotes-scroll">
  1782. <div class="pagenotes-content">
  1783. {PostNotes}
  1784. </div>
  1785. </div>
  1786. </div>
  1787. {/block:PostNotes}
  1788.  
  1789. {/block:Posts}
  1790.  
  1791. {block:Pagination}
  1792. <div id="pagination">
  1793. {block:PreviousPage}<a href="{PreviousPage}" title="previous page"><i data-feather="chevron-left"></i></a>{block:nextpage} {/block:nextpage}{/block:PreviousPage}
  1794. {block:JumpPagination length="5"}
  1795. {block:CurrentPage}<a class="current_page">{PageNumber}</a>{/block:CurrentPage}
  1796. {block:JumpPage}<a class="jump_page" href="{URL}">{PageNumber}</a>{/block:JumpPage}
  1797. {/block:JumpPagination}
  1798. {block:NextPage}<a href="{NextPage}" title="next page"><i data-feather="chevron-right"></i></a>{/block:NextPage}
  1799. </div>
  1800. {/block:Pagination}
  1801.  
  1802. </div><!--end of entries-->
  1803.  
  1804. </div><!--end of container-->
  1805.  
  1806. <!--///////////////////////// FOOTER //////////////////////////-->
  1807.  
  1808. <footer>
  1809.  
  1810. <div id="footer-main">
  1811.  
  1812. <a class="button"><i data-feather="chevron-up"></i></a>
  1813.  
  1814. <section class="footer-content">
  1815.  
  1816. <div class="fl">
  1817. <a href="/archive">archive</a>
  1818. <a href="/submit">submit</a>
  1819. <a href="https://captainmarvels.tumblr.com">theme</a>
  1820. </div>
  1821.  
  1822. <center><img src="{image:logo}"></center>
  1823.  
  1824. <div class="fc">© <span>{Name}</span>, {CopyrightYears}</div>
  1825.  
  1826. </section>
  1827. </div>
  1828.  
  1829. </footer><!--end of footer-->
  1830.  
  1831. <script>
  1832. feather.replace()
  1833. var $container = $('.posts');
  1834. $container.find('.notecount').each(function(){
  1835. var n = $(this).html().split(' ')[0].replace(/,/g, '');
  1836. if (n > 999) {
  1837. n = Math.floor(n / 100) / 10;
  1838. $(this).text(n + 'k');
  1839. }
  1840. });
  1841. $(document).ready(function() {
  1842. $('body').tooltip({track:false});
  1843. $('iframe.tumblr_audio_player').load( function() {
  1844. $('iframe.tumblr_audio_player').contents().find("head")
  1845. .append($("<style type='text/css'> .audio-player{background:{color:accent} !important} </style>"));
  1846. });
  1847. });
  1848. $(function() {
  1849. $('body').removeClass('fade-out');
  1850. });
  1851. $(document).ready(function(){
  1852. $('.photo-slideshow').pxuPhotoset({
  1853. lightbox:true,
  1854. rounded:false,
  1855. gutter:'4px',
  1856. borderRadius:'2px',
  1857. photoset:'.photo-slideshow',
  1858. photoWrap:'.photo-data',
  1859. photo:'.pxu-photo'
  1860. });
  1861. });
  1862. </script>
  1863.  
  1864. <script>
  1865. // Hide Header on on scroll down
  1866. var prevScrollpos = window.pageYOffset;
  1867. window.onscroll = function() {
  1868. var currentScrollPos = window.pageYOffset;
  1869. if (prevScrollpos > currentScrollPos) {
  1870. document.getElementById("topbar").style.top = "0";
  1871. } else {
  1872. document.getElementById("topbar").style.top = "-100px";
  1873. }
  1874. prevScrollpos = currentScrollPos;
  1875. }
  1876. var btn = $('.button');
  1877.  
  1878. $(window).scroll(function() {
  1879. if ($(window).scrollTop() > 300) {
  1880. btn.addClass('show');
  1881. } else {
  1882. btn.removeClass('show');
  1883. }
  1884. });
  1885.  
  1886. btn.on('click', function(e) {
  1887. e.preventDefault();
  1888. $('html, body').animate({scrollTop:0}, '300');
  1889. });
  1890.  
  1891.  
  1892. </script>
  1893.  
  1894. {block:ContentSource}
  1895. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  1896. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}"/>
  1897. {/block:SourceLogo}
  1898. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo}-->
  1899. {/block:ContentSource}
  1900.  
  1901. {block:ifdraggabletags}
  1902. <script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.10.4/jquery-ui.min.js"></script>
  1903.  
  1904. <script>
  1905. $(document).ready(function(){
  1906. $(".post_tags_inner").draggable({
  1907. axis :"x",
  1908. scroll:false,
  1909. stop:function() {
  1910. var __left = $(this).css("left").replace(/[^-\d\.]/g, '');
  1911. if(__left > 0){
  1912. $(this).animate({left:0}, 400, 'easeOutExpo');
  1913. }
  1914. var __width = $(this).outerWidth();
  1915. var __parentWidth = $(".post_tags.draggable").outerWidth();
  1916. if(__width > __parentWidth) {
  1917. if(__left < __parentWidth-__width){
  1918. $(this).animate({left:__parentWidth-__width}, 400, 'easeOutExpo');
  1919. }
  1920. } else {
  1921. $(this).animate({left:0}, 400, 'easeOutExpo');
  1922. }
  1923. }
  1924. });
  1925. });
  1926. </script>
  1927. {/block:ifdraggabletags}
  1928.  
  1929. <div class="hcontrols"><svg
  1930. xmlns="https://www.w3.org/2000/svg"
  1931. width="24"
  1932. height="24"
  1933. viewBox="0 0 24 24"
  1934. fill="none"
  1935. stroke="currentColor"
  1936. stroke-width="2"
  1937. stroke-linecap="round"
  1938. stroke-linejoin="round"
  1939. >
  1940. <line x1="3" y1="12" x2="21" y2="12" />
  1941. <line x1="3" y1="6" x2="21" y2="6" />
  1942. <line x1="3" y1="18" x2="21" y2="18" />
  1943. </svg></div>
  1944.  
  1945. </body>
  1946. </html>
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!