<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <!-- theme #014 by Rose @ itsacrimescene.tumblr.com Please do not copy or claim as your own Do not remove this credit from the code Thank you :3 --> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> <head> <!-- DEFAULT VARIABLES --> <meta name="color:asktext" content="#b8b7b1" /> <meta name="color:background" content="#1e201d" /> <meta name="color:bold" content="#c79a55" /> <meta name="color:border" content="#494941" /> <meta name="color:infolinks" content="#850e1c" /> <meta name="color:infotext" content="#81818a" /> <meta name="color:italics" content="#81818a" /> <meta name="color:link" content="#a81526" /> <meta name="color:posts" content="#3a3a35" /> <meta name="color:sidebar" content="#494941" /> <meta name="color:sidebartext" content="#242323" /> <meta name="color:tags" content="#929090" /> <meta name="color:text" content="#a2a19a" /> <meta name="image:sidebarimg" content=""/> <meta name="image:background" content=""/> <meta name="if:HoverInfo" content="1" /> <meta name="text:asker" content="said" /> <meta name="text:blogtitle" content="" /> <meta name="text:sidebarimg height" content="240px" /> <meta name="text:Link1" content="" /> <meta name="text:Link1 Title" content="" /> <meta name="text:Link2" content="" /> <meta name="text:Link2 Title" content="" /> <meta name="text:Link3" content="" /> <meta name="text:Link3 Title" content="" /> <meta name="text:Link4" content="" /> <meta name="text:Link4 Title" content="" /> <meta name="text:Link5" content="" /> <meta name="text:Link5 Title" content="" /> <meta name="text:Link6" content="" /> <meta name="text:Link6 Title" content="" /> <title>{Title}{block:PostSummary} | {PostSummary}{/block:PostSummary}</title> <link rel="shortcut icon" href="{Favicon}"> <link rel="alternate" type="application/rss+xml" href="{RSS}"> {block:Description} <meta name="description" content="{MetaDescription}" /> {/block:Description} <link href='http://fonts.googleapis.com/css?family=Homemade+Apple' rel='stylesheet' type='text/css'> <link href='http://fonts.googleapis.com/css?family=Share:400,700' rel='stylesheet' type='text/css'> <style type="text/css"> body {background-color:{color:background}; color:{color:text}; font-family: Tahoma; font-size: 12px; line-height:125%; text-align:justify; letter-spacing: 1px; margin:0px; background-image:url('{image:background}'); background-attachment: fixed;} a, a:link, a:active, a:visited {color:{color:link}; text-decoration: none;} a:hover {color:{color:italics}; text-decoration: none; -webkit-transition: all 0.9s ease-in-out; -moz-transition: all 0.9s ease-in-out; -o-transition: all 0.9s ease-in-out; transition: all 0.9s ease-in-out;} img a {border:0px;} b, strong{font-weight: bold; color:{color:bold}} i, em {text-transform: italic; color:{color:italics}} u {color:{color:text}; border-bottom:1px dashed {color:link};} s, strike, del {color: {color:italics};} p {margin: 10px 10px 10px 10px} blockquote {padding:0px 0px 0px 5px; margin: 1px auto 0px auto; border-left: 1px solid {color:border};} blockquote img {max-width:470px;} pre {width:95%; margin-left:auto; margin-right:auto; font-family: 'Courier New'; font-size:11px; line-height:11px; padding: 6px; word-wrap: break-word; background-color:{color:background}; color: {color:sidebartext}; border: 1px dashed {color:sidebar}; max-height:120px!important; overflow-y:auto;} /* SIDEBAR */ #wholebar { width: 180px; height: 100%; margin: 0 0 0 780px; position:fixed; background-color:{color:sidebar}; text-align:center; border-right: 5px solid {color:border}; } #sidebar { margin: 60px auto 20px auto; width: 180px; height: auto; padding: 10px 0; } #titlebox { width: 162px; font-family: Share; font-size:11px; line-height:11px; text-transform: uppercase; text-indent: 10px; color: {color:infolinks}; text-align:justify; text-shadow: -1px -1px 0px {color:background}; margin: 0 auto 0 auto; border-bottom: 3px solid {color:border}; } #titlebox:first-letter { font-family:'Homemade Apple'; font-size:15px; color: {color:link}; } #sidebarimg { width: 160px; height: {text:sidebarimg height}; margin: 10px auto 10px auto; } #sidebarimg img { width: 160px; height: {text:sidebarimg height}; } #desc { position:absolute; height: 0px; width: 140px; padding: 10px; margin: 0px 0 0 9px; font-size:10px; line-height:11px; text-align:justify; color: {color:sidebartext}; background-color:{color:border}; opacity:0; overflow-y:auto; -webkit-transition:all 0.9s ease-in-out; -moz-transition:all 0.9s ease-in-out; -o-transition:all 0.9s ease-in-out; -ms-transition:all 0.9s ease-in-out; transition:all 0.9s ease-in-out; } #sidebar:hover #desc { opacity:1; height: {text:sidebarimg height}; font-size:10px; line-height:11px; text-align:justify; color: {color:sidebartext}; border-left: 1px solid {color:border}; border-right: 1px solid {color:border}; -webkit-transition:all 0.9s ease-in-out; -moz-transition:all 0.9s ease-in-out; -o-transition:all 0.9s ease-in-out; -ms-transition:all 0.9s ease-in-out; transition:all 0.9s ease-in-out; } #sidebar #desc a { font-size:10px; line-height: 11px; padding: 0; font-family:Tahoma; text-transform:none; font-weight:bold; color: {color:link}!important; background-color:transparent; border:none; } #sidebar a { display:inline; font-family:Calibri; font-size: 8px; text-transform:uppercase; color: {color:link}; background-color: {color:sidebar}; border-top: 3px solid {color:border}; padding: 4px 7px 4px 7px; margin: 0; } #sidebar a:hover { color: {color:infolinks}; background-color: {color:border}; } #slinks { width: 160px; height: auto; background-color:transparent; margin: -15px auto 0 auto; text-align:center; } #slinks a { display: inline-block; width: 74px; height: 12px; font-family:Share; font-size:8px; text-transform:uppercase; padding: 0px 2px 2px 2px; color: {color:infolinks}; background-color: {color:background}; margin: 0 1px 2px 1px; } #slinks a:hover { color: {color:sidebar}; background-color: {color:border}; } /* PAGINATION */ #paging { width: 50px; height: auto; position:absolute; margin-left:950px; bottom:50%; color:{color:posts}; background-color: transparent; position:fixed; } #paging a { font-family: Georgia; font-size:45px; color: {color:bold}; text-shadow: -1px -1px 0px {color:background}; } #paging a:hover { color: {color:posts}; } /* CONTAINER */ #container { width: 540px; height: 100%; margin: 0 0 0 190px; background-color: {color:background}; } #entries { width: 540px; height: auto; margin: 30px auto 0px auto; position:absolute; } #entry { width:520px; height: auto; margin: 50px auto 40px auto; padding:10px; background-color: {color:posts}; border-top: 5px solid {color:border}; } #posts { width: 500px; height: auto; padding: 10px; margin: 0 auto; background-color: {color:posts}; font-size:11px; } #infoblocks { width: 540px; height: 12px; margin: -39px auto 40px auto; } #infoblocks a { color: {color:infolinks}; } #infoblocks a:hover { color: {color:infotext}; } .infoblock1 { width: 260px; height: 12px; float:left; text-align: right; font-family:Share; font-size:8px; letter-spacing:1px; text-transform:uppercase; padding: 0 9px 2px 0px; background-color: {color:border}; color: {color:infotext}; } .infoblock2 { width: 260px; height: 12px; float:right; text-align: left; font-family:Share; font-size:8px; letter-spacing:1px; text-transform:uppercase; padding: 0 0px 2px 10px; background-color: {color:border}; color: {color:infotext}; } .my-like { text-align: right; font-family:Exo; font-size:8px; text-transform:uppercase; color: {color:infolinks}; cursor:pointer; } .my-liked, .my-like:hover { color: {color:link}; cursor:pointer; } /* INFO */ #tagbox { width: 130px; height: auto; padding:8px; margin: 0; color: {color:posts}; background-color: {color:sidebar}; text-align:right; font-size: 8px; font-family:Calibri; position:absolute; opacity: 0; border-left: 5px solid {color:border}; -webkit-transition:all 0.9s ease-in-out; -moz-transition:all 0.9s ease-in-out; -o-transition:all 0.9s ease-in-out; -ms-transition:all 0.9s ease-in-out; transition:all 0.9s ease-in-out; } #tagbox a { font-family:Calibri; font-size:10px; color: {color:tags}; } #tagbox a:hover { color:{color:infotext}; } #date { font-family: Share; font-size:14px; line-height:14px; text-transform:uppercase; color: {color:bold}; border-bottom: 0px dashed {color:infotext}; text-shadow: -1px -1px 0px {color:background}; } #date a { font-family: Share; font-size:14px; line-height:14px; text-transform:uppercase; color: {color:bold}; } #date a:hover {color:{color:infotext};} #entry:hover #tagbox { opacity: 1; margin: 0 0 0 -175px; -webkit-transition:all 0.9s ease-in-out; -moz-transition:all 0.9s ease-in-out; -o-transition:all 0.9s ease-in-out; -ms-transition:all 0.9s ease-in-out; transition:all 0.9s ease-in-out; } /* CONTENT */ #linking { text-align:center; width: 490px; height:auto; padding: 9px 5px; background-color: {color:background}; } #linking a { font-family: Share; text-transform:uppercase; font-size:16px; line-height:16px; padding: 5px; color: {color:link}; } #linking a:hover { color: {color:text}; } #question { margin: 0 auto 20px auto; width: 490px; padding: 5px; background-color: {color:background}; } .askicon { width: 52px; height: 52px; margin: auto; position:relative; text-align:center; } .askicon img { width: 48px; height: 48px; margin: auto; } .ask { margin-left:62px; width:430px; padding:5px; font-size:10px; line-height:13px; letter-spacing:1px; color: {color:asktext}; } h2 { font-family: Share; text-transform:uppercase; font-size:13px; line-height:13px; margin: 0px 0px 0px 10px; color: {color:link}; font-weight:normal; } #question a { color: {color:link}; } #answer { width: 500px; height: auto; margin: 20px auto 0 auto; } #audio { margin-bottom: 0px; width: 490px; height:100px; padding: 5px; background-color: {color:background} } .cover { width: 100px; height: 100px; position: absolute; } .cover img { width: 100px; height: 100px; float: left; } .playercontainer { width:54px; height:54px; position:absolute; display:block; background-color: #000000; z-index:6; opacity:0.6; -webkit-transition:all 0.7s ease-in-out; -moz-transition:all 0.7s ease-in-out; -o-transition:all 0.7s ease-in-out; -ms-transition:all 0.7s ease-in-out; transition:all 0.7s ease-in-out; margin-left: 22px; margin-top: 23px; } .playercontainer:hover { opacity:0.8; -webkit-transition:all 0.7s ease-in-out; -moz-transition:all 0.7s ease-in-out; -o-transition:all 0.7s ease-in-out; -ms-transition:all 0.7s ease-in-out; transition:all 0.7s ease-in-out; } .player { width: 25px; height: 25px; overflow: hidden; margin: 15px 14px; background-color:#000000; } .sugarbabylove { margin-left:105px; float:left; width:373px; padding:5px; margin-bottom:5px; font-size:10px; line-height:13px; letter-spacing:0px; color: {color:text}; background-color:{color:background}; text-align:center; } .trackname { text-align:center; font-family: Share; text-transform:uppercase; font-size:16px; line-height:16px; color: {color:bold}; padding: 15px 0px 13px 0px; } .qqmarkleft { font-size: 80px; font-family: Georgia; font-weight: bold; line-height: 100px; position: relative; bottom: 10px; left: 30px; margin-bottom: -90px; color: {color:background}; opacity: 0.5; } .qqmarkright { font-family: Georgia; font-size: 80px; font-weight: bold; padding-right: 0px; line-height: 30px; text-align: right; right: 30px; position: relative; margin-bottom: -10px; color: {color:background}; opacity: 0.5; } .qquote { width: 75%; font-family: Tahoma, Arial, Verdana; font-size: 13px; text-align: justify; padding-top: 10px; letter-spacing: 1px; line-height: 15px; text-transform: none; text-indent: 15px; margin: 0px 10px; margin-bottom: 10px; } .qusource { width: 85%; margin-top:-2px; text-align:right; font-size: 9px; font-family: Tahoma; color: {color:text}; line-height: 10px; opacity: 0.7; margin-bottom:3px; padding: 2px; } .qusource a { text-align:right; font-size: 9px; color: {color:infolinks}; opacity: 0.9; background-color: {color:background}; padding: 1px 3px; } .qusource a:hover { color: {color:link}; line-height: 9px; opacity: 1; background-color:transparent; } .chat {line-height: 20px; list-style: none; width: 500px; margin-left: 0px;} .chat ul {line-height: 20px; list-style: none; padding: 2px 7px 2px 7px;} .person1 {background-color: {color:background}; color: {color:text};letter-spacing:1px;} .person1 .label {font-weight: bold; padding: 0px; margin-left: 5px; color: {color:text};} .person2 {background-color: {color:posts}; color: {color:bold}; letter-spacing:1px;} .person2 .label {font-weight: bold; padding: 0px; margin-left: 5px; color: {color:bold};} #notes {background-color: {color:background}; width:520px; margin: 0px auto 10px auto; padding:10px;} #notestext {width: 510px; margin-left: auto; margin-right: auto; background-color: {color:background}; padding:5px; text-align: left;} #notes blockquote a {color:{color:tags}; font-weight:normal; background-color: transparent; padding: 5px; margin:0;} ol.notes {list-style: none; padding:0px;} ol.notes li {background-color: {color:background}; margin: 0 px; padding: 5px;} ol.notes .avatar {border: 1px solid {color:background}; height: 10px; padding: 0px; width: 10px;} ol.notes li .clear {height: 0px!important;} ol.notes li blockquote {border-color: {color:posts}!important; background-color: {color:posts}; padding: 5px; width:90%; margin: 4px auto 0px auto; } ::-webkit-scrollbar-corner { background:{color:background}; } ::-webkit-scrollbar-thumb:vertical { background-color: {color:text}; width:7px; height:auto; border: 1px solid {color:posts}; -webkit-border-radius: 1px; } ::-webkit-scrollbar-thumb:horizontal { background-color: {color:text}; width:auto; height:7px; border: 1px solid {color:posts}; -webkit-border-radius: 1px; } ::-webkit-scrollbar { height:7px; width:7px; background-color: {color:background}; } ::-moz-selection {background-color:{color:bold}; color:{color:background};} ::selection {background-color: {color:bold}; color: {color:background};} .source {display:none;} {CustomCSS} </style> <script> window.onload = function () { document.body.insertAdjacentHTML( 'beforeEnd', '<iframe id="my-like-frame" style="display:none;"></iframe>' ); document.addEventListener( 'click', function ( event ) { var myLike = event.target; if( myLike.className.indexOf( 'my-like' ) > -1 ) { var frame = document.getElementById( 'my-like-frame' ), liked = ( myLike.className == 'my-liked' ), command = liked ? 'unlike' : 'like', reblog = myLike.getAttribute( 'data-reblog' ), id = myLike.getAttribute( 'data-id' ), oauth = reblog.slice( -8 ); frame.src = 'http://www.tumblr.com/' + command + '/' + oauth + '?id=' + id; liked ? myLike.className = 'my-like' : myLike.className = 'my-liked'; }; }, false ); }; </script> </head> <body> <div id="wholebar"> <div id="sidebar"> <div id="titlebox">{text:blogtitle}</div> {block:Description}<div id="desc">{Description}</div>{/block:Description} <div id="sidebarimg"><img src="{image:sidebarimg}" /></div> <a href="/">home</a> <a href="/ask">ask</a> <a href="/archive">past</a> <a href="http://itsacrimetheme.tumblr.com" target="_blank">theme</a> </div> <div id="slinks"> {block:ifLink1}<a href="{text:Link1}">{text:Link1 Title}</a>{/block:ifLink1}{block:ifLink2}<a href="{text:Link2}">{text:Link2 Title}</a>{/block:ifLink2} {block:ifLink3}<a href="{text:Link3}">{text:Link3 Title}</a>{/block:ifLink3}{block:ifLink4}<a href="{text:Link4}">{text:Link4 Title}</a>{/block:ifLink4} {block:ifLink5}<a href="{text:Link5}">{text:Link5 Title}</a>{/block:ifLink5}{block:ifLink6}<a href="{text:Link6}">{text:Link6 Title}</a>{/block:ifLink6} </div> </div> {block:Pagination}<div id="paging"> {block:NextPage}<a href="{NextPage}" title="Next Page">»</a>{/block:NextPage} {block:PreviousPage}<a href="{PreviousPage}" title="Previous Page">«</a>{/block:PreviousPage} </div>{/block:Pagination} <div id="container"> <div id="entries"> {block:Posts} <div id="entry"> <div id="posts"> <div id="tagbox"> <div id="date"><a href="{Permalink}">{DayOfMonthWithZero} {ShortMonth} {Year}</a></div> {block:HasTags}{block:Tags} #<a href="{TagURL}">{Tag}</a> {/block:Tags}{/block:HasTags} </div> {block:Text} {block:Title}<div id="linking">« <a href="{Permalink}">{Title}</a></div> {/block:Title} {Body} {/block:Text} {block:Photo} {LinkOpenTag}<img src="{PhotoURL-500}" border="0">{LinkCloseTag} {/block:Photo} {block:Photoset} {Photoset-500} {/block:Photoset} {block:Quote} <div class="qqmarkleft">“</div><center><div class="qquote">{Quote}</div><div class="qqmarkright">”</div> {block:Source} <div class="qusource"> {Source} </div> {/block:Source} {/block:Quote} {block:Link} <div id="linking"><a href="{URL}" {Target}>{Name}</a> »</div>{block:Description}{Description}{/block:Description} {/block:Link} {block:Chat} {block:Title}<div class="titled">« <a href="{Permalink}">{Title}</a></div>{/block:Title} <div class="chat"><ul>{block:Lines} <li class="person{UserNumber}">{block:Label} <span class="label">{Label}</span>{/block:Label} {Line}</li>{/block:Lines}</ul></div> {/block:Chat} {block:Video} {Video-500} {/block:Video} {block:Answer} <div id="question"><table> <tr> <td class="askicon"><img src="{AskerPortraitURL-48}"></td> <td class="ask"><h2>{Asker} {text:asker}:</h2> {Question}</td> </tr> </table></div> <div id="answer">{Answer}</div> {/block:Answer} {block:Audio}<div id="audio"> <div class="cover"><img src="http://static.tumblr.com/847c578c3afe9bdd30ec4a5feb26957e/ougddg1/RRkmg4279/tumblr_static_musica.png"></div> {block:AlbumArt}<div class="cover"><img src="{AlbumArtURL}"></div>{/block:AlbumArt} {block:AudioPlayer}<div class="playercontainer"><div class="player">{AudioPlayerBlack}</div> </div>{/block:AudioPlayer} <div class="sugarbabylove"> {block:TrackName}<div class="trackname">{TrackName}</div>{/block:TrackName} {block:Artist}{Artist}{/block:Artist} {block:Album} <small>&&</small> {Album}{/block:Album} {block:PlayCount}<small><br>{PlayCountWithLabel}</small>{/block:PlayCount} </div> </div> {/block:Audio} {block:Photo}{block:Caption}{Caption}{/block:Caption}{/block:Photo} {block:Video}{block:Caption}{Caption}{/block:Caption}{/block:Video} {block:Photoset}{block:Caption}{Caption}{/block:Caption}{/block:Photoset} {block:Audio}{block:Caption}{Caption}{/block:Caption}{/block:Audio} <div class="source"> {block:ContentSource}<a href="{SourceURL}">{lang:Source}:{block:SourceLogo} <img src="{BlackLogoURL}" width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" /> {/block:SourceLogo}{block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo}</a>{/block:ContentSource} </div> </div> </div> <div id="infoblocks"> <div class="infoblock1">{block:RebloggedFrom}<a href="{ReblogParentURL}" title="{ReblogParentTitle}">via</a> && <a href="{ReblogRootURL}" title="{ReblogRootTitle}">source</a> {block:IndexPage}&&{/block:IndexPage}{/block:RebloggedFrom} {block:IndexPage} {block:text}<a href="{ReblogURL}" title="Reblog this post">reblog</a> && <a class="my-like" data-reblog="{ReblogURL}" data-id="{PostID}" title="Like this post">♥</a>{/block:text} {block:photo}<a href="{ReblogURL}" title="Reblog this post">reblog</a> && <a class="my-like" data-reblog="{ReblogURL}" data-id="{PostID}" title="Like this post">♥</a>{/block:photo} {block:photoset}<a href="{ReblogURL}" title="Reblog this post">reblog</a> && <a class="my-like" data-reblog="{ReblogURL}" data-id="{PostID}" title="Like this post">♥</a>{/block:photoset} {block:quote}<a href="{ReblogURL}" title="Reblog this post">reblog</a> && <a class="my-like" data-reblog="{ReblogURL}" data-id="{PostID}" title="Like this post">♥</a>{/block:quote} {block:audio}<a href="{ReblogURL}" title="Reblog this post">reblog</a> && <a class="my-like" data-reblog="{ReblogURL}" data-id="{PostID}" title="Like this post">♥</a>{/block:audio} {block:video}<a href="{ReblogURL}" title="Reblog this post">reblog</a> && <a class="my-like" data-reblog="{ReblogURL}" data-id="{PostID}" title="Like this post">♥</a>{/block:video} {block:chat}<a href="{ReblogURL}" title="Reblog this post">reblog</a> && <a class="my-like" data-reblog="{ReblogURL}" data-id="{PostID}" title="Like this post">♥</a>{/block:chat} {block:link}<a href="{ReblogURL}" title="Reblog this post">reblog</a> && <a class="my-like" data-reblog="{ReblogURL}" data-id="{PostID}" title="Like this post">♥</a>{/block:link} {/block:IndexPage} {block:answer}<a href="{AskerURL}" title="asked by {AskerName}">answered</a> {/block:answer} </div> <div class="infoblock2"><a href="{Permalink}" title="Permalink to this post">{TimeAgo}</a> {block:NoteCount}&& <a href="{Permalink}">{NoteCountWithLabel}</a>{/block:NoteCount}</div> </div> {/block:Posts} {block:PostNotes} <div id="notes"><div id="notestext">{PostNotes}</div></div> {/block:PostNotes} </div> </div> </body> </html>