API tools faq
paste
uchihaclan

OVERWATCH THEME

uchihaclan
Apr 3rd, 2020
358
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 17.66 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <head>
  3.  
  4. <!---
  5.  
  6. OVERWATCH THEME by @ps1 -updated 4/3/2020
  7.  
  8. I hate Blizzard but I love Overwatch so much. Get it together Blizzard.
  9.  
  10. -->
  11.  
  12. <meta charset="UTF-8">
  13. <title>{Title}</title>
  14. {block:Description}
  15. <meta name="description" content="{MetaDescription}" />
  16. {/block:Description}
  17. <link rel="icon" href="{image:FavIcon}" type="image/gif" >
  18. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  19.  
  20. <link href="https://fonts.googleapis.com/css?family=Comic+Neue|Courier+Prime|Karla|Overpass|Short+Stack|Work+Sans|Nova+Square|Inconsolata&display=swap" rel="stylesheet">
  21.  
  22. <meta name="color:background" content="#000"/>
  23. <meta name="color:text" content="#000"/>
  24. <meta name="color:links" content="#fff"/>
  25. <meta name="color:links hover" content="#83919d"/>
  26. <meta name="color:gradient 1" content="#1c305a"/>
  27. <meta name="color:gradient 2" content="#7593ad"/>
  28. <meta name="color:border" content="#2e67d1"/>
  29. <meta name="color:glow border" content="#2e67d1">
  30. <meta name="color:text glow" content="#000"/>
  31. <meta name="color:links glow" content="#fff"/>
  32. <meta name="color:neon title 1" content="#000"/>
  33. <meta name="color:neon title 2" content="#2e67d1"/>
  34. <meta name="color:tooltip font" content="#000">
  35. <meta name="color:tooltip background" content="#fff">
  36.  
  37. <meta name="if:custom cursor" content="0" />
  38. <meta name="if:neon title" content="0" />
  39. <meta name="if:tile background" content="0" />
  40. <meta name="if:glow text" content="0" />
  41. <meta name="if:glow border" content="0" />
  42. <meta name="if:text underline" content="0" />
  43. <meta name="if:hide caption" content="0"/>
  44. <meta name="if:desc pixel" content="0" />
  45. <meta name="if:redirect" content="0" />
  46.  
  47. <meta name="image:background" content=""/>
  48. <meta name="image:sidebar" content="https://i.imgur.com/uBpe8KE.png"/>
  49. <meta name="image:sticker" content=""/>
  50. <meta name="image:pixel" content=""/>
  51. <meta name="image:favicon" content=""/>
  52. <meta name="image:cursor" content="https://i.imgur.com/nx9LK6f.png"/>
  53. <meta name="image:tooltip" content=""/>
  54.  
  55. <meta name="select:typeface" content="arial"/>
  56. <meta name="select:typeface" content="comic sans ms"/>
  57. <meta name="select:typeface" content="comic neue"/>
  58. <meta name="select:typeface" content="consolas"/>
  59. <meta name="select:typeface" content="courier prime"/>
  60. <meta name="select:typeface" content="inconsolata"/>
  61. <meta name="select:typeface" content="karla"/>
  62. <meta name="select:typeface" content="letters"/>
  63. <meta name="select:typeface" content="ms gothic"/>
  64. <meta name="select:typeface" content="ms pgothic"/>
  65. <meta name="select:typeface" content="neue pixel"/>
  66. <meta name="select:typeface" content="nintendo ds"/>
  67. <meta name="select:typeface" content="nova square"/>
  68. <meta name="select:typeface" content="overpass"/>
  69. <meta name="select:typeface" content="pokemon"/>
  70. <meta name="select:typeface" content="short stack"/>
  71. <meta name="select:typeface" content="tahoma"/>
  72. <meta name="select:typeface" content="times"/>
  73. <meta name="select:typeface" content="verdana"/>
  74. <meta name="select:typeface" content="work sans"/>
  75.  
  76. <meta name="select:border" content="solid"/>
  77. <meta name="select:border" content="dashed"/>
  78. <meta name="select:border" content="dotted"/>
  79. <meta name="select:border" content="double"/>
  80. <meta name="select:border" content="inset"/>
  81. <meta name="select:border" content="outset"/>
  82. <meta name="select:border" content="ridge"/>
  83. <meta name="select:border" content="groove"/>
  84.  
  85. <meta name="text:border size" content="1"/>
  86.  
  87. <meta name="text:title" content="I wasn't cut out for retirement anyways.">
  88. <meta name="text:description" content="I never was an assassin. I killed only because it was necessary.">
  89. <meta name="text:font size" content="20">
  90. <meta name="text:redirect link" content="/tagged/taghere"/>
  91. <meta name="text:links divider" content="&times;">
  92. <meta name="text:link 1" content="01">
  93. <meta name="text:link 1 url" content="/">
  94. <meta name="text:link 2" content="02">
  95. <meta name="text:link 2 url" content="/">
  96. <meta name="text:link 3" content="03">
  97. <meta name="text:link 3 url" content="/">
  98.  
  99.  
  100.  
  101. <style type="text/css">
  102. {block:IfCustomCursor}
  103. body, *, a, a:hover { cursor:url({image:cursor}), auto;}
  104. {/block:IfCustomCursor}
  105. img {max-width: 100%;}
  106. p {margin: 10px;}
  107. h1 {line-height: 130%;}
  108. big {font-size: 140%;}
  109. ul {list-style: square;}
  110.  
  111. ::-moz-selection {
  112. background: {color:background}; color: {color:links};}
  113. ::selection {
  114. background: {color:background}; color: {color:links};}
  115.  
  116. ::-webkit-scrollbar {
  117. width:10px;}
  118. ::-webkit-scrollbar-track {
  119. background-color:{color:background};}
  120. ::-webkit-scrollbar-thumb {
  121. background-color:{color:links};}
  122.  
  123. body {
  124. font-family: {select:typeface};
  125. font-size: {text:font size}px;
  126. color: {color:text};
  127. {block:IfGlowText}
  128. text-shadow: 0 0 2px {color:text glow}, 0 0 2px {color:text glow};
  129. {/block:IfGlowText}
  130. background-image: url('{image:background}');
  131. {block:IfNotTileBackground}
  132. -webkit-background-size: cover;
  133. -moz-background-size: cover;
  134. -o-background-size: cover;
  135. background-size: cover;
  136. {/block:IfNotTileBackground}
  137. background-attachment: fixed;
  138. background-color: {color:background};}
  139.  
  140. a:link, a:active, a:visited {
  141. color: {color:links};
  142. {block:IfGlowText}
  143. text-shadow: 0 0 2px {color:link glow}, 0 0 2px {color:link glow};
  144. {/block:IfGlowText}
  145. {block:IfTextUnderline}
  146. text-decoration: underline;{/block:IfTextUnderline}
  147. {block:IfNotTextUnderline}text-decoration: none;
  148. {block:IfNotTextUnderline}
  149. -webkit-transition: all 0.3s ease-in-out;
  150. -moz-transition: all 0.3s ease-in-out;
  151. -o-transition: all 0.3s ease-in-out;
  152. -ms-transition: all 0.3s ease-in-out;
  153. transition: all 0.3s ease-in-out;}
  154.  
  155. a:hover {
  156. color: {color:links hover};
  157. -webkit-transition: all 0.2s ease-in-out;
  158. -moz-transition: all 0.2s ease-in-out;
  159. -o-transition: all 0.2s ease-in-out;
  160. -ms-transition: all 0.2s ease-in-out;
  161. transition: all 0.2s ease-in-out;}
  162.  
  163. #content {
  164. width: 700px;
  165. margin:0 auto;}
  166.  
  167. #sidebar {
  168. width: 250px;
  169. text-align: center;
  170. position: fixed;
  171. margin-left: -175px;
  172. padding: 10px;
  173. border:{text:border size}px {select:border} {color:border};
  174. {block:IfGlowBorder}
  175. filter: drop-shadow(0 0 3px {color:glow border})
  176. drop-shadow(0 0 3px {color:glow border});
  177. {/block:IfGlowBorder}
  178. background: linear-gradient(to right,
  179. {color:gradient 1},
  180. {color:gradient 2});}
  181.  
  182. .blogtitle {
  183. text-align: center;
  184. font-size: 130%;
  185. margin-bottom: 10px;}
  186.  
  187. .side img {
  188. max-width: 100%;}
  189.  
  190. .desc {
  191. margin-top: 10px;
  192. margin-bottom: 10px;}
  193.  
  194. .pixel {
  195. padding: 5px;}
  196.  
  197. #sticker {
  198. bottom:0px;
  199. right:0px;
  200. position:fixed;
  201. z-index:-500;
  202. padding:0px 0px;
  203. background-color:{color:transparent};}
  204.  
  205. #credit{
  206. padding:15px;
  207. position:fixed;
  208. bottom:0px;
  209. left:0px;
  210. font-size:20px;}
  211.  
  212. #post {
  213. position: relative;
  214. width: 400px;
  215. padding: 10px;
  216. margin-top: 100px;
  217. margin-left: 200px;
  218. margin-bottom: 40px;
  219. border:{text:border size}px {select:border} {color:border};
  220. {block:IfGlowBorder}
  221. filter: drop-shadow(0 0 3px {color:glow border})
  222. drop-shadow(0 0 3px {color:glow border});
  223. {/block:IfGlowBorder}
  224. background: linear-gradient(to right,
  225. {color:gradient 1},
  226. {color:gradient 2});}
  227.  
  228. #post blockquote {
  229. margin: 20px;
  230. border-left: 1px {select:border} {color:border};}
  231.  
  232. #permap ol.notes {
  233. list-style-type: none;
  234. margin: 0;
  235. padding: 0;}
  236.  
  237. #permap img.avatar {
  238. margin: 0;
  239. width: 0;
  240. height: 0;}
  241.  
  242. .shashin {
  243. position: relative; z-index: 1; width: 100px;
  244. filter: drop-shadow(0 0 3px {color:border});
  245. padding: 5px;}
  246.  
  247. .butter {
  248. width: 30px;
  249. height: 50px;
  250. overflow: hidden;
  251. position: relative;
  252. z-index: 2;
  253. margin: 30px 0px 0px 0px;}
  254.  
  255. .playa {
  256. margin-top: -97px;
  257. margin-left: 43px;
  258. position: absolute;}
  259.  
  260. .stuff {
  261. width: 75%;
  262. position: absolute;
  263. margin-top: -100px;
  264. margin-left: 110px;
  265. height: 100px;
  266. font-size: 18px;
  267. line-height: 100%;}
  268.  
  269. .spotify_audio_player {height:80px!important; width:100%!important;}
  270. .soundcloud_audio_player {height:150px!important; width:100%!important;}
  271.  
  272.  
  273. .q {
  274. text-transform: uppercase;
  275. margin-bottom: 10px;
  276. text-align: left;}
  277. .a {
  278. border: 1px {select:border} {color:border};
  279. text-align: center;
  280. color: {color:links};
  281. padding: 5px;
  282. background-color: {color:background};}
  283.  
  284. {block:IndexPage}
  285. #perma {
  286. text-align: left;
  287. padding: 5px;
  288. margin-top: 10px;
  289. border: 1px {select:border} {color:border};}
  290.  
  291. #tags {
  292. text-align: left;
  293. padding: 5px;
  294. margin-top: 5px;
  295. border: 1px {select:border} {color:border};}
  296. {/block:IndexPage}
  297.  
  298. #s-m-t-tooltip {
  299. background-color: {color:tooltip background};
  300. background-image: url('{image:tooltip}');
  301. color: {color:tooltip font};
  302. {block:IfGlowText}
  303. text-shadow: 0 0 2px {color:tooltip font},
  304. 0 0 2px {color:tooltip font};
  305. {/block:IfGlowText}
  306. z-index: 999999999;
  307. text-transform: normal;
  308. text-align: center;
  309. font-weight: normal;
  310. transition: all 0.3s ease-out;
  311. -o-transition: all 0.3s ease-out;
  312. -webkit-transition: all 0.3s ease-out;
  313. -moz-transition: all 0.3s ease-out;
  314. color: {color:tip txt};
  315. max-width: 300px;
  316. word-wrap: break-word;
  317. padding: 5px;
  318. display: block;
  319. margin:-40px 7px -2px 20px;}
  320.  
  321. #next{
  322. width: 400px;
  323. position: relative;
  324. margin-left: 200px;
  325. margin-bottom: 50px;
  326. font-size: 40px;
  327. text-align: center;}
  328.  
  329. @font-face {font-family:"letters"; src: url("https://dl.dropboxusercontent.com/s/jpvm2pxtbfd2k0y/Letters%20for%20Learners.ttf?dl=0")}
  330. @font-face {font-family:"pokemon"; src: url("https://dl.dropboxusercontent.com/s/d9hz0y1y7o8xgbk/Pokemon%20GB.ttf?dl=0")}
  331. @font-face {font-family:"nintendo ds"; src: url("https://dl.dropboxusercontent.com/s/j571mthzfwzqkce/Nintendo-DS-BIOS.ttf?dl=00")}
  332. @font-face {font-family:"neue pixel"; src: url("https://dl.dropboxusercontent.com/s/mqbdqh1p3xn2rj9/NeuePixelSans.ttf?dl=0")}
  333. </style>
  334.  
  335.  
  336. </head>
  337.  
  338. {block:IfRedirect}
  339. <script>
  340. if(window.location.pathname == '/') location.replace('{text:Redirect Link}');
  341. </script>
  342. {block:IfRedirect}
  343.  
  344. <script src="https://cdnjs.cloudflare.com/ajax/libs/smoothscroll/1.4.9/SmoothScroll.js"></script>
  345.  
  346. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  347.  
  348. <script type="text/javascript" src="https://static.tumblr.com/7qjmkr5/IUmmdsy41/jquery.style-my-tooltips.js"></script>
  349. <script>(function($){
  350. $(document).ready(function(){
  351. $("a[title]").style_my_tooltips({
  352. tip_follows_cursor:true,
  353. tip_delay_time:0,
  354. tip_fade_speed:0,
  355. attribute:"title"
  356. });
  357. });
  358. })(jQuery);
  359. </script>
  360.  
  361. <script type="text/javascript">
  362. // <![CDATA[
  363. var bgcolour="{color:neon title 1}"; // background colour
  364. var fgcolour="{color:neon title 2}"; // foreground colour
  365. var speed=80; // speed of bubbling, lower is faster
  366. var shades=12; // number of shades of bubble
  367.  
  368. /****************************
  369. * Bubbling Text Effect *
  370. *(c)2003-13 mf2fm web-design*
  371. * http://www.mf2fm.com/rv *
  372. * DON'T EDIT BELOW THIS BOX *
  373. ****************************/
  374. var bubbcol=new Array();
  375. var bubbshd;
  376. var bubbler, bubbtxt;
  377. var bubbchr=new Array();
  378.  
  379. function addLoadEvent(funky) {
  380. var oldonload=window.onload;
  381. if (typeof(oldonload)!='function') window.onload=funky;
  382. else window.onload=function() {
  383. if (oldonload) oldonload();
  384. funky();
  385. }
  386. }
  387.  
  388. addLoadEvent(bubbagump);
  389.  
  390. function bubbagump() { if (document.getElementById) {
  391. var i, fg, bg, col;
  392. for (bubbler=0; bubbler<=shades; bubbler++) {
  393. col="#";
  394. for (i=1; i<6; i+=2) {
  395. bg=parseInt(bgcolour.substring(i,i+2),16);
  396. fg=parseInt(fgcolour.substring(i,i+2),16);
  397. col+=dechex(bg+(fg-bg)*(bubbler/shades));
  398. }
  399. bubbcol[bubbler+1]=col;
  400. if (bubbler==Math.floor(shades/2)) bubbshd=col;
  401. }
  402. bubbler=document.getElementById("bubble");
  403. bubbtxt=bubbler.firstChild.nodeValue;
  404. while (bubbler.childNodes.length) bubbler.removeChild(bubbler.childNodes[0]);
  405. for (i=0; i<bubbtxt.length; i++) {
  406. fg=document.createElement("span");
  407. fg.setAttribute("id", "bubb"+i);
  408. fg.style.textShadow=bubbshd+" 0px 0px 2px";
  409. fg.appendChild(document.createTextNode(bubbtxt.charAt(i)));
  410. bubbler.appendChild(fg);
  411. }
  412. bubbler=setInterval("bubbling()", speed);
  413. }}
  414.  
  415. function dechex(dec) {
  416. dec=Math.floor(dec);
  417. return ((dec<16)?'0':'')+dec.toString(16);
  418. }
  419.  
  420. function bubbling() {
  421. var i, bubby;
  422. for (i=0; i<bubbtxt.length; i++) {
  423. bubby=document.getElementById("bubb"+i);
  424. if (bubbchr[i]) {
  425. bubby.style.color=bubbcol[bubbchr[i]];
  426. bubbchr[i]=(bubbchr[i]+1)%bubbcol.length;
  427. }
  428. else if (Math.random()<7.5/(shades*bubbtxt.length)) bubbchr[i]=1;
  429. }
  430. }
  431. // ]]>
  432. </script>
  433.  
  434. <body>
  435. <div id="content">
  436.  
  437. <div id="sidebar">
  438. <div class="blogtitle">
  439. {block:ifNotNeonTitle}<a href="/">{text:title}</a>
  440. {/block:ifNotNeonTitle}
  441. {block:ifNeonTitle}<a href="/">
  442. <span id="bubble">{text:title}</span></a>{/block:ifNeonTitle}
  443. </div>
  444. <div class="side"><a href="/"><img src="{image:sidebar}"></a></div>
  445. <div class="desc">{text:description}</div>
  446. <div class="links">
  447. <a href="{text:link 1 url}">{text:link 1}</a> {text:links divider}
  448. <a href="{text:link 2 url}">{text:link 2}</a> {text:links divider}
  449. <a href="{text:link 3 url}">{text:link 3}</a>
  450. </div>
  451. {block:ifDescPixel}
  452. <div class="pixel"><img src="{image:pixel}"></div>
  453. {/block:ifDescPixel}
  454. </div>
  455.  
  456.  
  457. {block:Posts}
  458. <div id="post">
  459.  
  460. {block:Text}
  461. {block:Title}<a href="{Permalink}"><big>{Title}</big></a>{/block:Title}
  462. {Body}
  463. {/block:Text}
  464.  
  465. {block:Quote}
  466. "{Quote}"
  467. {block:Source}&mdash; {Source}{/block:Source}
  468. {/block:Quote}
  469.  
  470. {block:Link}
  471. <big><a href="{URL}">{Name}</a></big>
  472. {block:Description}{Description}{/block:Description}
  473. {/block:Link}
  474.  
  475. {block:Chat}
  476. {block:Title}{Title}{/block:Title}
  477. {block:Lines}
  478. <div class="{Alt} user_{UserNumber}">
  479. {block:Label}{Label}{/block:Label} {Line} </div>
  480. {/block:Lines}
  481. {/block:Chat}
  482.  
  483. {block:Answer}
  484. <div class="q"><big>{Asker}</big></div>
  485. <div class="a">{Question}</div>
  486. <center>{Answer}</center>
  487. {/block:Answer}
  488.  
  489. {block:Photo}
  490. {LinkOpenTag}<img src="{PhotoURL-400}" alt="{Permalink}"/>{LinkCloseTag}
  491. {/block:Photo}
  492.  
  493. {block:Photoset}
  494. {Photoset-400}
  495. {/block:Photoset}
  496.  
  497. {block:Video}
  498. {Video-400}
  499. {/block:Video}
  500.  
  501. {block:Audio}{block:AudioPlayer}
  502. {block:AlbumArt}<img src="{AlbumArtUrl}" class="shashin"><div class="playa"><div class="butter">{block:AudioPlayer}{AudioPlayer}{/block:AudioPlayer}</div></div>{/block:AlbumArt}<div class="stuff">{block:AudioEmbed}{AudioEmbed}{/block:AudioEmbed}{block:TrackName}<B>TRACK</B> {TrackName}<br>{/block:TrackName}{block:Artist}<B>ARTIST</B> <em>{Artist}</em><br>{/block:Artist}
  503. {block:Album}<B>ALBUM</B> {Album}{/block:Album}</div>{/block:AudioPlayer}
  504. {block:AudioEmbed}{AudioEmbed-500}{/block:AudioEmbed}
  505. {/block:Audio}
  506.  
  507. {block:ifNotHideCaption}
  508. {block:Caption}{Caption}{/block:Caption}
  509. {/block:ifNotHideCaption}
  510.  
  511. {block:PermalinkPage}
  512. <div id="permap">
  513. {block:ifHideCaption}<p>{block:Caption}{Caption}{/block:Caption}</p>{/block:ifHideCaption}
  514. {block:NoteCount}<b>Notes</b> <a href="{Permalink}">{NoteCount}</a><br>
  515. {/block:NoteCount}
  516. {block:RebloggedFrom}
  517. <b>Via</b> <a href="{ReblogParentURL}">{ReblogParentName}</a>
  518. <br>{/block:RebloggedFrom}
  519. {block:ContentSource}
  520. <b>Source</b> <a href="{SourceURL}">{SourceTitle}</a>
  521. <br>{/block:ContentSource}
  522. {block:HasTags}<b>Tags</b> {block:Tags}<a href="{TagURL}">#{Tag}</a>{/block:Tags}{/block:HasTags}<br>
  523.  
  524. {block:NoteCount}
  525. {block:PostNotes}{PostNotes}{/block:PostNotes}
  526. {/block:NoteCount}</div>
  527. {/block:PermalinkPage}
  528.  
  529.  
  530.  
  531. {block:IndexPage}<div id="perma">
  532. <a href="{ReblogURL}" style="float:right;">↺</a>
  533. <a href="{Permalink}" data-toggle="tooltip" title="{TimeAgo}">{NoteCount}N</a>
  534. </div>
  535.  
  536. {block:HasTags}<div id="tags">
  537. {block:Tags}<a href="{TagURL}">#{Tag}</a>
  538. {/block:Tags}
  539. </div>{/block:HasTags}
  540. {/block:IndexPage}
  541. </div>
  542.  
  543. {/block:Posts}
  544.  
  545. <div id="next">
  546. {block:Pagination}{block:PreviousPage}<a href="{PreviousPage}">↞</a>&nbsp;&nbsp;{/block:PreviousPage}{block:NextPage}
  547. <a href="{NextPage}">↠</a></p>{/block:NextPage}{/block:Pagination}</div>
  548. </div>
  549. </div>
  550.  
  551. <div id="credit">
  552. <a href="https://ps1.tumblr.com/" title="@ps1" data-toggle="tooltip">&#10811;</a>
  553. </div>
  554.  
  555. <div id="sticker"><img src="{image:sticker}"></div>
  556. </body>
  557. </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!