Last Kiss -【 THEME 34 by Anomaly ☽】

<!--

THEME 34 by Anomaly ☾ tumblr user xollyx ☽ : Last Kiss !!

            - base code by hisabeel
            - please abide by all the rules

 【 All themes and pages can be found here : http://xollyx.tumblr.com/thm 】

Thank you for using! Or just looking at the code. Whatever you're here for. Either way, it's appreciated!
Feel free to message me if you need any help, my ask box is always open!


-->
<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:90,
tip_fade_speed:600,
attribute:"title"
});
});
})(jQuery);
</script>

<link rel="stylesheet" href="https://cdn.linearicons.com/free/1.0.0/icon-font.min.css">

<meta name="image:Favicon" content="http://lh3.ggpht.com/_NZJzdRm10Y0/TUbqtItIqhI/AAAAAAAAAfY/7nsF8ZN6GZo/cereja2.gif"/>
<meta name="image:Background" content=""/>
<meta name="image:Cursor" content=""/>
<meta name="image:Sidebar" content=""/>
<meta name="image:Sidebar 2" content=""/>
<meta name="image:Render" content=""/>

<meta name="color:Background" content="#fafafa"/>
<meta name="color:Posts" content="#ffffff"/>
<meta name="color:Text" content="#999999"/>
<meta name="color:Link" content="#eeeeee"/>
<meta name="color:Hover" content="#ffffff"/>
<meta name="color:Permalink" content="#f9f9f9"/>
<meta name="color:Ask" content="#f7f7f7"/>
<meta name="color:Portrait Border" content="#ffffff"/>
<meta name="color:Sidebar" content="#eeeeee"/>
<meta name="color:Scrollbar" content="#ffffff"/>
<meta name="color:Boxes" content="#dddddd"/>
<meta name="color:Box Outline" content="#eeeeee"/>
<meta name="color:Selection" content="#000000"/>
<meta name="color:Selection Text" content="#ffffff"/>
<meta name="color:Blockquote" content="#eeeeee"/>
<meta name="color:Shadows" content="#000000"/>
<meta name="color:Tooltip" content="#000000"/>
<meta name="color:Tooltip Text" content="#ffffff"/>

<meta name="text:Title" content=""/>
<meta name="text:Main Blog URL" content=""/>
<meta name="text:Themes URL" content=""/>
<meta name="text:Pages URL" content=""/>
<meta name="text:Link One" content=""/>
<meta name="text:Link Two" content=""/>
<meta name="text:Link Three" content=""/>
<meta name="text:Link Four" content=""/>
<meta name="text:Link Five" content=""/>
<meta name="text:Link One Title" content=""/>
<meta name="text:Link Two Title" content=""/>
<meta name="text:Link Three Title" content=""/>
<meta name="text:Link Four Title" content=""/>
<meta name="text:Link Five Title" content=""/>
<meta name="text:Updates1" content=""/>
<meta name="text:Updates2" content=""/>
<meta name="text:Back Title" content="⇠"/>
<meta name="text:Next Title" content="⇢"/>

<meta name="if:BG Cover" content="1"/>
<meta name="if:Cursor" content="0"/>
<meta name="if:Updates" content=""/>
<meta name="if:Themes Button" content="1"/>
<meta name="if:Pages Button" content="1"/>
<meta name="if:Render" content="0"/>
<meta name="if:Shadows" content="1"/>

<meta name="text:Updates Top" content="150"/>
<meta name="text:Render Left" content="0"/>
<meta name="text:Render Bottom" content="0"/>
<meta name="text:Render Width" content="300"/>
</script>


<style type="text/css">

iframe#tumblr_controls{
z-index:9;
opacity:0.5 !important;
-webkit-filter:invert(100%);
top:0px !important;
right:8px !important;
position:fixed!important;
}

iframe#tumblr_controls {right:3px !important; position:fixed !important;-webkit-transition:opacity 0.7s linear; opacity:0.2; -webkit-transition: all 0.8s ease-out; -moz-transition:all 0.8s ease-out; transition:all 0.8s ease-out; z-index:99999}

