<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <!-- theme #026 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:accent" content="#c14e4e" /> <meta name="color:asktext" content="#161615" /> <meta name="color:background" content="#fbfbfb" /> <meta name="color:bold" content="#272726" /> <meta name="color:border" content="#e9e8e7" /> <meta name="color:info" content="#2b2b2b" /> <meta name="color:infolinks" content="#e7e7e7" /> <meta name="color:infotext" content="#bebebe" /> <meta name="color:italics" content="#7b7b7b" /> <meta name="color:link" content="#c62b2b" /> <meta name="color:scrollbar" content="#363636" /> <meta name="color:sidebartext" content="#656565" /> <meta name="color:tags" content="#979797" /> <meta name="color:text" content="#171615" /> <meta name="image:background" content="" /> <meta name="image:header" content="" /> <meta name="image:sidebarimg" content="" /> <meta name="text:asker" content="said" /> <meta name="text:blogtitle" content="" /> <meta name="text:bodyfontsize" content="11px" /> <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=Libre+Baskerville' 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: Arial; font-size: {text:bodyfontsize}; 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;} a:hover {color:{color:text}; 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};letter-spacing: 0px;} i, em {font-style: italic; color:{color:italics};} s, strike, del {color: {color:italics};} u {font-style:underline; border-bottom: 1px dashed {color:border}; color: {color:text};} p {margin-top: 6px;} blockquote {padding: 2px 2px 2px 5px; margin: 5px 0 5px 5px; border-left: 1px solid {color:border}; word-wrap: break-word;} blockquote img {max-width:100%;} pre {width:95%; margin: 10px auto; font-family: Courier; font-size:11px; padding: 6px 7px 6px 7px; word-wrap: break-word; background-color:{color:background}; color: {color:italics}; border: 1px solid {color:border}; max-height:160px!important; overflow-y:auto;} h1 { width: auto; height: auto; margin: 30px auto 30px auto; font-family: 'Libre Baskerville', serif; font-weight:normal; font-size:20px; text-align:right; color: {color:bold}; } #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; text-transform: uppercase; color: {color:text}; background-color:{color:background}; border: 1px solid {color:border}; box-shadow: 2px 2px 8px #222; } /* CONTAINER */ #elementary { width: 750px; height: 100%; margin: 0 auto; overflow: hidden; padding: 20px 0px; background-color: {color:background}; } #entries { width: 750px; height: auto; margin: 20px auto 50px auto; position:absolute; background-color: {color:background}; } #header { width: 750px; height: 150px; margin: 0 auto; background-color: {color:info}; } #header img { width: 750px; height: 150px; } #entry { width: 520px; height: auto; padding: 0px; margin: 30px 0 0 230px; background-color: {color:background}; } #posts { width: 500px; padding: 10px; margin: auto; } #posts p a { padding: 0 3px; background-color: {color:background}; } /* INFO */ #info { width: 500px; height: auto; text-align:center; font-size:8px; text-transform:uppercase; color: {color:infotext}; background-color: {color:info}; margin: 0 auto; padding: 1px 10px; } #info a { color: {color:infolinks}; } #info a:hover { color: {color:infotext}; } /* SIDEBAR */ #sidebar { width: 200px; height: auto; position: fixed; z-index:999; margin: 200px 0 0 0px; background-color: {color:background}; } #sidebarimg { width: 200px; height: auto; } #sidebarimg img { width: 200px; height: auto; } #desc { width: 200px; height: auto; text-align:justify; font-size: 10px; line-height: 12px; margin: 10px auto 0 auto; color: {color:sidebartext}; } #desc:first-letter { font-family: 'Libre Baskerville'; font-size: 20px; float:left; padding: 10px 6px 7px 6px; font-weight:bold; margin: 3px 5px 0px 0; background-color: {color:info}; color: {color:infolinks}; text-shadow: -1px -1px 0px {color:accent}; } /* LINKS */ #linkbar { width: 200px; height: auto; margin: 10px auto 0 auto; text-align:center; font-size:9px; text-transform:uppercase; color: {color:infotext}; background-color: {color:info}; padding: 1px 0px; } #linkbar a { color: {color:infolinks}; } #linkbar a:hover { font-style:italic; color: {color:infotext}; } /* PAGINATION */ #pagination { width: 200px; height: auto; margin: 5px auto; text-align:center; font-size:9px; color: {color:italics}; } #pagination b { color: {color:accent}; } #pagination a { font-size:11px; color: {color:tags}; } #pagination a:hover { color: {color:text}; } /* REBLOG BUTTON */ #rebagel { position:absolute; margin-top: -6px; right: -20px; font-family: Calibri, Arial; font-size:10px; text-transform:uppercase; z-index: 999; opacity:0; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } #rebagel a { padding: 2px 10px; background-color: {color:info}; color: {color:infolinks}; } #rebagel a:hover { color: {color:link}; background-color: {color:background}; } #posts:hover #rebagel { opacity:1; right:0; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } /* TAGS */ #tagbox { width: 500px; height: auto; margin: 0 0 0 230px; padding: 3px 10px; text-align:center; font-size: 8px; line-height: 11px; color: {color:border}; } #tagbox a { font-size: 9px; color: {color:tags}; } #tagbox a:hover { color: {color:text}; } /* FOOTER */ #footer { width: 750px; height: auto; font-family: 'Libre Baskerville'; text-transform:uppercase; letter-spacing: -1px; font-weight: bold; font-size: 25px; line-height:27px; text-align:center; position:fixed; bottom: 0; padding: 7px 0 5px 0; color: {color:accent}; background-color: {color:background}; border-top: 3px solid {color:background}; } /* CREDIT touch this and I'll make you into shoes */ #othello { width: 36px; height: 10px; position: fixed; overflow: hidden; bottom: 10px; right: 10px; padding: 2px; font-size: 8px; text-transform: uppercase; letter-spacing: 1px; text-align: center; z-index: 999; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; background-color:#373737; } #othello a { color:#fefefe; } .othello { line-height: 10px; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .desdemona { line-height: 16px; color: #f6db36; } #othello a:hover .othello { margin-top: -13px; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } /* CONTENT */ #titled { text-align:center; font-family: 'Libre Baskerville'; font-size: 27px; line-height:29px; margin: 10px auto 20px auto; padding: 15px 0; color: {color:bold}; } #titled a { font-family: 'Libre Baskerville'; font-size: 31px; line-height:33px; font-weight:normal; letter-spacing:-1px; text-transform:none; } #titled a:hover { color: {color:italics}; } #question { width: 500px; height: auto; padding: 0px; text-align:right; font-family: Tahoma; margin: 0 auto 20px auto; color: {color:asktext}; } #askericon { width: 50px; padding: 10px; text-align:center; } #askericon img { width: 40px; height: 40px; border: 7px solid {color:accent};} #ask { width: 410px; padding: 10px 0px 10px 10px; } #ask .asker { display:inline; padding: 1px 5px; font-size:8px; font-family:Arial; text-transform:uppercase; letter-spacing:1px; margin-bottom: 5px; background-color: {color:info}; color: {color:infolinks}; } #answer { width: 500px; height: auto; margin: -10px auto 0px auto; text-align:left; color: {color:asktext}; } #answerericon { width: 50px; padding: 10px; text-align:center; } #answerericon img { width: 40px; height: 40px; border: 7px solid {color:accent}; } #reply { width: 410px; font-family:Tahoma; padding: 10px 10px 10px 0; } #reply img { max-width: 100%; } #reply .answerer { padding: 1px 5px; font-size:8px; font-family:Arial; text-transform:uppercase; letter-spacing:1px; margin-bottom: 5px; background-color: {color:info}; color: {color:infolinks}; } .image { opacity: 0.95; -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:italics}; opacity: 0.2; } .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:italics}; opacity: 0.2; } .qquote { width: 75%; font-family: 'Libre Baskerville', serif; font-size: 20px; text-align: justify; padding-top: 10px; letter-spacing: 1px; line-height: 25px; text-transform: none; text-indent: 10px; margin: 0px 10px; margin-bottom: 10px; position: relative; } .qquote:first-letter { font-size: 120%; font-weight:bold; font-family: 'Libre Baskerville'; color: {color:accent}; } .qusource { width: 95%; text-align:right; font-size: 11px; font-family: Tahoma; color: {color:italics}; line-height: 11px; opacity: 0.8; margin-bottom:15px; padding: 2px; } .qusource a { text-align:right; font-size: 9px; line-height: 9px; padding: 1px 2px; text-transform:uppercase; color: {color:link}; opacity: 0.9; } .qusource a:hover { opacity: 1; padding: 1px 3px; color: {color:text}; background-color:transparent; } #audio { margin-bottom: 0px; width: 490px; height:100px; padding: 5px; background-color: transparent; } .cover { width: 100px; height: 100px; position: absolute; margin-left: 390px; } .cover img { width: 100px; height: 100px; float: left; } .playercontainer { width:80px; height:80px; position:absolute; display:block; background-color: #fff; 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: 400px; margin-top: 10px; } .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: 26px 27px; background-color:#fff; } .sugarbabylove { margin-left:0px; float:left; width:373px; height: 90px; padding:5px; margin-bottom:5px; font-size:10px; line-height:13px; letter-spacing:0px; color: {color:bold}; text-align:right; } .sugarbabylove small { font-family: Helvetica; font-size:8px; color: {color:italics}; } .trackname { text-align:right; font-family: 'Libre Baskerville'; font-size:23px; line-height:23px; color: {color:bold}; padding: 13px 0px 11px 0px; } .chat .line { margin: 1px 2px; padding: 2px; line-height:170%; color: {color:italics}; } .chat .line.odd { color: {color:text}; } .label { font-family:Georgia; font-size:110%; font-weight:bold; color:{color:bold}; } .cap { margin: 15px auto 0 auto; padding: 0 10px; } #notes {background-color: {color:background}; width:550px; margin: 50px 0 10px 205px; padding:15px; color: {color:infotext};} #notestext {width: 530px; margin: 5px auto 5px auto; background-color: transparent; padding:5px 0; text-align: left; font-size:11px;} #notes blockquote a {color:{color:text}; font-weight:normal; background-color:transparent; padding: 5px; margin:0; font-style:italic;} #notes a {color:{color:link};} ol.notes {list-style: none; padding:0px;} ol.notes li {background-color: {color:background}; margin: 0 px; padding: 5px; color: {color:italics};} ol.notes .avatar {border: 0px solid {color:posts}; height: 10px; padding: 0 5px; width: 10px;} ol.notes li .clear {height: 0px!important;} ol.notes li blockquote {border-color: {color:border}!important; background-color: {color:posts}; padding: 5px; width:90%; margin: 4px auto 0px auto; } ::-webkit-scrollbar-corner { background-color:{color:background}; } ::-webkit-scrollbar-thumb:vertical { background-color: {color:scrollbar}; width:7px; height:auto; border: 1px solid {color:scrollbar}; -webkit-border-radius: 1px; } ::-webkit-scrollbar-thumb:horizontal { background-color: {color:scrollbar}; width:auto; height:7px; border: 1px solid {color:scrollbar}; -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="othello"><a href="http://itsacrimetheme.tumblr.com/" target="_blank" title="theme by itsacrimescene"><div class="othello">theme</div><div class="desdemona">crime</div></a></div> <div id="elementary"> <div id="sidebar"> <div id="sidebarimg"><img src="{image:sidebarimg}"></div> {block:Description}<div id="desc">{Description}</div>{/block:Description} <div id="linkbar"> <a href="/" title="home">01</a>. <a href="/ask" title="ask">02</a>. {block:ifLink1}<a href="{text:Link1}" title="{text:Link1 Title}">03</a>.{/block:ifLink1} {block:ifLink2}<a href="{text:Link2}" title="{text:Link2 Title}">04</a>.{/block:ifLink2} {block:ifLink3}<a href="{text:Link3}" title="{text:Link3 Title}">05</a>.{/block:ifLink3} {block:ifLink4}<a href="{text:Link4}" title="{text:Link4 Title}">06</a>.{/block:ifLink4} {block:ifLink5}<a href="{text:Link5}" title="{text:Link5 Title}">07</a>.{/block:ifLink5} {block:ifLink6}<a href="{text:Link6}" title="{text:Link6 Title}">08</a>.{/block:ifLink6}</div> {block:Pagination}<div id="pagination"> {block:PreviousPage}<a href="{PreviousPage}" title="Previous Page">←</a>{/block:PreviousPage} <b>{CurrentPage}</b>/{TotalPages} {block:NextPage}<a href="{NextPage}" title="Next Page">→</a>{/block:NextPage} </div>{/block:Pagination} </div> <!-- sidebar //--> <div id="entries"> {block:IfHeaderImage}<div id="header"><img src="{image:header}" /></div>{/block:IfHeaderImage} {block:TagPage} <div id="entry"><h1>posts tagged #{Tag}</h1></div> {/block:TagPage} {block:Posts} <div id="entry"> <div id="posts"> {block:Date} <div id="rebagel"><a href="{ReblogURL}" target="_blank" title="reblog this post">reblog</a></div> {/block:Date} {block:Quote} <div class="qqmarkleft">“</div><center><div class="qquote">{Quote}</div></center><div class="qqmarkright">”</div> {block:Source} <div class="qusource">{Source}</div> {/block:Source} {/block:Quote} {block:Text} {block:Title}<div id="titled">{Title}</div> {/block:Title} {Body} {/block:Text} {block:Link} <div id="titled"><a href="{URL}" {Target}>{Name}</a></div>{block:Description}{Description}{/block:Description} {/block:Link} {block:Photo} <div class="image"><center>{LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}" />{LinkCloseTag}</center></div> {/block:Photo} {block:Photoset} <div class="image"><center>{Photoset-500}</center></div> {/block:Photoset} {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} <table id="question"> <tr> <td id="ask"> <span class="asker" style="text-align:right!important;">{Asker} {text:asker}:</span><br /> <p>{Question}</p></td> <td id="askericon"><img src="{AskerPortraitURL-40}"></td> </tr> </table> {block:Answerer} <table id="answer"> <tr> <td id="answerericon"><img src="{AnswererPortraitURL-40}"></td> <td id="reply"> <span class="answerer">{Answerer} replied:</span> {Answer} </td> </tr> </table>{/block:Answerer} {Replies} {/block:Answer} {block:Audio}<div id="audio"> <div class="cover"><img src="http://media.tumblr.com/04a00c57caf1f97079f52e568dd3d84f/tumblr_inline_n4qtm879Do1qevl9v.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} </div> </div> {/block:Audio} {block:Photo}{block:Caption}<div class="cap">{Caption}</div>{/block:Caption}{/block:Photo} {block:Video}{block:Caption}<div class="cap">{Caption}</div>{/block:Caption}{/block:Video} {block:Photoset}{block:Caption}<div class="cap">{Caption}</div>{/block:Caption}{/block:Photoset} {block:Audio}{block:Caption}<div class="cap">{Caption}</div>{/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> <!-- posts //--> {block:Date} <div id="info">{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}{block:RebloggedFrom} reblogged {/block:RebloggedFrom}{block:NotReblog} answered{/block:NotReblog} {/block:answer}<a href="{Permalink}" title="{DayOfMonthWithZero} {ShortMonth} {Year} @ {24HourWithZero}:{Minutes}">{TimeAgo}</a> {block:RebloggedFrom}<a href="{ReblogParentURL}" title="reblogged from {ReblogParentName}">via</a> / <a href="{ReblogRootURL}" title="originally {ReblogRootName}">source</a>{/block:RebloggedFrom} {block:NoteCount}& {NoteCountWithLabel}{/block:NoteCount} </div> <!-- info //--> {/block:Date} </div> <!-- entry //--> {block:HasTags} <div id="tagbox">{block:Tags}#<a href="{TagURL}">{Tag}</a> {/block:Tags}</div> {/block:HasTags} {/block:Posts} {block:PostNotes} <div id="notes"><div id="notestext">{PostNotes}</div></div> {/block:PostNotes} </div> <!-- entries //--> <div id="footer">{text:blogtitle}</div> </div> <!-- elementary //--> </body> </html>