API tools faq
paste
Advertisement
Laighlin

somewhat modified melody

Laighlin
Sep 3rd, 2016
189
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 17.77 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  3. <head><title>{Title}{block:PostSummary} ♪ {PostSummary}{/block:PostSummary}</title>
  4. <link rel="shortcut icon" href="{image:favicon}">
  5. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  6. <link href='https://fonts.googleapis.com/css?family=Amatic+SC:700' rel='stylesheet' type='text/css'>
  7. <link rel="alternate" type="application/rss+xml" href="{RSS}"><link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css">
  8. <link href="https://fonts.googleapis.com/css?family=Exo+2:400,400i,700,700i" rel="stylesheet">
  9. <link href="https://fonts.googleapis.com/css?family=Dosis:400,400i,700,700i" rel="stylesheet">
  10. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  11.  
  12.  
  13. <!-------------------- Melody by Jardinian ---------------------
  14.  
  15. don't move the credit or lift large chunks of code from the theme!
  16. hmu if anything: customization, bugs, concrit, whatever.
  17.  
  18. note: there are no text fields for custom links. select the option
  19. at the top of every page editor that says "show a link to this
  20. page" and it will show up; if you want to link to a tag, create a
  21. page and have it redirect.
  22.  
  23. --------------------------------------------------------------->
  24.  
  25. <link href="#s-m-t-tooltip" rel="stylesheet" type="text/css" /> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script> <script type="text/javascript" src="https://static.tumblr.com/7qjmkr5/IUmmdsy41/jquery.style-my-tooltips.js"></script>
  26.  
  27. <script>
  28. (function($){
  29. $(document).ready(function(){
  30. $("a[title]").style_my_tooltips({
  31. tip_follows_cursor:true,
  32. tip_delay_time:0,
  33. tip_fade_speed:300,
  34. attribute:"title"
  35. });
  36. });
  37. })(jQuery);
  38. </script>
  39.  
  40. <meta name="color:background color" content="#0e3957"/>
  41. <meta name="color:interface" content="#fff"/>
  42. <meta name="image:background" content="http://static.tumblr.com/99813719461c8606b34d6f87d379c7b0/xwoxjom/9XYoc61ul/tumblr_static_9jn1sij4lywwsc4kgs04wscc.png"/>
  43. <meta name="image:favicon" content="http://static.tumblr.com/5d5d6b0ee99c0ab3869b126cc2c3b5dc/xwoxjom/M4Voc62d2/tumblr_static_ex28wvq5x340o4oc04ggwoo4g.png"/>
  44. <meta name="image:side img" content="http://static.tumblr.com/141687d511933fc8d9cdf3ac2e644e2b/xwoxjom/NCPoc61vc/tumblr_static_bcf1ogjmuxw0so8ckk8koo4wk.jpg"/>
  45. <meta name="if:black or white controls" content="0"/>
  46. <meta name="if:hover shadow effects" content="0"/>
  47. <meta name="if:caption" content="1"/>
  48.  
  49. <meta name="color:title" content="#10718f"/>
  50. <meta name="color:title bg" content="#fff"/>
  51. <meta name="color:desc bg" content="#fff"/>
  52. <meta name="color:post bg" content="##69abcc"/>
  53. <meta name="color:post text" content="#fff"/>
  54. <meta name="color:desc text" content="#8f2e56"/>
  55. <meta name="color:bold" content="#414141"/>
  56. <meta name="color:italic" content="#183f52"/>
  57. <meta name="color:link" content="#7e2832"/>
  58. <meta name="color:link hover" content="#fffec5"/>
  59. <meta name="color:selection text" content="#fff"/>
  60. <meta name="color:selection bg" content="#002f47"/>
  61. <meta name="color:scroll thumb" content="#cc6975"/>
  62. <meta name="color:extra links bg" content="#1c5b76"/>
  63. <meta name="color:extra links hover" content="#0db"/>
  64. <meta name="color:extra links text" content="#000"/>
  65. <meta name="color:nav icons" content="#03577b"/>
  66. <meta name="color:blockquotes" content="#cc6975"/>
  67. <meta name="color:tags" content="#444"/>
  68. <meta name="color:tags hover" content="#f3e8b2"/>
  69. <meta name="color:glow" content="#0db"/>
  70.  
  71. <!-- text fields -->
  72. <meta name="text:title font" content="Amatic SC"/>
  73. <meta name="text:background blur" content="3"/>
  74. <meta name="text:body font" content="Dosis"/>
  75. <meta name="text:desc font" content="Dosis"/>
  76. <meta name="text:body font size" content="15px"/>
  77. <meta name="text:desc font size" content="13px"/>
  78. <meta name="text:desc max height" content="250px"/>
  79.  
  80. <style type="text/css">
  81.  
  82. {block:ifNotBlackOrWhiteControls}
  83. .tmblr-iframe--desktop-logged-in-controls, .iframe-controls--desktop, .tmblr-iframe, #tumblr_controls {
  84. -webkit-filter: invert(100%);
  85. filter: invert(100%);
  86. opacity:.6;
  87. }
  88. {/block:ifNotBlackOrWhiteControls}
  89.  
  90. @-webkit-keyframes glow {
  91. to {
  92. box-shadow: 0 0 20px 1px {color:glow};
  93. }
  94. }
  95.  
  96. body {
  97. background-size:cover;
  98. margin:0px;
  99. color:{color:post text};
  100. font-family:'{text:body font}';
  101. font-size:{text:body font size};
  102. line-height:130%;
  103. word-wrap:break-word;
  104. overflow-x:hidden;
  105. background:{color:background color};
  106. }
  107.  
  108. body,html {
  109. height:100%;
  110. }
  111.  
  112. #bgholder {
  113. background:url({image:background}) {color:background color} fixed;
  114. -webkit-filter:blur({text:background blur}px);
  115. filter:blur({text:background blur}px);
  116. background-size:cover;
  117. height:100%;
  118. width:100%;
  119. z-index:0;
  120. display:block;
  121. overflow:hidden;
  122. position:fixed;
  123. }
  124.  
  125. #alltogethernow {
  126. z-index:2;
  127. position:absolute;
  128. overflow-y:auto;
  129. height:100%;
  130. width:100%;
  131. background:rgba({RGBcolor:background},.3);
  132. }
  133.  
  134. #alltogethernow img {
  135. -webkit-filter:blur({text:bg blur}px);
  136. }
  137.  
  138. b, strong {
  139. color:{color:bold};
  140. }
  141.  
  142. i, em {
  143. color:{color:italic};
  144. }
  145.  
  146. a {
  147. text-decoration:none;
  148. outline:none;
  149. -moz-outline-style:none;
  150. transition:.3s all ease;
  151. }
  152.  
  153. .post a, #desc a, .info a {
  154. color:{color:link};
  155. }
  156.  
  157. .post a:hover, #desc a:hover, .info a:hover {
  158. color:{color:link hover};
  159. }
  160.  
  161. img {
  162. border:none;
  163. max-height:100%;
  164. max-width:100%;
  165. margin:auto;
  166. text-align:center;
  167. }
  168.  
  169. blockquote {
  170. padding-left:7px;
  171. margin-left:7px;
  172. border-left:5px solid {color:blockquotes};
  173. margin-right:0px;
  174. }
  175.  
  176. blockquote blockquote {
  177. padding-left:7px;
  178. margin-left:7px;
  179. border-left:5px solid {color:blockquotes};
  180. margin-right:0px;
  181. }
  182.  
  183. h1 {
  184. font-size:140%;
  185. line-height:130%;
  186. text-align:center;
  187. font-family:Dosis;
  188. }
  189.  
  190. ::selection {
  191. background: {color:selection bg};
  192. color: {color:selection text};
  193. }
  194. ::-moz-selection {
  195. background: {color:selection bg};
  196. color: {color:selection text};
  197. }
  198.  
  199. ::-webkit-scrollbar {
  200. width:10px;
  201. height:10px;
  202. }
  203.  
  204. /* Track */
  205. ::-webkit-scrollbar-track {
  206. background:transparent;
  207. }
  208.  
  209. /* Handle */
  210. ::-webkit-scrollbar-thumb {
  211. background: {color:scroll thumb};
  212. border:2px solid transparent;
  213. background-clip:content-box;
  214. border-radius:7px;
  215. }
  216.  
  217. ::-webkit-scrollbar-corner {
  218. background: {color:scroll bg};
  219. }
  220.  
  221. #s-m-t-tooltip {
  222. background:rgba({RGBcolor:extra links hover},.9);
  223. color:{color:extra links text};
  224. margin:10px;
  225. padding:7px;
  226. {block:ifHoverShadowEffects}
  227. box-shadow:0 0 8px 0px {color:interface} inset;
  228. {/block:ifHoverShadowEffects}
  229. font-family:'{text:desc font}';
  230. font-size:{text:desc font size};
  231. z-index:9999999;
  232. border-radius:3px;
  233. }
  234.  
  235. #lrb {
  236. opacity:.8;
  237. display:inline-block;
  238. padding:5px 3px 0px 3px;
  239. z-index:9;
  240. }
  241.  
  242. #entries {
  243. padding:35px 10px 10px;
  244. width:430px;
  245. margin:0 auto;
  246. bottom:0px;
  247. position:relative;
  248. z-index:5;
  249. overflow-x:hidden;
  250. {block:PermalinkPage}
  251. height:450px;
  252. width:450px;
  253. padding:0;
  254. top:50%;
  255. transform:translateY(-50%);
  256. overflow-y:auto;
  257. {/block:PermalinkPage}
  258. }
  259.  
  260. #glowy {
  261. display:block;
  262. height:100%;
  263. width:450px;
  264. z-index:-1;
  265. position:fixed;
  266. left:50%;
  267. margin-left:-230px;
  268. background:{color:interface};
  269. }
  270.  
  271. #glowy, #radio, .nav {
  272. box-shadow:0 0 9px 0px {color:glow};
  273. -webkit-animation:glow .7s infinite alternate;
  274. }
  275.  
  276. .post {
  277. width:410px;
  278. margin:auto;
  279. margin-bottom:10px;
  280. padding:10px;
  281. background:{color:post bg};
  282. position:relative;
  283. z-index:6;
  284. }
  285.  
  286. .tags {
  287. display:inline;
  288. color:{color:tags};
  289. padding:3px;
  290. transition:.3s all ease;
  291. font-size:95%;
  292. }
  293.  
  294. .tags a {
  295. color:{color:tags};
  296. transition:.3s all ease;
  297. }
  298.  
  299. .tags a:hover, .tags i {
  300. color:{color:tags hover};
  301. }
  302.  
  303. #radio, #entries {
  304. background:{color:interface};
  305. background-clip:border-box;
  306. }
  307.  
  308. #radio {
  309. width:900px;
  310. padding:10px;
  311. position:fixed;
  312. top:50%;
  313. left:50%;
  314. transform: translate(-50%,-50%);
  315. height:450px;
  316. border-radius:6px;
  317. }
  318.  
  319. #title {
  320. margin-bottom:10px;
  321. font-size:24px;
  322. color:{color:title};
  323. font-family:'{text:title font}';
  324. background:{color:title bg};
  325. }
  326.  
  327. {block:ifHoverShadowEffects}
  328. #title:hover, #desc:hover, #sideimg:hover { box-shadow:0 0 15px 0px {color:interface} inset; }
  329. {/block:ifHoverShadowEffects}
  330.  
  331. #desc {
  332. font-family:'{text:desc font}';
  333. color:{color:desc text};
  334. background:{color:desc bg};
  335. font-size:{text:desc font size};
  336. margin-top:10px;
  337. overflow-y:auto;
  338. max-height:{text:desc max height};
  339. }
  340.  
  341. #d {
  342. padding:4px;
  343. position:relative;
  344. vertical-align:middle;
  345. display:table-cell;
  346. }
  347.  
  348. #title, #desc {
  349. position:relative;
  350. padding:10px;
  351. line-height:150%;
  352. text-align:center;
  353. width:200px;
  354. }
  355.  
  356. #sideimg {
  357. width:230px;
  358. height:450px;
  359. right:10px;
  360. top:10px;
  361. position:fixed;
  362. overflow:hidden;
  363. background:url('{image:side img}') center;
  364. -webkit-filter:brightness(90%);
  365. background-size:cover;
  366. z-index:3;
  367. }
  368.  
  369. .info {
  370. text-align:center;
  371. font-family:Dosis;
  372. font-size:14px;
  373. letter-spacing:.5px;
  374. margin:auto;
  375. margin-top:10px;
  376. {block:IndexPage}
  377. margin-bottom:30px;
  378. {/block:IndexPage}
  379. width:400px;
  380. padding:10px 15px;
  381. background:{color:post bg};
  382. z-index:6;
  383. }
  384.  
  385. .info a { padding:0 2px; }
  386.  
  387. #note {
  388. overflow-x:hidden;
  389. text-align:center;
  390. padding-top:10px;
  391. width:380px;
  392. margin:auto;
  393. }
  394.  
  395. #note ol.notes {
  396. list-style-type:none;
  397. margin:5px;
  398. padding:5px;
  399. }
  400.  
  401. #note ol.notes img.avatar {
  402. margin-right: 5px;
  403. margin-bottom:-3px;
  404. width: 16px;
  405. height: 16px;
  406. border-radius:50%;
  407. }
  408.  
  409. #note ol.notes li {
  410. padding:3px;
  411. }
  412.  
  413. #asker {
  414. float:left;
  415. margin-right:5px;
  416. }
  417.  
  418. .aud {
  419. height:30px;
  420. width:20px;
  421. overflow:hidden;
  422. position:relative;
  423. margin: 15px 24px 13px 16px;
  424. }
  425.  
  426. .audholder {
  427. position:absolute;
  428. z-index:30;
  429. {block:ifNotBlackOrWhiteControls}
  430. background:#000;
  431. {/block:ifNotBlackOrWhiteControls}
  432. {block:ifBlackOrWhiteControls}
  433. background:#fff;
  434. {/block:ifBlackOrWhiteControls}
  435. margin-top:11px;
  436. margin-left:11px;
  437. opacity:.5;
  438. border-radius:50%;
  439. }
  440.  
  441. #song {
  442. height:51px;
  443. padding:15px;
  444. }
  445.  
  446. #cover {
  447. margin-right:5px;
  448. width:81px;
  449. height:81px;
  450. float:left;
  451. background-size:cover;
  452. z-index:1;
  453. }
  454.  
  455. #cover, #cover img { border-radius:3px; }
  456.  
  457. .chat { padding: 2px 4px; }
  458. .chat:nth-child(even) {
  459. border:1px solid {color:interface};
  460. border-radius:2px;
  461. }
  462.  
  463. .quote {
  464. font-size:130%;
  465. letter-spacing:.5px;
  466. font-family:Dosis;
  467. text-decoration:bold;
  468. }
  469.  
  470. #buttons {
  471. float:left;
  472. }
  473.  
  474. #linkcont {
  475. width:224px;
  476. margin-left:-2px;
  477. margin-top:8px;
  478. background:#fff;
  479. text-align:center;
  480. }
  481.  
  482. .links, .links a {
  483. font-size:13px;
  484. text-align:center;
  485. float:left;
  486. width:100px;
  487. margin:2px;
  488. padding:4px;
  489. background:{color:extra links bg};
  490. color:{color:extra links text};
  491. display:inline-block;
  492. }
  493.  
  494. .links:hover {
  495. background:{color:extra links hover};
  496. {block:ifHoverShadowEffects}
  497. box-shadow:0 0 12px 0px {color:interface} inset;
  498. {/block:ifHoverShadowEffects}
  499. }
  500.  
  501. .links:nth-child(odd) {
  502. float:left;
  503. }
  504.  
  505. .links:last-child {
  506. width:212px;
  507. }
  508.  
  509. #linkcont, .links, .post, #title, #desc, .info, #sideimg img, .nav, .tags, .tags i, #sideimg {
  510. transition:.3s all ease;
  511. border-radius:3px;
  512. }
  513.  
  514. .nav {
  515. width:30px;
  516. display:block;
  517. position:relative;
  518. margin:7px;
  519. padding:3px;
  520. font-size:20px;
  521. color:{color:nav icons};
  522. text-align:center;
  523. border:3px solid {color:interface};
  524. border-radius:6px;
  525. background:rgba({RGBcolor:interface},.6);
  526. }
  527.  
  528. .nav i { color:{color:nav icons}; }
  529.  
  530. .nav:hover {
  531. {block:ifHoverShadowEffects}
  532. box-shadow:0 0 15px 3px {color:interface} inset;
  533. {block:ifHoverShadowEffects}
  534. }
  535.  
  536. #navcont {
  537. position:fixed;
  538. width:30px;
  539. height:150px;
  540. top:-7px;
  541. right:-30px;
  542. }
  543.  
  544. {CustomCSS}</style></head><body>
  545.  
  546. <div id="bgholder"></div>
  547.  
  548. <div id="alltogethernow">
  549.  
  550. <div id="radio">
  551.  
  552. <div id="sideimg"></div>
  553.  
  554. <a href="/"><div id="title">{Title}</div></a>{/block:Title}
  555.  
  556. <div id="desc"><div id="d">{Description}</div></div>
  557.  
  558. {block:HasPages}
  559. <div id="linkcont">
  560. {block:Pages}<a href="{URL}" class="links">{Label}</a>{/block:Pages}
  561. </div>
  562. {block:HasPages}
  563.  
  564. <div id="navcont">
  565.  
  566. <a href="/" title="index" class="nav"><i class="fa fa-play" aria-hidden="true"></i></a>
  567. {block:AskEnabled}<a href="/ask" title="ask" class="nav"><i class="fa fa-pause" aria-hidden="true"></i></a>{/block:AskEnabled}
  568. {block:SubmissionsEnabled}<a href="/submit" title="submit" class="nav"><i class="fa fa-stop" aria-hidden="true"></i></a>{/block:SubmissionsEnabled}
  569. <a href="/archive" title="archive" class="nav"><i class="fa fa-random" aria-hidden="true"></i></a>
  570. <a href="http://sylph.god.jp/tagged/themes" title="Melody © Jardinian" class="nav"><i class="fa fa-eject" aria-hidden="true"></i></a>
  571.  
  572. {block:Pagination}
  573. {block:PreviousPage}
  574. <a href="{PreviousPage}" title="previous page">
  575. <div class="nav"><i class="fa fa-backward" aria-hidden="true"></i></div>
  576. </a>
  577. {/block:PreviousPage}
  578.  
  579. {block:NextPage}
  580. <a href="{NextPage}" title="next page">
  581. <div class="nav"><i class="fa fa-forward" aria-hidden="true"></i></div>
  582. </a>
  583. {/block:NextPage}
  584. {/block:Pagination}
  585.  
  586. </div>
  587.  
  588. </div>
  589.  
  590. {block:IndexPage}<div id="glowy"></div>{/block:IndexPage}
  591. <div id="entries">
  592.  
  593. {block:Posts}
  594.  
  595. <div class="via"></div>
  596. <div class="src"></div>
  597.  
  598. <div class="post">
  599.  
  600. {block:Text}<h1>{block:Title}{Title}{/block:Title}</h1>{Body}{/block:Text}
  601.  
  602. {block:Photo}
  603. {LinkOpenTag}
  604. <img src="{PhotoURL-400}" style="margin-left:5px">
  605. {LinkCloseTag}{block:Caption}{block:ifCaption}{Caption}{/block:ifCaption}{/block:Caption}
  606. {block:PermalinkPage}{block:ifNotCaption}{Caption}{/block:ifNotCaption}{/block:PermalinkPage}
  607. {/block:Photo}
  608.  
  609. {block:Photoset}
  610. <div style="margin-left:5px">{Photoset-400}</div>
  611. {block:ifCaption}{block:Caption}{Caption}{/block:Caption}{/block:ifCaption}
  612. {block:ifNotCaption}{block:PermalinkPage}{Caption}{/block:PermalinkPage}{/block:ifNotCaption}{/block:Photoset}
  613.  
  614. {block:Quote}<div class="quote">“{Quote}”</div><p align="right">{block:Source} —{Source}{/block:Source}</p>{/block:Quote}
  615.  
  616. {block:Link}<h1><a href="{URL}" {Target}>{Name}</a></h1>{block:Description}{Description}{/block:Description}{/block:Link}
  617.  
  618. {block:Chat}{block:Title}<h1>{Title}</h1>{/block:Title}{block:Lines}<div class="chat">{block:Label}<b>{Label}</b>{/block:Label} {Line}<br></div>{/block:Lines}{/block:Chat}
  619.  
  620. {block:Audio}
  621.  
  622. <div id="cover">
  623. {block:AlbumArt}
  624. <img src="{AlbumArtURL}">
  625. {/block:AlbumArt}
  626. </div>
  627.  
  628. <div class="audholder"><div class="aud">
  629. {block:ifBlackOrWhiteControls}
  630. {AudioPlayer}
  631. {/block:ifBlackOrWhiteControls}
  632. {block:ifNotBlackOrWhiteControls}
  633. {AudioPlayerBlack}
  634. {/block:ifNotBlackOrWhiteControls}
  635. </div></div>
  636. <div id="song">{block:Artist}<b>Artist:</b> {Artist}<br>{/block:Artist}
  637. {block:TrackName}<b>Title:</b> {TrackName}<p>{/block:TrackName}</div>
  638. {block:ifCaption}{block:Caption}<p>{Caption}{/block:Caption}{/block:ifCaption}
  639. {block:ifNotCaption}{block:PermalinkPage}{Caption}{/block:PermalinkPage}{/block:ifNotCaption}
  640. {/block:Audio}
  641.  
  642.  
  643. {block:Video}
  644. <div style="margin-left:5px">{Video-400}</div>
  645. {block:ifCaption}{block:Caption}{Caption}{/block:Caption}{/block:ifCaption}
  646. {block:ifNotCaption}{block:PermalinkPage}{Caption}{/block:PermalinkPage}{/block:ifNotCaption}
  647. {/block:Video}
  648.  
  649. {block:Answer}<div id="asker"><img src="{AskerPortraitURL-24}"></div>{Asker} whispered:<br><em>{Question}</em><br>{Answer}{/block:Answer}
  650.  
  651. {block:HasTags}<p>{block:Tags}<div class="tags"><a href="{TagURL}"><i class="fa fa-tag" aria-hidden="true"></i> {Tag}</a></div> {/block:Tags}{/block:HasTags}
  652.  
  653. </div>
  654.  
  655. {block:Date}
  656. <div class="info">
  657. posted {TimeAgo} on <a href="{Permalink}">{DayOfMonth}.{MonthNumber}.{Year}</a>{block:NoteCount} with <a href="{Permalink}">
  658. {NoteCountWithLabel}</a>{/block:NoteCount}
  659. {block:RebloggedFrom}<br>reblogged from <a href="{ReblogParentURL}"
  660. title="{ReblogParentTitle}">{ReblogParentName}</a> <strong>•</strong> originally by <a href="{ReblogRootURL}"title="{ReblogRoottitle}">{ReblogRootName}</a>{/block:RebloggedFrom}
  661. <br>
  662. {block:ifBlackOrWhiteControls}
  663. <div id="lrb">{ReblogButton color="white" size="16"}</div><div id="lrb">{LikeButton color="white" size="16"}</div>
  664. {/block:ifBlackOrWhiteControls}
  665. {block:ifNotBlackOrWhiteControls}
  666. <div id="lrb">{ReblogButton color="black" size="16"}</div><div id="lrb">{LikeButton color="black" size="16"}</div>
  667. {/block:ifNotBlackOrWhiteControls}
  668. {/block:Date}
  669.  
  670. {block:PostNotes} <p><div id="note">{PostNotes-16}</div>{/block:PostNotes}
  671. </div>
  672.  
  673. {/block:Posts}</div>
  674.  
  675. </div>
  676.  
  677.  
  678. </body></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!