API tools faq
paste
Advertisement
Guest User

team-phantom theme new

a guest
Oct 23rd, 2019
104
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 16.35 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <html xmlns="https://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  3.  
  4. <!--Base code by hoodclifford.
  5. Heavily edited by seiko / somewhereinchaos.tumblr.com
  6. Please don't remove the credit-->
  7.  
  8.  
  9. <meta name="color:text" content="#000000"/>
  10. <meta name="color:link" content="#000000"/>
  11. <meta name="color:link hover" content="#ddd"/>
  12. <meta name="color:scrollbar bg" content="#6b6d6d"/>
  13. <meta name="color:title color" content="#000000"/>
  14. <meta name="color:blockquote color" content="#000000"/>
  15. <meta name="color:bold" content="#fff"/>
  16. <meta name="color:italic" content="#ccc"/>
  17.  
  18.  
  19. <meta name="image:background" content=""/>
  20. <meta name="image:sidebar" content=""/>
  21. <meta name="image:sidebar2" content=""/>
  22. <meta name="image:sidebar3" content=""/>
  23.  
  24.  
  25. <meta name="text:title text" content="title">
  26. <meta name="text:home" content="" />
  27. <meta name="text:ask" content="" />
  28. <meta name="text:rules" content="" />
  29. <meta name="text:about" content="" />
  30. <meta name="text:verses" content="" />
  31. <meta name="text:relationships" content="" />
  32.  
  33.  
  34.  
  35. <head><title>{Title}</title>
  36. <link rel="shortcut icon" href="https://66.media.tumblr.com/531946e16c254d0f3f0982efadd14884/tumblr_inline_mkhtbi7qce1qz4rgp.png">
  37. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  38. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  39.  
  40. <link href='https://static.tumblr.com/blpgwiz/Zjemijy8n/fade_in_down.css' rel='stylesheet' style='text/css'>
  41.  
  42. <style type="text/css">
  43.  
  44. ::-moz-selection {
  45. background-color: #b2b2b2;
  46. color: #000;
  47. }
  48.  
  49. ::selection {
  50. background-color: #b2b2b2;
  51. color: #000;
  52. }
  53.  
  54. /*edit scrollbar*/
  55.  
  56. ::-webkit-scrollbar-thumb {
  57. height:auto;
  58. background-color:{color:scrollbar bg};
  59. }
  60.  
  61. ::-webkit-scrollbar {
  62. height:4px;
  63. width:2px;
  64. padding-right:2px;
  65. background-color:transparent;
  66. }
  67.  
  68. /*edit the body this is what post text looks like, background color, etc.*/
  69.  
  70. body {
  71. background:#8a8b87;
  72. color:{color:text};
  73. margin:1px;
  74. font-family:calibri;
  75. font-size:12px;
  76. line-height:120%;
  77. background-attachment:fixed;
  78. background-image: url('{image:background}');
  79. background-repeat:no-repeat
  80. }
  81. big {
  82. font-size:23px;
  83. font-family:courier;
  84. letter-spacing:0px;
  85. color: #c20000;
  86. }
  87. small {
  88. font-size:12px;
  89. }
  90. sup, sub {
  91. font-size:11px;
  92.  
  93. }
  94.  
  95. b, strong {
  96. font-weight:bold;
  97. color:{color:bold};
  98. font-size:12px;
  99.  
  100. }
  101.  
  102. i, em {
  103. text-transform:italic;
  104. color:{color:italic};
  105. font-size:12px;
  106. }
  107.  
  108. /*edit links*/
  109.  
  110. a {
  111. text-decoration:none;
  112. outline:none;
  113. -moz-outline-style:none;
  114. color:{color:link};
  115. -moz-transition-duration:0.8s;
  116. -webkit-transition-duration:0.8s;
  117. -o-transition-duration:0.8s;
  118. }
  119.  
  120. /*edit link hover*/
  121.  
  122. a:hover {
  123. color:{color:link hover};
  124. outline:none;
  125. -moz-outline-style:none;
  126. text-decoration:none;
  127. }
  128.  
  129. blockquote {
  130. border-left:2px solid {color:blockquote color};
  131. margin:5px 0 5px 10px;
  132. padding-left:15px;
  133. }
  134.  
  135. blockquote img {max-width:100%!important;height:auto;}
  136.  
  137. }
  138.  
  139. @font-face {font-family: "vdj"; src: url('https://dl.dropboxusercontent.com/s/vn84aq1yx6s7jti/Vdj.ttf?dl=1'); format("truetype");}
  140.  
  141. @font-face { font-family: "bit"; src: url('https://dl.dropboxusercontent.com/s/sq28ejp56rarabs/BitxMap%20Font%20tfb.ttf'); }
  142.  
  143.  
  144.  
  145.  
  146. h1 {
  147. font-size:15px;
  148. text-align:left;
  149. font-family:'bit';
  150. letter-spacing:1px;
  151. color:#fff;
  152. }
  153.  
  154. h2 {
  155. font-size:15px;
  156. font-family:'bit';
  157. text-align:left;
  158. letter-spacing:1px;
  159. color:#fff;
  160.  
  161. }
  162.  
  163. /* this is the positioning of the whole entire sidebar*/
  164.  
  165. #sidebar {
  166. width:300px;
  167. position:absolute;
  168. margin-left:205px;
  169. margin-top:190px;
  170. }
  171.  
  172. /*sidebar image*/
  173.  
  174. #sidebarimage {
  175. position:absolute;
  176. width:100px;
  177. height:100px;
  178. }
  179.  
  180. /*the actual sidebar image*/
  181.  
  182. #sidebarimage img {
  183. width:100px;
  184. height:100px;
  185. margin-left:660px;
  186. margin-top:10px;
  187.  
  188. }
  189.  
  190. /* this is the positioning of the whole entire sidebar*/
  191.  
  192. #sidebar2 {
  193. width:300px;
  194. position:absolute;
  195. margin-left:205px;
  196. margin-top:190px;
  197. }
  198.  
  199. /*sidebar image*/
  200.  
  201. #sidebar2image {
  202. position:absolute;
  203. width:100px;
  204. height:100px;
  205. }
  206.  
  207. /*the actual sidebar image*/
  208.  
  209. #sidebar2image img {
  210. width:100px;
  211. height:100px;
  212. margin-left:660px;
  213. margin-top:300px;
  214. }
  215.  
  216. /* this is the positioning of the whole entire sidebar*/
  217.  
  218. #sidebar3 {
  219. width:300px;
  220. position:absolute;
  221. margin-left:205px;
  222. margin-top:190px;
  223. }
  224.  
  225. /*sidebar image*/
  226.  
  227. #sidebar3image {
  228. position:absolute;
  229. width:100px;
  230. height:100px;
  231. }
  232.  
  233. /*the actual sidebar image*/
  234.  
  235. #sidebar3image img {
  236. width:100px;
  237. height:100px;
  238. margin-left:660px;
  239. margin-top:154px;
  240. }
  241.  
  242. /*sidebar title*/
  243.  
  244. #title {
  245. color:{color:title color};
  246. background: #f5f5f5;
  247. font-family:calibri;
  248. font-size:11px;
  249. text-transform:lowercase;
  250. border:1px solid #ae0000;
  251. border-top-right-radius:5px;
  252. border-bottom-left-radius:5px;
  253. border-top-left-radius:5px;
  254. border-bottom-right-radius:5px;
  255. -moz-transition-duration:0s;
  256. -webkit-transition-duration:0s;
  257. -o-transition-duration:0s;
  258. box-shadow:0px 0px 6px #000;
  259. font-weight:normal;
  260. letter-spacing:1px;
  261. padding:4px;
  262. margin-top:110px;
  263. margin-left:50px;
  264. position:absolute;
  265. text-align:center;
  266. max-width:100px;
  267. max-height:300px;
  268.  
  269. }
  270.  
  271. /*sidebar links*/
  272.  
  273. #links {
  274. width:200px;
  275. margin-top:-55px;
  276. position:absolute;
  277. margin-left:345px;
  278. padding:5px;
  279. font-family:calibri;
  280. text-align:left;
  281. word-spacing:2px;
  282. font-size:14px;
  283. display:block;
  284. color:{color:link};
  285.  
  286.  
  287. }
  288.  
  289. #links a {
  290. letter-spacing: 0px;
  291. padding:3px;
  292.  
  293. }
  294.  
  295. #links a:hover {
  296. color:{color:link hover};
  297.  
  298. }
  299.  
  300. #alinks {
  301. width:200px;
  302. margin-top:405px;
  303. margin-left:-25px;
  304. padding:5px;
  305. font-family:calibri;
  306. position:absolute;
  307. text-align:left;
  308. word-spacing:2px;
  309. font-size:24px;
  310. display:block;
  311. color:{color:link};
  312.  
  313. }
  314.  
  315. #alinks a {
  316. letter-spacing: 0px;
  317. padding:3px;
  318.  
  319. }
  320.  
  321. #alinks a:hover {
  322. color:{color:link hover};
  323.  
  324. }
  325.  
  326. #blinks {
  327. width:200px;
  328. margin-top:373px;
  329. margin-left:-25px;
  330. padding:5px;
  331. font-family:calibri;
  332. text-align:left;
  333. word-spacing:2px;
  334. position:absolute;
  335. font-size:24px;
  336. display:block;
  337. color:{color:link};
  338.  
  339.  
  340. }
  341.  
  342. #blinks a {
  343. letter-spacing: 0px;
  344. padding:3px;
  345.  
  346. }
  347.  
  348. #blinks a:hover {
  349. color:{color:link hover};
  350. }
  351.  
  352. #clinks {
  353. width:200px;
  354. margin-top:440px;
  355. margin-left:-10px;
  356. padding:5px;
  357. font-family:calibri;
  358. text-align:left;
  359. word-spacing:2px;
  360. position:absolute;
  361. font-size:30px;
  362. display:block;
  363. color:{color:link};
  364.  
  365. }
  366.  
  367. #clinks a {
  368. letter-spacing: 0px;
  369. padding:3px;
  370.  
  371. }
  372.  
  373. #clinks a:hover {
  374. color:{color:link hover};
  375.  
  376. }
  377.  
  378. #dlinks {
  379. width:200px;
  380. margin-top:457px;
  381. margin-left:30px;
  382. padding:5px;
  383. position:absolute;
  384. font-family:calibri;
  385. text-align:left;
  386. word-spacing:2px;
  387. font-size:24px;
  388. display:block;
  389. color:{color:link};
  390.  
  391.  
  392. }
  393.  
  394. #dlinks a {
  395. letter-spacing: 0px;
  396. padding:3px;
  397.  
  398. }
  399.  
  400. #dlinks a:hover {
  401. color:{color:link hover};
  402. }
  403.  
  404.  
  405. #elinks {
  406. width:200px;
  407. margin-top:457px;
  408. margin-left:60px;
  409. padding:5px;
  410. position:absolute;
  411. font-family:calibri;
  412. text-align:left;
  413. word-spacing:2px;
  414. font-size:24px;
  415. display:block;
  416. color:{color:link};
  417.  
  418.  
  419. }
  420.  
  421. #elinks a {
  422. letter-spacing: 0px;
  423. padding:3px;
  424.  
  425. }
  426.  
  427. #elinks a:hover {
  428. color:{color:link hover};
  429. }
  430.  
  431. #description {
  432. width:208px;
  433. font-size:0px;
  434. padding:5px;
  435. text-align:justify;
  436. letter-spacing:0px;
  437. line-height:90%;
  438. margin-left:160px;
  439. margin-top:-18px;
  440. }
  441.  
  442. /* this is the box that comes up when you hover over something with a title*/
  443.  
  444. #s-m-t-tooltip {
  445. max-width:100px;
  446. padding:5px 5px 5px 6px;
  447. margin:20px 0px 0px 20px;
  448. background:#8a8b87;
  449. font-family:'bit';
  450. font-size:10px;
  451. letter-spacing:1px;
  452. text-transform:lowercase;
  453. border:1px solid #c20000;
  454. color:#fff;
  455. border-bottom-left-radius:2px;
  456. border-top-right-radius:2px;
  457. border-bottom-right-radius:2px;
  458. border-top-left-radius:2px;
  459. z-index:99;
  460. }
  461.  
  462. /*next page and previous page*/
  463.  
  464. #pagination {
  465. margin-left: 350px;
  466. margin-top:478px;
  467. position: absolute;
  468. text-align: left;
  469. letter-spacing:0px;
  470. text-transform: lowercase;
  471. font-family: arial;
  472. width: 100px;
  473. font-size: 15px;
  474. }
  475.  
  476. #pagination a {
  477. padding:-10px;
  478. }
  479.  
  480.  
  481. #entries {
  482. padding:1px;
  483. width:431px;
  484. margin-left:400px;
  485. margin-top:178px;
  486. margin-bottom:10px;
  487. position:fixed;
  488. overflow:scroll;
  489. overflow-x:hidden;
  490. height:430px;
  491. }
  492.  
  493. #post {
  494. width:400px;
  495. padding-bottom:-5px;
  496. margin-top:10px;
  497. }
  498.  
  499. #post img{
  500. max-width:100%;
  501. }
  502.  
  503.  
  504. /*time posted, note count, via and source*/
  505.  
  506. .postinfo {
  507. font-family:courier;
  508. width:270px;
  509. height:10px;
  510. margin-top:10px;
  511. margin-left:60px;
  512. margin-bottom:55px;
  513. padding:8px;
  514. padding-top:5px;
  515. font-size:10px;
  516. color:#fff;
  517. text-transform:uppercase;
  518. border-bottom-right-radius:8px;
  519. border-bottom-left-radius:8px;
  520. font-style:normal;
  521. text-align:center;
  522. background:#3b3b3b;
  523. border:1px solid #c20000;
  524. box-shadow:0px 0px 0px #c20000;
  525.  
  526. }
  527.  
  528. .postinfo a {
  529. color:#fff;
  530. }
  531.  
  532. .postinfo a:hover {
  533. color:{color:link hover};
  534. }
  535.  
  536. /*tags*/
  537.  
  538. .tags {
  539. opacity:0;
  540. width:250px;
  541. margin-top:-55px;
  542. margin-left:70px;
  543. padding:2px;
  544. font-family:'bit';
  545. letter-spacing:0px;
  546. font-size:10px;
  547. text-align:center;
  548. -moz-transition-duration:1s;
  549. -webkit-transition-duration:1s;
  550. -o-transition-duration:1s;
  551.  
  552. }
  553.  
  554. #post:hover .tags {
  555. opacity:1;
  556. -moz-transition-duration:1s;
  557. -webkit-transition-duration:1s;
  558. -o-transition-duration:1s;
  559. }
  560.  
  561. .tags a {
  562. color:#fff;
  563. -moz-transition-duration:1s;
  564. -webkit-transition-duration:1s;
  565. -o-transition-duration:1s;
  566.  
  567.  
  568. }
  569.  
  570. .tags a:hover {
  571. color:{color:link hover};
  572. }
  573.  
  574. .postnote {
  575. width:200px;
  576. margin-top:-26px;
  577. margin-left:100px;
  578. padding:20px;
  579. font-family:calibri;
  580. text-transform:uppercase;
  581. letter-spacing:0px;
  582. font-size:10px;
  583. text-align:left;
  584.  
  585. }
  586.  
  587. /*asks*/
  588.  
  589. .question {
  590. padding:9px;
  591. text-align:center;
  592. text-transform:normal;
  593. font-size: 11px;
  594. color:{color:text};
  595. font-family:courier;
  596. background:#8a8b87;
  597. border-top-right-radius:5px;
  598. border-bottom-left-radius:5px;
  599. border-top-left-radius:5px;
  600. border-bottom-right-radius:5px;
  601. width: 380px;
  602. background:#3b3b3b;
  603. border:1px solid #c20000;
  604. -moz-transition-duration:0s;
  605. -webkit-transition-duration:0s;
  606. -o-transition-duration:0s;
  607. }
  608.  
  609. .answer {
  610. text-align:left;
  611. padding:6px;
  612. margin-top:3px;
  613. color:{color:text};
  614. }
  615.  
  616.  
  617.  
  618. /*audio player container*/
  619.  
  620. .playbutton {
  621. position:relative;
  622. margin-top:40px;
  623. margin-left:35px;
  624. z-index:9;
  625. width:33px;
  626. height:30px;
  627. overflow:hidden;
  628.  
  629. }
  630.  
  631. .albumart img {
  632. position:relative;
  633. margin-top:-65px;
  634. margin-left:0px
  635. height:100px;
  636. width:100px;
  637. }
  638.  
  639. .trackinfo {
  640. margin-bottom:10px;
  641. background:transparent;
  642. color:#000;
  643. top:-4px;
  644. position:relative;
  645. margin-left:120px;
  646. height:120px;
  647. margin-top:-120px;
  648. }
  649.  
  650. .trackname {
  651. position:relative;
  652. padding-top:60px;
  653. text-align:center;
  654. font-size:14px;
  655. font-family:courier;
  656. color:#c20000;
  657. text-transform:uppercase;
  658. letter-spacing:0px;
  659.  
  660. }
  661.  
  662. .artist {
  663. text-align:center;
  664. font-size:12px;
  665. color:#fff;
  666. letter-spacing:0px;
  667.  
  668. }
  669.  
  670. /*credit*/
  671.  
  672. #credit {
  673. position:fixed;
  674. font-size:12px;
  675. color:#000;
  676. line-height:150%;
  677. letter-spacing:2px;
  678. border:1px solid #c20000;
  679. right:10px;
  680. bottom:10px;
  681. text-transform:lowercase;
  682. text-align:center;
  683. }
  684.  
  685. #credit a {
  686. letter-spacing:0px;
  687. padding:3px;
  688. color:#c20000;
  689. }
  690.  
  691. #credit a:hover {
  692. color:{color:link hover};
  693.  
  694. }
  695.  
  696.  
  697.  
  698. {CustomCSS}</style></head><body>
  699.  
  700.  
  701. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  702. <script src="https://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  703. <script>
  704.  
  705. (function($){
  706.  
  707. $(document).ready(function(){
  708.  
  709. $("a[title]").style_my_tooltips({
  710.  
  711. tip_follows_cursor:true,
  712.  
  713. tip_delay_time:50,
  714.  
  715. tip_fade_speed:600,
  716.  
  717. attribute:"title"
  718.  
  719. });
  720.  
  721. });
  722.  
  723. })(jQuery);
  724.  
  725. </script>
  726.  
  727.  
  728. <div id="sidebar">
  729. <div id="title">{text:title text}</div>
  730. <div id="sidebar2"></div>
  731. <div id="sidebar3"></div>
  732.  
  733.  
  734. <div id="sidebarimage"><img src="{image:sidebar}"></div>
  735. <div id="sidebar2image"><img src="{image:sidebar2}"></div>
  736. <div id="sidebar3image"><img src="{image:sidebar3}"></div>
  737.  
  738.  
  739. <div id="links">
  740. <a href="{text:home}"title="home">✱</a></div>
  741. <div id="alinks">
  742. <a href="{text:ask}"title="ask">★</a></div>
  743. <div id="blinks">
  744. <a href="{text:rules}"title="rules">★</a></div>
  745. <div id="clinks">
  746. <a href="{text:about}"title="the team">☆</a></div>
  747. <div id="dlinks">
  748. <a href="{text:verses}"title="verses">★</a></div>
  749. <div id="elinks">
  750. <a href="{text:relationships}"title="relationships">★</a></div>
  751.  
  752.  
  753. <div id="description">{Description}</div>
  754.  
  755.  
  756. <div id="pagination">
  757. {block:Pagination}
  758. {block:PreviousPage}
  759. <a href="{PreviousPage}" title="back">back - </a>
  760. {/block:PreviousPage}
  761.  
  762.  
  763. {block:NextPage}
  764. <a href="{NextPage}" title="next">next</a>
  765. {/block:NextPage}
  766. {/block:Pagination}
  767. </div>
  768.  
  769.  
  770.  
  771. </div>
  772.  
  773.  
  774. <div id="entries">{block:Posts}<div id="post">
  775.  
  776. {block:Text}<h1>{block:Title}<big><big>{Title}</big></big>{/block:Title}</h1>{Body}{/block:Text}
  777.  
  778. {block:Quote}<h1>"{Quote}"</h1>{block:Source}<p></p>— {Source}{/block:Source}{/block:Quote}
  779.  
  780. {block:Chat}{block:Title}<h1>{Title}</h1>{/block:Title}{block:Lines}{block:Label}<b>{Label}</b>{/block:Label} {Line}<br>{/block:Lines}{/block:Chat}
  781.  
  782. {block:Video}{Video-400}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  783.  
  784. {block:Photo}{LinkOpenTag}<img src="{PhotoURL-400}" width="380px">{LinkCloseTag}{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  785.  
  786. {block:Photoset}{Photoset-400}{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  787.  
  788. {block:Link}<h1><a href="{URL}" {Target}>{Name}</a></h1>{/block:Link}
  789.  
  790. {block:Audio}
  791. {block:AudioPlayer}
  792. <div class="playbutton">{AudioPlayerGrey}</div>
  793. {block:AlbumArt}<div class="albumart"><img src="{AlbumArtURL}"></div>{/block:AlbumArt}
  794. <div class="trackinfo">
  795. <div class="trackname">
  796. {block:TrackName}{TrackName}{/block:TrackName}
  797. </div>
  798. <div class="artist">
  799. {block:Artist}{Artist}{/block:Artist}
  800. </div>
  801. </div>
  802. {block:Caption}{Caption}{/block:Caption}
  803. {/block:AudioPlayer}
  804. {/block:Audio}
  805.  
  806. {block:Answer}<div class="question"><p style="text-transform:uppercase;">message from {Asker}:<br><font face="calibri"><p style="text-transform:normal;font-size:12px;letter-spacing:0px;">{Question}</font></div><div class="answer">{Answer}</div>{/block:answer}
  807.  
  808. {block:Date}<div class="postinfo"> <a href="{Permalink}">{TimeAgo}</a>   {block:NoteCount}notes:{NoteCount}{/block:NoteCount}   {block:RebloggedFrom}<a href="{ReblogParentURL}"title="via">★</a>{/block:RebloggedFrom}   {block:ContentSource}<a href="{SourceURL}"title="source">☆</a>{/block:ContentSource}{/block:RebloggedFrom}</div>{/block:Date}
  809.  
  810. {block:HasTags}
  811. <div class="tags">{block:Tags}#<a href="{TagURL}">{Tag} </a>{/block:Tags}</div>
  812. {/block:HasTags}
  813.  
  814. <div class="postnote">
  815. {block:PostNotes}{PostNotes}{/block:PostNotes}
  816. </div>
  817. </div>
  818. {/block:Posts}
  819.  
  820.  
  821. </div>
  822.  
  823. <div id="credit"><a href="https://somewhereinchaos.tumblr.com/">theme by seiko</a></div>
  824.  
  825. </body>
  826.  
  827. </div></div></div></div></div></div></div></div></div></div>
  828. </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!