API tools faq
paste
sashatheme

FOUR CORNERS REVAMP

sashatheme
Oct 13th, 2022 (edited)
491
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 11.79 KB | None | 0 0
raw download clone embed print report
  1. <html>
  2. <head>
  3. <meta name="viewport" content="width=device-width, initial-scale=1">
  4. <link href="/style.css" rel="stylesheet" type="text/css" media="all">
  5.  
  6. <script src="https://code.jquery.com/jquery-3.6.0.js"></script>
  7. <script src="https://code.jquery.com/ui/1.13.2/jquery-ui.js"></script>
  8.  
  9. <style>
  10.  
  11. @import url('https://fonts.googleapis.com/css2?family=Caveat&family=DynaPuff&family=Silkscreen&display=swap');
  12.  
  13. @import url('https://fonts.googleapis.com/css2?family=Caveat&family=DynaPuff&family=Silkscreen&display=swap');
  14.  
  15. @import url('https://fonts.googleapis.com/css2?family=Caveat&family=DynaPuff&family=Silkscreen&display=swap');
  16.  
  17. @import url('https://fonts.googleapis.com/css2?family=Caveat&family=DynaPuff&family=Fredoka+One&family=Silkscreen&display=swap');
  18.  
  19. </style>
  20.  
  21. <script>
  22.  
  23. $( function() {
  24. $( "#box1" ).draggable();
  25. } );
  26.  
  27. </script>
  28.  
  29. <script>
  30.  
  31. $( function() {
  32. $( "#box2" ).draggable();
  33. } );
  34.  
  35. </script>
  36.  
  37. <script>
  38.  
  39. $( function() {
  40. $( "#box3" ).draggable();
  41. } );
  42.  
  43. </script>
  44.  
  45. <script>
  46.  
  47. $( function() {
  48. $( "#box4" ).draggable();
  49. } );
  50.  
  51. </script>
  52.  
  53. <meta name="image:permalink" contents="" />
  54. <meta name="image:background" contents="" />
  55. <meta name="color:background" contents="" />
  56.  
  57. <meta name="image:box 1 background" contents="" />
  58. <meta name="image:box 4 background" contents="" />
  59.  
  60. <meta name="image:icon 1" contents="" />
  61. <meta name="image:icon 2" contents="" />
  62.  
  63. <meta name="image:blinkie 1" contents="" />
  64. <meta name="image:blinkie 2" contents="" />
  65. <meta name="image:blinkie 3" contents="" />
  66.  
  67. <meta name="image:divider" contents="" />
  68.  
  69. <meta name="select:font" content="arial" />
  70. <meta name="select:font" content="comic sans ms" />
  71. <meta name="select:font" content="times" />
  72. <meta name="select:font" content="ms gothic" />
  73. <meta name="select:font" content="Caveat" />
  74. <meta name="select:font" content="DynaPuff" />
  75. <meta name="select:font" content="Silkscreen" />
  76. <meta name="select:font" content="Fredoka One" />
  77.  
  78. <meta name="select:box 1 border style" content="solid" />
  79. <meta name="select:box 1 border style" content="dashed" />
  80. <meta name="select:box 1 border style" content="dotted" />
  81. <meta name="select:box 1 border style" content="double" />
  82. <meta name="select:box 1 border style" content="groove" />
  83. <meta name="select:box 1 border style" content="ridge" />
  84. <meta name="select:box 1 border style" content="inset" />
  85. <meta name="select:box 1 border style" content="outset" />
  86.  
  87. <meta name="select:box 2 border style" content="solid" />
  88. <meta name="select:box 2 border style" content="dashed" />
  89. <meta name="select:box 2 border style" content="dotted" />
  90. <meta name="select:box 2 border style" content="double" />
  91. <meta name="select:box 2 border style" content="groove" />
  92. <meta name="select:box 2 border style" content="ridge" />
  93. <meta name="select:box 2 border style" content="inset" />
  94. <meta name="select:box 2 border style" content="outset" />
  95.  
  96. <meta name="select:box 3 border style" content="solid" />
  97. <meta name="select:box 3 border style" content="dashed" />
  98. <meta name="select:box 3 border style" content="dotted" />
  99. <meta name="select:box 3 border style" content="double" />
  100. <meta name="select:box 3 border style" content="groove" />
  101. <meta name="select:box 3 border style" content="ridge" />
  102. <meta name="select:box 3 border style" content="inset" />
  103. <meta name="select:box 3 border style" content="outset" />
  104.  
  105. <meta name="select:box 4 border style" content="solid" />
  106. <meta name="select:box 4 border style" content="dashed" />
  107. <meta name="select:box 4 border style" content="dotted" />
  108. <meta name="select:box 4 border style" content="double" />
  109. <meta name="select:box 4 border style" content="groove" />
  110. <meta name="select:box 4 border style" content="ridge" />
  111. <meta name="select:box 4 border style" content="inset" />
  112. <meta name="select:box 4 border style" content="outset" />
  113.  
  114. <meta name="color:box 1 border color" contents="" />
  115. <meta name="color:box 2 border color" contents="" />
  116. <meta name="color:box 3 border color" contents="" />
  117. <meta name="color:box 4 border color" contents="" />
  118.  
  119. <meta name="color:posts background" contents="" />
  120. <meta name="color:posts font" contents="" />
  121. <meta name="color:desc background" contents="" />
  122. <meta name="color:desc font" contents="" />
  123.  
  124. <meta name="color:links" contents="" />
  125. <meta name="color:links hover" contents="" />
  126. <meta name="color:tags" contents="" />
  127.  
  128. <meta name="text:desc" contents="" />
  129.  
  130. <meta name="text:link 1 title" contents="" />
  131. <meta name="text:link 2 title" contents="" />
  132. <meta name="text:link 3 title" contents="" />
  133.  
  134. <meta name="text:link 1" contents="" />
  135. <meta name="text:link 2" contents="" />
  136. <meta name="text:link 3" contents="" />
  137.  
  138. <style>
  139.  
  140. /*--CREEDDITTT--*/
  141.  
  142. #credit {
  143.  
  144. position:fixed;
  145.  
  146. left:12px;
  147.  
  148. bottom:6px;
  149.  
  150. font-size:14px;
  151. }
  152.  
  153. blockquote {
  154.  
  155. margin: 3px;
  156.  
  157. }
  158.  
  159. .npf_row {
  160. margin: 0 !important;
  161. }
  162.  
  163. iframe, img, embed, object, video {
  164.  
  165. max-width: 260px;
  166.  
  167. }
  168.  
  169. iframe {
  170.  
  171. margin-right: 120px;
  172. }
  173.  
  174. body {
  175.  
  176. font-family: {select:font};
  177.  
  178. background-image: url('{image:background}');
  179.  
  180. background-size: cover;
  181.  
  182. background-color: {color:background};
  183. }
  184.  
  185. .wrap {
  186.  
  187. width: 700px;
  188.  
  189. margin-top: 100px;
  190. }
  191.  
  192. .box1 {
  193.  
  194. display: inline-block;
  195.  
  196. background-image: url('{image:box 1 background}');
  197.  
  198. background-size: cover;
  199.  
  200. width: 300px;
  201.  
  202. height: 300px;
  203.  
  204. overflow: hidden;
  205.  
  206. position: relative;
  207.  
  208. border: 4px {select:box 1 border style} {color:box 1 border color};
  209.  
  210. scrollbar-width: none;
  211. }
  212.  
  213. .desc::-webkit-scrollbar {
  214.  
  215. display: none;
  216.  
  217. }
  218.  
  219. .box2 {
  220.  
  221. display: inline-block;
  222.  
  223. background-image: url('{image:icon 1}');
  224.  
  225. background-size: cover;
  226.  
  227. width: 300px;
  228.  
  229. height: 300px;
  230.  
  231. overflow: hidden;
  232.  
  233. position: relative;
  234.  
  235. border: 4px {select:box 2 border style} {color:box 2 border color};
  236.  
  237. scrollbar-width: none;
  238. }
  239.  
  240. .box3 {
  241.  
  242. display: inline-block;
  243.  
  244. background-image: url('{image:icon 2}');
  245.  
  246. background-size: cover;
  247.  
  248. width: 300px;
  249.  
  250. height: 300px;
  251.  
  252. overflow: hidden;
  253.  
  254. position: relative;
  255.  
  256. border: 4px {select:box 3 border style} {color:box 3 border color};
  257.  
  258. scrollbar-width: none;
  259. }
  260.  
  261. .box4 {
  262.  
  263. display: inline-block;
  264.  
  265. background-image: url('{image:box 4 background}');
  266.  
  267. background-size: cover;
  268.  
  269. width: 280px;
  270.  
  271. height: 280px;
  272.  
  273. overflow: auto;
  274.  
  275. position: relative;
  276.  
  277. border: 4px {select:box 4 border style} {color:box 4 border color};
  278.  
  279. padding: 10px;
  280.  
  281. scrollbar-width: none;
  282. }
  283.  
  284. .box4::-webkit-scrollbar {
  285.  
  286. display: none;
  287.  
  288. }
  289.  
  290. .posts {
  291.  
  292. width: 260px;
  293.  
  294. padding: 10px;
  295.  
  296. background-color: {color:posts background};
  297.  
  298. color: {color:posts font};
  299.  
  300. text-align: justify;
  301. }
  302.  
  303. .desc {
  304.  
  305. margin-top: 10px;
  306.  
  307. width: 260px;
  308.  
  309. height: 260px;
  310.  
  311. padding: 10px;
  312.  
  313. background-color: {color:desc background};
  314.  
  315. color: {color:desc font};
  316.  
  317. text-align: center;
  318.  
  319. overflow: auto;
  320. }
  321.  
  322. a, ahref {
  323.  
  324. color: {color:links};
  325. }
  326.  
  327. a:hover {
  328.  
  329. color: {color:links hover};
  330. }
  331.  
  332. </style>
  333.  
  334. </head>
  335.  
  336. <body>
  337.  
  338. <center>
  339.  
  340. <div class="wrap">
  341.  
  342. <div class="box1" id="box1">
  343.  
  344. <div class="desc">
  345.  
  346. <marquee scrolldelay="120">
  347.  
  348. <img src="{image:blinkie 1}"> &nbsp;
  349. <img src="{image:blinkie 2}"> &nbsp;
  350. <img src="{image:blinkie 3}">
  351.  
  352. </marquee>
  353.  
  354. <br>
  355.  
  356. <span style="margin-top: 8px;"><a href="/">HOME</a> <a href="/ask">ASK</a> <a href="/archive">ARCHIVE</a></span>
  357.  
  358. <br>
  359.  
  360. <span style="margin-top: 18px;"><a href="{text:link 1}">{text:link 1 title}</a> <a href="{text:link 2}">{text:link 2 title}</a> <a href="{text:link 3}">{text:link 3 title}</a></span>
  361.  
  362. <br>
  363.  
  364. <img src="{image:divider}" style="margin-top: 8px;">
  365.  
  366. <br>
  367.  
  368. <p style="margin-top: 8px; text-align: justify;">
  369.  
  370. {text:desc}
  371.  
  372. </p>
  373.  
  374. </div> <!--DESC CLOSE-->
  375.  
  376. </div> <!--BOX 1 CLOSE-->
  377.  
  378. <div class="box2" id="box2">
  379.  
  380. </div> <!--BOX 2 CLOSE-->
  381.  
  382. <br>
  383.  
  384. <div class="box3" id="box3">
  385.  
  386. </div> <!--BOX 3 CLOSE-->
  387.  
  388. <div class="box4" id="box4">
  389.  
  390. {block:Posts}
  391.  
  392. <div class="posts">
  393.  
  394. {block:Text}
  395. {block:Title}<a href="{Permalink}">{Title}</a>{/block:Title}
  396. {Body}
  397. {/block:Text}
  398.  
  399. {block:Quote}
  400. <div class="quote"><h2 style="margin-top: 2px; margin-bottom: 2px;"><b>"</b> <i>{Quote}</i> <b>"</b></h2></div>
  401. {block:Source}<div class="source">&mdash; {Source}</div>{/block:Source}
  402. {/block:Quote}
  403.  
  404. {block:Link}
  405. <big><a href="{URL}">{Name}</a></big>
  406. {block:Description}{Description}{/block:Description}
  407. {/block:Link}
  408.  
  409. {block:Chat}
  410. {block:Title}{Title}{/block:Title}
  411. {block:Lines}
  412. <div class="{Alt} user_{UserNumber}">
  413. {block:Label}{Label}{/block:Label} {Line}
  414. </div>
  415. {/block:Lines}
  416. {/block:Chat}
  417.  
  418. {block:Answer}
  419. <span style="float: right;"><i>{Asker}</i></span><br>
  420. <div class="question"><blockquote>{Question}</blockquote></div><hr>
  421. {Answer}
  422. {/block:Answer}
  423.  
  424. <center>
  425. {block:Photo}
  426. {LinkOpenTag}<img src="{PhotoURL-400}" alt="{Permalink}"/>{LinkCloseTag}
  427. </center>
  428. {block:Caption}{Caption}{/block:Caption}
  429. {/block:Photo}
  430.  
  431. <center>
  432. {block:Photoset}
  433. {Photoset-400}</center>
  434. {block:Caption}{Caption}{/block:Caption}
  435. {/block:Photoset}
  436.  
  437. {block:Video}
  438. {Video-400}
  439. {block:Caption}{Caption}{/block:Caption}
  440. {/block:Video}
  441.  
  442. {block:Audio}
  443. {block:AlbumArt}<div class="songart"><img src="{AlbumArtURL}" style="width: 100px; float: left; margin-bottom: 8px;"></div>{/block:AlbumArt}
  444. <div class="songtitle" style="float: right;">
  445. {block:TrackName}{TrackName}{/block:TrackName}
  446. </div>
  447. <div class="songauthor" style="float: right;">By{block:Artist} {Artist}{/block:Artist}</div>
  448. {AudioPlayerWhite}
  449. {/block:Audio}
  450.  
  451. <span style="text-align: justify;">
  452.  
  453. {block:Date}
  454.  
  455. {block:PermalinkPage}
  456. {/block:PermalinkPage}
  457.  
  458. {block:PermalinkPage}
  459. {block:NoteCount}
  460. {block:PostNotes}{PostNotes}{/block:PostNotes}
  461. {/block:NoteCount}
  462. {/block:PermalinkPage}
  463. {/block:Date}
  464. </span>
  465.  
  466. </div>
  467.  
  468. <div class="post-footer" style="height: auto; text-align: left; margin-left: 8px; margin-right: 8px; margin-top: 4px;">
  469.  
  470. <a href="{Permalink}"><img src="{image:permalink}" style="float: right; padding-left: 2px;"></a>
  471.  
  472. {block:HasTags}
  473.  
  474. {block:Tags}
  475. <a href="{TagURL}" style="text-decoration: none; color: {color:tags}">
  476.  
  477. #{Tag}</a> &nbsp;
  478. {/block:Tags}
  479.  
  480. {/block:HasTags}
  481.  
  482. </div>
  483.  
  484. <br>
  485.  
  486. {block:Pagination}
  487.  
  488. {block:NextPage}<a href="{NextPage}" style="float: left;">next</a>{/block:NextPage}
  489.  
  490. {block:PreviousPage}<a href="{PreviousPage}" style="float: right;">prev</a>{/block:PreviousPage}
  491.  
  492. <br>
  493.  
  494. {/block:Pagination}
  495.  
  496. {/block:Posts}
  497.  
  498. </div> <!--BOX 4 CLOSE-->
  499.  
  500. </div> <!--WRAP CLOSE-->
  501.  
  502. </center>
  503.  
  504. <div id="credit">
  505.  
  506. <a href="https://cod.tumblr.com/" target="_blank" title="CODED BY JOYBOY">🦩</a>
  507.  
  508. </div> <!--CREDIT CLOSE-->
  509.  
  510. </body>
  511. </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!