API tools faq
paste
niehauscosima

binary (v1)

niehauscosima
Sep 25th, 2018
3,232
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 30.35 KB | None | 0 0
raw download clone embed print report
  1. <!--
  2.  
  3. binary (v1) - captainmarvels
  4. base code @ sorrism
  5. visit /credits for full credits
  6.  
  7. -----------------------------------------------------------------------------
  8.  
  9. header customization instructions | please read the following
  10.  
  11. 1. you can choose between icons and words. check/uncheck your preference.
  12.  
  13. 2. if you checked icons in the navigation, the tabs will automatically have icons. the links, however, have to be done manually.
  14.  
  15. a) go to https://fontawesome.com/icons choose an icon you like.
  16. b) in the customization panel, paste the code provided in any of the "link # name" lines.
  17.  
  18. e.g. <i class="far fa-heart"></i>
  19. by using this, you'll get a heart similar to the like button.
  20.  
  21. 3. you can have both tabs and links in your theme. if you don't want to use one of the tabs, just leave the line that says "tab # name" empty. this will automatically hide the specific tab from your navigation. this works for both icons and words in the navigation. same thing for the links, if you want to hide one of them just leave "link # name" empty.
  22.  
  23. e.g. say you wanna hide link 3,
  24. leave "link 3 name" empty.
  25.  
  26. 4. "tab # title" or "link # title" is the word that will appear when you put the mouse over your navigation tabs or links. if you don't want them to have titles, just leave their specific lines empty.
  27.  
  28. -->
  29.  
  30. <!DOCTYPE html>
  31. <head>
  32.  
  33. <title>{block:PostSummary}{PostSummary} : {/block:PostSummary}{Title}</title>
  34.  
  35. <link rel="shortcut icon" href="{favicon}">
  36.  
  37. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  38. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  39.  
  40. <!--Default Variables-->
  41.  
  42. <meta name="if:navigation icons" content="0"/>
  43.  
  44. <meta name="select:body font" content="Fira Sans" title="Fira Sans"/>
  45. <meta name="select:body font" content="Heebo" title="Heebo"/>
  46. <meta name="select:body font" content="Roboto" title="Roboto"/>
  47.  
  48. <meta name="select:secondary font" content="Rajdhani" title="Rajdhani"/>
  49. <meta name="select:secondary font" content="Changa" title="Changa"/>
  50.  
  51. <meta name="select:title font weight" content="700" title="700"/>
  52. <meta name="select:title font weight" content="600" title="600"/>
  53. <meta name="select:title font weight" content="500" title="500"/>
  54.  
  55. <meta name="color:background" content="#ffffff"/>
  56. <meta name="color:text" content="#444444"/>
  57. <meta name="color:link" content="#888888"/>
  58. <meta name="color:Link Hover" content="#5d9ec6"/>
  59. <meta name="color:accent" content="#427ea3" />
  60.  
  61. <meta name="text:index tab title" content="posts" />
  62. <meta name="text:ask tab name" content="askbox" />
  63. <meta name="text:ask tab title" content="contact" />
  64. <meta name="text:tab 1 name" content="" />
  65. <meta name="text:tab 1 title" content="" />
  66. <meta name="text:tab 2 name" content="" />
  67. <meta name="text:tab 2 title" content="" />
  68. <meta name="text:tab 3 name" content="" />
  69. <meta name="text:tab 3 title" content="" />
  70. <meta name="text:archive name" content="archive" />
  71. <meta name="text:archive title" content="archive" />
  72.  
  73. <meta name="text:link 1 url" content="" />
  74. <meta name="text:link 1 name" content="" />
  75. <meta name="text:link 1 title" content="" />
  76. <meta name="text:link 2 url" content="" />
  77. <meta name="text:link 2 name" content="" />
  78. <meta name="text:link 2 title" content="" />
  79. <meta name="text:link 3 url" content="" />
  80. <meta name="text:link 3 name" content="" />
  81. <meta name="text:link 3 title" content="" />
  82. <meta name="text:link 4 url" content="" />
  83. <meta name="text:link 4 name" content="" />
  84. <meta name="text:link 4 title" content="" />
  85.  
  86. <meta name="image:Header" content=""/>
  87.  
  88. <!--fonts-->
  89.  
  90. <link href="//fonts.googleapis.com/css?family=Fira+Sans:400,400i,500,500i,700" rel="stylesheet">
  91. <link href="https://fonts.googleapis.com/css?family=Rajdhani:400,500,600,700|Roboto:400,400i,500,500i,700,700i" rel="stylesheet">
  92. <link href="https://fonts.googleapis.com/css?family=Changa:400,500,600,700|Heebo:400,500,700" rel="stylesheet">
  93.  
  94. <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.3.1/css/all.css" integrity="sha384-mzrmE5qonljUremFsqc01SB46JvROS7bZs3IO2EmfFsd15uHvIt+Y8vEf7N7fWAU" crossorigin="anonymous">
  95. <link href="//dl.dropbox.com/s/vpi3f9s7nhpe7v7/honeybee.css" rel="stylesheet">
  96. <!-- this is vital for my theme credit don't delete this-->
  97. <link href="//dl.dropbox.com/s/50g6fbds3rh4m0j/saturnicons.css" rel="stylesheet"> <!-- don't delete-->
  98.  
  99. <!--scripts-->
  100.  
  101. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script><script src="//code.jquery.com/ui/1.10.4/jquery-ui.js"></script>
  102. <script src ="//static.tumblr.com/fwgzvyf/Oj1o08f6h/shythemes.vr.js"></script>
  103. <script src="https://cdnjs.cloudflare.com/ajax/libs/smoothscroll/1.4.1/SmoothScroll.min.js"></script>
  104. <link href="https://static.tumblr.com/qudkd6d/OcDnl99gb/style.css" rel="stylesheet" type="text/css"/>
  105. <script src="http://static.tumblr.com/yxfeliq/hHwojmt8m/bctphotoset.min.js"></script><link href="https://static.tumblr.com/qudkd6d/OcDnl99gb/style.css" rel="stylesheet" type="text/css"/>
  106.  
  107. <!--CSS customization here. -->
  108.  
  109. <style type="text/css">
  110.  
  111. /*tumblr controls and lightbox*/
  112.  
  113. .tmblr-full img {
  114. max-width: 100%;
  115. }
  116.  
  117. .vignette, #vignette {
  118. opacity:0;
  119. }
  120.  
  121. .lightbox-image, #tumblr_lightbox img {
  122. box-shadow:none !important;
  123. border-radius:0 !important;
  124. max-width:none;
  125. }
  126.  
  127. .tmblr-lightbox, #tumblr_lightbox {
  128. background-color:rgba(255,255,255,.8) !important;
  129. }
  130.  
  131. #tumblr_lightbox img {
  132. padding:5px;
  133. -moz-box-sizing:border-box;
  134. box-sizing:border-box;
  135. }
  136.  
  137. .lightbox-image {
  138. padding:0px;
  139. background-color:rgba(255,255,255,1) !important;
  140. }
  141.  
  142. iframe.tmblr-iframe {
  143. z-index:99999999999999!important;
  144. top:-2px!important;
  145. right:0!important;
  146. opacity:0;
  147. padding-right:38px;
  148. /* delete invert(1) from here */
  149. filter:invert(1) contrast(150%);
  150. -webkit-filter:invert(1) contrast(150%);
  151. -o-filter:invert(1) contrast(150%);
  152. -moz-filter:invert(1) contrast(150%);
  153. -ms-filter:invert(1) contrast(150%);
  154. /* to here if your blog has a dark background */
  155. transform:scale(0.65);
  156. transform-origin:100% 0;
  157. -webkit-transform:scale(0.65);
  158. -webkit-transform-origin:100% 0;
  159. -o-transform:scale(0.65);
  160. -o-transform-origin:100% 0;
  161. -moz-transform:scale(0.65);
  162. -moz-transform-origin:100% 0;
  163. -ms-transform:scale(0.65);
  164. -ms-transform-origin:100% 0;}
  165.  
  166. iframe.tmblr-iframe:hover {
  167. opacity:0.4!important;}
  168.  
  169. .hcontrols {
  170. position:fixed;
  171. top:0;
  172. right:0;
  173. z-index:999999999;}
  174.  
  175. .hcontrols svg {
  176. width:14px;
  177. height:14px;
  178. padding:9px;}
  179.  
  180. .hcontrols svg path {
  181. fill:{color:accent};/* change this to change the color of the icon */}
  182.  
  183. /*scrollbar*/
  184.  
  185. ::-webkit-scrollbar {
  186. width: 4px;
  187. }
  188.  
  189. ::-webkit-scrollbar-track {
  190. background: #fff;
  191. }
  192.  
  193. ::-webkit-scrollbar-thumb {
  194. background: {color:accent};
  195. }
  196.  
  197. /*tooltip*/
  198.  
  199. .ui-tooltip {
  200. position:absolute;
  201. z-index:9999;
  202. padding-top:10px;
  203. border-radius:10%;
  204. }
  205.  
  206. .ui-tooltip-content {
  207. background:#fbfbfb;
  208. border:1px solid #f6f6f6;
  209. padding:5px;
  210. font-size:11px;
  211. text-transform:lowercase;
  212. }
  213.  
  214. /*selection*/
  215.  
  216. ::selection {
  217. background: #f8f8f8;
  218. color: {color:text};
  219. }
  220.  
  221. ::-moz-selection {
  222. background: #f8f8f8;
  223. color: #f8f8f8;
  224. }
  225.  
  226. ::-webkit-selection {
  227. background: #f8f8f8;
  228. color: #f8f8f8;
  229. }
  230.  
  231. /*main structure*/
  232.  
  233. @font-face { font-family: "Strasua"; src: url('https://dl.dropboxusercontent.com/s/cot2cjlr0d2djuu/strasua.ttf'); }
  234.  
  235. body {
  236. background:{color:background};
  237. color:{color:text};
  238. letter-spacing: .1px;
  239. font-family:{select:body font}, arial, sans-serif;
  240. font-size:11.6px;
  241. line-height: 1.8em;
  242. font-style: normal;
  243. word-wrap:break-word;
  244. text-align:justify;
  245. }
  246.  
  247. a {
  248. color:{color:link};
  249. text-decoration:none;
  250. transition:all .3s linear;
  251. -webkit-transition:all .3s linear;
  252. -o-transition:all .3s linear;
  253. -moz-transition:all .3s linear;
  254. }
  255.  
  256. a:hover {
  257. color: {color:link hover};
  258. }
  259.  
  260. a, a img {cursor:pointer;}
  261.  
  262. img {
  263. opacity:1;
  264. border:0;
  265. text-decoration:none;
  266. max-width:100%;
  267. height:auto;
  268. display:block;
  269. }
  270.  
  271. b, strong, b a, strong a {
  272. font-weight:bold!important;
  273. color:{color:accent};
  274. }
  275.  
  276. small, big, sub, pre {
  277. font-size:1em!important;
  278. line-height:1.4em!important;
  279. vertical-align:baseline!important;
  280. }
  281.  
  282. i {
  283. font-style:italic;
  284. color:{color:text};
  285. }
  286.  
  287. h1, h2, h3, h4 {
  288. font-size:14px;
  289. margin:5px 0;
  290. font-size:17px;
  291. font-family:{select:secondary font}, sans-serif;
  292. color:{color:text};
  293. text-transform:uppercase;
  294. font-weight:{select:title font weight};
  295. }
  296.  
  297. ol, ul {
  298. padding:0;
  299. list-style-type:none;
  300. }
  301.  
  302. ol li,
  303. ul li {
  304. position:relative;
  305. padding-left:24px;
  306. }
  307.  
  308. ul li:before {
  309. font-size:15px;
  310. content:'∗';
  311. position:absolute;
  312. display:block;
  313. left:0;
  314. top:-1px;
  315. color:#ccc;
  316. }
  317.  
  318. blockquote, ol, ul, p, pre, figure {margin:1em;}
  319.  
  320. .posts h1:first-child, .posts h2:first-child, .posts h3:first-child, .posts h4:first-child {margin-top:0;}
  321.  
  322. hr {
  323. border:none;
  324. box-shadow:0;
  325. margin:2em auto;
  326. width:75px;
  327. }
  328.  
  329. blockquote {
  330. padding:0;
  331. margin:0;
  332. border:0;
  333. }
  334.  
  335. pre {
  336. padding:0;
  337. margin:0;
  338. line-height:inherit!important;
  339. background:transparent;
  340. font-family:inherit!Important;
  341. font-size:inherit!important;
  342. white-space:pre-wrap;
  343. white-space:-moz-pre-wrap;
  344. white-space:-pre-wrap;
  345. white-space:-o-pre-wrap;
  346. word-wrap:break-word;
  347. }
  348.  
  349. /*header*/
  350.  
  351. .blogtitle a {
  352. color:{color:text};
  353. font-size:17px;
  354. font-family: {select:secondary font}, sans-serif;
  355. text-transform:uppercase;
  356. font-weight:{select:title font weight};
  357. background:transparent;
  358. padding:0;
  359. border:0;
  360. outline:0;
  361. }
  362.  
  363. header {
  364. text-align:center;
  365. width:540px;
  366. margin:120px auto;
  367. }
  368.  
  369. header img {
  370. display:block;
  371. width:60px;
  372. height:60px;
  373. -moz-border-radius:100px;
  374. -webkit-border-radius:100px;
  375. border-radius:100px;
  376. margin:0 auto 30px auto;
  377. }
  378.  
  379. #description {margin:1em 0;}
  380.  
  381. .nav {
  382. display:block;
  383. text-transform:lowercase;
  384. }
  385.  
  386. .nav button {
  387. color:{color:text};
  388. display:inline-block;
  389. background:transparent;
  390. padding:0;
  391. border:0;
  392. outline:0;
  393. margin:0 10px;
  394. font-weight:normal;
  395. font-style:italic;
  396. letter-spacing: .1px;
  397. font-family:'Fira Sans', arial, sans-serif;
  398. font-size:11.6px;
  399. }
  400.  
  401. .nav button:hover, a:hover {
  402. cursor:pointer;
  403. }
  404.  
  405. .nav a {
  406. color:{color:text};
  407. margin:0 10px;
  408. display:inline-block;
  409. background:transparent;
  410. padding:0;
  411. border:0;
  412. outline:0;
  413. font-weight:normal;
  414. font-style:italic;
  415. letter-spacing: .1px;
  416. font-family:'Fira Sans', arial, sans-serif;
  417. font-size:11.6px;
  418. }
  419.  
  420. .nav i {
  421. color:{color:text};
  422. font-size:14px;
  423. }
  424.  
  425. /*pagination*/
  426.  
  427. footer {
  428. text-align:center;
  429. color:{color:link};
  430. }
  431.  
  432. footer a {
  433. border:0;
  434. margin:0 5px;
  435. }
  436.  
  437. /*posts*/
  438.  
  439. section {
  440. width:540px;
  441. margin:0px auto 100px auto;
  442. }
  443.  
  444. .city {
  445. opacity: 1;
  446. animation-name: fadeInOpacity;
  447. animation-iteration-count: 1;
  448. animation-timing-function: ease-in;
  449. animation-duration: 0.90s;
  450. }
  451.  
  452. @keyframes fadeInOpacity {
  453. 0% {
  454. opacity: 0;
  455. }
  456. 100% {
  457. opacity: 1;
  458. }
  459. }
  460.  
  461. .posts {
  462. width:540px;
  463. text-align:justify;
  464. }
  465.  
  466. .posts:not(:last-child) {
  467. {block:indexpage}
  468. margin-bottom:150px;
  469. {/block:indexpage}
  470. }
  471.  
  472. /*quotes*/
  473.  
  474. .quote:before {
  475. content:'\e925';
  476. font-family:'honeybee';
  477. float:left;
  478. opacity:0.2;
  479. font-size:12px;
  480. }
  481.  
  482. .quote:after {
  483. content:'\e923';
  484. font-family:'honeybee';
  485. float:right;
  486. opacity:0.2;
  487. font-size:12px;
  488. }
  489.  
  490. .quote {
  491. font-size:14px;
  492. color:{color:text};
  493. text-transform:uppercase;
  494. text-align:center;
  495. font-size:17px;
  496. font-family: 'Rajdhani', sans-serif;
  497. text-transform:uppercase;
  498. font-weight:normal;
  499. background: #fff;
  500. border:1px solid #f6f6f6;
  501. border-bottom:0px;
  502. padding:15px;
  503. }
  504.  
  505. .source {
  506. text-align:center;
  507. font-style:italic;
  508. padding:15px;
  509. background: #fbfbfb;
  510. border:1px solid #f6f6f6;
  511. }
  512.  
  513.  
  514. /*titles*/
  515.  
  516. .title {
  517. font-size:17px;
  518. margin:1em 0;
  519. font-family:{select:secondary font}, sans-serif;
  520. color:{color:text};
  521. text-transform:uppercase;
  522. font-weight:{select:title font weight};
  523. }
  524.  
  525. .title a {color:{color:title};}
  526.  
  527. .title a:hover {color:{color:link};}
  528.  
  529. /*captions*/
  530.  
  531. .commenter {
  532. list-style:none;
  533. background: #fff;
  534. border:1px solid #f6f6f6;
  535. border-bottom:0px;
  536. text-align:left;
  537. padding:15px;
  538. }
  539.  
  540. .comment {
  541. padding:10px;
  542. background: #fbfbfb;
  543. border:1px solid #f6f6f6;
  544. border-bottom:0px;
  545. list-style:none;
  546. }
  547.  
  548. .comment:last-of-type {
  549. border-bottom:1px solid #f6f6f6;
  550. }
  551.  
  552. .user {
  553. margin-left:3px
  554. line-height:18px;
  555. display:inline-block;
  556. color:{color:title};
  557. }
  558.  
  559. .user x {
  560. font-weight:bold;
  561. }
  562.  
  563. .user img {
  564. vertical-align:middle;
  565. border-radius:50%;
  566. width: 18px;
  567. height: 18px;
  568. margin-right:8px;
  569. display:inline-block;
  570. float:left;
  571. }
  572.  
  573. .tex li, .tex blockquote {text-align:left;}
  574.  
  575. /*like*/
  576.  
  577. .buttons a {
  578. font-size:10px;
  579. position:relative;
  580. display:inline-block;
  581. }
  582.  
  583. .buttons a:not(:last-child) {
  584. margin-right:5px;
  585. }
  586.  
  587. .custom-like-button {
  588. position: relative;
  589. display: inline-block;
  590. cursor: pointer;
  591. }
  592.  
  593. /* class for the Tumblr Like Button iframe */
  594.  
  595. .like_button {
  596. position: absolute;
  597. top: -03px;
  598. left: 03px;
  599. right: 0;
  600. bottom: 0px;
  601. width: 11px;
  602. height: 11px;
  603. opacity:0.000001;
  604. z-index: 10;
  605. }
  606.  
  607. /* Force iframe to fill button */
  608. .like_button iframe {
  609. width: 100% !important;
  610. height: 100% !important;
  611. }
  612.  
  613. /* class for Our Like Button */
  614. .our_button {
  615. position: absolute;
  616. top: 0;
  617. left: 0;
  618. right: 0;
  619. bottom: 0;
  620. width: 100%;
  621. height: 100%;
  622. z-index: 1;
  623. }
  624.  
  625. .like_button:hover + .our_button {
  626. color: {color:link hover};
  627. }
  628.  
  629. .like_button.liked + .our_button {
  630. color: red;
  631. }
  632.  
  633. /*asks*/
  634.  
  635. .asks {
  636. width:540px;
  637. }
  638.  
  639. .q {
  640. background: #fff;
  641. border:1px solid #f6f6f6;
  642. border-bottom:0px;
  643. text-align:left;
  644. padding:15px;
  645. }
  646.  
  647. .as {
  648. text-transform:lowercase;
  649. }
  650.  
  651. /*chat*/
  652.  
  653. .chat {
  654. margin-left:-0px;
  655. width:540px;
  656. text-align:left;
  657. list-style:none;
  658. }
  659.  
  660. .l {
  661. padding:15px;
  662. border:1px solid #f6f6f6;
  663. }
  664.  
  665. .label {
  666. font-weight:600;
  667. color:{color:title};
  668. display:inline-block;
  669. }
  670.  
  671. .l.odd {
  672. background: #fff;
  673. text-align:left;
  674. border-bottom:0px;
  675. }
  676.  
  677. .l.even {
  678. background: #fbfbfb;
  679. border-bottom:0px;
  680. }
  681.  
  682. .l.even:last-child {
  683. border-bottom:1px solid #f6f6f6;
  684. }
  685.  
  686. /*video*/
  687.  
  688. .video iframe {
  689. display: block;
  690. }
  691.  
  692. /*permalink and notes*/
  693.  
  694. .permalink {
  695. margin:1em 1em 0 1em;
  696. text-align:left;
  697. }
  698.  
  699. .permalink a {
  700. font-size:12px;
  701. color:{color:link};
  702. }
  703.  
  704. .permalink a:not(:last-child) {
  705. margin-right:1em;
  706. }
  707.  
  708. .permalink a:hover {
  709. color:{color:link hover};
  710. }
  711.  
  712. .tags {
  713. margin:0.5em 1em;
  714. }
  715.  
  716. .tags a {
  717. color:{color:text};
  718. display:inline;
  719. margin-right:1em;
  720. text-align:left;
  721. font-style:italic;
  722. }
  723.  
  724. .tags a:after {
  725. content:',';
  726. }
  727.  
  728. .tags a:last-child:after {
  729. content:'.';
  730. }
  731. /*pagenotes*/
  732.  
  733. .pagenotes {
  734. width:540px;
  735. margin-top:50px;
  736. padding-top:0;
  737. }
  738.  
  739. /*links tab*/
  740.  
  741. .links table, td, tr {
  742. padding:0 0 40px 0;
  743. }
  744.  
  745. nm {
  746. font-weight:normal;
  747. font-style:italic;
  748. margin-right:20px;
  749. }
  750.  
  751. .links a {
  752. float:left;
  753. display: inline-block;
  754. margin:0.60em;
  755. background:#fbfbfb;
  756. border:1px solid #f6f6f6;
  757. padding:5px;
  758. }
  759.  
  760. /*pagenotes*/
  761.  
  762. ol li:before {
  763. content:'';
  764. }
  765.  
  766. ol.notes {
  767. list-style-type:none;
  768. padding:0px;
  769. margin:0px;
  770. }
  771.  
  772. ol.notes li.note {
  773. display:block;
  774. padding:0;
  775. margin:5px 0;
  776. }
  777.  
  778. ol.notes li.note img.avatar {display:none;}
  779.  
  780. a.more_notes_link {
  781. display:block;
  782. text-align:center;
  783. color:{color:title};
  784. }
  785. .credit {
  786. position:fixed;
  787. right:10px;
  788. bottom:15px;
  789. font-weight:600;
  790. }
  791.  
  792. .credit a {
  793. color:#000000;
  794. }
  795.  
  796. {CustomCSS}
  797.  
  798. /*smooth loading*/
  799.  
  800. @-webkit-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
  801. @-moz-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
  802. @keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
  803. .fade-in {
  804. opacity:0;
  805. -webkit-animation:fadeIn ease-in 1;
  806. -moz-animation:fadeIn ease-in 1;
  807. animation:fadeIn ease-in 1;
  808. -webkit-animation-fill-mode:forwards;
  809. -moz-animation-fill-mode:forwards;
  810. animation-fill-mode:forwards;
  811. -webkit-animation-duration:1s;
  812. -moz-animation-duration:1s;
  813. animation-duration:1s;}
  814. .fade-in.one {
  815. -webkit-animation-delay:0s;
  816. -moz-animation-delay:0s;
  817. animation-delay:0s;}
  818. .fade-in.two {
  819. -webkit-animation-delay:0.8s;
  820. -moz-animation-delay:0.8s;
  821. animation-delay:0.8s;}
  822.  
  823. </style>
  824.  
  825. </head>
  826. <body>
  827.  
  828. <header>
  829. {block:ifHeaderImage}<a href="/"><img src="{image:Header}"/></a>{/block:ifHeaderImage}
  830. <div class="blogtitle"><a href="/">{Title}</a></div>
  831. <div id="description">{Description}</div>
  832. <div class="nav">
  833. {block:ifnavigationicons}
  834. <button class="w3-bar-item w3-button" onclick="openCity('London')" title="{text:index tab title}"><i class="far fa-eye"></i></a></button>
  835. <button class="w3-bar-item w3-button" onclick="openCity('Paris')" title="{text:ask tab title}"><i class="far fa-envelope"></i></button>
  836. {block:iftab1name}<button class="w3-bar-item w3-button" onclick="openCity('Tokyo')" title="{text:tab 1 title}"><i class="far fa-user"></i></button>{/block:iftab1name}
  837. {block:iftab2name}<button class="w3-bar-item w3-button" onclick="openCity('Rio')" title="{text:tab 2 title}"><i class="far fa-lightbulb"></i></button>{/block:iftab2name}
  838. {block:iftab3name}<button class="w3-bar-item w3-button" onclick="openCity('Seoul')" title="{text:tab 3 title}"><i class="fas fa-bars"></i></button>{/block:iftab3name}
  839. {/block:ifnavigationicons}
  840.  
  841. {block:ifnotnavigationicons}
  842. <button class="w3-bar-item w3-button" onclick="openCity('London')" title="{text:index tab title}">index</a></button>
  843. <button class="w3-bar-item w3-button" onclick="openCity('Paris')" title="{text:ask tab title}">{text:ask tab name}</button>
  844. {block:iftab1name}<button class="w3-bar-item w3-button" onclick="openCity('Tokyo')" title="{text:tab 1 title}">{text:tab 1 name}</button>{/block:iftab1name}
  845. {block:iftab2name}<button class="w3-bar-item w3-button" onclick="openCity('Rio')" title="{text:tab 2 title}">{text:tab 2 name}</button>{/block:iftab2name}
  846. {block:iftab3name}<button class="w3-bar-item w3-button" onclick="openCity('Seoul')" title="{text:tab 3 title}">{text:tab 3 name}</button>{/block:iftab3name}
  847. {/block:ifnotnavigationicons}
  848.  
  849. {block:iflink1name}<a href="{text:link 1 url}" title="{text:link 1 title}">{text:link 1 name}</a>{/block:iflink1name}{block:iflink2name}<a href="{text:link 2 url}" title="{text:link 2 title}">{text:link 2 name}</a>{/block:iflink2name}{block:iflink3name}<a href="{text:link 3 url}" title="{text:link 3 title}">{text:link 3 name}</a>{/block:iflink3name}{block:iflink4name}<a href="{text:link 4 url}" title="{text:link 4 title}">{text:link 4 name}</a>{/block:iflink4name}
  850.  
  851. {block:ifnavigationicons}
  852. {block:ifarchivename}<a href="/archive" title="{text:archive title}"><i class="far fa-clock"></i></a>{/block:ifarchivename}
  853. {/block:ifnavigationicons}
  854. {block:ifnotnavigationicons}
  855. {block:ifarchivename}<button href="/archive" title="{text:archive title}">{text:archive name}</button>{/block:ifarchivename}
  856. {/block:ifnotnavigationicons}
  857. </div><!--end of nav-->
  858.  
  859. </header>
  860.  
  861. <div id="London" class="city">
  862. <section id="entries" class="fade-in one">{block:posts}
  863. <article class="posts" id="{PostID}">
  864.  
  865. {block:Quote}
  866. <div class="quote">{quote}</div>
  867. {block:Source}<div class="source">— {source}</div>{/block:Source}
  868. {/block:Quote}
  869.  
  870. {block:Text}
  871. {block:Title}<div class="title">{title}</div>{/block:Title}
  872. {block:RebloggedFrom}
  873. {block:Reblogs}
  874. <li class="commenter">
  875. <a {block:haspermalink}href="{Permalink}"{/block:haspermalink} class="user" target="_blank"> <img src="{PortraitURL-64}"><x>{username}</x></a>
  876. </li>
  877. <li class="comment">
  878. {body}
  879. </li>
  880. {/block:Reblogs}
  881. {/block:RebloggedFrom}
  882. {block:NotReblog}
  883. <li class="comment {block:Title}ted{/block:Title}">
  884. {body}
  885. </li>
  886. {/block:NotReblog}
  887. {/block:Text}
  888.  
  889. {block:Link}<div class="title"><a href="{URL}">{name}</a></div>
  890. {block:Description}
  891. {block:NotReblog}
  892. <li class="comment ted">
  893. {description}
  894. </li>
  895. {/block:NotReblog}
  896. {/block:Description}
  897. {block:RebloggedFrom}
  898. {block:Reblogs}
  899. <li class="comment">
  900. <a {block:haspermalink}href="{Permalink}"{/block:haspermalink} class="user" target="_blank"><img src="{PortraitURL-64}"> <x>{username}</x></a>
  901. <div class="tex">{body}</div>
  902. </li>
  903. {/block:Reblogs}
  904. {/block:RebloggedFrom}
  905. {/block:Link}
  906.  
  907. {block:Chat}
  908. {block:Title}<div id="title">{title}</div>{/block:Title}
  909. <ol class="chat {block:Title}ted{/block:Title}">
  910. {block:lines}
  911. <li class="l {Alt}">
  912. {block:label}<span class="label">{label}</span>{/block:label} {line}
  913. </li>
  914. {/block:lines}
  915. </ol>
  916. {/block:Chat}
  917.  
  918. {block:Photo}{linkopentag}<img src="{photoURL-HighRes}" alt="{PhotoAlt}"/>{linkclosetag}{/block:Photo}
  919.  
  920. {block:Photoset}
  921. <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>
  922. {/block:Photoset}
  923.  
  924. {block:Video}<div class="video">{Video-500}</div>{/block:Video}
  925.  
  926. {block:Audio}
  927. <div class="audio">
  928. {block:AudioEmbed}{AudioEmbed width="540px"}{/block:AudioEmbed}
  929. </div>
  930. {/block:Audio}
  931.  
  932. {block:Answer}
  933. <div class="q"><span class="as"><b>{Asker}</b> sent:</span> {Question}</div>
  934. {block:Answerer}
  935. <li class="commenter"><div class="user">{answerer}</div> replied:</li>
  936. <li class="comment">{answer}</li>
  937. {/block:Answerer}
  938. {block:NotReblog}
  939. <li class="comment reply">{replies}</li>
  940. {/block:NotReblog}
  941. {block:RebloggedFrom}
  942. {block:Reblogs}
  943. <li class="comment">
  944. <a {block:haspermalink}href="{Permalink}"{/block:haspermalink} class="user" target="_blank"><img src="{PortraitURL-64}"> <x>{username}</x></a>
  945. <div class="tex">{body}</div>
  946. </li>
  947. {/block:Reblogs}
  948. {/block:RebloggedFrom}
  949. {/block:Answer}
  950.  
  951. {block:caption}
  952. {block:Reblogs}
  953. <li class="commenter">
  954. <a {block:haspermalink}href="{Permalink}"{/block:haspermalink} class="user" target="_blank"> <img src="{PortraitURL-64}"><x>{username}</x></a>
  955. </li>
  956. <li class="comment">
  957. {body}
  958. </li>
  959. {/block:Reblogs}
  960. {block:NotReblog}
  961. <li class="comment">
  962. {caption}
  963. </li>
  964. {/block:NotReblog}
  965. {/block:caption}
  966.  
  967. {block:Date}
  968.  
  969. <div class="permalink">
  970. <a href="{permalink}" title="{Month} {DayofMonth}" class="ts"><b>{12Hour}:{Minutes} {AmPm}</b></a> {block:NoteCount}<a href="{permalink}" class="notecount">{NoteCount}</a>{/block:NoteCount}
  971. <span class="buttons" style="margin-left:5px;float:right;margin-right:0">
  972. {block:permalinkpage}{block:RebloggedFrom}<a href="{ReblogParentURL}" title="{ReblogParentName}"><span class="th th-compass-2-o"></span></a>{/block:RebloggedFrom}{/block:permalinkpage}
  973. <a href="{ReblogURL}" target="_blank"><span class="th th-counter-arrow" style="font-size:13px" title="reblog post"></span></a>
  974. <span class="custom-like-button">{LikeButton}<a class="our_button"><span class="th th-heart-1-o" title="like post"></span></a></span>
  975. </span>
  976. </div>
  977.  
  978. {block:hastags}
  979. <div class="tags">{block:Tags}<a href="{TagUrl}">{Tag}</a>{/block:Tags}</div>
  980. {/block:hasTags}
  981. {/block:Date}
  982.  
  983. </article>
  984.  
  985. {/block:Posts}
  986.  
  987. {block:PostNotes}
  988. <article class="posts pagenotes">
  989. {PostNotes}
  990. </article>
  991. {/block:PostNotes}
  992.  
  993. {block:Pagination}
  994. <footer id="pagination">
  995. {block:PreviousPage}<a href="{PreviousPage}">back</a>/{/block:PreviousPage}{block:NextPage}<a href="{NextPage}">next</a>{/block:NextPage}
  996. </footer>
  997. {/block:Pagination}
  998. </div>
  999. </section>
  1000.  
  1001. <section id="tabs">
  1002.  
  1003. <!--ask tab-->
  1004. <div id="Paris" class="city" style="display:none">
  1005. <iframe frameborder="0" scrolling="no" width="100%" height="190" src="https://www.tumblr.com/ask_form/{name}.tumblr.com" id="ask_form"></iframe><!--[if IE]><script type="text/javascript">document.getElementById('ask_form').allowTransparency=true;</script><![endif]-->
  1006. </div>
  1007.  
  1008. <!--tab 1-->
  1009. {block:iftab1name}
  1010. <div id="Tokyo" class="city" style="display:none">
  1011. <p>Write your content here.</p>
  1012. </div>
  1013. {/block:iftab1name}
  1014.  
  1015. <!--tab 2-->
  1016. <div id="Rio" class="city" style="display:none">
  1017. <b>update heading</b>
  1018. <ul>
  1019. <li>update here</li>
  1020. <li>update here</li>
  1021. <li>update here</li>
  1022. </ul>
  1023. <br>
  1024. <b>update heading</b>
  1025. <ol>
  1026. <li><s>request one</s></li>
  1027. <li>request two</li>
  1028. </ol>
  1029. </div>
  1030.  
  1031. <!--tab 3-->
  1032. <div id="Seoul" class="city" style="display:none">
  1033.  
  1034. <table class="links">
  1035. <tr>
  1036. <td style="width:20%"><nm>links heading</nm></td>
  1037. <td style="width:80%">
  1038. <a href="link url"> link name </a>
  1039. <a href="link url"> link name </a>
  1040. <a href="link url"> link name </a>
  1041. <a href="link url"> link name </a>
  1042. <a href="link url"> link name </a>
  1043. <a href="link url"> link name </a>
  1044. <a href="link url"> link name </a>
  1045. <a href="link url"> link name </a>
  1046. <a href="link url"> link name </a>
  1047. <a href="link url"> link name </a>
  1048. </td>
  1049. </tr>
  1050. <tr>
  1051. <td style="width:20%"><nm>links heading</nm></td>
  1052. <td style="width:80%">
  1053. <a href="link url"> link name </a>
  1054. <a href="link url"> link name </a>
  1055. <a href="link url"> link name </a>
  1056. <a href="link url"> link name </a>
  1057. <a href="link url"> link name </a>
  1058. </td>
  1059. </tr>
  1060. </table>
  1061.  
  1062. </div>
  1063.  
  1064. </section>
  1065.  
  1066.  
  1067. <script>
  1068. var $container = $('.posts');
  1069. $container.find('.notecount').each(function(){
  1070. var n = $(this).html().split(' ')[0].replace(/,/g, '');
  1071. if (n > 999) {
  1072. n = Math.floor(n / 100) / 10;
  1073. $(this).text(n + 'k');
  1074. }
  1075. });
  1076. $(document).ready(function() {
  1077. $('body').tooltip({track:false});
  1078. $('iframe.tumblr_audio_player').load( function() {
  1079. $('iframe.tumblr_audio_player').contents().find("head")
  1080. .append($("<style type='text/css'> .audio-player{background:{color:accent} !important} </style>"));
  1081. });
  1082. });
  1083. $(document).ready(function(){
  1084. $('.photo-slideshow').pxuPhotoset({
  1085. lightbox: true,
  1086. rounded: false,
  1087. gutter: '4px',
  1088. borderRadius: '2px',
  1089. photoset: '.photo-slideshow',
  1090. photoWrap: '.photo-data',
  1091. photo: '.pxu-photo'
  1092. });
  1093. });
  1094. function openCity(cityName) {
  1095. var i;
  1096. var x = document.getElementsByClassName("city");
  1097. for (i = 0; i < x.length; i++) {
  1098. x[i].style.display = "none";
  1099. }
  1100. document.getElementById(cityName).style.display = "block";
  1101. }
  1102. </script>
  1103.  
  1104. {block:ContentSource}
  1105. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  1106. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  1107. {/block:SourceLogo}
  1108. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  1109. {/block:ContentSource}
  1110.  
  1111. <div class="credit"><a href="http://captainmarvels.tumblr.com/" title="ananda themes"><span class="sf sf-alien-o"></span></a></div>
  1112.  
  1113. <div class="hcontrols"><svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 216 216" enable-background="new 0 0 216 216" xml:space="preserve"><path d="M106.6,134c14.3,0,26-11.7,26-26s-11.7-26-26-26s-26,11.7-26,26S92.2,134,106.6,134z M106.6,94c7.7,0,14,6.3,14,14s-6.3,14-14,14s-14-6.3-14-14S98.9,94,106.6,94z M40.4,124.6l7.2,3.3c3,1.4,4.4,4.8,3.3,7.9l-2.8,7.4c-2.1,5.7-1.4,11.8,2.1,16.7c3.4,5,9,7.9,15,7.9c2.2,0,4.4-0.4,6.5-1.2l7.4-2.8c0.7-0.3,1.4-0.4,2.2-0.4c2.4,0,4.7,1.4,5.7,3.7l3.3,7.2c3,6.6,9.4,10.7,16.6,10.7s13.6-4.1,16.6-10.7l3.3-7.2c1-2.2,3.2-3.7,5.7-3.7c0.7,0,1.5,0.1,2.2,0.4l7.4,2.8c2.1,0.8,4.3,1.2,6.5,1.2c0,0,0,0,0,0c5.9,0,11.5-3,15-7.9c3.4-5,4.2-11.1,2.1-16.7l-2.8-7.4c-1.1-3.1,0.3-6.5,3.3-7.9l7.2-3.3c6.6-3,10.7-9.4,10.7-16.6s-4.1-13.6-10.7-16.6l-7.2-3.3c-3-1.4-4.4-4.8-3.3-7.9l2.8-7.4c2.1-5.7,1.4-11.8-2.1-16.7c-3.4-5-9-7.9-15-7.9c-2.2,0-4.4,0.4-6.5,1.2l-7.4,2.8c-0.7,0.3-1.4,0.4-2.2,0.4c-2.4,0-4.7-1.4-5.7-3.7l-3.3-7.2c-3-6.6-9.4-10.7-16.6-10.7S93,35.2,90,41.8l-3.3,7.2c-1,2.2-3.2,3.7-5.7,3.7c-0.7,0-1.5-0.1-2.2-0.4l-7.4-2.8c-2.1-0.8-4.3-1.2-6.5-1.2c-5.9,0-11.5,3-15,7.9c-3.4,5-4.2,11.1-2.1,16.7l2.8,7.4c1.1,3.1-0.3,6.5-3.3,7.9l-7.2,3.3c-6.6,3-10.7,9.4-10.7,16.6S33.8,121.6,40.4,124.6z M45.3,102.3l7.2-3.3c8.7-4,12.9-14.1,9.5-23l-2.8-7.4c-1-2.7,0-4.7,0.7-5.7c1.6-2.4,4.6-3.4,7.4-2.3l7.4,2.8c2.1,0.8,4.2,1.2,6.4,1.2c0,0,0,0,0,0c7.1,0,13.6-4.2,16.6-10.7l3.3-7.2c1.5-3.4,4.7-3.7,5.7-3.7s4.1,0.3,5.7,3.7l3.3,7.2c3,6.5,9.5,10.7,16.6,10.7c2.2,0,4.3-0.4,6.4-1.2l7.4-2.8c2.8-1,5.7,0,7.4,2.3c0.7,1,1.7,3,0.7,5.7l-2.8,7.4c-3.3,8.9,0.8,19,9.5,23l7.2,3.3c3.4,1.5,3.7,4.7,3.7,5.7s-0.3,4.1-3.7,5.7l-7.2,3.3c-8.7,4-12.9,14.1-9.5,23l2.8,7.4c1,2.7,0,4.7-0.7,5.7c-1.6,2.4-4.6,3.4-7.4,2.3l-7.4-2.8c-2.1-0.8-4.2-1.2-6.4-1.2c-7.1,0-13.6,4.2-16.6,10.7l-3.3,7.2c-1.5,3.4-4.7,3.7-5.7,3.7s-4.1-0.3-5.7-3.7l-3.3-7.2c-3-6.5-9.5-10.7-16.6-10.7c-2.2,0-4.3,0.4-6.4,1.2l-7.4,2.8c-2.8,1-5.7,0-7.4-2.3c-0.7-1-1.7-3-0.7-5.7l2.8-7.4c3.3-8.9-0.8-19-9.5-23l-7.2-3.3c-3.4-1.5-3.7-4.7-3.7-5.7S41.9,103.9,45.3,102.3z"/></svg></div>
  1114.  
  1115. </body></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!