API tools faq
paste
snailmailed

hunting party theme

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