Ribbon Theme

<!DOCTYPE html>
<head>

<!--



ribbon theme by @tianshi ☆彡
don't remove the credit please



-->

<meta name="image:favicon">
<meta name="image:background">
<meta name="image:avatar" content="http://static.tumblr.com/7909e2af26d92c9920b00799f7fa60e5/jw0gcmj/nv8ocb32a/tumblr_static_ano0o066efscck8k0s0g80ksk.png">
<meta name="image:navigation pixel" content="http://static.tumblr.com/996d34321f107a318d9e56e5df4f9937/jw0gcmj/VfUocb8k0/tumblr_static_6z4ucxxhlykog0o4gc084okgk.gif">
<meta name="image:permalink pixel" content="http://static.tumblr.com/0cd17064aecbcd4976560bc7341f798b/jw0gcmj/4Boocb55n/tumblr_static_1v9cstypmd40kwwskwwkg4ogw.gif">
<meta name="image:audio pixel" content="http://static.tumblr.com/5b9270b98e1529728d538f4daf93fd39/jw0gcmj/4vhocb7li/tumblr_static_7j3dnpzv0p8ookg4wkgoskwwc.gif">
<meta name="color:background" content="#ffd8ee">
<meta name="color:scrollbar" content="#f80070">
<meta name="color:scrollbar bg" content="#000000">
<meta name="color:text" content="#4c4c4c">
<meta name="color:link" content="#b829dc">
<meta name="color:link hover" content="#ff4482">
<meta name="color:footer" content="#98c1ff">
<meta name="color:footer text" content="#494949">
<meta name="text:link 1" content="/">
<meta name="text:link 2" content="/">
<meta name="text:link 3" content="/">
<meta name="text:link 4" content="/">
<meta name="text:link 1 text" content="mail">
<meta name="text:link 2 text" content="past">
<meta name="text:link 3 text" content="info">
<meta name="text:link 4 text">
<meta name="text:nav hover text" content="links">
<meta name="text:font" content="verdana">
<meta name="text:font size" content="16">
<meta name="text:letter spacing" content="1">
<meta name="text:asker text" content="asked">
<meta name="text:note text" content="N">
<meta name="if:captions" content="1">
<meta name="if:fireworks" content="1">
<meta name="if:infinite scroll" content="0">
<meta name="if:background cover" content="0">
<meta name="if:circle avatar" content="1">
<meta name="if:image fade" content="0">


<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">

<title>{Title}</title>

<link rel="shortcut icon" href="{image:favicon}">
<link rel="alternate" type="application/rss+xml" href="{RSS}">
<link rel="stylesheet" href="http://static.tumblr.com/qxrkgx6/RWPmgn2qa/normalize.min.css">

<script src="http://static.tumblr.com/qxrkgx6/LuRmgn2rm/modernizr-2.6.2.min.js"></script>

<link href='https://fonts.googleapis.com/css?family=Inconsolata' rel='stylesheet' type='text/css'>

<style type="text/css">

.tooltip{
display: inline;
position: relative;
}

#s-m-t-tooltip {
max-width:300px;
padding:3px;
margin-left:10px;
line-height:16px;
margin-top:10px;
background-color:#fff;
border:1px solid #5d5d5d;
border-radius:4px;
font-size:{text:font size};
color:{color:text};
}

::-webkit-scrollbar {
height:0;
width:7px;
background:{color:scrollbar bg};
border:0px solid {color:scrollbar};
}

::-webkit-scrollbar-thumb {
background:{color:scrollbar};
}


body {
margin:0px;
background:{color:background} url('{image:background}');
{block:IfBackgroundCover}background-size:cover;{/block:IfBackgroundCover}
{block:IfNotBackgroundCover}
background-repeat: none;
background-position: bottom right;
{/block:IfNotBackgroundCover}
background-attachment: fixed;
font-family:{text:font};
font-size:{text:font size}px;
line-height:120%;
letter-spacing:{text:letter spacing}px;
color:{color:text};
}

blockquote{
margin:0 0 10px 7px;
padding:0 0 0 10px;
border-left:solid 3px #ccc;
}

p{
margin:0 0 10px 0;
padding:0;
}

pre {
white-space: pre-wrap;
white-space: -moz-pre-wrap;
white-space: -pre-wrap;
white-space: -o-pre-wrap;
word-wrap: break-word;
}

