1l1l

WAR NEVER CHANGES THEME

Jan 25th, 2020
245
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 16.85 KB | None | 0 0
  1. <!DOCTYPE html>
  2. <head>
  3.  
  4. <!---
  5. WAR NEVER CHANGES theme by @PS1
  6.  
  7. ██████╗ ███████╗ ██╗
  8. ██╔══██╗██╔════╝███║
  9. ██████╔╝███████╗╚██║
  10. ██╔═══╝ ╚════██║ ██║
  11. ██║ ███████║ ██║
  12. ╚═╝ ╚══════╝ ╚═╝
  13.  
  14. If you want to use any font or my custom scrollbar, please ask.
  15. The usual, message me about anything buggy.
  16. -->
  17.  
  18. <meta charset="UTF-8">
  19. <title>{Title}</title>
  20. {block:Description}
  21. <meta name="description" content="{MetaDescription}" />
  22. {/block:Description}
  23. <link rel="icon" href="{image:FavIcon}" type="image/gif" >
  24. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  25.  
  26.  
  27.  
  28. <link href="https://fonts.googleapis.com/css?family=Comic+Neue|Courier+Prime|Karla|Short+Stack|Share+Tech+Mono|Work+Sans|Nova+Square|Inconsolata|Inter&display=swap" rel="stylesheet">
  29.  
  30. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  31.  
  32. <script type="text/javascript" src="https://static.tumblr.com/7qjmkr5/IUmmdsy41/jquery.style-my-tooltips.js"></script>
  33. <script>(function($){
  34. $(document).ready(function(){
  35. $("a[title]").style_my_tooltips({
  36. tip_follows_cursor:true,
  37. tip_delay_time:0,
  38. tip_fade_speed:0,
  39. attribute:"title"
  40. });
  41. });
  42. })(jQuery);
  43. </script>
  44.  
  45. {block:IfRedirect}
  46. <script>
  47. if(window.location.pathname == '/') location.replace('{text:Redirect Link}');
  48. </script>
  49. {block:IfRedirect}
  50.  
  51. <script src="https://cdnjs.cloudflare.com/ajax/libs/smoothscroll/1.4.9/SmoothScroll.js"></script>
  52.  
  53. <meta name="image:favicon" content="https://i.imgur.com/bA4Ncvw.gif"/>
  54. <meta name="image:icon" content="https://i.imgur.com/jQDXHfi.png"/>
  55. <meta name="image:background" content=""/>
  56. <meta name="image:cursor" content="https://i.imgur.com/7LbphiL.png"/>
  57. <meta name="image:notes pixel" content="https://i.imgur.com/5hAaHje.png"/>
  58. <meta name="image:permalink" content=""/>
  59.  
  60.  
  61. <meta name="if:tile background" content="0" />
  62. <meta name="if:custom cursor" content="0" />
  63. <meta name="if:hide caption" content="0"/>
  64. <meta name="if:hide tags" content="0"/>
  65. <meta name="if:notes pixel" content="0" />
  66. <meta name="if:round border" content="0" />
  67. <meta name="if:link border" content="0"/>
  68. <meta name="if:redirect" content="0" />
  69.  
  70.  
  71. <meta name="color:background" content="#5082B5">
  72. <meta name="color:container" content="#EFE56D">
  73. <meta name="color:posts" content="#FFF">
  74. <meta name="color:permalink background" content="#5082B5">
  75. <meta name="color:font" content="#000">
  76. <meta name="color:title color" content="#000">
  77. <meta name="color:glitch1" content="#000">
  78. <meta name="color:glitch2" content="#efe56d">
  79. <meta name="color:links" content="#000">
  80. <meta name="color:links hover" content="#fff">
  81. <meta name="color:tooltip color" content="#fff">
  82. <meta name="color:tooltip background" content="#000">
  83. <meta name="color:border" content="#000">
  84.  
  85.  
  86. <meta name="select:typeface" content="arial"/>
  87. <meta name="select:typeface" content="anime"/>
  88. <meta name="select:typeface" content="comic sans ms"/>
  89. <meta name="select:typeface" content="courier prime"/>
  90. <meta name="select:typeface" content="courier new"/>
  91. <meta name="select:typeface" content="consolas"/>
  92. <meta name="select:typeface" content="century gothic"/>
  93. <meta name="select:typeface" content="faraco hand"/>
  94. <meta name="select:typeface" content="fixedsys"/>
  95. <meta name="select:typeface" content="georgia"/>
  96. <meta name="select:typeface" content="half"/>
  97. <meta name="select:typeface" content="inconsolata"/>
  98. <meta name="select:typeface" content="inter"/>
  99. <meta name="select:typeface" content="karla"/>
  100. <meta name="select:typeface" content="letters"/>
  101. <meta name="select:typeface" content="microsoft sans serif"/>
  102. <meta name="select:typeface" content="minecraft"/>
  103. <meta name="select:typeface" content="ms gothic"/>
  104. <meta name="select:typeface" content="ms pgothic"/>
  105. <meta name="select:typeface" content="nintendo ds"/>
  106. <meta name="select:typeface" content="nova square"/>
  107. <meta name="select:typeface" content="pokemon"/>
  108. <meta name="select:typeface" content="share tech mono"/>
  109. <meta name="select:typeface" content="short stack"/>
  110. <meta name="select:typeface" content="tahoma"/>
  111. <meta name="select:typeface" content="times"/>
  112. <meta name="select:typeface" content="verdana"/>
  113. <meta name="select:typeface" content="work sans"/>
  114.  
  115.  
  116. <meta name="select:border" content="solid"/>
  117. <meta name="select:border" content="dashed"/>
  118. <meta name="select:border" content="dotted"/>
  119. <meta name="select:border" content="double"/>
  120. <meta name="select:border" content="inset"/>
  121. <meta name="select:border" content="outset"/>
  122. <meta name="select:border" content="ridge"/>
  123. <meta name="select:border" content="groove"/>
  124.  
  125.  
  126. <meta name="text:border size" content="2">
  127. <meta name="text:title" content="War never changes...">
  128. <meta name="text:desc" content="You are S.P.E.C.I.A.L.">
  129. <meta name="text:title size" content="52">
  130. <meta name="text:font size" content="22">
  131. <meta name="text:redirect link" content="/tagged/taghere"/>
  132. <meta name="text:link 1 name" content="one"/>
  133. <meta name="text:link 1 url" content="/"/>
  134. <meta name="text:link 2 name" content="two"/>
  135. <meta name="text:link 2 url" content="/"/>
  136. <meta name="text:link 3 name" content="three"/>
  137. <meta name="text:link 3 url" content="/"/>
  138. <meta name="text:link 4 name" content="four"/>
  139. <meta name="text:link 4 url" content="/"/>
  140.  
  141. <style type="text/css">
  142. body {
  143. background-color: {color:background};
  144. background-image: url({image:Background});
  145. background-attachment: fixed;
  146. {block:IfNotTileBackground}
  147. -webkit-background-size: cover;
  148. -moz-background-size: cover;
  149. -o-background-size: cover;
  150. background-size: cover;
  151. {/block:IfNotTileBackground}
  152. color: {color:font};
  153. font-size: {text:font size}px;
  154. font-family: {select:typeface};
  155. line-height: 125%;
  156. margin: 0;}
  157.  
  158. a:link, a:active, a:visited {
  159. color: {color:links}; text-decoration: none;
  160. -webkit-transition: all 0.3s ease-in-out;
  161. -moz-transition: all 0.3s ease-in-out;
  162. -o-transition: all 0.3s ease-in-out;
  163. -ms-transition: all 0.3s ease-in-out;
  164. transition: all 0.3s ease-in-out;}
  165.  
  166. a:hover {
  167. color: {color:links hover};
  168. -webkit-transition: all 0.2s ease-in-out;
  169. -moz-transition: all 0.2s ease-in-out;
  170. -o-transition: all 0.2s ease-in-out;
  171. -ms-transition: all 0.2s ease-in-out;
  172. transition: all 0.2s ease-in-out; font-style: none;
  173. text-shadow: 0.06rem 0 0.06rem {color:glitch1}, -0.125rem 0 0.06rem {color:glitch2}; animation-duration: 0.01s; animation-name: stealthboy;
  174. animation-iteration-count: infinite; animation-direction: alternate;}
  175. @keyframes stealthboy {
  176. from {text-shadow: 1px 0 0 {color:glitch1}, -2px 0 0 {color:glitch2};}to {text-shadow: 2px 0.5px 2px {color:glitch1}, -1px -0.5px 2px {color:glitch2};}}
  177.  
  178. ::-moz-selection { background: {color:background}; color: {color:title color};}
  179. ::selection { background: {color:background}; color: {color:title color};}
  180.  
  181. #s-m-t-tooltip {
  182. z-index: 999999999;
  183. text-align: center;
  184. font-size: {text:Font Size}px;
  185. text-transform: normal;
  186. color: {color:tooltip color};
  187. background-color: {color:tooltip background};
  188. max-width: 300px; word-wrap: break-word;
  189. padding: 5px 5px 5px 5px; display: block;
  190. margin:-40px 7px -2px 20px;
  191. {block:IfRoundBorder}
  192. border-radius: 10px;{/block:IfRoundBorder}}
  193.  
  194. p {margin: 10px 0 10px 0;}
  195. h1 { line-height: 130%;}
  196. ul {list-style: square; color: {color:links};}
  197. img {max-width: 100%;}
  198. {block:IfCustomCursor}
  199. body, *, a, a:hover { cursor:url({image:cursor}), auto;}
  200. {/block:IfCustomCursor}
  201.  
  202. ::-webkit-scrollbar {
  203. width:15px; height:15px;} /* i made this scrollbar myself */
  204. ::-webkit-scrollbar-track { /* ask before using on your own theme */
  205. background-image: url(https://i.imgur.com/n1kAWKU.png);}
  206. ::-webkit-scrollbar-thumb {
  207. background-image: url(https://i.imgur.com/KePIOiE.png);
  208. border-top: 1px solid #D4D0C8; border-bottom: 1px solid #808080;}
  209. ::-webkit-scrollbar-button:vertical:decrement {
  210. background-image: url(https://i.imgur.com/ZF6PC55.png);
  211. width: 15px; height: 15px;}
  212. ::-webkit-scrollbar-button:vertical:increment {
  213. background-image: url(https://i.imgur.com/sMOMkQ7.png);
  214. width: 15px; height: 15px;}
  215.  
  216. .deathclaw {
  217. transform: rotate(90deg); font-size: {text:title size}px; color: transparent;
  218. transform-origin: left top 0; text-shadow: 0 0 3px {color:title color};
  219. position: fixed; width: 800px; padding-top: 20px; line-height: {text:title size}px;}
  220. .deathclaw a {color: transparent; text-shadow: 0 0 3px {color:title color};}
  221. .deathclaw a:hover {color: {color:links hover};}
  222.  
  223. #fallout {
  224. width: 900px;
  225. margin: auto;
  226. padding-top: 45px;
  227. background-color: {color:container};
  228. border: {text:border size}px {select:border} {color:Border};
  229. border-top: 0;}
  230.  
  231. #ok {margin-left: 50px; position: fixed; width: 300px;}
  232.  
  233. .vats img {border: {text:border size}px {select:border} {color:border}; text-align: center; padding: 10px; background-color: {color:posts};
  234. max-width: 300px;
  235. {block:IfRoundBorder}
  236. border-radius: 10px;{/block:IfRoundBorder}}
  237.  
  238. .vats img:hover {filter:hue-rotate(360deg);
  239. -webkit-transition: all 1s linear;
  240. -moz-transition: all 1s linear;
  241. transition: all 1s linear;}
  242.  
  243. .special {
  244. margin-top: 20px;
  245. width:310px; height:auto;
  246. background:{color:posts};
  247. border: {text:border size}px {select:border} {color:border};
  248. padding:5px; text-align:center;
  249. opacity:1;-webkit-transition: all 0.2s linear;
  250. -moz-transition: all 0.2s linear;
  251. transition: all 0.2s linear;
  252. {block:IfRoundBorder}
  253. border-radius: 10px;{/block:IfRoundBorder}}
  254.  
  255.  
  256. .perks {
  257. width:310px;
  258. background:{color:posts};
  259. border: {text:border size}px {select:border} {color:border};
  260. border-top: 0;
  261. {block:IfRoundBorder}
  262. border-radius: 10px;{/block:IfRoundBorder}
  263. padding: 5px;
  264. text-align: center;
  265. opacity:0;-webkit-transition: all 0.2s linear;
  266. -moz-transition: all 0.2s linear;
  267. transition: all 0.2s linear; }
  268. .perks:hover {opacity:1; z-index: 9999;}
  269. .perks a {background-color: {color:container};
  270. padding: 3px; line-height: 200%;
  271. {block:ifLinkBorder}border: {text:border size}px {select:border} {color:border};{/block:ifLinkBorder}
  272. {block:IfRoundBorder}
  273. border-radius: 10px;{/block:IfRoundBorder}}
  274.  
  275.  
  276.  
  277. #vault {position: relative;
  278. width: 400px; left: 430px; padding: 10px;
  279. margin-bottom: 40px; background-color: {color:posts}; border: {text:border size}px {select:border} {color:border}; font-style: normal;
  280. {block:IfRoundBorder}
  281. border-radius: 10px;{/block:IfRoundBorder}}
  282. #vault blockquote {margin: 5px; padding-left: 5px; border-left: 1px {select:border} {color:links};}
  283. #vault img:hover {filter:hue-rotate(360deg);
  284. -webkit-transition: all 1s linear;
  285. -moz-transition: all 1s linear;
  286. transition: all 1s linear;}
  287.  
  288. img {max-width: 100%; height: auto;}
  289. .rads {width: 400px; text-align: center;
  290. opacity: 0; height: 0; background-color: {color:container};
  291. border: {text:border size}px {select:border} {color:border};
  292. {block:IfRoundBorder}
  293. border-radius: 10px;{/block:IfRoundBorder}
  294. -webkit-transition: all 0.2s linear;
  295. -moz-transition: all 0.2s linear;
  296. transition: all 0.2s linear;}
  297. .rads img {max-width: 350px;}
  298. #vault:hover .rads { opacity: 1; height: auto; padding: 5px 0 5px 0;
  299. margin-bottom: -5px; -webkit-transition: all 0.2s linear;
  300. -moz-transition: all 0.2s linear;
  301. transition: all 0.2s linear;
  302. background-color: {color:permalink background};
  303. background-image: url('{image:permalink}');
  304. width: 390px; margin: 0 auto;}
  305.  
  306. #bloatfly {margin: auto; text-align: right; margin-top: 0px; height: 60px; padding-right: 45px; font-size: {text:title size}px;}
  307.  
  308. #feralghoul ol.notes {list-style-type: none; margin: 0; padding: 0; font-size: 16px;}
  309. #feralghoul img.avatar {margin-right: 0px; width: 0px; height: 0px;}
  310.  
  311. .shashin {position: relative; z-index: 1; width: 200px; border: {text:border size}px {select:border} {color:border};} .butter {width: 30px; height: 50px; overflow: hidden; position: relative; z-index: 1000; margin: 30px 30px 0px 0px;} .playa {background-color: #000; margin-top: -150px;
  312. margin-left: 95px; position: absolute;}.stuff {width: 200px; position: absolute; margin-top: -215px; margin-left: 210px; height: 200px; }
  313.  
  314. .raider {
  315. font-weight: bold; background-color: {color:permalink background};
  316. background-image: url('{image:permalink}');
  317. border: {text:border size}px {select:border} {color:border};
  318. padding: 5px;
  319. {block:IfRoundBorder}
  320. border-radius: 10px;{/block:IfRoundBorder}}
  321.  
  322. .legendary-raider {margin-top: -10px;}
  323.  
  324. #dogmeat { margin: auto; text-align: center; font-size: 12px; color: {color:links};}
  325.  
  326. /* please ask before using these fonts on your own themes! */
  327. @font-face {font-family:"anime"; src: url("https://dl.dropboxusercontent.com/s/ivhzluvz37uwimd/animeace2_reg.otf?dl=0")}
  328. @font-face {font-family:"faraco hand"; src: url("https://dl.dropboxusercontent.com/s/zc012nh5ijhynn1/Faraco%20Hand.ttf?dl=0")}
  329. @font-face {font-family:"fixedsys"; src: url("https://dl.dropboxusercontent.com/s/dn9ydcigbzbhol5/FSEX300-L.ttf?dl=0")}
  330. @font-face {font-family:"half"; src: url("https://dl.dropbox.com/s/ae9tfmoldap4bba/halfeighties.ttf?dl=0")}
  331. @font-face {font-family:"letters"; src: url("https://dl.dropboxusercontent.com/s/jpvm2pxtbfd2k0y/Letters%20for%20Learners.ttf?dl=0")}
  332. @font-face {font-family:"minecraft"; src: url("https://static.tumblr.com/pmp6cjn/OLWmswlyh/volter__28goldfish_29.ttf")}
  333. @font-face {font-family:"nintendo ds"; src: url("https://dl.dropboxusercontent.com/s/j571mthzfwzqkce/Nintendo-DS-BIOS.ttf?dl=00")}
  334. @font-face {font-family:"pokemon"; src: url("https://dl.dropboxusercontent.com/s/d9hz0y1y7o8xgbk/Pokemon%20GB.ttf?dl=0")}
  335. </style>
  336.  
  337.  
  338. <!--add scripts here-->
  339.  
  340. </head>
  341.  
  342.  
  343. <body>
  344. <div id="fallout">
  345. <div class="deathclaw">
  346.  
  347. <a href="/">{text:title}</a>
  348.  
  349. </div>
  350. <div id="ok">
  351. <div class="vats"><a href="/"><img src="{image:icon}"></a></div>
  352. <div class="special">{text:desc}</div>
  353. <div class="perks">
  354.  
  355. <a href="{text:link 1 url}">{text:link 1 name}</a><br>
  356. <a href="{text:link 2 url}">{text:link 2 name}</a><br>
  357. <a href="{text:link 3 url}">{text:link 3 name}</a><br>
  358. <a href="{text:link 4 url}">{text:link 4 name}</a>
  359. </div></div>
  360.  
  361. {block:Posts}
  362. <div id="vault">
  363. {block:Text}
  364. {block:Title}<a href="{Permalink}">{Title}</a>{/block:Title}
  365. {Body}
  366. {/block:Text}
  367.  
  368. {block:Quote}
  369. "{Quote}"
  370. {block:Source}&mdash; {Source}{/block:Source}
  371. {/block:Quote}
  372.  
  373. {block:Link}
  374. <big><a href="{URL}">{Name}</a></big>
  375. {block:Description}{Description}{/block:Description}
  376. {/block:Link}
  377.  
  378. {block:Chat}
  379. {block:Title}{Title}{/block:Title}
  380. {block:Lines}
  381. <div class="{Alt} user_{UserNumber}">
  382. {block:Label}{Label}{/block:Label} {Line} </div>
  383. {/block:Lines}
  384. {/block:Chat}
  385.  
  386. {block:Answer}
  387. <div class="raider">{Asker}:
  388. <div class="legendary-raider">{Question}</div>
  389. </div>
  390. {Answer}
  391. {/block:Answer}
  392.  
  393. {block:Photo}
  394. {LinkOpenTag}<img src="{PhotoURL-400}" alt="{Permalink}"/>{LinkCloseTag}
  395. {/block:Photo}
  396.  
  397. {block:Photoset}
  398. {Photoset-400}
  399. {/block:Photoset}
  400.  
  401. {block:Video}
  402. {Video-400}
  403. {/block:Video}
  404.  
  405. {block:Audio}{block:AudioPlayer}
  406. {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}Track: <em>{TrackName}</em><br>{/block:TrackName}{block:Artist}Artist: <em>{Artist}</em><br>{/block:Artist}
  407. {block:Album}Album: <em>{Album}</em>{/block:Album}</div>{/block:AudioPlayer}
  408. {block:AudioEmbed}{AudioEmbed-500}{/block:AudioEmbed}
  409. {/block:Audio}
  410.  
  411. {block:ifNotHideCaption}
  412. {block:Caption}{Caption}{/block:Caption}
  413. {/block:ifNotHideCaption}
  414.  
  415. {block:PermalinkPage}
  416. <div id="feralghoul">
  417. {block:ifHideCaption}<p>{block:Caption}{Caption}{/block:Caption}</p>{/block:ifHideCaption}
  418. {block:NoteCount}<p><a href="{Permalink}">{NoteCount}%</a></p>{/block:NoteCount}
  419. {block:HasTags}<p>{block:Tags}<a href="{TagURL}">#{Tag}</a>{/block:Tags}</p>
  420. {/block:HasTags}
  421.  
  422. {block:RebloggedFrom}<p>
  423. via <a href="{ReblogParentURL}">{ReblogParentName}</a> {/block:RebloggedFrom}
  424. {block:ContentSource}
  425. - source <a href="{SourceURL}">{SourceTitle}</a>
  426. </p>{/block:ContentSource}
  427.  
  428. {block:NoteCount}
  429. {block:PostNotes}{PostNotes}{/block:PostNotes}
  430. {/block:NoteCount}</div>
  431. {/block:PermalinkPage}
  432.  
  433. {block:IndexPage}<div class="rads">
  434. <a href="{Permalink}">{MonthNumber}.{DayOfMonth} {block:IfNotNotesPixel} {/block:IfNotNotesPixel}{block:IfNotesPixel} <img src="{image:notes pixel}">{/block:IfNotesPixel} {NoteCount}%</a>
  435. {block:ifNotHideTags}
  436. {block:HasTags}<br>{block:Tags}<a href="{TagURL}">#{Tag}</a>
  437. {/block:Tags}{/block:HasTags}{/block:ifNotHideTags}
  438. </div>{/block:IndexPage}
  439.  
  440.  
  441. </div>
  442.  
  443. {/block:Posts}
  444. <div id="bloatfly">
  445. {block:Pagination}{block:PreviousPage}
  446. <a href="{PreviousPage}">&larr;</a>{/block:PreviousPage}
  447. {block:JumpPagination length="5"}
  448. {block:CurrentPage}<span class="current_page"><b><big><big>{PageNumber}</big></big></b></span>
  449. {/block:CurrentPage}{block:JumpPage}
  450. <a class="jump_page" href="{URL}">{PageNumber}</a>
  451. {/block:JumpPage}{/block:JumpPagination}{block:NextPage}
  452. <a href="{NextPage}">&rarr;</a> {/block:NextPage}{/block:Pagination}</div>
  453.  
  454. <div id="dogmeat">
  455. <a href="https://ps1.tumblr.com/" data-toggle="tooltip" title="@ps1">(c)</a>
  456. </div>
  457. </body>
  458. </html>
Add Comment
Please, Sign In to add comment