<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <!-- theme #020 by Rose @ itsacrimescene.tumblr.com Please DO NOT COPY ANY PARTS OF THIS CODE and claim them as your own Do not remove the credit or move it to a secondary page or I'll make you into shoes --> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> <head> <!-- DEFAULT VARIABLES --> <meta name="color:accent" content="#bb5a5a" /> <meta name="color:askbackground" content="#f5f3f3" /> <meta name="color:asktext" content="#3f4655" /> <meta name="color:background" content="#faf8f8" /> <meta name="color:bold" content="#454546" /> <meta name="color:border" content="#6b665b" /> <meta name="color:descriptionbg" content="#f3f3f0" /> <meta name="color:descriptiontext" content="#81817d" /> <meta name="color:infolinks" content="#948b80" /> <meta name="color:infotext" content="#acacac" /> <meta name="color:italics" content="#acacab" /> <meta name="color:link" content="#c99681" /> <meta name="color:tags" content="#c2c2c2" /> <meta name="color:text" content="#74736f" /> <meta name="color:topbarlinks" content="#686868" /> <meta name="color:topbarlinksbg" content="#ebebeb" /> <meta name="image:background" content=""/> <meta name="image:headerimg" content=""/> <meta name="font:askfont" content="Baskerville"> <meta name="text:askfontsize" content="13px" /> <meta name="text:asker" content="said" /> <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'> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js" type="text/javascript"></script> <script src="http://static.tumblr.com/xgofl0y/O7Fm1ufj3/jquery.style-my-tooltips.js" type="text/javascript"></script> <script> $().ready(function() { $("[title]").style_my_tooltips({ tip_follows_cursor: "on", //on/off tip_delay_time: 200 //milliseconds }); }); </script> <style type="text/css"> body {background-color:{color:background}; color:{color:text}; font-family: Tahoma; font-size: 11px; line-height:128%; 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; font-family:Georgia;} a:hover {color:{color:infolinks}; 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}; font-size: 115%; letter-spacing: 0px;} i, em {font-style: italic; color:{color:italics}; font-size:105%;} s, strike, del {color: {color:italics}; font-size:110%;} u {font-style:underline; border-bottom: 1px dashed {color:infotext}; color: {color:text};} p {margin-top: 6px;} blockquote {padding-left: 5px; margin: 5px 0 5px 5px; border-left: 1px solid {color:askbackground}; word-wrap: break-word;} blockquote img {max-width:400px;} pre {width:95%; margin-left:auto; margin-right:auto; font-family: Arial; font-size:11px; padding: 5px 6px 5px 6px; word-wrap: break-word; background-color:{color:descriptionbg}; color: {color:descriptiontext}; border: 1px solid {color:infotext}; max-height:100px!important; overflow-y:auto;} h1 { width: 400px; height: auto; margin: 2px auto 5px auto; font-family:Georgia; font-weight:normal; font-style:italic; font-size:19px; text-align:left; color: {color:accent}; text-shadow: -1px -1px 0px {color:background}; border-bottom: 1px dashed {color:background}; } #s-m-t-tooltip{ position: absolute; max-width: 300px; padding: 1px 8px 1px 8px; z-index: 99999; display: inline-block; font-family: Calibri; font-size: 9px; color: #fff; background-color:#202020; text-transform: uppercase; } /* TOPBAR */ #topbar { width: 500px; height: 220px; text-align:center; margin: 0px auto 0px auto; position:fixed; z-index:9999!important; } #header { width: 500px; height: 200px; margin: 0 auto; position:absolute; } #header img { width: 500px; height: 200px; } #topbarlinks { width: 480px; height: 20px; padding: 2px 10px 0px 10px; position:absolute; text-align:center; margin: 200px auto 0 auto; background-color: transparent; } #topbarlinks a { display: inline; font-family: Trebuchet MS, Calibri, Tahoma; font-size: 8px; text-transform: uppercase; padding: 0px 6px; margin: auto 1px; color: {color:topbarlinks}; background-color: {color:topbarlinksbg}; } #topbarlinks a:first-letter { font-style:italic; font-weight:bold; color:{color:accent}; } #topbarlinks a:hover { color: {color:descriptionbg}; background-color: {color:border}; } #description { width: 460px; height: 100px; padding: 25px 20px 0px 20px; margin: 75px auto 0 auto; text-align:justify; font-family:Calibri; font-size:11px; line-height:13px; overflow:auto; position:absolute; color: {color:descriptiontext}; background-color: {color:descriptionbg}; border-bottom: 21px solid {color:border}; -webkit-transition: all 0.7s ease-in-out; -moz-transition: all 0.7s ease-in-out; -o-transition: all 0.7s ease-in-out; transition: all 0.7s ease-in-out; } {block:Description}#topbar:hover #description { margin-top: 200px; -webkit-transition: all 0.7s ease-in-out; -moz-transition: all 0.7s ease-in-out; -o-transition: all 0.7s ease-in-out; transition: all 0.7s ease-in-out; }{/block:Description} /* PAGINATION */ #pagination { width: auto; height: auto; padding: 4px 5px; text-align:center; bottom: 50px; right: 60px; font-size:9px; position:fixed; color: {color:background}; background-color: {color:border}; } #pagination a { display:inline-block; font-family:Trebuchet MS, Calibri; font-size:9px; padding: 1px 4px; color: {color:topbarlinks}; background-color: {color:topbarlinksbg}; } #pagination a:hover { color: {color:link}; background-color: {color:border}; } .current_page { padding: 4px 3px; } /* ENTRIES */ #container { width: 500px; height: auto; margin: 0px auto 0 auto; text-align:center; } #entries { width: 500px; height: auto; margin: 250px auto 0px auto; padding-bottom: 80px; position:absolute; } #entry { width: 500px; height: auto; margin: 50px auto 0 auto; background-color:transparent; } #posts { width: 500px; height: auto; padding: 0px; text-align:left; margin: 0px auto 0 auto; background-color: {color:background}; background-image:url('{image:background}'); } /* INFO */ #date { position:absolute; margin: 0 0 0 510px; padding: 5px; text-align:center; background-color:transparent; } .day { font-family:Georgia; font-style:italic; font-size:21px; line-height:23px; letter-spacing:0px; } .day a {color: {color:accent};} .day a:hover {color:{color:infotext};} .month { font-family:Trebuchet MS,Calibri; font-size:7px; line-height:7px; text-transform:uppercase; color: {color:infotext}; } #info { width: 500px; height: 24px; margin: 0 auto; padding: 0px; text-align:left; font-size:8px; color: {color:infotext}; border-top: 1px solid {color:border}; } #info a { font-family:Calibri; font-size:8px; line-height:8px; color: {color:infolinks};} #info a:hover { color: {color:infotext};} .sourceicon { width: 24px; height: 24px; } .sourceicon img { width:24px; height:24px; padding:0px; } .otherinfo { height: auto; width: 420px; font-family: Calibri; font-size: 8px; line-height: 8px; text-transform:uppercase; padding-left: 5px; color: {color:infotext}; border-left: 0px solid {color:infotext} } .otherinfo a { font-family: Calibri; font-size: 8px; line-height: 8px; text-transform:uppercase;} .rebagel { text-align:right; } .rebagel a { font-family:Trebuchet MS; font-size:7px; font-style:none; padding: 1px 4px; text-transform:uppercase; color: {color:descriptiontext}!important; background-color: {color:descriptionbg}; border: 0px solid {color:infotext}; } .rebagel a:hover { color: {color:border}; background-color: {color:background}; border:0px solid {color:background}; } /* TAGS */ #tagbox { width: 200px; height: auto; padding: 5px 10px; font-size:8px; margin: 0; position:absolute; text-align:right; opacity:0; color: {color:infotext}; -webkit-transition: all 0.7s ease-in-out; -moz-transition: all 0.7s ease-in-out; -o-transition: all 0.7s ease-in-out; transition: all 0.7s ease-in-out; } #tagbox a { font-family: Helvetica; font-size:9px; font-style:italic; color: {color:tags}; } #tagbox a:hover { color: {color:bold}; background-color: {color:background}; } #entry:hover #tagbox { opacity:1; margin-left: -225px; -webkit-transition: all 0.7s ease-in-out; -moz-transition: all 0.7s ease-in-out; -o-transition: all 0.7s ease-in-out; transition: all 0.7s ease-in-out; } /* CONTENT */ #titled { width: 480px; padding: 0 10px; font-family:Georgia; font-size:20px; font-style:italic; margin: 0 auto 15px auto; } #titled a { color: {color:accent}; } #titled a:hover { color: {color:text}; } #ask { width: 480px; height: auto; padding: 10px; margin: 0 auto 20px auto; background-color: {color:askbackground}; } #askicon { width: 42px; height: auto; padding: 10px; } #askicon img { width: 40px; height: 40px; border: 1px solid {color:background}; } #question { text-align:justify; font-family: {font:askfont}; font-size: {text:askfontsize}; padding: 0px 5px; color: {color:asktext}; } #question .asker { font-family:Trebuchet MS, Calibri; font-size:9px; text-transform:uppercase; padding: 0px 2px -5px 2px; color: {color:infotext}; } #question p { text-indent:14px; margin: 0px auto 5px auto; } #question p:first-letter { font-family:'Homemade Apple', cursive; font-size:18px; color: {color:accent}; } .image { opacity: 0.9; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } .image:hover { opacity:1; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } .qqmarkleft { font-size: 80px; font-family: Georgia; font-weight: bold; line-height: 100px; position: relative; margin: 0px 0 -70px 30px; color: {color:descriptionbg}; opacity: 0.7; } .qqmarkright { font-family: Georgia; font-size: 80px; font-weight: bold; padding-right: 0px; line-height: 30px; text-align: right; position: relative; margin:0 30px 0 -10px; color: {color:descriptionbg}; opacity: 0.7; } .qquote { width: 75%; font-family: Palatino; font-size: 16px; text-align: justify; padding-top: 10px; letter-spacing: 1px; line-height: 15px; text-transform: none; text-indent: 15px; margin: 0px 10px; margin-bottom: 10px; position: relative; } .qquote:first-letter { font-family: 'Homemade Apple'; font-size:20px; line-height:15px; color: {color:accent}; } .qusource { width: 95%; text-align:right; font-size: 10px; font-family: Tahoma; color: {color:text}; line-height: 10px; opacity: 0.7; margin-bottom:15px; padding: 2px; } .qusource a { text-align:right; font-size: 9px; line-height: 9px; padding: 1px 3px; text-transform:uppercase; color: {color:infolinks}; opacity: 0.9; } .qusource a:hover { opacity: 1; padding: 1px 3px; color: {color:link}; background-color:transparent; } #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: #ffffff; 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:#ffffff; } .sugarbabylove { margin-left:105px; float:left; width:373px; padding:5px; margin-bottom:5px; font-size:10px; line-height:13px; letter-spacing:0px; color: {color:asktext}; background-color:{color:background}; text-align:center; } .sugarbabylove small { color: {color:infotext}; font-style:italic;} .trackname { text-align:center; font-family: 'Homemade Apple', cursive; font-size:21px; line-height:21px; color: {color:accent}; padding: 15px 0px 13px 0px; } .chat .line { color: {color:infotext}; margin: 1px 2px; padding: 2px; } .chat .line.odd { color: {color:text}; } .label { font-family:Georgia; font-size:110%; font-weight:bold; color:{color:bold}; } .cap { margin: 10px auto 0 auto; padding: 0 10px; } #notes {background-color: {color:background}; width:480px; margin: 0px auto 10px auto; padding:10px 0px; color: {color:infotext};} #notestext {width: 490px; margin: 5px auto 5px auto; background-color: {color:background}; padding:5px; text-align: left; font-size:11px;} #notes blockquote a {color:{color:infolinks}; font-weight:normal; background-color: transparent; padding: 5px; margin:0; font-style:italic;} ol.notes {list-style: none; padding:0px;} ol.notes li {background-color: {color:background}; margin: 0 px; padding: 5px; color: {color:infotext};} ol.notes .avatar {border: 1px solid {color:border}; height: 10px; padding: 0px; width: 10px;} ol.notes li .clear {height: 0px!important;} ol.notes li blockquote {border-color: {color:border}!important; background-color: {color:descriptionbg}; padding: 5px; width:90%; margin: 4px auto 0px auto; } ::-webkit-scrollbar-corner { background-color:{color:background}; } ::-webkit-scrollbar-thumb:vertical { background-color: {color:descriptionbg}; width:7px; height:auto; border: 1px solid {color:descriptiontext}; -webkit-border-radius: 1px; } ::-webkit-scrollbar-thumb:horizontal { background-color: {color:descriptionbg}; width:auto; height:7px; border: 1px solid {color:descriptiontext}; -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> </head> <body> <div id="container"> <div id="topbar"> {block:Description} <div id="description"><p>{Description}</p></div> {/block:Description} <div id="header"><img src="{image:headerimg}" /></div> <div id="topbarlinks"> {block:ifLink1}<a href="{text:Link1}" title="{text:Link1 Title}">I</a>{/block:ifLink1} {block:ifLink2}<a href="{text:Link2}" title="{text:Link2 Title}">II</a>{/block:ifLink2} {block:ifLink3}<a href="{text:Link3}" title="{text:Link3 Title}">III</a>{/block:ifLink3} {block:ifLink4}<a href="{text:Link4}" title="{text:Link4 Title}">IV</a>{/block:ifLink4} {block:ifLink5}<a href="{text:Link5}" title="{text:Link5 Title}">V</a>{/block:ifLink5} {block:ifLink6}<a href="{text:Link6}" title="{text:Link6 Title}">VI</a>{/block:ifLink6} <a href="/">home</a> <a href="/ask">ask</a> <a href="/archive">past</a> <a href="http://itsacrimetheme.tumblr.com" target="_blank" title="itsacrimetheme">theme</a> </div> </div> <div id="entries"> {block:Posts} <div id="entry"> <div id="date"> <div class="day"><a href="{Permalink}" title="Permalink to this post">{DayOfMonthWithZero}</a></div> <div class="month">{Month}</div> </div> {block:HasTags} <div id="tagbox">FILED UNDER:<br>{block:Tags} #<a href="{TagURL}">{Tag}</a>{/block:Tags}</div> {/block:HasTags} <div id="posts"> {block:Text} {block:Title}<div id="titled"><a href="{Permalink}">{Title}</a></div> {/block:Title} {Body} {/block:Text} {block:Photo} <div class="image"><img src="{PhotoURL-500}" border="0"></div> {/block:Photo} {block:Photoset} <div class="image">{Photoset-500}</div> {/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="titled"><a href="{URL}" {Target}>{Name} </a></div>{block:Description}{Description}{/block:Description} {/block:Link} {block:Chat} {block:Title}<div id="titled"><a href="{Permalink}">{Title}</a></div>{/block:Title} <div class="chat"> {block:Lines}<div class="chat"><div class="line {Alt}"> <div class="{Alt} user_{UserNumber}"> {block:Label} <span class="label">{Label}</span> {/block:Label} {Line}</div> </div></div> {/block:Lines} </div> {/block:Chat} {block:Video} {Video-500} {/block:Video} {block:Answer} <div id="ask"><table> <tr><td id="askicon"><img src="{AskerPortraitURL-40}"></td><td id="question"><div class="asker">{Asker} {text:asker}:</div> <p>{Question}</p> </td></tr></table> </div> {Answer} {/block:Answer} {block:Audio}<div id="audio"> <div class="cover"><img src="http://static.tumblr.com/ougddg1/R5Emaxcio/defaultmusic.png"></div> {block:AlbumArt}<div class="cover"><img src="{AlbumArtURL}"></div>{/block:AlbumArt} {block:AudioPlayer}<div class="playercontainer"><div class="player">{AudioPlayerWhite}</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} <div class="cap"> {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> <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="info"> <table><tr> <td class="sourceicon"> {block:RebloggedFrom}<a href="{ReblogRootURL}" title="originally {ReblogRootTitle}" target="_blank"><img src="{ReblogRootPortraitURL-24}"></a>{/block:RebloggedFrom} {block:NotReblog}<img src="{PortraitURL-24}">{/block:NotReblog} </td> <td class="otherinfo"> {block:Date}{block:text}{block:RebloggedFrom} reblogged {/block:RebloggedFrom}{block:NotReblog} posted{/block:NotReblog}{/block:text} {block:photo}{block:RebloggedFrom} reblogged {/block:RebloggedFrom}{block:NotReblog} posted{/block:NotReblog}{/block:photo} {block:photoset}{block:RebloggedFrom} reblogged {/block:RebloggedFrom}{block:NotReblog} posted{/block:NotReblog}{/block:photoset} {block:quote}{block:RebloggedFrom} reblogged {/block:RebloggedFrom}{block:NotReblog} posted{/block:NotReblog}{/block:quote} {block:audio}{block:RebloggedFrom} reblogged {/block:RebloggedFrom}{block:NotReblog} posted{/block:NotReblog}{/block:audio} {block:video}{block:RebloggedFrom} reblogged {/block:RebloggedFrom}{block:NotReblog} posted{/block:NotReblog}{/block:video} {block:chat}{block:RebloggedFrom} reblogged {/block:RebloggedFrom}{block:NotReblog} posted{/block:NotReblog}{/block:chat} {block:link}{block:RebloggedFrom} reblogged {/block:RebloggedFrom}{block:NotReblog} posted{/block:NotReblog}{/block:link} {block:answer} answered {/block:answer}{TimeAgo}{/block:Date} <br>{block:RebloggedFrom}via <a href="{ReblogParentURL}" title="via {ReblogParentTitle}" target="_blank">{ReblogParentName}</a>{/block:RebloggedFrom} {block:NoteCount}with {NoteCountWithLabel}{/block:NoteCount}</td> {block:IndexPage} {block:text}<td class="rebagel"><a href="{ReblogURL}" title="reblog this post">reblog</a></td> {/block:text} {block:photo}<td class="rebagel"><a href="{ReblogURL}" title="reblog this post">reblog</a></td> {/block:photo} {block:photoset}<td class="rebagel"><a href="{ReblogURL}" title="reblog this post">reblog</a></td> {/block:photoset} {block:quote}<td class="rebagel"><a href="{ReblogURL}" title="reblog this post">reblog</a></td> {/block:quote} {block:audio}<td class="rebagel"><a href="{ReblogURL}" title="reblog this post">reblog</a></td> {/block:audio} {block:video}<td class="rebagel"><a href="{ReblogURL}" title="reblog this post">reblog</a></td> {/block:video} {block:chat}<td class="rebagel"><a href="{ReblogURL}" title="reblog this post">reblog</a></td> {/block:chat} {block:link}<td class="rebagel"><a href="{ReblogURL}" title="reblog this post">reblog</a></td> {/block:link} {block:answer}{/block:answer} {/block:IndexPage} </tr></table> </div> {/block:Posts} {block:PostNotes} <div id="notes"><div id="notestext">{PostNotes}</div></div> {/block:PostNotes} </div> </div> {block:Pagination} <div id="pagination"> {block:PreviousPage} <a href="{PreviousPage}">«</a> {/block:PreviousPage} {block:JumpPagination length="5"} {block:CurrentPage} <span class="current_page">{PageNumber}</span> {/block:CurrentPage} {block:JumpPage} <a class="jump_page" href="{URL}">{PageNumber}</a> {/block:JumpPage} {/block:JumpPagination} {block:NextPage} <a href="{NextPage}">»</a> {/block:NextPage} </div> {/block:Pagination} </body> </html>