<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <!-- theme #033 by Rose @ itsacrimetheme.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="#d13843" /> <meta name="color:asktext" content="#2e2c27" /> <meta name="color:askbackground" content="#f8f8f8" /> <meta name="color:background" content="#f8f8f8" /> <meta name="color:bold" content="#272726" /> <meta name="color:border" content="#e9e8e7" /> <meta name="color:buttonsbg" content="#fcfcfc" /> <meta name="color:descriptiontext" content="#797979" /> <meta name="color:entries" content="#f3f3f3" /> <meta name="color:infolink" content="#929292" /> <meta name="color:infotext" content="#cecece" /> <meta name="color:italics" content="#616160" /> <meta name="color:link" content="#d13843" /> <meta name="color:posts" content="#fbfbfb" /> <meta name="color:sidebar" content="#e7e7e7" /> <meta name="color:tags" content="#6d6d6d" /> <meta name="color:text" content="#959595" /> <meta name="image:background" content="" /> <meta name="image:sidebarbg1" content="" /> <meta name="image:sidebarbg2" content="" /> <meta name="text:blogtitle" content="" /> <meta name="text:asker" content="said" /> <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=Playfair+Display|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: {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:accent}; color: {color:text};} p {margin-top: 6px;} blockquote {padding-left: 5px; margin: 5px 0 5px 5px; border-left: 1px solid {color:border}; word-wrap: break-word;} blockquote img {max-width:100%; height: auto;} p img {max-width:100%; height: auto;} pre {width:95%; margin: 10px auto; font-family: Courier; font-size:11px; padding: 6px 7px 6px 7px; word-wrap: break-word; background-color:{color:sidebar}; color: {color:sidebartext}; border: 1px solid {color:border}; max-height:170px!important; overflow-y:auto;} h1 { width: 400px; height: auto; margin: 2px auto 5px auto; font-family:'Playfair Display', serif; font-weight:normal; font-style:italic; font-size:19px; color: {color:accent}; } #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:bold}; background-color:{color:posts}; border: 1px solid {color:entries}; box-shadow: 2px 2px 8px #222; } /* SIDEBAR */ #sidebar { width: 340px; height: 100%; position:fixed; margin: 0; background-color: {color:sidebar}; background-image: url('{image:sidebarbg1}'); background-attachment:fixed; background-size:340px auto; background-position:bottom left; background-repeat:no-repeat; } #blogtitle { font-family:'Playfair Display', serif; font-size: 28px; line-height: 26px; letter-spacing: -1px; text-align:right; margin: 0 auto 10px auto; text-transform:none; color: {color:bold}; text-shadow: -1px -1px 0px {color:posts}; } #description { width: 220px; height: auto; position:absolute; text-align:justify; font-size: 11px; bottom: 20px; margin-left:45px; padding: 15px; color: {color:descriptiontext}; background-color: {color:sidebar}; } /* PAGINATION */ #pagination { width: 210px; height: auto; margin: 8px auto 0 auto; font-family: 'Playfair Display', serif; font-size:13px; text-align:right; padding: 3px 2px; border-top: 1px solid {color:border}; color: {color:descriptiontext}; } #pagination a { padding: 1px 3px; font-weight:normal; color: {color:infolink}; background-color: {color:posts}; } #pagination a:hover { color: {color:bold}; font-style: italic; } .current_page { font-weight: bold; padding: 1px 5px; color: {color:bold}; } /* SIDEBAR LINKS */ #rightbar { width: 200px; height: 100%; position:fixed; text-align:center; margin: 0 0 0 1000px; background-image: url('{image:sidebarbg2}'); background-size:200px auto; background-position:bottom; background-repeat:no-repeat; background-color: {color:sidebar}; } #icon { width: 160px; height:160px; margin: 120px auto 0 auto; text-align:center; border-radius:100%; } #icon img { width: 96px; height: 96px; border: 10px solid {color:background}; border-radius:100%; } #sidelinks { width: 160px; height: auto; margin: 25px auto 30px auto; } #sidelinks a { display:block; font-family:'Calibri', sans-serif; font-size: 10px; line-height:10px; text-transform:uppercase; padding: 5px; margin-bottom:4px; color: {color:text}; background-color: {color:posts}; } #sidelinks a:hover { color: {color:posts}; box-shadow: inset 170px 0 0 {color:link}; } /* SEARCH BAR */ #searchthing { width: 160px; height: auto; font-family: Arial; font-size:10px; margin: 15px auto 0 auto; opacity:0.8; background-color:{color:posts}; } #sf { background: url('http://static.tumblr.com/f1skqpy/Oxbn13qun/search_icon.png') {color:background} left center no-repeat; background-size: 10px 10px; width:143px; } .sfm input { font-size: 9px; border: 0px; text-transform: none; margin-top: 0px; letter-spacing: 1px; padding: 4px 8px; font-family: calibri, helvetica, arial; color: {color:italics}; background-color: {color:posts}; } /* CREDIT touch this and I'll turn you into a frog */ #othello { width: 36px; height: 9px; 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; } /* POSTS */ #entries { width: 580px; height: auto; padding: 0px 0px 30px 0px; margin: 0px 0 0px 380px; position:absolute; background-color: {color:background}; } #entry { width: 540px; height: auto; padding: 10px 20px 20px 20px; margin: 20px auto 0px auto; } #posts { width:500px; height: auto; padding:20px; background-color: {color:posts}; border: 1px solid {color:border}; } /* INFO */ #info { width: 478px; height: auto; padding: 20px 10px 5px 10px; margin: 15px auto 2px auto; font-family: 'Homemade Apple', serif; font-size:16px; text-transform:normal; text-align:center; color: {color:infotext}; border-top: 1px solid {color:background}; } #info a { font-family: 'Homemade Apple', serif; color: {color:infolink}; } #info a:hover { color: {color:infotext}; } /* BUTTONS */ #buttons { width: 30px; height: 60px; position: absolute; margin: 0px 0 0 510px; } .likebutton { width:16px; height:16px; padding: 3px; background-color: {color:buttonsbg}; border: 1px solid {color:border}; } .reblogbutton { width:16px; height:16px; padding: 3px; margin-top:4px; background-color: {color:buttonsbg}; border: 1px solid {color:border}; } /* TAGS */ #tagbox { width: 510px; height: auto; padding: 1px 10px; margin: -10px auto 10px auto; font-family:Trebuchet MS; font-size:8px; color: {color:border}; } #tagbox a { font-family: Tahoma; font-size:9px; line-height: 9px; color: {color:tags}; } #tagbox a:hover { color: {color:infotext};} /* CONTENT */ #titled { text-align:center; font-family: 'Playfair Display', serif; font-size: 27px; line-height:25px; letter-spacing:-1px; text-align:right; margin: 10px auto 20px auto; color: {color:italics}; } #titled a { font-family: 'Playfair Display', serif; color: {color:accent}; } #titled a:hover { color: {color:italics}; } #question { width: 500px; height: auto; padding: 0px; text-align:right; margin: 0 auto 20px auto; color: {color:asktext}; } #askericon { width: 48px; padding: 10px; border-radius:100%; } #askericon img { width: 48px; height: 48px; border: 6px solid {color:background}; border-radius:100%; } #ask { width: 402px; padding: 10px 0px 10px 10px; text-align:justify; } .asker { font-family: 'Playfair Display', serif; font-style: italic; font-size:18px; line-height: 15px; color: {color:italics}; } #answer { width: 500px; height: auto; margin: -10px auto 10px auto; text-align:left; } .image { opacity: 0.99; -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: 'Playfair Display', serif; font-weight: bold; line-height: 100px; position: relative; margin: 0px 0 -70px 30px; color: {color:entries}; opacity: 0.8; } .qqmarkright { font-family: 'Playfair Display', serif; font-size: 80px; font-weight: bold; padding-right: 0px; line-height: 30px; text-align: right; position: relative; margin:0 30px 0 -10px; color: {color:entries}; opacity: 0.8; } .qquote { width: 75%; font-family: 'Playfair Display', serif; font-size: 23px; text-align: justify; padding-top: 10px; letter-spacing: 1px; line-height: 25px; text-transform: none; text-indent: 15px; margin: 0px 10px; margin-bottom: 10px; position: relative; } .qquote:first-letter { font-size: 110%; 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: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; border-radius: 100%; } .playercontainer { width:80px; height:80px; 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: 400px; margin-top: 10px; border-radius: 100%; } .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:#ffffff; } .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:asktext}; text-align:right; } .sugarbabylove small { font-family: 'Helvetica',sans-serif; font-size:8px; color: {color:info}; } .trackname { text-align:right; font-family: 'Playfair Display', serif; font-size:22px; line-height:22px; letter-spacing:-1px; color: {color:bold}; padding: 15px 0px 13px 0px; } .chat .line { margin: 1px 2px; padding: 2px; line-height:150%; color: {color:italic}; } .chat .line.odd { color: {color:text}; } .label { font-family:'Playfair Display', serif; font-size:110%; font-weight:bold; color:{color:bold}; } .cap { margin: 15px auto 0 auto; padding: 0 10px; } .cap img { max-width:100%; height: auto; } #notes {background-color: transparent; width:520px; margin: 30px auto 10px auto; padding:15px; color: {color:infotext};} #notestext {width: 500px; margin: 5px auto 5px auto; background-color: transparent; padding:5px 0; text-align: left; font-size:11px;} #notes blockquote a {color:{color:link}; font-weight:normal; background-color: transparent; padding: 5px; margin:0; font-style:italic;} #notes a {color:{color:infolink};} ol.notes {list-style: none; padding:0px;} ol.notes li {background-color: {color:entries}; margin: 0 px; padding: 5px; color: {color:italic};} ol.notes .avatar {border: 1px solid {color:posts}; height: 10px; padding: 0px; width: 10px; margin-right: 5px;} 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:accent}; width:7px; height:auto; border: 1px solid {color:accent}; -webkit-border-radius: 1px; } ::-webkit-scrollbar-thumb:horizontal { background-color: {color:accent}; width:auto; height:7px; border: 1px solid {color:accent}; -webkit-border-radius: 1px; } ::-webkit-scrollbar { height:7px; width:7px; background-color:{color:background}; } ::-moz-selection {background-color:{color:bold}; color:{color:posts};} ::selection {background-color: {color:bold}; color: {color:posts};} .source { display:none; } {CustomCSS} </style> <script type="text/javascript"> <!-- function handleThis(formElm) { window.location="http://{Name}.tumblr.com/tagged/"+formElm.number.value+""; return false; } // --> </script> </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="sidebar"> {block:Description}<div id="description"> <div id="blogtitle">{text:blogtitle}</div> {Description} {block:Pagination} <div id="pagination"> {block:PreviousPage} <a href="{PreviousPage}" title="previous page">«</a> {/block:PreviousPage} {block:JumpPagination length="8"} {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}" title="next page">»</a> {/block:NextPage} </div> {/block:Pagination} </div>{/block:Description} </div> <!-- sidebar //--> <div id="rightbar"> <div id="icon"><a href="/"><img src="{PortraitURL-96}"></a></div> <div id="sidelinks"> <a href="/">home</a> <a href="/ask">ask</a> <a href="/archive">archive</a> {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} {block:HasPages}{block:Pages} <a href="{URL}">{Label}</a>{/block:Pages} {/block:HasPages} </div> <div id="searchthing"> <form onsubmit="return handleThis(this)" class="sfm" name="theform"> <input type="text" name="number" id="sf" /> </form> </div> <!-- searchthing //--> </div> <!-- rightbar //--> <div id="entries"> {block:Posts} <div id="entry"> <div id="posts"> {block:Date} <div id="buttons"> <div class="likebutton">{LikeButton color="gray" size="16"}</div> <div class="reblogbutton">{ReblogButton color="gray" size="16"}</div> </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="askericon"><img src="{AskerPortraitURL-48}"></td> <td id="ask"> <span class="asker">{Asker} {text:asker}:</span><br> {Question}</td> </tr> </table> <div id="answer"> {Replies} </div> {/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} </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> {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} {Month} {Year} @ {24HourWithZero}:{Minutes}">{TimeAgo}</a> {block:NoteCount}& {NoteCountWithLabel}{/block:NoteCount} {block:RebloggedFrom}<a href="{ReblogParentURL}" title="via {ReblogParentName}">via</a> {block:ContentSource}/<a href="{ReblogRootURL}" title="originally {ReblogRootName}">src</a>{/block:ContentSource}{/block:RebloggedFrom} </div> {/block:Date} </div> <!-- posts //--> </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 //--> </body> </html>