API tools faq
paste
Advertisement
MystiqueAquanian

yeo-sangs wishbone

MystiqueAquanian
Jun 13th, 2021
241
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 41.70 KB | None | 0 0
raw download clone embed print report
  1. <!----
  2.  
  3. wishbone || by saestrah || july 2020
  4.  
  5. · base code by sorrism
  6. · scroll to top by paul underwood
  7. · smoothscroll by balazs galambosi
  8. · flexible frames by nouvae
  9. · audio player, notecount script & search bar script by shythemes
  10. · photosets by annasthms and espoirthemes
  11. · nightmode by espoirthemes
  12. · icons by line-awesome
  13.  
  14. || terms of use:
  15.  
  16. · don't remove credit
  17. · don't repost or redistribute
  18. · don't take parts of the code and use as your own
  19.  
  20. ---->
  21.  
  22. <!DOCTYPE html>
  23. <head>
  24.  
  25. <meta name="viewport" content="width=device-width, initial-scale=1.0">
  26.  
  27. <title>{block:PostSummary}{PostSummary} : {/block:PostSummary}{Title}</title>
  28.  
  29. <link rel="shortcut icon" href="{favicon}">
  30.  
  31. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  32. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  33.  
  34. <!---- defaults ---->
  35.  
  36. <meta name="image:Sidebar" content=""/>
  37.  
  38. <meta name="color:Background" content="#ffffff"/>
  39. <meta name="color:Base" content="#f6f6f6"/>
  40. <meta name="color:Text" content="#888888"/>
  41. <meta name="color:Link" content="#000000"/>
  42. <meta name="color:Day Accent" content="#e89e8c"/>
  43. <meta name="color:Night Accent" content="#bbe4d0"/>
  44. <meta name="color:Title"content="#000000"/>
  45. <meta name="color:Scrollbar" content="#cccccc"/>
  46. <meta name="color:Borders" content="#eeeeee"/>
  47.  
  48. <meta name="select:Title Font" content="Codystar"/>
  49. <meta name="select:Title Font" content="EB Garamond"/>
  50. <meta name="select:Title Font" content="Ewert"/>
  51. <meta name="select:Title Font" content="Fredericka the Great"/>
  52. <meta name="select:Title Font" content="Inria Sans"/>
  53. <meta name="select:Title Font" content="Inria Serif"/>
  54. <meta name="select:Title Font" content="Karla"/>
  55. <meta name="select:Title Font" content="Kumar One Outline"/>
  56. <meta name="select:Title Font" content="La Belle Aurore"/>
  57. <meta name="select:Title Font" content="Lato"/>
  58. <meta name="select:Title Font" content="Lora"/>
  59. <meta name="select:Title Font" content="Modak"/>
  60. <meta name="select:Title Font" content="Monoton"/>
  61. <meta name="select:Title Font" content="Montserrat Subrayada"/>
  62. <meta name="select:Title Font" content="Playfair Display"/>
  63. <meta name="select:Title Font" content="Roboto Slab"/>
  64. <meta name="select:Title Font" content="Sarina"/>
  65. <meta name="select:Title Font" content="Staatliches"/>
  66. <meta name="select:Title Font" content="UnifrakturCook"/>
  67.  
  68. <meta name="select:Body Font" content="EB Garamond"/>
  69. <meta name="select:Body Font" content="Inria Sans"/>
  70. <meta name="select:Body Font" content="Inria Serif"/>
  71. <meta name="select:Body Font" content="Karla"/>
  72. <meta name="select:Body Font" content="Lato"/>
  73. <meta name="select:Body Font" content="Lora"/>
  74. <meta name="select:Body Font" content="Playfair Display"/>
  75. <meta name="select:Body Font" content="Roboto Slab"/>
  76. <meta name="select:Body Font" content="Staatliches"/>
  77.  
  78. <meta name="text:Body Font Size" content="12px"/>
  79. <meta name="text:Title Font Size" content="20px"/>
  80. <meta name="text:Title Font Weight" content="400"/>
  81.  
  82. <meta name="if:Search" content="1"/>
  83. <meta name="if:Updates" content="1"/>
  84.  
  85. <meta name="text:Title Tooltip" content=""/>
  86. <meta name="text:Sidebar Image Tooltip" content=""/>
  87.  
  88. <meta name="text:Ask Title" content="ask"/>
  89. <meta name="text:Ask Tooltip" content=""/>
  90.  
  91. <meta name="text:Archive Title" content="archive"/>
  92. <meta name="text:Archive Tooltip" content=""/>
  93.  
  94. <meta name="text:Random Title" content="shuffle"/>
  95. <meta name="text:Random Tooltip" content=""/>
  96.  
  97. <meta name="text:Link 1" content="link one"/>
  98. <meta name="text:Link 1 URL" content=""/>
  99. <meta name="text:Link 1 Tooltip" content=""/>
  100.  
  101. <meta name="text:Link 2" content="link two"/>
  102. <meta name="text:Link 2 URL" content=""/>
  103. <meta name="text:Link 2 Tooltip" content=""/>
  104.  
  105. <meta name="text:Update 1 Title" content="update one"/>
  106. <meta name="text:Update 1 Content" content="here is an update"/>
  107. <meta name="text:Update 2 Title" content="update two"/>
  108. <meta name="text:Update 2 Content" content="here is a second update"/>
  109. <meta name="text:Update 3 Title" content="update three"/>
  110. <meta name="text:Update 3 Content" content="and here is a third update"/>
  111.  
  112. <!---- scripts ---->
  113.  
  114. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  115. <script src="//code.jquery.com/ui/1.10.4/jquery-ui.js"></script>
  116. <script src="//code.jquery.com/jquery-1.7.2.min.js"></script>
  117. <script src="https://rawgit.com/robinpx/tumblr/master/scripts/flexibleFrames/flexibleFrames.min.js"></script>
  118. <script src="https://cdnjs.cloudflare.com/ajax/libs/smoothscroll/1.4.1/SmoothScroll.min.js"></script>
  119. <script src="https://static.tumblr.com/0podkko/qWqq8va08/photosets.js"></script>
  120. <link href="https://static.tumblr.com/0podkko/oDSpg7y88/photosets.css" rel="stylesheet">
  121. <script src="https://static.tumblr.com/diajl5m/RW4q33bls/tooltips.js"></script>
  122. <script src ="//static.tumblr.com/fwgzvyf/Oj1o08f6h/shythemes.vr.js"></script>
  123.  
  124. <!---- fonts ---->
  125.  
  126. <link href="https://fonts.googleapis.com/css2?family=Codystar&family=EB+Garamond:ital,wght@0,400;0,500;0,600;0,700;0,800;1,400;1,500;1,600;1,700;1,800&family=Ewert&family=Fredericka+the+Great&family=Inria+Sans:ital,wght@0,300;0,400;0,700;1,300;1,400;1,700&family=Inria+Serif:ital,wght@0,300;0,400;0,700;1,300;1,400&family=Karla:ital,wght@0,400;0,700;1,400;1,700&family=Kumar+One+Outline&family=La+Belle+Aurore&family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&family=Lora:ital@0;1&family=Modak&family=Monoton&family=Montserrat+Subrayada&family=Playfair+Display:ital,wght@0,700;1,700&family=Roboto+Slab:wght@300;400;500&family=Sarina&family=Staatliches&family=UnifrakturCook:wght@700&display=swap" rel="stylesheet">
  127.  
  128. <!---- icons ---->
  129.  
  130. <link href="https://maxst.icons8.com/vue-static/landings/line-awesome/font-awesome-line-awesome/css/all.min.css" rel="stylesheet">
  131. <link href="https://maxst.icons8.com/vue-static/landings/line-awe
  132. some/line-awesome/1.3.0/css/line-awesome.min.css" rel="stylesheet">
  133. <script src="https://cdn.jsdelivr.net/npm/feather-icons/dist/feather.min.js"></script>
  134. <script>feather.replace()</script>
  135.  
  136. <style type="text/css">
  137.  
  138. /* tooltips */
  139.  
  140. #tooltip {
  141. padding:6px;
  142. margin:5px 15px;
  143. background-color:{color:day accent};
  144. font:.65em 'lato', arial, sans-serif;
  145. letter-spacing:1.5px;
  146. font-weight: 600;
  147. text-transform:uppercase;
  148. color:black;
  149. z-index:999999999999999999999999999999999999;
  150. }
  151.  
  152. /* scrollbar */
  153.  
  154. ::-webkit-scrollbar {
  155. height:11px;
  156. width:11px;
  157. background-color:transparent;
  158. }
  159.  
  160. ::-webkit-scrollbar-thumb {
  161. background:{color:scrollbar};
  162. border:4px solid transparent;
  163. background-clip:padding-box;
  164. }
  165.  
  166. html { overflow-y:scroll; overflow-x: hidden; }
  167.  
  168. /* tumblr controls */
  169.  
  170. iframe.tmblr-iframe {
  171. position:fixed;
  172. display:inline-block;
  173. top:2.75%!important;
  174. right:2%!important;
  175. padding-right:2%;
  176. z-index:99999999999999!important;
  177. opacity:0;
  178. white-space:nowrap; -webkit-filter: invert(100%); -moz-filter:invert(100%); -o-filter:invert(100%); -ms-filter:invert(100%); filter:invert(100%);
  179. opacity:0;
  180. transition:.4s ease-in-out;
  181. transform:scale(0.75,0.75);
  182. transform-origin:right top;
  183. }
  184.  
  185. iframe.tmblr-iframe:hover {
  186. opacity:1!important;
  187. cursor:url(https://i.imgur.com/ZM41vky.png),progress!important;
  188. }
  189.  
  190. /* selection */
  191.  
  192. ::-wewbkit-selection { background:{color:borders}; }
  193. ::-moz-selection{ background:{color:borders}; }
  194. ::selection { background:{color:borders}; }
  195.  
  196. /* lightboxes */
  197.  
  198. .lightbox-image, #tumblr_lightbox img {
  199. max-width:none;
  200. padding:0px!important;
  201. border:0!important;
  202. opacity:1!important;
  203. box-shadow:none!important;
  204. -moz-box-shadow:none!important;
  205. -webkit-box-shadow:none!important;
  206. border-radius:0px!important;
  207. -moz-border-radius:0px!important;
  208. -webkit-border-radius:0px!important;
  209. }
  210.  
  211. .tmblr-lightbox, #tumblr_lightbox { background:rgba({RGBcolor:background}, .95)!important; }
  212. .vignette, #vignette { opacity:0; }
  213.  
  214. /* typography */
  215.  
  216. * { cursor:url(https://i.imgur.com/dHusUiR.png),auto }
  217. a:hover { cursor:url(https://i.imgur.com/ZM41vky.png),progress!important }
  218.  
  219. body {
  220. cursor:url(https://i.imgur.com/dHusUiR.png),auto;
  221. background:{color:background};
  222. color:{color:text};
  223. font-family:'{select:body font}';
  224. font-size:{text:body font size};
  225. word-wrap:break-word;
  226. text-align:justify;
  227. letter-spacing:.15px;
  228. margin:0;
  229. width:100vw;
  230. overflow-x:hidden;
  231. -moz-osx-font-smoothing:grayscale;
  232. -webkit-font-smoothing:antialiased;
  233. font-smoothing:antialiased;
  234. }
  235.  
  236. a {
  237. cursor:url(https://i.imgur.com/ZM41vky.png),progress!important;
  238. color:{color:link};
  239. text-decoration:none;
  240. }
  241.  
  242. a:hover {
  243. color:{color:day accent};
  244. text-decoration:none;
  245. transition:all .3s linear;
  246. -webkit-transition:all .3s linear;
  247. -o-transition:all .3s linear;
  248. -moz-transition:all .3s linear;
  249. cursor:url(https://i.imgur.com/ZM41vky.png),progress!important;
  250. }
  251.  
  252. blockquote {
  253. border-left:1px solid {color:borders};
  254. padding-left:10px;
  255. margin:.5em 0;
  256. }
  257.  
  258. small, big, sub, {
  259. font-size:12px!important;
  260. vertical-align:baseline!important;
  261. }
  262.  
  263. bold, b, strong {
  264. font-weight:bold;
  265. }
  266.  
  267. pre {
  268. padding:0;
  269. margin:0;
  270. line-height:inherit!important;
  271. background:transparent;
  272. font-family:inherit!Important;
  273. font-size:inherit!important;
  274. white-space:pre-wrap;
  275. white-space:-moz-pre-wrap;
  276. white-space:-pre-wrap;
  277. white-space:-o-pre-wrap;
  278. word-wrap:break-word;
  279. }
  280.  
  281. h1, h2, h3, h4 {
  282. margin:1em 0;
  283. font-size:1em;
  284. padding:0;
  285. text-transform:uppercase;
  286. font-weight:bold;
  287. }
  288.  
  289. hr {
  290. border:none;
  291. margin:.5em auto;
  292. width:100%;
  293. border-top:1px solid {color:borders};
  294. }
  295.  
  296. /* header and sidebar */
  297.  
  298. header {
  299. position:fixed;
  300. background:{color:background};
  301. top:0;
  302. left:0;
  303. width:100%;
  304. padding:25px 0;
  305. z-index:999;
  306. text-align:justify;
  307. }
  308.  
  309. header img {
  310. display:block;
  311. max-width:200px;
  312. max-height:300px;
  313. background-color:{color:background};
  314. margin-bottom:25px;
  315. cursor:url(https://i.imgur.com/ZM41vky.png),progress!important;
  316. }
  317.  
  318. .maintitle {
  319. font-family:'{select:title font}';
  320. font-size:{text:title font size};
  321. color:{color:title};
  322. font-weight:{text:title font weight};
  323. border:0;
  324. margin-bottom:25px;
  325. }
  326.  
  327. .description { margin-top:15px; }
  328.  
  329. /* navigation */
  330.  
  331. nav { margin:15px 0; display:inline-block; }
  332. nav a { color:{color:link}; padding-right:10px; border:0; }
  333. nav span { display:inline-block; padding-bottom:10px; width:100%; }
  334. nav span:last-of-type { padding-bottom:0; }
  335.  
  336. mobilenav {
  337. position:fixed;
  338. display:inline-block;
  339. color:{color:text};
  340. text-align:right;
  341. top:2.5%;
  342. right:2%;
  343. width:auto;
  344. transition:max-height 1.5s ease-in-out;
  345. -webkit-transition:max-height 1.5s ease-in-out;
  346. -moz-transition:max-height 1.5s ease-in-out;
  347. -o-transition:max-height 1.5s ease-in-out;
  348. }
  349.  
  350. ul.linksmenu {
  351. background:transparent;
  352. color:{color:text};
  353. list-style:none;
  354. text-align:right;
  355. height:auto;
  356. max-height:20px;
  357. }
  358.  
  359. ul.linksmenu .linksbutton {
  360. cursor:url(https://i.imgur.com/ZM41vky.png),progress!important;
  361. display:block;
  362. position:relative;
  363. transition:all 0.2s ease;
  364. -webkit-transition:all 0.2s ease;
  365. -o-transition:all 0.2s ease;
  366. }
  367.  
  368. ul.linksmenu li .las {
  369. color:{color:link};
  370. text-align:right;
  371. font-size:20px;
  372. transition:.4s ease-out;
  373. -webkit-transition:.4s ease-in-out;
  374. -moz-transition:.4s ease-in-out;
  375. -o-transition:.4s ease-in-out;
  376. }
  377.  
  378. ul.linksmenu .open .las { color:{color:day accent}; }
  379.  
  380. ul.mobilelinksbox { list-style:none; display:none; margin-right:-1em; }
  381.  
  382. ul.mobilelinksbox li {
  383. background:{color:background};
  384. list-style:none;
  385. padding:.5em 1em 1em 1em;
  386. }
  387.  
  388. ul.mobilelinksbox li:hover { color:{color:day accent}; }
  389.  
  390. .mobilelinks { list-style:none; }
  391.  
  392. .mobilelinks li { display:block; color:{color:text}; }
  393.  
  394. .mobilelinks li a:hover { color:{color:day accent}; }
  395.  
  396. /* search */
  397.  
  398. .search-wrapper {
  399. display:inline-block;
  400. color:{color:text};
  401. border:none;
  402. margin-bottom:0px;
  403. padding:15px 0;
  404. width:auto;
  405. }
  406.  
  407. .query {
  408. color:{color:day accent};
  409. border: 0;
  410. outline: 0;
  411. font: inherit;
  412. transition:0.25s ease-in-out;
  413. background:transparent;
  414. }
  415.  
  416. /* buttons */
  417.  
  418. .cc {
  419. position:fixed;
  420. top:4%;
  421. right:2%;
  422. font-size:20px;
  423. z-index:99;
  424. }
  425.  
  426. .daynight {
  427. position:fixed;
  428. top:50%;
  429. left:2%;
  430. font-size:20px;
  431. z-index:99;
  432. }
  433.  
  434. .top {
  435. display:none;
  436. position:fixed;
  437. bottom:7.4%;
  438. right:1.6%;
  439. background:{color:background};
  440. padding:5px;
  441. font-size:20px;
  442. z-index:99;
  443. {block:permalinkpage}opacity:0;{block:permalinkpage}
  444. }
  445.  
  446. .credit {
  447. position:fixed;
  448. bottom:3.4%;
  449. right:1.6%;
  450. background:{color:background};
  451. padding:5px;
  452. font-size:20px;
  453. z-index:999;
  454. }
  455.  
  456. .prev {
  457. position:fixed;
  458. bottom:10%;
  459. left:2%;
  460. font-size:20px;
  461. z-index:99;
  462. }
  463.  
  464. .next {
  465. position:fixed;
  466. bottom:4%;
  467. left:2%;
  468. font-size:20px;
  469. z-index:99;
  470. }
  471.  
  472. /* font widget */
  473.  
  474. .fontwidget {
  475. position:fixed;
  476. top:4%;
  477. left:2%;
  478. color:{color:link};
  479. z-index:99999;
  480. overflow:hidden;
  481. }
  482.  
  483. .fontbutton { font-family:'karla'; font-size:20px; }
  484. .fontbutton:hover { color:{color:day accent}; cursor:url(https://i.imgur.com/ZM41vky.png),progress!important; }
  485.  
  486. .fontbox {
  487. width:auto;
  488. font-size:12px;
  489. text-align:left;
  490. line-height:30px;
  491. background:{color:background};
  492. }
  493.  
  494. .fontmenu {
  495. display:none;
  496. width:auto;
  497. height:auto;
  498. overflow-y:auto;
  499. overflow:hidden;
  500. text-align:left;
  501. }
  502.  
  503. .fontmenu input[type=button] {
  504. display:block;
  505. background:transparent;
  506. color:{color:link};
  507. border:none;
  508. outline:none;
  509. padding:5px;
  510. margin:20px 10px 10px -5px;
  511. transition:max-height 1.5s ease-in-out;
  512. -webkit-transition:max-height 1.5s ease-in-out;
  513. -moz-transition:max-height 1.5s ease-in-out;
  514. -o-transition:max-height 1.5s ease-in-out;
  515. }
  516.  
  517. .fontmenu input[type=button]:hover { color:{color:day accent}; cursor:url(https://i.imgur.com/ZM41vky.png),progress!important; }
  518.  
  519. #font12 { font-size:12px; }
  520. #font14 { font-size:14px; }
  521. #font16 { font-size:16px; }
  522. #font18 { font-size:18px; }
  523.  
  524. /* updates */
  525.  
  526. .updates {
  527. position:fixed;
  528. display:block;
  529. background:{color:background};
  530. color:{color:text};
  531. text-align:right;
  532. height:auto;
  533. max-height:45px;
  534. top:50%;
  535. right:2%;
  536. width:150px;
  537. overflow:hidden;
  538. z-index:99;
  539. padding-left:2%;
  540. transition: max-height 1.5s ease-in-out;
  541. -webkit-transition: max-height 1.5s ease-in-out;
  542. -moz-transition: max-height 1.5s ease-in-out;
  543. -o-transition: max-height 1.5s ease-in-out;
  544. }
  545.  
  546. .updates:hover {
  547. height:auto;
  548. max-height:1000px;
  549. transition: max-height 1.5s ease-in-out;
  550. -webkit-transition: max-height 1.5s ease-in-out;
  551. -moz-transition: max-height 1.5s ease-in-out;
  552. -o-transition: max-height 1.5s ease-in-out;
  553. }
  554.  
  555. .updates:hover .updatesicon:hover {
  556. cursor:url(https://i.imgur.com/ZM41vky.png),progress!important;
  557. color:{color:day accent};
  558. transition:0.2s ease-in-out;
  559. -webkit-transition: 0.2s ease-in-out;
  560. -moz-transition: 0.2s ease-in-out;
  561. -o-transition: 0.2s ease-in-out;
  562. }
  563.  
  564. .updatesicon {
  565. text-align:right;
  566. font-size:20px; /* delete if you change the icon into text */
  567. margin-bottom:16px;
  568. color:{color:link};
  569. }
  570.  
  571. .updatecontent {
  572. padding-top:6px;
  573. color:{color:text};
  574. text-align:justify;
  575. line-height:1.5em;
  576. overflow-x:hidden;
  577. }
  578.  
  579. .updatetitle {
  580. font-weight:bold;
  581. color:{color:link};
  582. }
  583.  
  584. /* posts */
  585.  
  586. section {
  587. line-height:1.75em;
  588. width:45%;
  589. max-width:500px;
  590. padding:105px 12% 0;
  591. {block:permalinkpage}padding-bottom:50px;{/block:permalinkpage}
  592. }
  593.  
  594. .posts {
  595. margin-bottom:25%;
  596. {block:permalinkpage}margin-bottom:50px;{/block:permalinkpage}
  597. }
  598.  
  599. .ph {
  600. position:relative;
  601. overflow:hidden;
  602. }
  603.  
  604. .ph img {
  605. width:100%;
  606. max-width:500px;
  607. display:block;
  608. cursor:url(https://i.imgur.com/ZM41vky.png),progress!important;
  609. }
  610.  
  611. /* photosets */
  612.  
  613. [photoset-layout] { grid-gap:3px; }
  614.  
  615. [photoset-layout] div { cursor:url(https://i.imgur.com/ZM41vky.png),progress!important; }
  616.  
  617. /* text */
  618.  
  619. .title {
  620. color:{color:title};
  621. font-family:'{select:body font}';
  622. font-weight:bold;
  623. font-size:1.1em;
  624. line-height:1.75em;
  625. text-transform:uppercase;
  626. }
  627.  
  628. .title a { color:{color:title}; }
  629. .title a:hover { color:{color:day accent}; }
  630.  
  631. .ted { margin-top:10px; }
  632.  
  633. a.read_more, .label {
  634. text-transform:uppercase;
  635. letter-spacing:1.5px;
  636. font-weight:bold;
  637. }
  638.  
  639. /* captions */
  640.  
  641. .comment { list-style:none; }
  642. .comment img { width:100%; height:auto; }
  643. .comment video { width:100%; height:auto; }
  644. .comment .embed_iframe { width:100%; }
  645.  
  646. .user {
  647. display:inline-block;
  648. color:{color:day accent};
  649. font-weight:bold;
  650. line-height:1em;
  651. margin:1.5em 0 0;
  652. }
  653.  
  654. .user:hover { color:{color:link}; }
  655.  
  656. .deactivated:after {
  657. content:'― deactivated';
  658. position:absolute;
  659. padding-left:3px;
  660. opacity:0;
  661. transition:.4s ease;
  662. color:{color:text};
  663. }
  664.  
  665. .deactivated:hover:after { opacity:1; }
  666.  
  667. .tex li { list-style-type:square; }
  668.  
  669. /* quote */
  670.  
  671. .quote {
  672. text-align:justify;
  673. font-family:'{select:body font}';
  674. font-size:1em;
  675. margin-left:25px;
  676. padding-left:15px;
  677. position:relative;
  678. border-left:1px solid {color:borders};
  679. }
  680.  
  681. .quote:before {
  682. content:'“';
  683. font-family:'{select:title font}';;
  684. color:black;
  685. font-weight:{text:title font weight};
  686. font-style:normal!important;
  687. font-size:2em;
  688. position:absolute;
  689. left:-25px;
  690. top:0;
  691. }
  692.  
  693. .source {
  694. color:{color:title};
  695. margin:15px 0 10px;
  696. }
  697.  
  698. .source a { color:{color:link}; }
  699. .source a:hover { color:{color:day accent}; }
  700.  
  701. /*chat*/
  702.  
  703. .chat {
  704. text-align:left;
  705. margin:0;
  706. padding:0;
  707. list-style:none;
  708. }
  709.  
  710. .chat li { list-style:none; }
  711.  
  712. .l {
  713. padding:10px 0;
  714. }
  715.  
  716. .label {
  717. font-weight:bold;
  718. color:{color:title};
  719. display:inline-block;
  720. text-transform:lowercase;
  721. }
  722.  
  723. .l:first-of-type {padding-top:0;}
  724.  
  725. .l:last-of-type {
  726. padding-bottom:10px;
  727. border:0;
  728. }
  729.  
  730. /* audio */
  731.  
  732. iframe.tumblr_audio_player { width:calc(500px + 90px); }
  733.  
  734. .soundcloud_audio_player { max-height:116px!important; width:100%!important; }
  735.  
  736. .spotify_audio_player { max-height:80px!important; width:100%!important; }
  737.  
  738. .player {
  739. width:27px;
  740. height:27px;
  741. position:absolute;
  742. left:17px;
  743. padding:5px;
  744. background:{color:base};
  745. display:block;
  746. overflow:hidden;
  747. top:calc(50% - 19px);
  748. }
  749.  
  750. .play { margin-left:-2px; }
  751.  
  752. .hold {
  753. text-align:left;
  754. background:{color:base};
  755. position:relative;
  756. display:block;
  757. min-height:24px;
  758. padding:20px;
  759. }
  760.  
  761. .audio_info {
  762. vertical-align:left;
  763. text-align:left;
  764. line-height:16px;
  765. margin-left:50px;
  766. max-width:calc(100% - 35px);
  767. }
  768.  
  769. .audio_info span {
  770. white-space:nowrap;
  771. text-overflow:ellipsis;
  772. display:block;
  773. }
  774.  
  775. .hold .artist {
  776. font-weight:bold;
  777. color:{color:title};
  778. }
  779.  
  780. .video * {
  781. cursor:url(https://i.imgur.com/ZM41vky.png),progress!important;
  782. max-width:100%;
  783. }
  784.  
  785. /* asks */
  786.  
  787. .question {
  788. padding:15px 15px 5px 15px;
  789. margin-bottom:2em;
  790. background:{color:base};
  791. overflow: hidden;
  792. }
  793.  
  794. .asker { text-transform:lowercase; font-weight:bold; }
  795. .asker a {color:{color:link};}
  796. .asker a:hover {color:{color:day accent};}
  797.  
  798. .answer { display:inline-block; }
  799.  
  800. .answerer { padding:0; font-weight:bold; }
  801. .answerer a { color:{color:day accent}; }
  802. .answerer a:hover { color:{color:link}; }
  803.  
  804. /* permalink and tags */
  805.  
  806. .when {
  807. display:block;
  808. text-transform:lowercase;
  809. }
  810.  
  811. .notecount {
  812. text-transform:lowercase;
  813. color:{color:text};
  814. padding-left:5%;
  815. }
  816.  
  817. .reblog { padding-right:50px; }
  818.  
  819. .like-b {
  820. position:relative;
  821. display:inline-block;
  822. height:1em;
  823. margin-bottom:-3px;
  824. line-height:1em;
  825. overflow:hidden;
  826. }
  827.  
  828. .like-b .like_button iframe {
  829. position:absolute;
  830. top:0px;
  831. left:0;
  832. bottom:0;
  833. right:0;
  834. z-index:2;
  835. opacity:0;
  836. }
  837.  
  838. .like-b .liked + .b { color:inherit; }
  839. .like-b .liked + .b:after { content:'d'; }
  840.  
  841. .tags {
  842. display:inline-block;
  843. font-family:'{select:body font}';
  844. font-size:calc({text:body font size} - 2px);
  845. font-weight:bold;
  846. text-transform:uppercase;
  847. text-align:left;
  848. line-height:1.5em;
  849. padding-top:8px;
  850. opacity:0;
  851. {block:permalink}opacity:1;{/block:permalink}
  852. transition: all 0.5s ease-in-out;
  853. -webkit-transition: all 0.5s ease-in-out;
  854. -moz-transition: all 0.5s ease-in-out;
  855. -o-transition: all 0.5s ease-in-out;
  856. }
  857.  
  858. .tags:before {
  859. content:'#';
  860. display:inline-block;
  861. margin:0 10px;
  862. }
  863. .tags a { margin-left:10px; }
  864.  
  865. .posts:hover .tags {
  866. opacity:1;
  867. transition: all 0.5s ease-in-out;
  868. -webkit-transition: all 0.5s ease-in-out;
  869. -moz-transition: all 0.5s ease-in-out;
  870. -o-transition: all 0.5s ease-in-out;
  871. }
  872.  
  873. /* permalink */
  874.  
  875. .via {
  876. margin-bottom:2em;
  877. padding-bottom:.5em;
  878. border-bottom:1px solid {color:borders};
  879. }
  880.  
  881. ol.notes {
  882. list-style-type:none;
  883. text-align:left;
  884. padding:0px;
  885. margin:0px;
  886. }
  887.  
  888. ol.notes li.note {
  889. display:block;
  890. padding-bottom:10px;
  891. }
  892.  
  893. ol.notes li.note:before {
  894. content:'';
  895. display:inline-block;
  896. width:20px;
  897. height:1px;
  898. background:{color:text};
  899. margin:2px 10px 2px 0;
  900. }
  901.  
  902. ol.notes li.note img.avatar { display:none!important; }
  903.  
  904. a.more_notes_link {
  905. display:block;
  906. text-transform:uppercase;
  907. text-align:center;
  908. color:{color:link};
  909. margin-top:.5em;
  910. }
  911.  
  912. a.more_notes_link:hover { color:{color:day accent}; }
  913.  
  914. /* nightmode */
  915.  
  916. body.night { background:#292f36; color:#cccccc!important; }
  917.  
  918. body.night .updatecontent, body.night .notecount { color:#cccccc!important; }
  919.  
  920. body.night header, body.night nav, body.night ul.mobilelinksbox li, body.night .updates, body.night .fontbox, body.night .top, body.night .credit { background:#292f36!important; }
  921.  
  922. body.night a, body.night .title, body.night .asker a, body.night .answerer a:hover, body.night ul.linksmenu li .las, body.night .updatesicon, body.night .updatetitle, body.night .user:hover, body.night .fontbutton, body.night .fontmenu, body.night .fontbox, body.night #font12, body.night #font14, body.night #font16, body.night #font18, body.night .hold .artist, body.night .label, body.night .quote:before, body.night .source { color:#ffffff; }
  923.  
  924. body.night a:hover, body.night .asker a:hover, body.night .answerer a, body.night .updates:hover .updatesicon:hover, body.night .query, body.night .user, body.night ul.mobilelinksbox li:hover, body.night .mobilelinks li a:hover, body.night ul.linksmenu .open .las, body.night .fontbutton:hover, body.night #font12:hover, body.night #font14:hover, body.night #font16:hover, body.night #font18:hover { color:{color:night accent}; }
  925.  
  926. body.night #tooltip { background-color:{color:night accent}; }
  927.  
  928. body.night .via { border-bottom:1px solid #888888; }
  929. body.night hr { border-top:1px solid #888888; }
  930. body.night blockquote, body.night .quote { border-left:1px solid #888888; }
  931.  
  932. body.night .like-b .liked + .b:after { color:#e17e66; }
  933.  
  934. body.night iframe.tmblr-iframe { white-space:nowrap; -webkit-filter: invert(0%); -moz-filter:invert(0%); -o-filter:invert(0%); -ms-filter:invert(0%); filter:invert(0%); }
  935.  
  936. body.night .question, body.night .player, body.night .hold { background:#21262c!important; }
  937.  
  938. body.night ::-wewbkit-selection { background:#21262c!important; }
  939. body.night ::-moz-selection { background:#21262c!important; }
  940. body.night ::selection { background:#21262c!important; }
  941.  
  942. body.night .tmblr-lightbox, body.night #tumblr_lightbox { background-color:rgba(41, 47, 54, .95) !important; }
  943.  
  944. /* responsivity */
  945.  
  946. @media screen and (max-width:350px) {
  947. iframe.tmblr-iframe { display:none; }
  948.  
  949. .cc { display:none; }
  950.  
  951. header { text-align:center; border-bottom:1px solid {color:borders}; }
  952.  
  953. body.night header { border-bottom:1px solid #666666; }
  954.  
  955. header img { display:none; }
  956.  
  957. nav { display:none; }
  958.  
  959. section { width:80%; }
  960.  
  961. .tags { opacity:1; }
  962.  
  963. .deactivated:after { opacity:1; }
  964.  
  965. .updates { display:none; }
  966. }
  967.  
  968. @media screen and (min-width:351px) and (max-width:850px) {
  969. iframe.tmblr-iframe { display:none; }
  970.  
  971. .cc { display:none; }
  972.  
  973. header { text-align:center; border-bottom:1px solid {color:borders}; }
  974.  
  975. body.night header { border-bottom:1px solid #666666; }
  976.  
  977. header img { display:none; }
  978.  
  979. nav { display:none; }
  980.  
  981. section { width:80%; padding-top:175px; }
  982.  
  983. .tags { opacity:1; }
  984.  
  985. .deactivated:after { opacity:1; }
  986.  
  987. .updates { display:none; }
  988. }
  989.  
  990. @media only screen and (min-width:851px) and (max-width:1000px) {
  991. iframe.tmblr-iframe { display:none; }
  992.  
  993. .cc { display:none; }
  994.  
  995. header { text-align:center; border-bottom:1px solid {color:borders}; }
  996.  
  997. body.night header { border-bottom:1px solid #666666; }
  998.  
  999. header img { display:none; }
  1000.  
  1001. nav { display:none; }
  1002.  
  1003. section { width:80%; padding-top:175px; }
  1004.  
  1005. .tags { opacity:1; }
  1006.  
  1007. .deactivated:after { opacity:1; }
  1008. }
  1009.  
  1010. @media only screen and (min-width:1001px) and (max-width:1200px) {
  1011. header {
  1012. top:15%;
  1013. left:65%;
  1014. width:200px;
  1015. padding:0;
  1016. }
  1017.  
  1018. mobilenav { display:none; }
  1019.  
  1020. .updates { display:none; }
  1021. }
  1022.  
  1023. @media only screen and (min-width:1201px) {
  1024. header {
  1025. top:15%;
  1026. left:65%;
  1027. width:200px;
  1028. padding:0;
  1029. }
  1030.  
  1031. mobilenav { display:none; }
  1032. }
  1033.  
  1034. </style>
  1035.  
  1036. </head>
  1037.  
  1038. <body>
  1039.  
  1040. <!-------------------------------- header and sidebar ---->
  1041.  
  1042. <header>
  1043.  
  1044. <div class="sideimg"><a href="/" {block:ifSidebarImageTooltip}title="{text:Sidebar Image Tooltip}"{/block:ifSidebarImageTooltip}><img src="{image:Sidebar}"/></div>
  1045.  
  1046. <a href="/" class="maintitle" title="{text:Title Tooltip}">{Title}</a><div class="description">{Description}</div>
  1047.  
  1048. <!---- navigation ---->
  1049.  
  1050. <nav>
  1051.  
  1052. {block:ifAskTitle}<span><a href="/ask" {block:ifAskTooltip}title="{text:AskTooltip}"{/block:ifAskTooltip}>{text:Ask Title}</a></span>{/block:ifAskTitle}
  1053. {block:ifArchiveTitle}<span><a href="/archive" {block:ifArchiveTooltip}title="{text:ArchiveTooltip}"{/block:ifArchiveTooltip}>{text:Archive Title}</a></span>{/block:ifArchiveTitle}
  1054. {block:ifRandomTitle}<span><a href="/random" {block:ifRandomTooltip}title="{text:RandomTooltip}"{/block:ifRandomTooltip}>{text:Random Title}</a></span>{/block:ifRandomTitle}
  1055. <span><a href="/a." title="about">about</a></span>
  1056. <span><a href="/n." title="navi">navi</a></span>
  1057. <span><a href="/tagged/m." title="my content">my content</a></span>
  1058. <span><a href="/networks" title="networks">networks</a></span>
  1059.  
  1060. {block:ifSearch}
  1061. <div class="search-wrapper"><form class="search" action="javascript:return false"><input type="text" class="query" placeholder="search"></form></div>
  1062. {/block:ifSearch}
  1063.  
  1064. </nav>
  1065.  
  1066. <!---- mobile navigation ---->
  1067.  
  1068. <mobilenav>
  1069.  
  1070. <ul id="linksmenu" class="linksmenu">
  1071. <li><div class="linksbutton"><span class="las la-map"></span></div>
  1072. <ul class="mobilelinksbox">
  1073. <li class="mobilelinks">
  1074. <li><span><a href="https://tumblr.com/follow/{Name}">follow</a></span></li>
  1075. {block:ifAskTitle}<li><span><a href="/ask">{text:Ask Title}</a></span></li>{/block:ifAskTitle}
  1076. {block:ifArchiveTitle}<li><span><a href="/archive">{text:Archive Title}</a></span></li>{/block:ifArchiveTitle}
  1077. {block:ifLink1}<li><span><a href="{text:Link 1 URL}" {block:ifLink1Tooltip}title="{text:Link 1 Tooltip}"{/block:ifLink1Tooltip}>{text:Link 1}</a></span></li>{/block:ifLink1}
  1078. {block:ifLink2}<li><span><a href="{text:Link 2 URL}" {block:ifLink2Tooltip}title="{text:Link 2 Tooltip}"{/block:ifLink2Tooltip}>{text:Link 2}</a></span></li>{/block:ifLink2}
  1079. </li>
  1080. </ul>
  1081. </li>
  1082. </ul>
  1083.  
  1084. </mobilenav>
  1085.  
  1086. </header>
  1087.  
  1088. <!---- font widget ---->
  1089.  
  1090. <div class="fontwidget">
  1091. <div class="fontbutton">Aa</div>
  1092.  
  1093. <div class="fontmenu">
  1094. <div class="fontbox">
  1095. <input id="font12" type="button" value="12px">
  1096. <input id="font14" type="button" value="14px">
  1097. <input id="font16" type="button" value="16px">
  1098. <input id="font18" type="button" value="18px">
  1099. </div>
  1100.  
  1101. </div>
  1102. </div>
  1103.  
  1104. <!---- updates ---->
  1105.  
  1106. {block:ifUpdates}
  1107. <div class="updates">
  1108. <div class="updatesicon"><span class="las la-plus"></span></div>
  1109. <div class="updatecontent">
  1110. <span class="updatetitle">{text:Update 1 Title} </span>{text:Update 1 Content}</p>
  1111. <span class="updatetitle">{text:Update 2 Title} </span>{text:Update 2 Content}</p>
  1112. <span class="updatetitle">{text:Update 3 Title} </span>{text:Update 3 Content}
  1113. </div></div>
  1114. {/block:ifUpdates}
  1115.  
  1116. <!-------------------------------- posts ---->
  1117.  
  1118. <section id="entries">{block:posts}
  1119. <article class="posts {block:caption}captioned{/block:caption}">
  1120.  
  1121. <!---- textposts ---->
  1122.  
  1123. {block:Text}
  1124. <div class="post text" id="{PostID}">
  1125. {block:Title}<div class="title">{title}</div>{/block:Title}
  1126. {block:RebloggedFrom}
  1127. {block:Reblogs}
  1128. {block:IsActive}
  1129. <li class="comment {block:Title}ted{/block:Title}">
  1130. <a {block:haspermalink}href="{permalink}"{/block:haspermalink} class="user" target="_blank">{username}</a>
  1131. <div class="tex">{body}</div>
  1132. </li>
  1133. {/block:IsActive}
  1134. {block:IsDeactivated}
  1135. <li class="comment">
  1136. <a {block:haspermalink}href="{permalink}"{/block:haspermalink} class="user deactivated" target="_blank">{username}</a>
  1137. <div class="tex">{body}</div>
  1138. </li>
  1139. {/block:IsDeactivated}
  1140. {/block:Reblogs}
  1141. {/block:RebloggedFrom}
  1142. {block:NotReblog}
  1143. <li class="comment {block:Title}ted{/block:Title}">
  1144. <div class="tex">{body}</div>
  1145. </li>
  1146. {/block:NotReblog}
  1147. </div>
  1148. {/block:Text}
  1149.  
  1150. <!---- quotes ---->
  1151.  
  1152. {block:Quote}
  1153. <div class="post" id="{PostID}">
  1154. <div class="quote">{quote}</div>
  1155. {block:Source}<div class="source">{source}</div>{/block:Source}
  1156. </div>
  1157. {/block:Quote}
  1158.  
  1159. <!---- links ---->
  1160.  
  1161. {block:Link}
  1162. <div class="post" id="{PostID}">
  1163. <div class="title"><a href="{URL}">{name}</a></div>
  1164. {block:Description}
  1165. {block:NotReblog}
  1166. <li class="comment ted">
  1167. <div class="tex">{description}</div>
  1168. </li>
  1169. {/block:NotReblog}
  1170. {/block:Description}
  1171. {block:RebloggedFrom}
  1172. {block:Reblogs}
  1173. {block:IsActive}
  1174. <li class="comment {block:Title}ted{/block:Title}">
  1175. <a {block:haspermalink}href="{permalink}"{/block:haspermalink} class="user" target="_blank">{username}</a>
  1176. <div class="tex">{body}</div>
  1177. </li>
  1178. {/block:IsActive}
  1179. {block:IsDeactivated}
  1180. <li class="comment">
  1181. <a {block:haspermalink}href="{permalink}"{/block:haspermalink} class="user deactivated" target="_blank">{username}</a>
  1182. <div class="tex">{body}</div>
  1183. </li>
  1184. {/block:IsDeactivated}
  1185. {/block:Reblogs}
  1186. {/block:RebloggedFrom}
  1187. </div>
  1188. {/block:Link}
  1189.  
  1190. <!---- asks ---->
  1191.  
  1192. {block:Answer}
  1193. <div class="post" id="{PostID}">
  1194. <div class="question"><span class="asker">{asker} sent: </span><p>{question}</div>
  1195. {block:Answerer}
  1196. <div class="answer"><span class="answerer">{answerer} replied:</span>{answer}</div>
  1197. {/block:Answerer}
  1198.  
  1199. {block:NotReblog}
  1200. <li class="comment">
  1201. <div class="tex">{replies}</div>
  1202. </li>
  1203. {/block:NotReblog}
  1204. {block:RebloggedFrom}
  1205. {block:Reblogs}
  1206. {block:IsActive}
  1207. <li class="comment {block:Title}ted{/block:Title}">
  1208. <a {block:haspermalink}href="{permalink}"{/block:haspermalink} class="user" target="_blank">{username}</a>
  1209. <div class="tex">{body}</div>
  1210. </li>
  1211. {/block:IsActive}
  1212. {block:IsDeactivated}
  1213. <li class="comment">
  1214. <a {block:haspermalink}href="{permalink}"{/block:haspermalink} class="user deactivated" target="_blank">{username}</a>
  1215. <div class="tex">{body}</div>
  1216. </li>
  1217. {/block:IsDeactivated}
  1218. {/block:Reblogs}
  1219. {/block:RebloggedFrom}
  1220. </div>
  1221. {/block:Answer}
  1222.  
  1223. <!---- chat ---->
  1224.  
  1225. {block:Chat}
  1226. <div class="post" id="{PostID}">
  1227. {block:Title}<div id="title">{title}</div>{/block:Title}
  1228. <ol class="chat {block:Title}ted{/block:Title}">
  1229. {block:lines}
  1230. <li class="l {Alt}">
  1231. {block:label}<span class="label">{label}</span>{/block:label} {line}
  1232. </li>
  1233. {/block:lines}
  1234. </ol>
  1235. </div>
  1236. {/block:Chat}
  1237.  
  1238. <!---- photos and photosets ---->
  1239.  
  1240. <div class="post" id="{PostID}"><div class="ph">
  1241.  
  1242. {block:Photo}{linkopentag}<img src="{photoURL-HighRes}" alt="{PhotoAlt}"/>{linkclosetag}{/block:Photo}
  1243.  
  1244. {block:Photoset}
  1245. <div class="photoset-grid" photoset-layout="{PhotosetLayout}">{block:Photos}<div data-width="{PhotoWidth-HighRes}" data-height="{PhotoHeight-HighRes}" data-lowres="{PhotoURL-500}" data-highres="{PhotoURL-HighRes}" onclick="lightbox(this)"><img src="{PhotoURL-HighRes}" /></div>{/block:Photos}</div></div>
  1246. {/block:Photoset}
  1247.  
  1248. <!---- video ---->
  1249.  
  1250. {block:Video}<div class="post video" id="{PostID}">{VideoEmbed-500}{/block:Video}
  1251.  
  1252. <!---- audio ---->
  1253.  
  1254. {block:Audio}
  1255. <div class="post" id="{PostID}">
  1256. {block:audioplayer}
  1257. <div class="hold">
  1258. <div class="player"><div class="play">{audioplayerblack}</div></div>
  1259. <div class="audio_info">
  1260. {block:trackname}<span class="track">{trackname}</span>{/block:trackname}
  1261. {block:artist}<span class="artist">{artist}</span>{/block:artist}
  1262. </div>
  1263. </div>
  1264. {/block:AudioPlayer}
  1265. </div>
  1266. {/block:Audio}
  1267.  
  1268. <!---- captions and reblogs ---->
  1269.  
  1270. {block:caption}
  1271. {block:Reblogs}
  1272. {block:IsActive}
  1273. <li class="comment {block:Title}ted{/block:Title}">
  1274. <a {block:haspermalink}href="{permalink}"{/block:haspermalink} class="user" target="_blank">{username}</a>
  1275. <div class="tex">{body}</div>
  1276. </li>
  1277. {/block:IsActive}
  1278. {block:IsDeactivated}
  1279. <li class="comment">
  1280. <a {block:haspermalink}href="{permalink}"{/block:haspermalink} class="user deactivated" target="_blank">{username}</a>
  1281. <div class="tex">{body}</div>
  1282. </li>
  1283. {/block:IsDeactivated}
  1284. {/block:Reblogs}
  1285. {block:NotReblog}
  1286. <li class="comment">
  1287. <a {block:haspermalink}href="{permalink}"{/block:haspermalink} class="user" target="_blank">{name}</a>
  1288. <div class="tex">{caption}</div>
  1289. </li>
  1290. {/block:NotReblog}
  1291. {/block:caption}
  1292.  
  1293. </div>
  1294.  
  1295. <!---- permalinks and notes ---->
  1296.  
  1297. {block:date}
  1298. <hr>
  1299.  
  1300. <div class="when">
  1301. <span><a href="{permalink}">{shortmonth} {dayofmonthwithzero} {year}</a>{block:notecount} <span class="notecount">{NoteCountWithLabel}</span></span>{/block:notecount}</span>
  1302.  
  1303. <div style="float:right">
  1304. <span><a href="{reblogurl}" target="_blank" class="reblog">reblog</a><span><a class="like-b" href="#">{LikeButton}<span class="b">like</span></a></span></div>
  1305.  
  1306. </div>
  1307.  
  1308. {block:hastags}<div class="tags">{block:tags}<a href="{tagurl}">{tag}</a>{/block:tags}</div>{/block:hastags}
  1309.  
  1310. {/block:date}
  1311.  
  1312. </article>
  1313.  
  1314. {block:PostNotes}
  1315. {block:RebloggedFrom}
  1316. <div class="via">via: <a href="{ReblogParentURL}">{ReblogParentName}</a>{block:ContentSource} &nbsp&mdash;&nbsp source: <a href="{ReblogRootURL}">{ReblogRootName}</a>{/block:ContentSource}</div>
  1317. {/block:RebloggedFrom}
  1318.  
  1319. {PostNotes}
  1320.  
  1321. </article>
  1322.  
  1323. {/block:PostNotes}
  1324. {/block:Posts}
  1325.  
  1326. </section>
  1327.  
  1328. <!---- buttons ---->
  1329.  
  1330. <a class="cc"><span class="las la-bars"></span></a>
  1331. <a class="credit" href="https://saestrah.tumblr.com" title="@saestrah" target="_blank"><span class="las la-hat-cowboy"></span></a>
  1332. <a class="daynight" title="change display"><span class="las la-moon"></span></a>
  1333. <a class="top" href="/" title="back to top"><span class="las la-arrow-up"></span></a>
  1334. {block:NextPage}<a class="next" href="{NextPage}" title="next page"><span class="las la-arrow-right"></span></a>{/block:NextPage}{block:PreviousPage}<a class="prev" href="{PreviousPage}" title="previous page"><span class="las la-arrow-left"></span></a>{/block:PreviousPage}
  1335.  
  1336. <!-------------------------------- scripts ---->
  1337.  
  1338. <!---- search bar ---->
  1339.  
  1340. <script>
  1341. $(document).ready(function(){
  1342. $('.search').submit(function(event){
  1343. var value = $('input:first').val();
  1344. location.replace('https://{Name}.tumblr.com/tagged/' + value);
  1345. });
  1346. });
  1347. </script>
  1348.  
  1349. <!---- scroll to top ---->
  1350.  
  1351. <script>
  1352. $(document).ready(function(){
  1353. $(window).scroll(function(){
  1354. if ($(this).scrollTop() > 100) {
  1355. $('.top').fadeIn();
  1356. } else {
  1357. $('.top').fadeOut();
  1358. }
  1359. });
  1360.  
  1361. $('.top').click(function(){
  1362. $('html, body').animate({scrollTop : 0},800);
  1363. return false;
  1364. });
  1365.  
  1366. });
  1367. </script>
  1368.  
  1369. <!---- audio ---->
  1370.  
  1371. <script>
  1372. $(document).ready(function(){
  1373. $('iframe.tumblr_audio_player').load( function() {
  1374. $('iframe.tumblr_audio_player').contents().find("head").append($("<style type='text/css'> .audio-player{background:{color:base}!important} </style>"));
  1375. });
  1376. var $container = $('section');
  1377. $container.infinitescroll({
  1378. itemSelector: 'article',
  1379. navSelector: 'footer',
  1380. nextSelector: 'footer a',
  1381. loadingImg: '',
  1382. loadingText: '<em></em>',
  1383. bufferPx: 100
  1384. },
  1385. </script>
  1386.  
  1387. <!---- photosets ---->
  1388.  
  1389. <script>
  1390. function gatherData(images, arr) {
  1391. for (let i = 0; i < images.length; i++) {
  1392. let currentData = {
  1393. "width": images[i].getAttribute('data-width'),
  1394. "height": images[i].getAttribute('data-height'),
  1395. "low_res": images[i].getAttribute('data-lowres'),
  1396. "high_res": images[i].getAttribute('data-highres')
  1397. };
  1398. arr.push(currentData);
  1399. }
  1400. }
  1401. function getIndex(elem) {
  1402. let i = 0;
  1403. while( (elem = elem.previousElementSibling) != null ) i++;
  1404. return i;
  1405. }
  1406. function lightbox(elem) {
  1407. let currentPhotoset = elem.parentNode;
  1408. let photosetPhotos = currentPhotoset.getElementsByTagName('div');
  1409. let data = [];
  1410. gatherData(photosetPhotos, data);
  1411. Tumblr.Lightbox.init(data, getIndex(elem) + 1);
  1412. }
  1413. $(document).ready(function(){
  1414. undoPhotoset({
  1415. 'posts':'.text',
  1416. 'text class':'',
  1417. 'photoset class':'ph'
  1418. },false);
  1419. });
  1420. </script>
  1421.  
  1422. <!---- flexible frames ---->
  1423.  
  1424. <script>
  1425. $(document).ready(function(){
  1426. // flexible frames by nouvae
  1427. function flexFrame() {
  1428. $("entries").each(function() {
  1429. $(this).find("iframe").wrap("<div class='iframe-flex'></div>");
  1430. flexibleFrames($(".iframe-flex"));
  1431. });
  1432. flexibleFrames($(".video"));}
  1433. $(document).ready(flexFrame);
  1434. </script>
  1435.  
  1436. <!---- notecount shortener ---->
  1437.  
  1438. <script>
  1439. var $container = $('.when');
  1440. $container.find('.notecount').each(function(){
  1441. var n = $(this).html().split(' ')[0].replace(/,/g, '');
  1442. if (n > 999) {
  1443. n = Math.floor(n / 100) / 10;
  1444. $(this).text(n + 'k notes');
  1445. }
  1446. });
  1447. </script>
  1448.  
  1449. <!---- nightmode ---->
  1450.  
  1451. <script>
  1452. $(document).ready(function(){
  1453. $('.daynight').click(function(){
  1454. $('body').toggleClass('night');
  1455. $('.daynight span').toggleClass('la-sun');
  1456. });
  1457. });
  1458. </script>
  1459.  
  1460. <!---- mobile navigation ---->
  1461.  
  1462. <script>
  1463. $(function() {
  1464. var linksmenu = function(el, multiple) {
  1465. this.el = el || {};
  1466. this.multiple = multiple || false;
  1467.  
  1468. var links = this.el.find('.linksbutton');
  1469.  
  1470. links.on('click', {
  1471. el: this.el,
  1472. multiple: this.multiple
  1473. }, this.dropdown)
  1474. }
  1475.  
  1476. linksmenu.prototype.dropdown = function(e) {
  1477. var $el = e.data.el;
  1478. $this = $(this),
  1479. $next = $this.next();
  1480.  
  1481. $next.slideToggle();
  1482. $this.parent().toggleClass('open');
  1483.  
  1484. if (!e.data.multiple) {
  1485. $el.find('.mobilelinksbox').not($next).slideUp().parent().removeClass('open');
  1486. };
  1487. }
  1488.  
  1489. var linksmenu = new linksmenu($('.linksmenu'), false);
  1490. });
  1491. </script>
  1492.  
  1493. <!---- font widget ---->
  1494.  
  1495. <script>
  1496. $(document).ready(function () {
  1497. $('.fontbutton').on('click',function () {
  1498. $('.fontmenu').slideToggle();
  1499. });
  1500. $('#font12').on('click', function() {
  1501. $('body, section, header, .updates, .query, .tags').css("font-size", this.value);
  1502. });
  1503. $('#font14').on('click', function() {
  1504. $('body, section, header, .updates, .query, .tags').css("font-size", this.value);
  1505. });
  1506. $('#font16').on('click', function() {
  1507. $('body, section, header, .updates, .query, .tags').css("font-size", this.value);
  1508. });
  1509. $('#font18').on('click', function() {
  1510. $('body, section, header, .updates, .query, .tags').css("font-size", this.value);
  1511. });
  1512. });
  1513. </script>
  1514.  
  1515. <!---- tooltips ---->
  1516.  
  1517. <script>
  1518. jQuery.noConflict();
  1519. (function($) {
  1520. $(document).ready(function() {
  1521. $("[title]").style_my_tooltips({
  1522. tip_follows_cursor: true,
  1523. tip_delay_time: 0,
  1524. tip_fade_speed: 0
  1525. });
  1526. });
  1527. })(jQuery);
  1528. </script>
  1529.  
  1530. <!-------------------------------- end of scripts ---->
  1531.  
  1532. </body>
  1533. </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!