<head>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
<script type='text/javascript' language='Javascript'>
var scrolltotop={
//startline: Integer. Number of pixels from top of doc scrollbar is scrolled before showing control
//scrollto: Keyword (Integer, or "Scroll_to_Element_ID"). How far to scroll document up when control is clicked on (1=top).
setting: {startline:100, scrollto: 0, scrollduration:1000, fadeduration:[500, 100]},
controlHTML: '<img src="http://i55.tinypic.com/2le33a0.png"/>', //HTML for control, which is auto wrapped in DIV w/ ID="topcontrol"
controlattrs: {offsetx:5, offsety:5}, //offset of control relative to right/ center of window corner
anchorkeyword: '#top', //Enter href value of HTML anchors on the page that should also act as "Scroll Up" links
state: {isvisible:false, shouldvisible:false},
scrollup:function(){
if (!this.cssfixedsupport) //if control is positioned using JavaScript
this.$control.css({opacity:0}) //hide control immediately after clicking it
var dest=isNaN(this.setting.scrollto)? this.setting.scrollto : parseInt(this.setting.scrollto)
if (typeof dest=="string" && jQuery('#'+dest).length==1) //check element set by string exists
dest=jQuery('#'+dest).offset().top
else
dest=0
this.$body.animate({scrollTop: dest}, this.setting.scrollduration);
},
keepfixed:function(){
var $window=jQuery(window)
var controlx=$window.scrollLeft() + $window.width() - this.$control.width() - this.controlattrs.offsetx
var controly=$window.scrollTop() + $window.height() - this.$control.height() - this.controlattrs.offsety
this.$control.css({left:controlx+'px', top:controly+'px'})
},
togglecontrol:function(){
var scrolltop=jQuery(window).scrollTop()
if (!this.cssfixedsupport)
this.keepfixed()
this.state.shouldvisible=(scrolltop>=this.setting.startline)? true : false
if (this.state.shouldvisible && !this.state.isvisible){
this.$control.stop().animate({opacity:1}, this.setting.fadeduration[0])
this.state.isvisible=true
}
else if (this.state.shouldvisible==false && this.state.isvisible){
this.$control.stop().animate({opacity:0}, this.setting.fadeduration[1])
this.state.isvisible=false
}
},
init:function(){
jQuery(document).ready(function($){
var mainobj=scrolltotop
var iebrws=document.all
mainobj.cssfixedsupport=!iebrws || iebrws && document.compatMode=="CSS1Compat" && window.XMLHttpRequest //not IE or IE7+ browsers in standards mode
mainobj.$body=(window.opera)? (document.compatMode=="CSS1Compat"? $('html') : $('body')) : $('html,body')
mainobj.$control=$('<div id="topcontrol">'+mainobj.controlHTML+'</div>')
.css({position:mainobj.cssfixedsupport? 'fixed' : 'absolute', bottom:mainobj.controlattrs.offsety, right:mainobj.controlattrs.offsetx, opacity:0, cursor:'pointer'})
.attr({title:'Scroll Back to Top'})
.click(function(){mainobj.scrollup(); return false})
.appendTo('body')
if (document.all && !window.XMLHttpRequest && mainobj.$control.text()!='') //loose check for IE6 and below, plus whether control contains any text
mainobj.$control.css({width:mainobj.$control.width()}) //IE6- seems to require an explicit width on a DIV containing text
mainobj.togglecontrol()
$('a[href="' + mainobj.anchorkeyword +'"]').click(function(){
mainobj.scrollup()
return false
})
$(window).bind('scroll resize', function(e){
mainobj.togglecontrol()
})
})
}
}
scrolltotop.init()
</script>
<script type='text/javascript'>
// <![CDATA[
var colour="#DEBFBF";
var sparkles=90;
var x=ox=400;
var y=oy=300;
var swide=800;
var shigh=600;
var sleft=sdown=0;
var tiny=new Array();
var star=new Array();
var starv=new Array();
var starx=new Array();
var stary=new Array();
var tinyx=new Array();
var tinyy=new Array();
var tinyv=new Array();
window.onload=function() { if (document.getElementById) {
var i, rats, rlef, rdow;
for (var i=0; i<sparkles; i++) {
var rats=createDiv(3, 3);
rats.style.visibility="hidden";
document.body.appendChild(tiny[i]=rats);
starv[i]=0;
tinyv[i]=0;
var rats=createDiv(5, 5);
rats.style.backgroundColor="transparent";
rats.style.visibility="hidden";
var rlef=createDiv(1, 5);
var rdow=createDiv(5, 1);
rats.appendChild(rlef);
rats.appendChild(rdow);
rlef.style.top="2px";
rlef.style.left="0px";
rdow.style.top="0px";
rdow.style.left="2px";
document.body.appendChild(star[i]=rats);
}
set_width();
sparkle();
}}
function sparkle() {
var c;
if (x!=ox || y!=oy) {
ox=x;
oy=y;
for (c=0; c<sparkles; c++) if (!starv[c]) {
star[c].style.left=(starx[c]=x)+"px";
star[c].style.top=(stary[c]=y)+"px";
star[c].style.clip="rect(0px, 5px, 5px, 0px)";
star[c].style.visibility="visible";
starv[c]=50;
break;
}
}
for (c=0; c<sparkles; c++) {
if (starv[c]) update_star(c);
if (tinyv[c]) update_tiny(c);
}
setTimeout("sparkle()", 40);
}
function update_star(i) {
if (--starv[i]==25) star[i].style.clip="rect(1px, 4px, 4px, 1px)";
if (starv[i]) {
stary[i]+=1+Math.random()*3;
if (stary[i]<shigh+sdown) {
star[i].style.top=stary[i]+"px";
starx[i]+=(i%5-2)/5;
star[i].style.left=starx[i]+"px";
}
else {
star[i].style.visibility="hidden";
starv[i]=0;
return;
}
}
else {
tinyv[i]=50;
tiny[i].style.top=(tinyy[i]=stary[i])+"px";
tiny[i].style.left=(tinyx[i]=starx[i])+"px";
tiny[i].style.width="2px";
tiny[i].style.height="2px";
star[i].style.visibility="hidden";
tiny[i].style.visibility="visible"
}
}
function update_tiny(i) {
if (--tinyv[i]==25) {
tiny[i].style.width="1px";
tiny[i].style.height="1px";
}
if (tinyv[i]) {
tinyy[i]+=1+Math.random()*3;
if (tinyy[i]<shigh+sdown) {
tiny[i].style.top=tinyy[i]+"px";
tinyx[i]+=(i%5-2)/5;
tiny[i].style.left=tinyx[i]+"px";
}
else {
tiny[i].style.visibility="hidden";
tinyv[i]=0;
return;
}
}
else tiny[i].style.visibility="hidden";
}
document.onmousemove=mouse;
function mouse(e) {
set_scroll();
y=(e)?e.pageY:event.y+sdown;
x=(e)?e.pageX:event.x+sleft;
}
function set_scroll() {
if (typeof(self.pageYOffset)=="number") {
sdown=self.pageYOffset;
sleft=self.pageXOffset;
}
else if (document.body.scrollTop || document.body.scrollLeft) {
sdown=document.body.scrollTop;
sleft=document.body.scrollLeft;
}
else if (document.documentElement && (document.documentElement.scrollTop || document.documentElement.scrollLeft)) {
sleft=document.documentElement.scrollLeft;
sdown=document.documentElement.scrollTop;
}
else {
sdown=0;
sleft=0;
}
}
window.onresize=set_width;
function set_width() {
if (typeof(self.innerWidth)=="number") {
swide=self.innerWidth;
shigh=self.innerHeight;
}
else if (document.documentElement && document.documentElement.clientWidth) {
swide=document.documentElement.clientWidth;
shigh=document.documentElement.clientHeight;
}
else if (document.body.clientWidth) {
swide=document.body.clientWidth;
shigh=document.body.clientHeight;
}
}
function createDiv(height, width) {
var div=document.createElement("div");
div.style.position="absolute";
div.style.height=height+"px";
div.style.width=width+"px";
div.style.overflow="hidden";
div.style.backgroundColor=colour;
return (div);
}
// ]]>
<script type="text/javascript" src="http://static.tumblr.com/7qjmkr5/IUmmdsy41/jquery.style-my-tooltips.js"></script>
<script>
(function($){
$(document).ready(function(){
$("[title]").style_my_tooltips();
});
})(jQuery);
</script>
<title>{Title}</title>
<link rel="shortcut icon" href="http://static.tumblr.com/6oysso7/k0Jls1t44/a-helphtml__11_.ico" />
<link href='http://fonts.googleapis.com/css?family=Delius+Unicase' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Rouge+Script' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=The+Girl+Next+Door' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Sniglet' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Ruthie' rel='stylesheet' type='text/css'>
<style type="text/css">
body{
background:url(http://i1030.photobucket.com/albums/y365/lurunnia/fbbfcc_pink-pixel-heart-1.gif)fixed;
color: #aaa;
line-height: 15px;
text-align: justify;
font-family: 'Sniglet';
font-size: 12px;
cursor: url(http://media.tumblr.com/tumblr_m35liuVBh11rnr4eb.png), auto;
}
a:link,a:visited{
text-decoration: none;
color: #FCC;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
cursor: url(http://media.tumblr.com/tumblr_m2wivg9oxq1qfamg6.gif), auto;
}
a:hover{
color:#a9a9a9;
background:transparent;
cursor: url(http://media.tumblr.com/tumblr_m2wivg9oxq1qfamg6.gif), auto;
}
.h3 {
font-family: The Girl Next Door;
font-size: 15px;
letter-spacing: 2px;
text-transform: capitalize;
line-height: 16px;
color: #888;
text-align: Center;
background: #fff;
border-bottom: 1px solid #FFEDED;
padding: 5px;
border-radius: 20px 20px 0 0;
}
.h3:first-letter {
font-size:35px;
font-family: Ruthie;
}
.title {
color:#A7A2A3;
padding: 5px;
font-size:18px;
font-family:The Girl Next Door;
text-align:left;
font-style:none;
letter-spacing: 1px;
border-bottom:#ffd3da 1px solid;line-height:1pt;
}
.title:first-letter {
font-size:35px;
font-family: Ruthie;
}
img{opacity: 1; -moz-opacity: 1; filter: alpha(opacity=100); ; -webkit-transition-duration: .50s}
img:hover{filter: alpha(opacity=80); moz-opacity:.80; opacity:.80;}
.sidebar{
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg9u99Qox93nC611Yu85bUoYGBDJs3dx-nmEil4jxRDRNGeT21ABGT6SNmjAscStbK5yE5fRhbRDwuJyGo984o0f48biskK8Y5sLtKGrYHHYKf83MeNonOuFR5hOOxCr7L_jrMrKh-bJm4/s1600/red.png) fixed;
border-bottom-left-radius: 20px;
border-bottom-right-radius: 20px;
border-left: 2px dashed #FFF;
border-right: 2px dashed #FFF;
border-bottom: 2px dashed #FFF;
padding: 10px;
}
.ch-grid {
margin: 0px 0 0 0;
padding: 0;
list-style: none;
display: block;
text-align: center;
width: 100%;
}
.ch-item:before {
content: '';
display: table;
}
.ch-grid:after {
clear: both;
}
.ch-grid li {
width: 220px;
height: 220px;
display: inline-block;
margin: 0px;
}
.ch-item {
width: 100%;
height: 100%;
border-radius: 50%;
position: relative;
cursor:vertical-text;
box-shadow:
inset 0 0 0 13px rgba(255,255,255,0.6),
0 1px 2px rgba(0,0,0,0.1);
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
-ms-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
}
.ch-img{
background-image: url({image:Picture});
background-position: 50% 50%;
background-size: 390px;
}
.ch-info {
position: absolute;
background: url({image:Picture}) D9E8FC;
background-position: 50% 50%;
width: inherit;
height: inherit;
border-radius: 50%;
opacity: 0;
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
-ms-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
-webkit-transform: scale(0);
-moz-transform: scale(0);
-o-transform: scale(0);
-ms-transform: scale(0);
transform: scale(0);
-webkit-backface-visibility: hidden;
background-size: 390px;
}
.ch-item:hover {
box-shadow:
inset 0 0 0 1px rgba(255,255,255,0.1),
0 1px 2px rgba(0,0,0,0.1);
}
.ch-item:hover .ch-info {
-webkit-transform: scale(1);
-moz-transform: scale(1);
-o-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
opacity: 1;
}
.ch-item:hover .ch-info p {
opacity: 1;
}
.box2 {
padding:3px;
display:block;
height:17px;
width:250px;
background:#fff
-webkit-transition-duration:.8s;
-moz-transition-duration:.8s;
overflow:hidden;}
.box2:hover {
height: 90px;
}
h01{
-moz-transition: 0.5s;
-webkit-transition: 0.5s;
color:#A7A2A3;
letter-spacing:2px;
padding-left: 7px;
padding-right: 7px;
padding-top: 4px;
padding-bottom: 4px;
font-weight: bold;
font: 20px 'amatic sc';
line-height:18px;
text-align: left;
padding:5px;
}
.downarrowdiv{
width:218px;
min-height:40px; /*min height of DIV should be set to at least 2x the width of the arrow*/
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiQ4Kh0yxG5XsGGXsWSd7cfaZN82uqSvsUweSRDXTRB3NzfmtjWHxr5S6_zLHAEVt4hKPe3LdoozF8pddIHgOdHWYlndYVkhW7BFngvy2cP9TX_DMFcvtPZCW2zOtZzze-MbxFYiN88EGw/s1600/bihastripe6.png);
color:#bfbfbf;
padding:10px;
position:relative;
border-style: solid;
border-width: 0.1px;
word-wrap:break-word;
-moz-border-radius:7px; /*add some nice CSS3 round corners*/
-moz-border-radius: 17px 17px 17px 17px;border-radius:17px 17px 17px 17px;
margin-bottom:2em;
}
.downarrowdiv:after{ /*arrow added to downarrowdiv DIV*/
content:'';
display:block;
position:absolute;
top:100%; /*should be set to 100% */
left:50px;
width:0;
height:0;
border-color: #fef6e8 transparent transparent transparent; /*border color should be same as div div background color*/
border-style: solid;
border-width: 10px;
}
::-moz-selection{background:transparent;color:#ffc7cd;}::selection{background:transparent;color:#ffc7cd;}
::-webkit-scrollbar {
width:8px;
height:8px;
}
::-webkit-scrollbar-track-piece {
background-color: #FFEEEE;
border: 3px solid #FFFFFF;
}
::-webkit-scrollbar-thumb:vertical, ::-webkit-scrollbar-thumb:horizontal {
background: #FFEEEE;
border: 1px solid #FFFFFF;
}
#s-m-t-tooltip {
max-width: 250px;
background: #FFF;/* change the background color */
font-size: 10px;/* change the font size */
line-height: 13px;
font-style: italic;
font-family: "Comic Sans MS", cursive;/* change the font */
letter-spacing: 2px;
text-transform: lowercase;/* can be lowercase, uppercase, none */
color: #333;/* change the text color */
text-align: center;
padding: 3px 4px 3px 6px;
display: block;
z-index: 100;
border-radius: 5px;
position: absolute;
margin-left: 10px;
margin-top: 16px;
border: 2px dashed #FFEDED;
}
.header {
font-size: 100px;
line-height:36px;
font-family: 'Rouge Script', cursive;
letter-spacing: 1px;
padding:16px;
color:#ccc;
text-align: center;
display: inline-block;
margin-top: 36px;
margin-bottom:-10px;
text-shadow: 3px 3px 1px #FFDBE2;
}
.navs {
display:inline-table;
background: #FBEFEF;
color: #333333;
font: 12pt georgia;
width: 100px;
padding: 5px;
margin-top: 5px;
filter: alpha(opacity=50);
moz-opacity: .50;
opacity: .50;
-webkit-transition-duration: .50s;
cursor: url(http://media.tumblr.com/tumblr_m2wivg9oxq1qfamg6.gif), auto;
}
li { list-style-image:url(http://media.tumblr.com/531946e16c254d0f3f0982efadd14884/tumblr_inline_mkhtbi7qce1qz4rgp.png);
}
li:hover { list-style-image:url(http://media.tumblr.com/c4e957b9e40ebf67d21f006e26c1259d/tumblr_inline_mkhurbGsVn1qz4rgp.png);
}
.photo
{
border: 5px solid #FFFFF5;
padding: 0px;
background-color: #FFFFFF;
-webkit-transition-duration: .5s;
-moz-transition-duration: .5s;
}
.photo:hover
{
opacity:0.6;
-webkit-transition-duration:.5s;
-moz-transition-duration:.5s;
}
.photo2
{
border: 10px solid #FFFFF5;
background-color: #FFFFFF;
-webkit-transition-duration: .5s;
-moz-transition-duration: .5s;
}
.photo2:hover
{
opacity:0.6;
-webkit-transition-duration:.5s;
-moz-transition-duration:.5s;
}
div#photo div#picture { position:relative;}
div#photo div#picture div#info_2 {
position: relative;
top: 0;
left: 0;
opacity: 0;
width: 100%;
height: 100%;
background-image: url();
visibility: hidden;
z-index: 998;
-webkit-transition: all 0.6s ease;
-moz-transition: all 0.6s ease;
transition: all 0.6s ease;
}
div#photo:hover div#picture div#info_2 { opacity:1; -webkit-transition: all 0.6s ease; -moz-transition: all 0.6s ease; transition: all 0.6s ease;}
div#photo div#picture div#info_2
div#holder {
height: 100px;
background: #FFF;
opacity: 1;
position: absolute;
text-align: center;
left: 590px;
margin-top: 30px;
width: 75px;
z-index: 999;
padding: 5px;
}
div#photo div#picture:hover div#info_2 {visibility:visible;}
#photo .sidepost a:link, #photo .sidepost a:active, #photo .sidepost a:visited
{
background: pink;
color: MistyRose;
display: block;
text-decoration: none;
font-weight: bold;
font-family: calibri;
text-transform: uppercase;
text-align: center;
font-size: 20px;
padding: 7px 7px 7px 7px;
margin: 1px;
-webkit-transition-property: color, text;
-webkit-transition-duration: .4s;
-moz-transition-duration: .4s;
-webkit-transition-timing-function: linear, ease-in;
}
#photo .sidepost a:hover
{
background: #FFF;
color: pink;
-webkit-transition-duration: .4s;
-moz-transition-duration: .4s;
}
#photo .sidepost2 a:link, #photo .sidepost2 a:active, #photo .sidepost2 a:visited
{
background: #FFF;
color: pink;
display: block;
text-decoration: none;
font-weight: normal;
font-family: tinytots;
text-transform: uppercase;
letter-spacing: 1px;
font-size: 8px;
padding: 2px 7px 2px 7px;
margin: 1px;
-webkit-transition-property: color, text;
-webkit-transition-duration: .4s;
-moz-transition-duration: .4s;
-webkit-transition-timing-function: linear, ease-in;
}
#photo .sidepost2 a:hover
{
background: #FFF;
color: pink;
-webkit-transition-duration: .4s;
-moz-transition-duration: .4s;
}
#photo .sidepost3 a:link,#photo .sidepost3 a:active,#photo .sidepost3 a:visited
{
background: MistyRose;
color: pink;
display: block;
text-decoration: none;
font-weight: normal;
font-family: tinytots;
text-transform: uppercase;
letter-spacing: 1px;
font-size: 8px;
padding: 2px 7px 2px 7px;
margin: 1px;
-webkit-transition-property: color, text;
-webkit-transition-duration: .4s;
-moz-transition-duration: .4s;
-webkit-transition-timing-function: linear, ease-in;
}
#photo .sidepost3 a:hover
{
background: #fff;
color: pink;
-webkit-transition-duration: .4s;
-moz-transition-duration: .4s;
}
blockquote {
margin: 1em 20px;
padding:10px;
background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj2twJAUg_5CloYr0igD_rMYdp-AbuqoYS6r-sKY_FQkT4ajK0ZCXB7hIVwxyqokI9m2NF3-7V1TrC8hNYJ5VIhtXH5lAv18HhNeNHUVLwu-4IZe4X3nQTzORl5iBy5AEzdUydZVTBj54wV/s1600/tumblr_lxwynw0Pdg1r9g6hvo5_250.png);
border-left: 10px solid #FFE1E4;
border-right: 10px solid #FFE1E4;
border-top: 2px solid #FFE1E4;
border-bottom: 2px solid #FFE1E4;
color:#555555;
border-radius: 10px;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;}
blockquote:hover {
background:url(http://i.imgur.com/tDtge.png);
border-right: 10px solid #EFE6FF;
border-left: 10px solid #EFE6FF;
border-top: 2px solid #FFEDEF;
border-bottom: 2px solid #FFEDEF;
border-radius:30px;
-webkit-box-shadow: 0px 0px 6px 4px #FFFAD8;
-moz-box-shadow: 0px 0px 6px 4px #FFFAD8;
box-shadow: 0px 0px 6px 4px #FFFAD8;
}
u {
text-decoration:none;
background: #fff;
border-radius: 3px;
-webkit-transition-duration: 1s;
color: Pink;
text-decoration: underline;
}
u:hover {
background: #FFFFFF;
border-radius: 3px;
-webkit-transition-duration: 1s;
color: #555;
}
b {
-webkit-transition:.1s;
text-decoration: bold;
color: Pink;
}
.h2 {
font: normal 25pt Ruthie;
color: #888;
text-align: left;
padding: 2px;
}
.navi{
letter-spacing:1px;
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
cursor:pointer;
display:inline-block;
font:8px tt;
text-align:center;
width:30px;
height:10px;
color:#888 !important;
padding:5px;
padding-top:15px;
background:#FFEEEE;
text-decoration:none;
-webkit-border-top-left-radius: 33px;
-webkit-border-top-right-radius: 33px;
-moz-border-radius-topleft: 33px;
-moz-border-radius-topright: 33px;
border-top-left-radius: 33px;
border-top-right-radius: 33px;
border:2px solid #FBEFF5;
border-bottom:none;
}
a.navi:hover{
background:#FBEFF5;
color:#333 !important;
}
.navi1{
letter-spacing:1px;
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
cursor:pointer;
display:inline-block;
font:8px tt;
text-align:center;
width:30px;
height:10px;
color:#888 !important;
padding:5px;
padding-top:15px;
background:#FBEFF5;
text-decoration:none;
-webkit-border-top-left-radius: 33px;
-webkit-border-top-right-radius: 33px;
-moz-border-radius-topleft: 33px;
-moz-border-radius-topright: 33px;
border-top-left-radius: 33px;
border-top-right-radius: 33px;
border:2px solid #FFEEEE;
border-bottom:none;
}
a.navi1:hover{
background:#FFEEEE;
color:#333 !important;
}
a.jieun{
background:MistyRose;
text-decoration:none;
color:#555;
padding:3px;
font:11px Short stack;
margin-left:2px;
margin-right:2px;
-webkit-transition:All 0.4s ease;
-moz-transition:All 0.4s ease;
-o-transition:All 0.4s ease;
display:inline-block;
width:50px;
border:2px dashed #fff;
}
a.jieun:hover{
background:Pink;
color:#fff;
cursor: url(http://media.tumblr.com/tumblr_m2wivg9oxq1qfamg6.gif), progress;}
.tuto{
display:inline-block;
width: 275px;
padding:3px;
margin:3px;
background-image: url(http://d2wss9bif9q3el.cloudfront.net/359/506/images/39905077.jpg);
font:8px;
text-align:left;
text-decoration:none; -webkit-transition: .5s; -moz-transition-duration: .5s;
color:#A8A8A8;
font: georgia;
}
.tuto:hover{ color:#fff;
-webkit-transition-duration: 0.5s; letter-spacing:3px; background:mistyrose;}
</style>
<meta name="image:Picture" content="http://38.media.tumblr.com/3023db613ddb235e73a32c108dabd9e4/tumblr_n4gk83Fbhc1snm2pno2_500.png"/>
<meta name="text:Link 1 Name" content="Friends"/>
<meta name="text:Link 1 URL" content=""/>
<meta name="text:Link 2 Name" content="Friends"/>
<meta name="text:Link 2 URL" content=""/>
<meta name="text:Link 3 Name" content="Friends"/>
<meta name="text:Link 3 URL" content=""/>
<meta name="text:Link 4 Name" content="Friends"/>
<meta name="text:Link 4 URL" content=""/>
<meta name="if:Show Ask" content="1"/>
<meta name="if:Show Archive" content="1"/>
<meta name="if:Show Random" content="1"/>
<meta name="if:Show Daily Reads" content="1"/>
<meta name="if:Show ChatBox" content="1"/>
<meta name="text:CboxformCode" content="width219 x height90"/>
<meta name="text:CboxMensageCode" content="width220 x height110"/>
<meta name="if:Show Others" content="1"/>
<meta name="image:Picture 2" content="http://25.media.tumblr.com/tumblr_m99apgDNY71rb101oo1_500.jpg">
<meta name="text:Subtitle" content="your subtitle here"/>
<meta name="text:Custom Links Title" content="more links"/>
<meta name="text:Custom Link 1" content="extra link 1"/>
<meta name="text:Custom Link 1 URL" content=""/>
<meta name="text:Custom Link 2" content="extra link 2"/>
<meta name="text:Custom Link 2 URL" content=""/>
<meta name="text:Custom Link 3" content="extra link 3"/>
<meta name="text:Custom Link 3 URL" content=""/>
<meta name="text:Custom Link 4" content=""/>
<meta name="text:Custom Link 4 URL" content=""/>
</head>
<body>
<div style="left:0px; top:0px; position:absolute; width:100%;">
<center><table border="0" cellpadding="10" cellspacing="0"><tr><br>
<div class="header">{Title}</div>
<td valign="top" width="860px" style="font-size:49pt; color:#FF6666;" align="right">
<span class="navs"><center><img src="http://31.media.tumblr.com/7333f758c5cfd79a8bfa4ac3d8cefe28/tumblr_n04hkkhOim1s26qbho5_r2_250.jpg" width="100px"></a></center></span>
<span class="navs"><center><img src="http://33.media.tumblr.com/babd3e221a3f70a9e5daa5124f74e4c0/tumblr_n04hkkhOim1s26qbho9_r1_250.jpg" width="100px" ></a></center></span>
<span class="navs"><center><img src="http://38.media.tumblr.com/2754e6016a08fc9a39ee8e90a188838a/tumblr_n04hkkhOim1s26qbho4_r2_250.jpg" width="100" ></a></center></span>
<span class="navs"><center><img src="http://33.media.tumblr.com/2154c6473c4a2efa8ba043fbdfcb920b/tumblr_n04hkkhOim1s26qbho1_r2_250.jpg" width="100" ></a></center></span>
<span class="navs"><center><img src="http://37.media.tumblr.com/0ee2c038ac626aebece81d027f4c4b49/tumblr_n04hkkhOim1s26qbho6_r2_250.jpg" width="100" ></a></center></span></center>
<table style="color:#666; font-size: 12px; letter-spacing:1px; line-height: 17px;" width="850" align="center" border="0" cellspacing="0">
<tbody><tr>
<td valign="top" style="line-height:15px;width:250px; padding:10px;">
<ul class="ch-grid">
<li><div class="ch-item ch-img">
<div class="ch-info">
<center>
<div style="margin-top:50px;width:150px;background:url('http://data2.whicdn.com/images/1006978/large.jpg'); border-radius:10px;text-align:center;padding:15px;opacity:0.8;height:92px;" scrolling="auto">
{Description}<br/>
<br><br>
</div>
</center>
</div>
</div>
</li>
</ul>
<br>
<div class="h3">Navigation</div>
<div class="sidebar"><center>
<a class="navi" href="/" title="">Home</a>
{block:IfShowask}<a class="navi1" href="/ask" title="Writhe Me">Ask</a>{/block:IfShowask}
{block:IfShowarchive}<a class="navi" href="/archive" title="Archives">Archives</a>{/block:IfShowarchive}
{block:IfShowrandom}<a class="navi1" href="/random" title="Random">Random</a>{/block:IfShowrandom}
<a class="navi" href="http://Paieroiworld.tumblr.com/Themes" title="More">Theme</a>
</center>
<center><div style="background:url(http://d2wss9bif9q3el.cloudfront.net/301/069/images/wall_n_stripe036.gif);width:220px;height:5px;"><center>
</div> <!-- Start FastOnlineUsers.com --><a href="http://www.fastonlineusers.com"><script type="text/javascript" src="http://fastonlineusers.com/on3.php?d=sweetbubble-bulb.blogspot.com"></script> people(s)</a>
<!-- End FastOnlineUsers.com --> currently viewing </center><br><center>
{block:Pagination}
{block:PreviousPage}<a href={PreviousPage}><IMG src="http://imageshack.us/scaled/modthumb/194/9da.gif" /></a>{/block:PreviousPage} {block:NextPage} <a href="/"><img src="http://imageshack.us/scaled/modthumb/12/41g.gif" /></a> <a href={NextPage}><IMG src="http://imageshack.us/scaled/modthumb/94/ha9.gif" /></a>{/block:NextPage}
{/block:Pagination}
</center></div><br>
{block:IfShowdailyreads}<div class="h3">Daily Reads</div>
<div class="sidebar">
<center><a href="{text:Link 1 URL}" target="_blank" title="{text:Link 1 Name}"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhRt5LqWBq6bpzFbP-zKy3gFYzVRLJpSgxp_-X8RnXSFqndlH9F_q7Fyl0N5gX2ofT23ijaFZdsYL_dEZMSPKGmaED9RO1gVWX3abKnFLz2YuJ3jD9gs5FcIUJnWfZ9Pa0haYUT7qycgdGl/s1600/4.png" width="60px" border="0"></a>
<a href="{text:Link 2 URL}" target="_blank" title="{Text:Link 2 Name}"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEifxxwYknlDRZCFTCe4BzrfexCYnVnO4RPfB-5rgadcSG7SRl96nAYw6eSgs4h7syp447r1IZ31dZ2olxRxZzMvZI-EiiPf1rYV5nY7GtMdZjqovrDN4vWSV3BnCxF27DESiIK6LhYyLfsO/s1600/3.png" width="60px" border="0"></a>
<a href="{text:Link 3 URL}" target="_blank" title="{Text:Link 3 Name}"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi-f2Sm-KqEoxbjWW61MJTeJqgjtNm1qO40NL9Uk_JiIwnpznemJ-s0vXL4f-a0L6BT_O-9pKeWCuVamcBdd1Y7lxci5QFPSA2wkWw_s6YNdjHf3hfnbCHgQXrHfrTpCSsO9TupYeH-Yen0/s1600/2.pngf" width="60px" border="0"></a>
<a href="{Text:Link 4 URL}" target="_blank" title="{text:Link 4 Name}"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgl5k1XrBwLhuj1CaA2AH2Jq4bI-RIr1Cwcq8VZ-MuL-hwQ1PTsVwuJMgMg3uB_j7GK7oFN71WKAOHHHoOeX2ob1DnrF7mkVJwpJmuTeCmerlM9agU9WvjWUkeTVxu5mnJwjZnA9IZRh6wq/s1600/1.png" width="60px" border="0"></a> </center>
</div>{/block:IfShowdailyreads}
<br>
{block:IfShowChatBox}<div class="h3">Chat<font color="mistyrose">♥</font>Box</div><div class="sidebar">
<div class="box2">
<center>
<h01>⊰HOVER ME!⊱</h01></center>
<div style="overflow:auto;margin-top:3px;">
<img src="http://i171.photobucket.com/albums/u300/ferny-dust/sozai/bullets/112.gif"/>Please do not spam my cbox.<br>
<img src="http://i171.photobucket.com/albums/u300/ferny-dust/sozai/bullets/112.gif"/>Please put your blog link so I can visit you back.<br/>
<img src="http://i171.photobucket.com/albums/u300/ferny-dust/sozai/bullets/112.gif"/>Pease don´t insult.</div></div>
<center><div class="downarrowdiv">
<center>{text:CboxMensageCode}</center></div><center><img src="http://i.imgur.com/bRzvf.gif" width="180" height="60" ></center>
<center>{text:CboxformCode}</center>
</div>{/block:IfShowChatBox}
<br>
{block:IfShowothers}<div class="h3">{text:Custom Links Title}</div>
<div class="sidebar">
<center><img SRC="{image:Picture 2}" width="200"></center>
{text:Subtitle}<br>
<img src="http://sl.glitter-graphics.net/pub/1009/1009254cq7evun01h.gif"/><a href="{text:Custom Link 1 URL}">{text:Custom Link 1}</a><br>
<img src="http://sl.glitter-graphics.net/pub/1009/1009254cq7evun01h.gif"/><a href="{text:Custom Link 2 URL}">{text:Custom Link 2}</a><br>
<img src="http://sl.glitter-graphics.net/pub/1009/1009254cq7evun01h.gif"/><a href="{text:Custom Link 3 URL}">{text:Custom Link 3}</a><br>
<img src="http://sl.glitter-graphics.net/pub/1009/1009254cq7evun01h.gif"/><a href="{text:Custom Link 4 URL}">{text:Custom Link 4}</a><br>
</div>{/block:IfShowothers}
<br><div class="h3">credits</div>
<div class="sidebar">
<center><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjUvw6ILYamDhNRW4RgO8auM_JYHQwcyLSHkpHTGYzxEeG7tDqi8O9mZ_9SJKVoIsNeEFyu7x1a-QeWIhHnJs497lbjGbNTrxizi1g8G4Ejq9iti5vKVG6TvwWz_-PNExuP9HaBlSBcJ3w/s1600/vintage+brush.jpg" ></center>
<center>
<p><img src="http://media.tumblr.com/tumblr_m7ehlt0Ea81qdlkyg.gif"width="15"> Template by: <a href="http://paieroiworld.tumblr.com">♪Pai Eroi♫</a><br>
<img src="http://media.tumblr.com/tumblr_m7ehlt0Ea81qdlkyg.gif"width="15"> Inspirate In: <a href="http://witheredhopes.blogspot.com/" title="IlliShuhada">♥</a>|<a href="http://chocofun123.blogspot.com/" title="Dini Putri">♥</a>|<a href="http://howare-u.blogspot.com/" target="_blank" title="RISKAD">♥</a><br>
<img src="http://media.tumblr.com/tumblr_m89rmch0cG1qdlkyg.gif"width="15"> Basecode : <a href="http://exodusuoshi.blogspot.com" title="Pikachan">★</a>|<a href="http://balqisloveyours.blogspot.com/" title="Husna">★</a><br>
<img src="http://media.tumblr.com/tumblr_m89rmwLY6i1qdlkyg.gif"width="15">Images:<a href="http://weheartit.com/" title="We♥It">♬</a>|<a href="http://thefadingnight.blogspot.com/" title="thefadingnight">♬</a>|<a href="http://wanaseoby.blogspot.com/" title="wanaseoby">♬</a>| <a href="http://nurulatiqahjaidin.blogspot.com/" title="atiqahjaidin">♬</a>|<a href="http://anugerahsalsa.blogspot.com/" title="SALSA">♬</a><br>
Best viewed in <b>Mozilla</b> and <b>Google Chrome</b><br><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEikD5UiAuIcKUlWRGHGvdfbHQ_A5DUbQLUGEzt4AbcXBr7CfuRjkdKIibOZy77b8OQMqkfztMbUtHpwv8XN06gp-OhnJ7qkcLfWk0_LO6LbSSe_Nu4LbWbCIumUGoszsdDt6UbbGtV8jjI/s1600/vintage+brush1.jpg" ></p>
</center>
</div></div>
</td>
<td valign="top" style="width:600px; padding:10px; border-radius: 50px; background:#fff; border: 2px dashed #<h3>FFEDED</h3>;background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg9u99Qox93nC611Yu85bUoYGBDJs3dx-nmEil4jxRDRNGeT21ABGT6SNmjAscStbK5yE5fRhbRDwuJyGo984o0f48biskK8Y5sLtKGrYHHYKf83MeNonOuFR5hOOxCr7L_jrMrKh-bJm4/s1600/red.png) fixed;">
{block:Posts}
<div id="post">{block:Text}
<a href="{Permalink}">
<img style="width:50px;border:4px double #e4e4e4; padding:0px;margin-right:2px;margin-bottom:4px;"SRC="{PortraitURL-128}" align="right">{block:NoteCount}<a href="{Permalink}">{NoteCount}{/block:NoteCount}</a><div class="title">{Title}</div></a><div class="dates" style="float:right;text-align:center;"><a href="{Permalink}">{Month}/{DayOfMonth}/{Year}{/block:Date}</a></div><br />
{block:IndexPage}{Body}{/block:IndexPage}{block:PermalinkPage}{Body}{/block:PermalinkPage}<center><img src="http://photo8.yupoo.com/20070626/102519_461488418_ohrpblie.jpg"/></center>{/block:Text}
<center>{block:Photo}<div id="photo">
<div id="picture">{block:IndexPage}<div id="info_2">
<div id="holder">
<div class="post2">
<div class="sidepost">
{block:NoteCount}<a href="{Permalink}">{NoteCount}{/block:NoteCount}</a>
</div>
<div class="sidepost2">
<a href="{ReblogURL}" target="_blank" class="reblog">Reblog post +</a>
</div>
<div class="sidepost3">
<a href="{Permalink}">{block:Date}{MonthNumberWithZero}/{DayOfMonthWithZero}/{ShortYear}{/block:Date}</a>
</div>
</div>
</div>
</div><a href="{permalink}"><img class="photo" src="{PhotoURL-500}" alt="{PhotoAlt}" width="470px"/></a>{/block:IndexPage}
{block:PermalinkPage}{LinkOpenTag}
<br><br><img src="{PhotoURL-500}" class="photo2" alt="{PhotoAlt}" width="470px"/>{LinkCloseTag}<br>
{block:Caption}
<p>{Caption}</p>
{/block:Caption}{/block:PermalinkPage}</center>{/block:Photo}</center>
{block:Photoset}<center>{block:IndexPage}<a href="{Permalink}">
<img style="width:50px;border:4px double #e4e4e4; padding:0px;margin-right:2px;margin-bottom:4px;"SRC="{PortraitURL-128}" align="right"><div class="title">PhotoSet<font color="MistyRose">♥</font></div></a><div class="dates" style="float:right;text-align:center;"><a href="{Permalink}">{Month}/{DayOfMonth}/{Year}{/block:Date}</a></div><br />{Photoset-400}{/block:IndexPage}
{block:PermalinkPage}{Photoset-400}{/block:PermalinkPage}
</center>{block:PermalinkPage}
{/block:PermalinkPage} {/block:Photoset}
{block:Quote}
<center><h2>“{Quote}”</h4>{block:Source}{Source}{/block:Source}</center>
{/block:Quote}
{block:Link} <a href="{URL}" id="postlink" {Target}><h2>{Name}→</h2></a><BR>{block:Description}{Description}{/block:Description}
{/block:Link}
{block:Chat}<a href="{Permalink}"><div class="title">{Title}</div></a><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:Video}<center>{block:IndexPage}<div id="video">{Video-500}</div>{/block:IndexPage}{block:PermalinkPage}{Video-500}{/block:PermalinkPage}</center>
{/block:Video}
{block:Audio}{block:IndexPage}{block:AlbumArt}<img src="{AlbumArtURL}" width="250px" height="100px" />{/block:AlbumArt}<div style="width:260; height:30; background: #000; "><span class="audio"><center>{AudioPlayerBlack}</center></span></div><b><center>{block:TrackName}{TrackName}{/block:TrackName} - {block:Artist}{Artist}{/block:Artist}<br></b> <i>with {PlayCountWithLabel}</i></center>{/block:IndexPage}{block:PermalinkPage}<br><center>
{block:AlbumArt}<img src="{AlbumArtURL}" width="500px" height="300px" />{/block:AlbumArt}<div style="width:500; height:30; background: #000; "><span class="audio"><center>{AudioPlayerBlack}</center></span></div><b><center>{block:TrackName}{TrackName}{/block:TrackName} - {block:Artist}{Artist}{/block:Artist}<br></b> <i>with {PlayCountWithLabel}</i></center>
{block:Caption}{Caption}{/block:Caption}</center>{/block:PermalinkPage}
{/block:Audio}
{block:Answer}<center><div style="border:1px dashed Pink;background:url(http://i.imgur.com/y1CAtRV.png); width:290px;"><span class="answer"><div id="question"><div id="asked"><img src="{AskerPortraitURL-64}"align="left" /><b><div style="border:1px dashed Pink;background:url(http://i.imgur.com/ckuFZ.png); width:290px;">{Asker} asked:</b><BR> {Question}</div></div>
{Answer}</div></span></center>{/block:Answer}
{block:PermalinkPage}
{/block:PermalinkPage}
{block:PostNotes} <br><br>
<B>POST DETAILS:</B><BR>
{block:Date} Posted on <a href="{Permalink}">{Month}/{DayOfMonth}/{Year}{/block:Date}</a>
{block:HasTags}<br>Tagged as:
{block:Tags}
<a href="{TagURL}">{Tag}</a>,
{/block:Tags}
{/block:HasTags}{block:ContentSource}<br>Originally Posted by:<a href="{SourceURL}" target="_blank">{block:SourceLogo}<img src="{BlackLogoURL}" width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />{/block:SourceLogo}{block:NoSourceLogo} {SourceTitle}{/block:NoSourceLogo}</a> {/block:ContentSource}{block:RebloggedFrom}Reblogged From: <a href="{ReblogParentURL}">{ReblogParentName}</a>{/block:RebloggedFrom}<br>
<br><B>POST NOTES:</B><BR>
{PostNotes}
{/block:PostNotes}
</div>
{/block:Posts}
</div>
</body>
</html>
Pai Wonderland: Codes♪
Published:
2014-09-13T13:15:00-07:00
Title:Code Theme: Tea Party
Rating:
5 On
22 reviews
article
Code Theme: Tea Party posted by Pai Eroi. Thank you for your visit and your willingness to read this article. If you want to copy paste this article , please specify link
Code Theme: Tea Party as the source.