API tools faq
paste
berry1890

thm19Silver

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