API tools faq
paste
kimtys

VIEW

kimtys
Oct 10th, 2015
3,009
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 46.25 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <html><head><title>{Title}</title>
  3.  
  4. <!--
  5.  
  6.  
  7. VIEW 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.  
  14. <head><title>{Title}</title>
  15. <link rel="shortcut icon" href="{Favicon}">
  16. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  17.  
  18. {block:Description}
  19. <meta name="description" content="{MetaDescription}"/>
  20. {/block:Description}
  21.  
  22.  
  23.  
  24.  
  25.  
  26.  
  27. <meta name="image:sidebar" content=""/>
  28. <meta name="image:background" content=""/>
  29. <meta name="image:render" content=""/>
  30.  
  31. <meta name="color:background" content="#f6f6f6"/>
  32. <meta name="color:text" content="#aaa"/>
  33. <meta name="color:bold" content="#777"/>
  34. <meta name="color:italic" content="#bbb"/>
  35. <meta name="color:links" content="#f8b5b2"/>
  36. <meta name="color:links hover" content="#bbb"/>
  37. <meta name="color:posts" content="#fff"/>
  38. <meta name="color:border" content="#e8e8e8"/>
  39. <meta name="color:scrollbar" content="#e3e3e3"/>
  40. <meta name="color:permalink" content="#ffa9a5"/>
  41. <meta name="color:tags" content="#b3b3b3"/>
  42. <meta name="color:notecount" content="#aaa"/>
  43. <meta name="color:permalink 2 background" content="#fbfbfb"/>
  44. <meta name="color:caption" content="#fbfbfb"/>
  45. <meta name="color:ask audio etc" content="#f6f6f6"/>
  46.  
  47. <meta name="if:200px" content="0" />
  48. <meta name="if:250px" content="0" />
  49. <meta name="if:300px" content="1" />
  50. <meta name="if:350px" content="0" />
  51. <meta name="if:400px" content="0" />
  52. <meta name="if:bigger sidebar" content="0" />
  53. <meta name="if:left sidebar" content="1" />
  54. <meta name="if:fixed links" content="0" />
  55. <meta name="if:fixed desc" content="0" />
  56. <meta name="if:description" content="1" />
  57. <meta name="if:tags" content="1" />
  58. <meta name="if:captions" content="1" />
  59. <meta name="if:reblog buttom" content="1" />
  60. <meta name="if:infinite scroll" content="0" />
  61.  
  62. <meta name="text:posts left" content="470"/>
  63. <meta name="text:sidebar top" content="150"/>
  64. <meta name="text:sidebar left" content="270"/>
  65. <meta name="text:render left" content="900"/>
  66. <meta name="text:render bottom" content="0"/>
  67. <meta name="text:link1" content="ask"/>
  68. <meta name="text:link1 url" content="/ask"/>
  69. <meta name="text:link2" content="past"/>
  70. <meta name="text:link2 url" content="/archive"/>
  71. <meta name="text:link3" content="link 1"/>
  72. <meta name="text:link3 url" content="/"/>
  73. <meta name="text:link4" content="link 2"/>
  74. <meta name="text:link4 url" content="/"/>
  75. <meta name="text:link5" content="link 3"/>
  76. <meta name="text:link5 url" content="/"/>
  77. <meta name="text:link6" content="link 4"/>
  78. <meta name="text:link6 url" content="/"/>
  79.  
  80.  
  81.  
  82. <link href='https://fonts.googleapis.com/css?family=Roboto:300,700,400' rel='stylesheet' type='text/css'>
  83. <link href='https://fonts.googleapis.com/css?family=Montserrat:400,700' rel='stylesheet' type='text/css'>
  84.  
  85.  
  86.  
  87.  
  88.  
  89.  
  90.  
  91. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  92. <script type="text/javascript" src="https://static.tumblr.com/7qjmkr5/IUmmdsy41/jquery.style-my-tooltips.js"></script>
  93. <script>
  94. (function($){
  95. $(document).ready(function(){
  96. $("[title]").style_my_tooltips();
  97. });
  98. })(jQuery);
  99. </script>
  100.  
  101.  
  102.  
  103. <style type="text/css">
  104.  
  105.  
  106. /* Body */
  107.  
  108.  
  109. body {
  110. color: {color:text};
  111. line-height: 150%;
  112. font:9px roboto;
  113. background:{color:background} url('{image:background}') fixed repeat;
  114. letter-spacing:0px;
  115. word-wrap: break-word;
  116. text-align: justify;
  117. margin-bottom: 50px;
  118. }
  119.  
  120.  
  121. a {
  122. color:{color:links};
  123. text-decoration: none;
  124. border-bottom:1px solid transparent;
  125. transition:all .2s ease-in-out;
  126. -webkit-transition:all .2s ease-in-out;
  127. -o-transition:all .2s ease-in-out;
  128. -moz-transition:all .2s ease-in-out;
  129. }
  130.  
  131.  
  132. a:hover {
  133. color: {color:links hover};
  134. cursor:help;
  135. border-bottom:1px solid {color:links};
  136. transition:all .2s ease-in-out;
  137. -webkit-transition:all .2s ease-in-out;
  138. -o-transition:all .2s ease-in-out;
  139. -moz-transition:all .2s ease-in-out;
  140. }
  141.  
  142.  
  143. hr {
  144. border: 0;
  145. height: 1px;
  146. background: {color:background};
  147. }
  148.  
  149. ol {
  150. list-style-type:none;
  151. }
  152.  
  153.  
  154.  
  155.  
  156. pre, xmp, plaintext, listing {
  157. width:100%;font: 9px cousine, lucida sans, tahoma;white-space:pre-wrap;word-wrap:break-word;
  158. }
  159.  
  160. b, bold, strong {
  161. color:{color:bold};
  162. font-weight:normal;
  163. }
  164.  
  165. i, italic, oblique {
  166. color:{color:italic};
  167. font-style:italic;
  168. }
  169.  
  170. p {
  171. display: block;
  172. margin-top:5px;
  173. margin-bottom:5px
  174. -webkit-margin-before: 5px;
  175. -webkit-margin-after: 5px;
  176. -webkit-margin-start: 0px;
  177. -webkit-margin-end: 0px;
  178. }
  179.  
  180.  
  181. small {
  182. font-size: 9px;
  183. }
  184.  
  185. big {
  186. font-size:11px;
  187. }
  188.  
  189. sub {
  190. font-size:9px;
  191.  
  192. }
  193.  
  194. sup {
  195. font-size:9px;
  196.  
  197. }
  198.  
  199. code {
  200. font-size:9px;
  201.  
  202. }
  203.  
  204.  
  205. blockquote {
  206. margin-left:10px;
  207. padding-left:7px;
  208. width:auto;
  209. line-height:120%;
  210. margin-right:7px;
  211. border-left:solid 1px {color:border};
  212. }
  213.  
  214. blockquote blockquote {
  215. padding-left:10px;line-height:120%;margin:5px;border-left:1px solid {color:border};
  216. }
  217.  
  218. img {
  219. max-width: 100%;
  220. }
  221.  
  222.  
  223.  
  224.  
  225. /* Photoset */
  226.  
  227.  
  228. .photoset {
  229. -moz-transform-origin: 0 0;
  230. margin-bottom:-5px;
  231. padding-bottom:5px;
  232. -moz-border-radius:5px;
  233. -webkit-border-radius:5px;
  234. border-radius:5px;
  235. border-bottom-left-radius:9px;
  236. border-bottom-right-radius:9px
  237. }
  238.  
  239. .photoset .photoset_row {
  240. width: 500px;
  241. white-space: nowrap;
  242. overflow: hidden;
  243. margin-top:0px;
  244. }
  245.  
  246. .photoset.shadow .photoset_row {
  247. overflow: visible;
  248. }
  249.  
  250. .photoset.mobile .photoset_row {
  251. margin-top:0px;
  252. }
  253.  
  254. .photoset .photoset_row:first-child {
  255. margin-top: 0px;
  256. }
  257.  
  258. .photoset .photoset_row .photoset_photo {
  259. display: inline-block;
  260. vertical-align: top;
  261. margin-left: -10px;
  262. }
  263.  
  264. .photoset.mobile .photoset_row .photoset_photo {
  265. margin-left: -10px;
  266. }
  267.  
  268. .photoset.shadow .photoset_row .photoset_photo {
  269. display: inline-block;
  270. overflow: hidden;
  271. }
  272.  
  273. .photoset .photoset_row .photoset_photo:first-child {
  274. margin-left: 0 !important;
  275. }
  276.  
  277. #posts .photoset .photoset_row .photoset_photo img {
  278. max-width: none;
  279. margin-left:-10px;
  280. }
  281.  
  282. #pset, #vid { width:500px;margin-bottom:-3px; }
  283.  
  284.  
  285.  
  286.  
  287. /* Posts */
  288.  
  289.  
  290.  
  291. .post {
  292. margin-top: 100px;
  293. -moz-border-radius:5px;
  294. -webkit-border-radius:5px;
  295. border-radius:5px;
  296. padding:7px;
  297. border:1px solid {color:border};
  298. background:{color:posts};
  299. position:relative;
  300. {block:IndexPage}
  301. {block:if200px}width: 200px;{/block:if200px}
  302. {block:if250px}width: 250px;{/block:if250px}
  303. {block:if300px}width: 300px;{/block:if300px}
  304. {block:if350px}width: 350px;{/block:if350px}
  305. {block:if400px}width: 400px;{/block:if400px}
  306. {/block:IndexPage}
  307. {block:PermalinkPage}
  308. margin-top: 100px;
  309. width: 500px;
  310. {/block:PermalinkPage}
  311. }
  312.  
  313. .post ul {
  314. list-style-type:none;
  315. margin-left:-45px;
  316. margin-top:5px;
  317. margin-bottom:5px;
  318. }
  319.  
  320. .post ul li:before {
  321. content:"—-";
  322. font-size:8px;
  323. color:{color:border};
  324. margin-right:8px;
  325. font-family: sans-serif;
  326. }
  327.  
  328. .post li {
  329. padding-left:5px;
  330. padding-top:2px;
  331. padding-bottom:2px;
  332. list-style-type:none;
  333. }
  334.  
  335.  
  336.  
  337. #postx {
  338. margin-top:-50px;
  339. margin-bottom:100px;
  340. margin-left: {text:posts left}px;
  341. {block:IndexPage}
  342. {block:if200px}width: 235px;{/block:if200px}
  343. {block:if250px}width: 285px;{/block:if250px}
  344. {block:if300px}width: 335px;{/block:if300px}
  345. {block:if350px}width: 385px;{/block:if350px}
  346. {block:if400px}width: 435px;{/block:if400px}
  347. {/block:IndexPage}
  348. {block:PermalinkPage}
  349. margin-top:-55px;
  350. width: 535px;
  351. {/block:PermalinkPage}
  352. }
  353.  
  354. #phover {
  355. z-index:10;
  356. opacity:0;
  357. position:absolute;
  358. width:100%;
  359. height:100%;
  360. overflow:hidden;
  361. line-height:11px;
  362. transition:all .4s ease-in-out;
  363. -webkit-transition:all .4s ease-in-out;
  364. -o-transition:all .4s ease-in-out;
  365. -moz-transition:all .4s ease-in-out;
  366. }
  367.  
  368. .post:hover #phover {
  369. opacity:1;
  370. transition-delay: 0.25s;
  371. -moz-transition-duration:0.5s;
  372. -webkit-transition-duration:0.5s;
  373. -o-transition-duration:0.5s;
  374. }
  375.  
  376. .permabg {
  377. opacity:0;
  378. position:absolute;
  379. top:7px;
  380. left:7px;
  381. bottom:5px;
  382. right:7px;
  383. -moz-border-radius:5px;
  384. -webkit-border-radius:5px;
  385. border-radius:5px;
  386. background:{color:posts};
  387. transition-delay: 0.40s;
  388. -moz-transition-duration:0.8s;
  389. -webkit-transition-duration:0.8s;
  390. -o-transition-duration:0.8s;
  391. }
  392.  
  393. .post:hover .permabg {
  394. {block:indexpage}opacity:0.8;{/block:indexpage}
  395. transition:all .4s ease-in-out;
  396. -webkit-transition:all .4s ease-in-out;
  397. -o-transition:all .4s ease-in-out;
  398. -moz-transition:all .4s ease-in-out;
  399. }
  400.  
  401. .ptime {
  402. position:absolute;
  403. top:0; bottom:0; left:5px; right:0;
  404. height:40px;
  405. font:700 20px 'montserrat';
  406. text-transform:uppercase;
  407. letter-spacing:0px;
  408. margin-top:7px;
  409. text-align:left;
  410. width:100%;
  411. line-height:70%;
  412. color:{color:notecount};
  413. }
  414.  
  415. .ptime a {
  416. color:{color:image permalink text};
  417. padding:0px 0px 0px 0px;
  418. color:{color:permalink};
  419. border-bottom:none;
  420. transition:all .4s ease-in-out;
  421. -webkit-transition:all .4s ease-in-out;
  422. -o-transition:all .4s ease-in-out;
  423. -moz-transition:all .4s ease-in-out;
  424. }
  425.  
  426. .ptime a:hover {
  427. color:{color:links hover};
  428. transition:all .4s ease-in-out;
  429. -webkit-transition:all .4s ease-in-out;
  430. -o-transition:all .4s ease-in-out;
  431. -moz-transition:all .4s ease-in-out;
  432. }
  433.  
  434. #note {
  435. font-size:9px;
  436. font-weight:700;
  437. font-family:montserrat;
  438. letter-spacing:0px;
  439. margin-left:3px;
  440. }
  441.  
  442.  
  443. #tg {
  444. margin-top:13px;
  445. position:absolute;
  446. text-align:left;
  447. word-wrap:break-word;
  448. margin-left:8px;
  449. {block:if200px}width: 200px;{/block:if200px}
  450. {block:if250px}width: 250px;{/block:if250px}
  451. {block:if300px}width: 300px;{/block:if300px}
  452. {block:if350px}width: 350px;{/block:if350px}
  453. {block:if400px}width: 400px;{/block:if400px}
  454. transition:all .4s ease-in-out;
  455. -webkit-transition:all .4s ease-in-out;
  456. -o-transition:all .4s ease-in-out;
  457. -moz-transition:all .4s ease-in-out;
  458. {block:ifnottags}
  459. display:none;
  460. {/block:ifnottags}
  461. {block:permalinkpage}
  462. display:none;
  463. {/block:permalinkpage}
  464. }
  465.  
  466. #tag {
  467. font:700 7px montserrat;
  468. letter-spacing:0px;
  469. word-wrap:break-word;
  470. text-transform:uppercase;
  471. opacity:0;
  472. line-height:11px;
  473. color:{color:tags};
  474. -webkit-transition: all 0.7s ease-in-out;
  475. -moz-transition: all 0.7s ease-in-out;
  476. transition: all 0.7s ease-in-out;
  477. }
  478.  
  479. #tag a {
  480. padding:0px 0px 0px 0px;
  481. margin-right:7px;
  482. word-wrap:break-word;
  483. color:{color:tags};
  484. }
  485.  
  486. #tag a:hover {
  487. color:{color:links hover};
  488. border-bottom:1px solid {color:links};
  489. }
  490.  
  491. .post:hover #tg {
  492. opacity:1;
  493. margin-top:13px;
  494. transition-delay: 0.25s;
  495. -moz-transition-duration:0.5s;
  496. -webkit-transition-duration:0.5s;
  497. -o-transition-duration:0.5s;
  498. }
  499.  
  500. .post:hover #tag {
  501. opacity:1;
  502. transition-delay: 0.25s;
  503. -moz-transition-duration:0.5s;
  504. -webkit-transition-duration:0.5s;
  505. -o-transition-duration:0.5s;
  506. }
  507.  
  508.  
  509. #pline {position:absolute;
  510. margin-top:0px;
  511. {block:ifnottags}
  512. display:none;
  513. {/block:ifnottags}
  514. {block:permalinkpage}
  515. display:none;
  516. {/block:permalinkpage}
  517. }
  518.  
  519. #pline:before {
  520. border-left:1px solid {color:border};
  521. top:-6px;
  522. left:-9px;
  523. height:0px;
  524. content:'';
  525. display:block;
  526. position:absolute;
  527. transition-delay: 0s;
  528. -webkit-transition: all 0.5s ease-in-out;
  529. -moz-transition: all 0.5s ease-in-out;
  530. -o-transition: all 0.5s ease-in-out;
  531. -ms-transition: all 0.5s ease-in-out;
  532. transition: all 0.5s ease-in-out;
  533. }
  534.  
  535. .post:hover #pline:before {top:-6px;height:calc(100% + 10px);}
  536.  
  537.  
  538.  
  539. #pic img {
  540. {block:PermalinkPage}
  541. max-width: 500px;
  542. background:;
  543. padding:0;
  544. {/block:PermalinkPage}
  545. margin-bottom:-4px;
  546. -moz-border-radius:5px;
  547. -webkit-border-radius:5px;
  548. border-radius:5px;
  549. }
  550.  
  551.  
  552.  
  553. .title {
  554. padding-bottom:10px;padding-top:10px;font-size:16px;font-family:montserrat;letter-spacing:0px;font-weight:bold;text-transform: uppercase;word-spacing:2px;margin-bottom:10px;line-height:100%;text-align:center;color:{color:links};
  555. }
  556.  
  557.  
  558.  
  559. #perma {
  560. width:500px;
  561. left:450px;
  562. padding:7px;
  563. margin-top:7px;
  564. -moz-border-radius:5px;
  565. -webkit-border-radius:5px;
  566. border-radius:5px;
  567. padding-bottom:5px;
  568. border:1px solid {color:border};
  569. background:{color:posts};
  570.  
  571. }
  572.  
  573. .time {
  574. font:700 14px 'montserrat';
  575. text-transform:uppercase;
  576. letter-spacing:0px;
  577. line-height:70%;
  578. color:{color:permalink};
  579. display:block;
  580. }
  581.  
  582. .via {
  583. font:700 10px 'montserrat';
  584. text-transform:uppercase;
  585. letter-spacing:0px;
  586. color:{color:notes};
  587. margin-top:3px;
  588. margin-left:1px;
  589. display:block;
  590. }
  591.  
  592. .via a {
  593. border-bottom:none;
  594. }
  595.  
  596. .via a:hover {
  597. border-bottom:none;
  598. }
  599.  
  600. .ttg {
  601. line-height:150%;
  602. font:700 7px montserrat;
  603. letter-spacing:0px;
  604. text-transform:uppercase;
  605. margin-left:1px;
  606. margin-top:1px;
  607. text-align:left;
  608. color:{color:notes};
  609. }
  610.  
  611. .ttg a {
  612. padding:0px 0px 0px 0px;
  613. margin-right:5px;
  614. }
  615.  
  616. .tag-commas:last-child { display: none; }
  617.  
  618.  
  619. /* Notes */
  620.  
  621.  
  622.  
  623. ol.notes {
  624. color:{color:text};
  625. padding: 0px;
  626. margin:30px 0px;
  627. list-style-type:none;
  628. font-size:7px;
  629. font-style: normal;
  630. letter-spacing: 1px;
  631. font-weight:bold;
  632. text-transform: uppercase;
  633. width:510px;
  634. }
  635.  
  636. ol.notes a {
  637. color:{color:links};
  638. text-decoration:none;
  639. }
  640. ol.notes a:hover {
  641. color:{color:links hover};
  642. text-decoration:none;
  643. }
  644.  
  645. li.note {
  646. list-style-type:none;
  647. margin-left:0px;
  648. padding:5px;
  649. }
  650.  
  651. ul li.note:before {
  652. content:none;
  653. }
  654.  
  655. img.avatar {
  656. vertical-align:-4px;
  657. margin-right:10px;
  658. width:14px;
  659. height:14px;
  660. }
  661.  
  662.  
  663. /* Sidebar */
  664.  
  665. .lline {
  666. position:absolute;
  667. margin-left:60px;
  668. {block:ifbiggersidebar}
  669. margin-left:80px;
  670. {/block:ifbiggersidebar}
  671. }
  672.  
  673. .lline:before {
  674. border-top:1px solid {color:border};
  675. top:-59px;
  676. left:0;
  677. width:0px;
  678. content:'';
  679. display:block;
  680. position:absolute;
  681. -webkit-transition: all 0.6s ease-in-out;
  682. -moz-transition: all 0.6s ease-in-out;
  683. -o-transition: all 0.6s ease-in-out;
  684. -ms-transition: all 0.6s ease-in-out;
  685. transition: all 0.6s ease-in-out;
  686. {block:ifbiggersidebar}
  687. top:-79px;
  688. {/block:ifbiggersidebar}
  689. {block:iffixedlinks}
  690. width:100%;
  691. {/block:iffixedlinks}
  692. }
  693.  
  694. .icon:hover .lline:before {width:100%;}
  695.  
  696. .lline2 {
  697. position:relative;
  698. margin-left:0px;
  699. {block:ifbiggersidebar}
  700. margin-left:0px;
  701. {/block:ifbiggersidebar}
  702. }
  703.  
  704. .lline2:before {
  705. border-top:1px solid {color:border};
  706. top:-6px;
  707. right:60px;
  708. width:0px;
  709. content:'';
  710. display:block;
  711. position:absolute;
  712. -webkit-transition: all 0.6s ease-in-out;
  713. -moz-transition: all 0.6s ease-in-out;
  714. -o-transition: all 0.6s ease-in-out;
  715. -ms-transition: all 0.6s ease-in-out;
  716. transition: all 0.6s ease-in-out;
  717. {block:ifbiggersidebar}
  718. top:-6px;
  719. right:80px;
  720. {/block:ifbiggersidebar}
  721. {block:iffixedlinks}
  722. width:calc(100% + 50px);
  723. {/block:iffixedlinks}
  724. }
  725.  
  726. .icon:hover .lline2:before {width:calc(100% + 50px);
  727. }
  728.  
  729. #dline {position:absolute;
  730. top:53px;
  731. {block:ifbiggersidebar}
  732. top:73px;
  733. {/block:ifbiggersidebar}
  734. }
  735.  
  736. #dline:before {
  737. border-left:1px solid {color:border};
  738. margin-top:10px;
  739. left:-1px;
  740. height:0px;
  741. content:'';
  742. display:block;
  743. position:absolute;
  744. -webkit-transition: all 0.6s ease-in-out;
  745. -moz-transition: all 0.6s ease-in-out;
  746. -o-transition: all 0.6s ease-in-out;
  747. -ms-transition: all 0.6s ease-in-out;
  748. transition: all 0.6s ease-in-out;
  749. {block:ifnotleftsidebar}
  750. {block:iffixeddesc}
  751. height:calc(100% - 15px);
  752. {/block:iffixeddesc}
  753. {/block:ifnotleftsidebar}
  754. }
  755.  
  756. .icon:hover #dline:before {height:calc(100% - 15px);}
  757.  
  758. #dline2 {position:absolute;
  759. top:53px;
  760. {block:ifbiggersidebar}
  761. top:73px;
  762. {/block:ifbiggersidebar}
  763. }
  764.  
  765. #dline2:before {
  766. border-left:1px solid {color:border};
  767. margin-top:10px;
  768. right:-1px;
  769. height:0px;
  770. content:'';
  771. display:block;
  772. position:absolute;
  773. -webkit-transition: all 0.6s ease-in-out;
  774. -moz-transition: all 0.6s ease-in-out;
  775. -o-transition: all 0.6s ease-in-out;
  776. -ms-transition: all 0.6s ease-in-out;
  777. transition: all 0.6s ease-in-out;
  778. {block:iffixeddesc}
  779. height:calc(100% - 15px);
  780. {/block:iffixeddesc}
  781. }
  782.  
  783. .icon:hover #dline2:before {height:calc(100% - 15px);
  784. }
  785.  
  786. .icon {
  787. width:55px;
  788. height:55px;
  789. top:{text:sidebar top}px;
  790. margin-left:{text:sidebar left}px;
  791. padding:4px;
  792. background:{color:posts};
  793. position:fixed;
  794. border:1px solid {color:border};
  795. -moz-border-radius:5px;
  796. -webkit-border-radius:5px;
  797. border-radius:5px;
  798. {block:ifbiggersidebar}
  799. width:75px;
  800. height:75px;
  801. {/block:ifbiggersidebar}
  802. }
  803.  
  804. #lel {
  805. width:55px;
  806. height:55px;
  807. background:{color:posts};
  808. top:4px;
  809. position:absolute;
  810. opacity:0;
  811. -moz-border-radius:5px;
  812. -webkit-border-radius:5px;
  813. border-radius:5px;
  814. transition:all .4s ease-in-out;
  815. -webkit-transition:all .4s ease-in-out;
  816. -o-transition:all .4s ease-in-out;
  817. -moz-transition:all .4s ease-in-out;
  818. {block:ifbiggersidebar}
  819. width:75px;
  820. height:75px;
  821. {/block:ifbiggersidebar}
  822. }
  823.  
  824. #lel span.tt {
  825. position: relative;
  826. top: 35%;
  827. -webkit-transform: translateY(-50%);
  828. -ms-transform: translateY(-50%);
  829. transform: translateY(-50%);
  830. transition-delay: 0.40s;
  831. }
  832.  
  833. .icon img {
  834. -moz-border-radius:5px;
  835. -webkit-border-radius:5px;
  836. border-radius:5px;
  837. width:55px;
  838. height:55px;
  839. {block:ifbiggersidebar}
  840. width:75px;
  841. height:75px;
  842. {/block:ifbiggersidebar}
  843. }
  844.  
  845. .icon2 {
  846. margin-left:-55px;
  847. position:fixed;
  848. width:55px;
  849. height:55px;
  850. -moz-border-radius:5px;
  851. -webkit-border-radius:5px;
  852. border-radius:5px;
  853. {block:ifbiggersidebar}
  854. width:75px;
  855. height:75px;
  856. margin-left:-75px;
  857. {/block:ifbiggersidebar}
  858. }
  859.  
  860. #descp {
  861. margin-top:5px;
  862. opacity:0;
  863. margin-left:2px;
  864. padding:7px;
  865. width:150px;
  866. line-height:170%;
  867. padding-left:7px;
  868. font:7px roboto;
  869. letter-spacing:1px;
  870. word-wrap:break-word;
  871. text-transform:uppercase;
  872. transition:all .5s ease-in-out;
  873. -webkit-transition:all .5s ease-in-out;
  874. -o-transition:all .5s ease-in-out;
  875. -moz-transition:all .5s ease-in-out;
  876. {block:ifleftsidebar}
  877. {block:ifnotbiggersidebar}
  878. margin-left:-110px;
  879. {block:ifnotbiggersidebar}
  880. text-align:right;
  881. {block:ifbiggersidebar}
  882. width:200px;
  883. margin-left:-140px;
  884. {/block:ifbiggersidebar}
  885. {/block:ifleftsidebar}
  886. {block:ifbiggersidebar}
  887. width:200px;
  888. {/block:ifbiggersidebar}
  889. {block:iffixeddesc}
  890. opacity:1;
  891. margin-top:10px;
  892. {/block:iffixeddesc}
  893. {block:ifnotdescription}
  894. display:none;
  895. {/block:ifnotdescription}
  896. }
  897.  
  898. #lks {
  899. font:700 7px montserrat;
  900. letter-spacing:1px;
  901. word-wrap:break-word;
  902. text-transform:uppercase;
  903. margin-top:-60px;
  904. margin-left:0px;
  905. line-height:160%;
  906. width:100px;
  907. text-align:left;
  908. opacity:0;
  909. transition:all .7s ease-in-out;
  910. -webkit-transition:all .7s ease-in-out;
  911. -o-transition:all .7s ease-in-out;
  912. -moz-transition:all .7s ease-in-out;
  913. {block:ifbiggersidebar}
  914. margin-top:-79px;
  915. width:120px;
  916. {/block:ifbiggersidebar}
  917. {block:ifleftsidebar}
  918. {block:ifbiggersidebar}
  919. margin-top:-79px;
  920. text-align:right;
  921. width:120px;
  922. margin-left:-125px;
  923. {/block:ifbiggersidebar}
  924. {block:ifnotbiggersidebar}
  925. text-align:right;
  926. margin-left:-105px;
  927. {/block:ifnotbiggersidebar}
  928. {/block:ifleftsidebar}
  929. {block:iffixedlinks}
  930. opacity:1;
  931. {block:ifnotleftsidebar}
  932. margin-left:5px;
  933. {/block:ifnotleftsidebar}
  934. {block:ifleftsidebar}
  935. margin-left:-110px;
  936. {block:ifbiggersidebar}
  937. margin-left:-130px;
  938. {/block:ifbiggersidebar}
  939. {/block:ifleftsidebar}
  940. {/block:iffixedlinks}
  941. }
  942.  
  943. #lks a {
  944. margin:0px 2px 0px 2px;
  945. border-bottom:none;
  946. }
  947.  
  948. #lks a:hover {
  949. border-bottom:none;
  950. }
  951.  
  952. #lks ul {
  953. list-style-type: none;
  954. }
  955.  
  956. #lks li {
  957. display:block;
  958. margin-left:-37px;
  959. }
  960.  
  961. #lks li:before {
  962. content:none;
  963. }
  964.  
  965. .icon:hover #lks {
  966. margin-left:5px;
  967. opacity:1;
  968. transition-delay: 0.55s;
  969. -moz-transition-duration:0.5s;
  970. -webkit-transition-duration:0.5s;
  971. -o-transition-duration:0.5s;
  972. {block:ifleftsidebar}
  973. {block:ifnotbiggersidebar}
  974. margin-left:-110px;
  975. {block:ifnotbiggersidebar}
  976. {block:ifbiggersidebar}
  977. margin-left:-130px;
  978. {/block:ifbiggersidebar}
  979. {/block:ifleftsidebar}
  980. }
  981.  
  982. .icon:hover #descp {
  983. margin-top:10px;
  984. opacity:1;
  985. transition-delay: 0.45s;
  986. -moz-transition-duration:0.5s;
  987. -webkit-transition-duration:0.5s;
  988. -o-transition-duration:0.5s;
  989. }
  990.  
  991. .icon:hover #lel {
  992. opacity:0.8;
  993. transition:all .4s ease-in-out;
  994. -webkit-transition:all .4s ease-in-out;
  995. -o-transition:all .4s ease-in-out;
  996. -moz-transition:all .4s ease-in-out;
  997. }
  998.  
  999.  
  1000.  
  1001.  
  1002.  
  1003.  
  1004. /* Pagination */
  1005.  
  1006.  
  1007. #page {
  1008.  
  1009. }
  1010.  
  1011. .nextpage {padding:4px 0px 3px 0px;text-transform:uppercase;
  1012. font: 700 9px montserrat;
  1013. letter-spacing:0px;position:fixed;bottom:20px;color:{color:links};right:20px;
  1014. }
  1015.  
  1016. .prevpage {padding:4px 0px 3px 0px;text-transform:uppercase;
  1017. font: 700 9px montserrat;
  1018. letter-spacing:0px;position:fixed;bottom:20px;color:{color:links};left:20px;
  1019. }
  1020. .currentpage, .nextpage:hover, prevpage:hover {padding:4px 0px 3px 0px;color: {color:links hover};}
  1021.  
  1022. {block:ifinfinitescroll}
  1023. .nextpage, .prevpage {display:none;}
  1024. {/block:ifinfinitescroll}
  1025.  
  1026.  
  1027. /* Audio */
  1028.  
  1029.  
  1030. #art {
  1031. float:left;
  1032. position:absolute;
  1033. height: 50px;
  1034. width: 50px;
  1035. background: {color:ask audio etc};
  1036. padding: 5px;
  1037. margin-left:calc(50% - 37px);
  1038. -moz-border-radius:100%;
  1039. -webkit-border-radius:100%;
  1040. border-radius:100%;
  1041. }
  1042.  
  1043.  
  1044. #art img {
  1045. opacity: 1;
  1046. height: 50px;
  1047. width: 50px;
  1048. -moz-border-radius:100%;
  1049. -webkit-border-radius:100%;
  1050. border-radius:100%;
  1051. -webkit-transition: all 0.6s ease-in-out;
  1052. -moz-transition: all 0.6s ease-in-out;
  1053. -o-transition: all 0.6s ease-in-out;
  1054. }
  1055.  
  1056.  
  1057. #player {
  1058. opacity: 0;
  1059. float:left;
  1060. margin-left:calc(50% - 31px);
  1061. -webkit-transition: all 0.6s ease-in-out;
  1062. -moz-transition: all 0.6s ease-in-out;
  1063. -o-transition: all 0.6s ease-in-out;
  1064. }
  1065.  
  1066. .post:hover #player {
  1067. opacity: 0.8;
  1068. }
  1069.  
  1070. #info {
  1071. width:auto;
  1072. margin-top:40px;
  1073. line-height:100%;
  1074. height:auto;
  1075. text-align:center;
  1076. padding-top:15px;
  1077. padding-bottom:5px;
  1078. background:{color:ask audio etc};
  1079. -moz-border-radius:5px;
  1080. -webkit-border-radius:5px;
  1081. border-radius:5px;
  1082. }
  1083.  
  1084. #info span.song {
  1085. text-transform:uppercase;
  1086. padding:10px;
  1087. font:700 14px montserrat;
  1088. padding-bottom:5px;
  1089. line-height:130%;
  1090. display:block;
  1091. color:{color:links};
  1092. letter-spacing:0px;
  1093. }
  1094.  
  1095. #info span.artist {
  1096. text-transform:uppercase;
  1097. padding:5px;
  1098. padding-top:0px;
  1099. letter-spacing:1px;
  1100. display:block;
  1101. font: 700 8px roboto;
  1102. color:{color:text};
  1103. }
  1104.  
  1105.  
  1106. /* Ask */
  1107.  
  1108.  
  1109. .q img {
  1110. width:48px;height:48px;margin-top:0px;margin-left:2px;position:absolute;border:5px solid {color:ask audio etc};display:block;float:left;margin-left:calc(50% - 35px);-moz-border-radius:100%;
  1111. -webkit-border-radius:100%;
  1112. border-radius:100%;
  1113. {block:permalinkpage}
  1114. margin-left:220px;
  1115. {/block:permalinkpage}
  1116. }
  1117.  
  1118. .q span {
  1119. margin-top:2px;margin-left:0px;margin-right:1.7px;border:3px solid {color:posts};padding:30px 0px 0px 0px;padding-left:0px;background:{color:posts};display:block;text-align:left;text-transform:uppercase;color:{color:text};letter-spacing:0px;font:700 15px montserrat;line-height:100%;
  1120. }
  1121.  
  1122. .question {
  1123. padding:5px;color:{color:text};margin-top:40px;padding-top:20px;margin-right:0px;text-align:center;border-bottom:2px solid {color:ask audio etc};border-top:2px solid {color:ask audio etc};border-right:2px solid {color:ask audio etc};border-left:2px solid {color:ask audio etc};background:{color:ask audio etc};-moz-border-radius:5px;
  1124. -webkit-border-radius:5px;
  1125. border-radius:5px;
  1126. }
  1127.  
  1128. .question span.asker {
  1129. text-transform:uppercase;
  1130. font-size:11px;
  1131. font-weight:700;
  1132. letter-spacing:1px;
  1133. display:block;
  1134. color:{color:links};
  1135. }
  1136.  
  1137. .question span.asker a {
  1138. border-bottom:none;
  1139. }
  1140.  
  1141. .question span.asker a:hover {
  1142. border-bottom:none;
  1143. }
  1144.  
  1145. .a {
  1146. margin-top:0px;
  1147. margin-bottom:-7px;
  1148. padding:7px;
  1149. }
  1150.  
  1151.  
  1152. /* Chat */
  1153.  
  1154.  
  1155. .lines .line {
  1156. background: {color:ask audio etc};
  1157. padding: 5px;
  1158. margin-bottom: 0px;
  1159. -moz-border-radius:5px;
  1160. -webkit-border-radius:5px;
  1161. border-radius:5px;
  1162. }
  1163.  
  1164.  
  1165. .lines .line.even {
  1166. background: {color:posts};
  1167. }
  1168.  
  1169.  
  1170. /* Selection & Scrollbar */
  1171.  
  1172. ::-webkit-scrollbar { height: 0px; width: 3px; background: transparent; border: 4px solid transparent transparent transparent transparent; opacity:1; }
  1173.  
  1174. ::-webkit-scrollbar-thumb { z-index:9999;background: {color:scrollbar}; height: 20px; width: 9px; border-radius: 0px; -moz-border-radius: 10px -webkit-border-radius: 10px o-border-radius: 10px; -ms-border-radius: 10px;}
  1175.  
  1176.  
  1177. ::-moz-selection {background:{color:links};color:{color:posts};}
  1178. ::selection {background:{color:links};color:{color:posts};}
  1179.  
  1180.  
  1181.  
  1182. /* Tumblr Controls */
  1183.  
  1184.  
  1185.  
  1186. iframe#tumblr_controls {
  1187. top:0%!important;
  1188. right:0%!important;
  1189. position:fixed!important;
  1190. z-index:999999999!important;
  1191. opacity:0.3;
  1192. -webkit-filter:invert(100%);
  1193. -moz-filter:invert(100%);
  1194. -o-filter:invert(100%);
  1195. -ms-filter:invert(100%);
  1196. filter:invert(100%);
  1197. }
  1198.  
  1199. /* Tooltip */
  1200.  
  1201.  
  1202.  
  1203. #s-m-t-tooltip {
  1204. z-index: 9999;
  1205. background: {color:posts};
  1206. line-height:150%;
  1207. font-size:7px;
  1208. font-style: normal;
  1209. letter-spacing: 1px;
  1210. font-weight:bold;
  1211. text-transform: uppercase;
  1212. border: 1px solid {color:border};
  1213. max-width: 300px;
  1214. -moz-border-radius:5px;
  1215. -webkit-border-radius:5px;
  1216. border-radius:5px;
  1217. text-align: justify;
  1218. padding: 7px;
  1219. display: block;
  1220. margin: 24px 14px 7px 12px;
  1221. {block:ifshadows}
  1222. box-shadow:rgba(0,0,0,0.09) 5px 5px;
  1223. {/block:ifshadows}
  1224. }
  1225.  
  1226. #perma2 {line-height:100%;text-align:left;text-transform:uppercase;position:absolute;display:block;color:{color:notecount};background:{color:permalink 2 background};padding:10px;padding-bottom:7px;padding-top:5px;z-index:3;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;border-bottom-right-radius:0px;border-top-left-radius:0px;border:1px solid {color:border};top:-1px;right:-1px;opacity:0;filter:alpha(opacity=00);-moz-opacity: 0;-khtml-opacity: 0;-webkit-transition: all .6s ease;-moz-transition: all .6s ease;-ms-transition: all .6s ease;-o-transition: all .6s ease;transition: all .6s ease;}
  1227. .post:hover #perma2 {opacity:1;filter:alpha(opacity=100);-moz-opacity: 1;-khtml-opacity: 1;}
  1228. #perma2 a {color:{color:notecount}; border-bottom:none;}
  1229. #perma2.photo {display:none!important;}
  1230. #perma2 a.time {margin-left:-2px;color:{color:permalink};font:700 13px 'montserrat';text-transform:uppercase;letter-spacing:0px;transition:all .4s ease-in-out;
  1231. -webkit-transition:all .4s ease-in-out;
  1232. -o-transition:all .4s ease-in-out;
  1233. -moz-transition:all .4s ease-in-out;}
  1234. #perma2 a.time:hover {color:{color:links hover};
  1235. border-bottom:none;
  1236. transition:all .4s ease-in-out;
  1237. -webkit-transition:all .4s ease-in-out;
  1238. -o-transition:all .4s ease-in-out;
  1239. -moz-transition:all .4s ease-in-out;}
  1240. #perma2 span.not {
  1241. font:700 7px 'montserrat';text-transform:uppercase;letter-spacing:0px;text-align:left;margin-top:-2px;margin-left:0px;display:block;color:{color:notecount};
  1242. }
  1243. #perma2 span.not a:hover {
  1244. color:{color:links hover};
  1245. }
  1246.  
  1247.  
  1248. /* Tumblr Controls */
  1249.  
  1250.  
  1251.  
  1252. #tumblr_lightbox_center_image, #tumblr_lightbox_left_image, #tumblr_lightbox_right_image {opacity:.0!important;}
  1253.  
  1254. #tumblr_lightbox { background:rgba({RGBcolor:background}, .85)!important; }
  1255.  
  1256. #vignette , #tumblr_lightbox_caption { opacity:0!important;
  1257. color:{color:text}!important;
  1258. font-family:inherit!important;
  1259. font-size:10px!important;
  1260. font-weight:normal!important;
  1261. text-shadow:none!important;}
  1262.  
  1263.  
  1264. #tumblr_lightbox_center_image, #tumblr_lightbox_left_image, #tumblr_lightbox_right_image {
  1265. padding:0px!important;
  1266. opacity:1!important;
  1267. border-radius:0px!important;
  1268. -webkit-border-radius:0px!important;
  1269. -moz-border-radius:0px!important;
  1270. box-shadow:none!important;
  1271. -webkit-box-shadow:none!important;
  1272. -moz-box-shadow:none!important;
  1273. }
  1274.  
  1275. #capx {
  1276. opacity:0;
  1277. background:{color:caption};
  1278. border:1px solid {color:border};
  1279. padding:1px 0px 0px 10px;
  1280. bottom:19px;
  1281. overflow:scroll;
  1282. overflow:auto;
  1283. text-align:left;
  1284. max-height:60px;
  1285. margin-left:5px;
  1286. -moz-border-radius:4px;
  1287. -webkit-border-radius:4px;
  1288. border-radius:4px;
  1289. position:absolute;
  1290. width:calc(100% - 35px);
  1291. -webkit-transition: all 0.5s ease-in-out;
  1292. -moz-transition: all 0.5s ease-in-out;
  1293. transition: all 0.5s ease-in-out;
  1294. {block:ifnotcaptions}
  1295. display:none;
  1296. {/block:ifnotcaptions}
  1297. }
  1298.  
  1299. .post:hover #capx {
  1300. opacity:1;
  1301. -webkit-transition: all 0.5s ease-in-out;
  1302. -moz-transition: all 0.5s ease-in-out;
  1303. transition: all 0.5s ease-in-out;
  1304. }
  1305.  
  1306. #capx2 {
  1307. opacity:1;
  1308. background:{color:caption};
  1309. border:1px solid {color:border};
  1310. padding:1px 0px 3px 10px;
  1311. margin-top:7px;
  1312. overflow:scroll;
  1313. overflow:auto;
  1314. text-align:left;
  1315. margin-left:0px;
  1316. -moz-border-radius:4px;
  1317. -webkit-border-radius:4px;
  1318. border-radius:4px;
  1319. width:calc(100% - 12px);
  1320. -webkit-transition: all 0.5s ease-in-out;
  1321. -moz-transition: all 0.5s ease-in-out;
  1322. transition: all 0.5s ease-in-out;
  1323. }
  1324.  
  1325.  
  1326. .buttons {
  1327. position: absolute;
  1328. top: 5px;
  1329. right: 5px;
  1330. display:inline-block;
  1331. {block:ifnotreblogbuttom}
  1332. display:none;
  1333. {/block:ifnotreblogbuttom}
  1334. }
  1335.  
  1336. .buttons a {
  1337. border-bottom:none;
  1338. }
  1339.  
  1340. .buttons a:hover {
  1341. border-bottom:none;
  1342. }
  1343.  
  1344. .buttons li {
  1345. list-style: none;
  1346. display:inline-block;
  1347. padding: 6px;
  1348. margin-right: 15px;
  1349. margin-top:-5px;
  1350. }
  1351.  
  1352.  
  1353. .buttons ul li:before {
  1354. content:none;
  1355. }
  1356.  
  1357.  
  1358.  
  1359. #reblog {
  1360. padding:5px;
  1361. background:{color:caption};
  1362. border:1px solid {color:border};
  1363. margin-left:-12px;
  1364. -moz-border-radius:4px;
  1365. -webkit-border-radius:4px;
  1366. border-radius:4px;
  1367. {block:indexpage}
  1368. opacity: 1;
  1369. {/block:indexpage}
  1370. -webkit-transition: all 1s ease;
  1371. -moz-transition: all 1s ease;
  1372. -o-transition: all 1s ease;
  1373. transition: all 1s ease;
  1374. }
  1375.  
  1376.  
  1377. /* Credits - don't touch */
  1378.  
  1379.  
  1380.  
  1381. #cr {
  1382. top:0px;left:0px;color:{color:links};font-weight:bold;font-size:10px;position:fixed;font-family:arial;background:transparent;padding:6px 8px;
  1383. }
  1384.  
  1385. #cr a {
  1386. border-bottom:none;
  1387. }
  1388.  
  1389. #cr a:hover {
  1390. border-bottom:none;
  1391. }
  1392.  
  1393.  
  1394.  
  1395. </style>
  1396.  
  1397. {block:ifinfinitescroll}
  1398. <script type="text/javascript" src="https://static.tumblr.com/q0etgkr/EIBmz7s0p/infinitescrolling.js"></script>
  1399. {/block:ifinfinitescroll}
  1400.  
  1401. <link href="#s-m-t-tooltip" rel="stylesheet" type="text/css" />
  1402.  
  1403. </head>
  1404.  
  1405.  
  1406. <body>
  1407.  
  1408.  
  1409. <div style="bottom:{text:render bottom}px;position:fixed;left:{text:render left}px;">
  1410. <span style="opacity:;"><img src="{image:render}" width="auto"></div></span>
  1411.  
  1412. {/block:ifnotleftsidebar}
  1413. {block:ifnotbiggersidebar}
  1414. <div class="icon"><img src="{PortraitURL-64}"><span class="icon2"><img src="{image:sidebar}"></span><div class="lline"><div id="lks"><ul><li>{block:iflink1}01 <a href="{text:link1 url}">{text:link1}</a>{/block:iflink1}</li>
  1415. <li>{block:iflink2}02 <a href="{text:link2 url}">{text:link2}</a>{/block:iflink2}</li>
  1416. <li>{block:iflink3}03 <a href="{text:link3 url}">{text:link3}</a>{/block:iflink3}</li>
  1417. <li>{block:iflink4}04 <a href="{text:link4 url}">{text:link4}</a>{/block:iflink4}</li>
  1418. </ul></div></div><div id="dline"><div id="descp">{Description}</div></div><a href="/"><div id="lel"></div></a></div>
  1419. {/block:ifnotbiggersidebar}
  1420.  
  1421. {block:ifbiggersidebar}
  1422. <div class="icon"><img src="{PortraitURL-96}"><span class="icon2"><img src="{image:sidebar}"></span><div class="lline"><div id="lks"><ul><li>{block:iflink1}01 <a href="{text:link1 url}">{text:link1}</a>{/block:iflink1}</li>
  1423. <li>{block:iflink2}02 <a href="{text:link2 url}">{text:link2}</a>{/block:iflink2}</li>
  1424. <li>{block:iflink3}03 <a href="{text:link3 url}">{text:link3}</a>{/block:iflink3}</li>
  1425. <li>{block:iflink4}04 <a href="{text:link4 url}">{text:link4}</a>{/block:iflink4}</li>
  1426. <li>{block:iflink5}05 <a href="{text:link5 url}">{text:link5}</a>{/block:iflink5}</li>
  1427. <li>{block:iflink6}06 <a href="{text:link6 url}">{text:link6}</a>{/block:iflink6}</li>
  1428. </ul></div></div><div id="dline"><div id="descp">{Description}</div></div><a href="/"><div id="lel"></div></a></div>
  1429. {/block:ifbiggersidebar}
  1430. {/block:ifnotleftsidebar}
  1431.  
  1432. {block:ifleftsidebar}
  1433. {block:ifnotbiggersidebar}
  1434. <div class="icon"><img src="{PortraitURL-64}"><span class="icon2"><img src="{image:sidebar}"></span><div class="lline2"><div id="lks"><ul><li>{block:iflink1}<a href="{text:link1 url}">{text:link1}</a> 01{/block:iflink1}</li>
  1435. <li>{block:iflink2}<a href="{text:link2 url}">{text:link2}</a> 02{/block:iflink2}</li>
  1436. <li>{block:iflink3}<a href="{text:link3 url}">{text:link3}</a> 03{/block:iflink3}</li>
  1437. <li>{block:iflink4}<a href="{text:link4 url}">{text:link4}</a> 04{/block:iflink4}</li>
  1438. </ul></div></div><div id="dline2"><div id="descp">{Description}</div></div><a href="/"><div id="lel"></div></a></div>
  1439. {/block:ifnotbiggersidebar}
  1440.  
  1441. {block:ifbiggersidebar}
  1442. <div class="icon"><img src="{PortraitURL-96}"><span class="icon2"><img src="{image:sidebar}"></span><div class="lline2"><div id="lks"><ul><li>{block:iflink1}<a href="{text:link1 url}">{text:link1}</a> 01{/block:iflink1}</li>
  1443. <li>{block:iflink2}<a href="{text:link2 url}">{text:link2}</a> 02{/block:iflink2}</li>
  1444. <li>{block:iflink3}<a href="{text:link3 url}">{text:link3}</a> 03{/block:iflink3}</li>
  1445. <li>{block:iflink4}<a href="{text:link4 url}">{text:link4}</a> 04{/block:iflink4}</li>
  1446. <li>{block:iflink5}<a href="{text:link5 url}">{text:link5}</a> 05{/block:iflink5}</li>
  1447. <li>{block:iflink6}<a href="{text:link6 url}">{text:link6}</a> 06{/block:iflink6}</li>
  1448. </ul></div></div><div id="dline2"><div id="descp">{Description}</div></div><a href="/"><div id="lel"></div></a></div>
  1449. {/block:ifbiggersidebar}
  1450. {/block:ifleftsidebar}
  1451.  
  1452.  
  1453. {block:Pagination}
  1454. {block:PreviousPage}<div class="prevpage"><a href="{PreviousPage}">back</a></div>{/block:PreviousPage}
  1455.  
  1456. {block:NextPage}<div class="nextpage"><a href="{NextPage}">next</a></div>{/block:NextPage}
  1457. {/block:Pagination}
  1458.  
  1459. <div id="cr"><a href="https://kimtys.tumblr.com" title="theme by kimtys">k.</a></div>
  1460.  
  1461. <div id="postx">
  1462.  
  1463.  
  1464. {block:Posts}
  1465.  
  1466.  
  1467.  
  1468. <div class="post">
  1469.  
  1470.  
  1471.  
  1472.  
  1473. {block:Text}
  1474. {block:IndexPage}
  1475. <div id="perma2"><a href="{Permalink}" class="time">{12HourWithZero}:{Minutes} {AmPm}</a>
  1476. <span class="not">{block:NoteCount}{NoteCountWithLabel}{/block:NoteCount}</span>
  1477. </div>
  1478. {/block:IndexPage}
  1479. {block:Title}
  1480. <div class="title">
  1481. {Title}
  1482. </div>
  1483. {/block:Title}
  1484. {Body}
  1485. {block:More}
  1486. <a href="{Permalink}">keep reading</a>
  1487. {/block:More}
  1488. {block:ContentSource}
  1489. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  1490. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  1491. {/block:SourceLogo}
  1492. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  1493. {/block:ContentSource}
  1494. {/block:Text}
  1495.  
  1496.  
  1497.  
  1498.  
  1499. {block:Photo}
  1500. {block:IndexPage}
  1501. <div class="permabg"></div>
  1502. <div id="phover">
  1503. <div class="ptime"><a href="{Permalink}">{12HourWithZero}:{Minutes} {AmPm}</a>
  1504. {block:NoteCount}<div id="note">{NoteCountWithLabel} </div>{/block:NoteCount}
  1505. </div>
  1506. <div class="buttons">
  1507. <ul>
  1508. <li id="reblog">{ReblogButton size="15" color="grey"}</li>
  1509. </ul> </div>
  1510. {block:Caption} <div id="capx">{Caption}</div> {/block:Caption}
  1511. </div>
  1512. {/block:IndexPage}
  1513. <div id="pic">
  1514. <center>
  1515. <img src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="500"/>
  1516. <div style="margin-bottom:1px"></div>
  1517. </center>
  1518. </div>
  1519. {block:permalinkpage}
  1520. <div style="margin-bottom:2px"></div>
  1521. {block:Caption} <div id="capx2">{Caption}</div> {/block:Caption}
  1522. {/block:permalinkpage}
  1523. {block:ContentSource}
  1524. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  1525. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  1526. {/block:SourceLogo}
  1527. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  1528. {/block:ContentSource}
  1529. {/block:Photo}
  1530.  
  1531.  
  1532.  
  1533.  
  1534. {block:Photoset}
  1535. <center>
  1536. {block:IndexPage}
  1537. <div class="permabg"></div>
  1538. <div id="phover">
  1539. <div class="ptime"><a href="{Permalink}">{12HourWithZero}:{Minutes} {AmPm}</a>
  1540. {block:NoteCount}<div id="note">{NoteCountWithLabel} </div>{/block:NoteCount}
  1541. </div>
  1542. <div class="buttons">
  1543. <ul>
  1544. <li id="reblog">{ReblogButton size="15" color="grey"}</li>
  1545. </ul> </div>
  1546. {block:Caption} <div id="capx">{Caption}</div> {/block:Caption}
  1547. </div>
  1548. {block:if200px}<div class="photoset"><a href="{Permalink}"><div class="photoset_row phoset_row_1" style="width:200px;margin-bottom:-3px"/>{Photoset}</a>{LinkCloseTag}</div></div>{/block:if200px}
  1549. {block:if250px}<div class="photoset"><a href="{Permalink}"><div class="photoset_row phoset_row_1" style="width:250px;margin-bottom:-3px"/>{Photoset}</a>{LinkCloseTag}</div></div>{/block:if250px}
  1550. {block:if300px}<div class="photoset"><a href="{Permalink}"><div class="photoset_row phoset_row_1" style="width:300px;margin-bottom:-3px"/>{Photoset}</a>{LinkCloseTag}</div></div>{/block:if300px}
  1551. {block:if350px}<div class="photoset"><a href="{Permalink}"><div class="photoset_row phoset_row_1" style="width:350px;margin-bottom:-3px;"/>{Photoset}</a>{LinkCloseTag}</div></div>{/block:if350px}
  1552. {block:if400px}<div class="photoset"><a href="{Permalink}"><div class="photoset_row phoset_row_1" style="width:400px;margin-bottom:-3px"/>{Photoset}</a>{LinkCloseTag}</div></div>{/block:if400px}
  1553. {/block:IndexPage}
  1554. {block:PermalinkPage}
  1555. <div style="margin-top: 2px;"></div>
  1556. <div class="photoset"><a href="{Permalink}"><div class="photoset_row phoset_row_1" style="width:500px;margin-right:-3px;margin-bottom:-2px"/>{Photoset}</a>{LinkCloseTag}</div></div>
  1557. {block:Caption} <div id="capx2">{Caption}</div> {/block:Caption}
  1558. {block:PermalinkPage}
  1559. </center>
  1560. {block:ContentSource}
  1561. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  1562. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  1563. {/block:SourceLogo}
  1564. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  1565. {/block:ContentSource}
  1566. {/block:Photoset}
  1567.  
  1568.  
  1569.  
  1570.  
  1571. {block:Quote}
  1572. {block:IndexPage}
  1573. <div id="perma2"><a href="{Permalink}" class="time">{12HourWithZero}:{Minutes} {AmPm}</a>
  1574. <span class="not">{block:NoteCount}{NoteCountWithLabel}{/block:NoteCount}</span>
  1575. </div>{/block:IndexPage}
  1576. <div style="font-size: 13px; text-transform:uppercase;line-height: 130%; font-weight:bold; color: {color:links};letter-spacing:0px;font-family:montserrat;background:{color:ask audio etc};padding:10px;-moz-border-radius:5px;
  1577. -webkit-border-radius:5px;
  1578. border-radius:5px;">{Quote}</div>
  1579. {block:Source}
  1580. <div style="text-align: right; margin-top: 10px;">{Source}</div>
  1581. {/block:Source}
  1582. {block:ContentSource}
  1583. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  1584. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  1585. {/block:SourceLogo}
  1586. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  1587. {/block:ContentSource}
  1588. {/block:Quote}
  1589.  
  1590.  
  1591.  
  1592.  
  1593. {block:Link}
  1594. {block:IndexPage}
  1595. <div id="perma2"><a href="{Permalink}" class="time">{12HourWithZero}:{Minutes} {AmPm}</a>
  1596. <span class="not">{block:NoteCount}{NoteCountWithLabel}{/block:NoteCount}</span>
  1597. </div>{/block:IndexPage}
  1598. <div class="title"><a href="{URL}" {Target}>{Name}</a></div>
  1599. {block:Description}
  1600. {Description}
  1601. {/block:Description}
  1602. {block:ContentSource}
  1603. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  1604. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  1605. {/block:SourceLogo}
  1606. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  1607. {/block:ContentSource}
  1608. {/block:Link}
  1609.  
  1610.  
  1611.  
  1612.  
  1613. {block:Chat}
  1614. {block:IndexPage}
  1615. <div id="perma2"><a href="{Permalink}" class="time">{12HourWithZero}:{Minutes} {AmPm}</a>
  1616. <span class="not">{block:NoteCount}{NoteCountWithLabel}{/block:NoteCount}</span>
  1617. </div>{/block:IndexPage}
  1618. {block:Title}
  1619. <div class="title">
  1620. {Title}
  1621. </div>
  1622. {/block:Title}
  1623. <div class="lines">
  1624. {block:Lines}
  1625. <div class="line {Alt}">{block:Label}<b>{Label}</b>{/block:Label} {Line}</div>
  1626. {/block:Lines}
  1627. </div>
  1628. {/block:Chat}
  1629.  
  1630.  
  1631.  
  1632.  
  1633. {block:Audio}
  1634. {block:IndexPage}
  1635. <div id="perma2"><a href="{Permalink}" class="time">{12HourWithZero}:{Minutes} {AmPm}</a>
  1636. <span class="not">{block:NoteCount}{NoteCountWithLabel}{/block:NoteCount} </span>
  1637. </div>
  1638. {/block:IndexPage}
  1639. <div id="art">
  1640. {block:AlbumArt}<img src="{AlbumArtURL}">
  1641. {/block:AlbumArt}
  1642. </div>
  1643. <div id="player"><div style="position: absolute; margin: 4px 5px 4px 5px; padding: 13px 12px 12px 13px; background: #fff;-moz-border-radius:100%;
  1644. -webkit-border-radius:100%;
  1645. border-radius:100%;">
  1646. <div style="width: 27px; height: 27px; overflow: hidden;">
  1647. {AudioPlayerWhite}
  1648. </div></div></div>
  1649. <div id="info">
  1650. <span class="song"><span{block:TrackName} style="display:none;"{/block:TrackName}> Unknown</span>{block:TrackName}{TrackName}{/block:TrackName}</span></span>
  1651. <span class="artist"><span{block:Artist} style="display:none;"{/block:Artist}> Unknown</span>{block:Artist}{Artist}{/block:Artist}</span></span>
  1652. </div>
  1653. {block:PermalinkPage}
  1654. {block:Caption} <div id="capx2">{Caption}</div> {/block:Caption}
  1655. {/block:PermalinkPage}
  1656. {/block:Audio}
  1657.  
  1658.  
  1659.  
  1660.  
  1661. {block:Video}
  1662. {block:IndexPage}
  1663. <div id="perma2"><a href="{Permalink}" class="time">{12HourWithZero}:{Minutes} {AmPm}</a>
  1664. <span class="not">{block:NoteCount}{NoteCountWithLabel}{/block:NoteCount}</span>
  1665. </div>
  1666. <center>
  1667. {block:if200px}<div style="-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;margin-bottom:3px;width:182px;background:{color:ask audio etc};padding-top:17px; padding-bottom: 17px;padding-left:8px;padding-right:8px;border:1px solid {color:ask audio etc};"><center>{Video-250}</center></div>{/block:if200px}
  1668. {block:if250px}<center>{Video-250}</center>{/block:if250px}
  1669. {block:if300px}<div style="-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;margin-bottom:3px;width:282px;background:{color:ask audio etc};padding-top:17px; padding-bottom: 17px;padding-left:8px;padding-right:8px;border:1px solid {color:ask audio etc};"><center>{Video-250}</center></div>{/block:if300px}
  1670. {block:if350px}<div style="-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;margin-bottom:3px;width:332px;background:{color:ask audio etc};padding-top:17px; padding-bottom: 17px;padding-left:8px;padding-right:8px;border:1px solid {color:ask audio etc};"><center>{Video-250}</center></div>{/block:if350px}
  1671. {block:if400px}<div style="margin-bottom:1px;"><center>{Video-400}</center></div>{/block:if400px}
  1672. {/block:indexpage}
  1673. {block:permalinkpage}
  1674. <center>{Video-500}</center>
  1675. <div style="margin-bottom:3px;"></div>
  1676. {block:Caption} <div id="capx2">{Caption}</div> {/block:Caption}
  1677. {/block:permalinkpage}
  1678. <div style="margin-bottom: -2px;"></div>
  1679. </center>
  1680.  
  1681. {block:ContentSource}
  1682. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  1683. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  1684. {/block:SourceLogo}
  1685. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  1686. {/block:ContentSource}
  1687. {/block:Video}
  1688.  
  1689.  
  1690.  
  1691.  
  1692. {block:Answer}
  1693. {block:IndexPage}
  1694. <div id="perma2"><a href="{Permalink}" class="time">{12HourWithZero}:{Minutes} {AmPm}</a>
  1695. <span class="not">{block:NoteCount}{NoteCountWithLabel}{/block:NoteCount}</span>
  1696. </div>{/block:IndexPage}
  1697. <div class="q"><img src="{AskerPortraitURL-48}"/></div>
  1698. <div class="question"><span class="asker">{Asker}</span>
  1699. {Question}
  1700. </div>
  1701. <div class="a">{Answer}</div>
  1702. {block:More}
  1703. <a href="{Permalink}">keep reading</a>
  1704. {/block:More}
  1705. {/block:Answer}
  1706.  
  1707.  
  1708.  
  1709. {block:indexpage}
  1710. <div id="tg">{block:HasTags}<div id="pline"><div id="tag">{block:Tags}<a href="{TagURL}">{Tag}</a>{/block:Tags}</div></div>{/block:HasTags}</div>
  1711. {/block:indexpage}
  1712.  
  1713.  
  1714. </div>
  1715.  
  1716.  
  1717. {block:permalinkpage}
  1718. {block:Date}<div id="perma"><div class="time">{TimeAgo}{/block:Date} {block:NoteCount}<span style="float:right"> {NoteCountWithLabel}</span>{/block:NoteCount}</div>
  1719. {block:RebloggedFrom}<div class="via">from <a href="{ReblogParentURL}" title="{ReblogParentTitle}">{ReblogParentName}</a> by <a href="{ReblogRootURL}" title="{ReblogRootTitle}">{ReblogRootName}</a></div>{/block:RebloggedFrom}
  1720. {block:HasTags}<div class="ttg">filed under: {block:Tags}<a href="{TagURL}">{Tag}</a> {/block:Tags}</div>{/block:HasTags}
  1721. </div>
  1722.  
  1723. {block:PostNotes}{PostNotes}{/block:PostNotes}
  1724. {/block:permalinkpage}
  1725.  
  1726.  
  1727.  
  1728.  
  1729.  
  1730. {/block:Posts}
  1731. </div>
  1732.  
  1733.  
  1734.  
  1735.  
  1736.  
  1737.  
  1738.  
  1739. </body></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!