API tools faq
paste
Advertisement
sculptorgalaxy

busy desktop tumblr theme

sculptorgalaxy
May 8th, 2023 (edited)
2,383
1
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 18.89 KB | None | 1 0
raw download clone embed print report
  1. <!DOCTYPE HTML>
  2. <head>
  3. <!-- BUSY DESKTOP THEME...FAUST @sunaboveclouds
  4. I was trying to find a theme for my main blog but as it turns out - i am REALLY picky when it comes to this kind of thing, so...i ended up making this *Grins
  5. I had myself in mind mostly when making this, so apologies if this theme might seem restrictive! But who knows...
  6. Above all, have fun! PLURR★
  7. -->
  8.  
  9. <meta name="image:favicon" content="">
  10. <meta name="image:blog background" content="">
  11. <meta name="image:avatar" content="">
  12. <meta name="image:container background" content="">
  13. <meta name="image:content background" content="">
  14. <meta name="image:floatie" content="">
  15. <meta name="image:footer pixel" content="">
  16.  
  17. <meta name="color:blog background" content="">
  18. <meta name="color:container background" content="">
  19. <meta name="color:content background" content="">
  20. <meta name="color:border color" content="#000000">
  21. <meta name="color:text" content="">
  22. <meta name="color:link color 1" content="">
  23. <meta name="color:link color 2" content="">
  24. <meta name="color:title bar color 1" content="">
  25. <meta name="color:title bar color 2" content="">
  26. <meta name="color:footer n asks color" content="">
  27. <meta name="color:text selection" content="">
  28. <meta name="color:text selection bg" content="">
  29.  
  30. <meta name="text:text size" content="20">
  31. <meta name="text:desc" content="^_^">
  32. <meta name="text:tag symbol" content="#">
  33. <meta name="text:reblog symbol" content="↺">
  34. <meta name="text:link one" content="link one">
  35. <meta name="text:link two" content="link two">
  36. <meta name="text:link three" content="link three">
  37. <meta name="text:link one url" content="/">
  38. <meta name="text:link two url" content="/">
  39. <meta name="text:link three url" content="/">
  40. <meta name="text:border size" content="3">
  41. <meta name="text:floatie size" content="100">
  42. <meta name="text:extra window" content=":P!!"
  43.  
  44. <meta name="select:font" content="Arial">
  45. <meta name="select:font" content="Tepeno Sans">
  46. <meta name="select:font" content="SF Quartzite">
  47. <meta name="select:font" content="Black Wolf">
  48. <meta name="select:font" content="VCR OSD Mono">
  49. <meta name="select:font" content="DEC Terminal Modern">
  50. <meta name="select:font" content="Mintsoda">
  51. <meta name="select:font" content="VEGANO">
  52.  
  53. <meta name="select:border type" content="solid">
  54. <meta name="select:border type" content="double">
  55. <meta name="select:border type" content="dashed">
  56. <meta name="select:border type" content="dotted">
  57.  
  58. <meta name="if:full background" content="">
  59. <meta name="if:bold links" content="">
  60. <meta name="if:link underline" content="">
  61. <meta name="if:rainbow borders" content="">
  62.  
  63. <link href="https://fonts.cdnfonts.com/css/arial" rel="stylesheet">
  64. <link href="https://fonts.cdnfonts.com/css/tepeno-sans" rel="stylesheet">
  65. <link href="https://fonts.cdnfonts.com/css/sf-quartzite" rel="stylesheet">
  66. <link href="https://fonts.cdnfonts.com/css/black-wolf" rel="stylesheet">
  67. <link href="https://fonts.cdnfonts.com/css/vcr-osd-mono" rel="stylesheet">
  68. <link href="https://fonts.cdnfonts.com/css/dec-terminal-modern" rel="stylesheet">
  69. <link href="https://fonts.cdnfonts.com/css/vegano" rel="stylesheet">
  70. <link rel="stylesheet" href="https://unpkg.com/98.css" />
  71. <title>{Title}</title>
  72. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  73. <link rel="stylesheet" href="https://static.tumblr.com/qxrkgx6/RWPmgn2qa/normalize.min.css">
  74. {block:Description}
  75. <meta name="description" content="{MetaDescription}" />
  76. {/block:Description}
  77. <link rel="shortcut icon" href="{image:favicon}">
  78. <style type="text/css">
  79.  
  80. /* basic appearance */
  81. /* basic customization options here, like text & link colors etc!! */
  82. body{
  83. word-wrap:break-word;
  84. font-size:{text:text size}px;
  85. font-family:{select:font};
  86. color:{color:text};
  87. background-color:{color:blog background};
  88. background-image:Url('{image:blog background}');
  89. background-attachment:fixed;
  90. {block:iffullbackground}
  91. background-size: cover;
  92. {/block:iffullbackground}
  93. }
  94. ::-webkit-scrollbar {
  95. width: 1px;
  96. height: 10px;}
  97. a{
  98. {block:ifboldlinks}
  99. font-weight:bold;
  100. {/block:ifboldlinks}
  101. text-decoration:none;
  102. {block:iflinkunderline}
  103. text-decoration:underline;
  104. {/block:iflinkunderline};]
  105. display: inline-block;
  106. background-size: 120% 100%;
  107. -webkit-background-clip: text;
  108. -webkit-text-fill-color: transparent;
  109. -moz-background-clip: text;
  110. -moz-text-fill-color: transparent;
  111. -ms-background-clip: text;
  112. -ms-text-fill-color: transparent;
  113. background-clip: text;
  114. text-fill-color: transparent;
  115. transition: all 0.15s cubic-bezier(0.68, -0.25, 0.265, 1.25);
  116. background-image: linear-gradient(90deg, {color:link color 1}, {color:link color 2});
  117. }
  118. a:hover{
  119. {block:ifboldlinks}
  120. font-weight:bold;
  121. {/block:ifboldlinks}
  122. {block:iflinkunderline}
  123. text-decoration:underline;
  124. {/block:iflinkunderline};
  125. }
  126. table, th, tr, td{
  127. border:{text:border size}px {select:border type} {color:border color};
  128. padding:5px;
  129. {block:ifrainbowborders};
  130. border: 3px {select:border type} transparent;
  131. border-image: linear-gradient(to bottom right, #b827fc 0%, #2c90fc 25%, #b8fd33 50%, #fec837 75%, #fd1892 100%);
  132. border-image-slice: 1;
  133. {/block:ifrainbowborders};
  134. }
  135. table {
  136. width:120px;
  137. text-align:center;
  138. float:center;
  139. padding:2px;
  140. background-color:{color:footer n asks color};
  141. font-size:{text:text size}px;
  142. font-family:{select:font};
  143. overflow:hidden;
  144. }
  145. ::selection{
  146. color:{color:text selection};
  147. background-color:{color:text selection bg};}
  148. ::-webkit-scrollbar-track {
  149. background: transparent}
  150. ::-webkit-scrollbar-thumb:vertical{
  151. background:transparent;
  152. border:none;}
  153. .npf_row {
  154. margin: 0 !important;
  155. }
  156. blockquote{
  157. margin: 0;
  158. }
  159. @font-face {
  160. font-family: 'Mintsoda';
  161. font-style: normal;
  162. font-weight: 400;
  163. src: local('Mintsoda - Lime Green 16x16'), url('https://fonts.cdnfonts.com/s/95005/MintsodaLimeGreen16X16Regular-OVadO.woff') format('woff');
  164. }
  165. #overallcontainer{
  166. overflow:hidden;
  167. position:absolute;
  168. top:3px;
  169. width:96%;
  170. height:100%;
  171. font-size:{text:text size}px;
  172. font-family:{select:font};
  173. }
  174.  
  175. #postcontainer{
  176. position:absolute;
  177. height:555px;
  178. padding:5px;
  179. left:6px;
  180. overflow-x: hidden;
  181. overflow-y:auto;
  182. font-size:{text:text size}px;
  183. font-family:{select:font};
  184. background-color:{color:content background};
  185. background-image:Url('{image:content background}');
  186. }
  187. #postcontent{
  188. width:447px;
  189. height:602px;
  190. }
  191. #content{
  192. overflow:hidden;
  193. }
  194. .post, .naviga{
  195. margin:0 0 10px 0;
  196. overflow:hidden;
  197. padding:5px;
  198. width:420px;
  199. border:{text:border size}px {select:border type} {color:border color};
  200. background-color:{color:content background};
  201. background-size: cover;
  202. {block:ifrainbowborders};
  203. border: 3px {select:border type} transparent;
  204. border-image: linear-gradient(to bottom right, #b827fc 0%, #2c90fc 25%, #b8fd33 50%, #fec837 75%, #fd1892 100%);
  205. border-image-slice: 1;
  206. {/block:ifrainbowborders};
  207. }
  208.  
  209. #side{
  210. left:15px;
  211. top:60px;
  212. width:235px;
  213. height:235px;
  214. background-color:{color:content background};
  215. background-image:Url('{image:avatar}');
  216. background-size: cover;
  217. position:fixed;
  218. }
  219. #sidebar{
  220. width:275px;
  221. background-color:{color:content background};
  222. background-image:Url('{image:content background}');
  223. background-size: cover;
  224. background-color:{color:content background};}
  225. #desc{
  226. left:19px;
  227. top:340px;
  228. width:230px;
  229. height:280px;
  230. background-color:{color:content background};
  231. background-image:Url('{image:content background}');
  232. background-size: cover;
  233. position:fixed;
  234. }
  235. #descontain{
  236. overflow-y:auto;
  237. position:absolute;
  238. top:105px;
  239. left:9px;
  240. width:200px;
  241. height:140px;
  242. padding:5px;
  243. background-color:{color:content background};
  244. border:{text:border size}px {select:border type} {color:border color};
  245. font-size:{text:text size}px;
  246. font-family:{select:font};
  247. {block:ifrainbowborders};
  248. border: 3px {select:border type} transparent;
  249. border-image: linear-gradient(to bottom right, #b827fc 0%, #2c90fc 25%, #b8fd33 50%, #fec837 75%, #fd1892 100%);
  250. border-image-slice: 1;
  251. {/block:ifrainbowborders};
  252. }
  253. #links{
  254. margin:10px 0 0 0;
  255. display:block;
  256. text-align:center;}
  257.  
  258. .post img{
  259. max-width:400px;
  260. height:100%;
  261. max-width:100%;}
  262. .sidebar img{
  263. max-width:270px;
  264. max-width:100%;
  265. display:block;}
  266. ol.notes{
  267. list-style-type:none;
  268. padding:3px;
  269. overflow:auto;}
  270. video{
  271. max-width: 100%;
  272. height: auto;}
  273. #audioplayer{
  274. width:30px;
  275. height:25px;
  276. overflow:hidden;
  277. position:absolute;
  278. margin-top:40px;
  279. margin-bottom:40px;
  280. margin-left:35px;
  281. border-radius: 40px;
  282. opacity: 0.7;}
  283. .trackstuff{
  284. overflow:auto;
  285. margin-left:110px;
  286. margin-top:-75px;
  287. margin-bottom:50px;
  288. display:block;
  289. }
  290. .playbutton{
  291. margin-bottom:30px;
  292. margin-top:-60px;
  293. margin-left:35px;
  294. z-index:9;
  295. width:33px;
  296. height:30px;
  297. overflow:hidden;
  298. }
  299. .footer{
  300. padding:10px;
  301. border: {text:border size}px {select:border type} {color:border color};
  302. background:{color:footer n asks color};
  303. {block:ifrainbowborders};
  304. border: 3px {select:border type} transparent;
  305. border-image: linear-gradient(to bottom right, #b827fc 0%, #2c90fc 25%, #b8fd33 50%, #fec837 75%, #fd1892 100%);
  306. border-image-slice: 1;
  307. {/block:ifrainbowborders};
  308. }
  309. .footer:hover .tags{
  310. opacity:1;
  311. transition:0.4s ease;
  312. max-height:1000px;
  313. margin-bottom:10px;
  314. padding-bottom:7px;
  315. margin-top:5px;
  316. }
  317. .tags{
  318. opacity:0;
  319. text-align:{select:tag alignment};
  320. transition:0.4s ease;
  321. margin-top:5px;
  322. max-height:0px;
  323. }
  324. #floatie{
  325. position:fixed;
  326. bottom:0px;
  327. right:15px;
  328. }
  329. #fun{
  330. position:fixed;
  331. left:0px;
  332. bottom:0px;
  333. }
  334. .question{
  335. margin-left:10px;
  336. width:93%;
  337. padding:7px;
  338. text-align:right;
  339. border:{text:border size}px {select:border type} {color:border color};
  340. background-color:{color:footer n asks color};
  341. {block:ifrainbowborders};
  342. border: 3px {select:border type} transparent;
  343. border-image: linear-gradient(to bottom right, #b827fc 0%, #2c90fc 25%, #b8fd33 50%, #fec837 75%, #fd1892 100%);
  344. border-image-slice: 1;
  345. {/block:ifrainbowborders};
  346. }
  347. #footpixel{
  348. position: relative;
  349. float:right;
  350. text-align:right;
  351. bottom:30px;
  352. max-height:15px;
  353. }
  354. #footpixel img{
  355. max-height:40px;
  356. }
  357. .title-bar{
  358. background-image: linear-gradient(to right, {color:title bar color 1}, {color:title bar color 2});}
  359.  
  360. #windough{
  361. font-size:{text:text size}px;
  362. font-family:{select:font};
  363. position:absolute;
  364. right:30px;
  365. top:50px;
  366. }
  367. #extra{
  368. font-family:{select:font};
  369. color:{color:text};
  370. background-color:{color:content background};
  371. background-image:Url('{image:content background}');
  372. overflow-y:auto;
  373. text-align:center;
  374. overflow-x:hidden;
  375. height:270px;}
  376.  
  377. .extra img{
  378. max-width:245px;
  379. font-size:{text:text size}px;
  380. font-family:{select:font};
  381. }
  382.  
  383. #windoughb{
  384. font-size:{text:text size}px;
  385. font-family:{select:font};
  386. cursor: move;
  387. }
  388.  
  389. {CustomCss}
  390. </style>
  391. </head>
  392. <body>
  393. <div class="window" style="position:fixed;width:1100px;height:90%;left:50%;top:20px;transform: translateX(-50%);background:{color:container background};
  394. background-image:Url('{image:container background}');background-size:contain;background-repeat;repeat;background-size: cover">
  395. <div class="title-bar" style="font-size:16px;padding:4px">
  396. <div class="title-bar-text">{BlogURL}</div>
  397. <div class="title-bar-controls">
  398. <button aria-label="Minimize"></button>
  399. <button aria-label="Maximize"></button>
  400. <button aria-label="Close"></button>
  401. </div>
  402. </div>
  403. <div class="window-body">
  404. <div id="overallcontainer">
  405. <div class="window" style="position:fixed;left:10px;top:33px;width:240px;height:265px">
  406. <div class="title-bar">
  407. <div class="title-bar-text">User Image</div>
  408. <div class="title-bar-controls">
  409. <button aria-label="Minimize"></button>
  410. <button aria-label="Maximize"></button>
  411. <button aria-label="Close"></button>
  412. </div>
  413. </div>
  414. <div class="window-body">
  415. <a href="/"><div id="side"></div></a></div></div>
  416. <div class="window" style="position:fixed;left:10px;top:310px;width:240px;height:310px">
  417. <div class="title-bar">
  418. <div class="title-bar-text">User Bio</div>
  419. <div class="title-bar-controls">
  420. <button aria-label="Minimize"></button>
  421. <button aria-label="Maximize"></button>
  422. <button aria-label="Close"></button>
  423. </div>
  424. </div>
  425. <div class="window-body">
  426. <div id="desc">
  427. <table style="position:absolute;left:24%;margin-top:7px">
  428. <tr><td><a href="{text:link one url}">{text:link one}</td></tr>
  429. <tr><td><a href="{text:link two url}">{text:link two}</td></tr>
  430. <tr><td><a href="{text:link three url}">{text:link three}</td></tr>
  431. </table>
  432. <center><div id="descontain">{text:desc}</div></center>
  433. </div></div></div>
  434. <div class="window" style="position:absolute;top:30px;height:602px;width:462px;left:364px;">
  435. <div class="title-bar">
  436. <div class="title-bar-text">User Posts</div>
  437. <div class="title-bar-controls">
  438. <button aria-label="Minimize"></button>
  439. <button aria-label="Maximize"></button>
  440. <button aria-label="Close"></button>
  441. </div>
  442. </div>
  443. <div class="window-body">
  444. <div id="postcontainer">
  445. <div id="postcontent">
  446. <div id="content">
  447. {block:Posts}
  448. <!--{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}
  449. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  450. {/block:ContentSource}
  451. <div class="post">
  452.  
  453. <!-- Text -->
  454. {block:Text}
  455. {block:Title}
  456. <div class="title">{Title}</div>
  457. {/block:Title}
  458. {Body}
  459. {/block:Text}
  460. {block:Chat}
  461. {block:Title}
  462. <div class="title">
  463. <h3><a href="{Permalink}">{Title}</a></h3></div>
  464. {/block:Title}
  465. {block:Lines}
  466. <div class="{Alt} user_{UserNumber}">
  467. {block:Label}
  468. <span class="label">{Label}</span>
  469. {/block:Label}{Line}
  470. </div>
  471. {/block:Lines}
  472. {/block:Chat}
  473.  
  474. <!-- Images --->
  475. {block:Photo}
  476. {LinkOpenTag}
  477. <img src="{PhotoURL-400}" alt="{PhotoAlt}"/>
  478. {LinkCloseTag}
  479. {block:Caption}
  480. {Caption}
  481. {/block:Caption}
  482. {/block:Photo}
  483. {block:Photoset}
  484. {Photoset-400}
  485. {block:Photos}
  486. {/block:Photos}
  487. {block:Caption}
  488. {Caption}
  489. {/block:Caption}
  490. {/block:Photoset}
  491.  
  492. <!-- Video -->
  493. {block:Video}
  494. {Video-500}
  495. {block:Caption}
  496. {Caption}
  497. {/block:Caption}
  498. {/block:Video}
  499.  
  500. <!-- Audio -->
  501. {block:Audio}
  502. <div id= "audioplayer">{AudioPlayerWhite}</div>
  503. {block:AlbumArt}
  504. <div id="albumart">
  505. <img src="{AlbumArtURL}" width="100">
  506. </div>
  507. {/block:AlbumArt}
  508. <div class="trackstuff">
  509. {block:TrackName}<b><i>{TrackName}</i></b>{/block:TrackName}<br>{block:Artist}<i>{Artist}</i>{/block:Artist}</div>
  510. {Caption}
  511. {/block:Audio}
  512.  
  513. <!-- Quote -->
  514. {block:Quote}
  515. <div class="quote">
  516. "{Quote}"
  517. {block:Source}
  518. <div class="source">- <i>{Source}</i></div>
  519. {/block:Source}
  520. </div>
  521. {/block:Quote}
  522.  
  523. <!-- Link -->
  524. {block:Link}
  525. <a href="{URL}" class="link" {Target}>{Name}</a>
  526. {block:Description}
  527. {Description}
  528. {/block:Description}
  529. {/block:Link}
  530.  
  531. <!-- Ask -->
  532. {block:Answer}
  533. <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>
  534. <div class="caption">{Answer}</div>
  535. {/block:Answer}
  536.  
  537. <!-- Footer -->
  538. {block:Date}
  539. <div class="footer">
  540. <table>
  541. <tbody>
  542. <tr>
  543. <td>
  544. <a href="{Permalink}">
  545. {block:NoteCount}{NoteCount}%{/block:NoteCount}
  546. </a>
  547. </td>
  548. <td>
  549. <a href="{ReblogUrl}">{text:reblog symbol}</a>
  550. </td>
  551. </tr>
  552. </tbody>
  553. </table>
  554. <div id="footpixel"><div id="footpixel img"><img src="{image:footer pixel}"></div></div>
  555.  
  556. <center>
  557. {block:HasTags}
  558. <div class="tags">
  559. {block:Tags}
  560. {text:tag symbol}<a href="{TagURL}">{Tag}</a>
  561. {/block:Tags}
  562. </div>
  563. {/block:HasTags}
  564. </center>
  565. {block:PermalinkPage}
  566. {block:NoteCount}
  567. {block:PostNotes}
  568. {PostNotes}
  569. {/block:PostNotes}
  570. {/block:NoteCount}
  571. {/block:PermalinkPage}
  572.  
  573. <!--{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}
  574. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  575. {/block:ContentSource}
  576. </div>
  577. {/block:Date}
  578.  
  579. </div>
  580. {/block:Posts}
  581.  
  582. {block:Pagination}
  583. <div class="naviga">
  584. <center>
  585. {block:PreviousPage}
  586. / <a href="{PreviousPage}">&#171; Back</a>
  587. {/block:PreviousPage}
  588. {block:NextPage}
  589. <a href="{NextPage}">Next &#187;</a>
  590. {/block:NextPage}
  591. </div>
  592. </div>
  593. {/block:Pagination}
  594.  
  595. </div>
  596. </div>
  597. </div>
  598. </div>
  599. <div id="floatie">
  600. <img src="{image:floatie}" width="{text:floatie size}px">
  601. </div>
  602. </div>
  603. </div>
  604. </div>
  605. </div>
  606. <div id="windough">
  607. <div class="window" style="width: 250px">
  608. <div id="dragbar"><div class="title-bar">
  609. <div class="title-bar-text">User Extras</div>
  610. <div class="title-bar-controls">
  611. <button aria-label="Minimize"></button>
  612. <button aria-label="Maximize"></button>
  613. <button aria-label="Close"></button>
  614. </div>
  615. </div>
  616. </div>
  617. <div class="window-body">
  618. <div id="extra" style="font-size:{text:text size}px;font-family:{select:font}">
  619. {text:extra window}
  620. </div>
  621. </div>
  622. </div>
  623. </div>
  624. <div id="fun">
  625. <a href="https://urlcyberpalace.tumblr.com"><img src="https://64.media.tumblr.com/c7dcd119277d5fccfd205d0a16ce2aac/d32f3cdbc91684b0-60/s75x75_c1/cf2b5476f5f9b841c12222d2d449ed8ac4974ffb.gifv" style="width:30px"></a>
  626. </div>
  627. <script>
  628. dragElement(document.getElementById("windough"));
  629.  
  630. function dragElement(elmnt) {
  631. var pos1 = 0, pos2 = 0, pos3 = 0, pos4 = 0;
  632. if (document.getElementById(elmnt.id + "b")) {
  633. // if present, the header is where you move the DIV from:
  634. document.getElementById(elmnt.id + "b").onmousedown = dragMouseDown;
  635. } else {
  636. // otherwise, move the DIV from anywhere inside the DIV:
  637. elmnt.onmousedown = dragMouseDown;
  638. }
  639.  
  640. function dragMouseDown(e) {
  641. e = e || window.event;
  642. e.preventDefault();
  643. // get the mouse cursor position at startup:
  644. pos3 = e.clientX;
  645. pos4 = e.clientY;
  646. document.onmouseup = closeDragElement;
  647. // call a function whenever the cursor moves:
  648. document.onmousemove = elementDrag;
  649. }
  650.  
  651. function elementDrag(e) {
  652. e = e || window.event;
  653. e.preventDefault();
  654. // calculate the new cursor position:
  655. pos1 = pos3 - e.clientX;
  656. pos2 = pos4 - e.clientY;
  657. pos3 = e.clientX;
  658. pos4 = e.clientY;
  659. // set the element's new position:
  660. elmnt.style.top = (elmnt.offsetTop - pos2) + "px";
  661. elmnt.style.left = (elmnt.offsetLeft - pos1) + "px";
  662. }
  663.  
  664. function closeDragElement() {
  665. // stop moving when mouse button is released:
  666. document.onmouseup = null;
  667. document.onmousemove = null;
  668. }
  669. }
  670. </script>
  671. </body>
  672. </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!