Untitled

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<link rel="shortcut icon" href="">

<meta name="credit" content="popup coding taken from ary@ij - general style by tentacool@ij">

<link rel="stylesheet" href="https://fontcity.neocities.org/candyheart.css?family=candy+heart">
<link rel="stylesheet" href="https://fontcity.neocities.org/austiebostwibbly.css?family=austie+bost+wibbly">
<link rel="stylesheet" href="https://fontcity.neocities.org/study.css?family=study">
<link rel="stylesheet" href="https://fontcity.neocities.org/heyalicemono.css?family=hey+alice+mono">
<link href='https://fonts.googleapis.com/css?family=Monoton|Leckerli+One|Sarina|Sonsie+One|Ribeye+Marrow|Warnes|Baloo+Bhai' rel='stylesheet' type='text/css'>
<link href="http://fonts.googleapis.com/css?family=Open+Sans+Condensed:300" rel="stylesheet" type="text/css">
<link href="http://fonts.googleapis.com/css?family=Allura" rel="stylesheet" type="text/css">

<title></title>

<style>
a, a:visited, a:active {
text-decoration: none;
}

body {
  background-color:#E8E8E8;
  background-image:URL();

}

td {
font-family: 'open sans condensed';
font-size: 10px;
line-height: 16px;
letter-spacing: 1px;
font-weight: none;
color: #000;
text-shadow: 0px 0px 1px #000;
text-transform: uppercase;
}


.title {
font-family: study;
font-size: 45px;
line-height: 45px;
letter-spacing: -1.5px;
color: #C12622  ;
text-shadow: 0px 0px 2px #C12622	;
font-weight: lighter;
text-transform:lowercase;
}

.otherstuff {
font-family: study;
font-size: 15px;
line-height: 45px;
letter-spacing: -1.5px;
color: #C12622  ;
text-shadow: 0px 0px 2px #C12622	;
font-weight: lighter;
text-transform:lowercase;
}

.etc {
font-family: 'hey alice mono';
font-size: 15px;
line-height: 14px;
letter-spacing: 1px;
font-weight: none;
color: #fff;
text-shadow: 0px 0px 1px #fff;
text-transform: ;
}

.yo {
font-family: 'hey alice mono';
font-size: 15px;
line-height: 14px;
letter-spacing: 1px;
font-weight: none;
color: #red;
text-shadow: 0px 0px 1px #red;
text-transform: ;
}

#fade {
display: none;
background: #000;
position: fixed;
left: 0;
top: 0;
width: 100%;
height: 100%;
opacity: .8;
z-index: 9999;
}

.popup_block{
display: none;
background: #FFFFFF;
padding: 20px;
float: left;
position: fixed;
top: 53%;
left: 51%;
z-index: 99999;
opacity: 1;
}

::-webkit-scrollbar {width: 5px;}

::-webkit-scrollbar-thumb {border-radius: 0px; -webkit-box-shadow: inset 0px 0px 15px rgba(241, 215, 254, 1);}

::-webkit-scrollbar-track {border-radius: 0px; -webkit-box-shadow: inset 0px 0px 0px transparent;}


</style>

<!-- Scripts -->
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
<script>
$(document).ready(function() {
//
//When you click on a link with class of poplight and the href starts with a #
$('a.poplight[href^=#]').click(function() {
    var popID = $(this).attr('rel'); //Get Popup Name
    var popURL = $(this).attr('href'); //Get Popup href to define size
    //Pull Query & Variables from href URL
    var query= popURL.split('?');
    var dim= query[1].split('&');
    var popWidth = dim[0].split('=')[1]; //Gets the first query string value
    //Fade in the Popup and add close button
    $('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend();
    //Define margin for center alignment (vertical   horizontal) - we add 80px to the height/width to accomodate for the padding and border width defined in the css
    var popMargTop = ($('#' + popID).height() + 80) / 2;
    var popMargLeft = ($('#' + popID).width() + 80) / 2;
    //Apply Margin to Popup
    $('#' + popID).css({
        'margin-top' : -popMargTop,
        'margin-left' : -popMargLeft
    });
    //Fade in Background
    $('body').append('<div id="fade"></div>'); //Add the fade layer to bottom of the body tag.
    $('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn(); //Fade in the fade layer - .css({'filter' : 'alpha(opacity=80)'}) is used to fix the IE Bug on fading transparencies
    return false;
});
//Close Popups and Fade Layer
$('a.close, #fade').live('click', function() { //When clicking on the close or fade layer...
    $('#fade , .popup_block').fadeOut(function() {
        $('#fade, a.close').remove();  //fade them both out
    });
    return false;
});
});
</script>
</head>


<body>
<table width="750" cellpadding="0" cellspacing="0" align="center">
<tr><td>

<center><font class="title">blah blah<br><i></i></font><br><br>
<font class="etc">blah blah</font>

<br><br><center>

<!--YOU CAN CHANGE THE GREY CIRCLES AROUND PICTRES TO PATTERNS BY PUTTING AN IMAGE LINK IN THE BACKGROUND-IMAGE: URL PARENTHESES-->

<!--GIFT ONE - CHANGE #?w=300 TO REFLECT THE WIDTH YOU'D LIKE YOUR POPUP BOX TO BE-->


<!--GIFT THREE - CHANGE #?w=300 TO REFLECT THE WIDTH YOU'D LIKE YOUR POPUP BOX TO BE-->
<a href="#?w=500" class="poplight" rel="03"><img src="https://i.imgur.com/wxtv9NC.gif" class="bw" style="width: 200px; padding: 5px; background-color:#C12622; border-radius: 100px; border: 1px solid #C12622; background-image: url( ); margin-right: 20px;"></a>


<br><br>
<font class="title"></font>

<font class="etc"><br></center>

<br><br>


</font>

</center></center></td></tr></table>


<!--GIFT ONE POPUP - THESE DO NOT HAVE TO BE THE SAME IMAGE BUT CAN BE IF YOU CHOOSE-->


<div id="03" class="popup_block">
<font class="otherstuff">blah blah</font></center><br>
<font class="yo">blah blah blah</font>
</font>
</div>
</div>


</body>
</html>