a{
padding:1px;
color:{color:link};
text-decoration:underline;
-webkit-transition: 0.2s ease-in-out;
-moz-transition: 0.2s ease-in-out;
-o-transition: 0.2s ease-in-out;
transition: 0.2s ease-in-out;
}

a:hover{
color:{color:link hover};
background-color:transparent;
}

li{
margin-left:-10px;
list-style-type:square;
}

ol.notes{
list-style-type:none;
padding:0;
margin:0;
line-height:130%;
}

ol.notes li.note img{
width:0px;
height:0px;
}

ol.notes li.note{
margin:0px;
line-height:130%;
}

#hdfskhg{
width:600px;
margin:50px auto;
}

#werfjdgh{
width:600px;
margin-left:200px;
margin-top:-50px;
overflow:hidden;
}

#nya{
width:150px;
margin-left:-100px;
margin-top:300px;
position:fixed;
text-align:center;
}

#nya a{
text-decoration:none;
font-weight:none;
border:0px;
}

#nya a:hover{
color:{color:link hover};
}

#bitch img {
margin-left:50px;
{block:IfCircleAvatar}
border-radius:100px;
{/block:IfCircleAvatar}
{block:IfNotCircleAvatar}
border-radius:0px;
{/block:IfNotCircleAvatar}
width:150px;
margin-top:140px;
margin-left:-100px;
position:fixed;
}

.kyahaha{
background:#fff;
padding:10px;
width:400px;
margin:50px 0 20px 10px;
overflow:hidden;
}

.kyahaha img{
max-width:100%;
}

.kyahaha .uwu{
background:{color:footer};
font-size:{text:font size};
border-radius:4px;
padding:7px;
text-transform:uppercase;
margin-top:10px;
text-align:left;
}

.kyahaha .uwu a{
text-decoration:none;
color:{color:footer text};
}

.kyahaha .uwu a:hover{
text-decoration:none;
color:{color:footer text};
}

.kyahaha img{
{block:IfImageFade}
opacity:.8;
-webkit-transition: 0.5s ease-in-out;
-moz-transition: 0.5s ease-in-out;
-o-transition: 0.5s ease-in-out;
transition: 0.5s ease-in-out;
{/block:IfImageFade}
{block:IfNotImageFade}
opacity:1;
{/block:IfNotImageFade}
}

.kyahaha img:hover{
opacity:1;
}

iframe.photoset {
{block:IfImageFade}
opacity: .8;
-webkit-transition: 0.5s ease-in-out;
-moz-transition: 0.5s ease-in-out;
-o-transition: 0.5s ease-in-out;
transition: 0.5s ease-in-out;
{/block:IfImageFade}
{block:IfNotImageFade}
opacity:1;
{/block:IfNotImageFade}
}

iframe.photoset:hover {
opacity: 1;
}

.moon{
margin:0 0 3px 0;
max-width:100%;
}

.moon a {
background:none;
border-bottom:none;
}

.star {
font-weight:normal;
font-size:18px;
margin:0 0 10px 0;
}

.kys {
font-weight:normal;
font-size:16px;
font-style:italic;
margin:0 0 10px 0;
}

.fuck {
margin-bottom:10px;
}

.komaeda {
margin-left:5px;
margin-top:5px;
overflow:hidden;
}

.magic{
margin-top:-23px;
margin-left:25px;
}

.ahn{
margin-left:10px;
}

.kinky {
float:right;
display:inline;
text-align:right;
color: {color:Footer Text};
width:40%;
}

.tofu {
margin:0px;
padding:0px;
width:150px;
}

.dimsum {
padding-top:5px;
padding-bottom:5px;
cursor:pointer;
position:relative;
margin:1px;
text-align:center;
}

.dimsum img {
max-width:150px;
}

.sushi {
padding:0px;
line-height:120%;
text-align:left;
color: #fff;
display:none;
}

.kek {
position:fixed;
bottom:10px;
right:10px;
z-index:9999999;
}

.kek a {
text-decoration:none;
}

{CustomCSS}
</style>

<!--tooltip-->
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>

<script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>

<script>

(function($){

$(document).ready(function(){

$("a[title]").style_my_tooltips({

tip_follows_cursor:true,

tip_delay_time:0,

tip_fade_speed:0,

attribute:"title"

});

});

})(jQuery);

</script>

