<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <!-- theme #012 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:description" content="#d1cfb7" /> <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: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: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} <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}} s, strike, del {color: {color:italics};} p {margin: 10px 10px 10px 10px} blockquote {padding:1px 10px 1px 10px; margin:3px auto 0px auto; border-left: 1px solid {color:border}; background-color: {color:background};} blockquote img {max-width:470px;} 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:background}; color: {color:italics}; border: 1px solid {color:border}; max-height:100px!important; overflow-y:auto;} /* SIDEBAR */ #titleblock { width: 250px; height: auto; background-color: {color:background}; margin: 240px 0 0 105px; position:fixed; } .blogtitle { width: 250px; height: auto; margin: -10px auto -3px auto; font-family: Georgia; font-size: 12px; text-align:center; text-shadow: -1px -1px 0px {color:background}; color: {color:description}; font-style:italic; } .navilinks { width: 240px; margin: 2px auto 2px auto; text-align:center; padding-top:1px; } .navilinks a { display:inline; font-family:Calibri; font-size:8px; padding: 0px 5px 0px 5px; color: {color:link}; text-transform:uppercase; } .navilinks a:hover { color: {color:description}; background-color: {color:posts}; font-style:italic; } #wholebar { width: 220px; height: auto; position:fixed; background-color:transparent; margin: 50px 0 0 120px; } #desc { width: 220px; height: auto; margin: 170px auto 0 auto; background-color: transparent; position:absolute; -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; } #about { width: 180px; height: 240px; max-height: 240px; overflow:auto; background-color: {color:description}; color: {color:sidebartext}; margin: 0px auto 5px auto; font-size:10px; text-align:justify; line-height:12px; padding: 10px; } #about p { width: 170px; height: 95px; max-height: 95px; overflow:auto; margin: 142px auto 0px auto; } #about p:first-letter { font-family:Georgia; font-size:15px; color: {color:link}; text-shadow: -1px -1px 0px {color:sidebartext}; font-style:italic; } #sidebarlinks { width: 205px; height: 100px; padding: 10px; background-color:transparent; margin: -5px auto 0 auto; } #sidebarlinks a { display: inline-block; width: 63px; height: auto; margin: 1px; padding: 0px 1px 0px 1px; background-color: {color:description}; color: {color:link}; font-family:Calibri; font-size:8px; text-transform:uppercase; text-align:center; } #sidebarlinks a:hover { background-color: {color:posts}; color: {color:description};} #sidebarimg { width: 200px; height: 220px; padding: 10px; background-color: {color:posts}; margin: 180px auto 0 auto; position:absolute; } #sidebarimg img { width: 200px; height: 200px; margin: 20px auto 10px auto; } #sidebarimg img a { border:none;} #wholebar:hover #desc { margin: 275px auto 0 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; transition: all 0.9s ease-in-out; } /* PAGINATION */ #pagination { margin: 335px 0 0 357px; position:fixed; width: 25px; height: auto; } #pagination a { display:block; font-family: Georgia; font-size: 25px; color: {color:link}; text-shadow: -1px -1px 0px {color:posts}; margin: 0px auto 5px auto; text-align:center; } #pagination a:hover { color: {color:description}; } /* CONTAINER */ #container { width: 540px; height: 100%; background-color:transparent; margin: 0 0 0 400px; } #entries { position:absolute; width: 520px; padding: 0px; height: auto; margin: 50px auto 0 auto; text-align:center; } #entry { width:500px; height: auto; background-color: {color:posts}; margin: 10px auto 50px auto; padding: 20px; } #posts { width: 500px; height: auto; background-color: {color:posts}; text-align:justify; } #posts a { text-shadow: -1px -1px 0px {color:background};} /* INFO */ #info { width: 100px; height: auto; padding: 10px 0px 10px 5px; background-color: transparent; {block:IfNotHoverInfo}margin: 0px 0 0 522px;{/block:IfNotHoverInfo} {block:IfHoverInfo}margin: 0 0 0 420px; opacity:0; -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;{/block:IfHoverInfo} position:absolute; } .noted { font-family:Georgia; font-size:12px; text-transform:lowercase; border-bottom: 1px solid {color:border}; color: {color:posts}; text-shadow: -1px -1px 0px {color:border}; } .noted a {font-style:italic; color: {color:infolinks};} .noted a:hover {color: {color:infotext};} .timing { font-family:Calibri; font-size:8px; color: {color:infotext}; text-transform:uppercase; text-align:right; line-height: 9px; letter-spacing:0px; margin: 0px 0 4px 0; padding-right:3px;} .rebagel { margin: -15px 0 0 520px; position:absolute; background-color: {color:description}; width: 10px; height: 19px; } .rebagel a { opacity: 0; display:block; background-color: {color:description}; color: {color:link}; width: 10px; height: 15px; text-align:left; font-family:Calibri; font-size:0px; text-transform:uppercase; padding: 2px 0px 2px 0px; -webkit-transition: all 0.8s ease-in-out; -moz-transition: all 0.8s ease-in-out; -o-transition: all 0.8s ease-in-out; transition: all 0.8s ease-in-out; } .rebagel a:hover { color: {color:bold}; font-style:italic; background-color: {color:posts};} #entry:hover .rebagel a { opacity: 1; font-family:Calibri; font-size:9px; text-transform:uppercase; width: 50px; padding: 2px 10px 2px 23px; -webkit-transition: all 0.8s ease-in-out; -moz-transition: all 0.8s ease-in-out; -o-transition: all 0.8s ease-in-out; transition: all 0.8s ease-in-out; } .rebagelava { width: 32px; height: 32px; background-color: {color:posts}; display: block; margin: 4px; } .rebagelava img { width: 24px; height: 24px; margin: 4px 4px; } {block:IfHoverInfo}#entry:hover #info { opacity:1; margin-left: 522px; -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; }{/block:IfHoverInfo} #tagbox { width: 520px; height: auto; font-size:8px; line-height:11px; padding: 0px; margin: -48px 10px 48px 10px; text-align: right; color: {color:posts}; } #tagbox a { display: inline; font-family: Calibri; font-size: 8px; text-transform: uppercase; background-color: {color:posts}; color: {color:tags}; padding: 0px 2px 0px 2px; } #tagbox a:hover { color: {color:description}; background-color: {color:background};} /* CONTENT */ .titled { font-family:Georgia; font-size: 18px; line-height:18px; font-style:italic; color: {color:description}; } .titled a { color: {color:description};} .titled a:hover { color: {color:text}; } #question { text-align: justify; margin: 0 auto 20px auto; padding: 10px; color: {color:asktext}; background-color: {color:background}; border: 1px solid {color:border}; } #question p { margin: 0 2px 0 2px; padding: 0; } #question p:first-letter { font-family:Georgia; font-size:17px; color: {color:link}; text-shadow: -1px -1px 0px {color:sidebartext}; font-style:italic; } #asker { display:block; width: 58px; height: 58px; float: right; border: 0px solid {color:border}; margin: 0 10px 10px 10px; } #asker img { margin: 0 auto 0px auto; border: 10px solid {color:description}; opacity: 0.9; -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; } #asker img:hover { border: 10px solid {color:posts}; opacity: 1; -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;} .asks { width: 90%; text-align:right; font-family:Calibri; font-size:9px; line-height:9px; text-transform:uppercase; color: {color:description}; padding: 2px 3px; } .asks a { text-shadow: 0px 0px 0px {color:posts}; color: {color:description}; } .asks a:hover { color: {color:text}; } #questionmark { width: auto; height: auto; font-family: Georgia; font-size: 60px; font-weight: bold; padding-right: 0px; line-height: 10px; text-align: right; right: 79px; position: absolute; margin-top: -15px; color: {color:border}; opacity: 0.9; float:right;} .qqmarks { font-family:Georgia; font-size: 80px; font-weight: bold; line-height: 80px; color: {color:border}; opacity: 1; margin-left: 21px; } .qquote { font-family: Tahoma; font-size: 13px; letter-spacing: 1px; line-height: 14px; text-transform: none; margin-top: -70px; text-indent: 40px; color: {color:asktext}; } .qquote:first-letter { font-family:Georgia; font-size:19px; color: {color:link}; text-shadow: -1px -1px 0px {color:sidebartext}; font-style:italic; } .qusource { width: 500px; margin-top:-2px; text-align:right; font-size: 11px; font-family: Calibri; color: {color:infotext}; line-height: 10px; opacity: 0.8; margin-bottom:10px; } .qusource a { text-align:right; font-size: 11px; color: {color:tags}; line-height: 10px; opacity: 0.8; background-color: transparent; } .qusource a:hover { color: {color:text}; line-height: 10px; opacity: 1; } .image { opacity: 0.9; -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; } .image:hover { opacity:1; -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; } .chat {line-height: 16px; list-style: none; width: 100%; margin-left: 0px;} .chat ul {line-height: 22px; list-style: none; padding: 3px 5px 3px 5px;} .person1 {background-color: {color:background}; color: {color:text};letter-spacing:0px;} .person1 .label { font-weight: bold; padding: 0px; margin-left: 5px; color: {color: text};} .person2 {background-color: {color: posts}; color: {color: bold}; letter-spacing:0px; border: 0px solid {color:border};} .person2 .label { font-weight: bold; padding: 0px; margin-left: 5px; color: {color: bold};} #audio { margin-bottom: 0px; width: 500px; height:100px; padding: 5px; } .cover { width: 100px; height: 100px; position: absolute; } .cover img { width: 100px; height: 100px; float: left; } .playercontainer { width:34px; height:34px; 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: 34px; margin-top: 34px; } .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: 20px; height: 20px; overflow: hidden; margin: 5px 4px; background-color:#fff; -webkit-border-radius: 100px; -moz-border-radius: 100px; border-radius: 100px; } .sugarbabylove { margin-left:110px; float:left; width:368px; padding:5px; margin-bottom:6px; font-size:10px; line-height:85%; letter-spacing:0px; color: {color:asktext}; background-color:{color:background}; border: 1px solid {color:border}; } #notes {background-color: {color:background}; width:520px; margin-bottom:10px; padding:10px;} #notestext {width: 500px; margin-left: auto; margin-right: auto; background-color: {color:background}; padding:2px; text-align: left;} #notes blockquote a {color:{color:link}; 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: 3px solid {color:description}; height: 10px; padding: 0px; width: 10px;} ol.notes li .clear {height: 0px!important;} ol.notes li blockquote {border-color: {color:description}!important; background-color: {color:description}; padding: 5px; width:90%; margin: 4px auto 0px auto; } .source {display:none} ::-webkit-scrollbar-corner { background:{color:background}; } ::-webkit-scrollbar-thumb:vertical { background-color: {color:description}; width:7px; height:auto; border: 1px solid {color:border}; -webkit-border-radius: 1px; } ::-webkit-scrollbar-thumb:horizontal { background-color: {color:description}; width:auto; height:7px; border: 1px solid {color:border}; -webkit-border-radius: 1px; } ::-webkit-scrollbar { height:7px; width:7px; background-color: {color:background}; } ::-moz-selection {background-color:{color:asktext}; color:{color:background};} ::selection {background-color: {color:asktext}; color: {color:background};} {CustomCSS} </style> </head> <body> <div id="wholebar"> <div id="desc"> <div id="about"> {block:Description}<p>{Description}</p>{/block:Description} </div> <div id="sidebarlinks"> {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> <div id="sidebarimg"><img src="{image:sidebarimg}" /></div> <!-- sidebarimg //--> </div> <div id="titleblock"> {block:Ifblogtitle}<div class="blogtitle">{text:blogtitle}</div> {/block:Ifblogtitle} <div class="navilinks"><a href="/">home</a><a href="/ask">ask</a>{block:SubmissionsEnabled}<a href="/submit">submit</a>{/block:SubmissionsEnabled}<a href="/archive">archive</a><a href="http://itsacrimetheme.tumblr.com" target="_blank">theme</a></div> </div> {block:Pagination}<div id="pagination"> {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"> {block:text}<div class="rebagel"><a href="{ReblogURL}">reblog</a></div>{/block:text} {block:photo}<div class="rebagel"><a href="{ReblogURL}">reblog</a></div>{/block:photo} {block:photoset}<div class="rebagel"><a href="{ReblogURL}">reblog</a></div>{/block:photoset} {block:quote}<div class="rebagel"><a href="{ReblogURL}">reblog</a></div>{/block:quote} {block:audio}<div class="rebagel"><a href="{ReblogURL}">reblog</a></div>{/block:audio} {block:video}<div class="rebagel"><a href="{ReblogURL}">reblog</a></div>{/block:video} {block:chat}<div class="rebagel"><a href="{ReblogURL}">reblog</a></div>{/block:chat} {block:link}<div class="rebagel"><a href="{ReblogURL}">reblog</a></div>{/block:link} {block:answer} {/block:answer} <div id="info"> <div class="noted">»<a href="{Permalink}">{NoteCountWithLabel}</a></div> <div class="timing">{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}</div> {block:RebloggedFrom} <div class="rebagelava"><a href="{ReblogParentURL}" title="{ReblogParentTitle}"><img src="{ReblogParentPortraitURL-24}" border="0" title="via {ReblogParentName}"></a></div><div class="rebagelava"><a href="{ReblogRootURL}" title="{ReblogRootTitle}"><img src="{ReblogRootPortraitURL-24}" border="0" title="originally {ReblogRootName}"></a></div>{/block:RebloggedFrom} </div> {block:Text} {block:Title}<div class="titled">* <a href="{Permalink}">{Title}</a></div> {/block:Title} {Body} {/block:Text} {block:Photo} {LinkOpenTag}<div class="image"><center><img src="{PhotoURL-500}" border="0"></center></div>{LinkCloseTag} {/block:Photo} {block:Photoset} <div class="image">{Photoset-500}</div> {/block:Photoset} {block:Quote} <b class="qqmarks">“</b><div class="qquote"><p>{Quote}</p></div> {block:Source} <div class="qusource"> {Source} </div> {/block:Source} {/block:Quote} {block:Link} <div class="titled">* <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"> <div id="asker"><a href="{AskerURL}" target="_blank"><img src="{AskerPortraitURL-48}" /></a></div> <div class="asks">{Asker} {text:asker}:</div> <p>{Question}</p> </div><div id="questionmark">”</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} {block:TrackName}<div class="sugarbabylove"><b>Title:</b> {TrackName}</div><br>{/block:TrackName} {block:Artist}<div class="sugarbabylove"><b>Artist:</b> {Artist}</div><br>{/block:Artist} {block:Album}<div class="sugarbabylove"><b>Album:</b> {Album}</div>{/block:Album} {block:PlayCount}<div class="sugarbabylove"><center>{PlayCountWithLabel}</center></div>{/block:PlayCount} </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> {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> </div> </body> </html>