Deadpool Theme - SelfmadeIsa

<html>
    <head>
        <title>{Title}</title>
        <link rel="shortcut icon" href="{Favicon}">
        <link rel="alternate" type="application/rss+xml" href="{RSS}">
        {block:Description}
            <meta name="description" content="{MetaDescription}" />
        {/block:Description}
    </head>

<style type="text/css">

::-webkit-scrollbar {
  width: 2px;
  height: 2px;
}
::-webkit-scrollbar-button {
  width: 0px;
  height: 0px;
}
::-webkit-scrollbar-thumb {
  background: #e1e1e1;
  border: 0px none #ffffff;
  border-radius: 0px;
}
::-webkit-scrollbar-thumb:hover {
  background: #ffffff;
}
::-webkit-scrollbar-thumb:active {
  background: #000000;
}
::-webkit-scrollbar-track {
  background: #666666;
  border: 0px none #ffffff;
  border-radius: 2px;
}
::-webkit-scrollbar-track:hover {
  background: #666666;
}
::-webkit-scrollbar-track:active {
  background: #333333;
}
::-webkit-scrollbar-corner {
  background: transparent;
}

body {
    background-color:#000000;
    font-family:'Gibson', sans-serif;
    font-size: 11px;
    color:#ffffff;
    background-image:url('http://i.imgur.com/WPh7jh2.png');
    background-position: top center;
    background-repeat:no-repeat;
    background-attachment:fixed;
}

a {
    text-decoration:none;
    color:#b32121;
    -webkit-transition: all 0.7s ease;
    -moz-transition: all 0.7s ease;
    -o-transition: all 0.7s ease;
}

a:hover {
    color:#636363;
}

b, strong {
    color:#878787;
    text-transform:uppercase;
}

i, em {
    color:#878787;
    font-family:'Bookman', serif;
}

blockquote {
    padding:2px 7px;
    margin:3px 0 3px 8px;
    border-left:1px solid #b32121;
}

blockquote img {
    max-width:100%;
    height:auto;
}

img {
     max-width: 100%;
}

h1 {
    font-size:30px;
    line-height:30px;
    text-align:right;
    padding:10px;
}

#container {
    position:absolute;
    left:325px;
    height:315px;
    overflow-y:scroll;
    width:530px;
    top:320px;
}

.posts {
    width:498px;
    background-color:#000000;
    padding:10px;
    margin-bottom:30px;
}

.permalinks {
    background-color:#eee;
    padding:5px;
    height:12px;
}

.permalinks a {
    text-decoration:none;
    font-size: 9px;
    color:#b32121;
}

.permalinks a:hover {
    color:#636363;
}

.date {
    float:left;
}

.reblogs {
    float:right;
}

{block:PermalinkPage}
.tags {
    text-align:center;
}

.tags a {
    text-decoration:none;
    font-size: 8px;
    text-transform:uppercase;
    color:#636363;
}

.tags a:hover {
    color:#b32121;
}
{/block:PermalinkPage}

#description {
    font-size:10px;
    color:#ffffff;
    text-align:right;
    padding:10px;
}

#sideimage img {
    max-width:250px;
    margin-left:10px;
}

#links {
    position:fixed;
    text-align:left;
    left: 50%;
    top:230px;
    margin-left:-420px;}

#links a{
    margin-top:15px;
    display:top;
    font-size:15px;
    line-height:21px;
    text-align:center;
    width:18px;
    font-weight:normal;
    letter-spacing:1px;}

#links a:hover {
    opacity:9.7;}

#link1 {
position:fixed;
margin-left:0px;}

#link2 {
position:fixed;
margin-left:0px;
margin-top:50px;}

#link3 {
position:fixed;
margin-left:0px;
margin-top:100px;}

#link4 {
position:fixed;
margin-left:-px;
margin-top:150px;}

#link5 {
position:fixed;
margin-left:0px;
margin-top:200px;}

#link6 {
position:fixed;
margin-left:0px;
margin-top:250px;}

#link7 {
position:fixed;
margin-left:0px;
margin-top:300px;}

#link8 {
position:fixed;
margin-left:0px;
margin-top:350px;}

#pagination {
    position:fixed;
    top:70px;
    right:450px;
}

#pagination a:hover {
    color:#ffffff;
}

.asker {
    font-size:15px;
    font-style: italic;
    text-align:center;
    border-bottom:1px solid #eee;
    margin-bottom:5px;
    padding-bottom:3px;
}

.question {
    font-style: italic;
    padding-left:50px;
    padding-right:50px;
}

.quote {
    font-size:13px;
    letter-spacing:1px;
    text-align:center;
    border-bottom:1px solid #eee;
    margin-bottom:5px;
    padding-bottom:3px;
}

.quotesource {
    font-size:10px;
    letter-spacing:1px;
    text-align:center;
    margin-bottom:5px;
}

#bite
#bite a{
display:block
}

#bite
.death {
margin-top:0px;filter:
alpha(opacity = 0);
opacity:0;-webkit-transition: all 0.5s ease-out;
-moz-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
}

#bite:hover .death {
margin-top:0px;
-webkit-transition: all 0.8s ease-out;
-moz-transition: all 0.8s ease-out;
transition: all 0.8s ease-out;
filter: alpha(opacity = 100);
filter: alpha(opacity = 100);
opacity:100;
}

#actualnews {
font-family:calibri;
font-size:15px;
color: #fff;
background-color:#000;
border: solid 2px #fff;
width:200px;
height:auto;
padding:10px;
left: 30px;
top:100px;
text-align:center;
position:fixed;
}

