API tools faq
paste
sculptorgalaxy

tumblr theme base

sculptorgalaxy
Nov 28th, 2025 (edited)
83
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 14.25 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE HTML>
  2. <head>
  3. <!-- theme base by faust urlcyberpalace
  4. realised i should have a foundation at the ready so here's my theme base. It's kinda simple but if you feel like using it or even building off of it for a theme of your own then go ahead
  5. looks a bit odd in the preview, this is normal for my themes i prommy
  6. -->
  7.  
  8. <!-- Images -->  
  9. <meta name="image:favicon" content="">
  10. <meta name="image:background" content="">
  11. <meta name="image:avatar" content="">
  12. <meta name="image:floatie" content="">
  13. <meta name="image:custom cursor" content="">
  14.  
  15. <!-- Text -->
  16. <meta name="text:text size" content="20">
  17. <meta name="text:border size" content="3">
  18. <meta name="text:floatie size" content="150">
  19. <meta name="text:title" content="lalalalaaa">
  20. <meta name="text:description" content="you can put whagever here">
  21. <meta name="text:music track" content="Artist ★ Song">
  22. <meta name="text:URL to music" content="">
  23. <meta name="text:link one" content="home">
  24. <meta name="text:link two" content="ask">
  25. <meta name="text:link three" content="submit">
  26. <meta name="text:link four" content="archive">
  27. <meta name="text:link five" content="more?">
  28. <meta name="text:link one url" content="/">
  29. <meta name="text:link two url" content="/ask">
  30. <meta name="text:link three url" content="/submit">
  31. <meta name="text:link four url" content="/archive">
  32. <meta name="text:link five url" content="https://crouton.net">
  33.  
  34. <!-- Select -->
  35. <meta name="select:border style" content="solid"/>
  36. <meta name="select:border style" content="double"/>
  37. <meta name="select:border style" content="groove"/>
  38. <meta name="select:border style" content="ridge"/>
  39. <meta name="select:border style" content="inset"/>
  40. <meta name="select:border style" content="outset"/>
  41. <meta name="select:border style" content="dashed"/>
  42. <meta name="select:border style" content="dotted"/>
  43.  
  44. <!-- Colors -->
  45. <meta name="color:background color" content="">
  46. <meta name="color:content color" content="">
  47. <meta name="color:border color" content="">
  48. <meta name="color:text color" content="">
  49. <meta name="color:link color 1" content="">
  50. <meta name="color:link color 2 if gradient links are on" content="">
  51. <meta name="color:link hover color" content="">
  52. <meta name="color:text selection color" content="">
  53. <meta name="color:text selection bg color" content="">
  54. <meta name="color:glow" content="">
  55.  
  56. <!-- Options -->
  57. <meta name="if:custom cursor" content="">  
  58. <meta name="if:full background" content="">
  59. <meta name="if:content glows" content="">
  60. <meta name="if:links glow" content="">
  61. <meta name="if:link gradients" content="">
  62. <meta name="if:music player" content="">
  63.  
  64. <meta name="select:font" content="Arial">
  65. <meta name="select:font" content="Tepeno Sans">
  66. <meta name="select:font" content="MS Gothic">
  67. <meta name="select:font" content="Black Wolf">
  68. <meta name="select:font" content="VCRosdNEUE">
  69. <meta name="select:font" content="Suboleya">
  70. <meta name="select:font" content="Short Stack">
  71. <meta name="select:font" content="Space Mono">
  72.  
  73. <meta name="select:title font" content="Arial">
  74. <meta name="select:title font" content="Tepeno Sans">
  75. <meta name="select:title font" content="MS Gothic">
  76. <meta name="select:title font" content="Black Wolf">
  77. <meta name="select:title font" content="VCRosdNEUE">
  78. <meta name="select:title font" content="Suboleya">
  79. <meta name="select:title font" content="Short Stack">
  80. <meta name="select:title font" content="Space Mono">
  81.  
  82. <!-- Misc -->  
  83. <title>{Title}</title>
  84. <link rel="shortcut icon" href="{image:favicon}">
  85. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  86. <link rel="stylesheet" href="https://static.tumblr.com/qxrkgx6/RWPmgn2qa/normalize.min.css">
  87. <link href="https://fonts.cdnfonts.com/css/tepeno-sans" rel="stylesheet">
  88. <link href="https://fonts.cdnfonts.com/css/black-wolf" rel="stylesheet">
  89. <link href="https://fonts.cdnfonts.com/css/vcrosdneue" rel="stylesheet">
  90. <link href="https://fonts.cdnfonts.com/css/suboleya" rel="stylesheet">
  91. <link href="https://fonts.cdnfonts.com/css/short-stack" rel="stylesheet">
  92. <link href="https://fonts.cdnfonts.com/css/space-mono" rel="stylesheet">
  93. <script src="https://kit.fontawesome.com/9d40a42a52.js" crossorigin="anonymous"></script>
  94. <link rel="stylesheet" href="https://unpkg.com/@icon/dripicons/dripicons.css">
  95. {block:Description}
  96. <meta name="description" content="{MetaDescription}" />
  97. {/block:Description}
  98. <style type="text/css">
  99.  
  100. /* Text, Background, Links */
  101. body{
  102. background-color:white;
  103. background-image:Url('{image:background}');
  104. background-attachment:fixed;
  105. {block:iffullbackground}
  106. background-size: cover;
  107. {/block:iffullbackground}
  108. color:{color:text color};
  109. {block:ifcustomcursor};
  110. cursor:url("{image:custom cursor}"), default;
  111. {/block:ifcustomcursor};
  112. font-size:{text:text size}px;
  113. font-family:{select:font};
  114. word-wrap:break-word;}
  115. a{
  116. color:{color:link color 1};
  117. text-decoration:none;
  118. {block:iflinksglow}
  119. text-shadow:0 0 5px {color:glow};
  120. {/block:iflinksglow}
  121. {block:iflinkgradients}
  122. display: inline-block;
  123. background-size: 120% 100%;
  124. -webkit-background-clip: text;
  125. -webkit-text-fill-color: transparent;
  126. -moz-background-clip: text;
  127. -moz-text-fill-color: transparent;
  128. -ms-background-clip: text;
  129. -ms-text-fill-color: transparent;
  130. background-clip: text;
  131. text-fill-color: transparent;
  132. transition: all 0.15s cubic-bezier(0.68, -0.25, 0.265, 1.25);
  133. background-image: linear-gradient(90deg, {color:link color 1}, {color:link color 2 if gradient links are on});
  134. {/block:iflinkgradients}
  135. }
  136. a:hover{
  137. cursor:help;
  138. color:{color:link hover color};
  139. text-decoration:none;
  140. font-weight: bold;
  141. }
  142. blockquote{
  143. margin:0 0 10px 10px;
  144. padding:0 0 0 10px;
  145. border-left:solid 1px #000;}
  146. ::selection{
  147. color:{color:text selection color};
  148. background:{color:text selection bg color};}
  149.  
  150. /* Sidebar, Posts */
  151. #content{
  152. width:500px;
  153. margin-left:200px;
  154. }
  155. .post, .naviga{
  156. width:475px;
  157. margin:0 0 25px 0;
  158. overflow:hidden;
  159. padding:10px;
  160. {block:ifcontentglows}
  161. box-shadow:0 0 20px {color:glow};
  162. {/block:ifcontentglows}
  163. background-color:{color:content color};
  164. border:{text:border size}px {select:border style} {color:border color};
  165. }
  166. #sidebar{
  167. width:245px;
  168. height:245px;
  169. background-color:{color:content color};
  170. border:{text:border size}px {select:border style} {color:border color};
  171. {block:ifcontentglows}
  172. box-shadow:0 0 20px {color:glow};
  173. {/block:ifcontentglows}
  174. position:fixed;
  175. top: 40%;
  176. background-image:Url('{image:avatar}');
  177. background-size: cover;
  178. transform: translateY(-50%);
  179. left: 100px;
  180. overflow:hidden;
  181. }
  182. #sidebox{
  183. width:300px;
  184. height:245px;
  185. background-color:{color:content color};
  186. border:{text:border size}px {select:border style} {color:border color};
  187. {block:ifcontentglows}
  188. box-shadow:0 0 20px {color:glow};
  189. {/block:ifcontentglows}
  190. position:fixed;
  191. top: 40%;
  192. transform: translateY(-50%);
  193. left: 350px;
  194. overflow:hidden;
  195. }
  196. #linkshalf{
  197. position:relative;
  198. height: 90%;
  199. width:45%;
  200. left:0%;
  201. top:0%;
  202. overflow:auto;
  203. }
  204. #deschalf{
  205. position:absolute;
  206. height:90%;
  207. width:48.5%;
  208. left:45%;
  209. top:5px;
  210. padding:5px;
  211. border:{text:border size}px {select:border style} {color:border color};
  212. overflow-y:scroll;
  213. }
  214. #wrapper{
  215. width:600px;
  216. margin:50px auto;}
  217.  
  218. /* Content */
  219. .title{
  220. font-weight:bold;
  221. font-size:35px;
  222. margin:0 0 10px 0;}
  223. .footer{
  224. padding: 5px;}
  225. .naviga{
  226. text-align:center;}
  227. .post img{
  228. max-width:100%;}
  229. .question{
  230. margin-left:10px;
  231. width:93%;
  232. padding:7px;
  233. text-align:right;
  234. border:{text:border size}px {select:border style} {color:border color};
  235. }
  236. #titley{
  237.   position:fixed;
  238.   top: 20%;
  239.   transform: translateY(-50%);
  240.   left: 100px;
  241.   font-size:40px;
  242.   font-family:{select:title font};
  243.   color:{color:border color};
  244. }
  245.  
  246. /* Audio */
  247. #audioplayer{
  248. width:30px;
  249. height:25px;
  250. overflow:hidden;
  251. position:absolute;
  252. margin-top:40px;
  253. margin-bottom:40px;
  254. margin-left:35px;
  255. opacity: 0.7;}
  256. .trackstuff{
  257. overflow:auto;
  258. margin-left:110px;
  259. margin-top:-75px;  
  260. margin-bottom:50px;
  261. display:block;}
  262. .playbutton{
  263. margin-bottom:30px;
  264. margin-top:-60px;
  265. margin-left:35px;
  266. z-index:9;
  267. width:33px;
  268. height:30px;
  269. overflow:hidden;}
  270.  
  271. /* Misc */
  272. #c{
  273. font-size:25px;
  274. position:fixed;
  275. left:5px;
  276. bottom:3px;}
  277. #plz{
  278. position:fixed;
  279. bottom:0px;
  280. right:15px;}
  281. video{
  282. max-width: 100%;
  283. height: auto;}
  284. #musicplayer {
  285. position: fixed;
  286. right:25px;
  287. top:100px;
  288. display: flex;
  289. box-sizing: border-box;
  290. width: 300px;
  291. padding: 5px;
  292. {block:ifcontentglows}
  293. box-shadow:0 0 20px {color:glow};
  294. {/block:ifcontentglows}
  295. background-color: {color:content color};
  296. color: {color:text color};
  297. border: {select:border style} {color:border color} {text:border size}px;
  298. font-size: 14px;
  299. font-family:'{select:font}';
  300. }
  301. #play {
  302. padding: 5px;
  303. padding-right: 7px;
  304. margin-right: 3px;
  305. background: 0;
  306. border: none;
  307. box-sizing: border-box;
  308. text-align: center;
  309. cursor: pointer;
  310. color: {color:text color};
  311.     }
  312.  
  313. {CustomCss}
  314. </style>
  315. </head>
  316. <body>
  317. <div id="wrapper">
  318. <div id="sidebox"><div id="linkshalf"><center><br><a href="{text:link one url}">{text:link one}</a><br><a href="{text:link two url}">{text:link two}</a><br><a href="{text:link three url}">{text:link three}</a><br><a href="{text:link four url}">{text:link four}</a><br><a href="{text:link five url}">{text:link five}</a><br><br>
  319. <table>
  320. {block:PreviousPage}
  321. <a href="{PreviousPage}">&#171; Back</a>
  322. {/block:PreviousPage}
  323. <td>
  324. <span class="current_page">{CurrentPage}</span>
  325. <td>
  326. {block:NextPage}
  327. <a href="{NextPage}">Next &#187;</a>
  328. {/block:NextPage}
  329. </table>
  330. </div><div id="deschalf">{text:description}</div>
  331. <center>
  332. <br>
  333. <table>
  334. {block:PreviousPage}
  335. <a href="{PreviousPage}">&#171; Back</a>
  336. {/block:PreviousPage}
  337. <td>
  338. <span class="current_page">{CurrentPage}</span>
  339. <td>
  340. {block:NextPage}
  341. <a href="{NextPage}">Next &#187;</a>
  342. {/block:NextPage}
  343. </table>
  344. </center>
  345. </center></div>
  346. <a href="/"><div id="sidebar">
  347. </div> </a>
  348.  
  349. <div id="content">
  350. {block:Posts}
  351. <!--{block:NoRebloggedFrom}{block:RebloggedFrom}{ReblogParentName}{/block:RebloggedFrom}{/block:NoRebloggedFrom} --> {block:ContentSource}<!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />{/block:SourceLogo}
  352. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  353. {/block:ContentSource}
  354. <div class="post">
  355.  
  356. <!-- Text -->
  357. {block:Text}
  358. {block:Title}
  359. <div class="title">{Title}</div>
  360. {/block:Title}
  361. {Body}
  362. {/block:Text}
  363. {block:Chat}
  364. {block:Title}
  365. <div class="title">
  366. <h3><a href="{Permalink}">{Title}</a></h3></div>
  367. {/block:Title}
  368. {block:Lines}
  369. <div class="{Alt} user_{UserNumber}">
  370. {block:Label}
  371. <span class="label">{Label}</span>
  372. {/block:Label}{Line}
  373. </div>
  374. {/block:Lines}
  375. {/block:Chat}
  376.  
  377. <!-- Images --->
  378. {block:Photo}
  379. {LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}"/>{LinkCloseTag}
  380. {block:Caption}{Caption}{/block:Caption}
  381. {/block:Photo}
  382. {block:Photoset}
  383. {Photoset}
  384. {block:Caption}
  385. {Caption}
  386. {/block:Caption}
  387. {/block:Photoset}
  388.  
  389. <!-- Video -->
  390. {block:Video}
  391. {Video-500}
  392. {block:Caption}
  393. {Caption}
  394. {/block:Caption}
  395. {/block:Video}
  396.  
  397. <!-- Audio -->
  398. {block:Audio}
  399. <div id= "audioplayer">{AudioPlayerWhite}</div>
  400. {block:AlbumArt}
  401. <div id="albumart">
  402. <img src="{AlbumArtURL}" width="100">  
  403. </div>
  404. {/block:AlbumArt}
  405. <div class="trackstuff">
  406. {block:TrackName}<b><i>{TrackName}</i></b>{/block:TrackName}<br>{block:Artist}<i>{Artist}</i>{/block:Artist}</div>
  407. {Caption}
  408. {/block:Audio}
  409.  
  410. <!-- Quote -->
  411. {block:Quote}
  412. <div class="quote">
  413. "{Quote}"
  414. {block:Source}
  415. <div class="source">- <i>{Source}</i></div>
  416. {/block:Source}
  417. </div>
  418. {/block:Quote}
  419.  
  420. <!-- Link -->
  421. {block:Link}
  422. <a href="{URL}" class="link" {Target}>{Name}</a>
  423. {block:Description}
  424. {Description}
  425. {/block:Description}
  426. {/block:Link}
  427.  
  428. <!-- Ask -->
  429. {block:Answer}
  430. <div class="question"><img src="{AskerPortraitURL-64}" style="text-align:left;float:left;width:64px;height:64px;border:2px {select:border type} {color:border color};">{Asker}: {Question}</div>
  431. <div class="caption">{Answer}</div>
  432. {/block:Answer}
  433.  
  434. <!-- Footer -->
  435. {block:Date}
  436. <div class="footer">
  437. <hr width="100%" size="1" color="{color:text color}">
  438. <center><a href="{Permalink}">{TimeAgo}{block:NoteCount} ({NoteCountWithLabel}){/block:NoteCount}</a>, <a href="{ReblogUrl}">&#8634;</a>
  439. {block:HasTags}<br>{block:Tags}#<a href="{TagURL}">{Tag}</a> {/block:Tags}{/block:HasTags}</center>
  440. </div>
  441. {block:PermalinkPage}
  442. {block:NoteCount}
  443. {block:PostNotes}{PostNotes}{/block:PostNotes}
  444. {/block:NoteCount}
  445. {/block:PermalinkPage}
  446. <!--{block:NoRebloggedFrom}{block:RebloggedFrom}{ReblogParentName}{/block:RebloggedFrom}{/block:NoRebloggedFrom} -->
  447. {/block:Date}
  448.  
  449. </div>
  450. {/block:Posts}
  451.  
  452. {block:Pagination}
  453. <div class="naviga">
  454. {block:PreviousPage}
  455. <a href="{PreviousPage}">&#171; Back</a>
  456. {/block:PreviousPage}
  457. {block:NextPage}
  458. <a href="{NextPage}">Next &#187;</a>
  459. {/block:NextPage}
  460. </div>
  461. {/block:Pagination}
  462.  
  463. </div>
  464. </div>
  465. <script>
  466. window.addEventListener("load", () => {
  467.  
  468.   var audio = new Audio("{text:URL to music}"),
  469.       play = document.getElementById("play"),
  470.       playbutton = document.getElementById("playbutton");
  471.  
  472.   play.onclick = () => {
  473.     if (audio.paused) { audio.play(); }
  474.     else { audio.pause(); }
  475.   };
  476.  
  477.   audio.onplay = () => { document.getElementById("playbutton").innerHTML = "<i class='dripicons dripicons-media-pause' style='font-size:20px;'></i>"; };
  478.   audio.onpause = () => { document.getElementById("playbutton").innerHTML = "<i class='dripicons dripicons-media-play' style='font-size:20px;'></i>"; };
  479.   audio.onend = () => { document.getElementById("playbutton").innerHTML = "<i class='dripicons dripicons-media-play' style='font-size:20px;'></i>"; };
  480. });
  481.  
  482. </script>
  483. {block:ifmusicplayer}
  484. <div id="musicplayer">
  485. <button id="play">
  486. <div id="playbutton"><i class="dripicons dripicons-media-play" style='font-size:20px;'></i></div>
  487. </button>
  488. <marquee><b>{text:music track}</b></marquee>
  489. </div>
  490. {/block:ifmusicplayer}
  491. <div id="titley">{text:title}</div>
  492. <div id="plz">
  493. <img src="{image:floatie}" width="{text:floatie size}px">
  494. </div>
  495. <div id="c">
  496. <a href="https://urlcyberpalace.tumblr.com"><img src="https://64.media.tumblr.com/cb7fb54eb0804dced2744ec093477c0e/a99701de4660a168-c1/s75x75_c1/182e9dd3d5f311f3cd0ac115fc2d0db83daf63f8.gifv" width="35px" {block:ifcontentglows}{block:iflinksglow} style="box-shadow:0 0 20px {color:glow}"{/block:iflinksglow}{/block:ifshadowsglow};></a>
  497. </div>
  498. </body>
  499. </html>
Advertisement
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!