API tools faq
paste
heikes

777 theme

heikes
Jun 4th, 2020 (edited)
1,007
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 15.32 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <!----- 777 theme by @substats
  5. sidebar and header in one...epic? edit this as you want but dont delete the credit or use as base code
  6. also this has a lot of features hehe
  7. ----->
  8.  
  9. {block:ifredirect}
  10. <script>
  11. if(window.location.pathname == '/') location.replace('/tagged/{text:Redirect}');
  12. </script>
  13. {/block:ifredirect}
  14.  
  15. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script><script src="https://static.tumblr.com/rtrqcib/VGGnlh8rf/jquery.style-my-tooltips.min.js"></script><script>(function($){$(document).ready(function(){$("a[title]").style_my_tooltips({tip_follows_cursor:true,tip_delay_time:0,tip_fade_speed:0,attribute:"title"});});})(jQuery);</script>
  16.  
  17. <meta name="color:Background" content="#ffffff"/>
  18. <meta name="color:Header Background" content="#DEDEDE"/>
  19. <meta name="color:Perma Background" content="#DEDEDE"/>
  20. <meta name="color:Post Background" content="#ffffff"/>
  21. <meta name="color:Title Color" content="#DEDEDE"/>
  22. <meta name="color:Scrollbar Thumb" content="#000"/>
  23. <meta name="color:Text" content="#000"/>
  24. <meta name="color:Text Shadow" content="#000"/>
  25. <meta name="color:Link" content="#000"/>
  26. <meta name="color:Link Shadow" content="#000"/>
  27. <meta name="color:Link Hover" content="#000"/>
  28. <meta name="color:Desc Link" content="#ffffff"/>
  29. <meta name="color:Border" content="#000"/>
  30. <meta name="color:Perma" content="#000"/>
  31. <meta name="color:Selection Background" content="#ffffff"/>
  32. <meta name="color:Selection Text" content="#ffffff"/>
  33. <meta name="color:Title Outline" content="#000"/>
  34. <meta name="color:Tooltip" content="#000"/>
  35. <meta name="color:Tooltip Background" content="#ffffff"/>
  36. <meta name="color:Tooltip Border" content="#000"/>
  37. <meta name="color:Button Background" content="#ffffff"/>
  38.  
  39.  
  40. <meta name="image:Background" content=""/>
  41. <meta name="image:Favicon" content="https://66.media.tumblr.com/5e3ad8dc23a72167084c2a149cf61698/fbeb9aa7ec92c18f-97/s250x400/cf67826c2ce03f97f078965228cdeb1b1a30a917.png"/>
  42. <meta name="image:Header Background" content=""/>
  43. <meta name="image:Header Image" content="https://upload.wikimedia.org/wikipedia/commons/thumb/c/c4/DSLite_white_trans.png/220px-DSLite_white_trans.png"/>
  44. <meta name="image:Perma Background" content=""/>
  45. <meta name="image:Post Background" content=""/>
  46. <meta name="image:Tooltip Background" content=""/>
  47. <meta name="image:Perma Pixel" content=""/>
  48. <meta name="image:Floaty" content=""/>
  49.  
  50. <meta name="if:Show Title" content="1"/>
  51. <meta name="if:Show Header" content="1"/>
  52. <meta name="if:Show Description" content="1"/>
  53. <meta name="if:Regular Links" content="1"/>
  54. <meta name="if:Show Tags" content="1"/>
  55. <meta name="if:Show Time" content="1"/>
  56. <meta name="if:Show Notes" content="1"/>
  57. <meta name="if:Post Border" content="1"/>
  58. <meta name="if:Link Shadow" content="1"/>
  59. <meta name="if:Text Shadow" content="1"/>
  60. <meta name="if:Perma Border" content="1"/>
  61. <meta name="if:Header Image" content="1"/>
  62. <meta name="if:Post Border" content="1"/>
  63. <meta name="if:Button Links" content="1"/>
  64. <meta name="if:Redirect" content="1"/>
  65. <meta name="if:Title Blur" content="0"/>
  66. <meta name="if:Title Image" content="0"/>
  67. <meta name="if:Title Outline" content="1"/>
  68. <meta name="if:Perma Pixel" content="0"/>
  69. <meta name="if:Sidebar" content="1"/>
  70. <meta name="if:Floaty" content="0"/>
  71. <meta name="if:Header Image Border" content="1"/>
  72.  
  73.  
  74.  
  75. <meta name="if:Custom Link 1" content="1"/>
  76. <meta name="if:Custom Link 2" content="1"/>
  77. <meta name="if:Custom Link 3" content="1"/>
  78.  
  79. <meta name="text:Custom Desc" content="heres your custom desc">
  80. <meta name="text:Custom Title" content="heres your custom title">
  81. <meta name="text:Link 1 Title" content="one"/>
  82. <meta name="text:Link 1 url" content="/"/>
  83. <meta name="text:Link 2 Title" content="two"/>
  84. <meta name="text:Link 2 url" content="/"/>
  85. <meta name="text:Link 3 Title" content="three"/>
  86. <meta name="text:Link 3 url" content="/"/>
  87. <meta name="text:Redirect" content="leave empty if you dont want it"/>
  88. <meta name="text:Prev Page" content="previous"/>
  89. <meta name="text:Next Page" content="next"/>
  90. <meta name="text:Note Symbol" content="%"/>
  91.  
  92. <meta name="text:Floaty Size" content="500px"/>
  93. <meta name="text:Floaty X" content="500px"/>
  94. <meta name="text:Floaty Y" content="-500px"/>
  95.  
  96. <meta name="select:Font" content="times new roman">
  97. <meta name="select:Font" content="georgia">
  98. <meta name="select:Font" content="verdana">
  99. <meta name="select:Font" content="helvetica">
  100. <meta name="select:Font" content="courier">
  101. <meta name="select:Font" content="arial">
  102. <meta name="select:Font" content="ms gothic">
  103. <meta name="select:Font" content="comic sans ms">
  104.  
  105.  
  106.  
  107.  
  108.  
  109. <link rel="shortcut icon" href="{image:favicon}">
  110. <title>{Title}</title>
  111.  
  112. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  113. <link href="https://static.tumblr.com/wgijwsy/k1Hm9ei8b/normalize.css" rel="stylesheet" type="text/css" />
  114. {block:Description}
  115. <meta name="description" content="{MetaDescription}" />
  116. {/block:Description}
  117.  
  118.  
  119. <style type="text/css">
  120.  
  121. /* SCROLLBAR */
  122.  
  123. ::-webkit-scrollbar {
  124. width:12px;
  125. }
  126.  
  127. /* Track */
  128. ::-webkit-scrollbar-track {
  129. box-shadow: inset 0 0 5px gray;
  130. }
  131.  
  132. /* Handle */
  133. ::-webkit-scrollbar-thumb {
  134. background: {color:Scrollbar Thumb};
  135.  
  136. }
  137.  
  138. ::selection {
  139. background-color: {color:Selection Background};
  140. color:{color:Selection Text};
  141. }
  142. ::-moz-selection {
  143. color: {color:Accent};
  144. background: {color:Background};
  145. }
  146.  
  147. #content {
  148. margin-left:40%;
  149. margin-top:30px;
  150. width: 400px;
  151. float: center;
  152. }
  153.  
  154. body {
  155. font-family:{select:Font};
  156. font-size:20px;
  157. background-color: {color:Background};
  158. color:{color:Text};
  159. background-image: url({image:Background});
  160. background-size:cover;
  161. background-attachment:fixed;
  162. margin:20px;
  163. {block:iftextshadow}
  164. text-shadow:0px 0px 2px {color:Text Shadow};
  165. {block:iftextshadow}
  166. }
  167.  
  168.  
  169.  
  170.  
  171. #title {
  172. font-weight:bold;
  173. margin-top:30px;
  174. font-size:50px;
  175. text-align: center;
  176. font-family:{select:Font};
  177. {block:iftitleblur}
  178. -webkit-filter:blur(1px);
  179. {/block:iftitleblur}
  180. color:{color:Title Color};
  181. {block:iftitleoutline}
  182. -webkit-text-stroke-width: 2px;
  183. -webkit-text-stroke-color: {color:Title Outline};
  184. {/block:iftitleoutline}
  185. }
  186.  
  187. a {
  188. text-decoration:none;
  189. color:{color:Link};
  190. {block:iflinkshadow}
  191. text-shadow: 0px 0px 1px {color:Link Shadow};
  192. {/block:iflinkshadow}
  193.  
  194. }
  195.  
  196.  
  197.  
  198. a:hover {
  199. {color:Link Hover};
  200. text-shadow: 1px 1px 0.5px {color:Link Shadow};
  201. -webkit-filter:blur(1px);
  202. }
  203.  
  204. blockquote {
  205. padding-left:5px;
  206. border-left:1px dotted;
  207. color: {color:Text};
  208. margin-left:3px;
  209. margin-bottom:5px;
  210. }
  211.  
  212. iframe, img, embed, object, video {
  213. max-width: 100%;
  214. }
  215.  
  216. img {
  217. height: auto;
  218. width: auto;
  219. }
  220.  
  221.  
  222.  
  223. #header {
  224. {block:ifSidebar};
  225. width:250px;
  226. height:300px;
  227. margin-left:300px;
  228. position:absolute;
  229. {/block:ifSidebar};
  230. {block:ifnotSidebar};
  231. width:500px;
  232. margin-top:70px;
  233. {/block:ifnotSidebar};
  234. padding:7px;
  235. margin:0px auto;
  236. border: 2px solid {color:Border};
  237. background: {color:Header Background};
  238. background-image:url({image:Header Background});
  239. background-size:cover;
  240. background-attachment:fixed;
  241. color:{color:Text};
  242. background-size:cover;
  243. background-attachment:fixed;
  244. font-size:20px;
  245. text-align:center;
  246.  
  247. }
  248.  
  249.  
  250.  
  251.  
  252. #header img{
  253. margin-left:-2px;
  254. width:cover;
  255. {block:ifSidebar};
  256. max-height:240px;
  257. {/block:ifSidebar};
  258. {block:ifnotSidebar};
  259. max-height:250px;
  260. {/block:ifnotSidebar};
  261. object-fit:cover;
  262. overflow:hidden;
  263. {block:ifheaderimageborder}
  264. border: 2px solid {color:Border};
  265. {/block:ifheaderimageborder}
  266.  
  267. }
  268.  
  269. #cazzone {
  270. width:600px;
  271. margin:50px auto;
  272. {block:ifSidebar};
  273. margin-left:500px;
  274. {/block:ifSidebar};
  275. }
  276.  
  277. #description {
  278. text-align:center;
  279. padding:0px;
  280. font-size:20px;
  281. font-family: {select:Font};
  282. }
  283.  
  284. article {
  285. background: {color:post background};
  286. background-image: url({image:Post Background});
  287. background-size:cover;
  288. width:500px;
  289. padding:10px;
  290. font-size:20px;
  291. font-family: {select:Font};
  292. position:relative;
  293. margin:50px auto;
  294. {block:ifpostborder}
  295. border: 2px solid {color:border};
  296. {/block:ifpostborder}
  297. }
  298.  
  299. article img {
  300. }
  301.  
  302.  
  303.  
  304. .tooltip {
  305. display: inline;
  306. position: relative;
  307. }
  308.  
  309.  
  310. #s-m-t-tooltip {
  311. text-align:center;
  312. max-width:250px;
  313. padding:5px 5px 5px 5px;
  314. margin:20px;
  315. border:1px solid {color:tooltip border};
  316. background-image:url('{image:tooltip background}');
  317. background-color: {color:tooltip background};
  318. color:{color:tooltip};
  319. z-index:999999999999999999999999999999999999;
  320.  
  321. }
  322. button{
  323. background-color:{color:button background};
  324. }
  325.  
  326.  
  327. .photo {
  328. }
  329.  
  330. .photoset {
  331. }
  332.  
  333. .quote {
  334. text-align:center;
  335. }
  336.  
  337. .link {
  338. }
  339.  
  340. .audio {
  341. width:100%;
  342. }
  343.  
  344. .video{
  345. }
  346.  
  347. .video-player {
  348.  
  349. }
  350.  
  351. .answer {
  352. }
  353.  
  354. .ques {
  355. font-weight:bolder;
  356. }
  357.  
  358. .ans {
  359. font-style:normal;
  360. }
  361.  
  362. .chat{
  363. margin-left:-30px;
  364. }
  365.  
  366. .chat span {
  367. float: left;
  368. margin-right: 10px;
  369. }
  370.  
  371. .chat:nth-child(even) {
  372. background:gray;
  373. }
  374.  
  375. .odd{
  376. background:white;
  377. }
  378.  
  379.  
  380. #perma {
  381. text-align: center;
  382. position: relative;
  383. color:{color:Perma};
  384. margin-top:2px;
  385. padding:2px;
  386. word-spacing:5px;
  387. font-size: 15px;
  388. background: {color:Perma Background};
  389. background-image:url({image:Perma Background});
  390. background-position:center;
  391. {block:PermalinkPage}
  392. display:none;
  393. {/block:PermalinkPage}
  394. {block:ifpermaborder}
  395. border: 2px solid {color:border};
  396. {/block:ifpermaborder}
  397. }
  398.  
  399. .tumblr_audio_player {
  400. width: 100%;
  401. height: 100px;
  402. overflow: hidden;
  403. position: relative;
  404. z-index: 1000;
  405. }
  406.  
  407. .pagination {
  408. text-align:center;
  409. }
  410.  
  411.  
  412. hr {
  413. width:75%;
  414. border-top:1px solid {color:Borders};
  415.  
  416.  
  417. caption {
  418. margin:12px;
  419. }
  420.  
  421.  
  422. </style>
  423. </head>
  424. <body>
  425.  
  426. {block:ifshowtitle}
  427. <div align="center" id="title">{text:custom title}</a></div>
  428. {/block:ifshowtitle}
  429.  
  430.  
  431.  
  432.  
  433. {block:ifshowheader}
  434. <div id="header">
  435.  
  436.  
  437.  
  438. {block:ifheaderimage}
  439. <a href="/"><img src={image:Header Image}></a>
  440. {/block:ifheaderimage}
  441. {/block:ifshowheader}
  442.  
  443.  
  444.  
  445.  
  446.  
  447. {block:ifshowdescription}
  448. <div id="description">{text:custom desc}</div>
  449. {/block:ifshowdescription}
  450.  
  451. {block:ifregularlinks}
  452.  
  453.  
  454. {block:ifcustomlink1}<a href="{text:link 1 url}"style="color:{color:desc link}">{text:link 1 title}</a>{/block:ifcustomlink1}
  455. {block:ifcustomlink2}<a href="{text:link 2 url}"style="color:{color:desc link}">{text:link 2 title}</a>{/block:ifcustomlink2}
  456. {block:ifcustomlink3}<a href="{text:link 3 url}"style="color:{color:desc link}">{text:link 3 title}</a>{/block:ifcustomlink3}
  457.  
  458.  
  459.  
  460. {/block:ifregularlinks}
  461.  
  462.  
  463. {block:ifbuttonlinks}
  464. {block:ifcustomlink1} <a href="{text:link 1 url}"style="color:{color:desc link}"><button>{text:link 1 title}</button></a>{/block:ifcustomlink1}
  465. {block:ifcustomlink2} <a href="{text:link 2 url}"style="color:{color:desc link}"><button>{text:link 2 title}</button></a>{/block:ifcustomlink2}
  466. {block:ifcustomlink3} <a href="{text:link 3 url}"style="color:{color:desc link}"><button>{text:link 3 title}</button></a>{/block:ifcustomlink3}
  467. {/block:ifbuttonlinks}
  468. </div>
  469.  
  470.  
  471.  
  472.  
  473. <nav>
  474. <ul>
  475. {block:HasPages}
  476. {block:Pages}
  477. <li> <a href="{URL}">{Label}</a></li>
  478. {/block:Pages}
  479. {/block:HasPages}
  480. </ul>
  481. </nav>
  482.  
  483.  
  484. <div id="cazzone">
  485.  
  486.  
  487. <div id="content">
  488. </div>
  489. {block:Posts}
  490. <article>
  491. {block:Text}
  492. <div class="text">
  493. {block:Title}<h1 class="title">
  494. <a href="{Permalink}">{Title}</a>
  495. </h1><hr>{/block:Title}
  496. {Body}
  497. {/block:Text}
  498.  
  499. {block:Photo}
  500. <div class="photo">
  501. {LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}" />{LinkCloseTag}
  502. {block:Caption}{Caption}{/block:Caption}
  503. {/block:Photo}
  504.  
  505. {block:Photoset}
  506. <div class="photoset">
  507. {block:IndexPage}
  508. {Photoset-500}
  509. {/block:IndexPage}
  510. {block:PermalinkPage}
  511. {Photoset-500}
  512. {/block:PermalinkPage}
  513. {block:Caption}{Caption}{/block:Caption}
  514. {/block:Photoset}
  515.  
  516. {block:Quote}
  517. <div class="quote">
  518. ❝ {Quote} ❞
  519. <br><br>{block:Source}<cite>&mdash; {Source}</cite>{/block:Source}
  520. {/block:Quote}
  521.  
  522. {block:Link}
  523. <div class="link">
  524. <h1 class="title"><a href="{URL}">{Name}</a><hr></h1>
  525. {block:Description}{Description}{/block:Description}
  526. {/block:Link}
  527.  
  528. {block:Chat}
  529. <div class="chat">
  530. <ul>
  531. {block:Lines}
  532. <div class="{Alt} user_{UserNumber}">
  533. {block:Label}
  534. <b>{Label}</b>{/block:Label}
  535. {Line}
  536. </div>
  537. {/block:Lines}
  538. </ul>
  539. {/block:Chat}
  540.  
  541. {block:Audio}
  542. <div class="audio">
  543. {block:AlbumArt}
  544. <img src="{AlbumArtURL}" width="100px" height="100px"/>
  545. {/block:AlbumArt}
  546.  
  547. {block:AudioEmbed}
  548. {AudioEmbed}
  549. {/block:AudioEmbed}<br>
  550.  
  551. {block:TrackName}
  552. <b>track:</b> {TrackName}
  553. {/block:TrackName}</span><br>
  554. {block:Artist}
  555. <b>artist:</b> {Artist}
  556. {/block:Artist}
  557. {block:Caption}
  558. {Caption}
  559. {/block:Caption}
  560. {/block:Audio}
  561.  
  562. {block:Video}
  563. <div class="video">
  564. <div class="video-player">{Video-500}</div>
  565. {block:Caption}{Caption}{/block:Caption}
  566. {/block:Video}
  567.  
  568. {block:Answer}
  569. <div class="answer">
  570. {Asker} asked: <b><div class="ques">{Question}</div></b>
  571. <div class="ans">{Answer}</div>
  572. {/block:Answer}
  573. </div>
  574.  
  575. <div id="perma">
  576.  
  577. {block:ifPermaPixel}
  578. <a href="{Permalink}" title="{ShortMonth}/{DayOfMonth}/{Year}"> <img src={image:Perma Pixel}></a>
  579. {/block:ifPermaPixel}
  580.  
  581. {block:ifnotPermaPixel}
  582.  
  583. {block:ifShowNotes}
  584. <a href="{reblogURL}" title="RB" style="color:{color:Perma}">{NoteCount}{text:Note Symbol}</a>
  585. {/block:ifShowNotes}
  586.  
  587.  
  588. {block:ifShowTime}
  589. <a href="{Permalink}" title="{ShortMonth}/{DayOfMonth}/{Year}" style="color:{color:Perma}">{ShortMonth} {DayOfMonth}</a>
  590. {/block:ifShowTime}
  591.  
  592. {block:ifShowTags}{block:HasTags} <a href="{Permalink}"title="{block:Tags}#{Tag}{/block:Tags}"style="color:{color:Perma}" > {block:Tags}#{Tag} {/block:Tags}</a>{block:HasTags} {/block:ifShowTags}
  593.  
  594. {/block:ifnotPermaPixel}
  595.  
  596.  
  597. </div>
  598.  
  599.  
  600. {block:PermalinkPage}
  601. {block:Date}{Month} {DayOfMonth}{DayOfMonthSuffix}, {Year}{/block:Date}
  602. {block:NoteCount} - {NoteCountWithLabel}{/block:NoteCount}
  603. {block:HasTags}</br>tagged as: {block:Tags}#<a href="{TagURL}">{Tag}</a> {/block:Tags}{/block:HasTags}
  604. {block:RebloggedFrom}</br>source: <a href="{ReblogRootURL}">{ReblogRootName}</a> - via: <a href="{ReblogParentURL}">{ReblogParentName}</a><br>{/block:RebloggedFrom}
  605. {block:PostNotes}{PostNotes-16}{/block:PostNotes}
  606. </div></div>
  607. {/block:PermalinkPage}
  608. </footer>
  609. </article>
  610. {/block:Posts}
  611. </div>
  612. {block:Pagination}
  613. <div class="pagination">
  614. <div class="pagi">
  615. {block:PreviousPage}<a href="{PreviousPage}"style="font-size:50px">{text:Prev Page}</a>{/block:PreviousPage}
  616. {block:NextPage}<a href="{NextPage}"style="font-size:50px">{text:Next Page}</a>{/block:NextPage}
  617. </div></div>
  618. {/block:Pagination}
  619.  
  620.  
  621. </div>
  622.  
  623.  
  624. </body>
  625.  
  626.  
  627. </html>
  628.  
  629. {block:ifFloaty}
  630. <img src={image:Floaty} style='position:fixed;bottom:{text:Floaty Y}; left:{text:Floaty X}; height:{text:Floaty Size}; z-index:-999;'/></img>
  631. {/block:ifFloaty}
  632.  
  633. <p style=" position:fixed; left: 13px; bottom: -5px; font-size:14px;"><a href="https://substats.tumblr.com" title="@substats">🐇</a>
Add Comment
Please, Sign In to add comment
Public Pastes
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!