Advertisement
heikes

money machine

May 28th, 2020 (edited)
454
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 12.33 KB | None | 0 0
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <!----- money machine theme by heike @substats!
  5. woo this was a lot of fun! this was kind of a present to myself for my birthday to see how much i improved since my first theme :) you can edit this theme however you want but please dont remove the credit or use as a base code...if you have any questions hmu!
  6.  
  7. ----->
  8. <meta name="color:Background" content="#ffffff"/>
  9. <meta name="color:Header Background" content="#a195a1"/>
  10. <meta name="color:Perma Background" content="#a195a1"/>
  11. <meta name="color:Post Background" content="#ffffff"/>
  12. <meta name="color:Title Color" content="#1a1019"/>
  13. <meta name="color:Title Shadow" content="#ffffff"/>
  14. <meta name="color:Scrollbar Thumb" content="#1a1019"/>
  15. <meta name="color:Text" content="#1a1019"/>
  16. <meta name="color:Link" content="#c5458d"/>
  17. <meta name="color:Link Shadow" content="#c5458d"/>
  18. <meta name="color:Link Hover" content="#ecb6d2"/>
  19. <meta name="color:Desc Link" content="#ffffff"/>
  20. <meta name="color:Border" content="##1c121b"/>
  21. <meta name="color:Perma" content="#ffffff"/>
  22. <meta name="color:Selection Background" content="#ffffff"/>
  23. <meta name="color:Selection Text" content="#ffffff"/>
  24.  
  25.  
  26.  
  27. <meta name="image:Background" content=""/>
  28. <meta name="image:Favicon" content="https://66.media.tumblr.com/5e3ad8dc23a72167084c2a149cf61698/fbeb9aa7ec92c18f-97/s250x400/cf67826c2ce03f97f078965228cdeb1b1a30a917.png"/>
  29. <meta name="image:Header Background" content=""/>
  30. <meta name="image:Header Image" content=""/>
  31. <meta name="image:Perma Background" content=""/>
  32. <meta name="image:Post Background" content=""/>
  33.  
  34. <meta name="if:Show Title" content="1"/>
  35. <meta name="if:Show Header" content="1"/>
  36. <meta name="if:Show Description" content="1"/>
  37. <meta name="if:Regular Links" content="1"/>
  38. <meta name="if:Show Tags" content="1"/>
  39. <meta name="if:Post Border" content="1"/>
  40. <meta name="if:Perma Border" content="1"/>
  41. <meta name="if:Header Image" content="1"/>
  42. <meta name="if:Post Border" content="1"/>
  43. <meta name="if:Button Links" content="1"/>
  44.  
  45. <meta name="if:Custom Link 1" content="1"/>
  46. <meta name="if:Custom Link 2" content="1"/>
  47. <meta name="if:Custom Link 3" content="1"/>
  48.  
  49. <meta name="text:Custom Desc" content="heres your custom desc">
  50. <meta name="text:Custom Title" content="heres your custom title">
  51. <meta name="text:Link 1 Title" content="one"/>
  52. <meta name="text:Link 1 url" content="/"/>
  53. <meta name="text:Link 2 Title" content="two"/>
  54. <meta name="text:Link 2 url" content="/"/>
  55. <meta name="text:Link 3 Title" content="three"/>
  56. <meta name="text:Link 3 url" content="/"/>
  57.  
  58. <meta name="select:Font" content="times new roman">
  59. <meta name="select:Font" content="georgia">
  60. <meta name="select:Font" content="verdana">
  61. <meta name="select:Font" content="helvetica">
  62. <meta name="select:Font" content="courier">
  63. <meta name="select:Font" content="arial">
  64. <meta name="select:Font" content="short stack">
  65. <meta name="select:Font" content="comic sans ms">
  66.  
  67.  
  68.  
  69.  
  70.  
  71. <link rel="shortcut icon" href="{image:favicon}">
  72. <title>{Title}</title>
  73.  
  74. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  75. <link href="https://static.tumblr.com/wgijwsy/k1Hm9ei8b/normalize.css" rel="stylesheet" type="text/css" />
  76. {block:Description}
  77. <meta name="description" content="{MetaDescription}" />
  78. {/block:Description}
  79.  
  80.  
  81. <style type="text/css">
  82.  
  83. /* SCROLLBAR */
  84.  
  85. ::-webkit-scrollbar {
  86. width:12px;
  87. }
  88.  
  89. /* Track */
  90. ::-webkit-scrollbar-track {
  91. box-shadow: inset 0 0 5px gray;
  92. }
  93.  
  94. /* Handle */
  95. ::-webkit-scrollbar-thumb {
  96. background: {color:Scrollbar Thumb};
  97.  
  98. }
  99.  
  100. ::selection {
  101. background-color: {color:Selection Background};
  102. color:{color:Selection Text};
  103. }
  104. ::-moz-selection {
  105. color: {color:Accent};
  106. background: {color:Background};
  107. }
  108.  
  109. #content {
  110. margin-left:40%;
  111. margin-top:30px;
  112. width: 400px;
  113. float: center;
  114. }
  115.  
  116. body {
  117. font-family:{select:Font};
  118. font-size:20px;
  119. background-color: {color:Background};
  120. color:{color:Text};
  121. background-image: url({image:Background});
  122. background-size:cover;
  123. background-attachment:fixed;
  124. margin:20px;
  125.  
  126. }
  127. #title {
  128. font-weight:bold;
  129. margin-top:50px;
  130. font-size:40px;
  131. text-align: center;
  132. color:{color:Title Color};
  133. font-family:{select:Font};
  134. text-shadow: 1px 1px 0.5px {color:Title Shadow};
  135. -webkit-filter:blur(1px);
  136. }
  137.  
  138. a {
  139. text-decoration:none;
  140. color:{color:Link};
  141. text-shadow: 1px 1px 0.5px {color:Link Shadow};
  142.  
  143. }
  144.  
  145.  
  146.  
  147. a:hover {
  148. {color:Link Hover};
  149. text-shadow: 1px 1px 0.5px {color:Link Shadow};
  150. -webkit-filter:blur(1px);
  151. }
  152.  
  153. blockquote {
  154. padding-left:5px;
  155. border-left:1px dotted;
  156. color: {color:Text};
  157. margin-left:3px;
  158. margin-bottom:5px;
  159. }
  160.  
  161. iframe, img, embed, object, video {
  162. max-width: 100%;
  163. }
  164.  
  165. img {
  166. height: auto;
  167. width: auto;
  168. }
  169.  
  170. #header {
  171. width:500px;
  172. margin-top:70px;
  173. padding:10px;
  174. margin:0px auto;
  175. border: 2px solid {color:Border};
  176. background: {color:Header Background};
  177. background-image:url({image:Header Background});
  178. background-size:cover;
  179. background-attachment:fixed;
  180. color:{color:Text};
  181. background-size:cover;
  182. background-attachment:fixed;
  183. font-size:20px;
  184. text-align:center;
  185. }
  186.  
  187.  
  188. #header img{
  189. width:100%;
  190. max-height:250px;
  191. object-fit:cover;
  192. overflow:hidden;
  193. }
  194.  
  195. #cazzone {
  196. width:600px;
  197. margin:50px auto;
  198. }
  199.  
  200. #description {
  201. text-align:center;
  202. padding:0px;
  203. font-size:20px;
  204. font-family: {select:Font};
  205. }
  206.  
  207. article {
  208. background: {color:post background};
  209. background-image: url({image:Post Background});
  210. background-size:cover;
  211. width:500px;
  212. padding:10px;
  213. font-size:20px;
  214. font-family: {select:Font};
  215. position:relative;
  216. margin:50px auto;
  217. {block:ifpostborder}
  218. border: 2px solid {color:border};
  219. {/block:ifpostborder}
  220. }
  221.  
  222. article img {
  223. }
  224.  
  225.  
  226.  
  227.  
  228. .photo {
  229. }
  230.  
  231. .photoset {
  232. }
  233.  
  234. .quote {
  235. text-align:center;
  236. }
  237.  
  238. .link {
  239. }
  240.  
  241. .audio {
  242. width:100%;
  243. }
  244.  
  245. .video{
  246. }
  247.  
  248. .video-player {
  249.  
  250. }
  251.  
  252. .answer {
  253. }
  254.  
  255. .ques {
  256. font-weight:bolder;
  257. }
  258.  
  259. .ans {
  260. font-style:normal;
  261. }
  262.  
  263. .chat{
  264. margin-left:-30px;
  265. }
  266.  
  267. .chat span {
  268. float: left;
  269. margin-right: 10px;
  270. }
  271.  
  272. .chat:nth-child(even) {
  273. background:#f9f9f9;
  274. }
  275.  
  276. .odd{
  277. background:#f6f6f6;
  278. }
  279.  
  280.  
  281. #perma {
  282. text-align: center;
  283. position: relative;
  284. color:{color:Link};
  285. text-transform:uppercase;
  286. margin-top:2px;
  287. padding:2px;
  288. font-size: 12px;
  289. background: {color:Perma Background};
  290. background-image:url({image:Perma Background});
  291. background-position:center;
  292. {block:PermalinkPage}
  293. display:none;
  294. {/block:PermalinkPage}
  295. {block:ifpermaborder}
  296. border: 2px solid {color:border};
  297. {/block:ifpermaborder}
  298. }
  299.  
  300. .tumblr_audio_player {
  301. width: 100%;
  302. height: 100px;
  303. overflow: hidden;
  304. position: relative;
  305. z-index: 1000;
  306. }
  307.  
  308. .pagination {
  309. text-align:center;
  310. }
  311.  
  312.  
  313. hr {
  314. width:75%;
  315. border-top:1px solid {color:Borders};
  316.  
  317.  
  318. caption {
  319. margin:12px;
  320. }
  321.  
  322.  
  323.  
  324. </style>
  325. </head>
  326. <body>
  327. {block:ifshowtitle}
  328. <div align="center"id="title">{text:custom title}</a></div>
  329. {/block:ifshowtitle}
  330.  
  331. {block:ifshowheader}
  332. <div id="header">
  333.  
  334. {block:ifheaderimage}
  335. <a href="/"><img src={image:Header Image} style="border: 2px solid {color:border}; align:center"></a>
  336. {/block:ifheaderimage}
  337. {/block:ifshowheader}
  338.  
  339.  
  340. {block:ifshowdescription}
  341. <div id="description">{text:custom desc}</div>
  342. {/block:ifshowdescription}
  343.  
  344. {block:ifregularlinks}
  345.  
  346.  
  347. {block:ifcustomlink1}<a href="{text:link 1 url}"style="color:{color:desc link}">{text:link 1 title}</a>{/block:ifcustomlink1}
  348. {block:ifcustomlink2}<a href="{text:link 2 url}"style="color:{color:desc link}">{text:link 2 title}</a>{/block:ifcustomlink2}
  349. {block:ifcustomlink3}<a href="{text:link 3 url}"style="color:{color:desc link}">{text:link 3 title}</a>{/block:ifcustomlink3}
  350.  
  351.  
  352.  
  353. {/block:ifregularlinks}
  354.  
  355.  
  356. {block:ifbuttonlinks}
  357. {block:ifcustomlink1} <a href="{text:link 1 url}"style="color:{color:desc link}"><button>{text:link 1 title}</button></a>{/block:ifcustomlink1}
  358. {block:ifcustomlink2} <a href="{text:link 2 url}"style="color:{color:desc link}"><button>{text:link 2 title}</button></a>{/block:ifcustomlink2}
  359. {block:ifcustomlink3} <a href="{text:link 3 url}"style="color:{color:desc link}"><button>{text:link 3 title}</button></a>{/block:ifcustomlink3}
  360. {/block:ifbuttonlinks}
  361. </div>
  362.  
  363.  
  364.  
  365. <nav>
  366. <ul>
  367. {block:HasPages}
  368. {block:Pages}
  369. <li> <a href="{URL}">{Label}</a></li>
  370. {/block:Pages}
  371. {/block:HasPages}
  372. </ul>
  373. </nav>
  374.  
  375. <div id="cazzone">
  376. <div id="content">
  377. </div>
  378. {block:Posts}
  379. <article>
  380. {block:Text}
  381. <div class="text">
  382. {block:Title}<h1 class="title">
  383. <a href="{Permalink}">{Title}</a>
  384. </h1><hr>{/block:Title}
  385. {Body}
  386. {/block:Text}
  387.  
  388. {block:Photo}
  389. <div class="photo">
  390. {LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}" />{LinkCloseTag}
  391. {block:Caption}{Caption}{/block:Caption}
  392. {/block:Photo}
  393.  
  394. {block:Photoset}
  395. <div class="photoset">
  396. {block:IndexPage}
  397. {Photoset-500}
  398. {/block:IndexPage}
  399. {block:PermalinkPage}
  400. {Photoset-500}
  401. {/block:PermalinkPage}
  402. {block:Caption}{Caption}{/block:Caption}
  403. {/block:Photoset}
  404.  
  405. {block:Quote}
  406. <div class="quote">
  407. ❝ {Quote} ❞
  408. <br><br>{block:Source}<cite>&mdash; {Source}</cite>{/block:Source}
  409. {/block:Quote}
  410.  
  411. {block:Link}
  412. <div class="link">
  413. <h1 class="title"><a href="{URL}">{Name}</a><hr></h1>
  414. {block:Description}{Description}{/block:Description}
  415. {/block:Link}
  416.  
  417. {block:Chat}
  418. <div class="chat">
  419. <ul>
  420. {block:Lines}
  421. <div class="{Alt} user_{UserNumber}">
  422. {block:Label}
  423. <b>{Label}</b>{/block:Label}
  424. {Line}
  425. </div>
  426. {/block:Lines}
  427. </ul>
  428. {/block:Chat}
  429.  
  430. {block:Audio}
  431. <div class="audio">
  432. {block:AlbumArt}
  433. <img src="{AlbumArtURL}" width="100px" height="100px"/>
  434. {/block:AlbumArt}
  435.  
  436. {block:AudioEmbed}
  437. {AudioEmbed}
  438. {/block:AudioEmbed}<br>
  439.  
  440. {block:TrackName}
  441. <b>track:</b> {TrackName}
  442. {/block:TrackName}</span><br>
  443. {block:Artist}
  444. <b>artist:</b> {Artist}
  445. {/block:Artist}
  446. {block:Caption}
  447. {Caption}
  448. {/block:Caption}
  449. {/block:Audio}
  450.  
  451. {block:Video}
  452. <div class="video">
  453. <div class="video-player">{Video-500}</div>
  454. {block:Caption}{Caption}{/block:Caption}
  455. {/block:Video}
  456.  
  457. {block:Answer}
  458. <div class="answer">
  459. {Asker} asked: <b><div class="ques">{Question}</div></b>
  460. <div class="ans">{Answer}</div>
  461. {/block:Answer}
  462. </div>
  463.  
  464. <div id="perma">
  465.  
  466. <a href="{Permalink}" title="{NoteCount} notes"><i class="fas fa-heart"style="color:{color:Perma}"></i></a> &nbsp; <a href="{reblogURL}" title="reblog"><i class="fas fa-star" style="color:{color:Perma}"></i></a> &nbsp; <a href="{Permalink}" title="{ShortMonth} {DayOfMonth} {Year} "><i class="fas fa-clock"style="color:{color:Perma}"></i></a> &nbsp; {block:ifShowTags}{block:HasTags} <a style="font-size:9px;" title="{block:Tags}#{Tag} {/block:Tags}"><i class="fas fa-hashtag"style="color:{color:Perma}"></i></a>{block:HasTags} {block:ifShowTags}
  467.  
  468. </div>
  469.  
  470.  
  471. {block:PermalinkPage}
  472. {block:Date}{Month} {DayOfMonth}{DayOfMonthSuffix}, {Year}{/block:Date}
  473. {block:NoteCount} - {NoteCountWithLabel}{/block:NoteCount}
  474. {block:HasTags}</br>tagged as: {block:Tags}#<a href="{TagURL}">{Tag}</a> {/block:Tags}{/block:HasTags}
  475. {block:RebloggedFrom}</br>source: <a href="{ReblogRootURL}">{ReblogRootName}</a> - via: <a href="{ReblogParentURL}">{ReblogParentName}</a><br>{/block:RebloggedFrom}
  476. {block:PostNotes}{PostNotes-16}{/block:PostNotes}
  477. </div></div>
  478. {/block:PermalinkPage}
  479. </footer>
  480. </article>
  481. {/block:Posts}
  482. </div>
  483. {block:Pagination}
  484. <div class="pagination">
  485. <div class="pagi">
  486. {block:PreviousPage}<a href="{PreviousPage}"style="font-size:50px">⇦</a>{/block:PreviousPage}
  487. {block:NextPage}<a href="{NextPage}"style="font-size:50px">⇨</a>{/block:NextPage}
  488. </div></div>
  489. {/block:Pagination}
  490.  
  491.  
  492. <!-- SCRIPTS -->
  493.  
  494. <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.5.0/css/all.css" integrity="sha384-B4dIYHKNBt8Bc12p+WXckhzcICo0wtJAoU8YZTY5qE0Id1GSseTk6S+L3BlXeVIU" crossorigin="anonymous">
  495. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js"></script>
  496.  
  497. </div>
  498. </body>
  499.  
  500.  
  501. </html>
  502.  
  503. <p style="position: fixed; left: 13px; bottom: -5px; font-size:14px;"><a href="https://substats.tumblr.com" title="@substats">🐇</a>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement