API tools faq
paste
Advertisement
plutoniumthm

Theme 05 - Catalina [updated 07.17.2020]

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