API tools faq
paste
Advertisement
artiecore

wii shop

artiecore
Jul 8th, 2022 (edited)
802
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 16.68 KB | None | 0 0
raw download clone embed print report
  1. <!--
  2. ♡ wii shop theme by joyfriend ♡
  3.  
  4. drafted this at 3am YIPPEE
  5. THWACK (sound of me hitting a baseball in wii sports)
  6.  
  7. basecode by evansyhelp audio formatting from sadthemes
  8. -->
  9. <!DOCTYPE html>
  10. <html>
  11.  
  12. <head>
  13. <title>{Title}</title>
  14. <link rel="shortcut icon" href="{image:favicon}">
  15. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  16. {block:Description}
  17. <meta name="description" content="{MetaDescription}" />
  18. {/block:Description}
  19. <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>
  20.  
  21.  
  22. <!-- META TAGS, SCRIPTS, AND CUSTOM FONTS GO HERE-->
  23.  
  24. <meta name="color:background" content="#ffffff"/>
  25. <meta name="color:text" content="#2b2b2b"/>
  26. <meta name="color:posts" content=""/>
  27. <meta name="color:border" content="#000">
  28. <meta name="color:link" content="#2b2b2b"/>
  29. <meta name="color:link hover" content="#949494"/>
  30. <meta name="color:glow" content="#000">
  31. <meta name="color:glow hover" content="#000">
  32. <meta name="color:bottom" content="#000">
  33. <meta name="color:nav" content="#000">
  34. <meta name="color:scrollbar bg" content="#fff"/>
  35. <meta name="color:scrollbar thumb" content="#000"/>
  36. <meta name="color:tooltip text" content="#fff"/>
  37. <meta name="color:tooltip border" content="#fff"/>
  38. <meta name="color:selection bg" content="#fff"/>
  39. <meta name="color:selection text" content="#000"/>
  40.  
  41. <meta name="text:font size" content="12px">
  42. <meta name="text:bottom font size" content="20px">
  43. <meta name="text:redirect" content=""/>
  44. <meta name="text:description" content="do do do do do dodododo doooo do do do do do doooodooo"/>
  45.  
  46. <meta name="text:link one" content="one">
  47. <meta name="text:link one url" content="/">
  48. <meta name="text:link two" content="two">
  49. <meta name="text:link two url" content="/">
  50. <meta name="text:link three" content="three">
  51. <meta name="text:link three url" content="/">
  52.  
  53. <meta name="if:redirect" content="" />
  54. <meta name="if:cover bg" content="" />
  55. <meta name="if:post border" content="" />
  56. <meta name="if:post glow" content="" />
  57. <meta name="if:bottom glow" content="" />
  58. <meta name="if:rounded corners" content="" />
  59. <meta name="if:description" content="" />
  60.  
  61. <meta name="image:favicon" content="">
  62. <meta name="image:background" content="" />
  63. <meta name="image:icon" content="" />
  64. <meta name="image:sidebar 1" content=""/>
  65. <meta name="image:sidebar 2" content=""/>
  66. <meta name="image:sidebar 3" content=""/>
  67.  
  68. <meta name="select:font" content="arial">
  69. <meta name="select:font" content="verdana">
  70. <meta name="select:font" content="courier">
  71. <meta name="select:font" content="georgia">
  72. <meta name="select:font" content="times new roman">
  73. <meta name="select:font" content="ms gothic"/>
  74. <meta name="select:font" content="short stack"/>
  75. <meta name="select:font" content="comic sans ms">
  76. <meta name="select:font" content="ms sans serif">
  77.  
  78. <meta name="select:border type" content="solid" />
  79. <meta name="select:border type" content="double" />
  80. <meta name="select:border type" content="dashed" />
  81. <meta name="select:border type" content="dotted" />
  82. <meta name="select:border type" content="outset">
  83. <meta name="select:border type" content="inset">
  84.  
  85. {block:ifredirect}
  86. {block:IndexPage}<script type="text/javascript">
  87. var url = location.href;
  88. if (url == "{BlogURL}") {
  89. window.location = "{BlogURL}tagged/{text:redirect}";
  90. }
  91. </script>{/block:IndexPage}
  92. {/block:ifredirect}
  93.  
  94.  
  95. </head>
  96. <style type="text/css">
  97. /* ALL STYLING GOES HERE */
  98.  
  99. ::selection {
  100. background: {color:selection bg};
  101. color:{color:selection text};
  102. }
  103.  
  104.  
  105. .tooltip{
  106. display:inline;
  107. position:relative;
  108. }
  109.  
  110. #s-m-t-tooltip{
  111. max-width:300px;
  112. padding:5px;
  113. margin:20px 7px -2px 20px;
  114. background-color: rgba(0, 0, 0, 0.4);
  115. backdrop-filter: blur(3px);
  116. border:1px solid white;
  117. color:#fff;
  118. letter-spacing:1px;
  119. text-align:center;
  120. color:{color:tooltip text};
  121. text-shadow: -1px 0 {color:tooltip border}, 0 1px {color:tooltip border}, 1px 0 {color:tooltip border}, 0 -1px {color:tooltip border};
  122. z-index:99999999999999999999;
  123. -o-transition: all 0.3s ease-out;
  124. -webkit-transition: all 0.3s ease-out;
  125. -moz-transition: all 0.3s ease-out;
  126. }
  127.  
  128.  
  129. ::-webkit-scrollbar {
  130. width: 15px;
  131. height: 10px;
  132. background-color:white;
  133. }
  134. ::-webkit-scrollbar-thumb {
  135. background-color:{color:nav};
  136. }
  137.  
  138. ::-webkit-scrollbar-button:vertical:increment {
  139. background-image: url(https://i.imgur.com/qnkKqDc.png);
  140. width: 15px;
  141. height: 15px;
  142. border-top: 1px solid black;
  143. border-left: 1px solid black;
  144. }
  145.  
  146. ::-webkit-scrollbar-button:vertical:decrement {
  147. background-image: url(https://i.imgur.com/HFmrF43.png);
  148. border-bottom: 1px solid black;
  149. border-left: 1px solid black;
  150. width: 15px;
  151. height: 15px;
  152. }
  153.  
  154. body {
  155. margin:0px;
  156. background:{color:background};
  157. color:{color:text};
  158. background-image: url('{image:background}');
  159. {block:ifnotcoverbg}
  160. background-repeat: repeat;
  161. background-attachment: fixed;
  162. {/block:ifnotcoverbg}
  163. {block:ifcoverbg}
  164. background-size: cover;
  165. background-attachment: fixed;
  166. {/block:ifcoverbg}
  167. font-family: {select:font};
  168. font-size: {text:font size};
  169. overflow:hidden;
  170. }
  171.  
  172. @font-face {
  173. font-family: ms sans serif;
  174. src: url(https://dl.dropbox.com/s/nsars34hvq71zyx/MS%20Sans%20Serif%208pt.ttf);
  175. }
  176.  
  177. a {
  178. color:{color:link};
  179. -moz-transition-duration:0.4s;
  180. -webkit-transition-duration:0.4s;
  181. -o-transition-duration:0.4s;
  182. text-decoration:none;
  183. }
  184.  
  185. a:hover {
  186. color:{color:link hover};
  187. -moz-transition-duration:0.4s;
  188. -webkit-transition-duration:0.4s;
  189. -o-transition-duration:0.4s;
  190. }
  191.  
  192.  
  193. #sidebar{
  194. position: fixed;
  195. float:left;
  196. margin-left:80px;
  197. margin-top:40px;
  198. line-height: 5;
  199. }
  200.  
  201. #sidebar img{
  202. width:420px;
  203. {block:ifnotdescription}
  204. max-height:150px;
  205. {/block:ifnotdescription}
  206. {block:ifdescription}
  207. max-height:100px;
  208. {/block:ifdescription}
  209. {block:ifpostborder}
  210. border:{text:border size} {select:border type} {color:border};
  211. {/block:ifpostborder}
  212. {block:ifpostglow}
  213. -moz-box-shadow: 0px 0px 4px 2px {color:glow};
  214. -webkit-box-shadow: 0px 0px 4px 2px {color:glow};
  215. box-shadow: 0px 0px 4px 2px {color:glow};
  216. -o-transition: all 0.3s ease-out;
  217. -webkit-transition: all 0.3s ease-out;
  218. -moz-transition: all 0.3s ease-out;
  219. {/block:ifpostglow}
  220. {block:ifroundedcorners}
  221. border-radius:10px;
  222. {/block:ifroundedcorners}
  223. }
  224.  
  225. #sb{
  226. width:420px;
  227. {block:ifnotdescription}
  228. height:150px;
  229. {/block:ifnotdescription}
  230. {block:ifdescription}
  231. height:130px;
  232. {/block:ifdescription}
  233. {block:ifpostborder}
  234. border:{text:border size} {select:border type} {color:border};
  235. {/block:ifpostborder}
  236. {block:ifpostglow}
  237. -moz-box-shadow: 0px 0px 4px 2px {color:glow};
  238. -webkit-box-shadow: 0px 0px 4px 2px {color:glow};
  239. box-shadow: 0px 0px 4px 2px {color:glow};
  240. -o-transition: all 0.3s ease-out;
  241. -webkit-transition: all 0.3s ease-out;
  242. -moz-transition: all 0.3s ease-out;
  243. {/block:ifpostglow}
  244. {block:ifroundedcorners}
  245. border-radius:10px;
  246. {/block:ifroundedcorners}
  247. margin-top:20px;
  248. background-size: 420px;
  249. background-position: center;
  250. }
  251.  
  252.  
  253. #description{
  254. height:110px;
  255. width:400px;
  256. overflow:auto;
  257. {block:ifpostborder}
  258. border:{text:border size} {select:border type} {color:border};
  259. {/block:ifpostborder}
  260. {block:ifpostglow}
  261. -moz-box-shadow: 0px 0px 4px 2px {color:glow};
  262. -webkit-box-shadow: 0px 0px 4px 2px {color:glow};
  263. box-shadow: 0px 0px 4px 2px {color:glow};
  264. -o-transition: all 0.3s ease-out;
  265. -webkit-transition: all 0.3s ease-out;
  266. -moz-transition: all 0.3s ease-out;
  267. {/block:ifpostglow}
  268. {block:ifroundedcorners}
  269. border-radius:10px;
  270. {/block:ifroundedcorners}
  271. margin-bottom:-70px;
  272. text-align:center;
  273. padding:10px;
  274. }
  275.  
  276. #sb:hover{
  277. {block:ifpostglow}
  278. -o-transition: all 0.3s ease-out;
  279. -webkit-transition: all 0.3s ease-out;
  280. -moz-transition: all 0.3s ease-out;
  281. -moz-box-shadow: 0px 0px 4px 2px {color:glow hover};
  282. -webkit-box-shadow: 0px 0px 4px 2px {color:glow hover};
  283. box-shadow: 0px 0px 4px 2px {color:glow hover};{/block:ifpostglow}
  284. }
  285.  
  286. #box{
  287. margin-left:570px;
  288. height:630px;
  289. overflow:auto;
  290. width:990px;
  291. padding:20px;
  292. }
  293.  
  294. #entry{
  295. margin-top:20px;
  296. column-count: 2;
  297. column-gap: 5px;
  298.  
  299. }
  300.  
  301. #posts{
  302. width:400px;
  303. padding:10px;
  304. margin-bottom:25px;
  305. {block:ifpostborder}
  306. border:{text:border size} {select:border type} {color:border};
  307. {/block:ifpostborder}
  308. {block:ifpostglow}
  309. -moz-box-shadow: 0px 0px 4px 2px {color:glow};
  310. -webkit-box-shadow: 0px 0px 4px 2px {color:glow};
  311. box-shadow: 0px 0px 4px 2px {color:glow};
  312. -o-transition: all 0.3s ease-out;
  313. -webkit-transition: all 0.3s ease-out;
  314. -moz-transition: all 0.3s ease-out;
  315. {/block:ifpostglow}
  316. {block:ifroundedcorners}
  317. border-radius:10px;
  318. {/block:ifroundedcorners}
  319. overflow:hidden;
  320. break-inside: avoid;
  321. display:inline-block;
  322. background-color:{color:posts};
  323.  
  324.  
  325.  
  326. }
  327.  
  328. #posts:hover{
  329. {block:ifpostglow}
  330. -o-transition: all 0.3s ease-out;
  331. -webkit-transition: all 0.3s ease-out;
  332. -moz-transition: all 0.3s ease-out;
  333. -moz-box-shadow: 0px 0px 4px 2px {color:glow hover};
  334. -webkit-box-shadow: 0px 0px 4px 2px {color:glow hover};
  335. box-shadow: 0px 0px 4px 2px {color:glow hover};{/block:ifpostglow}
  336. }
  337.  
  338. #posts img {
  339. max-width:100%;
  340. height:auto;
  341. }
  342.  
  343. #bottom{
  344. width:100%;
  345. height:300px;
  346. padding:10px;
  347. background-color:{color:bottom};
  348. {block:ifpostborder}
  349. border-top:{text:border size} {select:border type} {color:border};
  350. {/block:ifpostborder}
  351. font-size: {text:bottom font size};
  352. }
  353.  
  354. #bottom img{
  355. border-radius:90px;
  356. height:100px;
  357. {block:ifpostborder}
  358. border:{text:border size} {select:border type} {color:border};
  359. {/block:ifpostborder}
  360. {block:ifbottomglow}
  361. -o-transition: all 0.3s ease-out;
  362. -webkit-transition: all 0.3s ease-out;
  363. -moz-transition: all 0.3s ease-out;
  364. -moz-box-shadow: 0px 0px 4px 2px {color:glow};
  365. -webkit-box-shadow: 0px 0px 4px 2px {color:glow};
  366. box-shadow: 0px 0px 4px 2px {color:glow};{/block:ifbottomglow}
  367. }
  368.  
  369. #bottom img:hover{
  370. {block:ifbottomglow}
  371. -moz-box-shadow: 0px 0px 4px 2px {color:glow hover};
  372. -webkit-box-shadow: 0px 0px 4px 2px {color:glow hover};
  373. box-shadow: 0px 0px 4px 2px {color:glow hover};{/block:ifbottomglow}
  374. transform: rotate(360deg);
  375. -o-transition: all 0.3s ease-out;
  376. -webkit-transition: all 0.3s ease-out;
  377. -moz-transition: all 0.3s ease-out;
  378. }
  379.  
  380. #nav{
  381. padding:5px;
  382. {block:ifpostborder}
  383. border:{text:border size} {select:border type} {color:border};
  384. {/block:ifpostborder}
  385. {block:ifbottomglow}
  386. -moz-box-shadow: 0px 0px 4px 2px {color:glow};
  387. -webkit-box-shadow: 0px 0px 4px 2px {color:glow};
  388. box-shadow: 0px 0px 4px 2px {color:glow};
  389. -o-transition: all 0.3s ease-out;
  390. -webkit-transition: all 0.3s ease-out;
  391. -moz-transition: all 0.3s ease-out;
  392. {/block:ifbottomglow}
  393. background-color:{color:nav};
  394. }
  395.  
  396. #nav:hover{
  397. {block:ifbottomglow}
  398. -moz-box-shadow: 0px 0px 4px 2px {color:glow hover};
  399. -webkit-box-shadow: 0px 0px 4px 2px {color:glow hover};
  400. box-shadow: 0px 0px 4px 2px {color:glow hover};{/block:ifbottomglow}
  401. }
  402.  
  403.  
  404. /* audio stuff */
  405.  
  406. .spotify_audio_player {
  407. height:80px!important;
  408. width:100%!important;}
  409.  
  410. .soundcloud_audio_player {
  411. height:150px!important;
  412. width:100%!important;}
  413.  
  414. .trackback {
  415. position: absolute;
  416. left: 20px;
  417. top: 20px;
  418. width: 19px;
  419. height: 19px;
  420. background-color: #fff;
  421. padding: 10px;
  422. opacity: .4;}
  423.  
  424. .pressplay{
  425. position: relative;
  426. width: 25px;
  427. height: 25px;
  428. overflow: hidden;
  429. left: -6px;
  430. top: -3px;}
  431.  
  432. .albumpic {
  433. position: absolute;
  434. left: 0px;
  435. top: 0px;
  436. width: 79px;
  437. height: 79px;}
  438.  
  439. .albumpic img {
  440. width: 100%;
  441. height: auto;
  442. border: 1px solid {color:font color};}
  443.  
  444. .trackinfo {
  445. width: auto;
  446. display:inline-block;
  447. margin-left: 90px;
  448. min-height: 85px;}
  449.  
  450. .audiowrapper {
  451. position: relative; display:inline-block;}
  452.  
  453. span{
  454. cursor:pointer;
  455. }
  456.  
  457. #notes{
  458. border:1px solid {color:border};
  459. max-height:420px;
  460. overflow:auto;
  461. }
  462. </style>
  463. <body>
  464.  
  465. <!-- SIDEBAR/HEADER -->
  466.  
  467. <div id="sidebar">
  468. {block:ifdescription}
  469. <div id="description">
  470. {text:description}
  471. </div> <br>
  472. {/block:ifdescription}
  473.  
  474. <a href="{text:link one url}" title="{text:link one}"><div style="background-image: url({image:sidebar 1});" id="sb"></div></a>
  475. <a href="{text:link two url}" title="{text:link two}"><div style="background-image: url({image:sidebar 2});" id="sb"></div></a>
  476. <a href="{text:link three url}" title="{text:link three}"><div style="background-image: url({image:sidebar 3});" id="sb"></div></a>
  477.  
  478. </div>
  479.  
  480. <div id="box">
  481. <div id="entry">
  482. <!-- POSTS -->
  483. {block:Posts}
  484. <div id="posts">
  485.  
  486. {block:Text}
  487. {block:Title}{Title}{/block:Title}
  488. {Body}
  489. {/block:Text}
  490.  
  491. {block:Photo}
  492. <img src="{PhotoURL-400}" alt="{PhotoAlt}"/>
  493. {block:Caption}{Caption}{/block:Caption}
  494. {/block:Photo}
  495.  
  496. {block:Photoset}
  497. {Photoset-400}
  498. {block:Caption}{Caption}{/block:Caption}
  499. {/block:Photoset}
  500.  
  501. {block:Panorama}
  502. {LinkOpenTag}<img src="{PhotoURL-Panorama}" alt="{PhotoAlt}"/>{LinkCloseTag}
  503. {block:Caption}{Caption}{/block:Caption}
  504. {/block:Panorama}
  505.  
  506. {block:Answer}
  507. <img src="{AskerPortraitURL-64}">
  508. {Asker}:
  509. {Question}
  510. {Answer}
  511. {/block:Answer}
  512.  
  513. {block:Video}
  514. {Video-400}
  515. {block:Caption}{Caption}{/block:Caption}
  516. {/block:Video}
  517.  
  518. {block:Quote}
  519. {Quote}
  520. {block:Source}{Source}{/block:Source}
  521. {/block:Quote}
  522.  
  523. {block:Link}
  524. <a href="{URL}" {Target}>{Name}</a>
  525. {block:Description}{Description}{/block:Description}
  526. {/block:Link}
  527.  
  528. {block:Chat}
  529. {block:Title}{Title}{/block:Title}
  530. {block:Lines}
  531. {block:Label}{Label}{/block:Label}
  532. {Line}
  533. {/block:Lines}
  534. {/block:Chat}
  535.  
  536. {block:AudioPlayer}
  537. <div class="audiowrapper">
  538. {block:AlbumArt}
  539. <div class="albumpic"><img src="{AlbumArtURL}"></div>
  540. {/block:AlbumArt}
  541. <div class="trackback">
  542. <div class="pressplay">
  543. {AudioPlayer}
  544. </div></div>
  545. <div class="trackinfo">
  546. {block:TrackName}{TrackName}{/block:TrackName}<br>
  547. {block:Artist}<b>{Artist}</b>{/block:Artist}<br>
  548. {block:Album}<i>{Album}</i>{/block:Album}<br>
  549. </div></div>
  550. {/block:AudioPlayer}
  551.  
  552. <!-- POST INFO -->
  553. {block:Date}
  554. <div id="footer">
  555. <a title="{TimeAgo}" href="{Permalink}">{ShortMonth} {DayOfMonth}</a> / {block:NoteCount}<a href="{Permalink}">{NoteCount}N</a>{/block:NoteCount}
  556.  
  557. {block:HasTags}
  558. <br>{block:Tags}<a href="{TagURL}">#{Tag}</a> {/block:Tags}
  559. {/block:HasTags}
  560. </div>
  561. {/block:Date}
  562.  
  563. {block:PermalinkPage}
  564. {block:RebloggedFrom}
  565. <br> <a href="{ReblogParentURL}" title="{ReblogParentName}">via</a> /
  566. <a href="{ReblogRootURL}" title="{ReblogRootName}">source</a>
  567. {/block:RebloggedFrom}
  568. <div id="notes"> {block:PostNotes}{PostNotes}{/block:PostNotes}</div>
  569.  
  570. {/block:PermalinkPage}
  571. </div>
  572. {/block:Posts}
  573. </div>
  574.  
  575. </div>
  576.  
  577.  
  578. <a style="position:fixed;left:3px;bottom:130px;" href="https://joyfriend.tumblr.com/" title="artie was here">🃏</a>
  579.  
  580.  
  581.  
  582. <div id="bottom">
  583. <table style="width:calc(100% - 20px)">
  584. <tr>
  585. <td style="width:25%; text-align:center">
  586. <img src="{image:icon}">
  587. </td>
  588.  
  589. <td style="width:50%; text-align:center"><span style="cursor:default" id="time"> </span>
  590. <script src="index.js"> </script>
  591. </td>
  592.  
  593. <td style="width:25%; text-align:center">
  594. {block:Pagination}
  595. <table style="border-spacing: 10px;">
  596. <tr>
  597. <td>
  598. {block:PreviousPage}
  599. <a id="nav" href="{PreviousPage}">←</a>
  600. {/block:PreviousPage}
  601. </td>
  602. <td>
  603. {CurrentPage} / {TotalPages}
  604. </td>
  605. <td>
  606. {block:NextPage}
  607. <a id="nav" href="{NextPage}">→</a>
  608. {/block:NextPage}
  609. </td>
  610. </tr>
  611. </table>
  612. {/block:Pagination}
  613. </td>
  614. </tr>
  615. </table>
  616. </div>
  617.  
  618. <script>
  619. function refreshTime() {
  620. var datetime = new Date().toLocaleTimeString();
  621. console.log(datetime); // it will represent date in the console of developers tool
  622. document.getElementById("time").textContent = datetime; // represent on html page
  623. timeDisplay.textContent = formattedString;
  624. }
  625. setInterval(refreshTime, 1000);
  626.  
  627. </script>
  628. </body>
  629. </html>
  630. <!-- hiii omg hii heyyy helllo sniff :) -->
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!