<!--infinite scroll-->
{block:IfInfiniteScroll}
<script type="text/javascript" src="http://codysherman.com/tools/infinite-scrolling/code"></script>
{/block:IfInfiniteScroll}

<!--sparkle effect-->
{block:IfFireworks}
<script type="text/javascript" src="http://static.tumblr.com/0szq8b5/qYVmlftps/sparkle-effects.js"></script>
{/block:IfFireworks}

<!--click nav-->
<script type="text/javascript" src="http://static.tumblr.com/3ikgvxs/0TGl4zgpu/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$(".sushi").hide();
$(".dimsum").click(function(){
$(this).next(".sushi").slideToggle('fast');
}); }); </script>


</head>

<body>

<div id="hdfskhg">

<a href="/" style="padding:0;background:none;">

<div id="bitch"><img src="{image:avatar}"></div></a>


<div id="nya">
{description}
<br>

<div class="tofu">

<p class="dimsum">

<a title="{text:nav hover text}">

<img src="{image:navigation pixel}"></a></p>

<div class="sushi">
<center>

<a href="{text:link 1}">{text:link 1 text}</a>
<br><a href="{text:link 2}">{text:link 2 text}</a>
<br><a href="{text:link 3}">{text:link 3 text}</a>
<br><a href="{text:link 4}">{text:link 4 text}</a>
</center>
</div></div>

</div>


<div id="werfjdgh">
<div class="autopagerize_page_element">
{block:Posts}

<div class="kyahaha">


{block:Text}
{block:Title}
<div class="star">{Title}</div>
{/block:Title}
{Body}
{/block:Text}

{block:Photo}
<div class="moon">{LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}"/>{LinkCloseTag}</div>
{block:IfCaptions}
{block:Caption}{Caption}{/block:Caption}
{/block:IfCaptions}
{/block:Photo}

{block:Photoset}
<div class="moon">{Photoset-400}</div>
{block:IfCaptions}
{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
{/block:IfCaptions}
{/block:Photoset}

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

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

{block:Chat}
{block:Title}
<div class="star">{Title}</div>
{/block:Title}

{block:Lines}
<div class="{Alt} user_{UserNumber}">
{block:Label}
<b>{Label}</b>{/block:Label}
&nbsp;{Line}
</div>
{/block:Lines}
{/block:Chat}

{block:Video}
<div class="moon">{Video-400}</div>
{block:IfCaptions}
{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
{/block:IfCaptions}
{/block:Video}

{block:Audio}
<div class="moon">
<div class="komaeda">
<img src="{image:audio pixel}">
</div>
<div class="magic">
{AudioPlayerWhite}
</div>
{block:TrackName}Title: {TrackName}{/block:TrackName}
{block:Artist}<br>Artist: {Artist}{/block:Artist}
</div>
{/block:Audio}

{block:Answer}
<div class="fuck">{Asker} {text:asker text}: {Question}</div>
{Answer}
{/block:Answer}

{block:Date}
<div class="uwu">
<img src="{image:permalink pixel}"> <a href="{Permalink}">{monthnumberwithzero}.{dayofmonthwithzero}.{shortyear} {block:NoteCount}({NoteCount}{text:note text}){/block:NoteCount}</a>

<div class="kinky">{block:RebloggedFrom}<a href="{ReblogParentURL}">via</a>{/block:RebloggedFrom}{block:ContentSource} / <a href="{SourceURL}" title="source">©</a>{/block:ContentSource}</div>

</div>

{block:PermalinkPage}
{block:NoteCount}
{block:PostNotes}{PostNotes}{/block:PostNotes}
{/block:NoteCount}
{/block:PermalinkPage}
{/block:Date}


</div>
{/block:Posts}

{block:IfNotInfiniteScroll}
{block:Pagination}
<div class="ahn">
{block:previousPage}<a href="{previousPage}">back</a> {/block:previousPage}
{block:nextPage}<a href="{nextPage}">next</a>{/block:nextPage}
</div>
{/block:Pagination}
{/block:IfNotInfiniteScroll}

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

</div>

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
<script>window.jQuery || document.write('<script src="http://static.tumblr.com/qxrkgx6/q6kmgn2w2/jquery-1.8.3.min.js"><\/script>')</script>

<div class="kek"><a href="http://tianshi.tumblr.com/" title="theme by tianshi">☆</a></div>

    </body>
</html>