API tools faq
paste
kimtys

PARADISE

kimtys
Sep 13th, 2015
6,044
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 26.00 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <html>
  3.  
  4. <!--
  5.  
  6.  
  7. PARADISE THEME BY KIMTYS.TUMBLR.COM
  8.  
  9. edit as much as you want but please don't hide or remove credits!
  10.  
  11. --
  12.  
  13. updated! (160501)
  14.  
  15. photoset: pixelunion (github.com)
  16. video: shythemes.tumblr.com
  17. tumblr controls: ladmilk.tumblr.com
  18. infinitescroll: paulirish (github.com)
  19. smoothscroll: deadpoolkilledzac.tumblr.com
  20.  
  21. -->
  22.  
  23. <head>
  24. <title>{Title}</title>
  25. <link rel="shortcut icon" href="{Favicon}" />
  26. {block:Description}
  27. <meta name="description" content="{MetaDescription}" />
  28. {/block:Description}
  29. <link rel="alternate" type="application/rss+xml" href="{RSS}" />
  30.  
  31.  
  32. <meta name="image:sidebar" content=""/>
  33. <meta name="image:background" content=""/>
  34.  
  35. <meta name="color:background" content="#f6f6f6"/>
  36. <meta name="color:text" content="#aaa"/>
  37. <meta name="color:description bg" content="#f9f9f9"/>
  38. <meta name="color:description" content="#aaa"/>
  39. <meta name="color:sidebar links bg" content="#eee"/>
  40. <meta name="color:sidebar links" content="#898989"/>
  41. <meta name="color:links" content="#bddf82"/>
  42. <meta name="color:links hover" content="#666"/>
  43. <meta name="color:posts" content="#fff"/>
  44. <meta name="color:borders" content="#eee"/>
  45. <meta name="color:perma bg" content="#eee"/>
  46. <meta name="color:perma" content="#aaa"/>
  47. <meta name="color:tags bg" content="#f9f9f9"/>
  48. <meta name="color:tags" content="#bbb"/>
  49. <meta name="color:ask audio etc" content="#f4f4f4"/>
  50.  
  51. <meta name="select:post size" content="350" title="350px" />
  52. <meta name="select:post size" content="250" title="250px" />
  53. <meta name="select:post size" content="300" title="300px" />
  54. <meta name="select:post size" content="400" title="400px" />
  55. <meta name="select:post size" content="500" title="500px" />
  56.  
  57. <meta name="if:sidebar img" content="1" />
  58. <meta name="if:description" content="1" />
  59. <meta name="if:fixed links" content="0" />
  60. <meta name="if:fixed permalink" content="0" />
  61. <meta name="if:tags" content="1" />
  62. <meta name="if:captions" content="1" />
  63. <meta name="if:show notes" content="1" />
  64. <meta name="if:infinite scroll" content="0" />
  65.  
  66. <meta name="text:posts left" content="350"/>
  67. <meta name="text:sidebar width" content="120"/>
  68. <meta name="text:sidebar left" content="170"/>
  69. <meta name="text:sidebar top" content="60"/>
  70. <meta name="text:link1" content="index"/>
  71. <meta name="text:link1 url" content="/"/>
  72. <meta name="text:link2" content="ask"/>
  73. <meta name="text:link2 url" content="/ask"/>
  74. <meta name="text:link3" content="past"/>
  75. <meta name="text:link3 url" content="/archive"/>
  76. <meta name="text:link4" content=""/>
  77. <meta name="text:link4 url" content="/"/>
  78. <meta name="text:link5" content=""/>
  79. <meta name="text:link5 url" content="/"/>
  80. <meta name="text:link6" content=""/>
  81. <meta name="text:link6 url" content="/"/>
  82. <meta name="text:link7" content=""/>
  83. <meta name="text:link7 url" content="/"/>
  84. <meta name="text:link8" content=""/>
  85. <meta name="text:link8 url" content="/"/>
  86.  
  87.  
  88. <link href="https://static.tumblr.com/qudkd6d/OcDnl99gb/style.css" rel="stylesheet" type="text/css"/>
  89. <link href='https://fonts.googleapis.com/css?family=Cousine:300,400,500,700,300italic,400italic,500italic,700italic|Roboto:300,400,500,700,300italic,400italic,500italic,700italic' rel='stylesheet' type='text/css'>
  90.  
  91.  
  92. <style type="text/css">
  93.  
  94.  
  95.  
  96. /* Tumblr Controls */
  97.  
  98.  
  99. .tmblr-iframe--desktop-logged-in-controls, #tumblr_controls {
  100. top:0%;
  101. right:0%;
  102. position:fixed;
  103. z-index:999999999;
  104. opacity:0.3;
  105. -webkit-filter:invert(100%);
  106. -moz-filter:invert(100%);
  107. -o-filter:invert(100%);
  108. -ms-filter:invert(100%);
  109. filter:invert(100%);
  110. }
  111.  
  112.  
  113.  
  114. /* Scrollbar & Selection */
  115.  
  116.  
  117. ::-webkit-scrollbar {
  118. height: 0px;
  119. width: 3px;
  120. background: transparent;
  121. border: 4px solid transparent transparent transparent transparent;
  122. opacity:1;
  123. }
  124.  
  125.  
  126. ::-webkit-scrollbar-thumb {
  127. background: {color:links};
  128. height: 20px;
  129. width: 9px;
  130. border-radius: 8px;
  131. -moz-border-radius: 8px;
  132. -webkit-border-radius: 8px;
  133. o-border-radius: 8px;
  134. -ms-border-radius: 8px;
  135. }
  136.  
  137.  
  138. ::-moz-selection {background:{color:links};color:#fff;}
  139.  
  140. ::selection {background:{color:links};color:#fff;}
  141.  
  142.  
  143.  
  144. /* Body */
  145.  
  146.  
  147. body {
  148. color: {color:text};
  149. background: {color:background} url('{image:background}') fixed repeat;
  150. font-size: 11px;
  151. line-height: 140%;
  152. font-family: roboto;
  153. word-wrap: break-word;
  154. text-align: justify;
  155. margin-bottom: 50px;
  156. }
  157.  
  158. hr {
  159. border: 0;
  160. height: 2px;
  161. background:{color:borders};
  162. }
  163.  
  164.  
  165. small, sub, sup, code { font-size: 11px !important; }
  166.  
  167.  
  168. big { font-size:13px; }
  169.  
  170.  
  171. p {
  172. display: block;
  173. margin-top:5px;
  174. margin-bottom:5px;
  175. }
  176.  
  177.  
  178. pre {
  179. width:100%;
  180. font: 10px cousine, lucida sans, tahoma;
  181. white-space:pre-wrap;
  182. word-wrap:break-word;
  183. }
  184.  
  185.  
  186. a {
  187. color:{color:links};
  188. text-decoration:none;
  189. }
  190.  
  191.  
  192. a:hover {
  193. color: {color:links hover};
  194. text-decoration:none;
  195. cursor:help;
  196. }
  197.  
  198.  
  199. b, strong { font-weight:bold; }
  200.  
  201.  
  202. i, em { font-weight:italic; }
  203.  
  204.  
  205. ul, ol { margin:5px 0px 5px 15px; padding:0; }
  206.  
  207.  
  208. ul { margin-left:0; list-style-type:none; }
  209.  
  210.  
  211. ul li { padding:1px 0px 1px 25px; position:relative; text-align:left; }
  212.  
  213.  
  214. ul li:before {
  215. content:'—-';
  216. top:2px;
  217. font-size:8px;
  218. left:5px;
  219. color:{color:links};
  220. position:absolute;
  221. display:block;
  222. font-family:sans-serif;
  223. }
  224.  
  225.  
  226.  
  227. /* Tooltip */
  228.  
  229.  
  230.  
  231. #s-m-t-tooltip {
  232. z-index: 999999999;
  233. background:{color:posts};
  234. line-height:150%;
  235. font: 7px roboto;
  236. font-style: normal;
  237. letter-spacing: 1px;
  238. font-weight:bold;
  239. text-transform: uppercase;
  240. border: 1px solid {color:borders};
  241. border-bottom:4px solid {color:perma bg};
  242. max-width: 300px;
  243. text-align: justify;
  244. padding: 5px 6px 5px 6px;
  245. display: block;
  246. margin: 24px 14px 7px 12px;
  247. }
  248.  
  249.  
  250.  
  251. /* Posts */
  252.  
  253.  
  254.  
  255. #wrapper { width:100%; margin:auto; }
  256.  
  257.  
  258. #content {
  259. {block:IndexPage}
  260. width:calc({select:post size}px + 35px);
  261. {/block:IndexPage}
  262. {block:PermalinkPage}
  263. width:535px;
  264. {/block:PermalinkPage}
  265. margin-top:-85px;
  266. margin-bottom:0px;
  267. margin-left: {text:posts left}px;
  268. }
  269.  
  270.  
  271. .posts {
  272. {block:IndexPage}
  273. width:{select:post size}px;
  274. {/block:IndexPage}
  275. {block:PermalinkPage}
  276. width:500px;
  277. {/block:PermalinkPage}
  278. margin-top: 150px;
  279. padding:10px;
  280. padding-bottom:0px;
  281. background:{color:posts};
  282. border:1px solid {color:borders};
  283. margin-bottom:-13px;
  284. }
  285.  
  286.  
  287. .posts img { max-width:100%;height:auto; }
  288.  
  289.  
  290. #photo img { width:100%; display:block; }
  291.  
  292.  
  293. .title {
  294. padding-bottom:10px;
  295. padding-top:10px;
  296. font-size:18px;
  297. font-weight:bold;
  298. text-transform: uppercase;
  299. word-spacing:2px;
  300. margin-bottom:10px;
  301. line-height:100%;
  302. text-align:center;
  303. color:{color:text};
  304. }
  305.  
  306.  
  307.  
  308. /* Captions */
  309.  
  310.  
  311.  
  312. blockquote {
  313. display: block;
  314. margin-left:1px;
  315. margin-bottom:5px;
  316. margin-right:0px;
  317. margin-top:10px;
  318. border-left:1px solid {color:borders};
  319. padding: 0px 10px 0px 10px;
  320. }
  321.  
  322.  
  323. blockquote blockquote {
  324. padding-left:10px;
  325. margin-bottom:5px;
  326. }
  327.  
  328.  
  329. #captions {
  330. margin-top:-10px;
  331. margin-bottom:-15px;
  332. margin-left:-10px;
  333. padding: 10px;
  334. background:transparent;
  335. {block:IndexPage}
  336. width: {select:post size}px;
  337. {/block:IndexPage}
  338. {block:PermalinkPage}
  339. width: 500px;
  340. margin-bottom:-5px;
  341. {/block:PermalinkPage}
  342. }
  343.  
  344.  
  345. {block:ifnotcaptions}
  346. {block:indexpage}
  347. #captions { display:none; }
  348. {/block:indexpage}
  349. {/block:ifnotcaptions}
  350.  
  351.  
  352.  
  353. /* Permalink */
  354.  
  355.  
  356.  
  357.  
  358. #perma {
  359. font: 7px roboto;
  360. text-transform:uppercase;
  361. letter-spacing:1px;
  362. font-weight:bold;
  363. margin-top:1px;
  364. color:{color:perma};
  365. text-align:left;
  366. line-height: 12px;
  367. -webkit-transition: all 0.5s ease-in-out;
  368. -moz-transition: all 0.5s ease-in-out;
  369. -o-transition: all 0.5s ease-in-out;
  370. }
  371.  
  372.  
  373. #perma a {
  374. color:{color:perma};
  375. }
  376.  
  377.  
  378. #perma a:hover {
  379. color: {color:links hover};
  380. text-decoration: none;
  381. }
  382.  
  383.  
  384.  
  385. /* Tags */
  386.  
  387.  
  388.  
  389. #tags {
  390. text-align: left;
  391. font:7px roboto;
  392. text-transform:uppercase;
  393. font-weight:bold;
  394. font-style: normal;
  395. background:{color:tags bg};
  396. margin-right:-10px;
  397. margin-left:-10px;
  398. padding:5px;
  399. padding-left:10px;
  400. padding-right:10px;
  401. margin-top:10px;
  402. border-top:1px solid {color:borders};
  403. margin-bottom:-9px;
  404. letter-spacing:1px;
  405. color:{color:tags};
  406. line-height:9px;
  407. {block:ifnottags}
  408. {block:indexpage}
  409. display:none;
  410. {/block:indexpage}
  411. {/block:ifnottags}
  412. -webkit-transition: all 0.5s ease-in-out;
  413. -moz-transition: all 0.5s ease-in-out;
  414. -o-transition: all 0.5s ease-in-out;
  415. }
  416.  
  417.  
  418. #tags a {
  419. font:7px roboto;
  420. font-weight:bold;
  421. font-style: normal;
  422. letter-spacing:1px;
  423. margin-left:0px;
  424. padding:1px;
  425. margin-right:0px;
  426. text-transform:uppercase;
  427. text-decoration:none;
  428. color: {color:tags};
  429. background:transparent;
  430. }
  431.  
  432.  
  433. #tags a:hover {
  434. color: {color:links hover};
  435. text-decoration:none;
  436. }
  437.  
  438.  
  439. .tag-commas:last-child { display: none; }
  440.  
  441.  
  442.  
  443. /* Notes */
  444.  
  445.  
  446.  
  447. ol.notes {
  448. color:{color:text};
  449. padding: 0px;
  450. margin:50px 0px;
  451. list-style-type:none;
  452. border-bottom:1px solid {color:borders};
  453. font-family:roboto;
  454. font-size:7px;
  455. font-weight:bold;
  456. font-style:normal;
  457. letter-spacing:1px;
  458. text-transform:uppercase;
  459. width:520px;
  460. }
  461.  
  462.  
  463. ol.notes a {
  464. color:{color:links};
  465. text-decoration:none;
  466. }
  467.  
  468.  
  469. ol.notes a:hover {
  470. color:{color:links hover};
  471. text-decoration:underline;
  472. }
  473.  
  474.  
  475. li.note {
  476. list-style-type:none;
  477. margin-left:0px;
  478. padding:10px;
  479. border-top:1px solid {color:borders};
  480. }
  481.  
  482.  
  483. img.avatar {
  484. vertical-align:-4px;
  485. margin-right:10px;
  486. width:14px;
  487. height:14px;
  488. }
  489.  
  490.  
  491.  
  492. /* Sidebar */
  493.  
  494.  
  495.  
  496. .sidebar {
  497. position: fixed;
  498. top: {text:sidebar top}px;
  499. width: {text:sidebar width}px;
  500. margin-top:4px;
  501. margin-left: {text:sidebar left}px;
  502. {block:ifnotsidebar}
  503. display:none;
  504. {/block:ifnotsidebar}
  505. }
  506.  
  507.  
  508. #sidebar {
  509. border:1px solid {color:borders};
  510. {block:ifnotsidebarimg}
  511. display:none;
  512. {/block:ifnotsidebarimg}
  513. }
  514.  
  515.  
  516.  
  517. #sidebarimg {
  518. padding: 10px;
  519. background: {color:posts};
  520. margin-bottom:5px;
  521. {block:ifnotdescription}
  522. margin-bottom:0px;
  523. {/block:ifnotdescription}
  524. }
  525.  
  526.  
  527. #sidebarimg img {
  528. width: 100%;
  529. height:auto;
  530. }
  531.  
  532.  
  533. #desc {
  534. font-size: 7px;
  535. line-height: 140%;
  536. font-family: roboto;
  537. text-transform:uppercase;
  538. color:{color:description};
  539. letter-spacing:1px;
  540. margin-left:-11px;
  541. margin-right:-11px;
  542. background:{color:description bg};
  543. padding:5px;
  544. text-align:left;
  545. margin-top:-10px;
  546. padding-left:10px;
  547. padding-right:10px;
  548. margin-bottom:-10px;
  549. border:1px solid {color:borders};
  550. font-weight:normal;
  551. word-wrap: break-word;
  552. {block:ifnotdescription}
  553. display:none;
  554. {/block:ifnotdescription}
  555. }
  556.  
  557.  
  558. #navi {
  559. position:absolute;
  560. margin-top:-10px;
  561. font:7px roboto;
  562. background:{color:posts};
  563. border:1px solid {color:borders};
  564. border-top:none;
  565. text-transform:uppercase;
  566. letter-spacing:1px;
  567. font-weight:bold;
  568. width: calc({text:sidebar width}px - 22px);
  569. padding:10px;
  570. padding-bottom:3px;
  571. -webkit-transition: all 0.7s ease-in-out;
  572. -moz-transition: all 0.7s ease-in-out;
  573. -o-transition: all 0.7s ease-in-out;
  574. -ms-transition: all 0.7s ease-in-out;
  575. transition: all 0.7s ease-in-out;
  576. {block:ifnotdescription}
  577. margin-top:-13px;
  578. padding-top:0px;
  579. {/block:ifnotdescription}
  580. {block:ifnotsidebarimg}
  581. padding-top:0px;
  582. {/block:ifnotsidebarimg}
  583. }
  584.  
  585.  
  586. #navi_links {
  587. margin-top:5px;
  588. }
  589.  
  590.  
  591. #navi_links a {
  592. display:inline-block;
  593. padding:1px 1px 0px 1px;
  594. font: 7px roboto;
  595. font-weight:bold;
  596. text-transform:uppercase;
  597. letter-spacing:1px;
  598. color:{color:sidebar links};
  599. text-align:center;
  600. cursor:pointer;
  601. }
  602.  
  603. #navi a:hover {
  604. color:{color:links hover};
  605. cursor:help;
  606. }
  607.  
  608.  
  609. nav {
  610. text-decoration:none;
  611. -webkit-tra… all 0.5s ease-out;
  612. -moz-transition: all 0.5s ease-out;
  613. transition: all 0.5s ease-out;
  614. }
  615.  
  616. #biter#kty a {
  617. display:block;
  618. -webkit-transition: all 0.5s ease-in-out;
  619. -moz-transition: all 0.5s ease-in-out;
  620. -o-transition: all 0.5s ease-in-out;
  621. }
  622.  
  623. #kty .cmh {
  624. height:0px;
  625. line-height:150%;
  626. text-align:center;
  627. overflow:hidden;
  628. margin-top:9px;
  629. margin-bottom:-5px;
  630. margin-left:-11px;
  631. margin-right:-11px;
  632. background:{color:sidebar links bg};
  633. padding-top:2px;
  634. padding-bottom:2px;
  635. padding-left:0px;
  636. padding-right:0px;
  637. border:1px solid {color:borders};
  638. z-index:999999999999999999999;
  639. -webkit-transition: all 0.5s ease-in-out;
  640. -moz-transition: all 0.5s ease-in-out;
  641. -o-transition: all 0.5s ease-in-out;
  642. {block:iffixedlinks}
  643. height:11px;
  644. {/block:iffixedlinks}
  645. }
  646.  
  647. .cmh a {
  648. margin-left:1px;
  649. margin-right:1px;
  650. }
  651.  
  652. #kty:hover .cmh {
  653. height:11px;
  654. line-height:150%;
  655. -webkit-transition: all 0.5s ease-in-out;
  656. -moz-transition: all 0.5s ease-in-out;
  657. -o-transition: all 0.5s ease-in-out;
  658. }
  659.  
  660. #kty .cmh2 {
  661. height:0px;
  662. text-align:center;
  663. overflow:hidden;
  664. margin-top:8px;
  665. margin-bottom:-5px;
  666. margin-left:-11px;
  667. margin-right:-11px;
  668. background:{color:perma bg};
  669. padding-top:2px;
  670. border:1px solid {color:borders};
  671. padding-bottom:1px;
  672. padding-left:10px;
  673. padding-right:10px;
  674. z-index:999999999999999999;
  675. -webkit-transition: all 0.5s ease-in-out;
  676. -moz-transition: all 0.5s ease-in-out;
  677. -o-transition: all 0.5s ease-in-out;
  678. {block:iffixedpermalink}
  679. height:15px;
  680. {/block:iffixedpermalink}
  681. }
  682.  
  683. #kty:hover .cmh2 {
  684. height:15px;
  685. -webkit-transition: all 0.5s ease-in-out;
  686. -moz-transition: all 0.5s ease-in-out;
  687. -o-transition: all 0.5s ease-in-out;
  688. }
  689.  
  690. #kty .cmh3 {
  691. height:15px;
  692. text-align:center;
  693. overflow:hidden;
  694. margin-top:8px;
  695. margin-bottom:-5px;
  696. margin-left:-11px;
  697. margin-right:-11px;
  698. background:{color:perma bg};
  699. padding-top:2px;
  700. padding-bottom:2px;
  701. padding-left:10px;
  702. padding-right:10px;
  703. border-top:1px solid {color:borders};
  704. z-index:999999999999999999999;
  705. -webkit-transition: all 0.5s ease-in-out;
  706. -moz-transition: all 0.5s ease-in-out;
  707. -o-transition: all 0.5s ease-in-out;
  708. }
  709.  
  710.  
  711.  
  712. /* Pagination */
  713.  
  714.  
  715.  
  716. #pag { text-align:center; }
  717.  
  718.  
  719. .pagination {
  720. margin-bottom:100px;
  721. margin-top:80px;
  722. padding-left:15px;
  723. bottom:200px;
  724. }
  725.  
  726.  
  727. .pagination a {
  728. padding:4px 10px 5px 10px;
  729. color:{color:links};
  730. background:{color:posts};
  731. font-size:8px;
  732. text-transform:uppercase;
  733. letter-spacing:1px;
  734. font-weight:bold;
  735. margin-right:30px;
  736. border:1px solid {color:borders};
  737. border-bottom:4px solid {color:borders};
  738. }
  739.  
  740.  
  741. .pagination a:hover {
  742. padding:4px 10px 5px 10px;
  743. color: {color:links hover};
  744. }
  745.  
  746.  
  747. {block:IfInfiniteScroll}
  748. .pagination { display:none; }
  749. {/block:IfInfiniteScroll}
  750.  
  751.  
  752.  
  753. /* Quote */
  754.  
  755.  
  756. #quote {
  757. margin-bottom:20px;
  758. padding-left:30px;
  759. padding-right:20px;
  760. padding-top:10px;
  761. font-family:arial, helvetica, sans-serif;
  762. font-size:17px;
  763. font-style:italic;
  764. }
  765.  
  766.  
  767. #source {
  768. padding-right:10px;
  769. text-align:right;
  770. padding-top:10px;
  771. border-top:1px solid {color:borders};
  772. }
  773.  
  774.  
  775.  
  776. /* Ask */
  777.  
  778.  
  779.  
  780. .q {
  781. padding:7px;
  782. background:{color:ask audio etc};
  783. margin-left:54px;
  784. min-height:36px;
  785. margin-bottom:5px;
  786. }
  787.  
  788.  
  789. .q span {
  790. display:block;
  791. font-size:10px;
  792. text-transform:uppercase;
  793. letter-spacing:1px;
  794. color:{color:links};
  795. font-weight:bold;
  796. }
  797.  
  798.  
  799. .q img {
  800. display:block;
  801. padding:5px;
  802. background:{color:ask audio etc};
  803. width:40px;
  804. margin: -7px 0px 0px 0px;
  805. position:absolute;
  806. margin-left:-62px;
  807. padding:5px;
  808. }
  809.  
  810.  
  811.  
  812. /* Chat */
  813.  
  814.  
  815.  
  816. .lines .line {
  817. background: {color:ask audio etc};
  818. border:1px solid {color:ask audio etc};
  819. padding: 4px;
  820. margin-bottom: 0px;
  821. }
  822.  
  823.  
  824. .lines .line.even {
  825. background: {color:posts};
  826. border:1px solid {color:ask audio etc};
  827. }
  828.  
  829.  
  830. .lines b {
  831. color:{color:links};
  832. }
  833.  
  834.  
  835. /* Video */
  836.  
  837.  
  838.  
  839. .video, .video iframe { display:block; overflow:hidden; }
  840.  
  841.  
  842.  
  843. /* Audio */
  844.  
  845.  
  846. #art {
  847. position: absolute;
  848. height: 40px;
  849. width: 40px;
  850. background: {color:ask audio etc};
  851. padding: 5px;
  852. }
  853.  
  854.  
  855. #art img {
  856. opacity: 1;
  857. height: 40px;
  858. width: 40px;
  859. -webkit-transition: all 0.6s ease-in-out;
  860. -moz-transition: all 0.6s ease-in-out;
  861. -o-transition: all 0.6s ease-in-out;
  862. }
  863.  
  864.  
  865. #player {
  866. opacity: 0;
  867. -webkit-transition: all 0.6s ease-in-out;
  868. -moz-transition: all 0.6s ease-in-out;
  869. -o-transition: all 0.6s ease-in-out;
  870. }
  871.  
  872. #info {
  873. margin-left: 55px;
  874. min-height:31px;
  875. text-transform: uppercase;
  876. font-weight:bold;
  877. text-align:center;
  878. padding:10px 7px 7px 7px;
  879. letter-spacing: 1px;
  880. line-height:150%;
  881. background:{color:ask audio etc};
  882. }
  883.  
  884. #info span.song {
  885. font-size: 11px;
  886. display:block;
  887. color:{color:links};
  888. }
  889.  
  890. #info span.artist {
  891. font-size:8px;
  892. display:block;
  893. color:{color:text};
  894. }
  895.  
  896.  
  897. .post:hover #player {
  898. opacity: 0.8;
  899. }
  900.  
  901.  
  902.  
  903.  
  904. /* Photoset */
  905.  
  906.  
  907.  
  908.  
  909. .tmblr-lightbox { background:rgba({RGBcolor:background}, .7)!important; }
  910.  
  911.  
  912. .vignette, .lightbox-caption { opacity:0!important; }
  913.  
  914.  
  915. .lightbox-image {
  916. border-radius:0px!important;
  917. -webkit-border-radius:0px!important;
  918. -moz-border-radius:0px!important;
  919. box-shadow:none!important;
  920. -webkit-box-shadow:none!important;
  921. -moz-box-shadow:none!important;
  922. }
  923.  
  924.  
  925. /* Credit */
  926.  
  927.  
  928. #cr {
  929. bottom:10px;
  930. right:10px;
  931. color:#000000;
  932. font-weight:bold;
  933. font-size:12px;
  934. position:fixed;
  935. background:{color:posts};
  936. border:1px solid {color:borders};
  937. padding:5px 9px;
  938. border-bottom:4px solid {color:borders};
  939. }
  940.  
  941.  
  942.  
  943. {CustomCSS}
  944.  
  945.  
  946.  
  947. </style>
  948.  
  949.  
  950. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  951. <script src="https://cdnjs.cloudflare.com/ajax/libs/smoothscroll/1.4.1/SmoothScroll.min.js"></script>
  952. <script src="https://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  953. <script src="https://static.tumblr.com/qudkd6d/Az6nkemqr/pxuphotoset.min.js"></script>
  954. <script src="https://static.tumblr.com/fwgzvyf/Oj1o08f6h/shythemes.vr.js"></script>
  955. {block:IndexPage}{block:ifInfinitescroll}
  956. <script src="https://static.tumblr.com/wgijwsy/u2vm2hxv6/jquery.infinitescroll.min.js"></script>
  957. {/block:ifInfinitescroll}{/block:IndexPage}
  958.  
  959. <script>
  960. $(document).ready(function(){
  961. $("[title],a[title],img[title]").style_my_tooltips({
  962. tip_follows_cursor:true,
  963. tip_delay_time:90,
  964. tip_fade_speed:600,
  965. attribute:"title"
  966. });
  967. $(".sidebar_hidden").hide();
  968. $(".sidebar_click").show();
  969. $('.sidebar_click').click(function(){
  970. $(".sidebar_hidden").slideToggle();
  971. });
  972. $('.photo-slideshow').pxuPhotoset({
  973. lightbox: true,
  974. rounded: false,
  975. gutter: '5px',
  976. borderRadius: '0px',
  977. photoset: '.photo-slideshow',
  978. photoWrap: '.photo-data',
  979. photo: '.pxu-photo'
  980. });
  981. {block:IndexPage}
  982. {block:ifInfinitescroll}
  983. var $container = $('#content');
  984. $container.infinitescroll({
  985. itemSelector :".post",
  986. navSelector : ".pagination",
  987. nextSelector : ".pagination a#next",
  988. loadingImg : "",
  989. loadingText : "<em></em>",
  990. bufferPx : 2000,
  991. },
  992. function(newElements){
  993. resizeVideos();
  994. $(newElements).find('.photo-slideshow').pxuPhotoset({
  995. lightbox: true,
  996. rounded: false,
  997. gutter: '5px',
  998. borderRadius: '0px',
  999. photoset: '.photo-slideshow',
  1000. photoWrap: '.photo-data',
  1001. photo: '.pxu-photo'
  1002. });
  1003. });
  1004. {/block:ifInfinitescroll}
  1005. {/block:IndexPage}
  1006. });
  1007. </script>
  1008.  
  1009.  
  1010.  
  1011. </head>
  1012. <body>
  1013.  
  1014.  
  1015. <div id="wrapper">
  1016.  
  1017.  
  1018. <div class="sidebar">
  1019. <div id="kty"><div id="sidebar">
  1020. {block:ifsidebarimage}<div id="sidebarimg"><a href="/"><img src="{image:sidebar}" style="width:100%"></a></div>{/block:ifsidebarimage}</div>
  1021. <div id="navi">
  1022. <div id="desc">{Description}</div>
  1023. <div id="navi_links">
  1024. <div class="cmh"><div align="center"><div class="kji"> {block:iflink1}<a href="{text:link1 url}" title="{text:link1}">001</a>{/block:iflink1} {block:iflink2} <a href="{text:link2 url}" title="{text:link2}">002</a>{/block:iflink2} {block:iflink3} <a href="{text:link3 url}" title="{text:link3}">003</a>{/block:iflink3} {block:iflink4}<a href="{text:link4 url}" title="{text:link4}">004</a>{/block:iflink4} {block:iflink5} <a href="{text:link5 url}" title="{text:link5}">005</a>{/block:iflink5} {block:iflink6} <a href="{text:link6 url}" title="{text:link6}">006</a>{/block:iflink6} {block:iflink7} <a href="{text:link7 url}" title="{text:link7}">007</a>{/block:iflink7} {block:iflink8} <a href="{text:link8 url}" title="{text:link8}">008</a>{/block:iflink8}</div></div></div>
  1025. </div></div></div></div>
  1026.  
  1027.  
  1028. <div id="cr">
  1029. <a href="https://kimtys.tumblr.com" title="theme by kimtys">k.</a>
  1030. </div>
  1031.  
  1032.  
  1033. <div id="content">
  1034.  
  1035.  
  1036. {block:Posts}
  1037. <div class="post">
  1038. <div class="posts">
  1039.  
  1040. <div id="kty">
  1041.  
  1042.  
  1043.  
  1044. {block:ContentSource}
  1045. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  1046. {/block:SourceLogo}
  1047. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  1048. {/block:ContentSource}
  1049.  
  1050.  
  1051. {block:Photo}
  1052. <div id="photo">
  1053. {block:IndexPage}
  1054. {LinkOpenTag}<img src="{PhotoURL-500}" alt='{PhotoAlt}' />{LinkCloseTag}
  1055. {/block:IndexPage}
  1056. {block:PermalinkPage}
  1057. {LinkOpenTag}<img src="{PhotoURL-HighRes}" alt="{PhotoAlt}" />{LinkCloseTag}
  1058. {/block:PermalinkPage}
  1059. </div>
  1060. {/block:Photo}
  1061.  
  1062.  
  1063. {block:Photoset}
  1064. <div class="photo-slideshow" id="photoset_{PostID}" data-layout="{PhotosetLayout}">
  1065. {block:Photos}
  1066. <div class="photo-data">
  1067. <div class="pxu-photo">
  1068. <img src="{PhotoURL-500}" width="{PhotoWidth-500}" height="{PhotoHeight-500}" data-highres="{PhotoURL-HighRes}" data-width="{PhotoWidth-HighRes}" data-height="{PhotoHeight-HighRes}">
  1069. </div>
  1070. <a class="tumblr-box" rel="post-{PostID}" href="{PhotoURL-HighRes}"></a>
  1071. </div>
  1072. {/block:Photos}
  1073. </div>
  1074. {/block:Photoset}
  1075.  
  1076. {block:Text}
  1077. {block:Title} <div class="title">{Title}</div> {/block:Title}
  1078. {Body}
  1079. {block:More}
  1080. <a href="{Permalink}">Read More</a>
  1081. {/block:More}
  1082. {/block:Text}
  1083.  
  1084. {block:Answer}
  1085. <div class="q">
  1086. <img src="{AskerPortraitURL-64}"><span>{Asker}:</span>{Question}
  1087. </div>
  1088. {Answer}
  1089. {block:More}
  1090. <a href="{Permalink}">Read More</a>
  1091. {/block:More}
  1092. {/block:Answer}
  1093.  
  1094. {block:Chat}
  1095. {block:Title}<div class="title">{Title}</div>
  1096. {/block:Title}
  1097. <div class="lines">
  1098. {block:Lines}<div class="line {Alt}">{block:Label}<b>{Label}</b>{/block:Label} {Line}</div>
  1099. {/block:Lines}
  1100. </div>
  1101. {/block:Chat}
  1102.  
  1103. {block:Quote}
  1104. <div style="color:{color:links};font-size:40px;line-height:40px;float:left;font-family:arial;font-weight:bold;">“</div>
  1105. <div style="font-size:15px;line-height:120%;text-align:justify; margin-left:25px;border-left:1px solid {color:borders};margin-right:0px; padding:5px;padding-left:10px;color:{color:text};">{Quote}</div>
  1106. {block:Source}<div style="text-align:right;margin-top:10px;">— {Source}</div>{/block:Source}
  1107. {/block:Quote}
  1108.  
  1109. {block:Audio}
  1110. <div id="art">{block:AlbumArt}<img src="{AlbumArtURL}">{/block:AlbumArt}
  1111. </div><div id="player"><div style="position: absolute; margin: 5px 0px 0px 5px; padding: 6px 7px 7px 6px; background: #FFF;">
  1112. <div style="width: 27px; height: 27px; overflow: hidden;">
  1113. {AudioPlayerWhite}</div></div></div>
  1114. <div id="info"><span class="song"><span{block:TrackName} style="display:none;"{/block:TrackName}> Unknown</span>{block:TrackName}{TrackName}{/block:TrackName}</span></span><span class="artist"><span{block:Artist} style="display:none;"{/block:Artist}> Unknown</span>{block:Artist}{Artist}{/block:Artist}</span></span></div>
  1115. {/block:Audio}
  1116.  
  1117. {block:Link}
  1118. <div class="title"><a href="{URL}" {Target}>{Name}</a></div>
  1119. {description}
  1120. {/block:Link}
  1121.  
  1122. {block:Video}
  1123. <div class="video">{Video-500}</div>
  1124. {/block:Video}
  1125.  
  1126. {block:Caption}<div id="captions">{Caption}</div>{/block:Caption}
  1127.  
  1128. {block:HasTags}
  1129. <div id="tags">#
  1130. {block:Tags}<a href="{TagURL}">{Tag}</a><span class="tag-commas">,</span> {/block:Tags}
  1131. </div>
  1132. {/block:HasTags}
  1133. {block:indexpage}<div class="cmh2"><div class="kji">{block:Date}<div id="perma"><a href="{Permalink}" title="{TimeAgo}">{12HourWithZero}:{Minutes} {AmPm}</a>{/block:Date} {block:ifshownotes}{block:NoteCount}/ {NoteCount}{/block:NoteCount}{/block:ifshownotes} <span style="float:right; text-align:right;"><a href="{ReblogURL}">reblog</span></a></div>{/block:Date}</div></div>{/block:indexpage}{block:permalinkpage}<div class="cmh3"><div class="kji">{block:Date}<div id="perma"><a href="{Permalink}" title="{TimeAgo}">{12HourWithZero}:{Minutes} {AmPm}</a>{/block:Date} {block:NoteCount}/ {NoteCountWithLabel}{/block:NoteCount} <span style="float:right; text-align:right;">{block:RebloggedFrom}<a href="{ReblogParentURL}" title="{ReblogParentName}">via</a> / <a href="{ReblogRootURL}" title="{ReblogRootName}">src</a>{/block:RebloggedFrom}</div>{/block:Date}</div></div>{/block:permalinkpage}
  1134. </div>
  1135.  
  1136. </div>
  1137.  
  1138. {block:PermalinkPage}
  1139. {block:PostNotes}{PostNotes}{/block:PostNotes}
  1140. {/block:PermalinkPage}
  1141.  
  1142. </div>
  1143.  
  1144. {/block:Posts}
  1145.  
  1146. {block:IndexPage}
  1147. <div id="pag">
  1148. {block:Pagination}<div class="pagination">{block:PreviousPage}<a href="{PreviousPage}">back</a> {/block:PreviousPage}{block:NextPage}<a href="{NextPage}" id="next">next</a>{/block:NextPage}</div>{/block:Pagination}
  1149. </div>
  1150. {/block:IndexPage}
  1151.  
  1152. </div>
  1153. </div>
  1154.  
  1155. </body>
  1156. </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!