All pastes #2118041 Raw Edit

Mine

public text v1 · immutable
#2118041 ·published 2012-02-11 09:22 UTC
rendered paste body
<head>
<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

//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>

<script type="text/javascript"

src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>

<script>

$(document).ready(function() {

//

$('a.poplight[href^=#]').click(function() {

var popID = $(this).attr('rel'); //Get Popup Name

var popURL = $(this).attr('href'); //Get Popup href to define size

var query= popURL.split('?');

var dim= query[1].split('&');

var popWidth = dim[0].split('=')[1]; //Gets the first query string value

$('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('<a href="#" class="close"><img src="http://i1226.photobucket.com/albums/ee417/splashofashion/tumblr_lngwrrocxt1qf72le.png" class="btn_close" title="close" alt="Close" /></a>');

var popMargTop = ($('#' + popID).height() + 80) / 2;

var popMargLeft = ($('#' + popID).width() + 80) / 2;

//Apply Margin to Popup

$('#' + popID).css({

'margin-top' : -popMargTop,

'margin-left' : -popMargLeft

});

$('body').append('<div id="fade"></div>');

$('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn(); //Fade in the fade layer - .css({'filter' : 'alpha(opacity=80)'})

return false;

});

$('a.close, #fade').live('click', function() { 

$('#fade , .popup_block').fadeOut(function() {

$('#fade, a.close').remove(); //fade them both out

});

return false;

});

});

</script>
<link href='http://fonts.googleapis.com/css?family=Amatic+SC' rel='stylesheet' type='text/css'>

<script type="text/javascript">
  WebFontConfig = {
    google: { families: [ 'Amatic+SC::latin' ] }
  };
  (function() {
    var wf = document.createElement('script');
    wf.src = ('https:' == document.location.protocol ? 'https' : 'http') +
      '://ajax.googleapis.com/ajax/libs/webfont/1/webfont.js';
    wf.type = 'text/javascript';
    wf.async = 'true';
    var s = document.getElementsByTagName('script')[0];
    s.parentNode.insertBefore(wf, s);
  })(); </script>

{block:ifShakingImages}
<style>
.shakeimage{
position:relative
}
#fade { /*--Transparent background layer--*/
display: none; /*--hidden by default--*/
background: #000;
position: fixed; left: 0; top: 0;
width: 100%; height: 100%;
opacity: .80;
z-index: 9999;
}
.popup_block{
display: none; /*--hidden by default--*/
background: #C7C6C6;
padding: 20px;
border: 0px solid #ddd;
float: left;
font-size: 1.2em;
position: fixed;
top: 50%; left: 50%;
z-index: 99999;
/*--CSS3 Box Shadows--*/
-webkit-box-shadow: 0px 0px 20px #000;
-moz-box-shadow: 0px 0px 20px #000;
box-shadow: 0px 0px 20px #000;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
}
img.btn_close {
float: right;
margin: -50px -50px 0 0;
}
/*--Making IE6 Understand Fixed Positioning--*/
*html #fade {
position: absolute;
}
*html .popup_block {
position: absolute;
}

