API tools faq
paste
sexycullen

# 180

sexycullen
Apr 26th, 2018
3,122
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 29.96 KB | None | 0 0
raw download clone embed print report
  1. <html>
  2. <head>
  3.  
  4. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  5. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  6.  
  7. <!--------------------------------------------
  8. SCOTTISBAE's THEMES #180
  9. THEME BY: http://scottisbae.tumblr.com/
  10.  
  11. PLEASE DO NOT:
  12. remove the credits; claim as your oww; use as a base.
  13. YOU CAN:
  14. edit as much as you want for your own personal use only.
  15.  
  16. CREDITS:
  17. scrollbar style, like button and pixel union photoset by shythemes.
  18. tumblr audio player by alphathemes.
  19. postnotes style by fragilehelp.
  20.  
  21. --------------------------------------------->
  22.  
  23. <title>{Title}</title>
  24. <link rel="shortcut icon" href="{Favicon}">
  25. <link rel="altertnate" type="application/rss+xml" href="{RSS}">
  26. <meta name="description" content="" />
  27. <meta http-equiv="x-dns-prefetch-control" content="off"/>
  28.  
  29.  
  30. <meta name="color:Background" content="#FFFFFF">
  31. <meta name="color:Link" content="#BAB9B9">
  32. <meta name="color:Link Hover" content="#BDBFBF">
  33. <meta name="color:Pagination Links Color" content="#BDBFBF">
  34. <meta name="color:Liked Heart Color" content="#95C2D5">
  35. <meta name="color:Text" content="#393939">
  36. <meta name="color:Bold" content="#BDBFBF">
  37. <meta name="color:Sidebar Background" content="#000000">
  38. <meta name="color:Sidebar Text" content="#FFFFFF">
  39. <meta name="color:Sidebar Bold Text" content="#FFFFFF">
  40. <meta name="color:Sidebar Text Shadow" content="#404040">
  41. <meta name="color:Posts Background" content="#FFFFFF">
  42. <meta name="color:Posts Border" content="#F3F3F3">
  43. <meta name="color:Container Background" content="#FFFFFF">
  44. <meta name="color:Container Border" content="#F3F3F3">
  45. <meta name="color:Info Border" content="#F3F3F3">
  46. <meta name="color:Scrollbar" content="#DEDEDE">
  47. <meta name="color:Hover Background" content="#FFFFFF">
  48. <meta name="color:Hover Background Text" content="#393939">
  49.  
  50. <meta name="text:Body Font Size" content="9px"/>
  51. <meta name="text:Body Font" content="'Hind', arial"/>
  52.  
  53. <meta name="image:Sidebar" content=""/>
  54. <meta name="image:Background" content="" />
  55. <meta name="if:Sidebar Hover" content="1" />
  56. <meta name="if:Show Sidebar Text Shadow" content="1" />
  57. <meta name="if:Show Container Border" content="1" />
  58. <meta name="if:Show Posts Border" content="0" />
  59. <meta name="if:Show Images Black and White" content="0" />
  60. <meta name="if:Show Search Box" content="1" />
  61. <meta name="if:Show Link1" content="1" />
  62. <meta name="if:Show Link2" content="1" />
  63. <meta name="if:Show Link3" content="1" />
  64. <meta name="if:Show Link4" content="1" />
  65.  
  66. <meta name="text:Title" content="">
  67. <meta name="text:link1" content="">
  68. <meta name="text:link1 url" content="/">
  69. <meta name="text:link2" content="">
  70. <meta name="text:link2 url" content="/">
  71. <meta name="text:link3" content="">
  72. <meta name="text:link3 url" content="/">
  73. <meta name="text:link4" content="">
  74. <meta name="text:link4 url" content="/">
  75.  
  76.  
  77.  
  78. <script defer src="https://use.fontawesome.com/releases/v5.0.10/js/all.js" integrity="sha384-slN8GvtUJGnv6ca26v8EzVaR9DC58QEwsIk9q1QXdCU8Yu8ck/tL/5szYlBbqmS+" crossorigin="anonymous"></script>
  79.  
  80.  
  81. <link href="https://fonts.googleapis.com/css?family=Hind:300,400,700" rel="stylesheet">
  82.  
  83. <link href="https://fonts.googleapis.com/css?family=Open+Sans:400,400i,700,700i" rel="stylesheet">
  84.  
  85. <link href="https://fonts.googleapis.com/css?family=Roboto:400,400i,700,700i" rel="stylesheet">
  86.  
  87.  
  88. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  89. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  90. <script>
  91. (function($){
  92. $(document).ready(function(){
  93. $("a[title]").style_my_tooltips({
  94. tip_follows_cursor:true,
  95. tip_delay_time:90,
  96. tip_fade_speed:600,
  97. attribute:"title"
  98. });
  99. });
  100. })(jQuery);
  101. </script>
  102.  
  103.  
  104.  
  105. <link href="https://static.tumblr.com/qudkd6d/OcDnl99gb/style.css" rel="stylesheet" type="text/css"/>
  106. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  107. </script>
  108.  
  109. <script src="https://static.tumblr.com/qudkd6d/Az6nkemqr/pxuphotoset.min.js"></script>
  110. <script>
  111. $(document).ready(function(){
  112. $('.photo-slideshow').pxuPhotoset({
  113. lightbox: true,
  114. highRes: true,
  115. gutter: '1px',
  116. borderRadius: '0px',
  117. photoset: '.photo-slideshow',
  118. photoWrap: '.photo-data',
  119. photo: '.pxu-photo'
  120. });
  121.  
  122. }); </script>
  123.  
  124.  
  125.  
  126. <script type="text/javascript">
  127. <!--
  128. function handleThis(formElm)
  129. {
  130. window.location="/tagged/"+formElm.number.value+"";
  131. return false;
  132. }
  133. </script>
  134.  
  135. <script type="text/javascript">
  136. $(document).ready(function(){
  137. $(".links2").hide();
  138. $(".links").click(function(){
  139. $(this).next(".links2").slideToggle('fast');
  140. }); }); </script>
  141.  
  142.  
  143.  
  144. <script>
  145. function myFunction() {
  146. var x = document.getElementById("description");
  147. if (x.style.display === "none") {
  148. x.style.display = "block";
  149. } else {
  150. x.style.display = "none";
  151. }
  152. }
  153. </script>
  154.  
  155.  
  156. <style type="text/css">
  157.  
  158. ::-webkit-scrollbar {
  159. width:17px;
  160. height:17px;
  161. }
  162. ::-webkit-scrollbar {
  163. background-color:{color:Container Background}; /* background color */
  164. }
  165. ::-webkit-scrollbar-track {
  166. border:8px solid {color:Container Background}; /* background color */
  167. background-color:{color:Container Background}; /* light border color */
  168. }
  169. ::-webkit-scrollbar-thumb {
  170. border:8px solid {color:Container Background}; /* background color */
  171. background-color:{color:Scrollbar}; /* dark border color */
  172. min-height:24px;
  173. min-width:24px;
  174. }
  175.  
  176.  
  177. img {
  178. -webkit-filter: grayscale(0%);
  179. {block:ifShowImagesBlackandWhite}
  180. -webkit-filter: grayscale(100%);
  181. {/block:ifShowImagesBlackandWhite}
  182. z-index: -9999999999999999999999999px;
  183. -webkit-transition: all 0.9s ease-in-out;
  184. -moz-transition: all 0.9s ease-in-out;
  185. -o-transition: all 0.9s ease-in-out;
  186. -ms-transition: all 0.9s ease-in-out;
  187. transition: all 0.9s ease-in-out;
  188. }
  189.  
  190. img:hover {
  191. -webkit-filter: grayscale(0%);
  192. z-index: -9999999999999999999999999px;
  193. -webkit-transition: all 0.9s ease-in-out;
  194. -moz-transition: all 0.9s ease-in-out;
  195. -o-transition: all 0.9s ease-in-out;
  196. -ms-transition: all 0.9s ease-in-out;
  197. transition: all 0.9s ease-in-out;
  198. }
  199.  
  200.  
  201. #s-m-t-tooltip {
  202. max-width:300px;
  203. margin-top:-30px;
  204. margin-left:-25px;
  205. font-size:8.5px;
  206. font-family: hind;
  207. color:{color:Bold};
  208. font-weight:;
  209. letter-spacing:0px;
  210. text-align:center;
  211. text-transform:lowercase;
  212. padding:4px;
  213. color:{color:Hover Background Text};
  214. background-color:{color:Hover Background};
  215. border-bottom:1px solid {color:Info Border};
  216. z-index:999999;
  217. }
  218.  
  219.  
  220.  
  221. .tumblr_blog {
  222. vertical-align:middle;
  223. line-height:5px;
  224. padding:2px;
  225. margin-top:;
  226. font-weight:bold;
  227. color:{color:bold}!important;
  228. }
  229.  
  230. .tumblr_blog a:hover {
  231. text-decoration:none;
  232. color:{color:Link Hover};
  233. }
  234.  
  235. .like-b {
  236. position:relative;
  237. display:inline-block;
  238. height:1em;
  239. line-height:1em;
  240. overflow:hidden;
  241. margin-bottom:-3px;
  242. }
  243.  
  244. .like-b .like_button iframe {
  245. position:absolute;
  246. top:0;
  247. left:0;
  248. bottom:0;
  249. right:0;
  250. z-index:2;
  251. opacity:0;
  252. }
  253.  
  254. .like-b .liked + .b {
  255. color:{color:Liked Heart Color};
  256. }
  257.  
  258. .like-b .liked + .b:after {
  259. content:'';
  260. }
  261.  
  262. blockquote {
  263. border-left:1px solid {color:Info Border};
  264. padding-left:7px;
  265. padding-top:px;
  266. padding-bottom:px;
  267. margin:5px;
  268. margin-top:px;
  269. margin-bottom:20px;
  270. margin-left:px;
  271. }
  272.  
  273.  
  274. h1 {
  275. font-weight:normal;
  276. font-size: {text:Body Font Size};
  277. font-family:;
  278. text-align:left;
  279. font-style:italic;
  280. letter-spacing:0px;
  281. text-transform:none;
  282. color:{color:Bold};
  283. }
  284.  
  285. h2 {
  286. margin-bottom:12px;
  287. padding-bottom:10px;
  288. font-size: 10px;
  289. font-family: 'hind',arial;
  290. font-style:none;
  291. text-align:left;
  292. letter-spacing:0;
  293. font-weight:400;
  294. line-height:100%;
  295. text-transform:uppercase;
  296. color:{color:Bold};
  297. margin: 0px;
  298. }
  299.  
  300. hr {
  301. width:50px;
  302. margin-left:0px;
  303. border-width: 1px 0px 0px 0px;
  304. border-style: solid;
  305. border-color: {color:Info Border};
  306. }
  307.  
  308. pre {
  309. font-size: {text:Body Font Size};
  310. font-family: {text:Body Font};
  311. width:400px;
  312. text-align: left;
  313. word-break: break-all;
  314. color:{color:Text};
  315. }
  316.  
  317. postsb1 {
  318. width:50px;
  319. height:1px;
  320. margin-left:2px;
  321. margin-right:2px;
  322. background:#f3f3f3;
  323. display:inline-block;
  324. vertical-align:middle;
  325. }
  326.  
  327. body {
  328. color: {color:Text};
  329. background-color:{color:Background};
  330. background-image:url('{image:background}');
  331. background-repeat: repeat;
  332. background-position: ;
  333. background-attachment: fixed;
  334. }
  335.  
  336. b, strong {
  337. color: {color:bold};
  338. text-transform:;
  339. }
  340.  
  341. small, sup, sub {
  342. font-family: {text:Body Font};
  343. letter-spacing:1px;
  344. }
  345.  
  346. a {
  347. color: {color:Link};
  348. text-decoration: none;
  349. -moz-transition-duration: 0.5s;
  350. -o-transition-duration: 0.5s;
  351. -webkit-transition-duration: 0.5s;
  352. transition-duration: 0.5s;
  353. }
  354.  
  355. a:hover {
  356. color: {color:Link Hover};
  357. text-decoration: none;
  358. -moz-transition-duration: 0.5s;
  359. -o-transition-duration: 0.5s;
  360. -webkit-transition-duration: 0.5s;
  361. transition-duration: 0.5s;
  362. }
  363.  
  364. .sidebar {
  365. margin-left:113px;
  366. width:245px;
  367. height:520px;
  368. position: fixed;
  369. margin-top:50px;
  370. {block:ifShowContainerBorder}
  371. border:1px solid {color:Container Border};
  372. {/block:ifShowContainerBorder}
  373. background-color: {color:Sidebar Background};
  374. }
  375.  
  376.  
  377. {block:ifNotSidebarHover}
  378. .sidebaroverlay {
  379. opacity:1;
  380. width: 100%;
  381. height:0%;
  382. }
  383.  
  384.  
  385. .sidebar .sidebarimage {
  386. opacity:0.5;
  387. }
  388. {/block:ifNotSidebarHover}
  389.  
  390.  
  391. {block:ifSidebarHover}
  392. .sidebaroverlay {
  393. position: absolute;
  394. bottom: 0;
  395. left: 100%;
  396. right: 0;
  397. overflow: hidden;
  398. width: 0;
  399. height: 100%;
  400. transition: .5s ease;
  401. }
  402.  
  403. .sidebar:hover .sidebaroverlay {
  404. width: 100%;
  405. left: 0;
  406. opacity:1;
  407. }
  408.  
  409.  
  410. .sidebar:hover .sidebarimage {
  411. opacity:0.5;
  412. }
  413. {/block:ifSidebarHover}
  414.  
  415.  
  416. .title {
  417. width:150px;
  418. padding:5px;
  419. font-size:16px;
  420. font-family:'Open Sans', sans-serif;
  421. text-transform:lowercase;
  422. font-weight:bold;
  423. text-align:left;
  424. position:absolute;
  425. top: 5%;
  426. left:34%;
  427. overflow: hidden;
  428. {block:ifShowSidebarTextShadow}
  429. text-shadow: 1px 1px 1px {color:Sidebar Text Shadow};
  430. {/block:ifShowSidebarTextShadow}
  431. transform: translate(-50%, -50%);
  432. -ms-transform: translate(-50%, -50%);
  433. }
  434.  
  435. .title a {
  436. color:{color:Sidebar Text};
  437. }
  438.  
  439. .searchbox {
  440. width:245px;
  441. padding:5px;
  442. font-size:16px;
  443. font-family:'Open Sans', sans-serif;
  444. text-transform:lowercase;
  445. font-weight:bold;
  446. text-align:center;
  447. position:absolute;
  448. top: 95%;
  449. left:50%;
  450. overflow: hidden;
  451. {block:ifShowSidebarTextShadow}
  452. text-shadow: 1px 1px 1px {color:Sidebar Text Shadow};
  453. {/block:ifShowSidebarTextShadow}
  454. transform: translate(-50%, -50%);
  455. -ms-transform: translate(-50%, -50%);
  456. }
  457.  
  458. .searchb input {
  459. background-color: transparent;
  460. font-size: 10px;
  461. text-transform: uppercase;
  462. font-weight:bold;
  463. letter-spacing: px;
  464. padding: 4px 8px;
  465. font-family: 'hind';
  466. color:{color:Sidebar Text};
  467. }
  468.  
  469. #searchtext {
  470. background-color: transparent;
  471. font-size: 10px;
  472. width:100px;
  473. border: 0px;
  474. text-transform: uppercase;
  475. margin-top: 0px;
  476. font-weight:bold;
  477. letter-spacing: px;
  478. padding: 4px 8px;
  479. font-family: 'hind';
  480. color:{color:Sidebar Text};
  481. vertical-align:middle;
  482. border: 1px solid {color:Sidebar Text};
  483. }
  484.  
  485. #searchbutton {
  486. font-size:16px;
  487. font-family:'hind',arial;
  488. text-transform:lowercase;
  489. font-weight:bold;
  490. color:{color:Sidebar Text};
  491. border:0px solid {color:Info Border};
  492. {block:ifShowSidebarTextShadow}
  493. text-shadow: 1px 1px 1px {color:Sidebar Text Shadow};
  494. {/block:ifShowSidebarTextShadow}
  495. }
  496.  
  497.  
  498. .sidebarimage {
  499. width:245px;
  500. height:520px;
  501. display: block;
  502. object-fit: cover;
  503. {block:ifShowImagesBlackandWhite}
  504. -webkit-filter: grayscale(100%);
  505. {/block:ifShowImagesBlackandWhite}
  506. }
  507.  
  508. .sidebarimage:hover {
  509. {block:ifShowImagesBlackandWhite}
  510. -webkit-filter: grayscale(100%);
  511. {/block:ifShowImagesBlackandWhite}
  512. }
  513.  
  514. .linksclick {
  515. background-color: transparent;
  516. border: none;
  517. cursor: pointer;
  518. font-size:16px;
  519. text-align:right;
  520. font-family:'hind',arial;
  521. text-transform:lowercase;
  522. font-weight:100;
  523. color:{color:Sidebar Text};
  524. width:33px;
  525. text-decoration: none;
  526. {block:ifShowSidebarTextShadow}
  527. text-shadow: 1px 1px 1px {color:Sidebar Text Shadow};
  528. {/block:ifShowSidebarTextShadow}
  529. }
  530.  
  531.  
  532. .links {
  533. width:33px;
  534. padding:0px;
  535. position: absolute;
  536. display: inline-block;
  537. top: 0%;
  538. left:83%;
  539. overflow: hidden;
  540. text-decoration: none;
  541. }
  542.  
  543. .linksoverlay {
  544. position: absolute;
  545. overflow: hidden;
  546. height:0;
  547. transition: .2s linear;
  548. }
  549.  
  550. .links:hover .linksoverlay {
  551. top: 0;
  552. height: %;
  553. }
  554.  
  555. .links2 {
  556. width:245px;
  557. height:520px;
  558. text-align:center;
  559. font-weight:bold;
  560. line-height:px;
  561. font-size:16px;
  562. font-family:'Open Sans', sans-serif;
  563. text-transform:lowercase;
  564. overflow: hidden;
  565. position:absolute;
  566. top: 80%;
  567. left:55%;
  568. z-index: 1;
  569. {block:ifShowSidebarTextShadow}
  570. text-shadow: 1px 1px 1px {color:Sidebar Text Shadow};
  571. {/block:ifShowSidebarTextShadow}
  572. transform: translate(-50%, -50%);
  573. -ms-transform: translate(-50%, -50%);
  574. }
  575.  
  576. .links2 a {
  577. color:{color:Sidebar Text};
  578. padding:px;
  579. -moz-transition-duration: 1s;
  580. -o-transition-duration: 1s;
  581. -webkit-transition-duration:1s;
  582. transition-duration: 1s;
  583. }
  584.  
  585. .links2 li {
  586. list-style:none;
  587. }
  588.  
  589. .links2 a:hover {
  590. text-decoration:none;
  591. -moz-transition-duration: 0.5s;
  592. -o-transition-duration: 0.5s;
  593. -webkit-transition-duration: 0.5s;
  594. transition-duration: 0.5s;
  595. }
  596.  
  597.  
  598. {block:ifSidebarHover}
  599. #description {
  600. width:220px;
  601. padding:6;
  602. margin-top:3px;
  603. text-align:justify;
  604. line-height:190%;
  605. text-transform:uppercase;
  606. font-size:9px;
  607. font-family:'hind', arial;
  608. color:{color:Sidebar Text};
  609. letter-spacing:0.5px;
  610. overflow: hidden;
  611. position:relative;
  612. top: 50%;
  613. left:50%;
  614. {block:ifShowSidebarTextShadow}
  615. text-shadow: 1px 1px 1px {color:Sidebar Text Shadow};
  616. {/block:ifShowSidebarTextShadow}
  617. transform: translate(-50%, -50%);
  618. -ms-transform: translate(-50%, -50%);
  619. }
  620.  
  621. #description a:hover {
  622. color:{color:Link Hover};
  623. }
  624.  
  625. #description b, bold {
  626. color:{color:Sidebar Bold Text};
  627. }
  628.  
  629. {/block:ifSidebarHover}
  630.  
  631. {block:ifNotSidebarHover}
  632. #description {
  633. width:220px;
  634. padding:6;
  635. margin-top:3px;
  636. text-align:justify;
  637. line-height:190%;
  638. text-transform:uppercase;
  639. font-size:9px;
  640. font-family:'hind', arial;
  641. color:{color:Sidebar Text};
  642. letter-spacing:0.5px;
  643. overflow: hidden;
  644. position:absolute;
  645. top: 50%;
  646. left:50%;
  647. {block:ifShowSidebarTextShadow}
  648. text-shadow: 1px 1px 1px {color:Sidebar Text Shadow};
  649. {/block:ifShowSidebarTextShadow}
  650. transform: translate(-50%, -50%);
  651. -ms-transform: translate(-50%, -50%);
  652. }
  653.  
  654. #description b, bold {
  655. color:{color:Sidebar Bold Text};
  656. }
  657. {/block:ifNotSidebarHover}
  658.  
  659.  
  660. .pagination {
  661. width:400px;
  662. font-family:'Open Sans', sans-serif;
  663. text-transform:uppercase;
  664. letter-spacing:4px;
  665. font-style:normal;
  666. text-align:center;
  667. font-size:17px;
  668. text-align:center;
  669. font-weight:bold;
  670. margin-top:-25px;
  671. margin-bottom:10px;
  672. padding:0px;
  673. margin-left:18px;
  674. border:0px solid {color:Posts Border};
  675. color:{color:PaginationLinksColor};
  676. }
  677.  
  678. .pagination a {
  679. color:{color:PaginationLinksColor};
  680. padding:3px;
  681. -moz-transition-duration: 0.5s;
  682. -o-transition-duration: 0.5s;
  683. -webkit-transition-duration: 0.5s;
  684. transition-duration: 0.5s;
  685. }
  686.  
  687. .container {
  688. width:1000px;
  689. margin: auto;
  690. margin-top:px;
  691. }
  692.  
  693.  
  694. .postscontainer {
  695. width:480px;
  696. height:500px;
  697. margin: auto;
  698. padding:10px;
  699. margin-left:360px;
  700. margin-bottom:px;
  701. position:fixed;
  702. overflow-y:scroll;
  703. overflow-x:hidden;
  704. margin-top:50px;
  705. background-color:{color:Container Background};
  706. {block:ifShowContainerBorder}
  707. border-top:1px solid {color:Container Border};
  708. border-right:1px solid {color:Container Border};
  709. border-bottom:1px solid {color:Container Border};
  710. {/block:ifShowContainerBorder}
  711. }
  712.  
  713.  
  714. .photo-slideshow {
  715. visibility: hidden;
  716. }
  717.  
  718. .photo-slideshow.processed {
  719. visibility: visible;
  720. }
  721.  
  722. .photo-slideshow .row {
  723. clear: both;
  724. width: 100%;
  725. }
  726.  
  727. .photo-slideshow .pxu-photo {
  728. display: block;
  729. float: clear;
  730. width: 100%;
  731. overflow: hidden;
  732. }
  733.  
  734. .photo-slideshow .pxu-photo img {
  735. display: block;
  736. }
  737.  
  738. .photo-slideshow.processed .pxu-photo img {
  739. width:100%;
  740. height: auto;
  741. }
  742.  
  743. .photo-slideshow .pxu-photo:first-child img {
  744. margin:auto;
  745. }
  746.  
  747.  
  748. .photo-slideshow .count-1 {
  749. width:100%;
  750. }
  751.  
  752.  
  753.  
  754. .photo-slideshow .count-2 {
  755. width:50%;
  756. }
  757.  
  758. .photo-slideshow .count-3 {
  759. width:33.33%;
  760. }
  761.  
  762.  
  763. .posts {
  764. width:400px;
  765. font-size: {text:Body Font Size};
  766. font-family: {text:Body Font};
  767. margin-top:5px;
  768. padding:10px;
  769. margin-bottom:40px;
  770. line-height:120%;
  771. margin-left:30px;
  772. text-align:justify;
  773. background-color:{color:Posts Background};
  774. {block:ifShowPostsBorder}
  775. border:1px solid {color:Posts Border};
  776. {/block:ifShowPostsBorder}
  777. }
  778.  
  779. .posts img {
  780. max-width:400px;
  781. }
  782.  
  783. .posts a {
  784. color:{color:Link};
  785. }
  786.  
  787.  
  788. .info {
  789. width:400px;
  790. margin-top:15px;
  791. text-align:center;
  792. position:static;
  793. font-family:'Open Sans', sans-serif;
  794. text-transform:uppercase;
  795. line-height:15px;
  796. font-size:7px;
  797. }
  798.  
  799. .info a {
  800. padding:2px;
  801. color:{color:Bold};
  802. }
  803.  
  804. .tags {
  805. width:400px;
  806. margin-top:px;
  807. text-align:center;
  808. font-family:'Open Sans', sans-serif;
  809. text-transform:none;
  810. line-height:15px;
  811. font-size:9px;
  812. }
  813.  
  814. .tags a {
  815. padding:2px;
  816. color:{color:Text};
  817. }
  818.  
  819. ul li {
  820. color:#444;
  821. margin-left:-33px;
  822. list-style:none;
  823. }
  824.  
  825. ul li:before {
  826. color:{color:Bold};
  827. content:"\25E6";
  828. font-size:2em;
  829. padding-right:.2em;
  830. position:relative;
  831. top:.1em;
  832. }
  833.  
  834. ol {
  835. color:#444;
  836. margin-left:-25px;
  837. }
  838.  
  839. .postsnote {
  840. display:block;
  841. width:400px;
  842. text-transform:lowercase;
  843. font-size: {text:Body Font Size};
  844. font-family: {text:Body Font};
  845. text-align:left;
  846. margin-top:10px;
  847. }
  848.  
  849. .postsnote .avatar {
  850. border:none;
  851. margin:0;
  852. width:15px;
  853. padding:0;
  854. }
  855.  
  856. .postsnote ol {
  857. margin:0;
  858. padding:0;
  859. }
  860.  
  861. .postsnote li {
  862. list-style:none;
  863. border:none;
  864. float:left;
  865. margin:0;
  866. padding:0;
  867. margin-right:4px;
  868. margin-bottom:-2px;
  869. }
  870.  
  871. .postsnote .note .action {
  872. display:none;
  873. visibility:hidden;
  874. margin:0;
  875. padding:0;
  876. }
  877.  
  878.  
  879. .postsnote .note .retags {
  880. display:none;
  881. visibility:hidden;
  882. margin:0;
  883. padding:0;
  884. }
  885.  
  886. .postsnote blockquote {
  887. display:none;
  888. }
  889.  
  890.  
  891. .playerbuttonbg {
  892. position: absolute;
  893. left: 20px;
  894. top: 20px;
  895. width: 19px;
  896. height: 19px;
  897. background-color: #ffffff;
  898. padding: 10px;
  899. -webkit-border-radius: 40px;
  900. -moz-border-radius: 40px;
  901. border-radius: 40px;
  902. opacity: .4;
  903. filter: alpha(opacity=40);
  904. -moz-opacity: 0.4;
  905. -khtml-opacity: 0.4;
  906. transition: opacity .7s ease-in-out;
  907. -moz-transition: opacity .7s ease-in-out;
  908. -webkit-transition: opacity .7s ease-in-out;
  909. }
  910.  
  911. .playerbuttonbg:hover {
  912. opacity: 1;
  913. filter: alpha(opacity=100);
  914. -moz-opacity: 1;
  915. -khtml-opacity: 1;
  916. }
  917.  
  918. .newplayerbutton {
  919. position: relative;
  920. width: 19px;
  921. height: 19px;
  922. overflow: hidden;
  923. }
  924.  
  925. .playerbuttonhug {
  926. position: absolute;
  927. top: 0px;
  928. left: 0px;
  929. }
  930.  
  931. .tumblr_audio_player {
  932. height: 90px;
  933. width: 270px;
  934. -moz-transform: scale(0.60, 0.60);
  935. -webkit-transform: scale(0.60, 0.60);
  936. -o-transform: scale(0.60, 0.60);
  937. -ms-transform: scale(0.60, 0.60);
  938. transform: scale(0.60, 0.60);
  939. -moz-transform-origin: top left;
  940. -webkit-transform-origin: top left;
  941. -o-transform-origin: top left;
  942. -ms-transform-origin: top left;
  943. transform-origin: top left;
  944. }
  945.  
  946. .audioimgwrapper {
  947. position: absolute;
  948. left: 0px;
  949. top: 0px;
  950. -webkit-border-radius: 40px;
  951. -moz-border-radius: 40px;
  952. border-radius: 40px;
  953. overflow: hidden;
  954. width: 79px;
  955. height: 79px;
  956. }
  957.  
  958. .audioimgwrapper img {
  959. width: 100%;
  960. height: auto;
  961. -webkit-border-radius: 40px;
  962. -moz-border-radius: 40px;
  963. border-radius: 40px;
  964. }
  965.  
  966. .trackdetails {
  967. width: auto;
  968. font-size: {text:Body Font Size};
  969. font-family: {text:Body Font};
  970. line-height:14px;
  971. border: 0px solid black;
  972. display:inline-block;
  973. margin-left: 90px;
  974. padding:15px 10px 10px 10px;
  975. min-height:70px;
  976. }
  977.  
  978. .audiowrapper {
  979. position: relative;
  980. display:inline-block;
  981. }
  982.  
  983. .quote {
  984. font-size: {text:Body Font Size};
  985. font-family: {text:Body Font};
  986. margin-top:5px;
  987. color:{color:Bold};
  988. font-weight:bold;
  989. letter-spacing:0.1px;
  990. text-transform:none;
  991. line-height:100%;
  992. text-align:left;
  993. }
  994.  
  995. .source {
  996. font-size: {text:Body Font Size};
  997. font-family: {text:Body Font};
  998. font-style:normal;
  999. text-align:left;
  1000. line-height:17px;
  1001. }
  1002.  
  1003. .chat {
  1004. margin-top:5px;
  1005. font-size: {text:Body Font Size};
  1006. font-family: {text:Body Font};
  1007. }
  1008.  
  1009. .chat .lines {
  1010. margin-left:0;
  1011. }
  1012.  
  1013. .chat .lines span {
  1014. font-weight: bold;
  1015. color:{color:bold};
  1016. }
  1017.  
  1018. .ask {
  1019. width:400px;
  1020. font-size: {text:Body Font Size};
  1021. font-family: {text:Body Font};
  1022. text-transform:capitalize;
  1023. text-align:left;
  1024. font-weight:;
  1025. padding-top:4px;
  1026. padding-bottom:10px;
  1027. font-size: {text:Body Font Size};
  1028. font-family: {text:Body Font};
  1029. border-bottom: 1px solid {color:Info Border};
  1030. }
  1031.  
  1032. .ask a {
  1033. color:{color:bold};
  1034. }
  1035.  
  1036. .ask a:hover {
  1037. text-decoration:none;
  1038. color:{color:Link Hover};
  1039. }
  1040.  
  1041. .answer {
  1042. width:400px;
  1043. letter-spacing:0px;
  1044. text-align:left;
  1045. padding-top:px;
  1046. margin-bottom:1px;
  1047. font-size: {text:Body Font Size};
  1048. font-family: {text:Body Font};
  1049. }
  1050.  
  1051. .credit {
  1052. position:fixed;
  1053. font-family:calibri;
  1054. font-size:8px;
  1055. letter-spacing:0px;
  1056. right:5px;
  1057. bottom:20px;
  1058. text-transform:uppercase;
  1059. text-align:center;
  1060. color: #393939;
  1061. }
  1062.  
  1063. .credit a {
  1064. color:{color:Text};
  1065. padding:3px;
  1066. background-color: #fff;
  1067. outline:1px solid #f3f3f3;
  1068. font-style:normal;
  1069. padding:3px;
  1070. -moz-transition-duration:0.5s;
  1071. -webkit-transition-duration:0.5s;
  1072. -o-transition-duration:0.5s;
  1073. }
  1074.  
  1075. .credit a:hover {
  1076. padding:4px;
  1077. }
  1078.  
  1079. </style>
  1080. </head>
  1081.  
  1082.  
  1083. <body>
  1084. <div class="container">
  1085. <div class="sidebar">
  1086. <img src="{image:sidebar}" class="sidebarimage">
  1087. <div class="sidebaroverlay">
  1088. <div class="title">
  1089. <a href="/">{text:Title}</a>
  1090. </div>
  1091. <p class="links">
  1092. <button class="linksclick" onclick="myFunction()"><i class="fas fa-align-right"></i></button>
  1093. <div class="links2">
  1094. <li><a href="/">refresh</a></li>
  1095. <li><a href="/ask">questions</a></li>
  1096. {block:ifShowLink1}
  1097. <li><a href="{text:link1 url}">{text:link1}</a></li>
  1098. {/block:IfShowLink1}
  1099. {block:ifShowLink2}
  1100. <li><a href="{text:link2 url}">{text:link2}</a></li>
  1101. {/block:IfShowLink2}
  1102. {block:ifShowLink3}
  1103. <li><a href="{text:link3 url}">{text:link3}</a></li>
  1104. {/block:IfShowLink3}
  1105. {block:ifShowLink4}
  1106. <li><a href="{text:link4 url}">{text:link4}</a></li>
  1107. {/block:IfShowLink4}
  1108. </div>
  1109. <div id="description">
  1110. {Description}
  1111. </div>
  1112. {block:ifShowSearchBox}
  1113. <div class="searchbox">
  1114. <form action="/search" method="get" class="searchb">
  1115. <input type="text" name="q" value="{SearchQuery}" id="searchtext"/>
  1116. <input type="submit" value="Search" id="searchbutton"/>
  1117. </form>
  1118. </div>
  1119. {/block:ifShowSearchBox}
  1120. </div>
  1121. </div>
  1122.  
  1123. <div class="postscontainer" id="{PostID}">
  1124.  
  1125. {block:Posts}
  1126. <div class="posts" id="{PostID}">
  1127. {block:Text}
  1128. {block:Title}<h2>{Title}</h2>
  1129. {/block:Title}
  1130. <div class="caption">
  1131. {Body}
  1132. </div>
  1133. {/block:Text}
  1134.  
  1135. {block:Quote}<div class="quote">&#8220;{Quote}&#8221;</div><div class="source">&mdash; {block:Source}{Source}{/block:Source}</div>
  1136. {/block:Quote}
  1137.  
  1138. {block:Link}
  1139. <h2><a href="{URL}">{Name}</a></h2>
  1140. {block:Description}{Description}{/block:Description}
  1141. {/block:Link}
  1142.  
  1143.  
  1144. {block:Chat}
  1145. {block:Title}<h2>{Title}</h2>{/block:Title}
  1146. {block:lines}
  1147. <div class="chat">
  1148. <div class="lines">{block:label}
  1149. <span><span style="text-transform:uppercase;letter-spacing:0.5px;">{label}</span></span>
  1150. {/block:label}
  1151. {line}</br></div></div>
  1152. {/block:lines}
  1153. {/block:Chat}
  1154.  
  1155. {block:Answer}<div class="ask"><span style="font-weight:bold;text-transform:lowercase;color:{color:bold};">{Asker} </span><span style="font-size:7px;color:{color:bold};"><i class="fas fa-question"></i></span>   <span style="text-transform:none;"> {Question} </span></div><div class="caption"><div class="answer">{Answer}</div></div>{/block:answer}
  1156.  
  1157. {block:Photo}
  1158. {LinkOpenTag}<img src="{PhotoURL-400}" alt="{PhotoAlt}">{LinkCloseTag}{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  1159.  
  1160. {/block:Photo}
  1161.  
  1162. {block:Photoset}
  1163. <div class="photo-slideshow" id="photoset_{PostID}" data-layout="{PhotosetLayout}">{block:Photos}<div class="photo-data"><div class="pxu-photo"><img src="{PhotoURL-500}" width="{PhotoWidth-500}" height="{PhotoHeight-500}" data-highres="{PhotoURL-HighRes}" data-width="{PhotoWidth-HighRes}" data-height="{PhotoHeight-HighRes}"></div><a class="tumblr-box" rel="post-{PostID}" href="{PhotoURL-HighRes}"></a></div>{/block:Photos}</div>
  1164. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  1165. {/block:Photoset}
  1166.  
  1167. {block:Audio}
  1168. {block:AudioPlayer}
  1169. <div class="audiowrapper">
  1170. {block:AlbumArt}
  1171. <div class="audioimgwrapper"><img src="{AlbumArtURL}"></div>
  1172. {/block:AlbumArt}
  1173.  
  1174. <div class="playerbuttonbg">
  1175. <div class="newplayerbutton">
  1176. <div class="playerbuttonhug">
  1177. {AudioPlayerWhite}
  1178. </div></div></div>
  1179. <div class="trackdetails">
  1180. {block:TrackName}<span style="font-weight:bold;text-transform:uppercase;color:{color:Bold};">Track:</span> {TrackName} <br/>{/block:TrackName}
  1181. {block:Artist}<span style="font-weight:bold;text-transform:uppercase;color:{color:Bold};">Artist:</span> {Artist} <br/>{/block:Artist}
  1182. {block:Album}<span style="font-weight:bold;text-transform:uppercase;color:{color:Bold};">Album:</span> {Album} <br/>{/block:Album}
  1183. {block:PlayCount}<span style="font-weight:bold;text-transform:uppercase;color:{color:Bold};">Plays:</span> {PlayCount}{/block:PlayCount}
  1184. </div></div>
  1185. {/block:AudioPlayer}
  1186. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  1187. {/block:Audio}
  1188.  
  1189. {block:Video}
  1190. {Video-400}
  1191. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  1192. {/block:Video}
  1193.  
  1194. {block:Date}<div class="info"><a href="{Permalink}"><span style="font-weight:bold;">{timeago}</span></a> {block:NoteCount}{NoteCountWithLabel}{/block:NoteCount} {block:Permalink} {block:RebloggedFrom}via: <a href="{ReblogParentURL}">{ReblogParentName}</a> {block:ContentSource}source: <a href="{SourceURL}">{SourceTitle}</a>{/block:ContentSource}{/block:RebloggedFrom}{/block:Permalink} <a href="{ReblogURL}" target="_blank" class="details"><span style="font-size:px;";><i class="fas fa-redo-alt"></i></span></a> reblog  <a class="like-b" href="#">{LikeButton}<span class="b"><i class="far fa-heart"></i></a></span> like</div> <p><center><postsb1></postsb1></center><p>
  1195. {/block:Date}
  1196.  
  1197. {block:HasTags}
  1198. <div class="tags">
  1199. {block:Tags}<span style="color:{color:Bold}";><i class="far fa-comments"></i></span> <a href="{TagURL}"> {Tag}</a> {/block:Tags}
  1200. </div>
  1201. {/block:HasTags}
  1202.  
  1203.  
  1204.  
  1205.  
  1206. {block:PostNotes}
  1207. <div class="postsnote">
  1208. {PostNotes-64}
  1209. </div>
  1210. {/block:PostNotes}
  1211. </div>
  1212. {/block:Posts}
  1213.  
  1214. {block:Pagination}
  1215. <div align="center">
  1216. <div class="pagination">
  1217. {block:PreviousPage}
  1218. <a title="back" href="{PreviousPage}"> <i class="fa fa-chevron-left" aria-hidden="true"></i> </a>
  1219. {/block:PreviousPage}
  1220. {block:JumpPage}
  1221. <a class="jump_page" href="{URL}">{PageNumber}</a>
  1222. {/block:JumpPage}
  1223. {/block:JumpPagination}
  1224. {block:NextPage}
  1225. <a title="next" href="{NextPage}"> <i class="fa fa-chevron-right" aria-hidden="true"></i> </a>
  1226. {/block:NextPage}
  1227. </div>
  1228. </div>
  1229. {/block:Pagination}
  1230.  
  1231. <div class="credit"><a href="http://scottisbae.tumblr.com/">scottisbae</a></div>
  1232.  
  1233. </div>
  1234. </div>
  1235. </div>
  1236.  
  1237. </body>
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!