API tools faq
paste
Advertisement
plutoniumthm

Theme 01 - Ōdaigahara [updated 09.23.2020]

plutoniumthm
Jun 11th, 2019 (edited)
1,353
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 23.61 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4.  
  5. <!---
  6.  
  7. Ōdaigahara 大台ヶ原山
  8. astrocodes @ tumblr.com
  9.  
  10. --->
  11.  
  12. <meta name="color:Background" content="#fff">
  13. <meta name="color:Sidebar 1 BG" content="#30BCED">
  14. <meta name="color:Sidebar 2 and Header BG" content="#fff">
  15. <meta name="color:Nav Headers" content="#30BCED">
  16. <meta name="color:Nav Link Hover" content="#30BCED">
  17. <meta name="color:Text" content="#272e40">
  18.  
  19. <meta name="if:Sidebar 1 Shadow" content="1">
  20.  
  21. <meta name="text:Nav Link BG Hover" content="48,188,237">
  22.  
  23. <meta name="text:Nav Header 1 Title" content="Nav header 1">
  24. <meta name="text:Nav Section 1 Link 1 Name" content="One">
  25. <meta name="text:Nav Section 1 Link 1 URL" content="/">
  26. <meta name="text:Nav Section 1 Link 2 Name" content="Two">
  27. <meta name="text:Nav Section 1 Link 2 URL" content="/">
  28. <meta name="text:Nav Section 1 Link 3 Name" content="Three">
  29. <meta name="text:Nav Section 1 Link 3 URL" content="/">
  30.  
  31. <meta name="text:Nav Header 2 Title" content="Nav header 2">
  32. <meta name="text:Nav Section 2 Link 1 Name" content="One">
  33. <meta name="text:Nav Section 2 Link 1 URL" content="/">
  34. <meta name="text:Nav Section 2 Link 2 Name" content="Two">
  35. <meta name="text:Nav Section 2 Link 2 URL" content="/">
  36. <meta name="text:Nav Section 2 Link 3 Name" content="Three">
  37. <meta name="text:Nav Section 2 Link 3 URL" content="/">
  38.  
  39. <meta name="select:Font" content="Space Mono" title="Space Mono">
  40. <meta name="select:Font" content="Roboto Mono" title="Roboto Mono">
  41. <meta name="select:Font" content="Overpass" title="Overpass">
  42. <meta name="select:Font" content="Roboto" title="Roboto">
  43. <meta name="select:Font" content="Segoe UI" title="Segoe UI">
  44. <meta name="select:Font" content="Karla" title="Karla">
  45.  
  46. <meta name="select:Sidebar Icon" content="fal fa-acorn" title="Acorn">
  47. <meta name="select:Sidebar Icon" content="fal fa-ankh" title="Ankh">
  48. <meta name="select:Sidebar Icon" content="fal fa-apple-alt" title="Apple">
  49. <meta name="select:Sidebar Icon" content="fal fa-atom" title="Atom">
  50. <meta name="select:Sidebar Icon" content="fal fa-atom-alt" title="Atom 2">
  51. <meta name="select:Sidebar Icon" content="fal fa-bacon" title="Bacon">
  52. <meta name="select:Sidebar Icon" content="fal fa-bat" title="Bat">
  53. <meta name="select:Sidebar Icon" content="fal fa-bolt" title="Bolt">
  54. <meta name="select:Sidebar Icon" content="fal fa-bomb" title="Bomb">
  55. <meta name="select:Sidebar Icon" content="fal fa-bone" title="Bone">
  56. <meta name="select:Sidebar Icon" content="fal fa-burger-soda" title="Burger and Soda">
  57. <meta name="select:Sidebar Icon" content="fal fa-burn" title="Flame 1">
  58. <meta name="select:Sidebar Icon" content="fal fa-burrito" title="Burrito">
  59. <meta name="select:Sidebar Icon" content="fal fa-candy-cane" title="Candy Cane">
  60. <meta name="select:Sidebar Icon" content="fal fa-carrot" title="Carrot">
  61. <meta name="select:Sidebar Icon" content="fal fa-cheese-swiss" title="Cheese">
  62. <meta name="select:Sidebar Icon" content="fal fa-cheeseburger" title="Cheeseburger">
  63. <meta name="select:Sidebar Icon" content="fal fa-comment-alt-smile" title="Smile Comment">
  64. <meta name="select:Sidebar Icon" content="fal fa-croissant" title="Croissant">
  65. <meta name="select:Sidebar Icon" content="fal fa-dice-d20" title="D20">
  66. <meta name="select:Sidebar Icon" content="fal fa-egg" title="Egg">
  67. <meta name="select:Sidebar Icon" content="fal fa-egg-fried" title="Fried Egg">
  68. <meta name="select:Sidebar Icon" content="fal fa-feather-alt" title="Feather">
  69. <meta name="select:Sidebar Icon" content="fal fa-fire-alt" title="Flame 2">
  70. <meta name="select:Sidebar Icon" content="fal fa-flower-tulip" title="Flower">
  71. <meta name="select:Sidebar Icon" content="fal fa-gingerbread-man" title="Gingerbread Man">
  72. <meta name="select:Sidebar Icon" content="fal fa-glasses" title="Glasses">
  73. <meta name="select:Sidebar Icon" content="fal fa-hand-holding-heart" title="Heart Hand">
  74. <meta name="select:Sidebar Icon" content="fal fa-hand-holding-seedling" title="Seedling Hand">
  75. <meta name="select:Sidebar Icon" content="fal fa-hand-spock" title="Vulcan Salute">
  76. <meta name="select:Sidebar Icon" content="fal fa-heart" title="Heart">
  77. <meta name="select:Sidebar Icon" content="fal fa-heart-circle" title="Circle Heart">
  78. <meta name="select:Sidebar Icon" content="fal fa-leaf" title="Leaf">
  79. <meta name="select:Sidebar Icon" content="fal fa-leaf-maple" title="Maple Leaf">
  80. <meta name="select:Sidebar Icon" content="fal fa-leaf-heart" title="Heart Leaf">
  81. <meta name="select:Sidebar Icon" content="fal fa-lemon" title="Lemon">
  82. <meta name="select:Sidebar Icon" content="fal fa-moon-stars" title="Moon">
  83. <meta name="select:Sidebar Icon" content="fal fa-narwhal" title="Narwhal">
  84. <meta name="select:Sidebar Icon" content="fal fa-rocket" title="Rocket">
  85. <meta name="select:Sidebar Icon" content="fal fa-seedling" title="Seedling">
  86. <meta name="select:Sidebar Icon" content="fal fa-soup" title="Soup">
  87. <meta name="select:Sidebar Icon" content="fal fa-space-shuttle" title="Space Shuttle">
  88. <meta name="select:Sidebar Icon" content="fal fa-star" title="Star">
  89. <meta name="select:Sidebar Icon" content="fal fa-sun" title="Sun">
  90. <meta name="select:Sidebar Icon" content="fal fa-thunderstorm" title="Thunder Cloud">
  91. <meta name="select:Sidebar Icon" content="fal fa-tree" title="Pine Tree">
  92. <meta name="select:Sidebar Icon" content="fal fa-tree-alt" title="Oak Tree">
  93. <meta name="select:Sidebar Icon" content="fal fa-triangle" title="Triangle">
  94. <meta name="select:Sidebar Icon" content="fal fa-whale" title="Whale">
  95. <meta name="select:Sidebar Icon" content="fal fa-wheat" title="Wheat">
  96. <meta name="select:Sidebar Icon" content="fal fa-yin-yang" title="Yin and Yang">
  97.  
  98. <script src="https://kit.fontawesome.com/3faf027509.js" crossorigin="anonymous"></script>
  99.  
  100. <link href="https://fonts.googleapis.com/css?family=Roboto+Mono:400,400i,500,500i,700,700i|Space+Mono:400,400i,700,700i|Overpass:400,400i,700,700i|Roboto:400,400i,700,700i|Karla:400,700&display=swap" rel="stylesheet">
  101.  
  102.  
  103. <!--- SCRIPTS --->
  104.  
  105. <script src="https://cdnjs.cloudflare.com/ajax/libs/smoothscroll/1.4.9/SmoothScroll.min.js"></script>
  106.  
  107. <script src="//code.jquery.com/jquery-2.2.4.min.js"></script>
  108. <script src="https://static.tumblr.com/wgg6svp/OoTofxa0c/unnest.min.js"></script>
  109.  
  110. <script> $(function(){ $('article').unnest({
  111. yourCaption: ".caption", //your caption selector, the div wrapping {Caption}
  112. wrapName: ".tumblr_parent", //the name of the captions’ new wrapper
  113. newCaptionUsername: false, //if the user adds a new caption, following a series of captions, show their username above the caption
  114. originalPostCaptionUsername: false, //for the original captions, or a user-added caption that previously didn’t have any, have their username on it
  115. tumblrAvatars: true, //”dashboard style” caption, have the avatar of the blog next to the username
  116. tumblrAvatarClass: ".tumblr_avatar", //class of the avatar next to the username
  117. usernameColon: false //if turned to false, removes the colon at the end of usernames
  118. }); }); </script>
  119.  
  120. <link href="https://static.tumblr.com/qudkd6d/OcDnl99gb/style.css" rel="stylesheet" type="text/css"/>
  121.  
  122. <script src="https://static.tumblr.com/yxfeliq/hHwojmt8m/bctphotoset.min.js"></script>
  123.  
  124. <style>
  125.  
  126. body {
  127. background-color:{color:background};
  128. font-family:'{select:font}';
  129. cursor:url(https://66.media.tumblr.com/e6b454c13b4c472bbb962db1542b4247/tumblr_inline_pm3vyarRHM1rdf769_75sq.png), auto;
  130. margin:0;
  131. }
  132.  
  133. a {
  134. transition:0.3s;
  135. text-decoration:none;
  136. color:{color:sidebar 1 bg};
  137. font-weight:700;
  138. }
  139.  
  140. a:hover {
  141. transition:0.3s;
  142. cursor:url(https://66.media.tumblr.com/fa566915bb992293feb5dd3cde01fd1f/tumblr_inline_pm3vyaXAQY1rdf769_75sq.png), auto;
  143. color:{color:text};
  144. }
  145.  
  146. ::selection {
  147. background:{color:sidebar 1 bg};
  148. color:#fff;
  149. }
  150.  
  151.  
  152.  
  153. /* --- FIRST SIDEBAR --- */
  154.  
  155. .sidebar-1 {
  156. position:fixed;
  157. height:100%;
  158. left:0;
  159. top:0;
  160. padding:30px;
  161. width:40px;
  162. background-color:{color:sidebar 1 bg};
  163. {block:ifsidebar1shadow}
  164. box-shadow: 6px 0px 35px -15px {color:sidebar 1 bg};
  165. {/block:ifsidebar1shadow}
  166. text-align:center;
  167. z-index:1;
  168. }
  169.  
  170. .fa-acorn, .fa-ankh, .fa-apple-alt, .fa-atom, .fa-atom-alt, .fa-bacon, .fa-bat, .fa-bolt, .fa-bomb, .fa-bone, .fa-burger-soda, .fa-burn, .fa-burrito, .fa-candy-cane, .fa-carrot, .fa-cheese-swiss, .fa-cheeseburger, .fa-comment-alt-smile, .fa-croissant, .fa-dice-d20, .fa-egg, .fa-egg-fried, .fa-feather-alt, .fa-fire-alt, .fa-flower-tulip, .fa-gingerbread-man, .fa-glasses, .fa-hand-holding-heart, .fa-hand-holding-seedling, .fa-hand-spock, .fa-heart, .fa-heart-circle, .fa-leaf, .fa-leaf-maple, .fa-leaf-heart, .fa-lemon, .fa-moon-stars, .fa-narwhal, .fa-rocket, .fa-seedling, .fa-soup, .fa-space-shuttle, .fa-star, .fa-sun, .fa-thunderstorm, .fa-tree, .fa-tree-alt, .fa-triangle, .fa-whale, .fa-wheat, .fa-yin-yang {
  171. color:rgba(255,255,255,0.7);
  172. font-size:30px;
  173. }
  174.  
  175. .sidebar-1-nav {
  176. font-size:20px;
  177. margin-top:45px;
  178. }
  179.  
  180. .sidebar-1-nav a {
  181. display:block;
  182. color:rgba(255,255,255,0.55);
  183. margin-bottom:45px;
  184. }
  185.  
  186. .sidebar-1-nav a:hover {
  187. color:rgba(255,255,255,0);
  188. }
  189.  
  190. .sidebar-1-nav-title {
  191. position:absolute;
  192. margin-top:-10px;
  193. margin-left:-33px;
  194. font-size:11px;
  195. text-align:center;
  196. font-weight:700;
  197. background-color:{color:sidebar 1 bg};
  198. text-transform:uppercase;
  199. opacity:0;
  200. transition:0.25s;
  201. color:#fff;
  202. letter-spacing:1.5px;
  203. width:103px;
  204. }
  205.  
  206. .sidebar-1-nav a:hover .sidebar-1-nav-title {
  207. opacity:1;
  208. transition:0.4s;
  209. margin-top:-20px;
  210. margin-left:-33px;
  211. }
  212.  
  213.  
  214.  
  215. /* --- SECOND SIDEBAR --- */
  216.  
  217. .sidebar-2 {
  218. position:fixed;
  219. height:100%;
  220. margin-left:100px;
  221. top:0;
  222. padding:20px;
  223. width:220px;
  224. padding-top:115px;
  225. border-right:1px solid rgba(0,0,0,0.1);
  226. background-color:{color:sidebar 2 and header bg};
  227. }
  228.  
  229. .fa-circle {
  230. font-size:10px;
  231. margin-right:5px;
  232. vertical-align:middle;
  233. }
  234.  
  235. .nav-1-header {
  236. font-size:11px;
  237. text-transform:uppercase;
  238. font-weight:700;
  239. letter-spacing:1px;
  240. color:{color:nav headers};
  241. padding-left:20px;
  242. }
  243.  
  244. .nav-1 {
  245. font-size:13px;
  246. margin-top:10px;
  247. }
  248.  
  249. .nav-1 a {
  250. display:block;
  251. color:{color:text};
  252. font-weight:400;
  253. text-transform:capitalize;
  254. padding:10px;
  255. padding-left:45px;
  256. border-radius:5px;
  257. }
  258.  
  259. .nav-1 a:hover {
  260. background:rgba({text:nav link bg hover},0.1);
  261. color:{color:nav link hover};
  262. font-weight:700;
  263. padding-left:50px;
  264. }
  265.  
  266. .nav-2-header {
  267. font-size:11px;
  268. text-transform:uppercase;
  269. font-weight:700;
  270. letter-spacing:1px;
  271. color:{color:nav headers};
  272. padding-left:20px;
  273. margin-top:60px;
  274. }
  275.  
  276. .nav-2 {
  277. font-size:13px;
  278. margin-top:10px;
  279. }
  280.  
  281. .nav-2 a {
  282. display:block;
  283. color:{color:text};
  284. font-weight:400;
  285. text-transform:capitalize;
  286. padding:10px;
  287. padding-left:45px;
  288. border-radius:5px;
  289. }
  290.  
  291. .nav-2 a:hover {
  292. background:rgba({text:nav link bg hover},0.1);
  293. color:{color:nav link hover};
  294. font-weight:700;
  295. padding-left:50px;
  296. }
  297.  
  298.  
  299. /* --- HEADER --- */
  300.  
  301. .header {
  302. position:fixed;
  303. margin-left:361px;
  304. width:100%;
  305. padding:20px;
  306. padding-left:90px;
  307. padding-top:10px;
  308. padding-bottom:0px;
  309. top:0;
  310. background:{color:sidebar 2 and header bg};
  311. z-index:1;
  312. border-bottom:1px solid rgba(0,0,0,0.1);
  313. }
  314.  
  315. h1 {
  316. color:{color:text};
  317. font-size:30px;
  318. font-weight:700;
  319. text-transform:capitalize;
  320. }
  321.  
  322. .description {
  323. font-size:11px;
  324. font-style:italic;
  325. color:#929ca5;
  326. max-width:700px;
  327. }
  328.  
  329. .header-nav {
  330. font-size:12px;
  331. margin-top:40px;
  332. }
  333.  
  334. .header-nav a {
  335. display:inline-block;
  336. color:{color:text};
  337. text-align:center;
  338. margin-right:50px;
  339. padding-bottom:30px;
  340. border-bottom:2px solid transparent;
  341. font-weight:400;
  342. padding-right:2px;
  343. }
  344.  
  345. .header-nav a:hover {
  346. border-bottom:2px solid {color:sidebar 1 bg};
  347. font-weight:700;
  348. color:{color:text};
  349. }
  350.  
  351. .fa-plus, .fa-desktop, .fa-arrow-left, .fa-arrow-right {
  352. background:rgba({text:nav link bg hover},0.1);
  353. color:{color:nav link hover};
  354. font-size:10px;
  355. padding:3px;
  356. padding-top:4px;
  357. border-radius:5px;
  358. width:12px;
  359. text-align:center;
  360. margin-right:5px;
  361. vertical-align:middle;
  362. }
  363.  
  364.  
  365.  
  366. /* --- POSTS --- */
  367.  
  368. #wrapper {
  369. margin-left:400px;
  370. margin-top:165px;
  371. border-right:1px solid rgba(0,0,0,0.1);
  372. width:700px;
  373. padding-top:80px;
  374. height:100%;
  375. }
  376.  
  377. article {
  378. width:500px;
  379. padding-bottom:20px;
  380. margin-left:50px;
  381. margin-bottom:100px;
  382. border-bottom:1px solid rgba(0,0,0,0.1);
  383. }
  384.  
  385. article:last-child {
  386. border-bottom:none;
  387. }
  388.  
  389. article img {
  390. width:500px;
  391. }
  392.  
  393. .caption {
  394. margin-top:0px;
  395. margin-left:0px;
  396. }
  397.  
  398. .caption img {
  399. max-width:500px;
  400. margin-top:10px;
  401. }
  402.  
  403. /* reblogs */
  404. blockquote.tumblr_parent {
  405. margin-left:10px;
  406. padding-left:0px;
  407. padding-top:10px;
  408. padding-bottom:1px;
  409. padding-right:20px;
  410. width:500px;
  411. max-width:500px;
  412. margin-left:0px;
  413. word-break:break-word;
  414. color:{color:text};
  415. margin-top:10px;
  416. font-size:12px;
  417. line-height:20px;
  418. }
  419.  
  420. /* non-reblogged original post */
  421. .originalpost blockquote.tumblr_parent {
  422. width:480px;
  423. margin:0;
  424. color:{color:text};
  425. border:none;
  426. background:transparent!important;
  427. padding-left:0px;
  428. font-size:12px;
  429. text-align:left;
  430. font-style:normal;
  431. }
  432.  
  433. /* non-reblogged original post */
  434. .caption.originalpost {
  435. margin:-5px 0;
  436. line-height:30px;
  437. background:transparent!important;
  438. border:none;
  439. font-size:12px;
  440. font-style:normal;
  441. }
  442.  
  443. /* reblogs; tumblr user icons */
  444. img.tumblr_avatar {
  445. margin-right:10px;
  446. margin-top:5px!important;
  447. height:25px;
  448. width:25px;
  449. margin-left:0px;
  450. float:left;
  451. border-radius:5px!important;
  452. vertical-align:middle!important;
  453. color:#fff;
  454. }
  455.  
  456. /* reblogs; tumblr user names */
  457. .caption a.tumblr_blog {
  458. font-size:12px;
  459. line-height:20px;
  460. color:{color:text};
  461. display:block;
  462. padding:5px;
  463. padding-bottom:10px;
  464. font-weight:700;
  465. background:transparent;
  466. margin-top:2px;
  467. border:none;
  468. }
  469.  
  470. /* reblogs; tumblr user names hover */
  471. .caption a:hover.tumblr_blog {
  472. color:{color:text};
  473. }
  474.  
  475. h3 {
  476. font-weight:700;
  477. color:{color:text};
  478. border-bottom:none;
  479. }
  480.  
  481. h2 {
  482. font-weight:700;
  483. color:{color:text};
  484. }
  485.  
  486.  
  487.  
  488. /* --- POST INFO AND TAGS --- */
  489.  
  490. .tags {
  491. margin-bottom:10px;
  492. word-break:break-word;
  493. width:480px;
  494. }
  495.  
  496. .tags a {
  497. font-size:11px;
  498. letter-spacing:0.5px;
  499. color:{color:text};
  500. background:rgba(0,0,0,0.08);
  501. padding:2px;
  502. padding-left:5px;
  503. padding-right:5px;
  504. font-weight:700;
  505. border-radius:10px;
  506. word-break:break-word;
  507. }
  508.  
  509. .tags a:hover {
  510. background:rgba({text:nav link bg hover},0.1);
  511. color:{color:nav link hover};
  512. }
  513.  
  514. .post-info {
  515. text-align:right;
  516. margin-bottom:30px;
  517. }
  518.  
  519. .post-info a:hover {
  520. color:{color:text};
  521. }
  522.  
  523. .fa-retweet {
  524. margin-left:10px;
  525. }
  526.  
  527.  
  528.  
  529. /* ---- AUDIO POSTS ---- */
  530.  
  531. iframe.tumblr_audio_player {
  532. height:85px;!important
  533. }
  534.  
  535.  
  536.  
  537. /* ---- ASK POSTS ---- */
  538.  
  539. .question {
  540. background:rgba(0,0,0,0.03);
  541. border-radius:5px;
  542. padding:10px;
  543. font-size:12px;
  544. color:{color:text};
  545. }
  546.  
  547. .asker {
  548. margin-bottom:10px;
  549. }
  550.  
  551. .asker img {
  552. width:20px;
  553. vertical-align:middle;
  554. margin-right:5px;
  555. }
  556.  
  557. .asker a {
  558. letter-spacing:0.5px;
  559. }
  560.  
  561. .answer {
  562. color:{color:text};
  563. text-align:right;
  564. }
  565.  
  566.  
  567.  
  568. /* ---- PERMALINK PAGE ---- */
  569.  
  570. ol.notes {
  571. padding: 0px;
  572. margin: 25px 0px;
  573. list-style-type: none;
  574. border-bottom: solid 1px rgba(0,0,0,0.1);
  575. font-size:12px;
  576. text-align:center;
  577. }
  578.  
  579. ol.notes li.note {
  580. border-bottom: solid 1px rgba(0,0,0,0.1);
  581. padding: 10px;
  582. }
  583.  
  584. ol.notes li.note img.avatar {
  585. vertical-align: -4px;
  586. margin-right: 10px;
  587. width: 16px;
  588. height: 16px;
  589. display:none;
  590. }
  591.  
  592. ol.notes li.note span.action {
  593. font-weight: 400;
  594. }
  595.  
  596. ol.notes li.note .answer_content {
  597. font-weight: normal;
  598. }
  599.  
  600. ol.notes li.note blockquote {
  601. border-color: #eee;
  602. padding: 4px 10px;
  603. margin: 10px 0px 0px 25px;
  604. }
  605.  
  606. ol.notes li.note blockquote a {
  607. text-decoration: none;
  608. }
  609.  
  610. .permalink-info {
  611. padding:15px;
  612. background:rgba(0,0,0,0.05);
  613. border-radius:5px;
  614. color:{color:text};
  615. font-size:11px;
  616. font-style:italic;
  617. text-align:center;
  618. }
  619.  
  620.  
  621.  
  622. /* ---- LINK POSTS ---- */
  623.  
  624. .link {
  625. background:{color:sidebar 1 bg};
  626. padding:10px;
  627. padding-top:25px;
  628. padding-bottom:25px;
  629. border-radius:5px;
  630. text-align:center;
  631. }
  632.  
  633. .link a {
  634. border:none;
  635. color:#fff;
  636. padding:10px;
  637. padding-top:25px;
  638. padding-bottom:25px;
  639. border-radius:5px;
  640. transition:0.3s;
  641. letter-spacing:0.5px;
  642. }
  643.  
  644. .link a:hover .fa-angle-right {
  645. transform:translateX(5px);
  646. transition:0.3s;
  647. color:#fff;
  648. opacity:1;
  649. }
  650.  
  651. .link a:hover {
  652. opacity:0.8;
  653. }
  654.  
  655. .fa-angle-right {
  656. color:#fff;
  657. font-size:20px;
  658. vertical-align:middle;
  659. margin-left:10px;
  660. transition:0.3s;
  661. opacity:0.7;
  662. }
  663.  
  664. .link-description {
  665. font-size:12px;
  666. line-height:25px;
  667. margin-top:20px;
  668. }
  669.  
  670.  
  671.  
  672. /* ---- CHAT POSTS ---- */
  673.  
  674. .chat {
  675. font-size:12px;
  676. line-height:25px;
  677. margin-bottom:20px;
  678. }
  679.  
  680. .label {
  681. font-weight:700;
  682. color:{color:sidebar 1 bg};
  683. font-style:italic;
  684. }
  685.  
  686. .line {
  687. color:{color:text};
  688. }
  689.  
  690. </style>
  691.  
  692.  
  693. <!--- audio player styling --->
  694. <script>
  695. $(document).ready(function() {
  696. $('iframe.tumblr_audio_player').load( function() {
  697. $('iframe.tumblr_audio_player').contents().find("head")
  698. .append($("<link href='https://fonts.googleapis.com/css?family=Roboto+Mono:400,400i,500,500i,700,700i|Space+Mono:400,400i,700,700i|Overpass:400,400i,700,700i|Roboto:400,400i,700,700i|Karla:400,700' rel='stylesheet' type='text/css'> <style type='text/css'> .audio-player{background:{color:sidebar 1 bg}; color:#fff; font-family:{select:font};border-top-left-radius:0px;border-bottom-left-radius:0px;!important} </style>"));
  699. });
  700. });
  701. </script>
  702.  
  703.  
  704. </head>
  705. <body>
  706.  
  707. <div class="sidebar-1">
  708. <i class="{select:sidebar icon}"></i>
  709. <div class="sidebar-1-nav">
  710. <a href="/"><i class="fal fa-home-alt"></i> <div class="sidebar-1-nav-title">home</div></a>
  711. <a href="/ask"><i class="fal fa-comment-alt-edit"></i> <div class="sidebar-1-nav-title">Message</div></a>
  712. <a href="/archive"><i class="fal fa-calendar-day"></i> <div class="sidebar-1-nav-title">Archive</div></a>
  713. <a href="/submit"><i class="fal fa-inbox-in"></i> <div class="sidebar-1-nav-title">Submit</div></a>
  714. <a href="https://astrocodes.tumblr.com"><i class="fal fa-laptop-code"></i> <div class="sidebar-1-nav-title">Theme</div></a>
  715. </div>
  716. </div>
  717.  
  718. <div class="sidebar-2">
  719. <div class="nav-1-header"><i class="fas fa-chevron-right"></i> {text:nav header 1 title}</div>
  720. <div class="nav-1">
  721. <a href="{text:nav section 1 link 1 url}">{text:nav section 1 link 1 name}</a>
  722. <a href="{text:nav section 1 link 2 url}">{text:nav section 1 link 2 name}</a>
  723. <a href="{text:nav section 1 link 3 url}">{text:nav section 1 link 3 name}</a>
  724. </div>
  725.  
  726. <div class="nav-2-header"><i class="fas fa-chevron-right"></i> {text:nav header 2 title}</div>
  727. <div class="nav-2">
  728. <a href="{text:nav section 2 link 1 url}">{text:nav section 2 link 1 name}</a>
  729. <a href="{text:nav section 2 link 2 url}">{text:nav section 2 link 2 name}</a>
  730. <a href="{text:nav section 2 link 3 url}">{text:nav section 2 link 3 name}</a>
  731. </div>
  732.  
  733. </div>
  734.  
  735. <div class="header">
  736. <h1>{Title}</h1>
  737. <div class="description">{Description}</div>
  738.  
  739. <div class="header-nav">
  740. <a href="https://tumblr.com/follow/{Name}"><i class="far fa-plus"></i> Follow</a>
  741.  
  742. <a href="https://tumblr.com/"><i class="fas fa-desktop"></i> Dashboard</a>
  743.  
  744. {block:Pagination}
  745.  
  746. {block:PreviousPage}
  747. <a href="{PreviousPage}"><i class="fas fa-arrow-left"></i> Back</a>
  748. {/block:PreviousPage}
  749.  
  750. {block:NextPage}
  751. <a href="{NextPage}"><i class="fas fa-arrow-right"></i> Next</a>
  752. {/block:NextPage}
  753.  
  754. {/block:Pagination}
  755. </div>
  756. </div>
  757.  
  758.  
  759. <div id="wrapper">
  760. {block:Posts}
  761. <article id="p-{PostType}" class="post">
  762.  
  763. {block:IndexPage}
  764. <div class="post-info">
  765. <a href="{Permalink}"><i class="fas fa-ellipsis-h"></i></a>
  766. <a href="{ReblogURL}"><i class="fas fa-retweet"></i></a>
  767. </div>
  768. {/block:IndexPage}
  769.  
  770. {block:Quote}
  771. <h2>{Quote}</h2>
  772. {/block:Quote}
  773.  
  774. {block:Photo}
  775. <img src="{PhotoURL-500}">
  776. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  777. {/block:Photo}
  778.  
  779. {block:Photoset}
  780. <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></div>{/block:Photos}</div>
  781. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  782. {/block:Photoset}
  783.  
  784. {block:Text}
  785. {block:Title}<h3>{Title}</h3>{/block:Title}
  786. <div class="caption">{Body}</div>
  787. {/block:Text}
  788.  
  789. {block:Audio}
  790. {AudioEmbed-500}
  791.  
  792. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  793. {/block:Audio}
  794.  
  795. {block:Video}
  796. {Video-500}
  797. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  798. {/block:Video}
  799.  
  800. {block:Answer}
  801. <div class="question">
  802. <div class="asker"><img src="{AskerPortraitURL-30}" alt=""> {Asker} sent:</div>
  803. <div class="asker-question">{Question}</div>
  804. </div>
  805.  
  806. <div class="answer">
  807. <div class="caption">{Answer}</div>
  808. </div>
  809. {/block:Answer}
  810.  
  811. {block:Link}
  812. <div class="link">
  813. <a href="{URL}">{Name} <i class="fas fa-angle-right"></i></a>
  814. </div>
  815. <div class="link-description">{Description}</div>
  816. {/block:Link}
  817.  
  818. {block:Chat}
  819.  
  820. {block:Title}<h3>{Title}</h3>{/block:Title}
  821.  
  822. <div class="chat">
  823. {block:Lines}
  824. {block:Label}
  825. <span class="label">{Label}</span>
  826. {/block:Label}
  827. <span class="line">{Line}</span><Br>
  828. {/block:Lines}
  829. </div>
  830.  
  831. {/block:Chat}
  832.  
  833. {block:ContentSource}<!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}" alt="{SourceTitle}" />{/block:SourceLogo}{block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->{/block:ContentSource}{block:RebloggedFrom}<!-- {ReblogParentName} -->{/block:RebloggedFrom}
  834.  
  835.  
  836. {block:HasTags}
  837. <div class="tags">
  838. {block:Tags}
  839. <a href="{TagURL}"># {Tag}</a>&nbsp;
  840. {/block:Tags}
  841. </div>
  842. {/block:HasTags}
  843.  
  844. {block:PermalinkPage}
  845. <div class="permalink-info">
  846. Posted on {Month} {DayOfMonthWithSuffix}, {Year} at {12Hour}:{Minutes} {CapitalAMPM}
  847. &nbsp;&nbsp; &#8226; &nbsp;&nbsp;
  848. {block:NoteCount}
  849. {NoteCountWithLabel}
  850. {/block:NoteCount}
  851. &nbsp;&nbsp; &#8226; &nbsp;&nbsp;
  852. <a href="{ReblogURL}">Reblog</a>
  853. </div>
  854. {block:PermalinkPage}
  855.  
  856. {block:PostNotes}
  857. {PostNotes}
  858. {/block:PostNotes}
  859.  
  860. </article>
  861. {/block:Posts}
  862. </div>
  863.  
  864. <script>
  865. $(document).ready(function(){
  866. $('.photo-slideshow').pxuPhotoset({
  867. lightbox: true,
  868. rounded: false,
  869. gutter: '5px',
  870. borderRadius: '5px',
  871. photoset: '.photo-slideshow',
  872. photoWrap: '.photo-data',
  873. photo: '.pxu-photo'
  874. });
  875. });
  876. </script>
  877.  
  878.  
  879. </body>
  880. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
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!