h2{font: 9pt arial !important; font-weight:normal; line-height:20px; margin:0px; color: #6c9ab0;}


</style>
<script language="JavaScript1.2">

/*
Shake image script (onMouseover)- 

*/

//configure shake degree (where larger # equals greater shake)
var rector=3

///////DONE EDITTING///////////
var stopit=0 
var a=1

function init(which){
stopit=0
shake=which
shake.style.left=0
shake.style.top=0
}

function rattleimage(){
if ((!document.all&&!document.getElementById)||stopit==1)
return
if (a==1){
shake.style.top=parseInt(shake.style.top)+rector+"px"
}
else if (a==2){
shake.style.left=parseInt(shake.style.left)+rector+"px"
}
else if (a==3){
shake.style.top=parseInt(shake.style.top)-rector+"px"
}
else{
shake.style.left=parseInt(shake.style.left)-rector+"px"
}
if (a<4)
a++
else
a=1
setTimeout("rattleimage()",50)
}

function stoprattle(which){
stopit=1
which.style.left=0
which.style.top=0
}
</script>
{/block:ifShakingImages}


<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta name="color:background" content="#A3A3A3"/>
<meta name="color:text" content="#000000"/>
<meta name="color:title" content="#000000"/>
<meta name="color:link" content="#555555"/>
<meta name="color:hover" content="#000000"/>
<meta name="if:Faded Images" content="0"/>
<meta name="if:Inverted Fade" content="0"/>
<meta name="image:Sidebar" content=""/>
<meta name="if:Show Default Links" content="0"/>
<meta name="if:Shaking Images" content="0"/>
<meta name="image:Background" content=""/>
<meta name="if:Enable small cursor" content="0"/>
<meta name="if:Infinite Scrolling" content="0"/>
<meta name="if:Show Sidebar Image" content="0"/>

{block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
<title>{block:SearchPage}Search results for "{SearchQuery}" - {/block:SearchPage}{block:PostSummary}

{PostSummary} - {/block:PostSummary}{Title}</title>

<style type="text/css">
.popup_block{
display: none;
background: #ffffff;
padding: 10px;
font-family: arial; 
border: 3px solid #f2e7e2;
float: left;
font-size: 10px;
position: fixed;
top: 50%; left: 50%;
z-index: 1;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
}
img.btn_close {
float: right;
margin: -5px -5px 0 0;
}
*html .popup_block {
position: absolute;
}

@import url(http://fonts.googleapis.com/css?family=Amatic+SC);

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

.fufu {width:227px;-webkit-transition: all 0.7s ease-out;-moz-transition: all 0.7s ease-out;transition: all 0.7s ease-out;}

.fufu:hover {-webkit-transform: translate(1em,0);-moz-transform: translate(1em,0);-o-transform: translate(1em,0);}

#biter 

#bite a {display:block}

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

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


{block:ifFadedImages}img{-webkit-transition: opacity 0.8s linear; opacity: 0.75;}img:hover{-webkit-transition: opacity 0.8s linear; opacity: 1;} {/block:ifFadedImages} 

{block:ifInvertedFade}img{-webkit-transition: opacity 0.7s linear; opacity: 50;}img:hover{-webkit-transition: opacity 0.2s linear; opacity: .60;} {/block:ifInvertedFade} 

body {
margin:0px;
background-color: {color:Background};
background-image:url({image:Background});
background-attachment: fixed;
background-repeat: repeat;}
body, div, p, textarea, submit, input{
font-family: arial;
font-size: 10px;
line-height:10px;
letter-spacing:-1px;
color:{color:Text};
}

p {
margin:0px;
margin-top:0px;
}


a:link, a:active, a:visited{
color: {color:Link}; 
text-decoration: none; 
-webkit-transition: all 0.3s linear;
-webkit-transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
transition: all 0.3s linear;
}

a:hover {
color:{color:Hover};
text-decoration: none;
letter-spacing: 0px;
text-shadow:0px 0px 0px {color:Hover};
-webkit-transition: all 0.3s linear;
-webkit-transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
transition: all 0.3s linear;
text-transform:uppercase;
}



div#center{
margin:auto;
position:relative;
width:840px;
background-color:;
overflow:auto;
overflow-y:hidden;
}

div#content{
float:right;
width:400px;
padding:2px;
padding-top: 2px;
margin-right: 310px;
background: #fff;
letter-spacing:-1px;
}

div#entry{
background-color:;
margin-top:px;
padding-top:0px;
padding-bottom:2px;
}

div#sidebar{
position:fixed !important;
width: 250px;
height: auto;
margin: 20px 0px 0px 550px; 
padding-top:0px;
padding-left:-2px;
font-size: 10px;
line-height:8px;
letter-spacing:-1px;
margin-bottom: 6px; 
background-color:white;
border: 4px solid transparent;
}


#postnotes{
text-align: justify;}

#postnotes blockquote{
border: 0px;}

.title{
font-family: Amatic SC;
font-size: 20px;
line-height: 15px;
color: {color:Title}; 
letter-spacing: {text:title letter spacing};
font-weight: normal;
padding:0px 0px 0px 0px; 
}

.title2{
font-family: Amatic SC;
font-size: 20px;
line-height: 12px;
color: {color:Title}; 
letter-spacing: {text:title letter spacing};
font-weight: {text:title font weight};
padding:0px 0px 0px 0px; 
}

blockquote{
padding:0px 0px 2px 5px;
margin:0px 0px 2px 1px;
border-left: 1px dotted #555555;
}

blockquote p, ul{
margin:0px; 
padding:0px; 
}


a img{border: 0px;}

ul, ol, li{list-style:none; margin:0px; padding:0px;}

