API tools faq
paste
os2d

gmod

os2d
Aug 29th, 2020 (edited)
1,535
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 26.44 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <head>
  3.  
  4. <!-----
  5. theme by @ramdons dm me for help or whatever
  6. ----->
  7.  
  8. <meta charset="utf-8">
  9. <meta https-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  10. {block:Description}
  11. <meta name="description" content="{MetaDescription}" />
  12. {/block:Description}
  13.  
  14. <title>{Title}</title>
  15.  
  16. {block:ifredirect}
  17. {block:IndexPage}<script type="text/javascript">
  18. var url = location.href;
  19. if (url == "{BlogURL}") {
  20. window.location = "{BlogURL}tagged/{text:redirect tag}";
  21. }
  22. </script>{/block:IndexPage}
  23. {/block:ifredirect}
  24.  
  25. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  26. <link rel="stylesheet" href="https://static.tumblr.com/qxrkgx6/RWPmgn2qa/normalize.min.css">
  27.  
  28. <script src="https://static.tumblr.com/qxrkgx6/LuRmgn2rm/modernizr-2.6.2.min.js"></script>
  29.  
  30. <meta name="image:favicon" content="">
  31. <meta name="image:icon" content="">
  32.  
  33. <meta name="image:perma pixel" content=""/>
  34.  
  35. <meta name="image:bg" content=""/>
  36. <meta name="image:post bg" content="">
  37. <meta name="image:inner post bg" content="">
  38.  
  39. <meta name="color:bg" content=""/>
  40. <meta name="color:post bg" content="">
  41. <meta name="color:inner post bg" content="">
  42.  
  43. <meta name="color:scrollbar thumb" content="">
  44. <meta name="color:scrollbar bg" content="">
  45. <meta name="color:tooltip bg" content="">
  46.  
  47. <meta name="color:border" content="">
  48. <meta name="color:inner border" content="">
  49. <meta name="color:icon border" content="">
  50.  
  51. <meta name="color:text" content="">
  52. <meta name="color:text glow" content="">
  53.  
  54. <meta name="color:link" content="">
  55. <meta name="color:link outline" content="">
  56. <meta name="color:link glow" content="">
  57. <meta name="color:link hover" content="">
  58. <meta name="color:link outline hover" content="">
  59. <meta name="color:link glow hover" content="">
  60.  
  61. <meta name="color:selection" content="#000">
  62. <meta name="color:selection bg" content="#efefef">
  63.  
  64. <meta name="if:cover bg" content="">
  65. <meta name="if:inner post" content="" >
  66.  
  67. <meta name="if:redirect" content="" >
  68. <meta name="if:fancy scrollbar" content="">
  69.  
  70. <meta name="if:text glow" content="">
  71. <meta name="if:link glow" content="">
  72. <meta name="if:link outline" content="">
  73. <meta name="if:link drop" content="">
  74. <meta name="if:link blur" content="">
  75. <meta name="if:link strikethrough" content="">
  76. <meta name="if:link italic" content="">
  77. <meta name="if:link bold" content="">
  78. <meta name="if:rainbow links" content="">
  79. <meta name="if:pastel rainbow links" content="">
  80.  
  81. <meta name="if:rounded" content="" >
  82.  
  83. <meta name="if:captions" content="" >
  84. <meta name="if:tags" content="" >
  85. <meta name="if:footer" content="" >
  86.  
  87. <meta name="select:font" content="arial">
  88. <meta name="select:font" content="ms pgothic">
  89. <meta name="select:font" content="times">
  90. <meta name="select:font" content="Lucida Sans Unicode">
  91. <meta name="select:font" content="short stack">
  92. <meta name="select:font" content="bellota">
  93. <meta name="select:font" content="Liu Jian Mao Cao">
  94. <meta name="select:font" content="Playfair Display">
  95. <meta name="select:font" content="Pacifico">
  96. <meta name="select:font" content="Rajdhani">
  97. <meta name="select:font" content="Bebas Neue">
  98. <meta name="select:font" content="Advent Pro">
  99. <meta name="select:font" content="Orbitron">
  100. <meta name="select:font" content="Metal Mania">
  101. <meta name="select:font" content="MuseoModerno">
  102. <meta name="select:font" content="Staatliches">
  103.  
  104. <meta name="select:border" content="none">
  105. <meta name="select:border" content="solid">
  106. <meta name="select:border" content="dotted">
  107. <meta name="select:border" content="dashed">
  108. <meta name="select:border" content="outset">
  109. <meta name="select:border" content="ridge">
  110. <meta name="select:border" content="double">
  111.  
  112. <meta name="select:border width" content="1">
  113. <meta name="select:border width" content="2">
  114. <meta name="select:border width" content="3">
  115. <meta name="select:border width" content="4">
  116. <meta name="select:border width" content="5">
  117. <meta name="select:border width" content="6">
  118.  
  119. <meta name="select:inner border" content="none">
  120. <meta name="select:inner border" content="solid">
  121. <meta name="select:inner border" content="dotted">
  122. <meta name="select:inner border" content="dashed">
  123. <meta name="select:inner border" content="outset">
  124. <meta name="select:inner border" content="ridge">
  125. <meta name="select:inner border" content="double">
  126.  
  127. <meta name="select:inner border width" content="1">
  128. <meta name="select:inner border width" content="2">
  129. <meta name="select:inner border width" content="3">
  130. <meta name="select:inner border width" content="4">
  131. <meta name="select:inner border width" content="5">
  132. <meta name="select:inner border width" content="6">
  133.  
  134. <meta name="select:icon border" content="none">
  135. <meta name="select:icon border" content="solid">
  136. <meta name="select:icon border" content="dotted">
  137. <meta name="select:icon border" content="dashed">
  138. <meta name="select:icon border" content="outset">
  139. <meta name="select:icon border" content="ridge">
  140. <meta name="select:icon border" content="double">
  141.  
  142. <meta name="select:icon border width" content="1">
  143. <meta name="select:icon border width" content="2">
  144. <meta name="select:icon border width" content="3">
  145. <meta name="select:icon border width" content="4">
  146. <meta name="select:icon border width" content="5">
  147. <meta name="select:icon border width" content="6">
  148.  
  149. <meta name="select:perma pixel width" content="auto">
  150. <meta name="select:perma pixel width" content="20">
  151. <meta name="select:perma pixel width" content="50">
  152. <meta name="select:perma pixel width" content="100">
  153.  
  154. <meta name="text:description" content="">
  155. <meta name="text:note text" content="%">
  156. <meta name="text:marquee speed" content="5">
  157. <meta name="text:font size" content="20">
  158. <meta name="text:pixel rotation" content="45deg">
  159. <meta name="text:redirect tag" content="">
  160.  
  161. <link rel="shortcut icon" href="{image:favicon}">
  162. <script src="https://static.tumblr.com/qxrkgx6/LuRmgn2rm/modernizr-2.6.2.min.js"></script>
  163.  
  164. <link href="https://fonts.googleapis.com/css?family=Advent+Pro|Bebas+Neue|Bellota|Liu+Jian+Mao+Cao|Orbitron|Pacifico|Playfair+Display|Rajdhani&display=swap" rel="stylesheet">
  165.  
  166. <link href="https://fonts.googleapis.com/css2?family=Metal+Mania&family=MuseoModerno:wght@531&family=Press+Start+2P&family=Short+Stack&family=Staatliches&display=swap" rel="stylesheet">
  167.  
  168. <script src="https://static.tumblr.com/qxrkgx6/LuRmgn2rm/modernizr-2.6.2.min.js"></script>
  169.  
  170.  
  171.  
  172. <style type="text/css">
  173.  
  174. /*Scrollbar and Selection*/
  175.  
  176. ::selection {
  177. background: {color:selection bg};
  178. color: {color:selection};
  179. }
  180. ::-moz-selection {
  181. background: {color:selection bg};
  182. color: {color:selection};
  183. }
  184.  
  185. {block:iffancyscrollbar}
  186. ::-webkit-scrollbar {
  187. width: 16px;
  188. height: 10px;
  189. }
  190. ::-webkit-scrollbar-thumb {
  191. background-color: #fff;
  192. background-image: url(https://i.imgur.com/Qtm9Z60.png);
  193. border-top: 1px solid #bdbdbd;
  194. border-left: 1px solid #bdbdbd;
  195. border-right: 1px solid black;
  196. border-bottom: 1px solid black;
  197. }
  198. ::-webkit-scrollbar-track {
  199. background-color: #fff;
  200. background-image: url(https://i.imgur.com/IGXGYKz.png);
  201. }
  202. ::-webkit-scrollbar-button:vertical:increment {
  203. background-image: url(https://i.imgur.com/WhC8iy3.png);
  204. width: 14px;
  205. height: 16px;
  206. border-top: 1px solid #bdbdbd;
  207. border-left: 1px solid #bdbdbd;
  208. border-right: 1px solid black;
  209. border-bottom: 1px solid black;
  210. }
  211. ::-webkit-scrollbar-button:vertical:decrement {
  212. background-image: url(https://i.imgur.com/fQ18mrR.png);
  213. border-top: 1px solid #bdbdbd;
  214. border-left: 1px solid #bdbdbd;
  215. border-right: 1px solid black;
  216. border-bottom: 1px solid black;
  217. width: 14px;
  218. height: 16px;
  219. }
  220. {/block:iffancyscrollbar}
  221.  
  222.  
  223. {block:ifnotfancyscrollbar}
  224. ::-webkit-scrollbar {
  225. width: 16px;
  226. height: 10px;
  227. }
  228. ::-webkit-scrollbar-thumb {
  229. background:{color:scrollbar thumb};
  230. border: 1px outset {color:scrollbar thumb};
  231. {block:ifrounded}
  232. border-radius:5px;
  233. {/block:ifrounded}
  234. }
  235. ::-webkit-scrollbar-track {
  236. background:{color:scrollbar bg};
  237. }
  238.  
  239. ::-webkit-scrollbar-button:vertical:increment {
  240. background:{color:scrollbar thumb};
  241. border: 1px outset {color:scrollbar thumb};
  242. width: 14px;
  243. height: 16px;
  244. }
  245. ::-webkit-scrollbar-button:vertical:decrement {
  246. background:{color:scrollbar thumb};
  247. border: 1px outset {color:scrollbar thumb};
  248. width: 14px;
  249. height: 16px;
  250. }
  251. {/block:ifnotfancyscrollbar}
  252.  
  253.  
  254. /*
  255. general text styles, fonts and colours
  256. */
  257.  
  258. *{
  259. padding:0;
  260. margin:0;
  261. }
  262.  
  263. body {
  264. padding:0px;
  265. margin:0px;
  266.  
  267. background:{color:bg};
  268. background-image: url('{image:bg}');
  269. {block:ifnotcoverbg}
  270. background-repeat: repeat;
  271. background-attachment: fixed;
  272. {/block:ifnotcoverbg}
  273. {block:ifcoverbg}
  274. background-size: cover;
  275. background-attachment: fixed;
  276. {/block:ifcoverbg}
  277. overflow-x:hidden;
  278. overflow-y:auto;
  279.  
  280. font-family:{select:font};
  281. font-size:{text:font size}px;
  282. line-height:140%;
  283.  
  284. color:{color:text};
  285. {block:iftextglow}
  286. text-shadow: 0 0 2px {color:text glow};
  287. {/block:iftextglow}
  288.  
  289. }
  290.  
  291. p{
  292. margin:0;
  293. padding:0;
  294. }
  295.  
  296. pre {
  297. white-space: pre-wrap;
  298. white-space: -moz-pre-wrap;
  299. white-space: -pre-wrap;
  300. white-space: -o-pre-wrap;
  301. word-wrap: break-word;
  302. }
  303.  
  304. li{
  305. margin-left:-15px;
  306. }
  307.  
  308.  
  309. /*Links styling*/
  310. a{
  311. color:{color:link};
  312. text-decoration:none;
  313.  
  314. {block:iflinkglow}
  315. text-shadow:0 0 2px {color:link glow}, 0 0 2px {color:link glow};
  316. {/block:iflinkglow}
  317.  
  318. {block:iflinkoutline}
  319.  
  320. text-shadow: -1px 0 {color:link outline}, 0 1px {color:link outline}, 1px 0 {color:link outline}, 0 -1px {color:link outline}{block:iflinkglow}, 0 0 3px {color:link glow}, 0 0 3px {color:link glow} {/block:iflinkglow};
  321.  
  322. {/block:iflinkoutline}
  323.  
  324.  
  325. {block:iflinkbold}
  326. font-weight:bold;
  327. {/block:iflinkbold}
  328.  
  329. transition:0.3s;
  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.  
  334. }
  335.  
  336. a:hover{
  337. color:{color:link hover};
  338.  
  339. {block:iflinkglow}
  340. text-shadow:0 0 2px {color:link glow hover}, 0 0 2px {color:link glow hover};
  341. {/block:iflinkglow}
  342.  
  343. {block:iflinkstrikethrough}
  344. text-decoration: line-through;
  345. {/block:iflinkstrikethrough}
  346.  
  347. {block:iflinkitalic}
  348. font-style: italic;
  349. {/block:iflinkitalic}
  350.  
  351. {block:iflinkblur}
  352. filter: blur(1px);
  353. {/block:iflinkblur}
  354.  
  355. {block:ifrainbowlinks}
  356. -webkit-animation:rainbow 1s infinite;
  357. -ms-animation:rainbow 1s infinite;
  358. -o-animation:rainbow 1s infinite;
  359. animation:rainbow 1s infinite;
  360. {/block:ifrainbowlinks}
  361.  
  362. {block:ifpastelrainbowlinks}
  363. -webkit-animation:pastelrainbow 1s infinite;
  364. -ms-animation:pastelrainbow 1s infinite;
  365. -o-animation:pastelrainbow 1s infinite;
  366. animation:pastelrainbow 1s infinite;
  367. {/block:ifpastelrainbowlinks}
  368.  
  369.  
  370. {block:iflinkoutline}
  371. text-shadow: -1px 0 {color:link outline hover}, 0 1px {color:link outline hover}, 1px 0 {color:link outline hover}, 0 -1px {color:link outline hover}{block:iflinkglow}, 0 0 3px {color:link glow hover}, 0 0 3px {color:link glow hover} {/block:iflinkglow};
  372. {/block:iflinkoutline}
  373.  
  374.  
  375. {block:iflinkblur}
  376. filter: blur(1px);
  377. {/block:iflinkblur}
  378.  
  379. {block:iflinkdrop}
  380. text-shadow: 0 1px 1px {color:link outline hover}, 0 1px 1px {color:link outline hover}, 0 1px 0px{color:link outline hover}, 0px 1px 0px {color:link outline hover}, 0px 2px 0px {color:link outline hover}, 0px 3px 0px {color:link outline hover},0px 4px 0px {color:link outline hover};
  381. {/block:iflinkdrop}
  382.  
  383. transition:0.3s;
  384. -o-transition: all 0.3s ease-out;
  385. -webkit-transition: all 0.3s ease-out;
  386. -moz-transition: all 0.3s ease-out;
  387. cursor:help;
  388. }
  389.  
  390. /*
  391. containers etc
  392. */
  393. #wrapper{
  394. width:800px;
  395. margin:50px auto;
  396. }
  397.  
  398. #sidebar{
  399. width:110px;
  400. position:fixed;
  401. }
  402.  
  403. #content{
  404. width:400px;
  405. margin-left:375px;
  406. overflow:hidden;
  407. }
  408.  
  409. #sidebar{
  410. position: fixed;
  411. top: 40%;
  412. transform: translateY(-50%);
  413. }
  414.  
  415. #sidebar a img{
  416. width:300px;
  417. background:white;
  418. border: {select:icon border width}px {select:icon border} {color:icon border};
  419.  
  420. {block:ifrounded}
  421. border-radius: 5px;
  422. {/block:ifrounded}
  423.  
  424. }
  425.  
  426. #gay{
  427. width:calc(300px + {select:icon border width}px * 2);
  428. box-sizing: border-box;
  429. padding: 0;
  430. margin: 0;
  431. display:flex;
  432. align-items:center;
  433. }
  434.  
  435.  
  436. #description{
  437. overflow: hidden;
  438. white-space: nowrap;
  439. display:inline-block;
  440. width:100%;
  441. }
  442.  
  443. .marquee{
  444. display: inline-block;
  445. padding-left: 100%;
  446. animation: marquee {text:marquee speed}s linear infinite;
  447. }
  448.  
  449. .post img{
  450. max-width:100%;
  451. }
  452.  
  453. #perma{
  454. position:absolute;
  455. margin-left: 380px;
  456. margin-top: -30px;
  457. }
  458.  
  459. #perma img{
  460. width:{select:perma pixel width}px;
  461. }
  462.  
  463.  
  464. /*Post Styling*/
  465. .post{
  466. box-sizing:border-box;
  467. padding:10px 10px 0 10px;
  468. margin: 25px auto;
  469. overflow:hidden;
  470. z-index:2;
  471.  
  472. text-align:left;
  473.  
  474. width:400px;
  475.  
  476. background:{color:post bg};
  477. background-image: url('{image:post bg}');
  478.  
  479. border: {select:border width}px {select:border} {color:border};
  480.  
  481. {block:ifrounded}
  482. border-radius: 5px;
  483. {/block:ifrounded}
  484.  
  485. {block:ifnotinnerpost}
  486. padding:10px;
  487. {/block:ifnotinnerpost}
  488.  
  489. transition:0.3s;
  490. -o-transition: all 0.3s ease-out;
  491. -webkit-transition: all 0.3s ease-out;
  492. -moz-transition: all 0.3s ease-out;
  493.  
  494. -webkit-animation: fadeIn 0.3s;
  495. animation: fadeIn 0.3s;
  496. }
  497.  
  498. .post img{
  499. max-width:100%;
  500. }
  501.  
  502. #content .post:first-of-type{
  503. margin-top:0;
  504. }
  505.  
  506. #content .post:last-of-type{
  507. margin-bottom:0;
  508. }
  509.  
  510. .insides{
  511. padding-top:1px;
  512. {block:ifinnerpost}
  513. box-sizing:border-box;
  514. background:{color:inner post bg};
  515. background-image: url('{image:inner post bg}');
  516. padding:10px;
  517. margin-bottom:10px;
  518. border: {select:inner border width}px {select:inner border} {color:inner border};
  519.  
  520. {block:ifrounded}
  521. border-radius: 5px;
  522. {/block:ifrounded}
  523. {/block:ifinnerpost}
  524. }
  525.  
  526.  
  527. /*
  528. content in the body of the posts - quotes, asks, etc
  529. "media" contains photos, photosets, videos, audio posts
  530. */
  531.  
  532. h2{
  533. margin:10px 0;
  534. }
  535.  
  536. .media{
  537. box-sizing:border-box;
  538.  
  539. margin:0 0 calc(10px + 0.2rem) 0;
  540.  
  541. {block:ifnotinnerpost}
  542. margin:0 0 0.2rem 0;
  543. {/block:ifnotinnerpost}
  544.  
  545. }
  546.  
  547. .media img{
  548. {block:ifrounded}
  549. border-radius: 5px;
  550. {/block:ifrounded}
  551. margin-bottom: -10px;
  552. }
  553.  
  554. .title{
  555. font-weight:normal;
  556. font-size:18px;
  557. margin:0 0 10px 0;
  558. }
  559.  
  560. .quote{
  561. font-weight:normal;
  562. font-size:16px;
  563. font-style:italic;
  564. margin:0 0 10px 0;
  565. }
  566.  
  567. .question{
  568. margin-bottom:10px;
  569. border: 1px outset gray;
  570. background-image: url(https://i.imgur.com/IGXGYKz.png);
  571. padding: 10px 10px 10px 10px;
  572. color:black;
  573. {block:ifrounded}
  574. border-radius: 5px;
  575. {/block:ifrounded}
  576. }
  577.  
  578. blockquote{
  579. margin:0 0 10px 10px;
  580. padding:0 0 0 10px;
  581. border-left:solid 1px #000;
  582. }
  583.  
  584. .html_photoset{
  585. margin-bottom:-10px;
  586. }
  587.  
  588. .html_photoset iframe{
  589. max-width:100%;
  590. }
  591.  
  592. .tumblr_video_container, .tumblr_video_container iframe{
  593. max-width:100%;
  594. }
  595. /*
  596. post footers - date, tags, via and source
  597. */
  598. .post .footer{
  599. margin:0;
  600. text-align:left;
  601. }
  602.  
  603. .caption{
  604. {block:ifnotinnerpost}
  605. margin-top:10px;
  606. {/block:ifnotinnerpost}
  607. }
  608.  
  609.  
  610. /*
  611. post notes
  612. */
  613. ol.notes{
  614. box-sizing:border-box;
  615. padding: 10px;
  616. margin: 0;
  617. margin-bottom: 10px;
  618.  
  619. {block:ifnotinnerpost}
  620. padding: 0;
  621. margin: 10px 0;
  622. {/block:ifnotinnerpost}
  623.  
  624. list-style-type: none;
  625. max-height: 300px;
  626. overflow: auto;
  627.  
  628. {block:ifinnerpost}
  629. background:{color:inner post bg};
  630. background-image: url('{image:inner post bg}');
  631.  
  632. border: {select:inner border width}px {select:inner border} {color:inner border};
  633.  
  634. {block:ifrounded}
  635. border-radius: 5px;
  636. {/block:ifrounded}
  637. {/block:ifinnerpost}
  638.  
  639. }
  640.  
  641. ol.notes li.note img{
  642. width: 1em;
  643. height: 1em;
  644. margin: 5px;
  645. margin-bottom: -4px;
  646. }
  647.  
  648. ol.notes li.note{
  649. margin:0px;
  650. }
  651.  
  652.  
  653.  
  654. /*AUDIO*/
  655.  
  656. .playbutton {
  657. position:relative;
  658. margin-top:45px;
  659. margin-left:44px;
  660. z-index:9;
  661. width:33px;
  662. height:30px;
  663. overflow:hidden;
  664.  
  665. }
  666.  
  667. .audio-player{
  668. background:none !important;
  669. color:white !important;
  670. }
  671.  
  672. .albumart{
  673. padding-bottom:-10px;
  674. }
  675.  
  676. .albumart img {
  677. background:url(https://i.imgur.com/IGXGYKz.png);
  678. position:relative;
  679. margin-top:-75px;
  680. margin-left:0px
  681. height:120px;
  682. width:120px;
  683.  
  684. border: 1px outset #bdbdbd;
  685.  
  686. {block:ifrounded}
  687. -webkit-border-top-left-radius: 5px;
  688. -webkit-border-bottom-left-radius: 5px;
  689. -moz-border-radius-topleft: 5px;
  690. -moz-border-radius-bottomleft: 5px;
  691. border-top-left-radius: 5px;
  692. border-bottom-left-radius: 5px;
  693. {/block:ifrounded}
  694.  
  695.  
  696. }
  697.  
  698. .trackinfo {
  699. border: 1px outset #bdbdbd;
  700. background:#000;
  701. background:url(https://i.imgur.com/IGXGYKz.png);
  702. color:black;
  703. top:-13px;
  704. position:relative;
  705. margin-left:120px;
  706. height:120px;
  707. margin-top:-120px;
  708. font-size:15px;
  709. overflow:auto;
  710.  
  711. {block:ifrounded}
  712. -webkit-border-top-right-radius: 5px;
  713. -webkit-border-bottom-right-radius: 5px;
  714. -moz-border-radius-topright: 5px;
  715. -moz-border-radius-bottomright: 5px;
  716. border-top-right-radius: 5px;
  717. border-bottom-right-radius: 5px;
  718. {/block:ifrounded}
  719.  
  720. }
  721.  
  722. .trackname {
  723. position:relative;
  724. padding-top:10px;
  725. text-align:center;
  726. text-transform:uppercase;
  727.  
  728. }
  729.  
  730. .artist {
  731. text-align:center;
  732. text-transform:uppercase;
  733. font-style: italic;
  734. }
  735.  
  736. /*tags*/
  737. .tags {
  738. line-height:140%;
  739. text-align:left;
  740. max-height:0px;
  741. opacity:0;
  742.  
  743. {block:ifinnerpost}
  744. background:{color:inner post bg};
  745. background-image: url('{image:inner post bg}');
  746.  
  747. border: {select:inner border width}px {select:inner border} {color:inner border};
  748.  
  749. {block:ifrounded}
  750. border-radius: 5px;
  751. {/block:ifrounded}
  752. {/block:ifinnerpost}
  753.  
  754. transition: all 0.5s ease;
  755. -webkit-transition: all 0.5s ease;
  756. -moz-transition: all 0.5s ease;
  757. -o-transition: all 0.5s ease;
  758. }
  759.  
  760. .post:hover .tags{
  761. padding:10px;
  762. margin-bottom:10px;
  763. max-height:300px;
  764. opacity:1;
  765.  
  766. {block:ifnotinnerpost}
  767. padding:0;
  768. padding-top:10px;
  769. margin:0;
  770. {/block:ifnotinnerpost}
  771.  
  772. transition: all 0.5s ease;
  773. -webkit-transition: all 0.5s ease;
  774. -moz-transition: all 0.5s ease;
  775. -o-transition: all 0.5s ease;
  776. }
  777.  
  778.  
  779. /*Animations*/
  780.  
  781.  
  782. @-webkit-keyframes fadeIn {
  783. from { opacity: 0; }
  784. to { opacity: 1; }
  785. }
  786. @keyframes fadeIn {
  787. from { opacity: 0; }
  788. to { opacity: 1; }
  789. }
  790.  
  791. @-webkit-keyframes rainbow {
  792. 0% {color: #ff0000;}
  793. 10% {color: #ff8000;}
  794. 20% {color: #ffff00;}
  795. 30% {color: #80ff00;}
  796. 40% {color: #00ff00;}
  797. 50% {color: #00ff80;}
  798. 60% {color: #00ffff;}
  799. 70% {color: #0080ff;}
  800. 80% {color: #0000ff;}
  801. 90% {color: #8000ff;}
  802. 100% {color: #ff0080;}
  803. }
  804. @-ms-keyframes rainbow {
  805. 0% {color: #ff0000;}
  806. 10% {color: #ff8000;}
  807. 20% {color: #ffff00;}
  808. 30% {color: #80ff00;}
  809. 40% {color: #00ff00;}
  810. 50% {color: #00ff80;}
  811. 60% {color: #00ffff;}
  812. 70% {color: #0080ff;}
  813. 80% {color: #0000ff;}
  814. 90% {color: #8000ff;}
  815. 100% {color: #ff0080;}
  816. }
  817. @-o-keyframes rainbow {
  818. 0% {color: #ff0000;}
  819. 10% {color: #ff8000;}
  820. 20% {color: #ffff00;}
  821. 30% {color: #80ff00;}
  822. 40% {color: #00ff00;}
  823. 50% {color: #00ff80;}
  824. 60% {color: #00ffff;}
  825. 70% {color: #0080ff;}
  826. 80% {color: #0000ff;}
  827. 90% {color: #8000ff;}
  828. 100% {color: #ff0080;}
  829. }
  830. @keyframes rainbow {
  831. 0% {color: #ff0000;}
  832. 10% {color: #ff8000;}
  833. 20% {color: #ffff00;}
  834. 30% {color: #80ff00;}
  835. 40% {color: #00ff00;}
  836. 50% {color: #00ff80;}
  837. 60% {color: #00ffff;}
  838. 70% {color: #0080ff;}
  839. 80% {color: #0000ff;}
  840. 90% {color: #8000ff;}
  841. 100% {color: #ff0080;}
  842. }
  843.  
  844. /*PASTEL RAINBOW*/
  845. @-webkit-keyframes pastelrainbow {
  846. 0% {color: #ff9494; }
  847. 16% {color: #ffbb94; }
  848. 32% {color: #ffe194; }
  849. 48% {color: #b1f2ba; }
  850. 64% {color: #b8f5ff; }
  851. 80% {color: #d8b8ff; }
  852. 100% {color: #ffb8ee; }
  853. }
  854. @-ms-keyframes pastelrainbow {
  855. 0% {color: #ff9494; }
  856. 16% {color: #ffbb94; }
  857. 32% {color: #ffe194; }
  858. 48% {color: #b1f2ba; }
  859. 64% {color: #b8f5ff; }
  860. 80% {color: #d8b8ff; }
  861. 100% {color: #ffb8ee; }
  862. }
  863. @-o-keyframes pastelrainbow {
  864. 0% {color: #ff9494; }
  865. 16% {color: #ffbb94; }
  866. 32% {color: #ffe194; }
  867. 48% {color: #b1f2ba; }
  868. 64% {color: #b8f5ff; }
  869. 80% {color: #d8b8ff; }
  870. 100% {color: #ffb8ee; }
  871. }
  872. @keyframes pastelrainbow {
  873. 0% {color: #ff9494; }
  874. 16% {color: #ffbb94; }
  875. 32% {color: #ffe194; }
  876. 48% {color: #b1f2ba; }
  877. 64% {color: #b8f5ff; }
  878. 80% {color: #d8b8ff; }
  879. 100% {color: #ffb8ee; }
  880. }
  881.  
  882. @keyframes marquee{
  883. 0% {
  884. transform: translate(0, 0);
  885. }
  886. 100% {
  887. transform: translate(-100%, 0);
  888. }
  889. }
  890.  
  891.  
  892. /*custom tooltip*/
  893. #s-m-t-tooltip {
  894. z-index: 938458935;
  895. background: {color:tooltip bg}7a;
  896. font-size: {text:font size}px;
  897. line-height: 140%;
  898. text-align:center;
  899. font-family:{text:font};
  900. letter-spacing: 1px;
  901. text-transform: normal;
  902. border: {select:inner border width}px {select:inner border} {color:inner border};
  903. {block:ifrounded}
  904. border-radius: 5px;
  905. {/block:ifrounded}
  906. max-width: 300px;
  907. word-wrap: normal;
  908. padding: 5px;
  909. display: block;
  910. margin:10px;
  911.  
  912. -o-transition: all 0.3s ease-out;
  913. -webkit-transition: all 0.3s ease-out;
  914. -moz-transition: all 0.3s ease-out;
  915. }
  916.  
  917. {CustomCSS}
  918. </style>
  919. <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.14.0/css/all.css" integrity="sha384-HzLeBuhoNPvSl5KYnjx0BT+WB0QEEqLprO+NBkkk5gbc67FTaL7XIGa2w1L0Xbgc" crossorigin="anonymous">
  920.  
  921.  
  922. </head>
  923.  
  924. <body>
  925.  
  926. <a title='ramdons' href='https://ramdons.tumblr.com' style='filter:none;'><img style='position:fixed; bottom:5px; left:5px; width:20px; filter:none;' src='https://cdn.discordapp.com/attachments/392883996952100887/734223693206782025/723745494513221652.png'></a>
  927.  
  928.  
  929. <div id="wrapper">
  930.  
  931.  
  932. <div id="sidebar">
  933. <a href='/'><img src='{image:icon}'></a>
  934.  
  935. <div id='gay'>
  936.  
  937. {block:Pagination}
  938. {block:PreviousPage}
  939. <a href='{PreviousPage}' style='margin-right:10px;'><i class="fas fa-arrow-left"></i></a>
  940. {/block:PreviousPage}
  941. {/block:Pagination}
  942.  
  943.  
  944. <div id='description'>
  945. <span class='marquee'>{text:description}</span>
  946. </div>
  947.  
  948. {block:Pagination}
  949. {block:NextPage}
  950. <a href='{NextPage}' style='margin-left:10px;'><i class="fas fa-arrow-right"></i></a>
  951. {/block:NextPage}
  952. {/block:Pagination}
  953.  
  954.  
  955. </div>
  956.  
  957. </div>
  958.  
  959.  
  960.  
  961. <div id="content">
  962. {block:Posts}
  963.  
  964. <!--Posts-->
  965.  
  966. <div class="post">
  967.  
  968. {block:iffooter}
  969. <a id='perma' href='{Permalink}' title='{NoteCount}{text:note text}'>
  970. <img src='{image:perma pixel}' style='transform: rotate({text:pixel rotation});'>
  971. </a>
  972. {/block:iffooter}
  973.  
  974. <!--General Post Formatting-->
  975. {block:Text}
  976. <div class='insides'>
  977. {block:Title}
  978. <div class="title" style='font-size:1.25em;'>
  979. <b>{Title}</b>
  980. </div>
  981. {/block:Title}
  982. {Body}
  983. </div>
  984. {/block:Text}
  985.  
  986. {block:Photo}
  987. <div class="media">
  988. {LinkOpenTag}
  989. <img src="{PhotoURL-500}" alt="{PhotoAlt}"/>
  990. {LinkCloseTag}
  991.  
  992. {block:ifcaptions}
  993. {block:Caption}
  994. <div class="caption insides">
  995. {Caption}
  996. </div>
  997. {/block:Caption}
  998. {/block:ifcaptions}
  999.  
  1000. </div>
  1001.  
  1002. {/block:Photo}
  1003.  
  1004. {block:Photoset}
  1005. <div class="media">{Photoset-400}</div>
  1006.  
  1007. {block:Photos} {/block:Photos}
  1008.  
  1009. {block:Caption}
  1010. {block:ifcaptions}
  1011. {block:Caption}
  1012. <div class="caption insides">
  1013. {Caption}
  1014. </div>
  1015. {/block:Caption}
  1016. {/block:ifcaptions}
  1017. {/block:Caption}
  1018. {/block:Photoset}
  1019.  
  1020. {block:Quote}
  1021. <div class='insides'>
  1022.  
  1023. <div class="quote">"{Quote}"</div>
  1024. {block:Source}
  1025. <div class="quotesource">{Source}</div>
  1026. {/block:Source}
  1027. </div>
  1028. {/block:Quote}
  1029.  
  1030. {block:Link}
  1031. <div class='insides'>
  1032.  
  1033. <div class="title">
  1034. <a href="{URL}">{Name}</a>
  1035. </div>
  1036. {block:Description}
  1037. <div class="description">{Description}</div>
  1038. {/block:Description}
  1039. </div>
  1040. {/block:Link}
  1041.  
  1042. {block:Chat}
  1043. <div class='insides'>
  1044.  
  1045. {block:Title}
  1046. <div class="title">{Title}</div>
  1047.  
  1048. {/block:Title}
  1049.  
  1050. {block:Lines}
  1051. <div class="{Alt} user_{UserNumber}">
  1052. {block:Label}
  1053. <b>{Label}</b>
  1054. {/block:Label}
  1055. &nbsp;{Line}
  1056. </div>
  1057. {/block:Lines}
  1058. </div>
  1059. {/block:Chat}
  1060.  
  1061. {block:Video}
  1062. <div class="media">{Video-400}</div>
  1063. {block:Caption}
  1064. <div class="caption insides">{Caption}</div>
  1065. {/block:Caption}
  1066. {/block:Video}
  1067.  
  1068. {block:Audio}
  1069. <div class='insides' style='padding-bottom:0;'>
  1070. {block:AudioPlayer}
  1071. <div class='playbutton'>{AudioPlayerGrey}</div>
  1072. {block:AlbumArt}<div class='albumart'><img src='{AlbumArtURL}'></div>{/block:AlbumArt}
  1073. <div class='trackinfo'>
  1074. <div class='trackname'>
  1075. {block:TrackName}{TrackName}{/block:TrackName}
  1076. </div>
  1077. <div class='artist'>
  1078. {block:Artist}{Artist}{/block:Artist}
  1079. </div>
  1080. </div>
  1081. {block:Caption}{Caption}{/block:Caption}
  1082. {/block:AudioPlayer}
  1083. </div>
  1084. {/block:Audio}
  1085.  
  1086. {block:Answer}
  1087. <div class='insides'>
  1088.  
  1089. <div class="question">{Asker}: {Question}</div>
  1090. <div class="caption">{Answer}</div>
  1091. </div>
  1092. {/block:Answer}
  1093.  
  1094. <!--General Post Formatting End-->
  1095.  
  1096. <!--Tags-->
  1097.  
  1098. {block:iftags}
  1099. {block:HasTags}
  1100. <div class='tags'>
  1101. {block:Tags}
  1102. #<a href="{TagURL}">{Tag}</a>
  1103. {/block:Tags}
  1104. </div>
  1105. {/block:HasTags}
  1106. {/block:iftags}
  1107.  
  1108. <!--Tags End-->
  1109.  
  1110.  
  1111. <!--{block:Date}-->
  1112. <!--<div class="footer">-->
  1113. <!--<a href="{Permalink}">{TimeAgo}{block:NoteCount} ({NoteCountWithLabel}){/block:NoteCount}</a>-->
  1114. <!--{block:HasTags}<br>{block:Tags}<a href="{TagURL}">{Tag}</a> {/block:Tags}{/block:HasTags}-->
  1115. <!--{block:RebloggedFrom}<br><a href="{ReblogParentURL}">{lang:Reblogged from ReblogParentName}</a>{/block:RebloggedFrom}-->
  1116. <!--{block:ContentSource}<br><a href="{SourceURL}">{lang:Source}: {SourceTitle}</a>{/block:ContentSource}-->
  1117. <!--</div>-->
  1118. <!--{/block:Date}-->
  1119.  
  1120. <!-- Permalink -->
  1121.  
  1122. {block:PermalinkPage}
  1123. {block:NoteCount}
  1124. {block:ifnotcaptions}
  1125. {block:Caption}
  1126. <div class="caption insides">
  1127. {Caption}
  1128. </div>
  1129. {/block:Caption}
  1130. {/block:ifnotcaptions}
  1131. {block:ifnottags}
  1132. {block:HasTags}
  1133. <div class='tags'>
  1134. {block:Tags}
  1135. <a href="{TagURL}">#{Tag}</a>
  1136. {/block:Tags}
  1137. </div>
  1138. {/block:HasTags}
  1139. {/block:ifnottags}
  1140. {block:PostNotes}{PostNotes}{/block:PostNotes}
  1141. {/block:NoteCount}
  1142. {/block:PermalinkPage}
  1143.  
  1144. <!-- Permalink End -->
  1145.  
  1146. </div>
  1147.  
  1148. <!--End Posts-->
  1149.  
  1150. {/block:Posts}
  1151.  
  1152. </div>
  1153. </div>
  1154.  
  1155. </div>
  1156.  
  1157. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
  1158. <script>window.jQuery || document.write('<script src="https://static.tumblr.com/qxrkgx6/q6kmgn2w2/jquery-1.8.3.min.js"><\/script>')</script>
  1159.  
  1160. <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>
  1161. </body>
  1162. </html>
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!