API tools faq
paste
berry1890

thm20Youkai

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