API tools faq
paste
berry1890

thm6Nightbound

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