iframe#tumblr_controls:hover {-webkit-transition:opacity 0.7s linear; opacity:1.0; -webkit-transition:all 0.4s ease-out; -moz-transition:all 0.4s ease-out; transition: all 0.4s ease-out; z-index:99999;}

::-webkit-scrollbar {width: 8px; height: 4px; background:{color:Sidebar}; border-left: 1px solid {color:Sidebar}; }

::-webkit-scrollbar-thumb { background-color:{color:Scrollbar}; border-radius:5px; }

@font-face {font-family: Kemco Pixel; src: url("http://static.tumblr.com/heqtwlw/L7Fn4eblw/kemco_pixel_bold.ttf");}

@font-face { font-family:"avant"; src: url('https://dl.dropboxusercontent.com/s/11icl382vxmy46n/avant_pixel.ttf?dl=1'); format(“truetype”);}



{block:ifcursor}body, a, a:hover {cursor: url('{image:cursor}'), progress;}{/block:ifcursor}

::selection {
background: {color:selection};
color: {color:selection text};
}

::-moz-selection {
background: {color:selection};
color: {color:selection text};
}

::-webkit-selection {
background: {color:selection};
color: {color:selection text};
}

#s-m-t-tooltip {
max-width:300px;
margin:10px 0px 0px 10px;
background-color:{color:tooltip};
font-family:avant;
font-size:8px;
padding:3px;
color:{color:tooltip text};
z-index:999999999999999999999999999999999999;
}

#s-m-t-tooltip:after {
position: absolute;
display: block; content: "";
border-color: transparent {color:tooltip} transparent transparent ;
border-style: solid;
border-width: 5px;
height:0;
width:0;
position:absolute;
top:3px;
left:-10px;
}

body {
padding:0px;
margin:0px;
color:{color:Text};
font-family:consolas;
font-size:11px;
background-color:{color:Background};
background-image:url({image:Background});
background-attachment:fixed;
background-repeat:repeat;
{block:ifBGCover}
background-repeat: no-repeat;
background-size:cover;
background-attachment: fixed;
{/block:ifBGCover}
}

a:link, a:active, a:visited{
color:{color:Link};
text-decoration:none;
-webkit-transition:all 0.6s ease-out; -moz-transition:all 0.6s ease-out;-o-transition:all 0.6s ease-out; transition:all 0.6s ease-out;}

a:hover{
color:{color:Hover};
text-decoration:none;
-webkit-transition:all 0.3s ease-out; -moz-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out; transition:all 0.3s ease-out;}


#audio {
width:450px;
height:auto;
min-height:60px;
padding-bottom:0px;
}

.cover {
position:absolute;
z-index:1;
width:60px;
height:60px;
}

.cover img {
float:left;
width:60px;
height:60px;
}

.playbox {
opacity:0.6;
width:27px;
height:30px;
overflow:hidden;
position:absolute;
z-index:1000;
margin-left:17px;
margin-top:17px;
text-align:center;
}

.info {
margin-left:73px;
margin-top:4px;
line-height:14px;
}

#cunt{width:500px; height:auto;}
{block:PermalinkPage}
width:10px;
{/block:PermalinkPage}
}

#center{
padding-top:3px;
padding-bottom:3px;
position:fixed !important;
width:500px;
height:207px;
{block:PermalinkPage}
width:500px;
height:207px;
{/block:PermalinkPage}
}


#posts{
position:relative;
float:center;
{block:indexpage}
width:600px;
{/block:indexpage}
{block:permalinkpage}
width:600px;
{/block:permalinkpage}
margin-left:30%;
margin-top:75px;
}

#entry img{
{block:indexpage}
background:{color:Posts};
opacity:0.7;
z-index:9999999;
-webkit-transition:all 0.7s ease-out;
-moz-transition:all 0.7s ease-out;
transition:all 0.7s ease-out;
{/block:indexpage}
}

#entry{
margin:8px;
float:center;
background:{color:Posts};
font-size:11px;
line-height:13px;
text-transform:normal;
width:504px;
padding:12px;
padding-bottom:0px;
{block:ifshadows}box-shadow:rgba({RGBcolor:shadows},.09) 3px 3px;{/block:ifshadows}
{block:PermalinkPage}
opacity:0.8;
width:504px;
margin-top:75px;
margin-left:13px;
z-index:999;
{/block:PermalinkPage}
-moz-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
-webkit-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}

