API tools faq
paste
berry1890

thm25Spell

berry1890
Mar 4th, 2020
1,096
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 38.58 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "https://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2.  
  3.  
  4.  
  5.  
  6. <!---
  7.  
  8. don't remove the credit
  9. leave the credit if you want to use parts of the theme
  10.  
  11.  
  12. --->
  13.  
  14.  
  15.  
  16. <meta name="color:Background" content="#ffffff" />
  17. <meta name="color:BlockquoteBackground" content="#e3e3e3" />
  18. <meta name="color:BlockquoteBorder" content="#c09992" />
  19. <meta name="color:BlockquoteLink" content="#347153" />
  20. <meta name="color:BlockquoteText" content="#972e0d" />
  21. <meta name="color:BlogTitle" content="#d95e40" />
  22. <meta name="color:ChatEvenBackground" content="#cce9b9" />
  23. <meta name="color:ChatEvenName" content="#347153" />
  24. <meta name="color:ChatEvenText" content="#45966e" />
  25. <meta name="color:ChatOddBackground" content="#e89e8c" />
  26. <meta name="color:ChatOddName" content="#823826" />
  27. <meta name="color:ChatOddText" content="#ae4b33" />
  28. <meta name="color:CustomLinksBackground" content="#d95e40" />
  29. <meta name="color:CustomLinksText" content="#ffffff" />
  30. <meta name="color:DescBold" content="#cb6923" />
  31. <meta name="color:DescItalic" content="#dd4d89" />
  32. <meta name="color:DescLink" content="#34732d" />
  33. <meta name="color:DescText" content="#c09992" />
  34. <meta name="color:EntryBackground" content="#ffffff" />
  35. <meta name="color:EntryBold" content="#cb6923" />
  36. <meta name="color:EntryItalic" content="#dd4d89" />
  37. <meta name="color:EntryLikeButton" content="#823826" />
  38. <meta name="color:EntryLink" content="#34732d" />
  39. <meta name="color:EntryReblogButton" content="#823826" />
  40. <meta name="color:EntryText" content="#c09992" />
  41. <meta name="color:NaviText" content="#d76a5a"/>
  42. <meta name="color:PermaBackground" content="#d95e40" />
  43. <meta name="color:PermaLink" content="#224b37" />
  44. <meta name="color:PermaLinkHover" content="#ffffff" />
  45. <meta name="color:PermaText" content="#ffffff" />
  46. <meta name="color:PostTitle" content="#811f1f" />
  47. <meta name="color:TagsBackground" content="#992727" />
  48. <meta name="color:TagsText" content="#ffffff" />
  49.  
  50.  
  51.  
  52.  
  53. <meta name="if:InfiniteScrolling" content="0" />
  54. <meta name="if:ShowCaptions" content="1">
  55. <meta name="if:FadingPhoto" content="0" />
  56. <meta name="if:500Posts" content="0" />
  57. <meta name="if:540Posts" content="1" />
  58. <meta name="if:Monochrome" content="0" />
  59. <meta name="if:MusicPlayer" content="1" />
  60. <meta name="if:ShowTags" content="1" />
  61.  
  62.  
  63.  
  64. <meta name="image:SidebarImage" content="https://66.media.tumblr.com/4376a783f3a6ed1c88b56b5abfdf04a7/tumblr_pt7ksednCy1rd6t1go2_250.png"/>
  65. <meta name="image:Background" content=""/>
  66. <meta name="image:CornerImage" content="" />
  67.  
  68.  
  69. <meta name="text:Background Repeat" content="repeat"/>
  70. <meta name="text:MusicCode" content="Music Code Here"/>
  71.  
  72. <meta name="text:Link1Title" content=""/>
  73. <meta name="text:Link1URL" content=""/>
  74. <meta name="text:Link2Title" content=""/>
  75. <meta name="text:Link2URL" content=""/>
  76. <meta name="text:Link3Title" content=""/>
  77. <meta name="text:Link3URL" content=""/>
  78. <meta name="text:Link4Title" content=""/>
  79. <meta name="text:Link4URL" content=""/>
  80.  
  81.  
  82.  
  83.  
  84.  
  85. <head>
  86.  
  87. <link rel="stylesheet" type="text/css" href="https://static.tumblr.com/7fjp0ap/Ap9n7bmaf/stylesheet.css" />
  88. <link href='https://static.tumblr.com/7fjp0ap/uQWn2jbu0/stylesheet.css' rel='stylesheet' type='text/css'>
  89. <link href="https://fonts.googleapis.com/css?family=Indie+Flower" rel="stylesheet" type="text/css">
  90. <link rel="stylesheet" type="text/css" href="https://static.tumblr.com/uuxiawr/N2wo9dw61/academic_gabo_grealn.css" />
  91. <link rel="stylesheet" type="text/css" href="https://static.tumblr.com/uuxiawr/j4Dnukz0h/stylesheet.css" />
  92. <link href="https://fonts.googleapis.com/css?family=Arima+Madurai:300,400,700,900" rel="stylesheet">
  93.  
  94.  
  95.  
  96. <link href="//maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css" rel="stylesheet">
  97.  
  98.  
  99.  
  100. <meta https-equiv="content-type" content="text/html; charset=utf-8">
  101. <title>{Title}</title>
  102. <link rel="shortcut icon" href="{Favicon}">
  103.  
  104. <style type="text/css">
  105.  
  106.  
  107.  
  108.  
  109.  
  110.  
  111.  
  112. @import url(https://weloveiconfonts.com/api/?family=entypo|fontawesome);
  113.  
  114. /* fontawesome */
  115. [class*="fontawesome-"]:before {
  116. font-family: 'FontAwesome', sans-serif;
  117. }
  118.  
  119.  
  120.  
  121.  
  122. body {
  123. background-color: {color:Background};
  124. background-attachment: fixed;
  125. background-repeat: repeat;
  126. color: {color:entrytext};
  127. font-family:calibri;
  128. font-size: 14px;
  129. }
  130.  
  131. @font-face {
  132. font-family: "edmondsans";
  133. src: url('https://static.tumblr.com/7fjp0ap/Sdvmmwkrz/edmondsans-regular.otf');}
  134.  
  135. @font-face {
  136. font-family: "elephant";
  137. src: url('https://static.tumblr.com/7fjp0ap/sfQmmur4s/elephnt.ttf');}
  138.  
  139. ::-webkit-scrollbar-thumb:vertical {
  140. background-color: {color:entrytext};
  141. width: 8px;
  142. height: 30px;
  143. }
  144.  
  145. ::-webkit-scrollbar {
  146. height: 30px;
  147. width: 8px;
  148. background-color: {color:entrybackground};
  149. }
  150.  
  151.  
  152.  
  153.  
  154. a{
  155. color: {color:entrylink};
  156. text-decoration: none;
  157. -webkit-transition: all 0.5s linear;
  158. -moz-transition: all 0.5s linear;
  159. -o-transition: all 0.5s linear;
  160. }
  161.  
  162. a:hover{
  163. color: {color:entrylink};
  164. }
  165.  
  166.  
  167.  
  168.  
  169.  
  170.  
  171. #sidebar{
  172. width: 300px;
  173. left:20px;
  174. display:inline-block;
  175. top:0px;
  176. bottom:0px;
  177. position:fixed;
  178. overflow:visible;
  179. }
  180.  
  181. .sideimg img{
  182. width:200px;
  183. height:300px;
  184. display:block;
  185. float:left;
  186. margin-bottom:0px;
  187. }
  188.  
  189.  
  190. #desc{
  191. text-align: left;
  192. font-family:calibri;
  193. font-size:11px;
  194. letter-spacing:1px;
  195. color:{color:desctext};
  196. font-style: none;
  197. }
  198.  
  199.  
  200. #desc a{
  201. color:{color:desclink};
  202. }
  203.  
  204. #desc b{
  205. color:{color:descbold};
  206. }
  207.  
  208. #desc i{
  209. color:{color:descitalic};
  210. }
  211.  
  212.  
  213.  
  214. .sb1{
  215. display:block;
  216. width:220px;
  217. height:3px;
  218. margin-bottom:5px;
  219. background-color:{color:blogtitle};
  220. -moz-border-radius: 0px 3px 0px 0px;
  221. -webkit-border-radius: 0px 3px 0px 0px;
  222. border-radius: 0px 3px 0px 0px;
  223. }
  224.  
  225.  
  226. .sb2{
  227. display:block;
  228. float:left;
  229. width:220px;
  230. height:3px;
  231. margin-top:5px;
  232. margin-bottom:10px;
  233. background-color:{color:desctext};
  234. -moz-border-radius: 0px 0px 0px 3px;
  235. -webkit-border-radius: 0px 0px 0px 3px;
  236. border-radius: 0px 0px 0px 3px;
  237. }
  238.  
  239.  
  240.  
  241.  
  242. #blogtitle{
  243. position:relative;
  244. width:220px;
  245. margin-bottom:-5px;
  246. display:block;
  247. text-align:right;
  248. font-family: 'Indie Flower', cursive;
  249. font-size:20px;
  250. text-transform:none;
  251. color: {color:BlogTitle};
  252. }
  253.  
  254.  
  255.  
  256.  
  257.  
  258.  
  259.  
  260. .custombox{
  261. display:block;
  262. float:right;
  263. margin-left: 10px;
  264. width:90px;
  265. }
  266.  
  267. .custombox a{
  268. display:block;
  269. margin-bottom:3px;
  270. font-family:calibri;
  271. font-size:11px;
  272. padding:0px 2px 0px 2px;
  273. font-weight:bold;
  274. color:{color:customlinkstext};
  275. background-color:{color:CustomLinksBackground};
  276. border-bottom:1px solid {color:customlinkstext};
  277. }
  278.  
  279.  
  280. .custombox a:hover{
  281. font-style:italic;
  282. text-decoration: line-through;
  283. }
  284.  
  285.  
  286. .navtext{
  287. margin-top:0px;
  288. margin-right:13px;
  289. position:relative;
  290. overflow:hidden;
  291. text-align:left;
  292. display:block;
  293. float:right;
  294. width:15px;
  295. height:20px;
  296. line-height:20px;
  297. font-family:calibri;
  298. font-size:13px;
  299. z-index:999;
  300. color:{color:navitext};
  301. -webkit-transition: all 0.7s ease-in-out;
  302. -moz-transition: all 0.7s ease-in-out;
  303. -o-transition: all 0.7s ease-in-out;
  304. }
  305.  
  306. .navtext b,strong{
  307. color:{color:navitext};
  308. }
  309.  
  310. #navibox{
  311. width:10px;
  312. height:300px;
  313. display:block;
  314. float:left;
  315. margin-right:10px;
  316. margin-top:0px;
  317. text-align: center;
  318. display: inline-block;
  319. }
  320.  
  321.  
  322.  
  323. #navibox a{
  324. width:10px;
  325. height:20px;
  326. margin-bottom:5px;
  327. display: block;
  328. text-align:left;
  329. font-size:16px;
  330. line-height:55px;
  331. float:left;
  332. overflow:visible;
  333. color:{color:navitext};
  334. background-color:{color:NaviText};
  335. -webkit-transition: all 0.7s ease-in-out;
  336. -moz-transition: all 0.7s ease-in-out;
  337. -o-transition: all 0.7s ease-in-out;
  338. }
  339.  
  340.  
  341.  
  342.  
  343. #navibox a:hover .navtext{
  344. width:70px;
  345. }
  346.  
  347.  
  348.  
  349. #pagi{
  350. margin-top:10px;
  351. width:220px;
  352. height:15px;
  353. line-height:15px;
  354. font-size: 13px;
  355. letter-spacing:1px;
  356. text-align:center;
  357. font-family: 'gabo_driveregular';
  358. color: {color:desctext};
  359. display:inline-block;
  360. }
  361.  
  362.  
  363.  
  364. .jump_page {
  365. padding: 2px;
  366. text-decoration:none;
  367. color: {color:customlinksbackground};
  368. }
  369.  
  370.  
  371.  
  372. .current_page, .jump_page:hover {
  373. padding: 2px;
  374. color: {color:desclink};
  375. text-decoration:none;
  376. }
  377.  
  378.  
  379.  
  380.  
  381.  
  382.  
  383. #posts{
  384. {block:if500Posts}width: 530px;{/block:if500Posts}
  385. {block:ifNot500Posts}
  386. width: 430px;
  387. {block:if540Posts}width: 570px;{/block:if540Posts}
  388. {/block:ifNot500Posts}
  389. margin-left: 400px;
  390. margin-bottom: 20px;
  391. position:relative;
  392. margin-top:50px;
  393. }
  394.  
  395.  
  396.  
  397. img.center {
  398. display: block;
  399. margin-left: auto;
  400. margin-right: auto;
  401. }
  402.  
  403.  
  404. .entry{
  405. {block:if500Posts}width: 500px;{/block:if500Posts}
  406. {block:ifNot500Posts}
  407. width: 400px;
  408. {block:if540Posts}width: 540px;{/block:if540Posts}
  409. {/block:ifNot500Posts}
  410. text-align: left;
  411. padding: 10px;
  412. padding-bottom:0px;
  413. margin-bottom:100px;
  414. font-family: calibri;
  415. font-size: 10px;
  416. letter-spacing:1px;
  417. overflow: hidden;
  418. background-color: {color:EntryBackground};
  419. color: {color:text};
  420. -webkit-transition: all 0.9s ease;
  421. -moz-transition: all 0.9s ease;
  422. -o-transition: all 0.9s ease;
  423. position:relative;
  424. }
  425.  
  426. .entry img{
  427. {block:if500Posts}max-width: 500px;{/block:if500Posts}
  428. {block:ifNot500Posts}
  429. max-width: 400px;
  430. {block:if540Posts}max-width: 540px;{/block:if540Posts}
  431. {/block:ifNot500Posts}
  432. {block:ifMonochrome}
  433. filter: url("data:image/svg+xml;utf8,<svg xmlns=\'https://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 3.5+ */
  434. filter: gray; /* IE6-9 */
  435. -webkit-filter: grayscale(100%); /* Chrome 19+ & Safari 6+ */
  436. -webkit-transition: all 0.7s linear;
  437. -moz-transition: all 0.7s linear;
  438. -o-transition: all 0.7s linear;
  439. {/block:ifMonochrome}
  440. }
  441.  
  442.  
  443.  
  444.  
  445. {block:ifMonochrome}
  446. .mono{
  447. filter: url("data:image/svg+xml;utf8,<svg xmlns=\'https://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 3.5+ */
  448. filter: gray; /* IE6-9 */
  449. -webkit-filter: grayscale(100%); /* Chrome 19+ & Safari 6+ */
  450. -webkit-transition: all 0.7s linear;
  451. -moz-transition: all 0.7s linear;
  452. -o-transition: all 0.7s linear;
  453. }
  454.  
  455.  
  456. .mono, .entry img:hover{
  457. filter: none;
  458. -webkit-filter: grayscale(0%);
  459. }
  460.  
  461. {/block:ifMonochrome}
  462.  
  463.  
  464. .entry b, strong{
  465. color: {color:EntryBold};
  466. }
  467.  
  468. .entry i, em{
  469. color: {color:EntryItalic};
  470. }
  471.  
  472. .entry a{
  473. color: {color:EntryLink};
  474. text-decoration: none;
  475. }
  476.  
  477. .entry h1{
  478. font-family: consolas;
  479. text-transform: none;
  480. font-size: 15px;
  481. font-weight: 20px;
  482. letter-spacing: 1px;
  483. }
  484.  
  485. .entry h1 a{
  486. color: {color:EntryLink};
  487. }
  488.  
  489.  
  490.  
  491.  
  492. blockquote{
  493. border-left: 4px solid {color:blockquoteborder};
  494. font-size: 13px;
  495. padding-left:10px;
  496. padding-right: 4px;
  497. margin:5px;
  498. text-align:justify;
  499. }
  500.  
  501.  
  502. .entry blockquote img{
  503. max-width: 90%;
  504. margin-left: 3px;
  505. }
  506.  
  507. blockquote img{
  508. max-width: 90%;
  509. margin-left: 3px;
  510. }
  511.  
  512.  
  513. .entry pre{
  514. word-wrap:break-word;
  515. white-space: pre-wrap;
  516. word-break:break-all;
  517. font-family:courier new;
  518. font-size:11px;
  519. padding:5px;
  520. letter-spacing:0px;
  521. background-color:{color:blockquotebackground};
  522. color:{color:blockquotetext};
  523. }
  524.  
  525.  
  526. .entry pre a{
  527. color:{color:BlockquoteLink};
  528. }
  529.  
  530.  
  531. .entry blockquote pre{
  532. background-color:{color:blockquotebackground};
  533. color:{color:blockquotetext};
  534. font-size:10px;
  535. font-family:courier new;
  536. width:93%;
  537. margin:5px;
  538. display:block;
  539. word-wrap:break-word;
  540. white-space: pre-wrap;
  541. word-break:break-all;
  542. }
  543.  
  544.  
  545. .entry blockquote pre a{
  546. color:{color:BlockquoteLink};
  547. }
  548.  
  549.  
  550. #perma{
  551. z-index: 999;
  552. font-family: calibri;
  553. font-size: 9px;
  554. letter-spacing: 1px;
  555. {block:if500Posts}width: 510px;{/block:if500Posts}
  556. {block:ifNot500Posts}
  557. width: 410px;
  558. {block:if540Posts}width: 550px;{/block:if540Posts}
  559. {/block:ifNot500Posts}
  560. margin-top: 10px;
  561. margin-left: -10px;
  562. display: inline-block;
  563. background-color: {color:permabackground};
  564. color: {color:permatext};
  565. padding: 5px;
  566. text-align: right;
  567. }
  568.  
  569. #taggies{
  570. z-index: 999;
  571. font-family: georgia;
  572. font-style:italic;
  573. font-size: 11px;
  574. letter-spacing: 1px;
  575. {block:if500Posts}width: 510px;{/block:if500Posts}
  576. {block:ifNot500Posts}
  577. width: 410px;
  578. {block:if540Posts}width: 550px;{/block:if540Posts}
  579. {/block:ifNot500Posts}
  580. margin-top: -2px;
  581. margin-left: -10px;
  582. display: inline-block;
  583. background-color: {color:tagsbackground};
  584. color: {color:tagstext};
  585. padding: 5px;
  586. text-align: center;
  587. }
  588.  
  589. #taggies a{
  590.  
  591. color: {color:tagstext};
  592. }
  593.  
  594. #perma a{
  595. color: {color:PermaLink};
  596. font-style: none;
  597. }
  598.  
  599. #perma a:hover {
  600. color: {color:PermaLinkHover};
  601. font-style: none;
  602. }
  603.  
  604. x{
  605. font-size: 12px;
  606. color: {color:permatext};
  607. }
  608.  
  609. .permalink {
  610. font-family: cambria;
  611. font-size: 10px;
  612. color: {color:Text};
  613. text-transform: none;
  614. text-align: center;
  615. {block:if500Posts}width: 494px;{/block:if500Posts}
  616. {block:ifNot500Posts}
  617. width: 394px;
  618. {block:if540Posts}width: 534px;{/block:if540Posts}
  619. {/block:ifNot500Posts}
  620. margin-top: 20px;
  621. padding:10px;
  622. margin-bottom: 10px;
  623. margin-left: -10px;
  624. float: left;
  625. background-color: {color:EntryBackground};
  626. }
  627.  
  628. .permalink b {
  629. color: {color:EntryBold};
  630. font-weight: normal;
  631. }
  632.  
  633. #date {
  634. color: {color:entrytext};
  635. }
  636.  
  637. .permalink a {
  638. color: {color:EntryLink};
  639. text-decoration: none;
  640. }
  641.  
  642.  
  643.  
  644. .title{
  645. color: {color:posttitle};
  646. padding-top: 5px;
  647. padding-bottom: 5px;
  648. font-size: 30px;
  649. margin-bottom:10px;
  650. font-family: 'gabo_driveregular';
  651. line-height: 24px;
  652. text-align: center;
  653. border-bottom: 1px {color:PostTitle} solid;
  654. }
  655.  
  656. .title2{
  657. color: {color:PostTitle};
  658. padding:20px;
  659. font-size: 24px;
  660. margin-bottom:10px;
  661. display:block;
  662. text-transform: none;
  663. text-align: center;
  664. font-family: philosopherregular;
  665. background-color: {color:posttitlebackground};
  666. border:1px solid {color:posttitle};
  667. -webkit-transition: all 0.5s linear;
  668. -moz-transition: all 0.5s linear;
  669. -o-transition: all 0.5s linear;
  670. }
  671.  
  672.  
  673. .title2 a{
  674. color: {color:PostTitle};
  675. width:100%;
  676. display:block;
  677. text-decoration:none;
  678. }
  679.  
  680. .title2 z{
  681. color: {color:PostTitle};
  682. font-size:11px;
  683. font-family:calibri;
  684. width:100%;
  685. text-decoration:underline;
  686. display:block;
  687. word-wrap:break-word;
  688. white-space: pre-wrap;
  689. word-break:break-all;
  690. }
  691.  
  692.  
  693. .title2 a:hover{
  694. color: {color:PostTitle};
  695. }
  696.  
  697.  
  698. .arrow-down {
  699. margin-top:-5px;
  700. display:block;
  701. margin-left:20px;
  702. width:0px;
  703. height:0px;
  704. border-left:10px solid transparent;
  705. border-right:10px solid transparent;
  706. border-top:15px solid {color:text};
  707. font-size:0px;
  708. line-height:0px;
  709. }
  710.  
  711.  
  712. .ask {
  713. display:inline-block;
  714. padding:1px;
  715. width:100%;
  716. font-size:11px;
  717. margin-left:0px;
  718. margin-top:0px;
  719. color:{color:text};
  720. text-transform: none;
  721. }
  722.  
  723. .askx{
  724. width: 50px;
  725. height:50px;
  726. margin-top:0px;
  727. margin-right:10px;
  728. border:1px solid {color:text};
  729. display:block;
  730. float:left;
  731. text-align:center;
  732. }
  733.  
  734. .askx img {
  735. width: 50px;
  736. height:50px;
  737. }
  738.  
  739. .asky {
  740. text-transform:none;
  741. margin-top:5px;
  742. font-size:10px;
  743. display:block;
  744. float:left;
  745. padding:1px;
  746. border-bottom:1px dotted {color:text};
  747. color:{color:text};
  748. }
  749.  
  750.  
  751. .aska{
  752. display:block;
  753. margin-top:10px;
  754. padding-top:5px;
  755. border-top: 1px dashed {color:text};
  756. }
  757.  
  758.  
  759.  
  760.  
  761. #quote{
  762. color: {color:EntryText};
  763. padding: 15px;
  764. font-family: calibri;
  765. font-size:16px;
  766. text-align:justify;
  767. line-height: 15px;
  768. }
  769.  
  770. .quote2{
  771. position:absolute;
  772. margin-left:-25px;
  773. margin-top:10px;
  774. font-family: Donegal One,serif;
  775. font-size: 50px;
  776. color: {color:EntryText};
  777. }
  778.  
  779. .quote3{
  780. position:absolute;
  781. margin-top:10px;
  782. font-family: Donegal One,serif;
  783. font-size: 50px;
  784. color: {color:EntryText};
  785. margin-left:90%;
  786. {block:PermalinkPage}
  787. margin-left:90%;
  788. {/block:PermalinkPage}
  789. }
  790.  
  791.  
  792. b,strong{
  793. color:{color:EntryBold};
  794. }
  795.  
  796.  
  797. i,em{
  798. color:{color:EntryItalic};
  799. }
  800.  
  801.  
  802. #source p{
  803. display:none;
  804. }
  805.  
  806. ol.notes {
  807. background-color:{color:EntryBackground};
  808. font-family:tahoma;
  809. font-size:10px;
  810. padding-top:10px;
  811. border: 0px;
  812. padding-left:15px;
  813. margin-top:10px;
  814. width:476px;
  815. margin-left: 0px;
  816. list-style-type: none;}
  817.  
  818. ol.notes li.note {
  819. background: ;
  820. padding:5px;
  821. width:480px;
  822. letter-spacing: 0px;
  823. text-align: left;
  824. }
  825.  
  826. ol.notes li.note a{
  827. color:{color:EntryLink};
  828. background: ;
  829. font-family:tahoma;
  830. text-transform:none;
  831. letter-spacing:0px;
  832. font-size:10px;}
  833.  
  834. ol.notes li.note img.avatar {
  835. vertical-align: -4px;
  836. margin-right: 0px;
  837. }
  838.  
  839. .playerbuttonbg {
  840. position: absolute;
  841. left: 0px;
  842. right: 0px;
  843. top:0px;
  844. height: 200px;
  845. background-color: #000;
  846. transition: opacity .7s ease-in-out;
  847. -moz-transition: opacity .7s ease-in-out;
  848. -webkit-transition: opacity .7s ease-in-out;
  849. }
  850.  
  851.  
  852.  
  853. .newplayerbutton {
  854. position: relative;
  855. height: 200px;
  856. left:0px;
  857. right:200px;
  858. overflow: hidden;
  859. }
  860.  
  861. .playerbuttonhug {
  862. position: absolute;
  863.  
  864. }
  865.  
  866. .tumblr_audio_player {
  867. width:40px;
  868. height: 200px;
  869. left:0px;
  870. }
  871.  
  872.  
  873. .audioimgwrapper {
  874. position: absolute;
  875. right: 0px;
  876. top: 0px;
  877. overflow: hidden;
  878. width: 200px;
  879. height: 200px;
  880. z-index:97;
  881. }
  882.  
  883. .audioimgwrapper img {
  884. width: 100%;
  885. height: auto;
  886. position:absolute;
  887. z-index:9px;
  888. top:0px;
  889. }
  890.  
  891.  
  892. .audioimgwrapper3{
  893. width: 100%;
  894. height: 100%;
  895. position:absolute;
  896. z-index:9px;
  897. background-color:#000;
  898. opacity:1;
  899. }
  900.  
  901. .audioimgwrapper2 img {
  902. width: 100%;
  903. height: auto;
  904. position:absolute;
  905. z-index:-2px;
  906. top:0px;
  907. }
  908.  
  909. .trackdetails {
  910. left: 40px;
  911. position:absolute;
  912. height: 200px;
  913. width:300px;
  914. text-align:center;
  915. z-index:999;
  916. display: table;
  917. font-size:20px;
  918. font-family: 'mohavebold';
  919. color:{color:EntryBold};
  920. }
  921.  
  922.  
  923. .trackdetails p{
  924. width:100%;
  925. text-align:center;
  926. display: table-cell;
  927. vertical-align: middle;
  928. }
  929.  
  930.  
  931. .pc{
  932. font-size:20px;
  933. font-family: calibri;
  934. color:{color:EntryAudioPlayCount};
  935. line-height:5px;
  936. }
  937.  
  938. .ann{
  939. font-size:11px;
  940. font-family: calibri;
  941. color:{color:EntryAudioTrackName};
  942. }
  943.  
  944.  
  945. .audiowrapper {
  946. position:relative;
  947. display:block;
  948. width:100%;
  949. height: 200px;
  950. }
  951.  
  952.  
  953. .photo img{
  954. display:block;
  955. {block:iffadingphoto}
  956. filter:alpha(opacity=70);
  957. -moz-opacity: 0.7;
  958. -webkit-transition: all 0.7s linear;
  959. -moz-transition: all 0.7s linear;
  960. -o-transition: all 0.7s linear;
  961. {/block:iffadingphoto}
  962.  
  963. {block:ifMonochrome}
  964. filter: url("data:image/svg+xml;utf8,<svg xmlns=\'https://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 3.5+ */
  965. filter: gray; /* IE6-9 */
  966. -webkit-filter: grayscale(100%); /* Chrome 19+ & Safari 6+ */
  967. -webkit-transition: all 0.7s linear;
  968. -moz-transition: all 0.7s linear;
  969. -o-transition: all 0.7s linear;
  970. {/block:ifMonochrome}
  971. }
  972.  
  973. .photo:hover img{
  974.  
  975. filter: none;
  976. -webkit-filter: grayscale(0%);
  977. }
  978.  
  979.  
  980. .odd .line {
  981. background-color: {color:chatoddbackground};
  982. padding: 3px;
  983. margin-bottom:3px;
  984. color:{color:chatoddtext};
  985. }
  986. .even .line {
  987. background-color: {color:ChatEvenBackground};
  988. padding:3px;
  989. margin-bottom:3px;
  990. color:{color:chateventext};
  991. }
  992. .odd .name {
  993. color: {color:chatoddname};
  994. padding: 3px;
  995. }
  996. .even .name {
  997. color: {color:chatevenname};
  998. padding: 3px;
  999. }
  1000.  
  1001.  
  1002.  
  1003.  
  1004.  
  1005.  
  1006. #musicboxx
  1007. {position:fixed;
  1008. background-color:{color:EntryBackground};
  1009. bottom:0px;
  1010. left:0px;
  1011. width:96px;
  1012. height:12px;
  1013. text-align:center;
  1014. padding:3px;
  1015. overflow:hidden;
  1016. opacity:0.3;
  1017. z-index:9999999;
  1018. -webkit-transition: opacity 0.5s ease-in-out;
  1019. -webkit-transition: all 0.5s ease-in-out;
  1020. -moz-transition: all 0.5s ease-in-out;
  1021. -o-transition: all 0.5s ease-in-out;
  1022. }
  1023.  
  1024. #musicboxx:hover
  1025. {opacity:1;
  1026. }
  1027.  
  1028. #insidebox
  1029. {height:11px;
  1030. -webkit-transition: opacity 0.5s ease-in-out;
  1031. -webkit-transition: all 0.5s ease-in-out;
  1032. -moz-transition: all 0.5s ease-in-out;
  1033. -o-transition: all 0.5s ease-in-out;
  1034. }
  1035.  
  1036. #playerbox
  1037. {margin-top:0px;
  1038. }
  1039. #musicboxx:hover #insidebox
  1040. {margin-top:-23px;
  1041. }
  1042.  
  1043.  
  1044.  
  1045. .tmblr-iframe {
  1046. right:3px !important;
  1047. top:0px !important;
  1048. position:fixed !important;
  1049. z-index:9999999;
  1050. opacity: 0.4;
  1051. -webkit-transition: all 0.4s ease-in-out;
  1052. -moz-transition: all 0.4s ease-in-out;
  1053. -o-transition: all 0.4s ease-in-out;
  1054. -ms-transition: all 0.4s ease-in-out;
  1055. transition: all 0.4s ease-in-out;
  1056. }
  1057. .tmblr-iframe:hover {
  1058. opacity: 1;
  1059. -webkit-transition: all 0.4s ease-in-out;
  1060. -moz-transition: all 0.4s ease-in-out;
  1061. -o-transition: all 0.4s ease-in-out;
  1062. -ms-transition: all 0.4s ease-in-out;
  1063. transition: all 0.4s ease-in-out;
  1064. }
  1065.  
  1066.  
  1067. .photo img { max-width: 100%; height: auto }
  1068.  
  1069. #pagination{
  1070. width:10;
  1071. left:0px;
  1072. bottom:0px;
  1073. position:absolute;
  1074. padding:5px 15px 0px 0px;
  1075. display:none;
  1076. }
  1077.  
  1078.  
  1079.  
  1080. .divvv{
  1081. display:block;
  1082. float:right;
  1083. width:220px;
  1084. }
  1085.  
  1086.  
  1087. /* =============================================================================
  1088. PXU Photoset Extended Styles
  1089. ========================================================================== */
  1090.  
  1091. .clearit:before, .clearit:after { content: ""; display: table; }
  1092. .clearit:after { clear: both; }
  1093. .clearit { *zoom: 1; }
  1094.  
  1095. /* Photoset */
  1096.  
  1097. .photo-slideshow {
  1098. visibility: hidden;
  1099. }
  1100.  
  1101. .photo-slideshow.processed {
  1102. visibility: visible;
  1103. }
  1104.  
  1105. .photo-slideshow .row {
  1106. clear: both;
  1107. width: 100%;
  1108. }
  1109.  
  1110. .photo-slideshow .pxu-photo {
  1111. display: block;
  1112. float: left;
  1113. margin-bottom: 0;
  1114. width: 100%;
  1115. overflow: hidden;
  1116. }
  1117.  
  1118. .photo-slideshow .pxu-photo img {
  1119. display: block;
  1120. }
  1121.  
  1122. .photo-slideshow.processed .pxu-photo img {
  1123. width: 100%;
  1124. height: auto;
  1125. }
  1126.  
  1127. .photo-slideshow .pxu-photo:first-child img {
  1128. margin-left: 0;
  1129. }
  1130.  
  1131. .photo-slideshow .count-1 {
  1132. width: 100%;
  1133. margin-bottom:4px;
  1134. }
  1135.  
  1136. .photo-slideshow .count-2 {
  1137. margin-bottom:4px;
  1138. }
  1139.  
  1140. .photo-slideshow .count-2:nth-child(1) {
  1141. {block:if500Posts}width: 248px;{/block:if500Posts}
  1142. {block:ifNot500Posts}
  1143. width: 198px;
  1144. {block:if540Posts}width: 268px;{/block:if540Posts}
  1145. {/block:ifNot500Posts}
  1146. }
  1147.  
  1148. .photo-slideshow .count-2:nth-child(2) {
  1149. {block:if500Posts}width: 248px;{/block:if500Posts}
  1150. {block:ifNot500Posts}
  1151. width: 198px;
  1152. {block:if540Posts}width: 268px;{/block:if540Posts}
  1153. {/block:ifNot500Posts}
  1154. margin-left:4px;
  1155. }
  1156.  
  1157. .photo-slideshow .count-3{
  1158. margin-bottom:4px;
  1159. }
  1160.  
  1161. .photo-slideshow .count-3:nth-child(1) {
  1162. {block:if500Posts}width: 164px;{/block:if500Posts}
  1163. {block:ifNot500Posts}
  1164. width: 130.6666666666667px;
  1165. {block:if540Posts}width: 177px;{/block:if540Posts}
  1166. {/block:ifNot500Posts}
  1167. }
  1168.  
  1169. .photo-slideshow .count-3:nth-child(2) {
  1170. {block:if500Posts}width: 164px;{/block:if500Posts}
  1171. {block:ifNot500Posts}
  1172. width: 130.6666666666667px;
  1173. {block:if540Posts} width: 178px;{/block:if540Posts}
  1174. {/block:ifNot500Posts}
  1175. margin-left:4px;
  1176. }
  1177.  
  1178. .photo-slideshow .count-3:nth-child(3) {
  1179. {block:if500Posts}width: 164px;{/block:if500Posts}
  1180. {block:ifNot500Posts}
  1181. width: 130.6666666666667px;
  1182. {block:if540Posts}width: 177px;{/block:if540Posts}
  1183. {/block:ifNot500Posts}
  1184. margin-left:4px;
  1185. }
  1186.  
  1187. .photo-slideshow .count-4 {
  1188. width: 25%;
  1189. margin-bottom:4px;
  1190. }
  1191.  
  1192. .photo-slideshow .count-5 {
  1193. width: 20%;
  1194. margin-bottom:4px;
  1195. }
  1196.  
  1197. .photo-slideshow .info {
  1198. display: none;
  1199. }
  1200.  
  1201. .tumblr-box {
  1202. display:block;
  1203. position:absolute;
  1204. top:0;
  1205. right:0;
  1206. bottom:0;
  1207. left:0;
  1208. z-index:1;
  1209. }
  1210.  
  1211. /* Icons for EXIF Data and Zoom */
  1212.  
  1213. .photo-data {
  1214. position: relative;
  1215. float: left;
  1216. }
  1217.  
  1218. .icons {
  1219. position: absolute;
  1220. top: 5px;
  1221. right: 5px;
  1222. width: 20px;
  1223. height: 66px;
  1224. text-indent: -9999px;
  1225. z-index: 999;
  1226. visibility: hidden;
  1227. }
  1228.  
  1229. .icons > span, .icons .tumblr-box span {
  1230. width: 20px;
  1231. height: 20px;
  1232. display: block;
  1233. margin-bottom: 2px;
  1234. cursor: pointer;
  1235. }
  1236.  
  1237. .zoom {
  1238. background: url('https://static.tumblr.com/hugxd2w/kgem0so9j/zoom-icon.png');
  1239. }
  1240.  
  1241. .info {
  1242. background: url('https://static.tumblr.com/hugxd2w/ffwm0so9t/info-icon.png');
  1243. position: relative;
  1244. }
  1245.  
  1246. /* EXIF & CAPTION Data Tooltip */
  1247.  
  1248. .pxu-data {
  1249. position: absolute;
  1250. top: 30px;
  1251. left: -110px;
  1252. width: 240px;
  1253. background: #000;
  1254. background: rgba(0,0,0,.85);
  1255. color: #fff;
  1256. font-size: 12px;
  1257. line-height: 1.4;
  1258. text-indent: 0;
  1259. padding: 20px;
  1260. display: none;
  1261. opacity: 0;
  1262. filter: alpha(opacity = 0);
  1263. -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  1264.  
  1265. box-shadow: 2px 2px 7px rgba(0,0,0,0.55);
  1266.  
  1267. -webkit-border-radius: 5px;
  1268. -moz-border-radius: 5px;
  1269. border-radius: 5px;
  1270.  
  1271. -webkit-box-sizing: border-box;
  1272. -moz-box-sizing: border-box;
  1273. box-sizing: border-box;
  1274.  
  1275. }
  1276.  
  1277. .pxu-caption {
  1278. margin-top: 0;
  1279. word-wrap: break-word;
  1280. }
  1281.  
  1282. .pxu-caption:before {
  1283. content: url('https://static.tumblr.com/hugxd2w/SSBm6wxmm/caption-icon.png');
  1284. opacity: 0.5;
  1285. filter: alpha(opacity = 50);
  1286. -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  1287. float: left;
  1288. margin-right: 5px;
  1289. }
  1290.  
  1291. .pxu-data.caption-only .pxu-caption {
  1292. margin-bottom: 0;
  1293. }
  1294.  
  1295. .pxu-data table {
  1296. font-family: "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
  1297. font-weight: bold;
  1298. width: 100%;
  1299. }
  1300.  
  1301. .pxu-data table tr {
  1302. width: 100%;
  1303. }
  1304.  
  1305. .pxu-data table tr td {
  1306. width: 50%;
  1307. font-weight: bold;
  1308. padding-bottom: 15px;
  1309. }
  1310.  
  1311. .pxu-data table tr:last-child td {
  1312. padding-bottom: 0;
  1313. }
  1314.  
  1315. .pxu-data .label {
  1316. color: #cccccc;
  1317. text-transform: none;
  1318. font-size: 10px;
  1319. text-align: right;
  1320. padding-right: 12px;
  1321. font-weight: normal;
  1322. }
  1323.  
  1324. .arrow-down {
  1325. width: 0;
  1326. height: 0;
  1327. border-left: 10px solid transparent;
  1328. border-right: 10px solid transparent;
  1329.  
  1330. border-bottom: 10px solid rgba(0,0,0,0.85);
  1331.  
  1332. position: absolute;
  1333. top: -10px;
  1334. left: 110px;
  1335. }
  1336.  
  1337.  
  1338. .reblog-button svg path {
  1339. fill: {color:entryreblogbutton};
  1340. }
  1341.  
  1342. .like { /* Make a parent element */
  1343. position: relative;
  1344. }
  1345. .like svg path { /* Select your color of choice */
  1346. fill: {color:entrylikebutton};
  1347. }
  1348. .like .like_button { /* Position like button above your custom one */
  1349. position: absolute;
  1350. top:0;
  1351. right:-1px;
  1352. opacity: 0;
  1353. }
  1354. .like .like_button.liked { /* Keep the functionality active */
  1355. opacity: 1;
  1356. }
  1357.  
  1358. .likedivv{
  1359. display:block;
  1360. float:left;
  1361. width:20px;
  1362. height:20px;
  1363. margin-left:10px;
  1364. }
  1365.  
  1366. .lholder{
  1367. width:70px;
  1368. display:inline-block;
  1369. float:left;
  1370. }
  1371.  
  1372. .likebuttonx{
  1373. display:block;
  1374. float:left;
  1375. text-align:center;
  1376. margin-top:3px;
  1377. width:15px;
  1378. padding:0px 5px 0px 0px;
  1379. }
  1380.  
  1381. .dot{
  1382. display:block;
  1383. float:left;
  1384. width:1px;
  1385. text-align:center;
  1386. margin-top:7px;
  1387. color:{color:PermalinkText};
  1388. }
  1389.  
  1390.  
  1391. .reblogx a{
  1392. display:block;
  1393. float:left;
  1394. text-align:center;
  1395. margin-top:3px;
  1396. width:15px;
  1397. padding:0px 7px 0px 10px;
  1398. }
  1399.  
  1400.  
  1401. .permanotes{
  1402. font-family: georgia;
  1403. font-style:italic;
  1404. font-size: 12px;
  1405. }
  1406.  
  1407. </style>
  1408.  
  1409. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js" type="text/javascript"></script>
  1410.  
  1411.  
  1412.  
  1413. <script src="https://static.tumblr.com/qudkd6d/Az6nkemqr/pxuphotoset.min.js" type="text/javascript"></script>
  1414.  
  1415.  
  1416. <script type="text/javascript">
  1417.  
  1418. $(document).ready(function() {
  1419. $('.photo-slideshow').pxuPhotoset({
  1420. lightbox:true,
  1421. rounded:false,
  1422. gutter:'0px',
  1423. borderRadius:'0px',
  1424. photoset:'.photo-slideshow',
  1425. photoWrap:'.photo-data',
  1426. photo:'.pxu-photo'
  1427. });
  1428. });
  1429. </script>
  1430.  
  1431. {block:IndexPage}
  1432.  
  1433. {block:ifnotInfiniteScrolling}
  1434. <script type="text/javascript">
  1435. $(document).ready(function(){
  1436. var $posts = $(".entry");
  1437. var $postIDs = $posts.map(function(){
  1438. return this.id;
  1439. }).get();
  1440. console.log($posts, $postIDs);
  1441. Tumblr.LikeButton.get_status_by_post_ids($postIDs);
  1442. });
  1443. </script>
  1444. {/block:ifnotInfiniteScrolling}
  1445.  
  1446. {/block:IndexPage}
  1447.  
  1448.  
  1449.  
  1450.  
  1451. </head>
  1452.  
  1453.  
  1454. <body>
  1455.  
  1456.  
  1457. {block:Pagination}
  1458. <div id="pagination">
  1459. {block:PreviousPage}<a href="{PreviousPage}" class="prev hint--right" data-hint="back"><i class="ion-chevron-left"></i></a>{/block:PreviousPage}
  1460. {block:NextPage}<a href="{NextPage}" class="next hint--right" data-hint="forth"><i class="ion-chevron-right"></i></a>{/block:NextPage}
  1461. </div>
  1462. {/block:Pagination}
  1463.  
  1464.  
  1465.  
  1466.  
  1467. <div id="musicboxx">
  1468. <div id="insidebox">
  1469. <div id="musicpic"><img src="https://static.tumblr.com/rltvkjt/jwflmr3vh/marcadores71.gif"></div>
  1470. <div id="playerbox">{text:musiccode}</div>
  1471. </div><!--insidebox-->
  1472. </div><!--musicbox-->
  1473.  
  1474.  
  1475.  
  1476.  
  1477.  
  1478. <div id="sidebar">
  1479. <div style="display: table; height: 100%; #position: relative; overflow: hidden; z-index:999; width:100%;">
  1480. <div style=" #position: absolute; #top: 50%;display: table-cell; vertical-align: middle; width:100%;">
  1481. <div style=" #position: relative; #top: -50%; width:100%;margin-bottom:-20px;">
  1482.  
  1483.  
  1484.  
  1485.  
  1486. <div class="divvv">
  1487.  
  1488. <div id="blogtitle">
  1489. {title}
  1490. </div>
  1491.  
  1492.  
  1493. <div class="sb1"></div>
  1494.  
  1495. <div id="navibox">
  1496. <a href="/"><div class="navtext"><b>&#9776;&nbsp;</b>Index</div></a>
  1497. <a href="/ask"><div class="navtext"><b>&#9742;&nbsp;</b>Inquire</div></a>
  1498. <a href="/archive"><div class="navtext"><b>&#9728;&nbsp;</b>Memories</div></a>
  1499. <a href="https://dianthus-s.tumblr.com/"><div class="navtext"><b>&#9988;&nbsp;</b>Theme</div></a>
  1500. </div>
  1501.  
  1502. <div class="sideimg">
  1503. <img src="{image:sidebarimage}">
  1504. </div>
  1505.  
  1506. <div class="sb2"></div>
  1507.  
  1508.  
  1509.  
  1510.  
  1511.  
  1512. <div class="custombox">
  1513.  
  1514. {block:ifLink1Title}<a href="{text:Link1Url}" >{text:Link1Title}</a>{/block:ifLink1Title}
  1515. {block:ifLink2Title}<a href="{text:Link2Url}" >{text:Link2Title}</a>{/block:ifLink2Title}
  1516. {block:ifLink3Title}<a href="{text:Link3Url}" >{text:Link3Title}</a>{/block:ifLink3Title}
  1517. {block:ifLink4Title}<a href="{text:Link4Url}" >{text:Link4Title}</a>{/block:ifLink4Title}
  1518.  
  1519.  
  1520.  
  1521.  
  1522.  
  1523. </div>
  1524.  
  1525. <div id="desc">{description}</div>
  1526.  
  1527. {block:IfNotInfiniteScrolling}
  1528. {block:indexpage}
  1529. <div id="pagi">
  1530.  
  1531. {block:Pagination}
  1532. {block:PreviousPage}<a href="{PreviousPage}" class="jump_page">Back</a>{/block:PreviousPage}
  1533. {block:JumpPagination length="8"}
  1534. {block:CurrentPage}<span class="current_page">✗</span>{/block:CurrentPage}
  1535. {block:JumpPage}<a class="jump_page" href="{URL}">{PageNumber}</a>{/block:JumpPage}{/block:JumpPagination}
  1536. {block:NextPage}<a href="{NextPage}" class="jump_page">Next</a>{/block:NextPage}
  1537. {/block:Pagination}
  1538.  
  1539.  
  1540. </div>
  1541. {/block:indexpage}
  1542. {/block:IfNotInfiniteScrolling}
  1543.  
  1544.  
  1545.  
  1546. </div>
  1547.  
  1548.  
  1549.  
  1550. </div>
  1551. </div>
  1552. </div>
  1553. </div>
  1554.  
  1555.  
  1556.  
  1557.  
  1558.  
  1559.  
  1560.  
  1561.  
  1562.  
  1563.  
  1564.  
  1565.  
  1566.  
  1567.  
  1568.  
  1569.  
  1570.  
  1571.  
  1572.  
  1573.  
  1574.  
  1575.  
  1576. <div id="posts">
  1577.  
  1578. {block:Posts}
  1579.  
  1580. <div class="entry" id="{PostID}">
  1581.  
  1582.  
  1583.  
  1584. {block:Text}
  1585. {block:Title}<div class="title">{Title}</div>{/block:Title}{Body}
  1586. {/block:Text}
  1587.  
  1588. {block:Photo}
  1589. {block:If500Posts}
  1590. {LinkOpenTag}
  1591. <img src="{PhotoURL-HighRes}" class="center">
  1592. {LinkCloseTag}
  1593. {/block:If500Posts}
  1594. {block:IfNot500Posts}
  1595. {block:IfNot540Posts}
  1596. {LinkOpenTag}
  1597. <img src="{PhotoURL-HighRes}" class="center">
  1598. {LinkCloseTag}
  1599. {/block:IfNot540Posts}
  1600. {block:If540Posts}
  1601. {LinkOpenTag}
  1602. <img style="min-width:540px;" src="{PhotoURL-HighRes}" class="center">
  1603. {LinkCloseTag}
  1604. {/block:If540Posts}
  1605. {/block:IfNot500Posts}
  1606.  
  1607.  
  1608. {block:IfShowCaptions}
  1609. {block:Caption}
  1610. {Caption}
  1611. {/block:Caption}
  1612. {/block:IfShowCaptions}
  1613. {block:IfNotShowCaptions}
  1614. {block:PermalinkPage}
  1615. {block:Caption}
  1616. {Caption}
  1617. {/block:Caption}
  1618. {/block:PermalinkPage}
  1619. {/block:IfNotShowCaptions}
  1620. {/block:Photo}
  1621.  
  1622. {block:Photoset}
  1623. <div class="photo">
  1624. <div class="photo-slideshow" id="photoset_{PostID}" data-layout="{PhotosetLayout}">
  1625. {block:Photos}
  1626. <div class="photo-data">
  1627. <div class="pxu-photo">
  1628. <img src="{PhotoURL-500}" width="{PhotoWidth-500}" height="{PhotoHeight-500}" data-highres="{PhotoURL-HighRes}" data-width="{PhotoWidth-HighRes}" data-height="{PhotoHeight-HighRes}">
  1629. </div>
  1630. <a class="tumblr-box" rel="post-{PostID}" href="{PhotoURL-HighRes}"></a>
  1631. </div>
  1632. {/block:Photos}
  1633. </div>
  1634. </div><!--photo-->
  1635.  
  1636.  
  1637. {block:IfShowCaptions}
  1638. {block:Caption}
  1639. {Caption}
  1640. {/block:Caption}
  1641. {/block:IfShowCaptions}
  1642. {block:IfNotShowCaptions}
  1643. {block:PermalinkPage}
  1644. {block:Caption}
  1645. {Caption}
  1646. {/block:Caption}
  1647. {/block:PermalinkPage}
  1648. {/block:IfNotShowCaptions}
  1649. {/block:Photoset}
  1650.  
  1651.  
  1652. {block:Link}
  1653. <div class="title2">
  1654. <a href="{URL}" {Target}>{Name}</br>
  1655. <z>{URL}</z>
  1656. </a>
  1657. </div>
  1658. {block:Description}{Description}{/block:Description}
  1659. {/block:Link}
  1660.  
  1661.  
  1662. {block:Quote}
  1663. <div id="quote">
  1664. <div class="quote3">&rdquo;</div>
  1665. <div class="quote2">“ </div>{Quote}</div>
  1666. {block:Source}
  1667. <div id="source"> —{Source}</div>
  1668. {/block:Source}
  1669. {/block:Quote}
  1670.  
  1671.  
  1672.  
  1673. {block:Chat}
  1674. {block:Title}
  1675. <div class="title">{Title}</div>
  1676. {/block:Title}
  1677. {block:Lines}<div class="{Alt}">
  1678. <div class="line">{block:Label}<span class="name">{Label}</span>{/block:Label} {Line}<br /></div></div>
  1679. {/block:Lines}
  1680. {/block:Chat}
  1681.  
  1682.  
  1683.  
  1684. {block:Audio}
  1685. <div class="entrycaption">
  1686. <div class="audiowrapper">
  1687.  
  1688. <div class="audioimgwrapper">
  1689. <div class="audioimgwrapper2"><img src="https://static.tumblr.com/uuxiawr/MKPo9aacy/albumart.png"></div>
  1690.  
  1691.  
  1692. {block:AlbumArt}
  1693. <div class="audioimgwrapper3"></div>
  1694. <img src="{AlbumArtURL}">
  1695. {/block:AlbumArt}
  1696.  
  1697. </div>
  1698. <div class="playerbuttonbg">
  1699. <div class="newplayerbutton">
  1700. <div class="playerbuttonhug">
  1701.  
  1702. {AudioPlayerBlack}
  1703.  
  1704. </div>
  1705. </div>
  1706. </div>
  1707.  
  1708. <center>
  1709. <div class="trackdetails">
  1710.  
  1711.  
  1712. <p>
  1713. <font class="pc">{PlayCountWithLabel}</font>
  1714.  
  1715. <font class="ann" style="margin-top:5px;display:block;width:100%;">{block:Artist}{Artist}{/block:Artist} - {block:TrackName}{TrackName}{/block:TrackName}</font>
  1716. </p>
  1717.  
  1718.  
  1719. </div>
  1720. </center>
  1721. </div>
  1722. {block:IfShowCaptions}{block:Caption}{Caption}{/block:Caption}{/block:IfShowCaptions}
  1723. {block:IfNotShowCaptions}{block:PermalinkPage}{block:Caption}
  1724. {Caption}
  1725. {/block:Caption}{/block:PermalinkPage}{/block:IfNotShowCaptions}
  1726. </div>
  1727. {/block:Audio}
  1728.  
  1729.  
  1730.  
  1731. {block:Video}
  1732. {block:If500Posts}
  1733. {Video-500}
  1734. {/block:If500Posts}
  1735. {block:IfNot500Posts}
  1736. {block:IfNot540Posts}
  1737. {Video-400}
  1738. {/block:IfNot540Posts}
  1739. {block:If540Posts}
  1740. <center>{Video-500}</center>
  1741. {/block:If540Posts}
  1742. {/block:IfNot500Posts}
  1743.  
  1744.  
  1745. {block:IfShowCaptions}
  1746. {block:Caption}
  1747. {Caption}
  1748. {/block:Caption}
  1749. {/block:IfShowCaptions}
  1750. {block:IfNotShowCaptions}
  1751. {block:PermalinkPage}
  1752. {block:Caption}
  1753. {Caption}
  1754. {/block:Caption}
  1755. {/block:PermalinkPage}
  1756. {/block:IfNotShowCaptions}
  1757. {/block:Video}
  1758.  
  1759.  
  1760.  
  1761. {block:Answer}
  1762. <div class="ask">
  1763. <div class="askx"><img src="{AskerPortraitURL-64}" align="center"></div>
  1764. <div class="asky">{Asker} ASKED &rarr;</div></br></br>
  1765. {Question}
  1766. </div>
  1767. <div class="aska">{Answer}</div>
  1768. {/block:Answer}
  1769.  
  1770.  
  1771. {block:ContentSource}
  1772. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  1773. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  1774. {/block:SourceLogo}
  1775. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  1776. {/block:ContentSource}
  1777.  
  1778.  
  1779. <!--{block:NoRebloggedFrom}{block:RebloggedFrom}{ReblogParentName}{/block:RebloggedFrom}{/block:NoRebloggedFrom} -->
  1780.  
  1781.  
  1782. {block:PermalinkPage}
  1783. <div class="permalink">
  1784. <center><div id="date">{block:Date}posted {12Hour}:{Minutes} {AmPm} on {DayOfWeek}, {Month} {DayOfMonth}, {Year}{/block:Date} {block:NoteCount}with {NoteCountWithLabel}{/block:NoteCount}</div>{block:RebloggedFrom}<b>origin:</b> <a href="{ReblogRootURL}">{ReblogRootName}</a> &nbsp;|&nbsp; <b>via:</b> <a href="{ReblogParentURL}">{ReblogParentName}</a><br />{/block:RebloggedFrom}
  1785. {block:HasTags}<b>tags &raquo;</b> {block:Tags} #<a href="/tagged/{Tag}">{Tag}</a>{/block:Tags}{/block:HasTags}</center>
  1786. {block:PostNotes}
  1787. {PostNotes}
  1788. {/block:PostNotes}
  1789. </div>
  1790. {/block:PermalinkPage}
  1791.  
  1792.  
  1793. {block:IndexPage}
  1794. <div id="perma">
  1795.  
  1796. <div class="lholder">
  1797. <div class="likebuttonx">
  1798. <div class="like">
  1799. <svg width="13" height="13" viewBox="0 0 19 13" xmlns="https://www.w3.org/2000/svg" xmlns:xlink="https://www.w3.org/1999/xlink" fill="#000000">
  1800. <path d="M14.0425097,0.000920262799 C16.1435097,-0.0400797372 18.8835097,1.28192026 18.9635097,5.36992026 C19.0525097,9.95492026 15.1985097,13.3079203 9.48350967,16.2089203 C3.76650967,13.3079203 -0.0874903349,9.95492026 0.00150966509,5.36992026 C0.0815096651,1.28192026 2.82150967,-0.0400797372 4.92250967,0.000920262799 C7.02450967,0.0419202628 8.87050967,2.26592026 9.46950967,2.92792026 C10.0945097,2.26592026 11.9405097,0.0419202628 14.0425097,0.000920262799 Z"></path>
  1801. </svg>
  1802. {LikeButton size="15"}
  1803. </div>
  1804. </div>
  1805. <div class="dot">&bull;</div>
  1806. <div class="reblogx">
  1807. <div class="reblog-button">
  1808. {ReblogButton size="15"}
  1809. </div>
  1810. </div>
  1811. </div>
  1812.  
  1813.  
  1814.  
  1815.  
  1816. <div class="permanotes">
  1817. {block:Date}<a href="{Permalink}">{TimeAgo}</a>{/block:Date}{block:NoteCount} <x>|</x> <a href="{Permalink}"> {NoteCountWithLabel}</a>{/block:NoteCount}
  1818. </div>
  1819.  
  1820.  
  1821.  
  1822. </div>
  1823.  
  1824. <div id="taggies">
  1825.  
  1826. {block:IfShowTags}{block:HasTags}
  1827. tags: {block:Tags} #<a href="/tagged/{Tag}">{Tag}</a>{/block:Tags}
  1828. {/block:HasTags}{/block:IfShowTags}
  1829.  
  1830. </div>
  1831.  
  1832.  
  1833. {/block:IndexPage}
  1834.  
  1835.  
  1836. </div>
  1837.  
  1838.  
  1839.  
  1840. {/block:Posts}
  1841.  
  1842. </div>
  1843.  
  1844.  
  1845. {block:ifInfiniteScrolling}
  1846. <script src="https://static.tumblr.com/uuxiawr/f4eo90xh1/jquery.infinitescroll.min.js" type="text/javascript"></script>
  1847. <script type="text/javascript">
  1848. $(document).ready(function(){
  1849. // infinite scrolling
  1850. var $container = $('#posts');
  1851. $container.infinitescroll({
  1852. loadingImg:'',
  1853. loadingText:'<em></em>',
  1854. navSelector:'#pagination',
  1855. nextSelector:'#pagination a.next',
  1856. itemSelector:'.entry',
  1857. },
  1858. function(newElements){
  1859. // definitions
  1860. var $newElems = $(newElements);
  1861.  
  1862. $newElems.find('.photo-slideshow').pxuPhotoset({
  1863. lightbox:true,
  1864. rounded:false,
  1865. gutter:'0px',
  1866. borderRadius:'0px',
  1867. photoset:'.photo-slideshow',
  1868. photoWrap:'.photo-data',
  1869. photo:'.pxu-photo'
  1870. });
  1871. var $posts = $(".entry");
  1872. var $postIDs = $posts.map(function(){
  1873. return this.id;
  1874. }).get();
  1875. console.log($newElems, $postIDs);
  1876. Tumblr.LikeButton.get_status_by_post_ids($postIDs);
  1877. resizeVideos();
  1878.  
  1879. });
  1880.  
  1881. })(jQuery);
  1882. </script>
  1883. {/block:ifInfiniteScrolling}
  1884.  
  1885.  
  1886. <div>
  1887.  
  1888. <img src="{image:cornerimage}" style="position:fixed;
  1889. max-height: 100%;
  1890. max-width: 500px;
  1891. right:-20px;
  1892.  
  1893. bottom:-5px;
  1894. z-index:-9;
  1895. ">
  1896.  
  1897. </div>
  1898.  
  1899. </body>
  1900. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Public Pastes
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!