#thekey img{
width:100px;
top: 40px;
left: 50px;
position:fixed;
}

.popup_block{
    display:none;
    background:#242424;
    padding:20px;
    border:3px solid #000;  /* if you want a solid white pop-up, delete this */
    float:left;
    position:fixed;
    top:50%;left:50%;
    z-index: 99999;
    -webkit-box-shadow: 0px 0px 20px #000; /* delete for solid white */
    -moz-box-shadow: 0px 0px 20px #000; /* delete for solid white */
    box-shadow: 0px 0px 20px #000; /* delete for solid white */
    width: 300px;
    height: 400px;
    overflow-y:scroll;
    overflow-x:hidden;
}

*html #fade {position: absolute;}
*html .popup_block {position: absolute;}
#fade {
    display:none;
    position:fixed;
    left:0px;
    top:0px;
    width:100%;
    height:100%;
    z-index:9999;
    background:#000; /* change to #fff for solid white */
    opacity:0.5; /* change to opacity:1; */
}


</style>

<body>

<div id="links">
<div id="link1"><a href="/" title="home"><img src="http://i.imgur.com/lfye0YX.png"></a> </div>
<div id="link2"><a href="/ask" title="ask"><img src="http://i.imgur.com/lfye0YX.png"></a></div>
<div id="link3"><a href="/submit" title="submit"><img src="http://i.imgur.com/lfye0YX.png"></a></div>
<div id="link4"><a href="/rules" title="rules"><img src="http://i.imgur.com/lfye0YX.png"></a></div>
<div id="link5"><a href="/navi" title="navi"><img src="http://i.imgur.com/lfye0YX.png"></a></div>
<div id="link6"><a href="/verses" title="verses"><img src="http://i.imgur.com/lfye0YX.png"></a></div>
<div id="link7"><a href="/tagged/;;muses" title="muses"><img src="http://i.imgur.com/lfye0YX.png"></a></div>
<div id="link8"><a href="/mainsandexclusives" title="mainsandexclusives"><img src="http://i.imgur.com/lfye0YX.png"></a></div>
</div>

</div>

<div id="container">

{block:Posts}

<div class="posts">

{block:Text}{block:Title}{Title}{/block:Title}{Body}{/block:Text}

{block:Photo}<img src="{PhotoURL-400}" alt="{PhotoAlt}"/>{block:Caption}{Caption}{/block:Caption}{/block:Photo}

{block:Panorama}{LinkOpenTag}<img src="{PhotoURL-Panorama}" alt="{PhotoAlt}"/>{LinkCloseTag}{block:Caption}{Caption}{/block:Caption}{/block:Panorama}

{block:Photoset}{Photoset-400}{block:Caption}{Caption}{/block:Caption}{/block:Photoset}

{block:Quote}<div class="quote">{Quote}</div>{block:Source}<div class="quotesource">{Source}</div>{/block:Source}{/block:Quote}

{block:Link}<a href="{URL}" class="link" {Target}>{Name}</a>{block:Description}{Description}{/block:Description}{/block:Link}

{block:Chat}{block:Title}{Title}</a>{/block:Title}
{block:Lines}<li>{block:Label}{Label}{/block:Label}{Line}</li>{/block:Lines}{/block:Chat}

{block:Video}{Video-400}{block:Caption}{Caption}{/block:Caption}{/block:Video}

{block:Audio}{AudioEmbed}{block:Caption}{Caption}{/block:Caption}{/block:Audio}

{block:Answer}
<div class="asker">{Asker} whispered</div>
<div class="question">{Question}</div>
{Answer}
{/block:Answer}</div>

<div class="permalinks">
{block:Date}
<a href="{permalink}">{DayOfWeek}</a>
{/block:Date}

{block:NoteCount}<a href="{permalink}">{NoteCount}</a>{/block:NoteCount}
{block:RebloggedFrom}
<a href="{ReblogParentURL}">via</a>
<a href="{ReblogRootURL}">source</a>
{/block:RebloggedFrom}
{block:HasTags}{block:Tags} <a href="{TagURL}">#{Tag}</a>{/block:Tags}
{/block:HasTags}
</div>

{/block:Posts}

</div>
</div>
</div>

{block:ContentSource}
<!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
{/block:SourceLogo}
{block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
{/block:ContentSource}
</div>
</div>

<div id="pagination">
{block:Pagination}{block:PreviousPage}<a href="{PreviousPage}"><img src="http://i.imgur.com/NN3DDK7.png"></a> - {/block:PreviousPage} {block:NextPage} - <a href="{NextPage}"><img src="http://i.imgur.com/bM5LBAj.png"></a>
{/block:NextPage}
{/block:Pagination}</div>
</div>
</div>

</div>

<div id="bite">
<div id="thekey"><img src="http://i.imgur.com/U41J3sj.png"></div>
<div class="death">
<div id="actualnews">
independent <b>tv show, movie, anime, and videogame multimuse</b>
<p>
asks: <i>over 500</i>
<p>
drafts: <i>108</i>
<p>
starters owed: <i>8</i>
<p>
<i>accepting new threads<i>
<p>
M!A: <i>none but accepting</i>
<p>
est. March, 26, 2016
<p>
previously <i>bloodwolvesandguns<i>
<p>
<b>Make sure to read rules, headcanons, and verses</b>
<p>
written by <i>lulu</i>
<p>
</div>
</div></div>
</body>
</html>