#entry:hover{
{block:ifshadows}box-shadow:rgba({RGBcolor:shadows},.3) 6px 6px;{/block:ifshadows}
-moz-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
-webkit-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}

.permalinktext{
display:block;
text-align:center;
text-decoration:none;
font-size:8px;
font-family:avant;
letter-spacing:1px;
padding-top:5px;
text-transform:uppercase;
width:522px;
margin-left:-12px;
background:{color:permalink};
border:1px solid transparent;
padding:2px;
}

.title{
font-size:16px;
color:{color:Title};
}

#hisatitle{
position: fixed !important;
z-index:999999;
top:10px;
margin-left:45%;
text-shadow:1px 1px 4px rgba({RGBcolor:shadows},.5);
font-family:kemco pixel;
font-size:20px;
line-height:10px;
}


#sidebar{
position:fixed !important;
left:0px;
top:0px;
width:250px;
height:100%;
padding:12px;
background-color:{color:sidebar};
border-right:1px solid {color:sidebar};
}


div#desc{
position:fixed !important;
opacity:1.0;
width:200px;
padding:12px;
margin-top:10px;
margin-left:12px;
font-size:11px;
line-height:13px;
font-family:consolas;
text-align:center;
}

#updates {
width:243px;
background:{color:boxes};
padding:5px;
outline:1px dashed {color:box outline};
outline-offset: -3px;
margin-top:{text:updates top}px;
}

#rules{
position:fixed;
width:200px;
margin-top:120px;
right:12px;
background:{color:boxes};
padding:5px;
outline:1px dashed {color:box outline};
outline-offset: -3px;
}


#rules a{
background:{color:posts};
border:1px outset {color:boxes};
font-size:11px;
font-family:kemco pixel;
padding:3px;
}

#rules a:hover {
border:1px inset {color:boxes};
}

#links{
opacity:1.0;
position:fixed;
height:auto;
padding:10px;
color:{color:Link};
font-size:11px;
font-family:consolas;
letter-spacing:0px;
text-transform:none;
text-align:center;
background:transparent;
margin-top:250px;
right:12px;
width:200px;
-webkit-transition: all 0.9s ease-in-out;
-moz-transition: all 0.9s ease-in-out;
-o-transition: all 0.9s ease-in-out;
}

#links a:hover{
letter-spacing:1px;
}


#sidebar2{
position:fixed !important;
right:0px;
top:0px;
width:250px;
height:100%;
padding:12px;
background-color:{color:sidebar};
border-left:1px solid {color:sidebar};
}

#top {
position:fixed !important;
top:-10px;
width:100%;
height:20px;
padding:12px;
background-color:{color:sidebar};
border-left:1px solid {color:sidebar};
z-index:1;
}

#postnotes{
text-align: justify;}

#postnotes blockquote{
border: 0px;}

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

blockquote p, ul{
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:Title};}
</style>


<title>{Title}</title>
<link rel="shortcut icon" href="{image:Favicon}">

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

<body>

<div id="top"></div>
<div id="center"></div>
<div id="content"></div>

<div id="hisatitle">{text:Title}</div>

<div id="sidebar">
<img src="{image:sidebar}" style="border:1px solid transparent; padding:10px; opacity:0.7; width:150px; height:150px; margin-top:15px; margin-left:40px;">

<div style="font-size:22px; text-align:center;">
<a href="/" title="home"><span class="lnr lnr-home"></span></a>
<a href="/ask" title="message me"><span class="lnr lnr-envelope"></span></a>
<a href="{text:main blog url}" title="main blog"><span class="lnr lnr-user"></span></a>
</div>
<div id="desc">{description}</div>

{block:ifupdates}
<div id="updates"><div style="text-align:center; font-family:kemco pixel; font-size:15px; text-shadow:1px 1px 3px rgba({RGBcolor:shadows},.3);">New Codes:</div><br>
{text:updates1}
<p>
<div style="text-align:center; font-family:kemco pixel; font-size:15px; text-shadow:1px 1px 3px rgba({RGBcolor:shadows},.3);">Updates:</div><br>
{text:updates2}
{/block:ifupdates}
</div>
</div>
</div>


