API tools faq
paste
Advertisement
wizardhut

MOJAVE

wizardhut
Jan 29th, 2019
1,116
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 30.47 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <head>
  3.  
  4.  
  5. <!---
  6.  
  7. Theme 07 - Mojave
  8. wizardhut @ tumblr
  9.  
  10.  
  11.  
  12. Credits:
  13.  
  14. - Un-nested captions (https://neothm.com and https://magnusthemes.tumblr.com)
  15. - Remove "via" and "source" from captions (http://clcrk-tutorials.tumblr.com)
  16.  
  17. --->
  18.  
  19.  
  20. <meta name="color:Background" content="#fff">
  21. <meta name="color:Accent" content="#ffcccc">
  22. <meta name="color:Container BG" content="#fff">
  23. <meta name="color:Description Window BG" content="#fff">
  24.  
  25. <meta name="if:Rainbow Apple Icon" content="0">
  26. <meta name="if:Container BG Pattern" content="1">
  27. <meta name="if:Nav Links BG" content="1">
  28. <meta name="if:Rounded Corners" content="0">
  29. <meta name="if:Custom Link 4" content="0">
  30. <meta name="if:Custom Link 5" content="0">
  31. <meta name="if:Custom Link 6" content="0">
  32. <meta name="if:Custom Link 7" content="0">
  33. <meta name="if:Custom Link 8" content="0">
  34.  
  35. <meta name="text:Custom Link 1 Name" content="Link One">
  36. <meta name="text:Custom Link 1 URL" content="/">
  37.  
  38. <meta name="text:Custom Link 2 Name" content="Link Two">
  39. <meta name="text:Custom Link 2 URL" content="/">
  40.  
  41. <meta name="text:Custom Link 3 Name" content="Link Three">
  42. <meta name="text:Custom Link 3 URL" content="/">
  43.  
  44. <meta name="text:Custom Link 4 Name" content="Link Four">
  45. <meta name="text:Custom Link 4 URL" content="/">
  46.  
  47. <meta name="text:Custom Link 5 Name" content="Link Five">
  48. <meta name="text:Custom Link 5 URL" content="/">
  49.  
  50. <meta name="text:Custom Link 6 Name" content="Link Six">
  51. <meta name="text:Custom Link 6 URL" content="/">
  52.  
  53. <meta name="text:Custom Link 7 Name" content="Link Seven">
  54. <meta name="text:Custom Link 7 URL" content="/">
  55.  
  56. <meta name="text:Custom Link 8 Name" content="Link Eight">
  57. <meta name="text:Custom Link 8 URL" content="/">
  58.  
  59. <!--- fonts --->
  60.  
  61. <link rel="stylesheet" media="screen" href="https://fontlibrary.org/face/chicagoflf" type="text/css"/>
  62.  
  63. <!--- audio player styling --->
  64. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  65.  
  66. <!-- un-nest captions -->
  67. <script src="https://static.tumblr.com/p0knose/8Hbocatf1/unnest.min.js" type="text/javascript"></script>
  68.  
  69. <script type="text/javascript">
  70. $(document).ready(function(){
  71. $("article").unNest({
  72. yourCaption:".caption",
  73. newCaptionUsername:true,
  74. tumblrAvatars:false,
  75. usernameColon:false
  76. });
  77. });
  78. </script>
  79.  
  80.  
  81. <script>
  82. window.onload = function() {
  83. clock();
  84. function clock() {
  85. var now = new Date();
  86. var TwentyFourHour = now.getHours();
  87. var hour = now.getHours();
  88. var min = now.getMinutes();
  89. var mid = ' PM';
  90. if (min < 10) {
  91. min = "0" + min;
  92. }
  93. if (hour > 12) {
  94. hour = hour - 12;
  95. }
  96. if(hour==0){
  97. hour=12;
  98. }
  99. if(TwentyFourHour < 12) {
  100. mid = ' AM';
  101. }
  102. document.getElementById('currentTime').innerHTML = hour+':'+min + mid ;
  103. setTimeout(clock, 1000);
  104. }
  105. }
  106. </script>
  107.  
  108.  
  109.  
  110.  
  111. <style type="text/css">
  112.  
  113.  
  114. body {
  115. background:#f9f9f9;
  116. font-family: 'chicagoflf';
  117. background-color:{color:background};
  118. cursor:url(https://66.media.tumblr.com/e6b454c13b4c472bbb962db1542b4247/tumblr_inline_pm3vyarRHM1rdf769_75sq.png), auto;
  119. }
  120.  
  121.  
  122. a {
  123. color:{color:accent};
  124. text-decoration:none;
  125. }
  126.  
  127.  
  128. a:hover {
  129. cursor:url(https://66.media.tumblr.com/fa566915bb992293feb5dd3cde01fd1f/tumblr_inline_pm3vyaXAQY1rdf769_75sq.png), auto;
  130. color:#000;
  131. }
  132.  
  133.  
  134. ::-webkit-scrollbar {
  135. width: 17px;
  136. }
  137.  
  138.  
  139. ::-webkit-scrollbar-thumb {
  140. border:1px solid;
  141. background:#fff;
  142. {block:ifroundedcorners}border-radius:5px;{/block:ifroundedcorners}
  143. }
  144.  
  145. ::-webkit-scrollbar-thumb:active {
  146. background:{color:accent};
  147. }
  148.  
  149. ::-webkit-scrollbar-button:start:decrement {
  150. background:#fff url('https://66.media.tumblr.com/54fb53242b63ead489930653f399307f/tumblr_inline_pm3vyaetoR1rdf769_75sq.png');
  151. background-position: -1px 1px;
  152. background-repeat:no-repeat;
  153. padding-right:2px;
  154. border:1px solid;
  155. }
  156.  
  157. ::-webkit-scrollbar-button:start:decrement:active {
  158. background:{color:accent} url('https://66.media.tumblr.com/54fb53242b63ead489930653f399307f/tumblr_inline_pm3vyaetoR1rdf769_75sq.png');
  159. background-position: -1px 1px;
  160. background-repeat:no-repeat;
  161. padding-right:2px;
  162. border:1px solid;
  163. }
  164.  
  165. ::-webkit-scrollbar-button:end:increment {
  166. background:#fff url('https://66.media.tumblr.com/1924ee5896cf4bbe2049500dd4206eeb/tumblr_inline_pm3vyaAckD1rdf769_75sq.png');
  167. background-position: -1px 1px;
  168. background-repeat:no-repeat;
  169. padding-right:2px;
  170. border:1px solid;
  171. }
  172.  
  173. ::-webkit-scrollbar-button:end:increment:active {
  174. background:{color:accent} url('https://66.media.tumblr.com/1924ee5896cf4bbe2049500dd4206eeb/tumblr_inline_pm3vyaAckD1rdf769_75sq.png');
  175. background-position: -1px 1px;
  176. background-repeat:no-repeat;
  177. padding-right:2px;
  178. border:1px solid;
  179. }
  180.  
  181. ::-webkit-scrollbar-track {
  182. border-left:1px solid;
  183. background:url('https://66.media.tumblr.com/186b40f3db599886ed29be054e505672/tumblr_inline_pm3vyaTvgo1rdf769_75sq.png');
  184. }
  185.  
  186. ::selection {
  187. background:{color:accent};
  188. color:#000;
  189. }
  190.  
  191. #s-m-t-tooltip {
  192. z-index:9999999999999999999;
  193. background:#fff;
  194. border:1px solid #000;
  195. box-shadow: 2px 2px 0px -1px #000;
  196. transition: 0.2s;
  197. padding:2px;
  198. letter-spacing:1px;
  199. font-size:10px;
  200. max-width:180px;
  201. border-radius:0px;
  202. margin-top:-40px;
  203. color:#000;
  204. margin-left:-20px;
  205. {block:ifroundedcorners}border-radius:5px;{/block:ifroundedcorners}
  206. }
  207.  
  208.  
  209.  
  210. /* ------------------------------------------------------------- CONTAINER */
  211.  
  212. .container {
  213. width:800px;
  214. height:520px;
  215. padding:20px;
  216. padding-right:0px;
  217. padding-bottom:0px;
  218. padding-top:3px;
  219. margin-left:400px;
  220. margin-top:100px;
  221. border:1px solid #000;
  222. box-shadow: 2px 2px 0px -1px #000;
  223. border-radius:0px;
  224. background:{color:container bg};
  225. {block:ifcontainerbgpattern}background-image:url('https://66.media.tumblr.com/fcb8fee834ff39a1d548a12b0cded214/tumblr_inline_pm3vy98jB31rdf769_75sq.png');{/block:ifcontainerbgpattern}
  226. {block:ifroundedcorners}border-radius:5px;{/block:ifroundedcorners}
  227. }
  228.  
  229. .container_inner {
  230. overflow:auto;
  231. width:800px;
  232. height:500px;
  233.  
  234. margin-top:20px;
  235. }
  236.  
  237.  
  238. /* ---------------------------------------------------------------- WINDOW */
  239.  
  240. article {
  241. width:400px;
  242. border:1px solid #000;
  243. box-shadow: 2px 2px 0px -1px #000;
  244. border-radius:0px;
  245. background:{color:window bg};
  246. padding:20px;
  247. background:#fff;
  248. margin-bottom:100px;
  249. margin-left:30px;
  250. margin-top:30px;
  251. {block:ifroundedcorners}border-radius:5px;{/block:ifroundedcorners}
  252. }
  253.  
  254. .window_topbar {
  255. border-bottom:1px solid #000;
  256. padding:5px;
  257. padding-left:2px;
  258. padding-right:2px;
  259. padding-bottom:2px;
  260. text-align:center;
  261. margin-left:-20px;
  262. width:436px;
  263. background:{color:window bg};
  264. margin-top:-20px;
  265. height:15px;
  266. }
  267.  
  268. .window_topbar_line1 {
  269. height:1px;
  270. background:#000;
  271. }
  272.  
  273. .window_topbar_line2 {
  274. height:1px;
  275. background:#000;
  276. margin-top:1px;
  277. }
  278.  
  279. .window_topbar_line3 {
  280. height:1px;
  281. background:#000;
  282. margin-top:1px;
  283. }
  284.  
  285. .window_topbar_line4 {
  286. height:1px;
  287. background:#000;
  288. margin-top:1px;
  289. }
  290.  
  291. .window_topbar_line5 {
  292. height:1px;
  293. background:#000;
  294. margin-top:1px;
  295. }
  296.  
  297. .window_topbar_line6 {
  298. height:1px;
  299. background:#000;
  300. margin-top:1px;
  301. }
  302.  
  303. .window_name {
  304. background:#fff;
  305. width:calc(100% - 390px);
  306. margin-left:190px;
  307. margin-top:-16px;
  308. letter-spacing:1px;
  309. font-size:12px;
  310. text-transform:capitalize;
  311. padding-left:5px;
  312. padding-right:5px;
  313. }
  314.  
  315. .window_name_text_title {
  316. background:#fff;
  317. width:calc(100% - 320px);
  318. margin-left:160px;
  319. margin-top:-16px;
  320. letter-spacing:1px;
  321. font-size:12px;
  322. text-transform:capitalize;
  323. padding-left:5px;
  324. padding-right:5px;
  325. white-space: nowrap;
  326. overflow: hidden;
  327. text-overflow: ellipsis;
  328. }
  329.  
  330. .window_bottombar {
  331. border-bottom:3px double #000;
  332. padding:5px;
  333. padding-top:0px;
  334. font-size:10px;
  335. margin-bottom:20px;
  336. margin-left:-20px;
  337. width:430px;
  338. text-align:center;
  339. height:17px;
  340. margin-top:2px;
  341. background:{color:window bg};
  342. }
  343.  
  344. .window_bottombar_timeago {
  345. float:left;
  346. }
  347.  
  348. .window_bottombar_permalink{
  349. float:right;
  350. }
  351.  
  352. .window_bottombar a {
  353. text-decoration:none;
  354. color:#000;
  355. }
  356.  
  357. .window_content {
  358. letter-spacing:0px;
  359. font-size:11px;
  360. line-height:20px;
  361. }
  362.  
  363. .window_button {
  364. height:11px;
  365. width:11px;
  366. background:#fff;
  367. border:1px solid #fff;
  368. float:left;
  369. margin-left:7px;
  370. margin-top:-1px;
  371. box-shadow: 0 0 0px 1px #000 inset;
  372. }
  373.  
  374.  
  375. /* --------------------------------------------- TOPBAR (INSIDE CONTAINER) */
  376.  
  377. .topbar {
  378. width:805px;
  379. margin-left:-20px;
  380. margin-top:-23px;
  381. padding-left:10px;
  382. position:fixed;
  383. padding-left:15px;
  384. padding-top:5px;
  385. padding-bottom:5px;
  386. height:13px;
  387. background:#fff;
  388. border-bottom:1px solid #000;
  389. {block:ifroundedcorners}
  390. border-top-left-radius:5px;
  391. border-top-right-radius:5px;
  392. {/block:ifroundedcorners}
  393. }
  394.  
  395. .topbar_title {
  396. font-weight:700;
  397. font-size:10px;
  398. text-transform:capitalize;
  399. letter-spacing:1px;
  400. }
  401.  
  402. .topbar img {
  403. margin-right:18px;
  404. }
  405.  
  406. .dropbtn {
  407. background:none;
  408. color: #2D2C28;
  409. font-size:10px;
  410. border: none;
  411. letter-spacing:1px;
  412. font-family:'chicagoflf';
  413. }
  414.  
  415. .dropdown {
  416. position: absolute;
  417. display: inline-block;
  418. margin-left:5px;
  419. margin-top:0px;
  420. transition:.3s;
  421. padding-bottom:10px;
  422. }
  423.  
  424. .dropdown-content {
  425. display:none;
  426. position: absolute;
  427. background-color: #fff;
  428. border:1px solid #000;
  429. z-index: 999999999999999999999999999999999;
  430. border-top:none;
  431. margin-top:3px;
  432. width:220px;
  433. transition:.5s;
  434. padding-right:0px;
  435. font-size:10px;
  436. {block:ifroundedcorners}
  437. border-bottom-left-radius:5px;
  438. border-bottom-right-radius:5px;
  439. {/block:ifroundedcorners}
  440. box-shadow: 2px 2px 0px -1px #000;
  441. }
  442.  
  443. .dropdown-content a {
  444. color: #000;
  445. text-decoration: none;
  446. display: block;
  447. padding:5px;
  448. padding-left:10px;
  449. width:215px;
  450. margin-left:0px;
  451. font-weight:normal;
  452. text-transform:none;
  453. }
  454.  
  455. .dropdown-content a:hover {
  456. background-color:#000;
  457. color:#fff;
  458. width:205px;
  459. }
  460.  
  461. .dropdown:hover .dropdown-content {
  462. display:block;
  463. z-index: 999999999999999999999999999999999;
  464. transition:.5s;
  465. }
  466.  
  467. .dropdown:hover .dropbtn {
  468.  
  469. }
  470.  
  471. #currentTime {
  472. font-size: 10px;
  473. font-family: {select:font};
  474. letter-spacing:1px;
  475. color:#000;
  476. text-align:right;
  477. margin-right:20px;
  478. margin-top:-14px;
  479. }
  480.  
  481.  
  482. /* -------------------------------------------- SIDEBAR (INSIDE CONTAINER) */
  483.  
  484. .sidebar {
  485. padding:20px;
  486. position:fixed;
  487. width:220px;
  488. margin-left:530px;
  489. background:none;
  490. }
  491.  
  492. .nav {
  493.  
  494. }
  495.  
  496. .nav a {
  497. color:#000;
  498. font-size:10px;
  499. text-decoration:none;
  500. text-align:center;
  501. display:inline-block;
  502. width:60px;
  503. margin-bottom:20px;
  504. margin-right:30px;
  505. padding:5px;
  506. border-radius:0px;
  507. text-transform:capitalize;
  508. {block:ifroundedcorners}border-radius:5px;{/block:ifroundedcorners}
  509. }
  510.  
  511. .nav a:hover {
  512. color:{color:accent};
  513. }
  514.  
  515. .nav a img {
  516. margin-bottom:5px;
  517. background:none;
  518. }
  519.  
  520.  
  521. /* ------------------------------------------- SIDEBAR (OUTSIDE CONTAINER) */
  522.  
  523. .sidebar_outer {
  524. width:250px;
  525. border:1px solid #000;
  526. box-shadow: 2px 2px 0px -1px #000;
  527. border-radius:0px;
  528. background:{color:window bg};
  529. background:{color:Description Window BG};
  530. position:fixed;
  531. margin-left:920px;
  532. padding-left:10px;
  533. padding-right:10px;
  534. margin-top:470px;
  535. {block:ifroundedcorners}border-radius:5px;{/block:ifroundedcorners}
  536. }
  537.  
  538. .sidebar_outer_topbar {
  539. border-bottom:1px solid #000;
  540. padding:5px;
  541. background:#fff;
  542. font-size:12px;
  543. text-align:center;
  544. margin-left:-10px;
  545. width:260px;
  546. background:{color:window bg};
  547. {block:ifroundedcorners}
  548. border-top-left-radius:5px;
  549. border-top-right-radius:5px;
  550. {/block:ifroundedcorners}
  551. }
  552.  
  553. .sidebar_content {
  554. font-size:10px;
  555. margin-top:10px;
  556. line-height:17px;
  557. padding-top:10px;
  558. text-align:center;
  559. color:#000;
  560. padding:5px;
  561. }
  562.  
  563.  
  564. .sidebar_outer_topbar_line1 {
  565. height:1px;
  566. background:#000;
  567. margin-left:-3px;
  568. width:266px;
  569. }
  570.  
  571. .sidebar_outer_topbar_line2 {
  572. height:1px;
  573. background:#000;
  574. margin-top:1px;
  575. margin-left:-3px;
  576. width:266px;
  577. }
  578.  
  579. .sidebar_outer_topbar_line3 {
  580. height:1px;
  581. background:#000;
  582. margin-top:1px;
  583. margin-left:-3px;
  584. width:266px;
  585. }
  586.  
  587. .sidebar_outer_topbar_line4 {
  588. height:1px;
  589. background:#000;
  590. margin-top:1px;
  591. margin-left:-3px;
  592. width:266px;
  593. }
  594.  
  595. .sidebar_outer_topbar_line5 {
  596. height:1px;
  597. background:#000;
  598. margin-top:1px;
  599. margin-left:-3px;
  600. width:266px;
  601. }
  602.  
  603. .sidebar_outer_topbar_line6 {
  604. height:1px;
  605. background:#000;
  606. margin-top:1px;
  607. margin-left:-3px;
  608. width:266px;
  609. }
  610.  
  611. .sidebar_outer_topbar_name {
  612. background:#fff;
  613. margin-top:-12px;
  614. letter-spacing:1px;
  615. font-size:12px;
  616. margin-left:60px;
  617. text-transform:capitalize;
  618. padding-left:5px;
  619. padding-right:5px;
  620. width:130px;
  621. }
  622.  
  623.  
  624. /* -------------------------------------------------------------- CAPTIONS */
  625.  
  626. .caption {
  627. margin-top:-21px;
  628. margin-left:-10px;
  629. }
  630.  
  631. .caption img {
  632. max-width:500px;
  633. margin-top:10px;
  634.  
  635. }
  636.  
  637. /* reblogs */
  638. blockquote.tumblr_parent {
  639. margin-left:10px;
  640. background:#fff;
  641. padding:10px;
  642. width:379px;
  643. word-break:break-word;
  644. padding-bottom:0px;
  645. color:#222;
  646. font-size:10px;
  647. margin-top:35px;
  648. text-align:center;
  649. border:1px solid;
  650. }
  651.  
  652.  
  653.  
  654. /* non-reblogged original post */
  655. .originalpost blockquote.tumblr_parent {
  656. padding:20px;
  657. width:400px;
  658. margin:0;
  659. color:#222;
  660. border:none;
  661. background:transparent!important;
  662. padding-left:0px;
  663. font-size:10px;
  664. text-align:left;
  665. }
  666.  
  667.  
  668. /* non-reblogged original post */
  669. .caption.originalpost {
  670. margin:-5px 0;
  671. line-height:30px;
  672. background:transparent!important;
  673. margin-top:0px;
  674. border:none;
  675. font-size:11px;
  676. }
  677.  
  678.  
  679.  
  680. /* reblogs; tumblr user icons */
  681. img.tumblr_avatar {
  682. margin-right:10px;
  683. margin-top:2px!important;
  684. height:25px;
  685. width:25px;
  686. margin-left:0px;
  687. float:left;
  688. border-radius:100%!important;
  689. vertical-align:-20%!important;
  690. color:#fff;
  691. }
  692.  
  693.  
  694.  
  695. /* reblogs; tumblr user names */
  696. .caption a.tumblr_blog {
  697. font-size:10px;
  698. line-height:20px;
  699. color:{color:accent};
  700. letter-spacing:0.5px;
  701. display:block;
  702. padding:5px;
  703. padding-left:0px;
  704. padding-bottom:10px;
  705. text-decoration:none;
  706. background:transparent;
  707. border:none;
  708. text-align:center;
  709. }
  710.  
  711.  
  712. /* reblogs; tumblr user names hover */
  713. .caption a:hover.tumblr_blog {
  714. color:#222;
  715. text-decoration:underline;
  716. }
  717.  
  718.  
  719.  
  720. /* ---------------------------------------------------------- AUDIO PLAYER */
  721.  
  722. iframe.tumblr_audio_player {
  723. height:85px!important
  724. }
  725.  
  726. .audio_player {
  727. width:33px;
  728. overflow:hidden;
  729. height:25px;
  730. }
  731.  
  732. .audio_player_bg {
  733. padding:5px;
  734. width:388px;
  735. background:{color:accent};
  736. border-radius:0px;
  737. {block:ifroundedcorners}border-radius:5px;{/block:ifroundedcorners}
  738. }
  739.  
  740. .audio_track_title {
  741. float:right;
  742. margin-top:-23px;
  743. margin-right:10px;
  744. color:#000;
  745. font-size:10px;
  746. }
  747.  
  748.  
  749. /* ------------------------------------------------------- VIDEO AND PHOTO */
  750.  
  751.  
  752.  
  753. article img {
  754. width:400px;
  755.  
  756. }
  757.  
  758. article .caption img {
  759. max-width:100%;
  760. width:400px;
  761. }
  762.  
  763. article img.photo {
  764.  
  765. }
  766.  
  767. .photoset {
  768. width:400px!important;
  769. overflow:hidden;
  770. margin-bottom:20px;
  771. }
  772.  
  773.  
  774. article .video {
  775. margin-top:10px;
  776. width:400px!important;
  777. }
  778.  
  779.  
  780.  
  781. /* ------------------------------------------------------------ PAGINATION */
  782.  
  783. .pagination {
  784. margin-left:400px;
  785. position:fixed;
  786. margin-top:575px;
  787. width:400px;
  788. }
  789.  
  790. .next {
  791. font-size:11px;
  792. float:left;
  793. }
  794.  
  795. .next a {
  796. border:1px solid #000;
  797. background:#fff;
  798. padding:3px;
  799. color:#000;
  800. width:100px;
  801. display:inline-block;
  802. text-align:center;
  803. }
  804.  
  805. .next a:hover {
  806. background:#000;
  807. color:#fff;
  808. }
  809.  
  810. .previous {
  811. font-size:11px;
  812. float:left;
  813. margin-right:10px;
  814. }
  815.  
  816. .previous a {
  817. border:1px solid #000;
  818. background:#fff;
  819. padding:3px;
  820. color:#000;
  821. width:100px;
  822. display:inline-block;
  823. text-align:center;
  824. }
  825.  
  826. .previous a:hover {
  827. background:#000;
  828. color:#fff;
  829. }
  830.  
  831.  
  832.  
  833. /* ------------------------------------------------------------------ LINK */
  834.  
  835. .link {
  836. text-align:center;
  837. font-size:15px;
  838. }
  839.  
  840. .link_desc {
  841. font-size:10px;
  842. }
  843.  
  844.  
  845.  
  846. /* ------------------------------------------------------------------ CHAT */
  847.  
  848.  
  849. .line {
  850. margin-bottom:10px;
  851. padding:10px;
  852. }
  853.  
  854.  
  855. .label {
  856. font-style:italic;
  857. font-weight:700;
  858. padding:10px;
  859. border-radius:5px;
  860. border-bottom-left-radius:0px;
  861. border-bottom-right-radius:0px;
  862. }
  863.  
  864.  
  865.  
  866. /* -------------------------------------------------------- PERMALINK PAGE */
  867.  
  868.  
  869. ol.notes li.note img.avatar {
  870. vertical-align: -4px;
  871. margin-right: 10px;
  872. width: 16px;
  873. height: 16px;
  874. }
  875.  
  876.  
  877.  
  878. /* ------------------------------------------------------------------ TAGS */
  879.  
  880. .tags {
  881. border-top:1px solid #000;
  882. padding-top:10px;
  883. font-size:10px;
  884. }
  885.  
  886. .tags a {
  887. border:none;
  888. }
  889.  
  890.  
  891. </style>
  892. </head>
  893.  
  894.  
  895.  
  896. <!--- audio player styling --->
  897. <script>
  898. $(document).ready(function() {
  899. $('iframe.tumblr_audio_player').load( function() {
  900. $('iframe.tumblr_audio_player').contents().find("head")
  901. .append($("<link href='https://fonts.googleapis.com/css?family=Karla:400,700' rel='stylesheet' type='text/css'> <style type='text/css'> .audio-player{background:{color:accent}; color:#222; font-family:'karla';border-top-left-radius:5px;border-bottom-left-radius:5px;!important} </style>"));
  902. });
  903. });
  904. </script>
  905.  
  906.  
  907. <body>
  908.  
  909. <div class="sidebar_outer">
  910. <div class="sidebar_outer_topbar">
  911. <div class="sidebar_outer_topbar_line1"></div>
  912. <div class="sidebar_outer_topbar_line2"></div>
  913. <div class="sidebar_outer_topbar_line3"></div>
  914. <div class="sidebar_outer_topbar_line4"></div>
  915. <div class="sidebar_outer_topbar_line5"></div>
  916. <div class="sidebar_outer_topbar_line6"></div>
  917. <div class="sidebar_outer_topbar_name">About the User</div>
  918. </div>
  919.  
  920.  
  921. <div class="sidebar_content">
  922. <img src="https://66.media.tumblr.com/c8f6faa19c4c3d15d900bda9255ea361/tumblr_inline_pm3w6bgmBr1rdf769_75sq.png"><p>
  923. {description}
  924. </div>
  925. </div>
  926.  
  927. <div class="pagination">
  928. {block:pagination}
  929.  
  930. {block:previouspage}
  931. <div class="previous">
  932. <a href="{previouspage}">Previous</a>
  933. </div>
  934. {/block:previouspage}
  935.  
  936. {block:nextpage}
  937. <div class="next">
  938. <a href="{nextpage}">Next</a>
  939. </div>
  940. {/block:nextpage}
  941.  
  942. {/block:pagination}
  943. </div>
  944.  
  945. <div class="container">
  946. <div class="container_inner">
  947.  
  948. <div class="topbar">
  949. <div class="topbar_title">
  950.  
  951. {block:ifnotrainbowappleicon}<img src="https://66.media.tumblr.com/c6eab9537cf0d59af387ac15b5408c77/tumblr_inline_pm3w6bKseh1rdf769_75sq.png">{/block:ifnotrainbowappleicon}
  952.  
  953. {block:ifrainbowappleicon}<img src="https://66.media.tumblr.com/0c6756c03ddb5c612cc68cdd478be44d/tumblr_inline_pm3w6by9Az1rdf769_75sq.png">{/block:ifrainbowappleicon}
  954.  
  955. {title}
  956.  
  957. <span style="font-weight:normal;">&nbsp;File &nbsp;Edit &nbsp;View &nbsp;Special</span>
  958.  
  959. <div class="dropdown">
  960. <button class="dropbtn">Menu</button>
  961. <div class="dropdown-content">
  962. <a href="{text:custom link 1 url}">{text:custom link 1 name}</a>
  963. <a href="{text:custom link 2 url}">{text:custom link 2 name}</a>
  964. <a href="{text:custom link 3 url}">{text:custom link 3 name}</a>
  965. {block:ifcustomlink4}<a href="{text:custom link 4 url}">{text:custom link 4 name}</a>{/block:ifcustomlink4}
  966. {block:ifcustomlink5}<a href="{text:custom link 5 url}">{text:custom link 5 name}</a>{/block:ifcustomlink5}
  967. {block:ifcustomlink6}<a href="{text:custom link 6 url}">{text:custom link 6 name}</a>{/block:ifcustomlink6}
  968. {block:ifcustomlink7}<a href="{text:custom link 7 url}">{text:custom link 7 name}</a>{/block:ifcustomlink7}
  969. {block:ifcustomlink8}<a href="{text:custom link 8 url}">{text:custom link 8 name}</a>{/block:ifcustomlink8}
  970. </div>
  971. </div>
  972. <div id="currentTime"></div>
  973.  
  974. </div>
  975. </div>
  976.  
  977.  
  978. <div class="sidebar">
  979. <div class="nav">
  980.  
  981. <a href="/"><img src="https://66.media.tumblr.com/9d7fbb7bb23638de51ae63ee3d28cea9/tumblr_inline_pm3vy9cICf1rdf769_75sq.png"><br><span style="{block:ifnavlinksbg}background:white;padding:1px;{/block:ifnavlinksbg}{block:ifroundedcorners}border-radius:5px;{/block:ifroundedcorners}">Home</span></a>
  982.  
  983. <a href="/archive"><img src="https://66.media.tumblr.com/cf8ffef5aa78d4bc5c0a32d371bb8954/tumblr_inline_pm3vy9ZMpN1rdf769_75sq.png"><br><span style="{block:ifnavlinksbg}background:white;padding:1px;{/block:ifnavlinksbg}{block:ifroundedcorners}border-radius:5px;{/block:ifroundedcorners}">Archive</span></a>
  984.  
  985. <a href="/ask"><img src="https://66.media.tumblr.com/8bc2cb5c97fbdc67c8730d9b6c07a9aa/tumblr_inline_pm3vy9RjD31rdf769_75sq.png"><br><span style="{block:ifnavlinksbg}background:white;padding:1px;{/block:ifnavlinksbg}{block:ifroundedcorners}border-radius:5px;{/block:ifroundedcorners}">Message</span></a>
  986.  
  987. <a href="https://bigchobani.tumblr.com" title="by bigchobani ❤"><img src="https://66.media.tumblr.com/acb30bee5003b3785876811eac8f6536/tumblr_inline_pm3vy91FPE1rdf769_75sq.png"><br><span style="{block:ifnavlinksbg}background:white;padding:1px;{/block:ifnavlinksbg}{block:ifroundedcorners}border-radius:5px;{/block:ifroundedcorners}">Theme</span></a>
  988.  
  989. <a href="/random"><img src="https://66.media.tumblr.com/f9d7130153fe2e6af0a5ad933ebf54b9/tumblr_inline_pm3vy8VkPd1rdf769_75sq.png"><br><span style="{block:ifnavlinksbg}background:white;padding:1px;{/block:ifnavlinksbg}{block:ifroundedcorners}border-radius:5px;{/block:ifroundedcorners}">Random</span></a><br>
  990.  
  991. <a href="/submit"><img src="https://66.media.tumblr.com/48264c72944b9dbe65ee9c18c015f10b/tumblr_inline_pm3vy8Akwd1rdf769_75sq.png"><br><span style="{block:ifnavlinksbg}background:white;padding:1px;{/block:ifnavlinksbg}{block:ifroundedcorners}border-radius:5px;{/block:ifroundedcorners}">Submit</span></a>
  992.  
  993. </div>
  994. </div>
  995.  
  996. {block:posts}
  997. <article id="p-{PostType}" class="post">
  998.  
  999.  
  1000. <div class="window_content">
  1001.  
  1002.  
  1003. <!-- PHOTO BLOCK -->
  1004. {block:photo}
  1005. <div class="window_topbar">
  1006. <div class="window_button"></div>
  1007. <div class="window_topbar_line1"></div>
  1008. <div class="window_topbar_line2"></div>
  1009. <div class="window_topbar_line3"></div>
  1010. <div class="window_topbar_line4"></div>
  1011. <div class="window_topbar_line5"></div>
  1012. <div class="window_topbar_line6"></div>
  1013. <div class="window_name">{posttype}</div>
  1014. </div>
  1015.  
  1016. <div class="window_bottombar">
  1017. <div class="window_bottombar_timeago">{timeago}</div>
  1018. {block:HomePage}
  1019. {block:NoteCount}
  1020. {NoteCountWithLabel}
  1021. {/block:notecount}
  1022. {/block:homepage}
  1023. <div class="window_bottombar_permalink"><a href="{permalink}">Permalink</a></div>
  1024. </div>
  1025. <img src="{photourl-400}">
  1026. {block:caption}<div class="caption">{caption}</div>{/block:caption}
  1027. {/block:photo}
  1028.  
  1029.  
  1030. <!-- TEXT BLOCK -->
  1031. {block:text}
  1032. <div class="window_topbar">
  1033. <div class="window_button"></div>
  1034. <div class="window_topbar_line1"></div>
  1035. <div class="window_topbar_line2"></div>
  1036. <div class="window_topbar_line3"></div>
  1037. <div class="window_topbar_line4"></div>
  1038. <div class="window_topbar_line5"></div>
  1039. <div class="window_topbar_line6"></div>
  1040. <div class="window_name_text_title" title="{title}">{block:title}{title}{/block:title}</div>
  1041. </div>
  1042.  
  1043. <div class="window_bottombar">
  1044. <div class="window_bottombar_timeago">{timeago}</div>
  1045. {block:HomePage}
  1046. {block:NoteCount}
  1047. {NoteCountWithLabel}
  1048. {/block:notecount}
  1049. {/block:homepage}
  1050. <div class="window_bottombar_permalink"><a href="{permalink}">Permalink</a></div>
  1051. </div>
  1052. <div class="caption">{body}</div>
  1053. {/block:text}
  1054.  
  1055.  
  1056. <!-- QUOTE BLOCK -->
  1057. {block:quote}
  1058.  
  1059. <div class="window_topbar">
  1060. <div class="window_button"></div>
  1061. <div class="window_topbar_line1"></div>
  1062. <div class="window_topbar_line2"></div>
  1063. <div class="window_topbar_line3"></div>
  1064. <div class="window_topbar_line4"></div>
  1065. <div class="window_topbar_line5"></div>
  1066. <div class="window_topbar_line6"></div>
  1067. <div class="window_name">Quote</div>
  1068. </div>
  1069.  
  1070. <div class="window_bottombar">
  1071. <div class="window_bottombar_timeago">{timeago}</div>
  1072.  
  1073. {block:HomePage}
  1074. {block:NoteCount}
  1075. {NoteCountWithLabel}
  1076. {/block:notecount}
  1077. {/block:homepage}
  1078. <div class="window_bottombar_permalink"><a href="{permalink}">Permalink</a></div>
  1079. </div>
  1080.  
  1081. <h1>{quote}</h1>
  1082. {/block:quote}
  1083.  
  1084.  
  1085. <!-- AUDIO BLOCK -->
  1086. {block:audio}
  1087.  
  1088. <div class="window_topbar">
  1089. <div class="window_button"></div>
  1090. <div class="window_topbar_line1"></div>
  1091. <div class="window_topbar_line2"></div>
  1092. <div class="window_topbar_line3"></div>
  1093. <div class="window_topbar_line4"></div>
  1094. <div class="window_topbar_line5"></div>
  1095. <div class="window_topbar_line6"></div>
  1096. <div class="window_name">Audio</div>
  1097. </div>
  1098.  
  1099. <div class="window_bottombar">
  1100. <div class="window_bottombar_timeago">{timeago}</div>
  1101.  
  1102. {block:HomePage}
  1103. {block:NoteCount}
  1104. {NoteCountWithLabel}
  1105. {/block:notecount}
  1106. {/block:homepage}
  1107. <div class="window_bottombar_permalink"><a href="{permalink}">Permalink</a></div>
  1108. </div>
  1109.  
  1110.  
  1111. <div class="audio_player_bg">
  1112. <div class="audio_player">{audioplayer}</div>
  1113. <div class="audio_track_title">
  1114. {block:trackname}
  1115. {trackname}
  1116. {/block:trackname}
  1117. </div>
  1118. </div>
  1119.  
  1120. {/block:audio}
  1121.  
  1122.  
  1123. <!-- LINK BLOCK -->
  1124. {block:link}
  1125.  
  1126. <div class="window_topbar">
  1127. <div class="window_button"></div>
  1128. <div class="window_topbar_line1"></div>
  1129. <div class="window_topbar_line2"></div>
  1130. <div class="window_topbar_line3"></div>
  1131. <div class="window_topbar_line4"></div>
  1132. <div class="window_topbar_line5"></div>
  1133. <div class="window_topbar_line6"></div>
  1134. <div class="window_name">Link</div>
  1135. </div>
  1136.  
  1137. <div class="window_bottombar">
  1138. <div class="window_bottombar_timeago">{timeago}</div>
  1139.  
  1140. {block:HomePage}
  1141. {block:NoteCount}
  1142. {NoteCountWithLabel}
  1143. {/block:notecount}
  1144. {/block:homepage}
  1145. <div class="window_bottombar_permalink"><a href="{permalink}">Permalink</a></div>
  1146. </div>
  1147.  
  1148. <div class="link"><a href="{URL}">{name}</a></div>
  1149. {block:description}<div class="link_desc">{description}</div>{/block:description}
  1150.  
  1151. {/block:link}
  1152.  
  1153.  
  1154.  
  1155. <!-- CHAT BLOCK -->
  1156. {block:Chat}
  1157.  
  1158. <div class="window_topbar">
  1159. <div class="window_button"></div>
  1160. <div class="window_topbar_line1"></div>
  1161. <div class="window_topbar_line2"></div>
  1162. <div class="window_topbar_line3"></div>
  1163. <div class="window_topbar_line4"></div>
  1164. <div class="window_topbar_line5"></div>
  1165. <div class="window_topbar_line6"></div>
  1166. <div class="window_name">Chat</div>
  1167. </div>
  1168.  
  1169. <div class="window_bottombar">
  1170. <div class="window_bottombar_timeago">{timeago}</div>
  1171.  
  1172. {block:HomePage}
  1173. {block:NoteCount}
  1174. {NoteCountWithLabel}
  1175. {/block:notecount}
  1176. {/block:homepage}
  1177. <div class="window_bottombar_permalink"><a href="{permalink}">Permalink</a></div>
  1178. </div>
  1179.  
  1180. {block:Title}<h1>{Title}</h1>{/block:Title}
  1181. {block:Lines}
  1182. {block:Label}<div class="label">{label}</div>{/block:Label}
  1183. <div class="line">
  1184. {Line}
  1185. </div>
  1186. {/block:Lines}
  1187. {/block:Chat}
  1188.  
  1189.  
  1190.  
  1191. {block:video}
  1192. <div class="window_topbar">
  1193. <div class="window_button"></div>
  1194. <div class="window_topbar_line1"></div>
  1195. <div class="window_topbar_line2"></div>
  1196. <div class="window_topbar_line3"></div>
  1197. <div class="window_topbar_line4"></div>
  1198. <div class="window_topbar_line5"></div>
  1199. <div class="window_topbar_line6"></div>
  1200. </div>
  1201.  
  1202. <div class="window_bottombar">
  1203. <div class="window_bottombar_timeago">{timeago}</div>
  1204.  
  1205. {block:HomePage}
  1206. {block:NoteCount}
  1207. {NoteCountWithLabel}
  1208. {/block:notecount}
  1209. {/block:homepage}
  1210. <div class="window_bottombar_permalink"><a href="{permalink}">Permalink</a></div>
  1211. </div>
  1212.  
  1213. {video-400}
  1214. {block:caption}<div class="caption">{caption}</div>{/block:caption}
  1215. {/block:video}
  1216.  
  1217.  
  1218.  
  1219. {block:photoset}
  1220. <div class="window_topbar">
  1221. <div class="window_button"></div>
  1222. <div class="window_topbar_line1"></div>
  1223. <div class="window_topbar_line2"></div>
  1224. <div class="window_topbar_line3"></div>
  1225. <div class="window_topbar_line4"></div>
  1226. <div class="window_topbar_line5"></div>
  1227. <div class="window_topbar_line6"></div>
  1228. </div>
  1229.  
  1230. <div class="window_bottombar">
  1231. <div class="window_bottombar_timeago">{timeago}</div>
  1232.  
  1233. {block:HomePage}
  1234. {block:NoteCount}
  1235. {NoteCountWithLabel}
  1236. {/block:notecount}
  1237. {/block:homepage}
  1238. <div class="window_bottombar_permalink"><a href="{permalink}">Permalink</a></div>
  1239. </div>
  1240.  
  1241. {photoset-400}
  1242. {block:caption}<div class="caption">{caption}</div>{/block:caption}
  1243. {/block:photoset}
  1244.  
  1245. {block:hastags}
  1246. {block:tags}
  1247. <span style="font-size:10px;"><a href="{tagurl}">#{tag}</a></span>
  1248. {/block:tags}
  1249. {/block:hastags}
  1250.  
  1251.  
  1252. {block:ContentSource}<!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}" alt="{SourceTitle}" />{/block:SourceLogo}{block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->{/block:ContentSource}{block:RebloggedFrom}<!-- {ReblogParentName} -->{/block:RebloggedFrom}
  1253.  
  1254.  
  1255. {block:PermalinkPage}
  1256. {block:PostNotes}
  1257. {PostNotes-16}
  1258. {/block:PostNotes}
  1259. {/block:PermalinkPage}
  1260.  
  1261. </div>
  1262. </article>
  1263. {/block:posts}
  1264.  
  1265. <!--- tooltip scripts --->
  1266.  
  1267. <script src="https://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  1268.  
  1269. <script>
  1270. (function($){ $(document).ready(function(){ $("[title]").style_my_tooltips({tip_follows_cursor:true,tip_delay_time:0,tip_fade_speed:0,attribute:"title"});});})(jQuery);</script>
  1271.  
  1272. </div>
  1273. </div>
  1274.  
  1275.  
  1276. </body>
  1277. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
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!