API tools faq
paste
kimtys

THUNDER

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