<!--SECOND SIDEBAR-->

<div id="sidebar2">
<img src="{image:sidebar 2}" style="border:1px solid transparent; padding:10px; opacity:0.7; width:150px; height:150px; margin-top:15px; margin-left:40px;">
</div>

<div id="rules"><div style="text-align:center; font-family:kemco pixel; font-size:15px; text-shadow:1px 1px 3px rgba({RGBcolor:shadows},.3);">Rules:</div>
<li>rule 1</li>
<li>rule 2</li>
<li>rule 3</li>
<li>rule 4</li>
<li>blah blah blah</li>
<p>
<div align="center">
{block:ifthemesbutton}<a href="/thm">my themes</a>{/block:ifthemesbutton}
{block:ifpagesbutton}<a href="/pg">my pages</a>{/block:ifpagesbutton}
</div>
</div>
</div>

<div id="links">
<a href="{text:Link One}">{text:Link One Title}</a><br>
<a href="{text:Link Two}">{text:Link Two Title}</a><br>
<a href="{text:Link Three}">{text:Link Three Title}</a><br>
<a href="{text:Link Four}">{text:Link Four Title}</a><br>
<a href="{text:Link Four}">{text:Link Five Title}</a>
</div>
</div>


<div id="posts">
{block:Posts}
<div id="entry">

{block:Text}
{block:Title}<div align="center"><span class="title">{Title}</span></div>{/block:Title}
<span class="entrytext">{Body}</span></a>
{block:IndexPage}<br>
<div class="permalinktext">
{Month} {DayOfMonth} with <a href="{permalink}">{notecount} notes</a> -
<a href="{ReblogURL}">reblog?</a>
</div>{/block:IndexPage}
{/block:Text}

{block:Link}
<div align="center"><a href="{URL}" class="title">{Name}</a></div>
{block:Description}{Description}{/block:Description}
{block:IndexPage}<br>
<div class="permalinktext">
{Month} {DayOfMonth} with <a href="{permalink}">{notecount} notes</a> -
<a href="{ReblogURL}">reblog?</a>
</div>
{/block:IndexPage}
{block:Link}

{block:Photo}
{block:IndexPage}
<img src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width=500px;>
{/block:IndexPage}
{block:permalinkpage}{LinkOpenTag}<center>
<img src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width=500px;/>
{LinkCloseTag}</center>{/block:permalinkpage}
{block:IndexPage}<br>
<div class="permalinktext">
{DayOfMonth}, {ShortMonth} with <a href="{permalink}">{notecount} notes</a></div>{/block:IndexPage}
{/block:Photo}

{block:Quote}
<div class="quote">❝ {quote}</div>
<div align="right">{source}</div>
{block:IndexPage}<br>
<div class="permalinktext">
{Month} {DayOfMonth} with <a href="{permalink}">{notecount} notes</a> -
<a href="{ReblogURL}">reblog?</a>
</div>{/block:IndexPage}
{/block:Quote}

{block:Chat}
{block:Title}<div align="center"><span class="title">{Title}</span></div>{/block:Title}

{block:Lines}
{block:Label}
<b>{Label}</b>
{/block:Label}

{Line}<br>
{/block:Lines}
{block:IndexPage}<br>
<div class="permalinktext">
{Month} {DayOfMonth} with <a href="{permalink}">{notecount} notes</a> -
<a href="{ReblogURL}">reblog?</a>
</div>{/block:IndexPage}
{/block:Chat}

