API tools faq
paste
Advertisement
snailmailed

Good Thing theme

snailmailed
May 15th, 2020
2,328
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 26.95 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <head>
  3.  
  4. <!-----
  5.  
  6. Good Thing theme by mther3 this is named after the gif of the cat i suck at names.
  7.  
  8. feel free to change the image for the credit just dont repost etc
  9. if youre gonna steal something from this theme PLEASE dont take the keyframes for the rainbow shit it took me like 20 minutes
  10.  
  11. ----->
  12.  
  13.  
  14. <link href="https://fonts.googleapis.com/css?family=Short+Stack&display=swap" rel="stylesheet">
  15. <link href="https://fonts.googleapis.com/css?family=Bangers&display=swap" rel="stylesheet">
  16. <link href="https://fonts.googleapis.com/css?family=Raleway&display=swap" rel="stylesheet">
  17. <link href="https://fonts.googleapis.com/css?family=Montserrat&display=swap" rel="stylesheet">
  18. <link href="https://fonts.googleapis.com/css?family=Roboto+Mono&display=swap" rel="stylesheet">
  19. <link href="https://fonts.googleapis.com/css?family=Pacifico&display=swap" rel="stylesheet">
  20. <link href="https://fonts.googleapis.com/css?family=Shadows+Into+Light&display=swap" rel="stylesheet">
  21. <link href="https://fonts.googleapis.com/css?family=Old+Standard+TT&display=swap" rel="stylesheet">
  22. <link href="https://fonts.googleapis.com/css?family=Monoton&display=swap" rel="stylesheet">
  23.  
  24. <link href="https://fonts.googleapis.com/css2?family=Press+Start+2P&display=swap" rel="stylesheet">
  25. <link href="https://fonts.googleapis.com/css2?family=Bangers&display=swap" rel="stylesheet">
  26. <link href="https://fonts.googleapis.com/css2?family=Monoton&display=swap" rel="stylesheet">
  27. <link href="https://fonts.googleapis.com/css2?family=Cabin+Sketch&display=swap" rel="stylesheet">
  28. <link href="https://fonts.googleapis.com/css2?family=Montserrat+Subrayada&display=swap" rel="stylesheet">
  29.  
  30. <meta charset="utf-8">
  31. <meta https-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  32. {block:Description}
  33. <meta name="description" content="{MetaDescription}" />
  34. {/block:Description}
  35.  
  36. <title>{Title}</title>
  37.  
  38. <link rel="shortcut icon" href="{Favicon}">
  39. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  40. <link rel="stylesheet" href="https://static.tumblr.com/qxrkgx6/RWPmgn2qa/normalize.min.css">
  41.  
  42. <script src="https://static.tumblr.com/qxrkgx6/LuRmgn2rm/modernizr-2.6.2.min.js"></script>
  43.  
  44.  
  45. <!--
  46. image
  47. -->
  48.  
  49. <meta name="image:bg">
  50. <meta name="image:favicon">
  51. <meta name="image:icon">
  52. <meta name="image:sidebar">
  53. <meta name="image:content">
  54. <meta name="image:content middle">
  55. <meta name="image:posts">
  56. <meta name="image:footer bg">
  57. <meta name="image:footer img 1">
  58. <meta name="image:footer img 2">
  59.  
  60. <!--
  61. color
  62. -->
  63.  
  64. <meta name="color:bg">
  65. <meta name="color:sidebar" content="#ffffff">
  66. <meta name="color:content" content="#d7d7d7">
  67. <meta name="color:content middle" content="#ffffff">
  68. <meta name="color:posts" content="#ffffff">
  69. <meta name="color:footer bg" content="#bdbdbd">
  70. <meta name="color:title" content="#ffffff">
  71. <meta name="color:title border" content="#000000">
  72. <meta name="color:text" content="#000000">
  73. <meta name="color:text border" content="#a1a1a1">
  74. <meta name="color:link" content="#050be0">
  75. <meta name="color:link hover" content="#ffffff">
  76. <meta name="color:link border" content="#000000">
  77. <meta name="color:link border hover" content="#000000">
  78. <meta name="color:scrollbar" content="#bdbdbd">
  79. <meta name="color:scrollbar border" content="#000000">
  80. <meta name="color:scrollbar track" content="#a1a1a1">
  81. <meta name="color:icon border" content="#bdbdbd">
  82. <meta name="color:sidebar border" content="#000000">
  83. <meta name="color:content border" content="#000000">
  84. <meta name="color:post border" content="#000000">
  85. <meta name="color:footer border" content="#000000">
  86.  
  87. <!--
  88. select
  89. -->
  90.  
  91. <meta name="select:font" content="times">
  92. <meta name="select:font" content="calibri">
  93. <meta name="select:font" content="arial">
  94. <meta name="select:font" content="ms gothic">
  95. <meta name="select:font" content="short stack">
  96. <meta name="select:font" content="roboto mono">
  97. <meta name="select:title font" content="times">
  98. <meta name="select:title font" content="calibri">
  99. <meta name="select:title font" content="arial">
  100. <meta name="select:title font" content="ms gothic">
  101. <meta name="select:title font" content="short stack">
  102. <meta name="select:title font" content="roboto mono">
  103. <meta name="select:title font" content="press start 2p">
  104. <meta name="select:title font" content="bangers">
  105. <meta name="select:title font" content="monoton">
  106. <meta name="select:title font" content="cabin sketch">
  107. <meta name="select:title font" content="montserrat subrayada">
  108. <meta name="select:icon border" content="solid">
  109. <meta name="select:icon border" content="dashed">
  110. <meta name="select:icon border" content="dotted">
  111. <meta name="select:icon border" content="outset">
  112. <meta name="select:icon border" content="inset">
  113. <meta name="select:sidebar border" content="solid">
  114. <meta name="select:sidebar border" content="dashed">
  115. <meta name="select:sidebar border" content="dotted">
  116. <meta name="select:sidebar border" content="outset">
  117. <meta name="select:sidebar border" content="inset">
  118. <meta name="select:content border" content="solid">
  119. <meta name="select:content border" content="dashed">
  120. <meta name="select:content border" content="dotted">
  121. <meta name="select:content border" content="outset">
  122. <meta name="select:content border" content="inset">
  123. <meta name="select:post border" content="solid">
  124. <meta name="select:post border" content="dashed">
  125. <meta name="select:post border" content="dotted">
  126. <meta name="select:post border" content="outset">
  127. <meta name="select:post border" content="inset">
  128. <meta name="select:footer border" content="solid">
  129. <meta name="select:footer border" content="dashed">
  130. <meta name="select:footer border" content="dotted">
  131. <meta name="select:footer border" content="outset">
  132. <meta name="select:footer border" content="inset">
  133.  
  134. <!--
  135. if
  136. -->
  137.  
  138. <meta name="if:redirect">
  139. <meta name="if:cover bg">
  140. <meta name="if:cover content bg">
  141. <meta name="if:round">
  142. <meta name="if:custom scrollbar">
  143. <meta name="if:marquee desc">
  144. <meta name="if:title blur">
  145. <meta name="if:fading title">
  146. <meta name="if:rainbow title">
  147. <meta name="if:rainbow link hover">
  148. <meta name="if:circle icon">
  149. <meta name="if:icon border">
  150. <meta name="if:text border">
  151. <meta name="if:link border">
  152. <meta name="if:underline links">
  153. <meta name="if:italic links">
  154. <meta name="if:bold links">
  155.  
  156. <!--
  157. text
  158. -->
  159.  
  160. <meta name="text:redirect link" content="/tagged/(tag)">
  161. <meta name="text:text size" content="24">
  162. <meta name="text:desc size" content="25">
  163. <meta name="text:title size" content="50">
  164. <meta name="text:title" content="title!!!">
  165. <meta name="text:desc" content="descwiption">
  166. <meta name="text:marquee speed" content="10">
  167. <meta name="text:link 1" content="1">
  168. <meta name="text:link 2" content="2">
  169. <meta name="text:link 3" content="3">
  170. <meta name="text:link 1 url" content="/">
  171. <meta name="text:link 2 url" content="/">
  172. <meta name="text:link 3 url" content="/">
  173. <meta name="text:icon hover" content="uhhhh">
  174.  
  175.  
  176. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  177.  
  178. <script src="https://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  179.  
  180. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  181. <script src="https://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  182.  
  183. <script type="text/javascript">
  184. // <![CDATA[
  185. var speed=55; // speed of wobbling, lower is faster
  186. var height=9; // height of wobbling in pixels
  187. var alink="/"; // page to link text to (set to ="" for no link)
  188.  
  189. /****************************
  190. * Wobbly Text Effect *
  191. *(c) 2003-6 mf2fm web-design*
  192. * http://www.mf2fm.com/rv *
  193. * DON'T EDIT BELOW THIS BOX *
  194. ****************************/
  195. var wobtxt, wobble, wobcnt=0;
  196. window.onload=function() { if (document.getElementById) {
  197. var i, wobli;
  198. wobble=document.getElementById("wobble");
  199. wobtxt=wobble.firstChild.nodeValue;
  200. while (wobble.childNodes.length) wobble.removeChild(wobble.childNodes[0]);
  201. for (i=0; i<wobtxt.length; i++) {
  202. wobli=document.createElement("span");
  203. wobli.setAttribute("id", "wobb"+i);
  204. wobli.style.position="relative";
  205. wobli.appendChild(document.createTextNode(wobtxt.charAt(i)));
  206. if (alink) {
  207. wobli.style.cursor="pointer";
  208. wobli.onclick=function() { top.location.href=alink; }
  209. }
  210. wobble.appendChild(wobli);
  211. }
  212. setInterval("wobbler()", speed);
  213. }}
  214.  
  215. function wobbler() {
  216. for (var i=0; i<wobtxt.length; i++) document.getElementById("wobb"+i).style.top=Math.round(height*Math.sin(i+wobcnt))+"px"
  217. wobcnt++;
  218. }
  219. // ]]>
  220. </script>
  221.  
  222. <script>
  223. (function($){
  224. $(document).ready(function(){
  225. $("a[title]").style_my_tooltips({
  226. tip_follows_cursor:true,
  227. tip_delay_time:50,
  228. tip_fade_speed:0,
  229. attribute:"title"
  230. });
  231. });
  232. })(jQuery);
  233. </script>
  234.  
  235. {block:ifredirect}
  236. <script>
  237. if(window.location.pathname == '/') location.replace('{text:redirect link}');
  238. </script>
  239. {block:ifredirect}
  240.  
  241. <style type="text/css">
  242.  
  243. .tooltip{
  244. display:inline;
  245. position:relative;
  246. }
  247.  
  248. #s-m-t-tooltip{
  249. max-width:250px;
  250. padding:5px;
  251. background-color:rgba(0,0,0,0.6);
  252. z-index:99999999;
  253. margin:20px 7px -2px 10px;
  254. {block:ifnotlinkborder}
  255. color:white;
  256. text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
  257. {/block:ifnotlinkborder}
  258. text-align:center;
  259. border-radius:20px;
  260. {block:iflinkborder}
  261. color:{color:link};
  262. text-shadow: -1px 0 {color:link border}, 0 1px {color:link border}, 1px 0 {color:link border}, 0 -1px {color:link border};
  263. {/block:iflinkborder}
  264. -webkit-transition:0.1s linear;
  265. -moz-transition:0.1s ease-out;
  266. -o-transition:0.3s ease-out;
  267. }
  268.  
  269. {block:ifcustomscrollbar}
  270. ::-webkit-scrollbar {
  271. width:6px;
  272. height:0px;
  273. }
  274. ::-webkit-scrollbar-track {
  275. background: {color:scrollbar track};
  276. border-width:0 1px 0 1px;
  277. border-style:solid;
  278. border-color:{color:scrollbar border};
  279. }
  280.  
  281. ::-webkit-scrollbar-thumb {
  282. background: {color:scrollbar};
  283. width:6px;
  284. border:1px solid {color:scrollbar border};
  285. }
  286.  
  287. {/block:ifcustomscrollbar}
  288.  
  289. {block:ifnotcustomscrollbar}
  290. ::-webkit-scrollbar {
  291. width: 16px;
  292. height: 10px;
  293. }
  294. ::-webkit-scrollbar-thumb {
  295. background-color: #fff;
  296. background-image: url(https://i.imgur.com/Qtm9Z60.png);
  297. border-top: 1px solid #bdbdbd;
  298. border-left: 1px solid #bdbdbd;
  299. border-right: 1px solid black;
  300. border-bottom: 1px solid black;
  301. }
  302. ::-webkit-scrollbar-track {
  303. background-color: #fff;
  304. background-image: url(https://i.imgur.com/IGXGYKz.png);
  305. }
  306. ::-webkit-scrollbar-button:vertical:increment {
  307. background-image: url(https://i.imgur.com/WhC8iy3.png);
  308. width: 14px;
  309. height: 16px;
  310. border-top: 1px solid #bdbdbd;
  311. border-left: 1px solid #bdbdbd;
  312. border-right: 1px solid black;
  313. border-bottom: 1px solid black;
  314. }
  315. ::-webkit-scrollbar-button:vertical:decrement {
  316. background-image: url(https://i.imgur.com/fQ18mrR.png);
  317. border-top: 1px solid #bdbdbd;
  318. border-left: 1px solid #bdbdbd;
  319. border-right: 1px solid black;
  320. border-bottom: 1px solid black;
  321. width: 14px;
  322. height: 16px;
  323. }
  324. {/block:ifnotcustomscrollbar}
  325.  
  326. body {
  327. background:{color:bg};
  328. background-image: url('{image:bg}');
  329. background-attachment: fixed;
  330. {block:ifcoverbg}
  331. background-size: cover;
  332. {/block:ifcoverbg}
  333. font-family:{select:font};
  334. font-size:{text:text size}px;
  335. line-height:150%;
  336. color:{color:text};
  337. {block:iftextborder}
  338. text-shadow: -1px 0 {color:text border}, 0 1px {color:text border}, 1px 0 {color:text border}, 0 -1px {color:text border};
  339. {/block:iftextborder}
  340. }
  341.  
  342. p{
  343. margin:0 0 10px 0;
  344. padding:0;
  345. }
  346.  
  347. pre {
  348. white-space: pre-wrap;
  349. white-space: -moz-pre-wrap;
  350. white-space: -pre-wrap;
  351. white-space: -o-pre-wrap;
  352. word-wrap: break-word;
  353. }
  354.  
  355. a{
  356. color:{color:link};
  357. text-decoration:none;
  358. -webkit-transition:.2s ease-in;
  359. -moz-transition:.2s ease-in;
  360. o-transition-duration:.5s linear;
  361. {block:ifboldlinks}
  362. font-weight:bold;
  363. {/block:ifboldlinks}
  364. {block:ifunderlinelinks}
  365. text-decoration:underline;
  366. {/block:ifunderlinelinks}
  367. {block:ifitaliclinks}
  368. font-style:italic;
  369. {/block:ifitaliclinks}
  370. {block:iflinkborder}
  371. text-shadow: -1px 0 {color:link border}, 0 1px {color:link border}, 1px 0 {color:link border}, 0 -1px {color:link border};
  372. {/block:iflinkborder}
  373. }
  374.  
  375. a:hover{
  376. color:{color:link hover};
  377. -webkit-transition:.2s ease-in-out;
  378. -moz-transition:.2s ease-in;
  379. {block:iflinkborder}
  380. text-shadow: -1px 0 {color:link border hover}, 0 1px {color:link border hover}, 1px 0 {color:link border hover}, 0 -1px {color:link border hover};
  381. {/block:iflinkborder}
  382. {block:ifrainbowlinkhover}
  383. animation:gay 1.5s ease infinite reverse;
  384. {/block:ifrainbowlinkhover}
  385.  
  386. }
  387.  
  388. img{
  389. -webkit-transition:.5s ease;
  390. -moz-transition:.5s ease-in-out;
  391. }
  392.  
  393. img:hover {
  394. -webkit-transition:.5s linear;
  395. opacity:0.9;
  396. }
  397.  
  398. li{
  399. margin-left:-15px;
  400. }
  401.  
  402. #wrapper{
  403. width:500px;
  404. margin:10px 220px;
  405. }
  406.  
  407. /*
  408. FIRST sidebar
  409. */
  410.  
  411. #title{
  412. width:300px;
  413. max-height:400px;
  414. line-height:120%;
  415. margin:-20px auto;
  416. font-family:'{select:title font}';
  417. font-size:{text:title size}px;
  418. position:absolute;
  419. z-indeX:999;
  420. font-weight:bold;
  421. text-align:center;
  422. color:{color:title};
  423. text-shadow: -1px 0 {color:title border}, 0 1px {color:title border}, 1px 0 {color:title border}, 0 -1px {color:title border};
  424. {block:iftitleblur}
  425. filter:blur(1px);
  426. -webkit-transition:.5s ease;
  427. {/block:iftitleblur}
  428. {block:iffadingtitle}
  429. animation: fade .8s infinite alternate;
  430. {/block:iffadingtitle}
  431. {block:ifrainbowtitle}
  432. animation: gay 2s ease infinite reverse;
  433. {/block:ifrainbowtitle}
  434. }
  435.  
  436. #title:hover{
  437. {block:iftitleblur}
  438. filter:blur(0px);
  439. -webkit-transition:0.4s ease-in-out;
  440. {/block:iftitleblur}
  441. }
  442.  
  443. @keyframes fade {
  444. from { opacity: 0;}
  445. to {opacity: 1;}
  446. }
  447.  
  448. @keyframes gay{
  449. 0% {color:#ff00c2;}
  450. 5% {color:#c700ff;}
  451. 10% {color:#8700ff;}
  452. 15% {color:#3200ff;}
  453. 20% {color:#0014ff;}
  454. 25% {color:#0050ff;}
  455. 30% {color:#009eff;}
  456. 35% {color:#00d6ff;}
  457. 40% {color:#00ffd8;}
  458. 45% {color:#00ff73;}
  459. 50% {color:#00ff10;}
  460. 55% {color:#46ff00;}
  461. 60% {color:#b0ff00;}
  462. 65% {color:#f5ff00;}
  463. 70% {color:#ffb200;}
  464. 75% {color:#ff8900;}
  465. 80% {color:#ff8900;}
  466. 85% {color:#ff5700;}
  467. 90% {color:#ff30000;}
  468. 95% {color:#ff0a00;}
  469. 100% {color:#ff0071;}
  470. }
  471.  
  472. #icon img{
  473. position:fixed;
  474. margin:0px 35px;
  475. width:230px;
  476. height:230px;
  477. {block:ifround}
  478. border-radius:20px;
  479. {/block:ifround}
  480. {block:ifcircleicon}
  481. border-radius:800px;
  482. {/block:ifcircleicon}
  483. margin:0 37px;
  484. border:0px solid black;
  485. {block:ificonborder}
  486. width:220px;
  487. height:220px;
  488. border:2px {select:icon border} {color:icon border};
  489. {/block:ificonborder}
  490. }
  491.  
  492. #sidebar{
  493. z-index:9;
  494. position:absolute;
  495. margin:100px 300px;
  496. }
  497.  
  498. #sidebar img{
  499. width:auto;
  500. }
  501.  
  502. .desc {
  503. {block:ifround}
  504. border-radius:20px;
  505. {/block:ifround}
  506. z-index:-999;
  507. position:absolute;
  508. padding:70px 5px 5px 5px;
  509. width:300px;
  510. {block:ifmarqueedesc}
  511. width:300px;
  512. padding:70px 0 0 0;
  513. {/block:ifmarqueedesc}
  514. background:{color:sidebar};
  515. background-image:url('{image:sidebar}');
  516. margin:160px 0;
  517. line-height:110%;
  518. text-align:center;
  519. display:block;
  520. box-sizing:border-box;
  521. font-size:{text:desc size}px;
  522. border: 2px {color:sidebar border} {select:sidebar border};
  523. }
  524.  
  525. .desc:hover .drop{
  526. max-height:350px;
  527. overflow:hidden;
  528. -webkit-transition: 1s ease;
  529. -moz-transition: 1s ease-out;
  530. -o-transition: 1s ease-out;
  531. }
  532.  
  533. .drop{
  534. font-size:{text:desc size}px;
  535. max-height:0px;
  536. overflow:hidden;
  537. -webkit-transition: .8s ease;
  538. -moz-transition: .5s ease-out;
  539. -o-transition: .5s ease-out;
  540. display:block;
  541. }
  542.  
  543. .search {
  544. width:160px;
  545. height:30px;
  546. position:absolute;
  547. padding:5px;
  548. margin:375px 40px;
  549. background:#f1f1f1;
  550. background-image: url('https://i.imgur.com/IGXGYKz.png');
  551. font-size:25px;
  552. color: #5f5e5e;
  553. border:1px outset #bdbdbd;
  554. font-family:{select:font};
  555. {block:ifround}
  556. border-radius:20px 0 0 20px;
  557. {/block:ifround}
  558. outline:none;
  559. }
  560.  
  561. ::placeholder{
  562. color:#5f5e5e;
  563. background-image: url('https://i.imgur.com/IGXGYKz.png');
  564. }
  565.  
  566. .go{
  567. {block:ifround}
  568. padding:3px 1px 2px 0;
  569. width:47px;
  570. border-radius:0 20px 20px 0;
  571. {/block:ifround}
  572. margin:375px 222px;
  573. position:absolute;
  574. {block:ifnotround}
  575. padding:3px 0 2px 0;
  576. width:48px;
  577. {/block:ifnotround}
  578. height:43px;
  579. background:#d1d1d1;
  580. color: #5f5e5e;
  581. border:1px outset #c8c8c8;
  582. font-family:{select:font};
  583. outline:none;
  584. }
  585.  
  586. .go:active{
  587. background:#d6d6d6;
  588. border:3px inset #d2d2d2;
  589. }
  590.  
  591. #nav{
  592. position:fixed;
  593. margin:450px 1160px;
  594. text-align:center;
  595. font-style:none;
  596. font-size:{text:desc size}px;
  597. }
  598.  
  599. .next{
  600. margin-top:0px;
  601. width:85px;
  602. height:auto;
  603. position:fixed;
  604. background:{color:sidebar};
  605. line-height:100%;
  606. border:2px {color:sidebar border} {select:sidebar border};
  607. padding:5px 5px 0 5px;
  608. {block:ifround}
  609. padding:5px 7px 0 5px;
  610. border-radius:20px;
  611. {/block:ifround}
  612. font-style:none;
  613. }
  614.  
  615. .prev{
  616. margin-top:60px;
  617. width:85px;
  618. height:auto;
  619. position:fixed;
  620. line-height:90%;
  621. background:{color:sidebar};
  622. border:2px {color:sidebar border} {select:sidebar border};
  623. padding:8px 5px 0 5px;
  624. {block:ifround}
  625. padding:5px 7px 0 5px;
  626. border-radius:20px;
  627. {/block:ifround}
  628. font-style:none;
  629. }
  630.  
  631.  
  632. /*
  633. CONT TENT!!!!!!!!! YEAAAAAAAAAAAAH
  634. */
  635.  
  636. #pleasework{
  637. {block:ifround}
  638. border-radius:20px;
  639. {/block:ifround}
  640. margin:52px 308px;
  641. width:600px;
  642. height:630px;
  643. padding:0 50px 0 50px;
  644. position:fixed;
  645. border-width:2px;
  646. border-style:{select:content border};
  647. border-color:{color:content border};
  648. background-image:url('{image:content}');
  649. background-attachment:fixed;
  650. {block:ifcovercontentbg}
  651. background-size: cover;
  652. {/block:ifcovercontentbg}
  653. background-color:{color:content};
  654. }
  655.  
  656. #content{
  657. background:{color:content middle};
  658. background-image:url('{image:content middle}');
  659. background-attachment:fixed;
  660. height:630px;
  661. width:500px;
  662. margin:auto auto;
  663. overflow-y:auto;
  664. overflow-x:hidden;
  665. }
  666.  
  667. .post{
  668. {block:ifround}
  669. border-radius:20px;
  670. {/block:ifround}
  671. overflow:hidden;
  672. background:{color:posts};
  673. background-image:url('{image:posts}');
  674. background-attachment:fixed;
  675. font-size:{text:font size};
  676. width:400px;
  677. padding:7px;
  678. margin:30px auto 30px auto;
  679. border-width:2px;
  680. border-color:{color:post border};
  681. border-style:{select:post border};
  682. }
  683.  
  684. .post img{
  685. max-width:400px;
  686. {block:ifround}
  687. border-radius:20px;
  688. {/block:ifround}
  689. text-align:center;
  690. }
  691.  
  692. .footer{
  693. text-align:center;
  694. padding:7px 10px 7px 10px;
  695. width:376px;
  696. margin:-2px auto 0px;
  697. background-attachment:fixed;
  698. background:{color:footer bg};
  699. background-image:url('{image:footer bg}');
  700. border-width:2px;
  701. border-color:{color:footer border};
  702. border-style:{select:footer border};
  703. {block:ifround}
  704. border-radius:20px;
  705. {/block:ifround}
  706. }
  707.  
  708. .footer img{
  709. border-radius:0px;
  710. width:auto;
  711. box-shadow:0px;
  712. }
  713.  
  714. .footer:hover > .tags {
  715. -webkit-transition: 1s ease;
  716. -moz-transition: 1s ease-out;
  717. -o-transition: 1s ease-out;
  718. max-height:400px;
  719. overflow:hidden;
  720. }
  721.  
  722. .tags{
  723. width:375px;
  724. max-height:0px;
  725. overflow:hidden;
  726. -webkit-transition: .8s ease;
  727. -moz-transition: .5s ease-out;
  728. -o-transition: .5s ease-out;
  729. }
  730.  
  731.  
  732. iframe.photoset {
  733. {block:ifround}
  734. border-radius:20px;
  735. {/block:ifround}
  736. max-width:400px;
  737. }
  738.  
  739. .media{
  740. {block:ifround}
  741. border-radius:20px;
  742. {/block:ifround}
  743. text-align:center;
  744. max-width:500px;
  745. }
  746.  
  747. .media img{
  748. {block:ifround}
  749. border-radius:20px;
  750. {/block:ifround}
  751. text-align:center;
  752. max-width:500px;
  753. }
  754.  
  755. .title{
  756. font-weight:bold;
  757. font-size:1.5em;
  758. line-height:200%;
  759. margin:0 0 10px 0;
  760. }
  761.  
  762. .quote{
  763. font-weight:normal;
  764. font-size:{text:text size};
  765. font-style:italic;
  766. letter-spacing:3px;
  767. margin:0 0 10px 0;
  768. }
  769.  
  770. .simple-player, .audio_player, .size {
  771. color: {color:text};
  772. width:500px;
  773. }
  774.  
  775. .playbutton {
  776. z-index:999;
  777. padding:0 5px 3px 1px;
  778. height:31px;
  779. width:28px;
  780. overflow:hidden;
  781. margin:58px 293px;
  782. text-align:left;
  783. border-radius:4000px;
  784. background-color:#f2f2f2;
  785. position:absolute;
  786. -webkit-transition:.4s ease-in;
  787. }
  788.  
  789. .playbutton:hover {
  790. opacity:0.9;
  791. {block:if3dlinkhover}
  792. box-shadow:-10px 5px #005eff, 0px 0px white, 0px 0px white, 10px -5px #ff0009;
  793. -webkit-transition:.15s ease-in-out;
  794. filter:blur(.3px)
  795. {/block:if3dlinkhover}
  796. opacity:0.85;
  797. -webkit-transition:.3s ease-in-out;
  798. }
  799.  
  800. .albumart img {
  801. border-radius:1000px;
  802. border:3px solid {block:ifnotlinkborder}{color:links}{/block:ifnotlinkborder}{block:iflinkborder}{color:link border}{/block:iflinkborder};
  803. height:140px;
  804. width:140px;
  805. float:right;
  806. margin:3px 237px;
  807. z-index:9;
  808. position:absolute;
  809.  
  810. }
  811.  
  812. .albumart img:hover, a{
  813. opacity:1;
  814. filter:blur(0px);
  815. }
  816.  
  817. .trackinfo {
  818. position:relative;
  819. background-image:url('https://i.imgur.com/IGXGYKz.png');
  820. {block:ifround}
  821. border-radius:20px;
  822. {/block:ifround}
  823. border:1px outset #bdbdbd;
  824. padding:5px;
  825. box-sizing: border-box;
  826. color:{color:text};
  827. margin-bottom:9px;
  828. height:165px;
  829. width:400px;
  830. overflow:auto;
  831. line-height:140%;
  832. }
  833.  
  834. .trackname {
  835. text-align:left;
  836. font-weight: bold;
  837. color:{color:text};
  838. width:225px;
  839. }
  840.  
  841.  
  842. .artist {
  843. width:225px;
  844. text-align:left;
  845. font-style:italic;
  846. }
  847.  
  848. .album{
  849. width:225px;
  850. text-align:left;
  851. font-style:italic;
  852. letter-spacing:2px;
  853. }
  854.  
  855. .question{
  856. background-image:url('https://i.imgur.com/IGXGYKz.png');
  857. {block:ifround}
  858. border-radius:20px;
  859. {block:ifround}
  860. padding:10px 8px 9px 8px;
  861. text-align:right;
  862. border:1px outset #bdbdbd;
  863. }
  864.  
  865. .question img{
  866. float:right;
  867. margin-top:-2px;
  868. margin-left:10px;
  869. border-radius:1000px;
  870. border:3px solid {block:ifnotlinkborder}{color:links}{/block:ifnotlinkborder}{block:iflinkborder}{color:link border}{/block:iflinkborder};
  871. }
  872.  
  873. .answerer{
  874. padding:13px 0 0 0;
  875. text-align:left;
  876. }
  877.  
  878. .answer{
  879. padding:13px 0 0 0;
  880. text-align:left;
  881. }
  882.  
  883. blockquote{
  884. margin:0 0 10px 10px;
  885. padding:0 0 0 5px;
  886. border-left:solid 1px {color:post border};
  887. }
  888.  
  889. ol.notes{
  890. list-style-type:none;
  891. padding:0;
  892. margin:0;
  893. }
  894.  
  895. ol.notes li.note img{
  896. width:16px;
  897. height:16px;
  898. }
  899.  
  900. ol.notes li.note{
  901. margin:0px;
  902. }
  903.  
  904. #cred{
  905. position:fixed;
  906. bottom:-5px;
  907. left:5px;
  908. }
  909.  
  910. {CustomCSS}
  911. </style>
  912. </head>
  913.  
  914. <body>
  915.  
  916. <div id="sidebar">
  917. <div id="title" class="tilt">
  918. {text:title}
  919. </div>
  920. <div id="icon">
  921. <a href="/" title="{text:icon hover}"><img src="{image:icon}"></a>
  922. </div>
  923. <div class="desc">
  924. <p>{block:ifmarqueedesc}<marquee scrollamount="{text:marquee speed}">{/block:ifmarqueedesc}{text:desc}{block:ifmarqueedesc}</marquee>
  925. {/block:ifmarqueedesc}</p>
  926. <div class="drop">
  927. <p>
  928. <a href="{text:link 1 url}">{text:link 1}</a><br>
  929. <a href="{text:link 2 url}">{text:link 2}</a><br>
  930. <a href="{text:link 3 url}">{text:link 3}</a>
  931. </p>
  932. </div>
  933. </div>
  934. </div>
  935.  
  936. <div id="wrapper">
  937.  
  938. <div id="pleasework">
  939. <div id="content">
  940. {block:Posts}
  941.  
  942. <div class="post">
  943.  
  944. {block:Text}
  945. {block:Title}
  946. <div class="title">{Title}</div>
  947. {/block:Title}
  948. {Body}
  949. {/block:Text}
  950.  
  951. {block:Photo}
  952. <div class="media">{LinkOpenTag}<img src="{PhotoURL-400}" alt="{PhotoAlt}"/>{LinkCloseTag}</div>
  953. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  954. {/block:Photo}
  955.  
  956. {block:Photoset}
  957. <div class="media">{Photoset-400}</div>
  958. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  959. {/block:Photoset}
  960.  
  961. {block:Quote}
  962. <div class="quote">"{Quote}"</div>
  963. {block:Source}
  964. <div class="quotesource">{Source}</div>
  965. {/block:Source}
  966. {/block:Quote}
  967.  
  968. {block:Link}
  969. <div class="title"><a href="{URL}">{Name}</a></div>
  970. {block:Description}
  971. <div class="description">{Description}</div>
  972. {/block:Description}
  973. {/block:Link}
  974.  
  975. {block:Chat}
  976. {block:Title}
  977. <div class="title">{Title}</div>
  978. {/block:Title}
  979.  
  980. {block:Lines}
  981. <div class="{Alt} user_{UserNumber}">
  982. {block:Label}
  983. <b>{Label}</b>{/block:Label}
  984. &nbsp;{Line}
  985. </div>
  986. {/block:Lines}
  987. {/block:Chat}
  988.  
  989. {block:Video}
  990. <div class="media">{Video-400}</div>
  991. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  992. {/block:Video}
  993.  
  994.  
  995. {block:Audio}
  996.  
  997.  
  998. <div class="trackinfo">{block:AlbumArt}<div class="albumart"><img src="{AlbumArtURL}"></div>{/block:AlbumArt}
  999. <div class="playbutton">{AudioPlayerGrey}</div>
  1000. <div class="trackname">
  1001. {block:TrackName}{TrackName}{/block:TrackName}
  1002. </div>
  1003. <div class="artist">{block:Artist}{Artist}{/block:Artist}</div>
  1004. </div>
  1005. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  1006. {/block:AudioPlayer}
  1007. {/block:Audio}
  1008.  
  1009. {block:Answer}
  1010. <div class="question">
  1011. <img class="asker-avatar" src="{AskerPortraitURL-64}"> {Asker} asked:<br>{Question}
  1012. </div>
  1013. <div class="caption"><div class="answerer">{block:Answerer}{Answerer} answered:<br>{/block:Answerer}<div id="answer">{Answer}</div></div></div>
  1014. {/block:Answer}
  1015.  
  1016.  
  1017. {block:Date}
  1018. <div class="footer">
  1019.  
  1020.  
  1021.  
  1022. <img src="{image:footer img 1}" style="float:left;margin-top:6px;"> <a href="{Permalink}" title="{TimeAgo}">{12Hour}:{Minutes}</a> + <a href="{ReblogURL}" title="reblog?" style="background:transparent;">↺</a> <img src="{image:footer img 2}" style="float:right;margin-top:6px">
  1023. <div class="tags"> {block:HasTags} {block:Tags}#<a href="{TagURL}">{Tag}</a> {/block:Tags}{/block:HasTags} </div></div>
  1024.  
  1025. {block:RebloggedFrom}<a href="{ReblogParentURL}"></a>{/block:RebloggedFrom}
  1026. {block:ContentSource}<a href="{SourceURL}"></a>{/block:ContentSource}
  1027.  
  1028.  
  1029. {block:PermalinkPage}
  1030. {block:NoteCount}
  1031. {block:PostNotes}{PostNotes}{/block:PostNotes}
  1032. {/block:NoteCount}
  1033. {/block:PermalinkPage}
  1034. {/block:Date}
  1035. </div>
  1036. {/block:Posts}
  1037.  
  1038. </div>
  1039. </div>
  1040.  
  1041. </div>
  1042. {block:Pagination}
  1043. <div id="nav">
  1044. {block:PreviousPage}<div class="prev">
  1045. <a href="{PreviousPage}"><p style="font-style:normal;">back</p></a></div>{/block:PreviousPage}
  1046. {block:NextPage}<div class="next">
  1047. <a href="{NextPage}"><p style="font-style:normal;">next</p></a>
  1048. </div>{/block:NextPage}
  1049. </div>{/block:Pagination}
  1050. </div>
  1051.  
  1052.  
  1053.  
  1054. <div id="cred"><a href="https://mther3.tumblr.com/" title="theme by lucas"><img src="https://cdn.discordapp.com/attachments/572574516731969546/679780696201363498/d2ab614b-aaa6-4a67-bad0-1ba8bc552f46.gif"></a></div>
  1055.  
  1056. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
  1057. <script>window.jQuery || document.write('<script src="https://static.tumblr.com/qxrkgx6/q6kmgn2w2/jquery-1.8.3.min.js"><\/script>')</script>
  1058.  
  1059. </body>
  1060. </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!