.user_1 .label, .user_2 .label, .user_3 .label, .user_4 .label, .user_5 .label, .user_6 .label, 
.user_7 .label, .user_8 .label, .user_9 .label {color:#555555;}

.notes img{width:10px; position:relative; top:3px;}

.permalink{
display: block;
font-size: 10px;
text-align: right;
}


small{font-size: 90%;}

</style>

<!--------------- TYPING/MOVING TITLE ----------------------->

<script type="text/javascript">
var rev = "fwd";
function titlebar(val)
{
var msg = "your face looks better bleeding :-)";
var res = " ";
var speed = 100;
var pos = val;
msg = "your face looks better bleeding :-)";
var le = msg.length;
if(rev == "fwd"){
if(pos < le){
pos = pos+1;
scroll = msg.substr(0,pos);
document.title = scroll;
timer = window.setTimeout("titlebar("+pos+")",speed);}
else{
rev = "bwd";
timer = window.setTimeout("titlebar("+pos+")",speed);}}
else{
if(pos > 0){
pos = pos-1;
var ale = le-pos;
scrol = msg.substr(ale,le);
document.title = scrol;
timer = window.setTimeout("titlebar("+pos+")",speed);}
else{
rev = "fwd";
timer = window.setTimeout("titlebar("+pos+")",speed);
}}}
titlebar(0);
</script>

<link rel="shortcut icon" href="{Favicon}">
<link rel="alternate" type="application/rss+xml" title="RSS" href="{RSS}" />
<meta name="viewport" content="width=820" />
</head>
<body>

<div id="cage">
<div id="center">
<div id="sidebar">
{block:ifshowsidebarimage}<a href="/"><img src="{image:sidebar}" width=250px></a>{/block:ifshowsidebarimage}
<br>
<center>{Description}
{block:ifShowDefaultLinks}
<center><a href="/">home</a>&nbsp;&nbsp;&nbsp;
<a href="/ask">ask</a>&nbsp;&nbsp;&nbsp;
<a href="http://www.-shrooms.tumblr.com/">theme</a>&nbsp;&nbsp;&nbsp;</center>
{/block:ifShowDefaultLinks}
<div align="right">
<br>
{block:NextPage}<a href="{NextPage}"><font size="3"><center><b></b></font></a>{/block:NextPage}
{block:PreviousPage} <a href="{PreviousPage}"><font size="3"><center><b>←</b></font></a>{/block:PreviousPage}
</div>


</div>


<div id="content">
<!---------------------------- About ------------------------------------->
<div id="About" class="popup_block">

<h2> about ~ </h2>

Hi, I'm Ally and I'm socially awkward.

I'm 16 and my birthday is on August 6th. I live in Airdrie, Alberta, and Canada sucks. I have an undying love for Of Mice &  Men, rain, boys, tea, and the internet, simply because I have no life ◕ ‿◕
</div>

<!---------------------------- Ect ------------------------------------->
<div id="Ect" class="popup_block">

<h2> Ect~ </h2>

<a href="http://whorresome.tumblr.com/tagged/unf">Unf</a> <br> 
<a href="http://iwannabelovedbysomebody.tumblr.com">Bestfriend</a> <br> 
<a href="http://whorresome.tumblr.com/tagged/Personal">Personal</a> <br>
<a href="http://whorresome.tumblr.com/playlist">Playlist</a>

</div>
<!---------------------------- END ------------------------------------->


{block:Posts}
<div id="entry">
<a href="{permalink}">{block:Text}
{block:Title}<span class="title">{Title}</span>{/block:Title}
<span class="entrytext">{Body}</span>

{/block:Text}

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

{block:Photo}{block:IndexPage}<a href="{Permalink}">{/block:IndexPage} {block:PermalinkPage}{LinkOpenTag}{/block:PermalinkPage} <img src="{block:IndexPage}{PhotoURL-HighRes}{/block:IndexPage}{block:PermalinkPage}{PhotoURL-HighRes}{/block:PermalinkPage}" alt="{PhotoAlt}" width="400" class="shakeimage" onMouseover="init(this);rattleimage()" onMouseout="stoprattle(this);top.focus()" onClick="top.focus()"/> {block:IndexPage}</a>{/block:IndexPage} {block:PermalinkPage}{LinkCloseTag} {/block:PermalinkPage} {block:ifShowCaptions}{block:Caption}{Caption}{/block:Caption}{/block:ifShowCaptions} {/block:Photo}

{block:Quote}
<span class="title">{Quote}</span>
{block:Source}{Source}{/block:Source}
<span class="permalink"><a href="{Permalink}">+</a>
{/block:Quote}

{block:Chat}
{block:Title}<span class="title">{Title}</span>{/block:Title}
<ul class="chat">
{block:Lines}
<li class="user_{UserNumber}">
{block:Label}
<span class="label">{Label}</span>
{/block:Label}

{Line}
</li>
{/block:Lines}
</ul>

{/block:Chat}


{block:Audio}
<center><div class="audio"><div style="width:350px; height:-10px;"><div style="float:center">{AudioPlayerBlack}</div><div style="margin-top:10px; float:center;">
{block:ExternalAudio} // <a href="{ExternalAudioURL}">Download?</a>{/block:ExternalAudio}</div></div></centeR>
<span class="permalink"><a href="{Permalink}">+</a>
{/block:Audio}

{block:Video}<center>
{Video-400}</center>
<span class="permalink"><a href="{Permalink}">+</a>
{block:Video}


{block:PermalinkPage}{block:Caption}{Caption}{/block:Caption}{block:NoteCount}{NoteCountWithLabel}{/block:NoteCount}{block:HasTags} &middot; {block:Tags}<a href="TagURL"> #{Tag}</a> {/block:Tags}{/block:hasTags}{/block:PermalinkPage}

{block:PostNotes}{PostNotes}
{/block:PostNotes}
</div>

{/block:Posts}
</div></div>

{Block:ifinfinitescrolling}<script type="text/javascript" src="http://codysherman.com/tools/infinite-scrolling/code"></script>{/Block:ifinfinitescrolling} 

{block:ifEnableSmallCursor}<style type="text/css">body, a, a:hover {cursor: url(http://cur.cursors-4u.net/others/oth-6/oth589.cur), progress;}</style>{/block:ifEnableSmallCursor} 


</div>
</center>

</body>
<div id="02" class="popup_block">
<Center><iframe frameborder="0" scrolling="no" width="100%" height="150" src="http://www.tumblr.com/ask_form/whorresome.tumblr.com" style="background-color:transparent; overflow:hidden;" id="ask_form">
</center></div>
</div></div></div></div></div></div></div></div></div></div>
</html>