API tools faq
paste
Advertisement
heikes

800 db cloud

heikes
Aug 26th, 2020 (edited)
1,224
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 14.44 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <!----- 800 db cloud theme by heike @substats !
  5.  
  6. my money machine theme was mediocre at best so i revamped it :smirk_cat:
  7.  
  8. dont copy the code dont use it as base or remove the credit
  9. you can edit the theme and change the credit emoji as long as its visible and not a hate symbol....that is all ^_^
  10.  
  11. ----->
  12.  
  13. <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>
  14.  
  15. <meta name="color:Background" content="#ffffff"/>
  16. <meta name="color:Header Background" content="#a195a1"/>
  17. <meta name="color:Post Background" content="#ffffff"/>
  18. <meta name="color:Title Color" content="#1a1019"/>
  19. <meta name="color:Title Shadow" content="#ffffff"/>
  20. <meta name="color:Tooltip" content="#000"/>
  21. <meta name="color:Tooltip Background"content="#ffffff"/>
  22. <meta name="color:Scrollbar Thumb" content="#1a1019"/>
  23. <meta name="color:Text" content="#1a1019"/>
  24. <meta name="color:Link" content="#c5458d"/>
  25. <meta name="color:Text Shadow" content="#000"/>
  26. <meta name="color:Link Shadow" content="#000"/>
  27. <meta name="color:Link Hover" content="#ecb6d2"/>
  28. <meta name="color:Border" content="##1c121b"/>
  29. <meta name="color:Perma" content="#ffffff"/>
  30. <meta name="color:Selection Background" content="#ffffff"/>
  31. <meta name="color:Selection Text" content="#ffffff"/>
  32.  
  33. <meta name="image:Background" content=""/>
  34. <meta name="image:Favicon" content="https://66.media.tumblr.com/5e3ad8dc23a72167084c2a149cf61698/fbeb9aa7ec92c18f-97/s250x400/cf67826c2ce03f97f078965228cdeb1b1a30a917.png"/>
  35. <meta name="image:Header Background" content=""/>
  36. <meta name="image:Header Image" content=""/>
  37. <meta name="image:Post Background" content=""/>
  38.  
  39. <meta name="if:Show Title" content="1"/>
  40. <meta name="if:Show Description" content="1"/>
  41. <meta name="if:Text Shadow" content="1"/>
  42. <meta name="if:Link Shadow" content="1"/>
  43. <meta name="if:Transparent" content="0"/>
  44. <meta name="if:Rainbow Title"content="0"/>
  45. <meta name="if:Rainbow Border"content="0"/>
  46. <meta name="if:Rainbow Links"content="0"/>
  47. <meta name="if:Rounded"content="1"/>
  48. <meta name="if:Show Tags" content="1"/>
  49.  
  50. <meta name="if:Custom Link 1" content="1"/>
  51. <meta name="if:Custom Link 2" content="1"/>
  52. <meta name="if:Custom Link 3" content="1"/>
  53.  
  54. <meta name="text:Custom Desc" content="heres your custom desc">
  55. <meta name="text:Custom Title" content="heres your custom title">
  56. <meta name="text:Perma Symbol"content="+">
  57. <meta name="text:Note Symbol"content="%">
  58. <meta name="text:Font Size"content="20px">
  59. <meta name="text:Title Size"content="40px">
  60. <meta name="text:Border Size" content="2px">
  61. <meta name="text:Perma Size"content="23px">
  62. <meta name="text:Link Divider" content ="+">
  63. <meta name="text:Link 1" content="one"/>
  64. <meta name="text:Link 1 URL" content="/"/>
  65. <meta name="text:Link 2" content="two"/>
  66. <meta name="text:Link 2 URL" content="/"/>
  67. <meta name="text:Link 3" content="three"/>
  68. <meta name="text:Link 3 URL" content="/"/>
  69. <meta name="text:Prev Page"content="previous"/>
  70. <meta name="text:Next Page"content="next"/>
  71.  
  72. <meta name="select:Border" content="solid">
  73. <meta name="select:Border" content="dashed">
  74. <meta name="select:Border" content="dotted">
  75. <meta name="select:Border" content="double">
  76. <meta name="select:Border" content="groove">
  77. <meta name="select:Border" content="ridge">
  78. <meta name="select:Border" content="inset">
  79. <meta name="select:Border" content="outset">
  80.  
  81. <meta name="select:Font" content="ms gothic">
  82. <meta name="select:Font" content="times new roman">
  83. <meta name="select:Font" content="georgia">
  84. <meta name="select:Font" content="verdana">
  85. <meta name="select:Font" content="courier">
  86. <meta name="select:Font" content="arial">
  87. <meta name="select:Font" content="comic sans ms">
  88.  
  89.  
  90. <link rel="shortcut icon" href="{image:favicon}">
  91. <title>{Title}</title>
  92.  
  93. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  94. <link href="https://static.tumblr.com/wgijwsy/k1Hm9ei8b/normalize.css" rel="stylesheet" type="text/css" />
  95. {block:Description}
  96. <meta name="description" content="{MetaDescription}" />
  97. {/block:Description}
  98.  
  99.  
  100. <style type="text/css">
  101.  
  102. /* SCROLLBAR */
  103.  
  104. ::-webkit-scrollbar {
  105. width:12px;
  106. }
  107.  
  108. /* Track */
  109. ::-webkit-scrollbar-track {
  110. }
  111.  
  112. /* Handle */
  113. ::-webkit-scrollbar-thumb {
  114. background: {color:Scrollbar Thumb};
  115. }
  116.  
  117. /*Selection */
  118. ::selection {
  119. background-color: {color:Selection Background};
  120. color:{color:Selection Text};
  121. }
  122. ::-moz-selection {
  123. color: {color:Accent};
  124. background: {color:Background};
  125. }
  126.  
  127. .tooltip {
  128. display: inline;
  129. position: relative;
  130. }
  131.  
  132. #s-m-t-tooltip {
  133. text-align:center;
  134. max-width:250px;
  135. padding:5px 5px 5px 5px;
  136. margin:20px;
  137. {block:iftransparent}
  138. background-color:transparent;
  139. {/block:iftransparent}
  140. {block:ifrainbowborder}
  141. border: {text:Border Size} solid transparent;
  142. border-image:linear-gradient(to top left,#b827fc 0%, #2c90fc 25%, #b8fd33 50%, #fec837 75%, #fd1892 100%);
  143. border-image-slice:1;
  144. {/block:ifrainbowborder}
  145. {block:ifnottransparent}
  146. background-color:{color:Tooltip Background};
  147. background-size:cover;
  148. {/block:ifnottransparent}
  149. {block:ifnotrainbowborder}
  150. border: {text:Border Size} {select:Border} {color:Border};
  151. {/block:ifnotrainbowborder}
  152. color:{color:tooltip};
  153. z-index:999999999999999999999999999999999999;
  154. {block:ifrounded}
  155. border-radius:10px;
  156. {/block:ifrounded}
  157. }
  158.  
  159. body {
  160. font-family:{select:Font};
  161. font-size:{text:Font Size};
  162. background-color: {color:Background};
  163. color:{color:Text};
  164. background-image: url({image:Background});
  165. background-size:cover;
  166. background-attachment:fixed;
  167. }
  168.  
  169. #title {
  170. -webkit-filter:blur(1px);
  171. margin:10px;
  172. font-weight:bold;
  173. font-size:{text:Title Size};
  174. text-align: center;
  175. {block:ifnotrainbowtitle}
  176. color:{color:Title Color};
  177. {/block:ifnotrainbowtitle}
  178. {block:ifrainbowtitle}
  179. background-image: linear-gradient(to left,#b827fc 0%, #2c90fc 25%, #b8fd33 50%, #fec837 75%, #fd1892 100%);
  180. background-clip: text;
  181. -webkit-background-clip: text;
  182. color: transparent;
  183. {/block:ifrainbowtitle}
  184. }
  185.  
  186. a {
  187. text-decoration:none;
  188. {block:iflinkshadow}
  189. text-shadow: 0px 0px 2px {color:Link Shadow};
  190. {/block:iflinkshadow}
  191. {block:ifnotrainbowlinks}
  192. color:{color:Link};
  193. {/block:ifnotrainbowlinks}
  194. {block:ifrainbowlinks}
  195. background-image: linear-gradient(to left,#b827fc 0%, #2c90fc 25%, #b8fd33 50%, #fec837 75%, #fd1892 100%);
  196. background-clip: text;
  197. -webkit-background-clip: text;
  198. color: transparent;
  199. {/block:ifrainbowlinks}
  200. }
  201.  
  202. a:hover {
  203. color:{color:Link Hover};
  204. }
  205.  
  206. blockquote {
  207. padding-left:5px;
  208. border-left:1px dotted;
  209. color: {color:Text};
  210. margin-left:3px;
  211. margin-bottom:5px;
  212. }
  213.  
  214. iframe, img, embed, object, video {
  215. max-width: 100%;
  216. }
  217.  
  218. img {
  219. height: auto;
  220. width: auto;
  221. }
  222.  
  223. #bonazzo {
  224. {block:iftextshadow}
  225. text-shadow: 0px 0px 2px {color:Text Shadow};
  226. {/block:iftextshadow}
  227. {block:iftransparent}
  228. background-color:transparent;
  229. {/block:iftransparent}
  230. {block:ifrainbowborder}
  231. border: {text:Border Size} solid transparent;
  232. border-image:linear-gradient(to top left,#b827fc 0%, #2c90fc 25%, #b8fd33 50%, #fec837 75%, #fd1892 100%);
  233. border-image-slice:1;
  234. {/block:ifrainbowborder}
  235. {block:ifnottransparent}
  236. background-color:{color:Header Background};
  237. background-image: url({image:Header Background});
  238. background-size:cover;
  239. {/block:ifnottransparent}
  240. width:500px;
  241. margin-top:70px;
  242. padding:10px;
  243. margin:0px auto;
  244. {block:ifnotrainbowborder}
  245. border: {text:Border Size} {select:Border} {color:Border};
  246. {/block:ifnotrainbowborder}
  247. background-size:cover;
  248. background-attachment:fixed;
  249. text-align:center;
  250. {block:ifrounded}
  251. border-radius:10px;
  252. {/block:ifrounded}
  253. }
  254.  
  255. #header img{
  256. width:100%;
  257. max-height:250px;
  258. object-fit:cover;
  259. overflow:hidden;
  260. }
  261.  
  262. #cazzone {
  263. width:600px;
  264. max-width:1920px;
  265. margin:10px auto;
  266. }
  267.  
  268. #description {
  269. text-align:center;
  270. }
  271.  
  272. article {
  273. {block:iftextshadow}
  274. text-shadow: 0px 0px 2px {color:Text Shadow};
  275. {/block:iftextshadow}
  276. {block:iftransparent}
  277. background-color:transparent;
  278. {/block:iftransparent}
  279. {block:ifrainbowborder}
  280. border: {text:Border Size} solid transparent;
  281. border-image:linear-gradient(to top left,#b827fc 0%, #2c90fc 25%, #b8fd33 50%, #fec837 75%, #fd1892 100%);
  282. border-image-slice:1;
  283. {/block:ifrainbowborder}
  284. {block:ifnotrainbowborder}
  285. border: {text:Border Size} {select:Border} {color:Border};
  286. {/block:ifnotrainbowborder}
  287. {block:ifnottransparent}
  288. background-color:{color:Post Background};
  289. background-image: url({image:Post Background});
  290. background-size:cover;
  291. {/block:ifnottransparent}
  292. background-size:cover;
  293. width:500px;
  294. padding:10px;
  295. font-size:20px;
  296. font-family: {select:Font};
  297. position:relative;
  298. margin:30px auto;
  299. {block:ifrounded}
  300. border-radius:10px;
  301. {/block:ifrounded}
  302. }
  303.  
  304. article img {
  305. }
  306.  
  307. .photo {
  308. }
  309.  
  310. .photoset {
  311. }
  312.  
  313. .quote {
  314. text-align:center;
  315. }
  316.  
  317. .link {
  318. }
  319.  
  320. .audio {
  321. width:100%;
  322. }
  323.  
  324. .video{
  325. }
  326.  
  327. .video-player {
  328.  
  329. }
  330.  
  331. .answer {
  332. }
  333.  
  334. .ques {
  335. font-weight:bolder;
  336. }
  337.  
  338. .ans {
  339. font-style:normal;
  340. }
  341.  
  342. .chat{
  343. margin-left:-30px;
  344. }
  345.  
  346. .chat span {
  347. float: left;
  348. margin-right: 10px;
  349. }
  350.  
  351. .chat:nth-child(even) {
  352. background:#f9f9f9;
  353. }
  354.  
  355. .odd{
  356. background:#f6f6f6;
  357. }
  358.  
  359. #perma {
  360. width:510px;
  361. text-align:center;
  362. position: relative;
  363. {block:ifnotrainbowlinks}
  364. color:{color:Prtma};
  365. {/block:ifnotrainbowlinks}
  366. {block:ifrainbowlinks}
  367. background-image: linear-gradient(to left,#b827fc 0%, #2c90fc 25%, #b8fd33 50%, #fec837 75%, #fd1892 100%);
  368. background-clip: text;
  369. -webkit-background-clip: text;
  370. color: transparent;
  371. {/block:ifrainbowlinks}
  372. font-size:{text:Perma Size};
  373. {block:PermalinkPage}
  374. display:none;
  375. {/block:PermalinkPage}
  376. }
  377.  
  378. #perma:hover {
  379. transition: .5s ease;
  380. animation-iteration-count:infinite;
  381. transform: scaleX(-1);
  382. }
  383.  
  384. .dropdown {
  385. position: relative;
  386. display: inline-block;
  387. width:520px;
  388. text-align:center;
  389. }
  390.  
  391. .dropdown-content {
  392. width:510px;
  393. margin-top:5px;
  394. word-spacing:15px;
  395. text-align:center;
  396. display: none;
  397. position: relative;
  398. z-index: 1;
  399. }
  400.  
  401. .dropdown:hover .dropdown-content {
  402. display: block;
  403. }
  404.  
  405. .tumblr_audio_player {
  406. width: 100%;
  407. height: 100px;
  408. overflow: hidden;
  409. position: relative;
  410. z-index: 1000;
  411. }
  412.  
  413. .pagination {
  414. text-align:center;
  415. }
  416.  
  417. caption {
  418. margin:12px;
  419. }
  420.  
  421. </style>
  422. </head>
  423. <body>
  424.  
  425. <div id="cazzone">
  426.  
  427. {block:ifshowtitle}
  428. <div align="center"id="title">{text:custom title}</a></div>
  429. {/block:ifshowtitle}
  430.  
  431.  
  432. <div id="bonazzo">
  433.  
  434. <a href="/"><img src={image:Header Image}></a>
  435.  
  436. {block:ifshowdescription}
  437. <div id="description">{text:custom desc}</div>
  438. {/block:ifshowdescription}
  439. {block:ifcustomlink1}<a href="{text:link 1 url}">{text:link 1}</a>{/block:ifcustomlink1}
  440. {block:ifcustomlink2} {text:Link Divider} <a href="{text:link 2 url}">{text:link 2}</a>{/block:ifcustomlink2}
  441. {block:ifcustomlink3} {text:Link Divider} <a href="{text:link 3 url}">{text:link 3}</a>{/block:ifcustomlink3}
  442. </div>
  443.  
  444.  
  445. <nav>
  446. <ul>
  447. {block:HasPages}
  448. {block:Pages}
  449. <li> <a href="{URL}">{Label}</a></li>
  450. {/block:Pages}
  451. {/block:HasPages}
  452. </ul>
  453. </nav>
  454.  
  455. {block:Posts}
  456. <article>
  457. {block:Text}
  458. <div class="text">
  459. {block:Title}<h1 class="title">
  460. <a href="{Permalink}">{Title}</a>
  461. </h1><hr>{/block:Title}
  462. {Body}
  463. {/block:Text}
  464.  
  465. {block:Photo}
  466. <div class="photo">
  467. {LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}" />{LinkCloseTag}
  468. {block:Caption}{Caption}{/block:Caption}
  469. {/block:Photo}
  470.  
  471. {block:Photoset}
  472. <div class="photoset">
  473. {block:IndexPage}
  474. {Photoset-500}
  475. {/block:IndexPage}
  476. {block:PermalinkPage}
  477. {Photoset-500}
  478. {/block:PermalinkPage}
  479. {block:Caption}{Caption}{/block:Caption}
  480. {/block:Photoset}
  481.  
  482. {block:Quote}
  483. <div class="quote">
  484. "{Quote}"
  485. <br><br>{block:Source}<cite>&mdash; {Source}</cite>{/block:Source}
  486. {/block:Quote}
  487.  
  488. {block:Link}
  489. <div class="link">
  490. <h1 class="title"><a href="{URL}">{Name}</a><hr></h1>
  491. {block:Description}{Description}{/block:Description}
  492. {/block:Link}
  493.  
  494. {block:Chat}
  495. <div class="chat">
  496. <ul>
  497. {block:Lines}
  498. <div class="{Alt} user_{UserNumber}">
  499. {block:Label}
  500. <b>{Label}</b>{/block:Label}
  501. {Line}
  502. </div>
  503. {/block:Lines}
  504. </ul>
  505. {/block:Chat}
  506.  
  507. {block:Audio}
  508. <div class="audio">
  509. {block:AlbumArt}
  510. <img src="{AlbumArtURL}" width="150px" height="150px"/>
  511. {/block:AlbumArt}
  512. {block:AudioEmbed}
  513. {AudioEmbed}
  514. {/block:AudioEmbed}<br>
  515. {block:TrackName}
  516. <b>track:</b> {TrackName}
  517. {/block:TrackName}</span><br>
  518. {block:Artist}
  519. <b>artist:</b> {Artist}
  520. {/block:Artist}
  521. {block:Caption}
  522. {Caption}
  523. {/block:Caption}
  524. {/block:Audio}
  525.  
  526. {block:Video}
  527. <div class="video">
  528. <div class="video-player">{Video-500}</div>
  529. {block:Caption}{Caption}{/block:Caption}
  530. {/block:Video}
  531.  
  532. {block:Answer}
  533. <div class="answer">
  534. {Asker} asked: <b><div class="ques">{Question}</div></b>
  535. <div class="ans">{Answer}</div>
  536. {/block:Answer}
  537. </div>
  538.  
  539. <div class="dropdown">
  540. <div id="perma">
  541. <a href="{Permalink}" style="color:{color:Perma}">{text:Perma Symbol}</a>
  542. </div>
  543.  
  544. <div class="dropdown-content">
  545. <a href="{reblogURL}" title="RB?" style="color:{color:Perma}">{NoteCount}{text:Note Symbol}</a>
  546. <a href="{Permalink}" title="{Month} {DayOfMonth} {Year}" style="color:{color:Perma}">{ShortMonth}/{DayOfMonth}</a>
  547. {block:ifShowTags}{block:HasTags}
  548. <a href="{Permalink}"style="color:{color:Perma}" > {block:Tags}#{Tag} {/block:Tags}</a>{/block:HasTags}
  549. {/block:ifShowTags}
  550. </div>
  551. </div>
  552.  
  553. {block:PermalinkPage}
  554. {block:Date}{Month} {DayOfMonth}{DayOfMonthSuffix}, {Year}{/block:Date}
  555. {block:NoteCount} - {NoteCountWithLabel}{/block:NoteCount}
  556. {block:HasTags}</br>tagged as: {block:Tags}#<a href="{TagURL}">{Tag}</a> {/block:Tags}{/block:HasTags}
  557. {block:RebloggedFrom}</br>source: <a href="{ReblogRootURL}">{ReblogRootName}</a> - via: <a href="{ReblogParentURL}">{ReblogParentName}</a><br>{/block:RebloggedFrom}
  558. {block:PostNotes}{PostNotes-16}{/block:PostNotes}
  559. </div></div>
  560. {/block:PermalinkPage}
  561. </footer>
  562. </article>
  563. {/block:Posts}
  564. </div>
  565.  
  566. {block:Pagination}
  567. <div class="pagination">
  568. <div class="pagi">
  569. {block:PreviousPage}<a href="{PreviousPage}"style="font-size:50px">{text:Prev Page}</a>{/block:PreviousPage}
  570. {block:NextPage}<a href="{NextPage}"style="font-size:50px">{text:Next Page}</a>{/block:NextPage}
  571. </div></div>
  572. {/block:Pagination}
  573.  
  574.  
  575. </div>
  576. </body>
  577.  
  578.  
  579. </html>
  580.  
  581. <p style=" position:fixed; right: 10px; bottom: -3px; font-size:14px;"><a href="https://substats.tumblr.com/tagged/my-themes" title="@substats">🐇</a>
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!