<html>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
<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>
<head>
<title>{Title}</title>
<link rel="shortcut icon" href="http://media.tumblr.com/tumblr_lkl6tsiCGt1qfamg6.gif"/>
<style type="text/css">
body {
background: url(http://25.media.tumblr.com/1705244db27982795cd45d7d20efcb4a/tumblr_mt67noIbPl1ru3nbdo2_100.png);
background-attachment: Scroll;
font-family: "Comic Sans MS", cursive;
font-size: 15px;
text-align: left;
cursor: url(http://media.tumblr.com/tumblr_m35liuVBh11rnr4eb.png), auto;
}
a:link, a:visited {
color: Pink;
text-decoration: none;
-webkit-transition: 0.5s;
cursor: url(http://media.tumblr.com/tumblr_m2wivg9oxq1qfamg6.gif), auto;
font-family: "Comic Sans MS", cursive;
}
a:hover{
text-decoration: none;
color: MistyRose;
-webkit-transition: 0.5s;
cursor: url(http://media.tumblr.com/tumblr_m2wivg9oxq1qfamg6.gif), auto;
}
.title {
color: #666;
font-size: 18px;
padding: 3px;
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhF9IQ0ME3WNuzWs1OsOkY2KJ7UOZUWsU9OaNZP0yvwr4RnukLdA0QbQ4jxlmrytvC-uBFhudaddwHhu5ldpiFL4h6ecYKdTXKSNZEMzUb_UbS-Mj3x6fe0w8KjiYi1b5fZrxc7gevgiW8/s1600/unastripespink.png);
border-top: 3px solid MistyRose;
border-bottom: 3px solid MistyRose;
text-align: center;
font-family: delius;
}
blockquote{
background:url( https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgCXu2Al-obpSg7CBP1J4RmXtY7547AM4ugQqi2QFZrNaVdoFetxkhM59y43Q4hTFgQx-b7LdMmZw822zxfEqSlEc9J-TffaFWGlmw9lgrkcoMYxJydNeL4K48dfomZHqXH4jmwJWpd8L4/s1600/unanotepink.gif);
color:#555;
padding: 5px;
border-radius: 5px;
border: 1px dashed MistyRose;
-webkit-transition: 0.5s;
}
blockquote:hover{
background: url(http://i.imgur.com/ckuFZ.png);
color: #333;
border-radius: 10px;
border: 1px dotted MistyRose;
-webkit-transition: 1s;
}
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;
}
strike {
text-decoration:strike;
color: #999999;
}
a.navigate {
padding:4px;
color:Pink;
font-size:11px;
background: #FFFFFF;
}
::-webkit-scrollbar-thumb:vertical {
background-color:#FF91AB;
height:80px;
border-radius: 2px;
-webkit-transition:1s;
}
::-webkit-scrollbar-thumb:hover {
-moz-border-radius: 2px;
border-radius: 2px;
background:#424242;
-webkit-transition:1s;
}
::-webkit-scrollbar-thumb:horizontal {
background-color:#CCC;
height:10px ;
}
::-webkit-scrollbar {
height:10px;width:8px;
Background-image:url( https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEirUzK_qbgt2qqF-rm2qgqFlegskhG4foZT3VIkN3atHJ7-wAYjUf2y8vsv1Bw1L4efp0H8A_O_e18qm4H_8mQO0uG_u7eXToFcOClmqVZbszzI-sef4ESJsZUeUaAUUe8G_iFa24xcXWI/s320/unakotakpink.jpg);
}
img{
border-radius:0px;
}
img:hover{
border-radius:20px;
-webkit-transition-duration: 1s;
}
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;
}
a.coffe{
text-decoration:none;
color:Pink;
padding:30px;
font:50px short stack;
margin-left:0px;
margin-right:0px;
-webkit-transition:All 0.4s ease;
-moz-transition:All 0.4s ease;
-o-transition:All 0.4s ease;
display:inline-block;
width:750px;
}
a.coffe:hover{
background:;
padding:30px;
font:70px short stack;
color:Pink;
cursor: url(http://media.tumblr.com/tumblr_m2wivg9oxq1qfamg6.gif), progress;
}
@font-face{
font-family:wow;
src:url(http://static.tumblr.com/9devfoa/b1yn1cnru/mink_jan29.ttf)
}
a.joy{
background:MistyRose;
text-decoration:none;
color:#555;
padding:2px;
font:11px Short stack;
margin-left:0px;
margin-right:0px;
-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 solid Pink;
}
a.joy:hover{
background:Pink;
color:#fff;
cursor: url(http://media.tumblr.com/tumblr_m2wivg9oxq1qfamg6.gif), progress;
}
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: #FF0F3;
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: #ffeff1;
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: #ff0f3;
color: pink;
-webkit-transition-duration: .4s;
-moz-transition-duration: .4s;
}
#photo .sidepost2 a:link, #photo .sidepost2 a:active, #photo .sidepost2 a:visited
{
background: #FFF0f3;
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: pink;
color: FFF0f3;
-webkit-transition-duration: .4s;
-moz-transition-duration: .4s;
}
#photo .sidepost3 a:link,#photo .sidepost3 a:active,#photo .sidepost3 a:visited
{
background: pink;
color: #FFf0F3;
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: #FFf0f3;
color: pink;
-webkit-transition-duration: .4s;
-moz-transition-duration: .4s;
}
.sideheader{
color: #B39F82;
font-size: 20px;
line-height: 30px;
height: 30px;
width: 93%;
font-family: "French Script MT";
src: url(http://static.tumblr.com/xjqjg7j/Eojlnebw1/frscript.ttf) format("truetype");
background: #FFF0F3;
margin-left: 6px;
margin-top: 6px
}
.links a:link,.links a:active,.links a:visited{
color: #666;
background-color: #FFE4E1;
display: block;
font-weight: bold;
font-family: century gothic;
line-height: 20px;
width: 93%;
margin-bottom: 3px;
margin-left: 6px;
text-align: left
}.links a:hover{
background-color: #FFF0F3;
color: pink}
#s-m-t-tooltip {
max-width:250px;
background: #FFF0F3;/* 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 pink;
}
::selection {
background: #fff0f3;
color: #333;
}
</style>
<meta name="image:Picture" content="http://data1.whicdn.com/images/106126994/thumb.jpg"/>
<meta name="text:Link 1 Name" content=""/>
<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="text:Link 5 Name" content="Friends"/>
<meta name="text:Link 5 URL" content=""/>
</head>
<div style="position: absolute; top:0px; right: 0px; width:100%; position:fixed; padding:3px; background: url(http://media.tumblr.com/tumblr_marmeitIPc1rqliaa.gif); color:#000000; font-size:11px; height:23px;"></div>
<div style="text-align: center;">
<center><a class="coffe">{Title}</a></center>
<table style="font-size: 11px; color: #555; border:2px solid MistyRose;line-height: 17px; background:white; border-radius:20px;" width="810" align="center" border="0" cellspacing="8">
<tbody><tr>
<td valign="top" style="line-height:15px; letter-font-size:10px; width:250px; padding-right:10px;">
<div class="title">Disclaimer</div><br>
<center><img SRC="{image:Picture}" height="160" width="240"/>+<br><br>
{Description}<br><br>
<center><a class="joy" href="/random" title="Ramdom" >Ramdom</a>
<a class="joy" href="/ask" title="Some Question?" >Ask</a>
<a class="joy" href="/Links" title="Blogs Recomend & About" >Links</a>
<a class="joy" href="/" title="Back to Home Page" >Home</a><center><br><br>
</center>
</center>
<div class="title">Chat<font color="pink">♥</font>Box</div><br>
<center>
<style type="text/css">
.outer {
height: 210px;
width: 200px;
border: 5px solid #FFE6E9;
-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;
}
#output {
background-image: url(https://31.media.tumblr.com/071919a41ca85f0663d28a400383ae5d/tumblr_n7zpvkeK101ta17ajo1_400.gif);
background-position: 50% 50%;
background-size: 240px;
}
.input {
width:100%;
height:95%;
font:13px candara;
color: #000000;
text-align:center;
padding-top:10px;
-webkit-transform: scale(0);
-moz-transform: scale(0);
-o-transform: scale(0);
-ms-transform: scale(0);
transform: scale(0);
background-image: url(http://i.imgur.com/5Dy51.png);
-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;
}
.outer:hover .input {
-webkit-transform: scale(1);
-moz-transform: scale(1);
-o-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
</style>
<div class="outer" id="output"><div class="input">
<div>
Put you C-box here
</div></div></div></center></b>
<br><br>
<div class="title">Menú</div><br><br>
<div class="sideheader">Check these Out!</div>
<div class="links">
<a href="{text:Link 1 URL}">   {text:Link 1 Name}</a>
<a href="{text:Link 2 URL}">   {text:Link 2 Name}</a>
<a href="{text:Link 3 URL}">   {text:Link 3 Name}</a>
<a href="{text:Link 4 URL}">   {text:Link 4 Name}</a>
<a href="{text:Link 5 URL}">   {text:Link 5 Name}</a> <br><br></div>
<div class="title">Tweety</div><br>
Put you twitter here
<br><br>
<div class="title">Thank You</div><br>
Template by <a href="http://paieroiworld.tumblr.com">♪ραι єяσι♫</a><br />
Template Inspired in <a href="{text:Link 1 URL}/">Azzahra</a><br>
Basecode by <a href="http://balqisloveyours.blogspot.com/">Husna</a><br>
Images by <a href="http://weheartit.com/">WeHeartIt</a><br>
<script>(function () { document.write("<sc"+"ript type='text/javascript' src='http://www.myfreecopyright.com//badge.js?mcn=WM5QS-KCX15-PLERL'></"+"script>");} () )</script>
<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>
<div id="content">
<td valign="top" style="width:600px; padding-left:5px; border-left:1px solid #f0f0f0; padding-right:13px;">
{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"><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}{/block:Text}
{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}
{block:Photoset}<center>{block:IndexPage}<img src="http://photo6.yupoo.com/20070626/103003_1112117938_awhoimyq.jpg"/>{Photoset-400}{/block:IndexPage}
{block:PermalinkPage}{Photoset-400}{/block:PermalinkPage}
</center>{block:PermalinkPage}
{/block:PermalinkPage}<img src="http://photo6.yupoo.com/20070626/103003_1112117938_awhoimyq.jpg" alt=""/> {/block:Photoset}
{block:Quote}
<center><h4>“{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}
<center><img src="http://media.tumblr.com/tumblr_m3xy3nST5e1rodiav.gif"></center>
{/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>
</td></tr></tbody>
</body>
</html>
Pai Wonderland: Codes♪
Published:
2014-09-13T12:59:00-07:00
Title:Code Theme: Coffe Time
Rating:
5 On
22 reviews