API tools faq
paste
sexycullen

# 181 BASE CODE

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