API tools faq
paste
Advertisement
raingurl

oldwebtheme

raingurl
Jan 24th, 2021
759
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 11.47 KB | None | 0 0
raw download clone embed print report diff
  1. <!DOCTYPE html>
  2.  
  3.  <head>
  4.      <!---
  5.        PROWLER IN THE YARD - @DISEMBARK
  6.  
  7.        Rules:
  8.        1. Please don't touch the credit.
  9.        2. Change as much as you want but don't claim it as your own.blinkies
  10.        3. If you have any questions/concerns, feel free to send me an ask.
  11.  
  12.        Theme named after the album Prowler in the Yard by Pig Destroyer. It's a good album if you like grindcore, give it a listen.
  13.    
  14.    -->
  15.  
  16.   <meta-charset="utf-8"></meta-charset>
  17.   <meta http-equiv="X-UA-Compatible" content="IE=edge, chrome=1">
  18.  
  19.   <title>{text:title}</title>
  20.  
  21.   <link rel="shortcut icon" href={Image:Favicon}>
  22.   <link rel="alternate" type="application/rss+xml" href="{RSS}">
  23.   <link rel="stylesheet" href="https://static.tumblr.com/qxrkgx6/RWPmgn2qa/normalize.min.css">
  24.   <link href="https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Bungee&family=PT+Sans&family=Roboto&family=Source+Code+Pro&family=Sriracha&family=VT323&display=swap" rel="stylesheet">
  25.  
  26.   <meta name="image:sidebar image" content="">
  27.   <meta name="image:sidebar background" content="">
  28.   <meta name="image:favicon" content="">
  29.   <meta name="image:cursor" content="">
  30.  
  31.   <meta name="image:blinkie 1" content="">
  32.   <meta name="image:blinkie 2" content="">
  33.   <meta name="image:blinkie 3" content="">
  34.   <meta name="image:blinkie 4" content="">
  35.   <meta name="image:blinkie 5" content="">
  36.   <meta name="image:blinkie 6" content="">
  37.   <meta name="image:blinkie 7" content="">
  38.   <meta name="image:blinkie 8" content="">
  39.  
  40.   <meta name="text:description" content="description">
  41.   <meta name="text:fake title" content="title">
  42.   <meta name="text:link 1" content="link 1">
  43.   <meta name="text:name 1" content="name 1">
  44.   <meta name="text:link 2" content="link 2">
  45.   <meta name="text:name 2" content="name 2">
  46.   <meta name="text:link 3" content="link 3">
  47.   <meta name="text:name 3" content="name 3">
  48.   <meta name="text:link 4" content="link 4">
  49.   <meta name="text:name 4" content="name 4">
  50.  
  51.  
  52.   <meta name="if:blinkies" content="1">
  53.   <meta name="if:links" content="1">
  54.   <meta name="if:sidebar image" content="1">
  55.   <meta name="if:post border" content="1">
  56.   <meta name="if:link border" content="1">
  57.   <meta name="if:custom cursor" content="0">
  58.  
  59.   <meta name="color:background" content="#FFCDB2">
  60.   <meta name="color:sidebar" content="#B5838D">
  61.   <meta name="color:text" content="#000">
  62.   <meta name="color:post background" content="#fff">
  63.   <meta name="color:links" content="#FFB4A2">
  64.   <meta name="color:link hover" content="#6D6875">
  65.   <meta name="color:bold" content="#000">
  66.   <meta name="color:italics" content="#000">
  67.   <meta name="color:oblique" content="#000">
  68.   <meta name="color:post title" content="#6D6875">
  69.   <meta name="color:fake title" content="#FFCDB2">
  70.   <meta name="color:link background" content="#FFCDB2">
  71.   <meta name="color:post border" content="#000">
  72.  
  73.   <meta name="select:font" content="Helvetica" title="Helvetica">
  74.   <meta name="select:font" content="Times New Roman" title="Times New Roman">
  75.   <meta name="select:font" content="Arial" title="Arial">
  76.   <meta name="select:font" content="Bebas Neue" title="Bebas Neue">
  77.   <meta name="select:font" content="Bungee" title="Bungee">
  78.   <meta name="select:font" content="Roboto" title="Roboto">
  79.   <meta name="select:font" content="Source Code Pro" title="Source Code Pro">
  80.   <meta name="select:font" content="Sriracha" title="Sriracha">
  81.   <meta name="select:font" content="VT323" title="VT323">
  82.  
  83.   <meta name="select:title font" content="Helvetica" title="Helvetica">
  84.   <meta name="select:title font" content="Times New Roman" title="Times New Roman">
  85.   <meta name="select:title font" content="Arial" title="Arial">
  86.   <meta name="select:title font" content="Bebas Neue" title="Bebas Neue">
  87.   <meta name="select:title font" content="Bungee" title="Bungee">
  88.   <meta name="select:title font" content="Roboto" title="Roboto">
  89.   <meta name="select:title font" content="Source Code Pro" title="Source Code Pro">
  90.   <meta name="select:title font" content="Sriracha" title="Sriracha">
  91.   <meta name="select:title font" content="VT323" title="VT323">
  92.  
  93.   <meta name="select:post size" content="500px" title="500px">
  94.   <meta name="select:post size" content="600px" title="600px">
  95.   <meta name="select:post size" content="700px" title="700px">
  96.  
  97.   <meta name="select:font size" content="10px">
  98.   <meta name="select:font size" content="11px">
  99.   <meta name="select:font size" content="12px">
  100.   <meta name="select:font size" content="13px">
  101.   <meta name="select:font size" content="14px">
  102.   <meta name="select:font size" content="15px">
  103.   <meta name="select:font size" content="16px">
  104.   <meta name="select:font size" content="17px">
  105.   <meta name="select:font size" content="18px">
  106.   <meta name="select:font size" content="19px">
  107.   <meta name="select:font size" content="20px">
  108.  
  109.  </head>
  110.  
  111. <style type="text/css">
  112.  
  113.  font-family: 'Bebas Neue', cursive;
  114.  
  115.  font-family: 'Bungee', cursive;
  116.  
  117.  font-family: 'PT Sans', sans-serif;
  118.  
  119.  font-family: 'Roboto', sans-serif;
  120.  
  121.  font-family: 'Source Code Pro', monospace;
  122.  
  123.  font-family: 'Sriracha', cursive;
  124.  
  125.  font-family: 'VT323', monospace;
  126.  
  127.  .content {
  128.  margin-top: 10px;
  129.  background-color: transparent;
  130.  padding-top: 10px;
  131.  padding-bottom: 10px;
  132.  z-index: 1;
  133.  text-align: justify;
  134.  position: relative;
  135.  top: 10px;
  136.  left: 0px;
  137.  
  138.  }
  139.  
  140. body {
  141. height: 100%;
  142. z-index: 1;
  143. background-color: {color:background} !important;
  144. font-family:{select:font};
  145.  
  146.  }
  147.  
  148.  
  149.  #arrows {
  150.  text-align: center;
  151.  margin: 0 auto;
  152.  font-size: 50px
  153.  
  154.  
  155.  }
  156.  
  157. #credit {
  158.     float: right;
  159.     font-size: 10px;
  160.     color: black;
  161.     padding: 5px;
  162.     border-style: solid ; border-width: 2px; border-color: black;
  163. }
  164.  
  165.  
  166.  #tags {
  167.  /* Positions the tags section */
  168.  position: absolute;
  169.  bottom: 0px;
  170.  left: 0px;
  171.  background:{color:sidebar};
  172.  font-size:calc({select:font size} - 2px);
  173.  /* Sets opacity to 0 to hide */
  174.  opacity: 0;
  175.  /* Keeps the tags section over everything */
  176.  z-index: 10;
  177.  /* Extra: Width is the same as the post width */
  178.  width: 100%;
  179.  /* Extra: Smooth transition (same as theme) */
  180.  -webkit-transition: all 0.8s ease;
  181.  -moz-transition: all 0.8s ease;
  182.  transition: all 0.8s ease;
  183.  }
  184.  
  185.  .post:hover #tags {
  186.  /* Opacity is maximum to show tags */
  187.  opacity: 1;
  188.  filter: alpha(opacity=100);
  189.  }
  190.  
  191.  {block:ifcustomcursor}body, *, a, a:hover {
  192.  cursor: url({image:cursor}), auto; }{/block:ifcustomcursor}
  193.  
  194.  
  195.  img {
  196.  max-width: 100%;
  197.  }
  198.  
  199.  a {
  200.  color:{color:links}
  201.  }
  202.  
  203.  a:hover {
  204.  color:{color:link hover};
  205.  }
  206.  
  207.  .post {
  208.  
  209.  position: relative;
  210.  left: 450px;
  211.  margin: 10px;
  212.  padding: 5px;
  213.  background: {color:post background};
  214.  width:{select:post size};
  215.  font-size:{select:font size};
  216.  font-family:{select:font};
  217.  {block:ifpostborder} border-style: solid; border-width: 2px; border-color: {color:post border}; {/block:ifpostborder};
  218.  
  219.  }
  220.  
  221.  .faketitle {
  222.  margin-bottom: 5px;
  223.  font-size:calc({select:font size} + 8px);
  224.  color:{color:fake title};
  225.  font-family:{select:title font};
  226.  text-align: center;
  227.  line-height: 200%;
  228.  
  229.  
  230.  }
  231.  
  232.  .sidebar {
  233.  z-index: 2;
  234.  position: fixed;
  235.  bottom: 0;
  236.  top: 0;
  237.  width: 333px;
  238.  background:{color:sidebar};
  239.  font-family:{select:font};
  240.  padding-top: 10px;
  241.  background-image: url({image:sidebar background});
  242.  text-align: center;
  243.  font-size:{select:font size};
  244.  
  245.  }
  246.  
  247.  #links a
  248.  {
  249.  {block:iflinkborder}border:2px solid black;{/block:iflinkborder};
  250.  text-decoration: none;
  251.  background-color:{color:link background};
  252.  border-radius: 6px;
  253.  padding:3px;
  254.  margin-left:1px; margin-right:1px;
  255.  color:{color:text};    
  256.  
  257.  
  258.  }
  259.  
  260.  .blinkies {
  261.  column-count: 2;
  262.  column-span: NONE;
  263.  column-width: 150px;
  264.  
  265.  }
  266.  
  267.  {CustomCSS}
  268. </style>
  269.  
  270. <body>
  271.  
  272. <div class="sidebar">
  273.  <div class="faketitle">{text:fake title}</div>
  274.  <center>{block:ifSidebarimage}<img src="{image:sidebar image}" style="max-width:300px;position:inline;padding:0px;">{/block:ifsidebarimage}</center>
  275.  <p><center>{text:description}</center></p>
  276.  {block:iflinks}<div id="links"><center><p><a href="{text:link 1}">{text:name 1}</a></p>
  277.  <p><a href="{text:link 2}">{text:name 2}</a></p>
  278.  <p><a href="{text:link 3}">{text:name 3}</a></p>
  279.  <p><a href="{text:link 4}">{text:name 4}</a></center></div></p>{/block:iflinks}
  280.  {block:ifblinkies}
  281.  <div class="blinkies">
  282.  <img src="{image:blinkie 1}" style="padding:3px;">
  283.  <img src="{image:blinkie 2}" style="padding:3px;">
  284.  <img src="{image:blinkie 3}" style="padding:3px;">
  285.  <img src="{image:blinkie 4}" style="padding:3px;">
  286.  <img src="{image:blinkie 5}" style="padding:3px;">
  287.  <img src="{image:blinkie 6}" style="padding:3px;">
  288.  <img src="{image:blinkie 7}" style="padding:3px;">
  289.  <img src="{image:blinkie 8}" style="padding:3px;">
  290.  </div>
  291.  {/block:ifblinkies}
  292.  
  293.  <div id="arrows">{block:Pagination}{block:PreviousPage}<a href="{PreviousPage}">«</a>{/block:PreviousPage} {block:NextPage}<a href="{NextPage}">»</a>{/block:NextPage}{/block:Pagination}</div>
  294.  
  295. </div>
  296.  
  297.  
  298.  
  299. <div class="content">
  300.  
  301. {block:Posts}
  302.  
  303. {block:Text}
  304. <div class="post">
  305. {block:Title}
  306.     <center><h3>{Title}</h3></center>
  307.     <p><hr /></p>
  308. {/block:Title}
  309. {Body}
  310. {block:HasTags}
  311. <div id="tags">
  312. {block:Tags}<a href="{TagURL}">{Tag}</a>&nbsp;{/block:Tags}
  313. </div>
  314. {/block:HasTags}    
  315. </div>
  316. {/block:Text}
  317.  
  318. {block:Quote}
  319. <div class="post">
  320. <h2>“{Quote}” — {Source}</h2><br>
  321. {block:HasTags}
  322. <div id="tags">
  323. {block:Tags}<a href="{TagURL}">{Tag}</a>&nbsp;{/block:Tags}
  324. </div>
  325. {/block:HasTags}    
  326. </div>
  327. {/block:Quote}
  328.  
  329. {Block:Link}
  330. <div class="post">
  331. <a href="{URL}"><h1>{Name}</h1></a>
  332. {block:Description}<p>{Description}</p>{/block:description}
  333. {block:HasTags}
  334. <div id="tags">
  335. {block:Tags}<a href="{TagURL}">{Tag}</a>&nbsp;{/block:Tags}
  336. </div>
  337. {/block:HasTags}    
  338.  
  339. </div>
  340. {/block:Link}
  341.  
  342. {block:Photo}
  343. <div class="post">
  344. <center><img src="{PhotoURL-500}"></center>
  345. {block:Caption}{Caption}{/block:Caption}
  346. {block:HasTags}
  347. <div id="tags">
  348. {block:Tags}<a href="{TagURL}">{Tag}</a>&nbsp;{/block:Tags}
  349. </div>
  350. {/block:HasTags}    
  351. </div>
  352. {/block:Photo}
  353.  
  354. {block:Photoset}
  355. <div class="post">
  356. <center>{Photoset-400}</center>
  357. {block:Caption}{Caption}{/block:Caption}
  358. {block:HasTags}
  359. <div id="tags">
  360. {block:Tags}<a href="{TagURL}">{Tag}</a>&nbsp;{/block:Tags}
  361. </div>
  362. {/block:HasTags}    
  363. </div>
  364. {/block:Photoset}
  365.  
  366. {block:Chat}
  367. <div class="post">
  368. <ul class="chat">{block:Lines}<li class="user_{UserNumber}">{block:Label}<span class="label">{Label}</span>{/block:Label}&nbsp;{Line}</li>{/block:Lines}</ul>
  369. {block:HasTags}
  370. <div id="tags">
  371. {block:Tags}<a href="{TagURL}">{Tag}</a>&nbsp;{/block:Tags}
  372. </div>
  373. {/block:HasTags}    
  374. </div>
  375. {/block:Chat}
  376.  
  377. {block:Video}
  378. <div class="post">
  379. {Video-400}{block:Caption}{Caption}{/block:Caption}
  380. {block:HasTags}
  381. <div id="tags">
  382. {block:Tags}<a href="{TagURL}">{Tag}</a>&nbsp;{/block:Tags}
  383. </div>
  384. {/block:HasTags}    
  385. </div>
  386. {/block:Video}
  387.  
  388. {block:Answer}
  389. <div class="post">
  390. {Asker} whispered: {Question}<br>{Answer}
  391. {block:HasTags}
  392. <div id="tags">
  393. {block:Tags}<a href="{TagURL}">{Tag}</a>&nbsp;{/block:Tags}
  394. </div>
  395. {/block:HasTags}    
  396. </div>
  397. {/block:Answer}
  398.  
  399. {block:Audio}
  400. <div class="post">
  401. {AudioPlayerWhite}<br>
  402. {block:Caption}{Caption}{/block:Caption}
  403. {block:HasTags}
  404. <div id="tags">
  405. {block:Tags}<a href="{TagURL}">{Tag}</a>&nbsp;{/block:Tags}
  406. </div>
  407. {/block:HasTags}    
  408. </div>
  409. {/block:Audio}
  410.  
  411.  
  412. {/block:Posts}
  413.  
  414.  
  415.  
  416. </div>
  417. <div id="credit"><a href="http://disembark.tumblr.com">DISEMBARK</a></div>
  418. </body>
  419. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!