{block:Audio}
<div id="audio"><div class="cover"><img src="http://static.tumblr.com/k9utpfa/tcom8wpif/default_cover_m.jpg"></div>{block:AlbumArt}<div class="cover"><img src="{AlbumArtURL}"></div>{/block:AlbumArt}<div class="playbox">{block:AudioPlayer}{AudioPlayerWhite}{/block:AudioPlayer}</div><div class="info"><b>Artist:</b> <span{block:Artist} style="display:none;"{/block:Artist}>Unknown</span>{block:Artist}{Artist}{/block:Artist}<br><b>Title:</b> <span{block:TrackName} style="display:none;"{/block:TrackName}>Unknown</span>{block:TrackName}{TrackName}{/block:TrackName}<br><b>Album:</b> <span{block:Album} style="display:none;"{/block:Album}>Lovers</span>{block:Album}{Album}{/block:Album}{block:PlayCount}<br><b>Played:</b> {FormattedPlayCount}{/block:PlayCount}</div></div>
{block:IndexPage}<br>
<div class="permalinktext">
{Month} {DayOfMonth} with <a href="{permalink}">{notecount} notes</a> -
<a href="{ReblogURL}">reblog?</a>
</div>{/block:IndexPage}
{/block:Audio}

{block:Video}
<center>{block:IndexPage}
<div style="width:500px; overflow-x:hidden; overflow-y:hidden">{Video-500}</div>{/block:IndexPage}</center>
<center>{block:PermalinkPage}<div style="width: 500px; overflow-x:hidden; overflow-y:hidden">{Video-500}{/block:PermalinkPage}</center>
{block:IndexPage}<br>
<div class="permalinktext">
{Month} {DayOfMonth} with <a href="{permalink}">{notecount} notes</a> -
<a href="{ReblogURL}">reblog?</a>
</div>{/block:IndexPage}
{block:Video}

{block:Answer}
<div style="border:1px solid {color:ask}; margin:3px; margin-top:-5px; min-height:30px; padding:3px; background:{color:ask}">
<img src="{AskerPortraitURL-30}" width="30" align="left"
style="margin-right:4px; margin-top:-6px; margin-left:0px; border:1px solid transparent; padding:7px; background:{color:portrait border}; opacity:1; box-shadow:0px 2px 6px rgba(0, 0, 0, 0.06); -moz-box-shadow:0px 2px 6px rgba(0, 0, 0, 0.06); -webkit-box-shadow:0px 2px 6px rgba(0, 0, 0, 0.06)">
<askk>{Asker}</askk>: {Question}</div>
<div style="font-size:11px">{Answer}</div>
{block:IndexPage}<br>
<div class="permalinktext">
{Month} {DayOfMonth} with <a href="{permalink}">{notecount} notes</a> -
<a href="{ReblogURL}">reblog?</a>
</div>{/block:IndexPage}
{/block:Answer}

{block:PermalinkPage}
<center><br>
{block:Date}posted <u>{DayOfWeek}</u>{/block:Date} {block:NoteCount}with {NoteCount} notes<br>{/block:NoteCount}
{block:RebloggedFrom}<b>source:</b> <a href="{ReblogRootURL}">{ReblogRootName}</a> | <b>of:</b> <a href="{ReblogParentURL}">{ReblogParentName}</a><br>{/block:RebloggedFrom}
{block:NoteCount} <div style="text-align:center; margin:5px"></div>{/block:NoteCount}</center>
{/block:PermalinkPage}
{block:PostNotes}
<div id="postnotes">{PostNotes}</div>
{/block:PostNotes}</div>{/block:Posts}
</div></div>

<div align="center"><div style="font-size:36px; {block:ifshadows}text-shadow:rgba({RGBcolor:shadows},.5) 3px 3px;{/block:ifshadows}"><br>
{block:IndexPage}
{block:Pagination}
{block:PreviousPage}<a href="{PreviousPage}">{text:back title}</a>{/block:PreviousPage}
{block:NextPage}<a href="{NextPage}">{text:next title}</a>
{/block:NextPage}
{/block:Pagination}
{/block:IndexPage}
</div></div>

<body onkeydown="return false">

<div style="position:fixed; left:8px; bottom:4px; z-index:1;"><a href="http://xollyx.tumblr.com/" title="theme"><img src="http://orig04.deviantart.net/151c/f/2015/334/6/e/tumblr_inline_mij52fv1gc1qz4rgp_by_kittystuff-d9il7w5.gif"></a></div>

{block:ifrender}<div style="position:fixed; left:{text:render left}px; bottom:{text:render bottom}px; z-index:1;"><img src="{image:render}" width="{text:render width}"></div>{/block:ifrender}
</body>

</html>