<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <!-- theme #032 by Rose @ cytharat.tumblr.com Please do not copy or claim as your own Do not remove this credit from the code Thank you :3 Special thanks go to Perxis https://perxis.com for their icons found on https://linearicons.com --> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> <head> <!-- DEFAULT VARIABLES --> <meta name="color:accent" content="#fec768" /> <meta name="color:asktext" content="#433743" /> <meta name="color:background" content="#ffffff" /> <meta name="color:bold" content="#433743" /> <meta name="color:border" content="#e9e8e7" /> <meta name="color:descriptiontext" content="#797979" /> <meta name="color:entries" content="#f3f3f3" /> <meta name="color:infolink" content="#433743" /> <meta name="color:infotext" content="#797979" /> <meta name="color:italics" content="#b6b6b6" /> <meta name="color:link" content="#ff9833" /> <meta name="color:posts" content="#ffffff" /> <meta name="color:sidebar" content="#ffffff" /> <meta name="color:tags" content="#433743" /> <meta name="color:text" content="#767676" /> <meta name="image:background" content="" /> <meta name="image:sidebarbg" 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="https://fonts.googleapis.com/css?family=Anton&subset=latin-ext" rel="stylesheet"> <link rel="stylesheet" href="https://cdn.linearicons.com/free/1.0.0/icon-font.min.css"> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js" type="text/javascript"></script> <script src="https://cdn.linearicons.com/free/1.0.0/svgembedder.min.js"></script> <script type="text/javascript"> <!-- function handleThis(formElm) { window.location="http://{Name}.tumblr.com/tagged/"+formElm.number.value+""; return false; } // --> </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%;} pre {width:95%; margin: 10px auto; font-family: Courier; font-size:11px; padding: 6px 7px 6px 7px; word-wrap: break-word; background-color:{color:navibar}; color: {color:entries}; border: 1px solid {color:border}; max-height:150px!important; overflow-y:auto;} h1 { width: 400px; height: auto; margin: 2px auto 5px auto; font-family:'Anton', sans-serif; font-weight:normal; font-style:italic; font-size:28px; text-align:left; 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', sans-serif; font-size: 9px; text-transform: uppercase; color: {color:accent}; background-color:{color:posts}; border: 1px solid {color:entries}; box-shadow: 2px 2px 8px #222; } /* SIDEBAR */ #sidebar { position:fixed; width: 450px; height: 100%; margin: 0; text-align:center; background-image: url('{image:sidebarbg}'); background-attachment:fixed; background-size:450px auto; background-position:bottom left; background-repeat:no-repeat; background-color: {color:sidebar}; } #description { width: 450px; height: auto; bottom: 20px; position: absolute; text-align:center; background-color: transparent; } #sidetri { font-size: 28px; color: {color:entries}; position:absolute; margin: 0px auto auto 410px; } #blogtitle { width: 410px; height: auto; padding: 7px 10px; margin: 0 auto 0px auto; font-family: 'Anton', sans-serif; font-size: 35px; letter-spacing: 1px; line-height: 36px; color: {color:accent}; text-shadow: -1px -1px 0px {color:entries}; } #desclinks { width: 410px; height: auto; padding: 0px 10px; margin: 0 auto 5px auto; background-color:transparent; text-align:center; } #desclinks a { display: inline-block; font-family: 'Anton', sans-serif; text-transform: uppercase; font-size: 11px; line-height: 11px; padding: 4px 7px; color: {color:tags}; background-color: {color:entries}; margin: 0 2px; letter-spacing: 2px; } #desclinks a:hover { color: {color:infotext}; background-color: {color:sidebar}; } #desc { width: 340px; height: auto; padding: 20px; margin: 0 auto 5px auto; background-color: {color:entries}; color: {color:descriptiontext}; font-family: Tahoma, Arial, sans-serif; font-size: 11px; text-align:justify; } /*SEARCH BAR */ #description .searchbox { display:block; width:380px; height:25px; margin:5px auto; overflow:hidden; background-color: {color:entries}; } #description .searchbox input { display:block; width:350px; height:25px; padding:0px 10px; letter-spacing: 3px; font-family:'Anton', sans-serif; font-size:11px!important; letter-spacing: 3px; color: {color:descriptiontext}!important; background-color:transparent; border:none; outline:none; } #description .searchbox input.sbutton { display:block; position:absolute; width:30px; height:25px; padding:0px; margin-top:-25px; margin-left:350px; cursor:pointer; font-family:'Linearicons-Free'; text-align:center; line-height:27px; font-size:13px!important; font-weight:normal; z-index:9; outline:none; border:none; background:{color:entries}; border-left:1px solid {color:sidebar}; } ::-webkit-input-placeholder{color:{color:descriptiontext};opacity:0.5; letter-spacing:1px;} ::-moz-input-placeholder{color:{color:descriptiontext};opacity:0.5; letter-spacing:1px;} ::-o-input-placeholder{color:{color:descriptiontext};opacity:0.5; letter-spacing:1px;} ::-ms-input-placeholder{color:{color:descriptiontext};opacity:0.5; letter-spacing:1px;} /* MAIN CONTAINER */ #main { position:absolute; width: 690px; height: auto; margin: 0px 0 0 450px; background-color: {color:entries}; } /* POSTS */ #entries { width: 560px; height: 100%; padding-bottom: 30px; margin: 10px auto 20px auto; background-color: {color:entries}; } #entry { width: 540px; height: auto; padding: 10px; margin: 0 auto 0px auto; } #posts { width:500px; height: auto; padding:20px; background-color: {color:posts}; } /* INFO */ #infobox { width: 540px; height: auto; padding: 0; margin: 25px auto 0px auto; font-family: 'Anton', sans-serif; font-size:15px; line-height:15px; text-align:right; text-transform:uppercase; letter-spacing: 1px; color: {color:infotext}; } #infobox a { font-family: 'Anton', sans-serif; font-size:14px; line-height:14px; color: {color:infolink}; } #infobox a:hover { color: {color:infotext}; } /* BUTTONS */ #buttons { width: 30px; height: 60px; position: absolute; margin: 20px 0 0 565px; } .likebutton { width:16px; height:16px; padding: 3px; background-color: {color:posts}; } .reblogbutton { width:16px; height:16px; padding: 3px; margin-top:4px; background-color: {color:posts}; } /* TAGS */ #tagbox { width: 520px; height: auto; padding: 5px 10px; margin: 15px auto 0 auto; font-family:Arial; font-size:7px; color: {color:infotext}; background-color: {color:entries}; } #tagbox a { font-family: 'Anton', sans-serif; font-size:9px; line-height: 10px; padding: 1px 3px; color: {color:tags}; background-color: {color:posts}; } #tagbox a:hover { color: {color:infotext};} #bottomtri { position:absolute; margin: -5px auto auto 10px; color: {color:posts}; font-size:28px; } /* SIDEBAR LINKS */ #sidelinks { width: 500px; height: auto; position:fixed; margin-left: 690px; bottom: 20px; letter-spacing: 2px; } #sidelinks a { display:inline-block; font-family: 'Anton', sans-serif; font-size: 11px; line-height:11px; text-transform:uppercase; padding: 6px 9px; margin-bottom:9px; color: {color:infolink}; background-color: {color:entries}; -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; } #sidelinks a:hover { padding-left: 25px; color: {color:infotext}; -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; } /* PAGINATION */ #pagination { width: 250px; height: auto; margin: 10px 0 0 0; } #pagination a { display:inline-block; font-family: 'Anton', sans-serif; font-size: 11px; line-height:11px; text-transform:uppercase; padding: 6px 9px; margin-bottom:9px; letter-spacing: 3px; color: {color:accent}; background-color: {color:entries}; -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; } #pagination a:hover { padding-left: 25px; color: {color:infotext}; -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: 'Anton', sans-serif; font-size: 28px; line-height:28px; margin: 10px auto 20px auto; color: {color:italics}; } #titled a { font-family: 'Anton', sans-serif; font-size: 28px; line-height:28px; color: {color:accent}; } #titled a:hover { color: {color:italics}; } #question { margin: 0 auto 20px auto; width: 460px; padding: 5px; border-bottom: 0px solid {color:border}; border-top: 0px solid {color:border}; } .askicon { width: 52px; height: 52px; margin: auto; position:relative; text-align:center; } .askicon img { width: 48px; height: 48px; margin: auto; border: 7px solid {color:entries}; border-radius: 100%; } .ask { margin-left:70px; width:425px; padding:5px; font-size:11px; line-height:13px; letter-spacing:1px; color: {color:asktext}; } .asker { display:inline-block; font-family: 'Anton', sans-serif; font-size:22px; line-height:23px; margin: 0px; text-transform:lowercase; font-weight:normal; padding: 0; } #question a { color: {color:accent}; } #answer { width: 500px; height: auto; margin: 20px auto 0 auto; } .image { opacity: 0.98; -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:entries}; opacity: 0.8; } .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:entries}; opacity: 0.8; } .qquote { width: 75%; font-family: 'Anton', sans-serif; font-size: 22px; 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 1px; 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: #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; } .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:bold}; background-color:{color:entries}; text-align:right; } .sugarbabylove small { font-family: Helvetica; font-size:8px; color: {color:infotext}; } .trackname { text-align:right; font-family: 'Anton', sans-serif; font-size:24px; line-height:24px; color: {color:accent}; padding: 15px 0px 13px 0px; } .chat .line { margin: 1px 2px; padding: 2px; line-height:150%; color: {color:italics}; } .chat .line.odd { color: {color:text}; } .label { font-family: 'Anton', sans-serif; font-size:105%; font-weight:bold; color:{color:asktext}; } .cap { margin: 15px auto 0 auto; padding: 0 10px; } #notes {background-color: transparent; width:520px; margin: 50px 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: {color:posts}; 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:italics};} ol.notes .avatar {border: 1px solid {color:posts}; 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: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> </head> <body> <div id="sidebar"> <div id="description"> <div id="blogtitle">{text:blogtitle}</div> <div id="desclinks"> {block:IndexPage} <div id="sidetri">◄</div>{/block:IndexPage} <a href="/">home</a> <a href="/ask">message</a> {block:SubmissionsEnabled}<a href="/submit">submit</a>{/block:SubmissionsEnabled} <a href="/archive">archive</a> <a href="http://itsacrimetheme.tumblr.com" title="theme by itsacrimetheme" target="_blank">theme</a> </div> <div id="desc"> {Description}</div> <div class="searchbox"> <form onsubmit="return handleThis(this)" method="get" name="theform"> <input type="text" name="number" value="{SearchQuery}" placeholder="SEARCH ..." /> <input type="submit" value="" class="sbutton" /> </form> </div> </div> <!-- description //--> </div> <!-- sidebar //--> <div id="main"> {block:IndexPage} <div id="sidelinks"> {block:HasPages}{block:Pages} <a href="{URL}">{Label}</a><br>{/block:Pages} {/block:HasPages} {block:ifLink1}<a href="{text:Link1}">{text:Link1 Title}</a><br>{/block:ifLink1} {block:ifLink2}<a href="{text:Link2}">{text:Link2 Title}</a><br>{/block:ifLink2} {block:ifLink3}<a href="{text:Link3}">{text:Link3 Title}</a><br>{/block:ifLink3} {block:ifLink4}<a href="{text:Link4}">{text:Link4 Title}</a><br>{/block:ifLink4} {block:ifLink5}<a href="{text:Link5}">{text:Link5 Title}</a><br>{/block:ifLink5} {block:ifLink6}<a href="{text:Link6}">{text:Link6 Title}</a><br>{/block:ifLink6} {block:Pagination} <div id="pagination"> {block:PreviousPage}<a href="{PreviousPage}" title="Previous Page">« prev</a><br>{/block:PreviousPage} {block:NextPage}<a href="{NextPage}" title="Next Page">next »</a>{/block:NextPage} </div> {/block:Pagination} </div> {/block:IndexPage} <div id="entries"> {block:Posts} {block:Date} <div id="infobox"> {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="Permalink to this post">{DayOfMonthWithZero} {Month}</a> {Year} {block:RebloggedFrom}<a href="{ReblogParentURL}" title="{ReblogParentTitle}">via</a>/<a href="{ReblogRootURL}" title="{ReblogRootTitle}">src</a>{/block:RebloggedFrom} {block:NoteCount}♥ {NoteCount}{/block:NoteCount} </div> <div id="buttons"> <div class="likebutton">{LikeButton color="black" size="16"}</div> <div class="reblogbutton">{ReblogButton color="black" size="16"}</div> </div>{/block:Date} <div id="entry"> <div id="posts"> {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} <div id="question"><table> <tr> <td class="askicon"><img src="{AskerPortraitURL-48}"></td> <td class="ask"><span class="asker">{Asker} {text:asker}:</span> <br> {Question}</td> </tr> </table></div> {Replies} {/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} {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:HasTags} <div id="bottomtri">▼</div> <div id="tagbox">{block:Tags}<a href="{TagURL}">#{Tag}</a> {/block:Tags}</div> {/block:HasTags} </div> <!-- entry //--> {/block:Posts} {block:PostNotes} <div id="notes"><div id="notestext">{PostNotes}</div></div> {/block:PostNotes} </div> <!-- entries //--> </div> <!-- main //--> </body> </html>