API tools faq
paste
Advertisement
sculptorgalaxy

sweetheart.txt tumblr theme

sculptorgalaxy
Mar 6th, 2023 (edited)
851
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 14.16 KB | Source Code | 0 0
raw download clone embed print report
  1. <!DOCTYPE HTML>
  2. <head>
  3. <!--
  4.  
  5. CERIUM SCULPTOR'S SWEETHEART.TXT THEME🎔
  6.  
  7. thanks to france lalune at cloverparty.tumblr.com for the base code, and a few other things i ended up copying from their themes! ^_^
  8.  
  9. i swear before you select a font it might look a little broken but its fine...i prommy
  10.  
  11. This is my first theme and i got a little bit experimental with it, so if any problems arise you may redirect concerns to sunaboveclouds.tumblr.com -->
  12.  
  13. <meta name="image:favicon" content="">
  14. <meta name="image:avatar" content="">
  15. <meta name="image:background" content="">
  16. <meta name="image:content" content="">
  17. <meta name="image:header" content="">
  18. <meta name="image:floatie" content="">
  19. <meta name="image:pixel 1" content="">
  20. <meta name="image:pixel 2" content="">
  21. <meta name="image:pixel 3" content="">
  22. <meta name="image:pixel 4" content="">
  23. <meta name="image:pixel 5" content="">
  24. <meta name="image:custom cursor" content="">
  25.  
  26. <!-- Text -->
  27. <meta name="text:text size" content="20">
  28. <meta name="text:border size" content="3">
  29. <meta name="text:floatie size" content="100">
  30. <meta name="text:marquee under avatar" content="Happy smiling joy ☀">
  31. <meta name="text:desc" content="^_^!">
  32. <meta name="text:desc 2" content="just an extra little box!! You can even put images in here...Little hint: the pixels are your links!">
  33. <meta name="text:link one url" content="/">
  34. <meta name="text:link two url" content="/">
  35. <meta name="text:link three url" content="/">
  36. <meta name="text:link four url" content="/">
  37. <meta name="text:link five url" content="/">
  38. <meta name="text:song title" content="/">
  39. <meta name="text:song artist" content="/">
  40. <meta name="text:song url" content "Put your own song url here! Upload it on catbox or discord and just copy here :3">
  41.  
  42. <meta name="select:font" content="Arial">
  43. <meta name="select:font" content="MS Gothic">
  44. <meta name="select:font" content="Tepeno Sans"
  45. <meta name="select:font" content="Comic Sans MS">
  46. <meta name="select:font" content="Sf Quartzite">
  47. <meta name="select:font" content="Black Wolf">
  48. <meta name="select:font" content="MTF Magical Marilyn">
  49. <meta name="select:font" content="Chiptune Valentine">
  50.  
  51. <!-- Select -->
  52. <meta name="select:border style" content="solid"/>
  53. <meta name="select:border style" content="double"/>
  54. <meta name="select:border style" content="groove"/>
  55. <meta name="select:border style" content="ridge"/>
  56. <meta name="select:border style" content="inset"/>
  57. <meta name="select:border style" content="outset"/>
  58. <meta name="select:border style" content="dashed"/>
  59. <meta name="select:border style" content="dotted"/>
  60.  
  61. <!-- Colors -->
  62. <meta name="color:background color" content="">
  63. <meta name="color:content color" content="">
  64. <meta name="color:desc background" content="">
  65. <meta name="color:border color" content="">
  66. <meta name="color:text color" content="">
  67. <meta name="color:link color" content="">
  68. <meta name="color:link hover color" content="">
  69. <meta name="color:text selection color" content="">
  70. <meta name="color:text selection bg color" content="">
  71.  
  72. <!-- Options -->
  73. <meta name="if:custom cursor" content="">  
  74. <meta name="if:full background" content="">
  75. <meta name="if:heart icon" content="">
  76.  
  77. <!-- Misc -->  
  78. <title>{Title}</title>
  79.  
  80. <link href="https://fonts.cdnfonts.com/css/arial" rel="stylesheet">
  81. <link href="https://fonts.cdnfonts.com/css/tepeno-sans" rel="stylesheet">
  82. <link href="https://fonts.cdnfonts.com/css/milky-well" rel="stylesheet">
  83. <link href="https://fonts.cdnfonts.com/css/black-wolf" rel="stylesheet">
  84. <link href="https://fonts.cdnfonts.com/css/mtf-magical-marilyn" rel="stylesheet">
  85. <link href="https://fonts.cdnfonts.com/css/chiptune-valentine" rel="stylesheet">
  86. <link rel="stylesheet" href="https://unpkg.com/7.css"/>
  87.                
  88. <link rel="shortcut icon" href="{Favicon}">
  89. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  90. <link rel="stylesheet" href="https://static.tumblr.com/qxrkgx6/RWPmgn2qa/normalize.min.css">
  91. {block:Description}
  92. <meta name="description" content="{MetaDescription}" />
  93. {/block:Description}
  94. <style type="text/css">
  95.  
  96. /* Text, Background, Links */
  97. body{
  98. background-color:white;
  99. background-image:Url('{image:background}');
  100. background-attachment:fixed;
  101. {block:iffullbackground}
  102. background-size: cover;
  103. {/block:iffullbackground};
  104. color:{color:text color};
  105. {block:ifcustomcursor};
  106. cursor:url("{image:custom cursor}"), default;
  107. {/block:ifcustomcursor};
  108. font-size:{text:text size}px;
  109. word-wrap:break-word;
  110. font-family:{select:font}}
  111. @font-face {
  112.   font-family: MsGothic;
  113.   src:url(https://sculptorgalaxy.neocities.org/MS%20Gothic.ttf) format("truetype");
  114.   font-weight: normal;
  115.   font-style: normal;
  116. }
  117. @font-face {
  118.   font-family: MsGothic;
  119.   src:url(https://sculptorgalaxy.neocities.org/MS%20Gothic.ttf) format("truetype");
  120.   font-weight: bold;
  121.   font-style: normal;
  122. }
  123. @font-face {
  124.   font-family: MsGothic;
  125.   src:url(https://sculptorgalaxy.neocities.org/MS%20Gothic.ttf) format("truetype");
  126.   font-weight: normal;
  127.   font-style: italic;
  128. }
  129. @font-face {
  130.   font-family: SfQuartzite;
  131.   src:url(https://sculptorgalaxy.neocities.org/SFQuartzite.ttf) format("truetype");
  132.   font-weight: normal;
  133.   font-style: normal;
  134. }
  135. @font-face {
  136.   font-family: SfQuartzite;
  137.   src:url(https://sculptorgalaxy.neocities.org/SFQuartzite-Bold.ttf) format("truetype");
  138.   font-weight: bold;
  139.   font-style: normal;
  140. }
  141. @font-face {
  142.   font-family: SfQuartzite;
  143.   src:url(https://sculptorgalaxy.neocities.org/SFQuartzite-Oblique.ttf) format("truetype");
  144.   font-weight: normal;
  145.   font-style: italic;
  146. }
  147. a{
  148. color:{color:link color};
  149. text-decoration:none;}
  150. a:hover{
  151. cursor:help;
  152. color:{color:link hover color};
  153. text-decoration:none;}
  154. blockquote{
  155. margin:0 0 10px 10px;
  156. padding:0 0 0 10px;
  157. border-left:solid 1px #000;}
  158. ::selection{
  159. color:{color:text selection color};
  160. background:{color:text selection bg color};}
  161. .button {
  162.   text-align: center;
  163.   display: inline-block;
  164.   font-size: 15px;
  165.   font-family: MS Gothic;
  166.   font-weight: bold;
  167. }
  168. /* Sidebar, Posts */
  169. #content{
  170. position:absolute;
  171. padding:7px;
  172. top:190px;
  173. width:700px;
  174. left: 50%;
  175. transform: translateX(-50%);
  176. break-inside:avoid;
  177. overflow:hidden;
  178. border:{text:border size}px {select:border style} {color:border color};
  179. column-count:2;
  180. column-gap: 20px;
  181. background-image:Url('{image:content}');
  182. background-color:{color:content color};}
  183. #header{
  184. width:970px;
  185. height:160px;
  186. background-image:Url('{image:header}');
  187. background-color:{color:content color};
  188. border:{text:border size}px {select:border style} {color:border color};
  189. position:fixed;
  190. padding:0px;
  191. margin-left:-200px;
  192. margin-top:5px;
  193. overflow:hidden;}
  194. #table, th, td{
  195. overflow:auto;
  196. width:275px;
  197. padding:8px;
  198. background:transparent;}
  199. #desc{
  200. {block:ifdescbackgroundcolor}
  201. background-color:{color:desc background};
  202. {/block:ifdescbackgroundcolor}
  203. {block:ifnotdescbackgroundcolor}
  204. background:transparent;
  205. {/block:ifnotdescbackgroundcolor}
  206. position:relative;
  207. top:-25px;
  208. overflow:auto;
  209. padding:5px;
  210. border:1px {select:border style} {color:border color};
  211. height:110px;
  212. width:270px;
  213. }
  214. #desc2{
  215. {block:ifdescbackgroundcolor}
  216. background-color:{color:desc background};
  217. {/block:ifdescbackgroundcolor}
  218. {block:ifnotdescbackgroundcolor}
  219. background:transparent;
  220. {/block:ifnotdescbackgroundcolor}
  221. position:relative;
  222. top:-25px;
  223. overflow:auto;
  224. padding:5px;
  225. border:1px {select:border style} {color:border color};
  226. height:125px;
  227. width:190px;
  228. }
  229. #container{
  230. overflow:hidden;
  231. position:absolute;
  232. top: 50%;
  233. left: 50%;
  234. transform: translateX(-50%) translateY(-50%);
  235. padding:5px;
  236. width:100%;
  237. height:100%;}
  238. #postcontain{
  239. overflow:auto;
  240. position:absolute;
  241. width:700px;
  242. padding:5px;
  243. overflow-x: hidden;
  244. overflow-y:auto;}
  245. #wrapper{
  246. width:600px;
  247. margin:10px auto;}
  248.  
  249. /* Content */
  250. .title{
  251. font-weight:bold;
  252. font-size:35px;
  253. margin:0 0 10px 0;}
  254. .post{
  255. margin:0 0 20px 0;
  256. background-color:{color:content};
  257. border:{text:border size}px {select:border style} {color:content border};
  258. padding:5px;
  259. overflow:hidden;
  260. break-inside:avoid;}
  261. .footer{
  262. padding: 5px;}
  263. .naviga{
  264. text-align:center;}
  265. .post img{
  266. max-width:100%;}
  267. .header img{
  268. max-height: 125px;
  269. position:relative;
  270. top:-5px;
  271. {block:ifhearticon}
  272. -webkit-mask-image:url(https://64.media.tumblr.com/530d6f82ba12efe719853b50499b1d5d/b58a88777157fa9c-6e/s500x750/69a0aa24e15c4c98f2b7ce62f6c00544e0b3a1c3.png);
  273. -webkit-mask-repeat:no-repeat;
  274. -webkit-mask-size:cover;
  275. {/block:ifhearticon};
  276. }
  277. .enter{
  278. height:25px;
  279. font-family: MS Gothic;
  280. font-weight: bold;
  281. }
  282. .silly{
  283. position:relative;
  284. top:-45px;
  285. }
  286. .lala{
  287. position:relative;
  288. top:-25px;
  289. }
  290. .quastion{
  291. border:{text:border size}px solid {color:content border};
  292. padding:10px;
  293. text-align:right;
  294. margin:0 0 10px 0;}
  295. }
  296. .search{
  297. width:155px;
  298. height:10px;
  299. padding:5px;
  300. color:black;
  301. }
  302.  
  303. /* Audio */
  304. #audioplayer{
  305. width:30px;
  306. height:25px;
  307. overflow:hidden;
  308. position:absolute;
  309. margin-top:40px;
  310. margin-bottom:40px;
  311. margin-left:35px;
  312. border-radius: 40px;
  313. opacity: 0.7;}
  314. .trackstuff{
  315. overflow:auto;
  316. margin-left:110px;
  317. margin-top:-75px;  
  318. margin-bottom:50px;
  319. display:block;}
  320. .playbutton{
  321. margin-bottom:30px;
  322. margin-top:-60px;
  323. margin-left:35px;
  324. z-index:9;
  325. width:33px;
  326. height:30px;
  327. overflow:hidden;}
  328.  
  329. /* Misc */
  330. #c{
  331. position:fixed;
  332. left:5px;
  333. bottom:-5px;}
  334. #plz{
  335. position:fixed;
  336. bottom:0px;
  337. right:15px;}
  338. video{
  339. max-width:100%;
  340. height: auto;}
  341.  
  342. {CustomCSS}
  343. </style>
  344. </head>
  345. <body>
  346. <center>
  347. <div id="container">
  348. <div id="wrapper">
  349. <div id="header">
  350. <center>
  351. <table>
  352. <tr>
  353. <td><center><div class="header img"><a href="/"><img src="{image:avatar}"></a></div><br><div class="silly"><marquee>{text:marquee under avatar}</marquee></div></center></td>
  354. <td><div id="desc"><center>{text:desc}</center></div></td>
  355. <td><audio id="myAudio">
  356.   <source src="{text:song url}" type="audio/mpeg">
  357. </audio>
  358. <marquee>{text:song artist} ◈ {text:song title}</marquee>
  359. <br><center><button style="margin-header:15px;margin-right:0px;" onclick="playAudio()" type="button" class="button">PLAY</button>
  360. <button style="margin-header:15px;margin-left:20px;" onclick="pauseAudio()" type="button" class="button">STOP</button> </center>
  361. <script>
  362. var x = document.getElementById("myAudio");
  363.  
  364. function playAudio() {
  365.   x.play();
  366. }
  367.  
  368. function pauseAudio() {
  369.   x.pause();
  370. }
  371. </script>
  372. <br><center><div class="lala"><a href="{text:link one url}"><img src="{image:pixel 1}"></a> <a href="{text:link two url}"><img src="{image:pixel 2}"></a> <a href="{text:link three url}"><img src="{image:pixel 3}"></a> <a href="{text:link four url}"><img src="{image:pixel 4}"></a> <a href="{text:link five url}"><img src="{image:pixel 5}"></a></center>
  373. <div style="position:relative;top:-35px;"><form action="/search" method="get">
  374. <input class="search" type="text" placeholder="{text:searchbar text}" name="q" value="" style="outline:none;">
  375. <input class="enter" type="submit" value="SEARCH?" id="sb"/></div>
  376. <td><div id="desc2"><center>{text:desc 2}</center></div></td>
  377. </form>
  378. </td>
  379. </tr>
  380. </table>
  381. </div>
  382. </div>
  383. </center>
  384. <div id="wrapper">
  385. <div id="content">
  386. {block:Posts}
  387. <!--{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}
  388. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  389. {/block:ContentSource}
  390. <div class="post">
  391.  
  392. <!-- Text -->
  393. {block:Text}
  394. {block:Title}
  395. <div class="title">{Title}</div>
  396. {/block:Title}
  397. {Body}
  398. {/block:Text}
  399. {block:Chat}
  400. {block:Title}
  401. <div class="title">
  402. <h3><a href="{Permalink}">{Title}</a></h3></div>
  403. {/block:Title}
  404. {block:Lines}
  405. <div class="{Alt} user_{UserNumber}">
  406. {block:Label}
  407. <span class="label">{Label}</span>
  408. {/block:Label}{Line}
  409. </div>
  410. {/block:Lines}
  411. {/block:Chat}
  412.  
  413. <!-- Images --->
  414. {block:Photo}
  415. {LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}"/>{LinkCloseTag}
  416. {block:Caption}{Caption}{/block:Caption}
  417. {/block:Photo}
  418. {block:Photoset}
  419. {Photoset}
  420. {block:Caption}
  421. {Caption}
  422. {/block:Caption}
  423. {/block:Photoset}
  424.  
  425. <!-- Video -->
  426. {block:Video}
  427. {Video-500}
  428. {block:Caption}
  429. {Caption}
  430. {/block:Caption}
  431. {/block:Video}
  432.  
  433. <!-- Audio -->
  434. {block:Audio}
  435. <div id= "audioplayer">{AudioPlayerWhite}</div>
  436. {block:AlbumArt}
  437. <div id="albumart">
  438. <img src="{AlbumArtURL}" width="100">  
  439. </div>
  440. {/block:AlbumArt}
  441. <div class="trackstuff">
  442. {block:TrackName}<b><i>{TrackName}</i></b>{/block:TrackName}<br>{block:Artist}<i>{Artist}</i>{/block:Artist}</div>
  443. {Caption}
  444. {/block:Audio}
  445.  
  446. <!-- Quote -->
  447. {block:Quote}
  448. <div class="quote">
  449. "{Quote}"
  450. {block:Source}
  451. <div class="source">- <i>{Source}</i></div>
  452. {/block:Source}
  453. </div>
  454. {/block:Quote}
  455.  
  456. <!-- Link -->
  457. {block:Link}
  458. <a href="{URL}" class="link" {Target}>{Name}</a>
  459. {block:Description}
  460. {Description}
  461. {/block:Description}
  462. {/block:Link}
  463.  
  464. <!-- Ask -->
  465. {block:Answer}
  466. <div class="quastion">{Asker}: {Question}</div>
  467. <div class="caption">{Answer}</div>
  468. {/block:Answer}
  469.  
  470. <!-- Footer -->
  471. {block:Date}
  472. <div class="footer">
  473. <hr width="100%" size="1" color="{color:text color}">
  474. <center><a href="{Permalink}">{TimeAgo}{block:NoteCount} ({NoteCountWithLabel}){/block:NoteCount}</a>, <a href="{ReblogUrl}">&#8634;</a>
  475. {block:HasTags}<br>{block:Tags}#<a href="{TagURL}">{Tag}</a> {/block:Tags}{/block:HasTags}</center>
  476. </div>
  477. {block:PermalinkPage}
  478. {block:NoteCount}
  479. {block:PostNotes}{PostNotes}{/block:PostNotes}
  480. {/block:NoteCount}
  481. {/block:PermalinkPage}
  482. <!--{block:NoRebloggedFrom}{block:RebloggedFrom}{ReblogParentName}{/block:RebloggedFrom}{/block:NoRebloggedFrom} -->
  483. {/block:Date}
  484.  
  485. </div>
  486. {/block:Posts}
  487.  
  488. {block:Pagination}
  489. <div class="naviga">
  490. {block:PreviousPage}
  491. <a href="{PreviousPage}">&#171; Back</a>
  492. {/block:PreviousPage}
  493. {block:NextPage}
  494. <a href="{NextPage}">Next &#187;</a>
  495. {/block:NextPage}
  496. </div>
  497. {/block:Pagination}
  498.  
  499. </div>
  500. </div>
  501. </div>
  502.  
  503. <div id="plz">
  504. <img src="{image:floatie}" width="{text:floatie size}px">
  505. </div>
  506. <div id="c">
  507. <a href="https://urlcyberpalace.tumblr.com"><img src="https://64.media.tumblr.com/89576b66075b57a59e2f644b5ec709c3/a8276e510604ef51-34/s75x75_c1/c558b3636fe43e04d72b9047df90877c4e350cbe.gifv" width="35px"></a>
  508. </div>
  509.  
  510. </body>
  511. </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!