API tools faq
paste
berry1890

thm7TheWind

berry1890
Jun 24th, 2016
1,914
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 43.99 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.  
  17.  
  18.  
  19. <meta name="color:Background" content="#ffffff" />
  20. <meta name="color:BlockquoteBorder" content="#275226" />
  21. <meta name="color:BlogTitle" content="#888888" />
  22. <meta name="color:Border1" content="#295b5d" />
  23. <meta name="color:Border2" content="#e4a749" />
  24. <meta name="color:Border3" content="#8c1a1e" />
  25. <meta name="color:CustomLinkBackground" content="#ffffff" />
  26. <meta name="color:CustomLinkBorder1" content="#295b5d" />
  27. <meta name="color:CustomLinkBorder2" content="#e4a749" />
  28. <meta name="color:CustomLinkBorder3" content="#8c1a1e" />
  29. <meta name="color:CustomLinkBorder4" content="#275226" />
  30. <meta name="color:CustomLinkBorder5" content="#783929" />
  31. <meta name="color:CustomLinkBorder6" content="#8d3e62" />
  32. <meta name="color:CustomLinkText" content="#939191" />
  33. <meta name="color:DescBold" content="#e4a749" />
  34. <meta name="color:DescItalic" content="#295b5d" />
  35. <meta name="color:DescLink" content="#8c1a1e" />
  36. <meta name="color:DescText" content="#666666" />
  37. <meta name="color:EntryAudioPlayCount" content="#295b5d" />
  38. <meta name="color:EntryAudioTrackName" content="#275226" />
  39. <meta name="color:EntryBackground" content="#ffffff" />
  40. <meta name="color:EntryBold" content="#295b5d" />
  41. <meta name="color:EntryItalic" content="#275226" />
  42. <meta name="color:EntryLink" content="#8c1a1e" />
  43. <meta name="color:EntryLikeButton" content="#e2436d" />
  44. <meta name="color:EntryReblogButton" content="#295b5d" />
  45. <meta name="color:EntryLinkHover" content="#275226" />
  46. <meta name="color:EntryText" content="#666666" />
  47. <meta name="color:NaviLinkBackground" content="#295b5d" />
  48. <meta name="color:NaviLinkText" content="#e3e3e3" />
  49. <meta name="color:PagiBackground" content="#999999" />
  50. <meta name="color:PagiText" content="#666666" />
  51. <meta name="color:PermaBorder" content="#295b5d" />
  52. <meta name="color:PermaLink1" content="#295b5d" />
  53. <meta name="color:PermaLink2" content="#e4a749" />
  54. <meta name="color:PermaLink3" content="#8c1a1e" />
  55. <meta name="color:PermaLink4" content="#275226" />
  56. <meta name="color:PostShadow" content="#1d1d1d" />
  57. <meta name="color:PostTitle" content="#8c1a1e" />
  58. <meta name="color:SidebarImageBorder" content="#f6f6f6" />
  59. <meta name="color:TagsLink" content="#666666" />
  60. <meta name="color:TagsText" content="#f095ad" />
  61.  
  62.  
  63.  
  64. <meta name="if:InfiniteScrolling" content="0" />
  65. <meta name="if:ShowCaptions" content="1">
  66. <meta name="if:ShowTags" content="0">
  67. <meta name="if:FadingPhoto" content="0" />
  68. <meta name="if:MultipleColumnPosts" content="1" />
  69. <meta name="if:PostShadow" content="0" />
  70. <meta name="if:Monochrome" content="0" />
  71.  
  72.  
  73.  
  74. <meta name="image:SidebarImage" content="https://static.tumblr.com/uuxiawr/IHho9abwl/z.png"/>
  75. <meta name="image:BackgroundImage" content=""/>
  76. <meta name="image:CornerImage" content="" />
  77.  
  78.  
  79. <meta name="image:SideImage1" content="https://static.tumblr.com/uuxiawr/W5Ho9abwt/prev.png"/>
  80. <meta name="image:SideImage2" content="https://static.tumblr.com/uuxiawr/W5Ho9abwt/prev.png"/>
  81. <meta name="image:SideImage3" content="https://static.tumblr.com/uuxiawr/W5Ho9abwt/prev.png"/>
  82. <meta name="image:SideImage4" content="https://static.tumblr.com/uuxiawr/W5Ho9abwt/prev.png"/>
  83.  
  84.  
  85. <meta name="text:Background Repeat" content="repeat"/>
  86. <meta name="text:Subtitle" content=""/>
  87.  
  88.  
  89. <meta name="text:Link1" content="" />
  90. <meta name="text:URL1" content="/"/>
  91. <meta name="text:Link2" content="" />
  92. <meta name="text:URL2" content="/"/>
  93. <meta name="text:Link3" content="" />
  94. <meta name="text:URL3" content="/"/>
  95. <meta name="text:Link4" content="" />
  96. <meta name="text:URL4" content="/"/>
  97. <meta name="text:Link5" content="" />
  98. <meta name="text:URL5" content="/"/>
  99. <meta name="text:Link6" content="" />
  100. <meta name="text:URL6" content="/"/>
  101.  
  102.  
  103.  
  104.  
  105. <head>
  106. <link rel="stylesheet" type="text/css" href="https://static.tumblr.com/hbcoz7i/SsImo6vff/stylesheet.css" />
  107. <link rel="stylesheet" type="text/css" href="https://static.tumblr.com/hbcoz7i/xGBmo6vyb/stylesheet.css" />
  108. <link rel="stylesheet" type="text/css" href="https://static.tumblr.com/7fjp0ap/iLpmw27rp/stylesheet.css" />
  109.  
  110. <link rel="stylesheet" type="text/css" href="https://static.tumblr.com/uuxiawr/7ono98kkl/mohave_gluk.css" />
  111.  
  112.  
  113. <link href='https://fonts.googleapis.com/css?family=Tulpen+One' rel='stylesheet' type='text/css'>
  114. <meta https-equiv="content-type" content="text/html; charset=utf-8">
  115. <title>{Title}</title>
  116. <link rel="shortcut icon" href="{Favicon}">
  117.  
  118. <style type="text/css">
  119.  
  120.  
  121.  
  122. @import url(https://weloveiconfonts.com/api/?family=fontawesome);
  123.  
  124. /* fontawesome */
  125. [class*="fontawesome-"]:before {
  126. font-family: 'FontAwesome', sans-serif;
  127. }
  128.  
  129.  
  130.  
  131. body {
  132. background-image: url('{image:backgroundimage}');
  133. background-color: {color:background};
  134. background-attachment: fixed;
  135. background-repeat: {text:Background Repeat};
  136. color: {color:EntryText};
  137. font-family: {font:body};
  138. font-size: 10px;
  139. }
  140.  
  141.  
  142.  
  143.  
  144. ::-webkit-scrollbar-thumb {
  145. background-color: {color:EntryText};
  146. height: 5px;
  147. width: 8px;
  148. }
  149.  
  150. ::-webkit-scrollbar {
  151. height: 5px;
  152. width: 8px;
  153. background-color: {color:entrybackground};
  154. }
  155.  
  156. a{
  157. color: {color:EntryLink};
  158.  
  159. text-decoration: none;
  160. -webkit-transition: all 0.5s linear;
  161. -moz-transition: all 0.5s linear;
  162. -o-transition: all 0.5s linear;
  163. }
  164.  
  165. a:hover{
  166. color: {color:EntryLinkhover};
  167. }
  168.  
  169.  
  170. #barholder{
  171. position:fixed;
  172. top: 0px;
  173. bottom: 0px;
  174. left:130px;
  175. width: 175px;
  176. }
  177.  
  178.  
  179.  
  180.  
  181. #sidebar{
  182. width: 170px;
  183. display: inline-block;
  184. text-align: center;
  185. }
  186.  
  187. #sidebarx{
  188. display: inline-block;
  189. width:170px;
  190. }
  191.  
  192. #sidebarx img{
  193. width: 150px;
  194. text-align: center;
  195. border:10px solid {color:sidebarimageborder};
  196. }
  197.  
  198.  
  199.  
  200. #sidetitle{
  201. margin-bottom:0px;
  202. position:relative;
  203. width: 170px;
  204. display: inline-block;
  205. text-align: center;
  206. font-family: 'mohavebold';
  207. font-size: 18px;
  208. line-height:18px;
  209. color: {color:blogtitle};
  210. }
  211.  
  212. .subtitle{
  213. margin-top: 0px;
  214. margin-bottom:0px;
  215. position:relative;
  216. width: 170px;
  217. display: inline-block;
  218. text-align: center;
  219. font-family: 'mohavebold';
  220. font-size: 10px;
  221. line-height:12px;
  222. color: {color:blogtitle};
  223. }
  224.  
  225.  
  226. #desc{
  227. color: {color:desctext};
  228. font-family: arial;
  229. letter-spacing:1px;
  230. line-height:11px;
  231. font-size: 9px;
  232. margin-top: 15px;
  233. width: 170px;
  234. display: block;
  235. text-align: justify;
  236. }
  237.  
  238. #desc a{
  239. color:{color:desclink};
  240. text-decoration:underline;
  241. }
  242.  
  243. #desc b,strong{
  244. color:{color:descbold};
  245. }
  246.  
  247. #desc i,em{
  248. color:{color:descitalic};
  249. }
  250.  
  251.  
  252.  
  253. #custombox {
  254. margin-top: 0px;
  255. width: 170px;
  256. display: inline-block;
  257. }
  258.  
  259. #custombox a {
  260. display: block;
  261. width: 170px;
  262. margin-bottom:0px;
  263. font-family: calibri;
  264. font-size: 11px;
  265. color: {color:customlinktext};
  266. text-decoration: none;
  267. text-align: left;
  268. letter-spacing: 0px;
  269. -webkit-transition: all 0.5s ease-in-out;
  270. -moz-transition: all 0.5s ease-in-out;
  271. -o-transition: all 0.5s ease-in-out;
  272. -ms-transition: all 0.5s ease-in-out;
  273. transition: all 0.5s ease-in-out;
  274. }
  275.  
  276.  
  277. #custombox a .bg{
  278. background-color:{color:background};
  279. background-image: url('{image:backgroundimage}');
  280. display:inline;
  281. padding:0px 3px 0px 0px;
  282. position:relative;
  283. top:7px;
  284. }
  285.  
  286. #custombox a:hover {
  287. letter-spacing: 2px;
  288. }
  289.  
  290.  
  291.  
  292. #hide{
  293. display:block;
  294. width:100%;
  295. border-bottom:1px solid {color:desctext};
  296. font-family:calibri;
  297. font-size:10px;
  298. text-transform:uppercase;
  299. color:{color:desctext};
  300. margin-top:10px;
  301. padding-bottom:1px;
  302. text-align:left;
  303. }
  304.  
  305.  
  306.  
  307. #sideimgholder{
  308. position: fixed;
  309. top: 0px;
  310. bottom: 0px;
  311. left:35px;
  312. width: 100px;
  313. }
  314.  
  315.  
  316.  
  317. #sideimagesbox{
  318. display: inline-block;
  319. width: 100px;
  320. }
  321.  
  322.  
  323.  
  324. #sideimg{
  325. display: block;
  326. width: 100px;
  327. margin-left:20px;
  328. }
  329.  
  330. #sideimg a{
  331. margin-bottom: 16px;
  332. display: block;
  333. width: 45px;
  334. height: 45px;
  335. position:relative;
  336. overflow:visible;
  337. border: 1px solid {color:navilinkbackground};
  338. background-color: {color:navilinkbackground};
  339. -webkit-transition: all 0.8s linear;
  340. -moz-transition: all 0.8s linear;
  341. -o-transition: all 0.8s linear;
  342. }
  343.  
  344. #sideimg a img{
  345. width: 45px;
  346. height: 45px;
  347. display:block;
  348. float:left;
  349. -webkit-transition: all 0.8s linear;
  350. -moz-transition: all 0.8s linear;
  351. -o-transition: all 0.8s linear;
  352. }
  353.  
  354.  
  355.  
  356. .navi{
  357. width: 40px;
  358. padding:1px;
  359. margin-left:-11px;
  360. margin-top:3px;
  361. display:block;
  362. float:left;
  363. position:absolute;
  364. font-size:11px;
  365. font-weight:bold;
  366. font-family:calibri;
  367. text-align:center;
  368. color:{color:navilinktext};
  369. background-color:{color:navilinkbackground};
  370. -webkit-transform: rotate(-45deg);
  371. -moz-transform: rotate(-45deg);
  372. -ms-transform: rotate(-45deg);
  373. -o-transform: rotate(-45deg);
  374. -ms-transform: rotate(-45deg);
  375. }
  376.  
  377.  
  378.  
  379.  
  380.  
  381. #pagi{
  382. display:inline-block;
  383. width:170px;
  384. margin-top:10px;
  385. height:15px;
  386. line-height:15px;
  387. font-size: 11px;
  388. text-align:center;
  389. font-family: 'mohavebold';
  390. }
  391.  
  392. #pagi a{
  393. text-decoration:none;
  394. color:{color:desclink};
  395. }
  396.  
  397.  
  398. .jump_page {
  399. padding: 2px;
  400. font-family: 'mohavebold';
  401. font-size:11px;
  402. text-decoration:none;
  403. color: {color:desctext};
  404. }
  405.  
  406.  
  407.  
  408. .current_page, .jump_page:hover {
  409. padding: 2px;
  410. color: {color:desctext};
  411. font-family: 'mohavebold';
  412. font-size:13px;
  413. text-decoration:none;
  414. }
  415.  
  416.  
  417. .holdxx{
  418. left:440px;
  419. top:50px;
  420. {block:ifMultipleColumnPosts}
  421. {block:IndexPage}
  422. left:300px;
  423. top:0px;
  424. bottom:0px;
  425. {/block:IndexPage}
  426. {/block:ifMultipleColumnPosts}
  427.  
  428. right:0px;
  429. position:absolute;
  430. text-align:center;
  431. }
  432.  
  433.  
  434. #posts{
  435.  
  436. {block:PermalinkPage}
  437. width: 450px;
  438. margin-left:0px;
  439. {/block:PermalinkPage}
  440.  
  441. {block:ifNotMultipleColumnPosts}
  442. {block:IndexPage}
  443. width:450px;
  444. margin-left:0px;
  445. {/block:IndexPage}
  446. {/block:ifNotMultipleColumnPosts}
  447.  
  448. {block:ifMultipleColumnPosts}
  449. {block:IndexPage}
  450.  
  451. margin-bottom: 25px;
  452. padding-right:30px;
  453. margin-top:50px;
  454. position:relative;
  455. text-align:center;
  456. margin-left:auto;
  457. margin-right:auto;
  458. {/block:IndexPage}
  459. {/block:ifMultipleColumnPosts}
  460. }
  461.  
  462.  
  463.  
  464. img.center {
  465. display: block;
  466. margin-left: auto;
  467. margin-right: auto;
  468. }
  469.  
  470.  
  471.  
  472. .entry{
  473. {block:ifNotMultipleColumnPosts}
  474. {block:IndexPage}
  475. width:540px;
  476. font-size: 11px;
  477. {/block:IndexPage}
  478. {/block:ifNotMultipleColumnPosts}
  479.  
  480. {block:ifMultipleColumnPosts}
  481. {block:IndexPage}
  482. overflow: hidden;
  483. width:250px;
  484. font-size: 10px;
  485. {/block:IndexPage}
  486. {/block:ifMultipleColumnPosts}
  487.  
  488. position:relative;
  489. display:inline-block;
  490. padding:15px;
  491. font-family: calibri;
  492. text-align: left;
  493. overflow: hidden;
  494. background-color: {color:EntryBackground};
  495. {block:ifpostshadow}
  496. box-shadow: 1px 1px 3px {color:postshadow};
  497. {/block:ifpostshadow}
  498.  
  499. {block:PermalinkPage}
  500. width: 540px;
  501. {/block:PermalinkPage}
  502. }
  503.  
  504.  
  505.  
  506. .entry img{
  507. {block:ifNotMultipleColumnPosts}
  508. {block:IndexPage}
  509. max-width:540px;
  510. opacity:0.8;
  511. {/block:IndexPage}
  512. {/block:ifNotMultipleColumnPosts}
  513.  
  514. {block:ifMultipleColumnPosts}
  515. {block:IndexPage}
  516. max-width:250px;
  517. opacity:0.8;
  518. {/block:IndexPage}
  519. {/block:ifMultipleColumnPosts}
  520.  
  521.  
  522. {block:PermalinkPage}
  523. max-width: 540px;
  524. {/block:PermalinkPage}
  525.  
  526. {block:ifFadingPhoto}
  527. opacity: 0.7;
  528. -webkit-transition: all 0.7s ease-in-out;
  529. -moz-transition: all 0.7s ease-in-out;
  530. -o-transition: all 0.7s ease-in-out;
  531. {/block:ifFadingPhoto}
  532. }
  533.  
  534.  
  535. {block:ifFadingPhoto}
  536. .entry img:hover{
  537. opacity: 1;
  538. }
  539. {/block:ifFadingPhoto}
  540.  
  541.  
  542. {block:ifFadingPhoto}
  543. .photosetfade {
  544. opacity: 0.7;
  545. filter:alpha(opacity=70);
  546. -moz-opacity: 0.7;
  547. -webkit-transition: all 0.7s linear;
  548. -moz-transition: all 0.7s linear;
  549. -o-transition: all 0.7s linear;
  550. }
  551. {/block:ifFadingPhoto}
  552.  
  553.  
  554. {block:ifFadingPhoto}
  555. .photosetfade:hover {
  556. opacity: 1;
  557. filter:alpha(opacity=100);
  558. -moz-opacity: 0.9;
  559. }
  560. {/block:ifFadingPhoto}
  561.  
  562.  
  563.  
  564. {block:ifMonochrome}
  565. .mono{
  566. 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+ */
  567. filter: gray; /* IE6-9 */
  568. -webkit-filter: grayscale(100%); /* Chrome 19+ & Safari 6+ */
  569. -webkit-transition: all 0.7s linear;
  570. -moz-transition: all 0.7s linear;
  571. -o-transition: all 0.7s linear;
  572. }
  573.  
  574.  
  575. .mono:hover{
  576. filter: none;
  577. -webkit-filter: grayscale(0%);
  578. }
  579. {/block:ifMonochrome}
  580.  
  581.  
  582. .entry b, strong{
  583. color: {color:EntryBold};
  584. background-color: {color:EntryBoldbackground};
  585. }
  586.  
  587. .entry i, em{
  588. color: {color:EntryItalic};
  589. }
  590.  
  591. .entry a{
  592. color: {color:EntryLink};
  593. text-decoration: underline;
  594. -webkit-transition: all 0.7s linear;
  595. -moz-transition: all 0.7s linear;
  596. -o-transition: all 0.7s linear;
  597. }
  598.  
  599.  
  600. .entry a:hover{
  601. color:{color:EntryLinkhover};
  602. }
  603.  
  604. .entry h1{
  605. font-family: consolas;
  606. text-transform: uppercase;
  607. font-size: 15px;
  608. font-weight: 20px;
  609. letter-spacing: 1px;
  610. }
  611.  
  612. .entry h1 a{
  613. color: {color:NormalLink};
  614. }
  615.  
  616.  
  617. .entry2{
  618. {block:ifNotMultipleColumnPosts}
  619. {block:IndexPage}
  620. width:570px;
  621. {/block:IndexPage}
  622. {/block:ifNotMultipleColumnPosts}
  623.  
  624. {block:ifMultipleColumnPosts}
  625. {block:IndexPage}
  626. width:280px;
  627. margin-left:30px;
  628. float:left;
  629. {/block:IndexPage}
  630. {/block:ifMultipleColumnPosts}
  631.  
  632. position:relative;
  633. margin-bottom: 35px;
  634.  
  635. {block:PermalinkPage}
  636. width: 570px;
  637. {/block:PermalinkPage}
  638. }
  639.  
  640.  
  641.  
  642.  
  643.  
  644. blockquote{
  645. border-left: 3px solid {color:blockquoteborder};
  646. padding-left:10px;
  647. padding-right: 4px;
  648. margin:5px;
  649. }
  650.  
  651.  
  652. .entry blockquote img{
  653. max-width: 90%;
  654. margin-left: 3px;
  655. }
  656.  
  657.  
  658. .entry pre{
  659. word-wrap:break-word;
  660. white-space: pre-wrap;
  661. word-break:break-all;
  662. padding:5px;
  663. }
  664.  
  665.  
  666. .entry blockquote pre{
  667. padding:5px;
  668. width:100%;
  669. word-wrap:break-word;
  670. white-space: pre-wrap;
  671. word-break:break-all;
  672. }
  673.  
  674.  
  675. #quote{
  676. color: {color:EntryText};
  677. padding: 15px;
  678. font-family: calibri;
  679. font-size:16px;
  680. text-align:justify;
  681. line-height: 15px;
  682. }
  683.  
  684. .quote2{
  685. position:absolute;
  686. margin-left:-25px;
  687. margin-top:10px;
  688. font-family: Donegal One,serif;
  689. font-size: 50px;
  690. color: {color:EntryText};
  691. }
  692.  
  693. .quote3{
  694. position:absolute;
  695. margin-top:10px;
  696. font-family: Donegal One,serif;
  697. font-size: 50px;
  698. color: {color:EntryText};
  699.  
  700. {block:ifNotMultipleColumnPosts}
  701. margin-left:90%;
  702. {/block:ifNotMultipleColumnPosts}
  703.  
  704. {block:ifMultipleColumnPosts}
  705. margin-left:79%;
  706. {/block:ifMultipleColumnPosts}
  707.  
  708. {block:PermalinkPage}
  709. margin-left:90%;
  710. {/block:PermalinkPage}
  711. }
  712.  
  713.  
  714. b,strong{
  715. color:{color:EntryBold};
  716. background-color:{color:EntryBoldbackground};
  717. }
  718.  
  719. .entry2:hover #tags{
  720. opacity: 1;
  721. -webkit-transition: all 0.8s ease;
  722. -moz-transition: all 0.8s ease;
  723. -o-transition: all 0.8s ease;
  724. }
  725.  
  726. #tags{
  727. border-left:3px solid {color:entrybackground};
  728. color:{color:tagstext};
  729. z-index: 999;
  730. font-family: calibri;
  731. font-size: 10px;
  732. letter-spacing: 1px;
  733. width: 150px;
  734. margin-top: 0px;
  735. display: inline-block;
  736. padding: 5px;
  737. margin-left: 575px;
  738. text-align: left;
  739. position: absolute;
  740. z-index: 9999;
  741. opacity: 0;
  742. -webkit-transition: all 0.8s ease;
  743. -moz-transition: all 0.8s ease;
  744. -o-transition: all 0.8s ease;
  745. font-weight:bold;
  746. }
  747.  
  748. #tags a{
  749. color:{color:tagslink};
  750. font-style: none;
  751. }
  752.  
  753. #tags a:hover {
  754. text-decoration:line-through;
  755. font-style: italic;
  756. }
  757.  
  758. #tags b,strong{
  759. color:{color:permalink3};
  760. }
  761.  
  762.  
  763. /* tagx */
  764.  
  765.  
  766. .permalink {
  767. font-family: cambria;
  768. font-size: 10px;
  769. color: {color:EntryText};
  770. text-transform: uppercase;
  771. text-align: center;
  772. width: 556px;
  773. margin-top: 20px;
  774. padding:10px;
  775. margin-bottom: 10px;
  776. margin-left: -10px;
  777. float: left;
  778. background: ;
  779. }
  780.  
  781. .permalink b,strong{
  782. color: {color:EntryBold};
  783. font-weight: normal;
  784. }
  785.  
  786. #date {
  787. color: {color:EntryText};
  788. }
  789.  
  790. .permalink a {
  791. color: {color:EntryLink};
  792. text-decoration: none;
  793. }
  794.  
  795.  
  796.  
  797.  
  798. .title{
  799. color: {color:PostTitle};
  800. padding:2px;
  801. font-size: 18px;
  802. margin-bottom:10px;
  803. display:block;
  804. text-transform: none;
  805. text-align: left;
  806. font-family: 'mohavebold';
  807. border-bottom:1px solid {color:PostTitle};
  808. -webkit-transition: all 0.5s linear;
  809. -moz-transition: all 0.5s linear;
  810. -o-transition: all 0.5s linear;
  811. }
  812.  
  813.  
  814. .title2{
  815. color: {color:PostTitle};
  816. padding:20px;
  817. font-size: 24px;
  818. margin-bottom:10px;
  819. display:block;
  820. text-transform: none;
  821. text-align: center;
  822. font-family: elephant,calibri;
  823. border:1px solid {color:EntryText};
  824. -webkit-transition: all 0.5s linear;
  825. -moz-transition: all 0.5s linear;
  826. -o-transition: all 0.5s linear;
  827. }
  828.  
  829.  
  830. .title2 a{
  831. color: {color:PostTitle};
  832. width:100%;
  833. display:block;
  834. text-decoration:none;
  835. }
  836.  
  837. .title2 z{
  838. color: {color:PostTitle};
  839. font-size:11px;
  840. font-family:calibri;
  841. width:100%;
  842. text-decoration:underline;
  843. display:block;
  844. }
  845.  
  846.  
  847. .title2 a:hover{
  848. color: {color:PostTitle};
  849. }
  850.  
  851.  
  852.  
  853. .arrow-down2 {
  854. margin-top:-5px;
  855. display:block;
  856. margin-left:20px;
  857. width:0px;
  858. height:0px;
  859. border-left:10px solid transparent;
  860. border-right:10px solid transparent;
  861. border-top:15px solid {color:EntryText};
  862. font-size:0px;
  863. line-height:0px;
  864. }
  865.  
  866.  
  867. .ask {
  868. display:block;
  869. padding:10px;
  870. background-color:{color:EntryText};
  871. color:{color:entrybackground};
  872. text-transform: none;
  873. }
  874.  
  875.  
  876.  
  877. .askx img {
  878. max-width: 30px;
  879. display:block;
  880. margin-left:15px;
  881. margin-top:5px;
  882. -moz-border-radius: 30px 30px 30px 30px;
  883. -webkit-border-radius: 30px 30px 30px 30px;
  884. border-radius: 30px 30px 30px 30px;
  885. }
  886.  
  887. .asky {
  888. display:block;
  889. float:left;
  890. text-transform:uppercase;
  891. margin-top:13px;
  892. font-size:10px;
  893. margin-left:5px;
  894. }
  895.  
  896.  
  897. .aska{
  898. display:block;
  899. margin-top:50px;
  900. border-top: 1px solid {color:EntryText};
  901. }
  902.  
  903.  
  904.  
  905. #source {
  906. font-family: 'mohavebold';
  907. font-size: 9px;
  908. line-height:12px;
  909. color:{color:EntryText};
  910. text-align: right;
  911. margin-top: -5px;
  912. }
  913.  
  914. #source p{
  915. display:none;
  916. }
  917.  
  918.  
  919. ol.notes {
  920. background: ;
  921. font-family:tahoma;
  922. font-size:10px;
  923. padding-top:10px;
  924. border: 0px;
  925. padding-left:15px;
  926. margin-top:10px;
  927. width:476px;
  928. margin-left: 0px;
  929. list-style-type: none;
  930.  
  931. }
  932.  
  933. ol.notes li.note {
  934. background: ;
  935. padding:5px;
  936. width:480px;
  937. letter-spacing: 0px;
  938. text-align: left;
  939. }
  940.  
  941.  
  942.  
  943. ol.notes li.note a{
  944. color:{color:EntryLink};
  945. background: ;
  946. font-family:tahoma;
  947. text-transform:none;
  948. letter-spacing:0px;
  949. font-size:10px;
  950.  
  951. }
  952.  
  953. ol.notes li.note img.avatar {
  954. vertical-align: -4px;
  955. margin-right: 0px;
  956. }
  957.  
  958.  
  959.  
  960.  
  961. .odd .line {
  962. border-bottom: 1px solid {color:EntryText};
  963. padding: 3px;
  964. margin-bottom:3px;
  965. }
  966. .even .line {
  967. border-bottom: 1px solid {color:EntryText};
  968. padding:3px;
  969. margin-bottom:3px;
  970. }
  971. .odd .name {
  972. padding: 3px;
  973. }
  974. .even .name {
  975. padding: 3px;
  976. }
  977.  
  978.  
  979.  
  980. .perma1{
  981. display:inline-block;
  982. font-family:calibri;
  983. text-align:left;
  984. font-size:10px;
  985. margin-top:5px;
  986.  
  987. {block:ifnotMultipleColumnPosts}
  988. width: 570px;
  989. {/block:ifnotMultipleColumnPosts}
  990.  
  991. {block:ifMultipleColumnPosts}
  992. width: 280px;
  993. {/block:ifMultipleColumnPosts}
  994. }
  995.  
  996. .perma1 a{
  997. width:13px;
  998. height:13px;
  999. display:block;
  1000. font-size:18px;
  1001. float:right;
  1002. margin-left:5px;
  1003. margin-top:-7px
  1004. }
  1005.  
  1006. .perma1 a:hover{
  1007. color:{color:EntryLinkhover};
  1008. }
  1009.  
  1010.  
  1011. .permadiv{
  1012. width:10px;
  1013. height:10px;
  1014. display:block;
  1015. float:right;
  1016. margin-left:5px;
  1017. }
  1018.  
  1019.  
  1020. .permab{
  1021. position:absolute;
  1022. display:inline-block;
  1023. height:2px;
  1024. z-index:-9;
  1025. left:0px;
  1026. background-color:{color:permaborder};
  1027. margin-top:6px;
  1028.  
  1029. {block:ifnotMultipleColumnPosts}
  1030. width: 526px;
  1031. {/block:ifnotMultipleColumnPosts}
  1032.  
  1033. {block:ifMultipleColumnPosts}
  1034. width: 236px;
  1035. {/block:ifMultipleColumnPosts}
  1036. }
  1037.  
  1038. .pagination {
  1039. display:none;
  1040. position: fixed;
  1041. right: 20px;
  1042. bottom: 10px;
  1043. text-align: center;
  1044. }
  1045.  
  1046.  
  1047. #s-m-t-tooltip{
  1048. display:inline-block;
  1049. z-index:9999999 !important;
  1050. margin:24px 14px 7px 12px;
  1051. padding:3px;
  1052. font-family:calibri;
  1053. font-size:10px;
  1054. background-color: {color:customlinkbackground};
  1055. color: {color:customlinktext};
  1056. }
  1057.  
  1058.  
  1059. /* =============================================================================
  1060. PXU Photoset Extended Styles
  1061. ========================================================================== */
  1062.  
  1063. .clearit:before, .clearit:after { content: ""; display: table; }
  1064. .clearit:after { clear: both; }
  1065. .clearit { *zoom: 1; }
  1066.  
  1067. /* Photoset */
  1068.  
  1069. .photo-slideshow {
  1070. visibility: hidden;
  1071. }
  1072.  
  1073. .photo-slideshow.processed {
  1074. visibility: visible;
  1075. }
  1076.  
  1077. .photo-slideshow .row {
  1078. clear: both;
  1079. width: 100%;
  1080. }
  1081.  
  1082. .photo-slideshow .pxu-photo {
  1083. display: block;
  1084. float: left;
  1085. margin-bottom: 0;
  1086. width: 100%;
  1087. overflow: hidden;
  1088. }
  1089.  
  1090. .photo-slideshow .pxu-photo img {
  1091. display: block;
  1092. }
  1093.  
  1094. .photo-slideshow.processed .pxu-photo img {
  1095. width: 100%;
  1096. height: auto;
  1097. }
  1098.  
  1099. .photo-slideshow .pxu-photo:first-child img {
  1100. margin-left: 0;
  1101. }
  1102.  
  1103. .photo-slideshow .count-1 {
  1104. width: 100%;
  1105. margin-bottom:4px;
  1106. }
  1107.  
  1108. .photo-slideshow .count-2 {
  1109. margin-bottom:4px;
  1110. }
  1111.  
  1112. .photo-slideshow .count-2:nth-child(1) {
  1113. {block:ifMultipleColumnPosts}width: 123px;{/block:ifMultipleColumnPosts}
  1114. {block:ifNotMultipleColumnPosts}
  1115. width: 268px;
  1116. {/block:ifNotMultipleColumnPosts}
  1117. {block:PermalinkPage}
  1118. width: 268px;
  1119. {/block:PermalinkPage}
  1120. }
  1121.  
  1122. .photo-slideshow .count-2:nth-child(2) {
  1123. {block:ifMultipleColumnPosts}width: 123px;{/block:ifMultipleColumnPosts}
  1124. {block:ifNotMultipleColumnPosts}
  1125. width: 268px;
  1126. {/block:ifNotMultipleColumnPosts}
  1127. {block:PermalinkPage}
  1128. width: 268px;
  1129. {/block:PermalinkPage}
  1130. margin-left:4px;
  1131. }
  1132.  
  1133. .photo-slideshow .count-3{
  1134. margin-bottom:4px;
  1135. }
  1136.  
  1137. .photo-slideshow .count-3:nth-child(1) {
  1138. {block:ifMultipleColumnPosts}width: 80.66666666666667px;{/block:ifMultipleColumnPosts}
  1139. {block:ifNotMultipleColumnPosts}
  1140. width: 177px;
  1141. {/block:ifNotMultipleColumnPosts}
  1142. {block:PermalinkPage}
  1143. width: 177px;
  1144. {/block:PermalinkPage}
  1145. }
  1146.  
  1147. .photo-slideshow .count-3:nth-child(2) {
  1148. {block:ifMultipleColumnPosts}width: 80.66666666666667px;{/block:ifMultipleColumnPosts}
  1149. {block:ifNotMultipleColumnPosts}
  1150. width: 178px;
  1151. {/block:ifNotMultipleColumnPosts}
  1152. {block:PermalinkPage}
  1153. width: 178px;
  1154. {/block:PermalinkPage}
  1155. margin-left:4px;
  1156. }
  1157.  
  1158. .photo-slideshow .count-3:nth-child(3) {
  1159. {block:ifMultipleColumnPosts}width: 80.66666666666667px;{/block:ifMultipleColumnPosts}
  1160. {block:ifNotMultipleColumnPosts}
  1161. width: 177px;
  1162. {/block:ifNotMultipleColumnPosts}
  1163. {block:PermalinkPage}
  1164. width: 177px;
  1165. {/block:PermalinkPage}
  1166. margin-left:4px;
  1167. }
  1168.  
  1169. .photo-slideshow .count-4 {
  1170. width: 25%;
  1171. margin-bottom:4px;
  1172. }
  1173.  
  1174. .photo-slideshow .count-5 {
  1175. width: 20%;
  1176. margin-bottom:4px;
  1177. }
  1178.  
  1179. .photo-slideshow .info {
  1180. display: none;
  1181. }
  1182.  
  1183. .tumblr-box {
  1184. display:block;
  1185. position:absolute;
  1186. top:0;
  1187. right:0;
  1188. bottom:0;
  1189. left:0;
  1190. z-index:1;
  1191. }
  1192.  
  1193. /* Icons for EXIF Data and Zoom */
  1194.  
  1195. .photo-data {
  1196. position: relative;
  1197. float: left;
  1198. }
  1199.  
  1200. .icons {
  1201. position: absolute;
  1202. top: 5px;
  1203. right: 5px;
  1204. width: 20px;
  1205. height: 66px;
  1206. text-indent: -9999px;
  1207. z-index: 999;
  1208. visibility: hidden;
  1209. }
  1210.  
  1211. .icons > span, .icons .tumblr-box span {
  1212. width: 20px;
  1213. height: 20px;
  1214. display: block;
  1215. margin-bottom: 2px;
  1216. cursor: pointer;
  1217. }
  1218.  
  1219. .zoom {
  1220. background: url('https://static.tumblr.com/hugxd2w/kgem0so9j/zoom-icon.png');
  1221. }
  1222.  
  1223. .info {
  1224. background: url('https://static.tumblr.com/hugxd2w/ffwm0so9t/info-icon.png');
  1225. position: relative;
  1226. }
  1227.  
  1228. /* EXIF & CAPTION Data Tooltip */
  1229.  
  1230. .pxu-data {
  1231. position: absolute;
  1232. top: 30px;
  1233. left: -110px;
  1234. width: 240px;
  1235. background: #000;
  1236. background: rgba(0,0,0,.85);
  1237. color: #fff;
  1238. font-size: 12px;
  1239. line-height: 1.4;
  1240. text-indent: 0;
  1241. padding: 20px;
  1242. display: none;
  1243. opacity: 0;
  1244. filter: alpha(opacity = 0);
  1245. -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  1246.  
  1247. box-shadow: 2px 2px 7px rgba(0,0,0,0.55);
  1248.  
  1249. -webkit-border-radius: 5px;
  1250. -moz-border-radius: 5px;
  1251. border-radius: 5px;
  1252.  
  1253. -webkit-box-sizing: border-box;
  1254. -moz-box-sizing: border-box;
  1255. box-sizing: border-box;
  1256.  
  1257. }
  1258.  
  1259. .pxu-caption {
  1260. margin-top: 0;
  1261. word-wrap: break-word;
  1262. }
  1263.  
  1264. .pxu-caption:before {
  1265. content: url('https://static.tumblr.com/hugxd2w/SSBm6wxmm/caption-icon.png');
  1266. opacity: 0.5;
  1267. filter: alpha(opacity = 50);
  1268. -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  1269. float: left;
  1270. margin-right: 5px;
  1271. }
  1272.  
  1273. .pxu-data.caption-only .pxu-caption {
  1274. margin-bottom: 0;
  1275. }
  1276.  
  1277. .pxu-data table {
  1278. font-family: "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
  1279. font-weight: bold;
  1280. width: 100%;
  1281. }
  1282.  
  1283. .pxu-data table tr {
  1284. width: 100%;
  1285. }
  1286.  
  1287. .pxu-data table tr td {
  1288. width: 50%;
  1289. font-weight: bold;
  1290. padding-bottom: 15px;
  1291. }
  1292.  
  1293. .pxu-data table tr:last-child td {
  1294. padding-bottom: 0;
  1295. }
  1296.  
  1297. .pxu-data .label {
  1298. color: #cccccc;
  1299. text-transform: uppercase;
  1300. font-size: 10px;
  1301. text-align: right;
  1302. padding-right: 12px;
  1303. font-weight: normal;
  1304. }
  1305.  
  1306. .arrow-down {
  1307. width: 0;
  1308. height: 0;
  1309. border-left: 10px solid transparent;
  1310. border-right: 10px solid transparent;
  1311.  
  1312. border-bottom: 10px solid rgba(0,0,0,0.85);
  1313.  
  1314. position: absolute;
  1315. top: -10px;
  1316. left: 110px;
  1317. }
  1318.  
  1319.  
  1320. .tmblr-iframe {
  1321. right:3px !important;
  1322. position:fixed !important;
  1323. z-index:9999999;
  1324. opacity: 0.4;
  1325. -webkit-transition: all 0.4s ease-in-out;
  1326. -moz-transition: all 0.4s ease-in-out;
  1327. -o-transition: all 0.4s ease-in-out;
  1328. -ms-transition: all 0.4s ease-in-out;
  1329. transition: all 0.4s ease-in-out;
  1330. }
  1331. .tmblr-iframe:hover {
  1332. opacity: 1;
  1333. -webkit-transition: all 0.4s ease-in-out;
  1334. -moz-transition: all 0.4s ease-in-out;
  1335. -o-transition: all 0.4s ease-in-out;
  1336. -ms-transition: all 0.4s ease-in-out;
  1337. transition: all 0.4s ease-in-out;
  1338. }
  1339.  
  1340.  
  1341. #pagination{
  1342. width:10;
  1343. left:0px;
  1344. bottom:0px;
  1345. position:absolute;
  1346. padding:5px 15px 0px 0px;
  1347. display:none;
  1348. }
  1349.  
  1350. .reblog-button svg path {
  1351. fill: {color:entryreblogbutton};
  1352. }
  1353.  
  1354. .like { /* Make a parent element */
  1355. position: relative;
  1356. }
  1357. .like svg path { /* Select your color of choice */
  1358. fill: {color:entrylikebutton};
  1359. }
  1360. .like .like_button { /* Position like button above your custom one */
  1361. position: absolute;
  1362. top: 0;
  1363. opacity: 0;
  1364. }
  1365. .like .like_button.liked { /* Keep the functionality active */
  1366. opacity: 1;
  1367. }
  1368.  
  1369.  
  1370.  
  1371. .playerbuttonbg {
  1372. position: absolute;
  1373. left: 0px;
  1374. right: 0px;
  1375. top:0px;
  1376. {block:ifMultipleColumnPosts}
  1377. height: 80px;
  1378. {/block:ifMultipleColumnPosts}
  1379. {block:ifnotMultipleColumnPosts}
  1380. height: 200px;
  1381. {/block:ifnotMultipleColumnPosts}
  1382. {block:permalinkpage}
  1383. height: 200px;
  1384. {/block:permalinkpage}
  1385. background-color: #ffffff;
  1386. transition: opacity .7s ease-in-out;
  1387. -moz-transition: opacity .7s ease-in-out;
  1388. -webkit-transition: opacity .7s ease-in-out;
  1389. }
  1390.  
  1391.  
  1392.  
  1393. .newplayerbutton {
  1394. position: relative;
  1395. {block:ifMultipleColumnPosts}
  1396. height: 80px;
  1397. left:0px;
  1398. right:80px;
  1399. {/block:ifMultipleColumnPosts}
  1400. {block:ifnotMultipleColumnPosts}
  1401. height: 200px;
  1402. left:0px;
  1403. right:200px;
  1404. {/block:ifnotMultipleColumnPosts}
  1405. {block:permalinkpage}
  1406. height: 200px;
  1407. left:0px;
  1408. right:200px;
  1409. {/block:permalinkpage}
  1410. overflow: hidden;
  1411. }
  1412.  
  1413. .playerbuttonhug {
  1414. position: absolute;
  1415.  
  1416. }
  1417.  
  1418. .tumblr_audio_player {
  1419. width:40px;
  1420. {block:ifMultipleColumnPosts}
  1421. height: 80px;
  1422. left:0px;
  1423. {/block:ifMultipleColumnPosts}
  1424. {block:ifnotMultipleColumnPosts}
  1425. height: 200px;
  1426. left:0px;
  1427. {/block:ifnotMultipleColumnPosts}
  1428. {block:permalinkpage}
  1429. height: 200px;
  1430. left:0px;
  1431. {/block:permalinkpage}
  1432. }
  1433.  
  1434.  
  1435. .audioimgwrapper {
  1436. position: absolute;
  1437. right: 0px;
  1438. top: 0px;
  1439. overflow: hidden;
  1440. {block:ifMultipleColumnPosts}
  1441. width: 80px;
  1442. height: 80px;
  1443. {/block:ifMultipleColumnPosts}
  1444. {block:ifnotMultipleColumnPosts}
  1445. width: 200px;
  1446. height: 200px;
  1447. {/block:ifnotMultipleColumnPosts}
  1448. {block:permalinkpage}
  1449. width: 200px;
  1450. height: 200px;
  1451. {/block:permalinkpage}
  1452. z-index:999;
  1453. }
  1454.  
  1455. .audioimgwrapper img {
  1456. width: 100%;
  1457. height: auto;
  1458. position:absolute;
  1459. z-index:9px;
  1460. top:0px;
  1461. }
  1462.  
  1463.  
  1464. .audioimgwrapper3{
  1465. width: 100%;
  1466. height: 100%;
  1467. position:absolute;
  1468. z-index:9px;
  1469. background-color:#fff;
  1470. opacity:1;
  1471. }
  1472.  
  1473. .audioimgwrapper2 img {
  1474. width: 100%;
  1475. height: auto;
  1476. position:absolute;
  1477. z-index:-2px;
  1478. top:0px;
  1479. }
  1480.  
  1481. .trackdetails {
  1482. left: 40px;
  1483. position:absolute;
  1484. {block:ifMultipleColumnPosts}
  1485. height: 80px;
  1486. width:130px;
  1487. {/block:ifMultipleColumnPosts}
  1488. {block:ifnotMultipleColumnPosts}
  1489. height: 200px;
  1490. width:300px;
  1491. {/block:ifnotMultipleColumnPosts}
  1492. {block:permalinkpage}
  1493. height: 200px;
  1494. width:300px;
  1495. {/block:permalinkpage}
  1496. text-align:center;
  1497. z-index:999;
  1498. display: table;
  1499. font-size:20px;
  1500. font-family: 'mohavebold';
  1501. color:{color:EntryBold};
  1502. }
  1503.  
  1504.  
  1505. .trackdetails p{
  1506. width:100%;
  1507. text-align:center;
  1508. display: table-cell;
  1509. vertical-align: middle;
  1510. }
  1511.  
  1512.  
  1513. .pc{
  1514. font-size:20px;
  1515. font-family: 'mohavebold';
  1516. color:{color:EntryAudioPlayCount};
  1517. line-height:1px;
  1518. }
  1519.  
  1520. .ann{
  1521. font-size:10px;
  1522. font-family: 'mohaveregular';
  1523. color:{color:EntryAudioTrackName};
  1524. line-height:1px;
  1525. }
  1526.  
  1527.  
  1528. .audiowrapper {
  1529. position:relative;
  1530. display:block;
  1531. width:100%;
  1532. {block:ifMultipleColumnPosts}
  1533. height: 80px;
  1534. {/block:ifMultipleColumnPosts}
  1535. {block:ifnotMultipleColumnPosts}
  1536. height: 200px;
  1537. {/block:ifnotMultipleColumnPosts}
  1538. {block:permalinkpage}
  1539. height: 200px;
  1540. {/block:permalinkpage}
  1541. }
  1542.  
  1543.  
  1544.  
  1545.  
  1546. {CustomCSS}
  1547.  
  1548. </style>
  1549.  
  1550.  
  1551. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js" type="text/javascript"></script>
  1552.  
  1553. <script src="https://static.tumblr.com/7fjp0ap/8qemg20tu/jquery.style-my-tooltips.js"></script>
  1554. <script src="https://static.tumblr.com/qudkd6d/Az6nkemqr/pxuphotoset.min.js" type="text/javascript"></script>
  1555.  
  1556. {block:ifMultipleColumnPosts}
  1557.  
  1558. <script src="https://static.tumblr.com/uuxiawr/rxno98eql/jquery.masonry.js"></script>
  1559. <script src="https://static.tumblr.com/uuxiawr/Ok7o98er1/imagesloaded.pkgd.min.js"></script>
  1560. {/block:ifMultipleColumnPosts}
  1561.  
  1562.  
  1563.  
  1564. {block:ifInfiniteScrolling}
  1565. <script src="https://static.tumblr.com/uuxiawr/ry0o98esm/jquery.infinitescroll.min.js" type="text/javascript"></script>
  1566. {/block:ifInfiniteScrolling}
  1567.  
  1568.  
  1569. <script type="text/javascript">
  1570. $(document).ready(function() {
  1571. $('.photo-slideshow').pxuPhotoset({
  1572. lightbox:true,
  1573. rounded:false,
  1574. gutter:'0px',
  1575. borderRadius:'0px',
  1576. photoset:'.photo-slideshow',
  1577. photoWrap:'.photo-data',
  1578. photo:'.pxu-photo'
  1579. });
  1580. });
  1581. </script>
  1582.  
  1583. <script type="text/javascript">
  1584. jQuery(document).ready(function() {
  1585. jQuery("#custombox").hide();
  1586. //toggle the componenet with class msg_body
  1587. jQuery("#hide").click(function()
  1588. {
  1589. jQuery(this).next("#custombox").slideToggle(500);
  1590. });
  1591. });
  1592. </script>
  1593.  
  1594.  
  1595. <script>
  1596. (function($){
  1597. $(document).ready(function(){
  1598. $("[title]").style_my_tooltips({
  1599. tip_follows_cursor:true,
  1600. tip_delay_time:0,
  1601. tip_fade_speed:0,
  1602. attribute:"title"
  1603. });
  1604. });
  1605. })(jQuery);
  1606. </script>
  1607.  
  1608.  
  1609. {block:IndexPage}
  1610. {block:ifnotInfiniteScrolling}
  1611. <script type="text/javascript">
  1612. $(document).ready(function(){
  1613. var $posts = $(".entry");
  1614. var $postIDs = $posts.map(function(){
  1615. return this.id;
  1616. }).get();
  1617. console.log($posts, $postIDs);
  1618. Tumblr.LikeButton.get_status_by_post_ids($postIDs);
  1619. });
  1620. </script>
  1621. {/block:ifnotInfiniteScrolling}
  1622.  
  1623.  
  1624.  
  1625.  
  1626. <script type="text/javascript">
  1627. $(document).ready(function(){
  1628. // infinite scrolling
  1629. var $container = $('#posts');
  1630.  
  1631. {block:ifMultipleColumnPosts}
  1632. // masonry setup
  1633. $container.masonry({
  1634. itemSelector:".entry2",
  1635. columnWidth : 0,
  1636. isFitWidth: true,
  1637. });
  1638. $container.imagesLoaded(function(){
  1639. $container.masonry();
  1640. });
  1641. {/block:ifMultipleColumnPosts}
  1642.  
  1643. $container.infinitescroll({
  1644. loadingImg:'',
  1645. loadingText:'<em></em>',
  1646. navSelector:'#pagination',
  1647. nextSelector:'#pagination a.next',
  1648. itemSelector:'.entry2',
  1649. },
  1650. function(newElements){
  1651. // definitions
  1652. var $newElems = $(newElements);
  1653.  
  1654. {block:ifMultipleColumnPosts}
  1655. // masonry for infinite scroll
  1656. $newElems.imagesLoaded(function(){
  1657. $container.masonry("appended", $newElems);
  1658. });
  1659. {/block:ifMultipleColumnPosts}
  1660.  
  1661. $newElems.find('.photo-slideshow').pxuPhotoset({
  1662. lightbox:true,
  1663. rounded:false,
  1664. gutter:'0px',
  1665. borderRadius:'0px',
  1666. photoset:'.photo-slideshow',
  1667. photoWrap:'.photo-data',
  1668. photo:'.pxu-photo'
  1669. });
  1670. var $posts = $(".entry");
  1671. var $postIDs = $posts.map(function(){
  1672. return this.id;
  1673. }).get();
  1674. console.log($newElems, $postIDs);
  1675. Tumblr.LikeButton.get_status_by_post_ids($postIDs);
  1676. resizeVideos();
  1677.  
  1678. });
  1679.  
  1680. })(jQuery);
  1681. </script>
  1682.  
  1683.  
  1684. {/block:IndexPage}
  1685.  
  1686.  
  1687.  
  1688.  
  1689.  
  1690. </head>
  1691.  
  1692. <body>
  1693.  
  1694.  
  1695.  
  1696. <div id="sideimgholder">
  1697. <div style="display: table; height: 100%; #position: relative; overflow: hidden; z-index:999;">
  1698. <div style=" #position: absolute; #top: 50%;display: table-cell; vertical-align: middle;">
  1699. <div id="sideimagebox" style=" #position: relative; #top: -50%;">
  1700.  
  1701.  
  1702.  
  1703. <div id="sideimg">
  1704. <a href="/" title="Home"><img src="{image:sideimage1}"><div class="navi">Home</div></a>
  1705. <a href="/ask" title="Message"><img src="{image:sideimage2}"><div class="navi">Ask</div></a>
  1706. <a href="/archive" title="Archive"><img src="{image:sideimage3}"><div class="navi">Past</div></a>
  1707. <a href="https://dianthus-s.tumblr.com/" title="Theme"><img src="{image:sideimage4}"><div class="navi">Theme</div></a>
  1708. </div>
  1709.  
  1710.  
  1711.  
  1712. </div>
  1713. </div>
  1714. </div>
  1715. </div>
  1716.  
  1717.  
  1718. <div id="barholder">
  1719. <div style="display: table; width: 205px; height: 100%; #position: relative; overflow: hidden; z-index:999;">
  1720. <div style=" #position: absolute; width: 205px; #top: 50%;display: table-cell; vertical-align: middle;">
  1721. <div id="sidebar" style=" #position: relative; #top: -50%;">
  1722.  
  1723.  
  1724.  
  1725.  
  1726. <div id="sidetitle">{title}</div>
  1727. <div class="subtitle">{text:subtitle}</div>
  1728. <div id="sidebarx">
  1729. <img src="{image:sidebarimage}">
  1730. </div>
  1731.  
  1732.  
  1733.  
  1734.  
  1735.  
  1736.  
  1737. <center><div id="desc">{Description}</div></center>
  1738.  
  1739.  
  1740. <a id="hide" style="cursor:pointer;">+MORE</a>
  1741. <div id="custombox">
  1742.  
  1743. {block:ifLink1}<a href="{text:URL1}" style="border-bottom:1px dotted {color:customlinkborder1};color:{color:customlinkborder1};"><div class="bg">&#x2718;{text:Link1}</div></a>{/block:ifLink1}
  1744. {block:ifLink2}<a href="{text:URL2}" style="border-bottom:1px dotted {color:customlinkborder2};color:{color:customlinkborder2};"><div class="bg">&#x2718;{text:Link2}</div></a>{/block:ifLink2}
  1745. {block:ifLink3}<a href="{text:URL3}" style="border-bottom:1px dotted {color:customlinkborder3};color:{color:customlinkborder3};"><div class="bg">&#x2718;{text:Link3}</div></a>{/block:ifLink3}
  1746. {block:ifLink4}<a href="{text:URL4}" style="border-bottom:1px dotted {color:customlinkborder4};color:{color:customlinkborder4};"><div class="bg">&#x2718;{text:Link4}</div></a>{/block:ifLink4}
  1747. {block:ifLink5}<a href="{text:URL5}" style="border-bottom:1px dotted {color:customlinkborder5};color:{color:customlinkborder5};"><div class="bg">&#x2718;{text:Link5}</div></a>{/block:ifLink5}
  1748. {block:ifLink6}<a href="{text:URL6}" style="border-bottom:1px dotted {color:customlinkborder6};color:{color:customlinkborder6};"><div class="bg">&#x2718;{text:Link6}</div></a>{/block:ifLink6}
  1749.  
  1750.  
  1751. </div>
  1752.  
  1753.  
  1754.  
  1755.  
  1756. {block:IfNotInfiniteScrolling}
  1757. {block:indexpage}
  1758. <div id="pagi">
  1759.  
  1760. {block:Pagination}
  1761. {block:PreviousPage}<a href="{PreviousPage}">Back</a>{/block:PreviousPage}
  1762. {block:JumpPagination length="5"}
  1763. {block:CurrentPage}<span class="current_page">✗</span>{/block:CurrentPage}
  1764. {block:JumpPage}<a class="jump_page" href="{URL}">{PageNumber}</a>{/block:JumpPage}{/block:JumpPagination}
  1765. {block:NextPage}<a href="{NextPage}">Next</a>{/block:NextPage}
  1766. {/block:Pagination}
  1767.  
  1768.  
  1769. </div>
  1770. {/block:indexpage}
  1771. {/block:IfNotInfiniteScrolling}
  1772.  
  1773.  
  1774.  
  1775. </div>
  1776. </div>
  1777. </div>
  1778. </div>
  1779.  
  1780.  
  1781.  
  1782.  
  1783.  
  1784. {block:Pagination}
  1785. <div id="pagination">
  1786. {block:PreviousPage}<a href="{PreviousPage}" class="prev hint--right" data-hint="back"><i class="ion-chevron-left"></i></a>{/block:PreviousPage}
  1787. {block:NextPage}<a href="{NextPage}" class="next hint--right" data-hint="forth"><i class="ion-chevron-right"></i></a>{/block:NextPage}
  1788. </div>
  1789. {/block:Pagination}
  1790.  
  1791.  
  1792.  
  1793.  
  1794. <div class="holdxx">
  1795.  
  1796.  
  1797.  
  1798. <div id="posts">
  1799.  
  1800.  
  1801.  
  1802. {block:Posts}
  1803.  
  1804.  
  1805. <div class="entry2">
  1806.  
  1807. {block:ContentSource}
  1808. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  1809. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  1810. {/block:SourceLogo}
  1811. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  1812. {/block:ContentSource}
  1813.  
  1814. {block:ifnotMultipleColumnPosts}
  1815. {block:IndexPage}
  1816. {block:IfShowTags}
  1817. {block:HasTags}
  1818. <div id="tags">
  1819. tags:<br /> {block:Tags} &#10003; <a href="/tagged/{Tag}">{Tag}</a><br />{/block:Tags}
  1820. </div>
  1821. {/block:HasTags}
  1822. {/block:IfShowTags}
  1823. {/block:IndexPage}
  1824. {/block:ifnotMultipleColumnPosts}
  1825.  
  1826. <div class="entry" id="{PostID}">
  1827.  
  1828.  
  1829. {block:Text}
  1830. {block:Title}<div class="title">{Title}</div>{/block:Title}{Body}
  1831. {/block:Text}
  1832.  
  1833.  
  1834.  
  1835. {block:Photo}
  1836. {block:ifnotMultipleColumnPosts}
  1837. {block:IndexPage}
  1838. {LinkOpenTag}
  1839. <div class="mono">
  1840. <img src="{PhotoURL-HighRes}" class="center" style="min-width:540px">
  1841. </div>
  1842. {LinkCloseTag}
  1843. {/block:IndexPage}
  1844. {/block:ifnotMultipleColumnPosts}
  1845.  
  1846. {block:ifMultipleColumnPosts}
  1847. {block:IndexPage}
  1848. {LinkOpenTag}
  1849. <div class="mono">
  1850. <img src="{PhotoURL-250}" class="center">
  1851. </div>
  1852. {LinkCloseTag}
  1853. {/block:IndexPage}
  1854. {/block:ifMultipleColumnPosts}
  1855.  
  1856. {block:PermalinkPage}
  1857. {LinkOpenTag}
  1858. <img src="{PhotoURL-HighRes}" class="center" style="min-width:540px">
  1859. {LinkCloseTag}
  1860. {/block:PermalinkPage}
  1861.  
  1862. {block:IfShowCaptions}
  1863. {block:Caption}
  1864. {Caption}
  1865. {/block:Caption}
  1866. {/block:IfShowCaptions}
  1867.  
  1868. {block:IfNotShowCaptions}
  1869. {block:PermalinkPage}
  1870. {block:Caption}
  1871. {Caption}
  1872. {/block:Caption}
  1873. {/block:PermalinkPage}
  1874. {/block:IfNotShowCaptions}
  1875. {/block:Photo}
  1876.  
  1877.  
  1878.  
  1879.  
  1880.  
  1881. {block:Photoset}
  1882. <div class="mono">
  1883. <div class="photosetfade">
  1884. <div class="photo">
  1885. <div class="photo-slideshow" id="photoset_{PostID}" data-layout="{PhotosetLayout}">
  1886. {block:Photos}
  1887. <div class="photo-data">
  1888. <div class="pxu-photo">
  1889. <img src="{PhotoURL-500}" width="{PhotoWidth-500}" height="{PhotoHeight-500}" data-highres="{PhotoURL-HighRes}" data-width="{PhotoWidth-HighRes}" data-height="{PhotoHeight-HighRes}">
  1890. </div>
  1891. <a class="tumblr-box" rel="post-{PostID}" href="{PhotoURL-HighRes}"></a>
  1892. </div>
  1893. {/block:Photos}
  1894. </div>
  1895. </div><!--photo-->
  1896. </div>
  1897. </div>
  1898.  
  1899.  
  1900. {block:IfShowCaptions}
  1901. {block:Caption}
  1902. {Caption}
  1903. {/block:Caption}
  1904. {/block:IfShowCaptions}
  1905.  
  1906. {block:IfNotShowCaptions}
  1907. {block:PermalinkPage}
  1908. {block:Caption}
  1909. {Caption}
  1910. {/block:Caption}
  1911. {/block:PermalinkPage}
  1912. {/block:IfNotShowCaptions}
  1913. {/block:Photoset}
  1914.  
  1915.  
  1916.  
  1917.  
  1918. {block:Link}
  1919. <div class="title2">
  1920. <a href="{URL}" {Target}>{Name}</br>
  1921. <z>{URL}</z>
  1922. </a>
  1923. </div>
  1924. {block:Description}{Description}{/block:Description}
  1925. {/block:Link}
  1926.  
  1927.  
  1928.  
  1929.  
  1930. {block:Quote}
  1931. <div id="quote">
  1932. <div class="quote3">&rdquo;</div>
  1933. <div class="quote2">“ </div>{Quote}</div>
  1934. {block:Source}
  1935. <div id="source"> —{Source}</div>
  1936. {/block:Source}
  1937. {/block:Quote}
  1938.  
  1939.  
  1940.  
  1941.  
  1942. {block:Chat}
  1943. {block:Title}
  1944. <div class="title">{Title}</div>
  1945. {/block:Title}
  1946. {block:Lines}<div class="{Alt}">
  1947. <div class="line">{block:Label}<span class="name">{Label}</span>{/block:Label} {Line}<br /></div></div>
  1948. {/block:Lines}
  1949. {/block:Chat}
  1950.  
  1951.  
  1952.  
  1953.  
  1954.  
  1955. {block:Audio}
  1956.  
  1957. <div class="audiowrapper">
  1958.  
  1959. <div class="audioimgwrapper">
  1960. <div class="audioimgwrapper2"><img src="https://static.tumblr.com/uuxiawr/MKPo9aacy/albumart.png"></div>
  1961.  
  1962.  
  1963. {block:AlbumArt}
  1964. <div class="audioimgwrapper3"></div>
  1965. <img src="{AlbumArtURL}">
  1966. {/block:AlbumArt}
  1967.  
  1968. </div>
  1969. <div class="playerbuttonbg">
  1970. <div class="newplayerbutton">
  1971. <div class="playerbuttonhug">
  1972.  
  1973. {AudioPlayer}
  1974.  
  1975. </div>
  1976. </div>
  1977. </div>
  1978.  
  1979. <center>
  1980. <div class="trackdetails">
  1981.  
  1982.  
  1983. <p>
  1984. <font class="pc">{PlayCountWithLabel}</font>
  1985.  
  1986. <font class="ann" style="margin-top:5px;display:block;width:100%;">{block:Artist}{Artist}{/block:Artist} - {block:TrackName}{TrackName}{/block:TrackName}</font>
  1987. </p>
  1988.  
  1989.  
  1990. </div>
  1991. </center>
  1992. </div>
  1993.  
  1994.  
  1995.  
  1996. {block:IfShowCaptions}{block:Caption}{Caption}{/block:Caption}{/block:IfShowCaptions}
  1997. {block:IfNotShowCaptions}{block:PermalinkPage}{block:Caption}
  1998. {Caption}
  1999. {/block:Caption}{/block:PermalinkPage}{/block:IfNotShowCaptions}
  2000. {/block:Audio}
  2001.  
  2002.  
  2003.  
  2004.  
  2005. {block:Video}
  2006. {block:ifnotMultipleColumnPosts}
  2007. {block:IndexPage}
  2008. {Video-400}
  2009. {/block:IndexPage}
  2010. {/block:ifnotMultipleColumnPosts}
  2011.  
  2012. {block:ifMultipleColumnPosts}
  2013. {block:IndexPage}
  2014. {Video-250}
  2015. {/block:IndexPage}
  2016. {/block:ifMultipleColumnPosts}
  2017.  
  2018. {block:PermalinkPage}
  2019. {Video-400}
  2020. {/block:PermalinkPage}
  2021.  
  2022. {block:IfShowCaptions}
  2023. {block:Caption}
  2024. {Caption}
  2025. {/block:Caption}
  2026. {/block:IfShowCaptions}
  2027.  
  2028. {block:IfNotShowCaptions}
  2029. {block:PermalinkPage}
  2030. {block:Caption}
  2031. {Caption}
  2032. {/block:Caption}
  2033. {/block:PermalinkPage}
  2034. {/block:IfNotShowCaptions}
  2035. {/block:Video}
  2036.  
  2037.  
  2038.  
  2039. {block:Answer}
  2040. <div class="ask">{Question}</div>
  2041. <div class="arrow-down2"></div>
  2042. <div class="askx"><img src="{AskerPortraitURL-40}" align="left"></div>
  2043. <div class="asky">{Asker}</div>
  2044. <div class="aska">{Answer}</div>
  2045. {/block:Answer}
  2046.  
  2047.  
  2048.  
  2049.  
  2050.  
  2051.  
  2052. {block:PermalinkPage}
  2053. <div class="permalink">
  2054. <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}
  2055. {block:HasTags}<b>tags &raquo;</b> {block:Tags} #<a href="/tagged/{Tag}">{Tag}</a>{/block:Tags}{/block:HasTags}</center>
  2056. {block:PostNotes}
  2057. {PostNotes}
  2058. {/block:PostNotes}
  2059. </div>
  2060. {/block:PermalinkPage}
  2061.  
  2062.  
  2063.  
  2064. </div>
  2065.  
  2066.  
  2067.  
  2068. {block:indexpage}
  2069. <div class="perma1">
  2070. <div class="permab"></div>
  2071. <div style="background: {color:background} url('{image:backgroundimage}');display:block;float:right;padding:2px;z-index:99999;">
  2072. <div class="permadiv" style="margin-left:12px;margin-top:2px;">
  2073. <div class="reblog-button">
  2074. {ReblogButton size="13"}
  2075. </div>
  2076. </div>
  2077. <div class="permadiv" style="margin-top:-1px;">
  2078. <div class="like">
  2079. <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">
  2080. <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>
  2081. </svg>
  2082. {LikeButton size="13"}
  2083. </div>
  2084. </div>
  2085. <a href="{Permalink}" title="{NoteCountWithLabel}" style="color:{color:permalink2};">&#9733;</a>
  2086. {block:RebloggedFrom}
  2087. <a href="{ReblogRootURL}" title="Origin" style="color:{color:permalink3};">&#9728;</a>
  2088. <a href="{ReblogParentURL}" title="Via" style="color:{color:permalink4};">&#10070;</a>
  2089. {/block:RebloggedFrom}
  2090. </div>
  2091. </div>
  2092. {/block:indexpage}
  2093.  
  2094.  
  2095.  
  2096. </div>
  2097. {/block:Posts}
  2098.  
  2099.  
  2100. </div>
  2101. </div>
  2102.  
  2103.  
  2104. <img src="{image:CornerImage}" style="position:fixed;
  2105. max-height: 100%;
  2106. max-width: 500px;
  2107. right:-20px;
  2108. bottom:-5px;
  2109. z-index:-9;
  2110. ">
  2111.  
  2112.  
  2113. </body>
  2114. </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!