Xieung theme (Updated 29/6/2013)

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">

<!--XIEUNG THEME BY LNOCHI. PLEASE DON'T REMOVE CREDIT!-->

<head>

<meta name="color:Background" content="#fff">
<meta name="color:Hover" content="#c4c4c4"/>
<meta name="color:Title" content="#ffffff"/>
<meta name="color:Title BG" content="#1e1e1f"/>
<meta name="color:Post Background" content="#ffffff">
<meta name="color:Post Border" content="#dedede">
<meta name="color:MP Border" content="#a8a8a8">
<meta name="color:Post Text" content="#a8a8a8">
<meta name="color:Post Bold" content="#8e8e8e">
<meta name="color:Post Italic" content="#87d6f7">
<meta name="color:Post Link" content="#3fbff3">
<meta name="color:Post Blockquote" content="#96cce7">
<meta name="color:Post Title" content="#3fbff3">
<meta name="color:Sidebar Text" content="#a8a8a8">
<meta name="color:Sidebar Bold" content="#8e8e8e">
<meta name="color:Sidebar Italic" content="#8e8e8e">
<meta name="color:Sidebar Underline" content="#8e8e8e">
<meta name="color:Sidebar Strikethrough" content="#8e8e8e">
<meta name="color:Sidebar Link" content="#87d6f7">
<meta name="color:Scrollbar" content="#cccccc"/>
<meta name="color:Scrollbar BG" content="#cccccc"/>
<meta name="color:Question" content="#a7a7a7"/>
<meta name="color:Ques BG" content="#a7a7a7"/>
<meta name="image:Background" content="http://static.tumblr.com/aqoekwn/RYxmkm2gw/fabric_of_squares_gray.png">
<meta name="image:Sidebar" content="http://static.tumblr.com/1c3809cfaf8386fa6fc558ed7f350c4b/aqoekwn/kqSmn50k9/tumblr_static_tumblr_mn4qntdocp1spzjlwo1_500.png">
<meta name="if:Small Cursor" content="1"/>
<meta name="if:Show Captions" content="0">
<meta name="if:Photo Fading" content="0">
<meta name="if:Infinite Scroll" content="1">
<meta name="text:Name 1" content="">
<meta name="text:URL 1" content="http://">
<meta name="text:Name 2" content="">
<meta name="text:URL 2" content="http://">
<meta name="text:Name 3" content="">
<meta name="text:URL 3" content="http://">
<meta name="text:Name 4" content="">
<meta name="text:URL 4" content="http://">
<meta name="text:Name 5" content="">
<meta name="text:URL 5" content="http://">
<meta name="text:Name 6" content="">
<meta name="text:URL 6" content="http://">

<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>

<title>{Title}</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">
{CustomCSS}

a:link, a:active, a:visited{
color: {color:Link}
text-decoration:none;
-webkit-transition-duration:0.8s;
}

a:hover{
color:{color:Hover};
}

{block:ifsmallcursor}*, body, a, a:hover {cursor: url(http://img69.imageshack.us/img69/7673/cursorw.png), auto;} {/block:ifsmallcursor}

::-webkit-scrollbar-thumb:vertical {
background-color:{color:Scrollbar};
height:10px;
}

::-webkit-scrollbar {
height:0px;
width:6px;
background-color:{color:Scrollbar BG};
}

body {
background-image: url('{image:Background}');
background-attachment: fixed;
background-color: {color:Background};
{block:ifsmallcursor}cursor: url(http://img69.imageshack.us/img69/7673/cursorw.png), progress !important;{/block:ifsmallcursor}
}

#header {
z-index:444;
position: fixed;
left:0px;
top: -10px;
background: url({image:Header}) repeat;
height: 75px;
width: 1500px;
position: fixed;
opacity:1;
}

#sidebar {
position: fixed;
left: 243px;
top: 72px;
}

#desc {
width: 200px;
height: auto;
padding: 10px;
padding-left:10px;
font-family: calibri;
font-size: 10px;
text-decoration: none;
color: {color:Sidebar Text};
text-align: justify;
line-height: 12px;
z-index:444;
}

#desc i, em {
color: {color:Sidebar Italic};
}

#desc b, em {
color: {color:Sidebar Bold};
}

#desc u, em {
color: {color:Sidebar Underline};
}

#desc s, em {
color: {color:Sidebar Strikethrough};
}

#desc a {
text-decoration: none;
color: {color:Sidebar Link};
}

#desc a:hover {
text-decoration: none;
color: {color:Hover};
}

#desc img {
max-width: 200px;
margin-bottom:3px;
{block:IfPhotoFading}opacity: .8;
{/block:IfPhotoFading}
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}

#desc img:hover {
opacity: 1;
}

#sidebar2 {
position: fixed;
left: 90px;
top: 80px;
}

#desc2 {
width: 100px;
height: auto;
padding: 6px;
padding-left: 6px;
z-index: 444;
}

#linkbar {
float:left;
position:fixed;
width:20px;
height:83px;
text-align:center;
margin-top:-83px;
margin-left:-25px;
border-right:1px solid;
}

#links {
width:20px;
height:18px;
padding-top:2px;
padding-bottom:2px;
padding-left:-1px;
opacity:.7;
}

#links a {
text-decoration:none; opacity:1;
}

#links a:hover {
opacity:0.8;
}

#linku {
position:fixed;
width:20px;
opacity:1;
margin-top:-4px;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}

#linku:hover {
margin-left:-60px;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}

#linkuu {
width:80px;
text-align: left;
color: {color:Sidebar Links};
position:block;
font-family:trebuchet ms;
font-size: 7px;
line-height: 13px;
letter-spacing: 2px;
text-transform: uppercase;
margin-left:17px;
margin-top:-16px;
opacity:0;
}

#linkuu a {
color: {color:Sidebar Link};
opacity:1;
}

#linkuu a:hover {
color: {color:Hover};
}

#linku:hover #linkuu{
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;
-ms-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}

#titled {
position: absolute;
left: 538px;
top: 30px;
}

#title {
height: auto;
background-color: {color:Title BG};
text-transform:uppercase;
color:{color:Title};
text-align:center;
width:300px;
font-family:courier;
font-size:13px;
letter-spacing:3px;
padding-bottom:3px;
padding-top:3px;
padding-right:-5px;
}

{block:IfNotInfiniteScroll}
#pag {
color:{color:Sidebar Link};
font-size: 20px;
font-family: calibri;
letter-spacing: 2px;
text-transform:uppercase;
text-decoration:none;
text-align:center;
position:fixed;
bottom:20px;
right:190px;
}

#pag a {
font-size:20px;
text-decoration:none;
background-color:transparent;
color:{color:Post Link};
padding:2px 2px 4px 4px;
}

#pag a:hover {
color:{color:Hover};
}
{/block:IfNotInfiniteScroll}

#posts {
{block:IndexPage}width: 400px;{/block:IndexPage}
{block:PermalinkPage}width: 400px;{/block:PermalinkPage}
float: left;
margin-left: 460px;
margin-top:53px;
margin-bottom:20px;
}

.entry {
background-color: {color:Post Background};
{block:IndexPage}width: 400px;{/block:IndexPage}
{block:PermalinkPage}width: 400px;{/block:PermalinkPage}
padding: 10px;
position: relative;
{block:IndexPage}float: left;{/block:IndexPage}
margin: 20px;
font-family: calibri;
letter-spacing: 1px;
border:1px solid {color:Post Border};
{block:IndexPage}font-size: 10px;{/block:IndexPage}
{block:PermalinkPage}font-size: 10px;{/block:PermalinkPage}
color: {color:Post Text};
text-align: justify;
{block:PermalinkPage}margin-left: margin-left: 120px;px;{/block:PermalinkPage}
}

.entry .permalink{
width:412px;
height:auto;
margin-left:-11px;
margin-top:10px;
background-color:{color:Post Background};
opacity:1;
padding-top:7px;
padding-left:8px;
padding-bottom:3px;
position:absolute;
text-align:left;
font-family:trebuchet ms;
font-size:7px;
text-transform:uppercase;
border-bottom:1px solid {color:Post Border};
border-left:1px solid {color:Post Border};
border-right:1px solid {color:Post Border};
border-top:1px solid {color:Post Border};
line-height:10px;
-webkit-transition: all .7s ease-in-out;
-moz-transition: all .7s ease-in-out;
-o-transition: all .7s ease-in-out;
-ms-transition: all .7s ease-in-out;
transition: all .7s ease-in-out;
}

.permalink a {
color: {color:Post Link};
}

.permalink a:hover {
color: {color:Hover};
}

.entry b, strong {
color: {color:Post Bold};
}

.entry i, em {
color: {color:Post Italic};
}

.entry a {
color: {color:Post Link};
text-decoration: none;
}

.entry h1 {
font-family:trebuchet ms;
letter-spacing:3px;
font-size:8px;
color: {color:Post Title};
font-weight: none;
font-style: none;
text-transform: uppercase;
text-align: center;
margin-bottom: -3px;
margin-left:1px;
}

.entry h1 a:hover {
color: {color:Hover};
}

.entry img {
{block:IndexPage}max-width: 400px;{/block:IndexPage}
{block:PermalinkPage}max-width: 400px;{/block:PermalinkPage}
margin-bottom: -2px;
{block:IfPhotoFading}opacity: .8;
{/block:IfPhotoFading}
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}

.entry img:hover {
opacity: 1;
}

.photo {
{block:IfPhotoFading}opacity: .8;
{/block:IfPhotoFading}
margin-bottom: -2px;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}

.photo:hover {
opacity: 1;
}

a:hover {
color: {color:Hover};
}

.entry h2 {
font-family: georgia;
font-size: 11px;
color: {color:Post Blockquote};
font-weight: normal;
font-style: italic;
text-transform: none;
letter-spacing: 0px;
text-align: left;
}

.quote {
font-family: georgia;
font-size: 20px;
color: {color:Post Bold};
float: left;
margin-top: -1px;
margin-right: 5px;
}

.quest {
background-color: {color:Ques BG};
padding: 5px;
color: {color:Question};
}

chatt {
color: {color:Ques BG};
margin-top: -10px;
font-size: 25px;
margin-left: 10px;
}

.askerr {
margin-top: -17px;
font-family: trebuchet ms;
font-size: 7px;
text-transform: uppercase;
margin-left: 33px;
letter-spacing: 1px;
}

a:hover {
color:{color:Hover};
text-decoration: none;
webkit-transition: all 0.3s linear;
-webkit-transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
transition: all 0.3s linear;
}

.audio img {
max-width: 50px;
float: left;
margin-right: 5px;
border: 5px solid {color:MP Border};
}

.player {
background-color: {color:MP Border};
height: 25px;
width: 25px;
padding: 5px;
margin-left: 85px;
margin-top: 10px;
overflow: hidden;
position: absolute;
margin-left: 13px;
margin-top: 13px;
opacity: .5;
transition: 0.5s;
-moz-transition: 0.5s;
-webkit-transition: 0.5s;
-o-transition: 0.5s;
}

.player:hover {
opacity: .9;
}

#audio{
margin-top:90px;
margin-left:86px;
position:absolute;
-webkit-border-radius: 60px;
border-radius: 60px;
-moz-border-radius: 60px;
height: 80px;
width:80px;
overflow: hidden;
background-color:#ffffff;
text-align: center;
opacity: 0.8;
filter:alpha(opacity=0.8);
}


.permalink {
font-family: calibri;
font-size: 10px;
color: {color:Post Text};
text-transform: ;
text-align: center;
width: 400px;
float: left;
margin-left: 10px;
}

.permalink b {
color: {color:Post Bold};
font-weight: normal;
}

.permalink a {
color: {color:Post Link};
text-decoration: none;
}

#date {
color: {color:Sidebar Italic};
}

ol.notes {
position: relative;
z-index:444;
padding: 0px;
margin: 10px 0px;
margin-left:10px;
list-style-type: none;
background: transparent;
border: 0px;
letter-spacing: 1px;
}

ol.notes li.note {
position: relative;
padding: 1px;
margin-left:5px;
text-align: left;
letter-spacing: 1px;
}

.notes img{
width: 20px;
position: relative;
top: 1px;
opacity: 1;
margin-left:10px;
}

iframe#tumblr_controls {
position: fixed !important;
right:0px !important;
-moz-transition: all 0.8s ease-out;
-webkit-transition: opacity 0.7s linear;
-webkit-transition: all 0.8s ease-out;
transition: all 0.8s ease-out;
opacity: 0.5;}

iframe#tumblr_controls:hover {
-webkit-transition: opacity 0.7s linear;
-moz-transition: all 0.4s ease-out;
-webkit-transition: all 0.4s ease-out;
transition: all 0.4s ease-out;
opacity: 1;}

</style>

{block:IndexPage}
{block:ifInfiniteScroll}
<script type="text/javascript" src="http://static.tumblr.com/twte3d7/RhUlio0y7/lazyload.js"></script>
<script type="text/javascript" src="http://codysherman.com/tools/infinite-scrolling/code"></script>
{/block:ifInfiniteScroll}
{/block:IndexPage}

</head>
<body>

<div id="header"></div>
<div id="titled">
<div id="title">
{Title}
</div></div>
<div id="sidebar">
<div id="desc">
{block:IfSidebarImage}<a href="/"><img src="{image:Sidebar}" width="200" height="auto"/></a><br />{/block:IfSidebarImage}

{Description}

<div id="linkbar">

<div id="links"><a href="/" title="Home"><img src="http://static.tumblr.com/liul60i/Q32mbzsen/home.png"></a></div>

<div id="links"><a href="/ask" title="Message"><img src="http://static.tumblr.com/liul60i/beCmbzshz/mail.png"></a></div>

<div id="links"><a title="theme" href="http://lnochi.tumblr.com/" target="new"><img src="http://static.tumblr.com/3dz05fq/u0Mmb20b0/heart.png"></a>
</div>

<div id="links"><div id="linku">
<img src="http://static.tumblr.com/aqoekwn/Hjvm71jqd/add.png"><div id="linkuu">
{block:IfName1}<a href="{text:URL 1}">{text:Name 1}</a>{/block:IfName1}<br/>
{block:IfName2}<a href="{text:URL 2}">{text:Name 2}</a>{/block:IfName2}<br/>
{block:IfName3}<a href="{text:URL 3}">{text:Name 3}</a>{/block:IfName3}<br/>
{block:IfName4}<a href="{text:URL 4}">{text:Name 4}</a>{/block:IfName4}<br/>
{block:IfName5}<a href="{text:URL 5}">{text:Name 5}</a>{/block:IfName5}<br/>
{block:IfName6}<a href="{text:URL 6}">{text:Name 6}</a>{/block:IfName6}</a></div></div></div>

</div>

</div></div>

<div id="sidebar2">
<div id="desc2">

{block:IfNotInfiniteScroll}
{block:pagination}
<div id="pag" align="center">
{block:PreviousPage}
<a href="{PreviousPage}">«</a>
{/block:PreviousPage}

{block:NextPage}
<a href="{NextPage}">»</a>
{/block:NextPage}
</div>
{/block:pagination}
{/block:IfNotInfiniteScroll}
</div>
</div>
</div></div>

<div id="posts">
{block:Posts}

<div class="entry">

{block:Text}
{block:Title}<h1><span class="title">{Title}</span></h1>{/block:Title}
<span class="entrytext">{Body}</span></a>
{block:IndexPage}
<div class="permalink">Posted: <a href="{Permalink}">{DayOfMonth}/{ShortMonth}/{Year}</a> with {notecount} notes - <a href="{ReblogURL}" target="_blank">reblog?</a></span></a>
<br/>
</div>
{/block:IndexPage}
{/block:Text}

{block:Photo}
<center>{LinkOpenTag}<img src="{PhotoURL-400}" alt="">{LinkCloseTag}</center>
{block:IfShowCaptions}{block:Caption}{Caption}{/block:Caption}{/block:IfShowCaptions}
{block:IfNotShowCaptions}{block:PermalinkPage}{block:Caption}
{Caption}
{/block:Caption}{/block:PermalinkPage}{/block:IfNotShowCaptions}
{block:IndexPage}
<div class="permalink">Posted: <a href="{Permalink}">{DayOfMonth}/{ShortMonth}/{Year}</a> with {notecount} notes - <a href="{ReblogURL}" target="_blank">reblog?</a></span></a>
</div>
{/block:IndexPage}
{/block:Photo}

{block:Photoset}
<div class="photo">{block:IndexPage}{Photoset-400}{/block:IndexPage}
{block:PermalinkPage}{Photoset-400}{/block:PermalinkPage}</div>
{block:IndexPage}
<div class="permalink">Posted: <a href="{Permalink}">{DayOfMonth}/{ShortMonth}/{Year}</a> with {notecount} notes - <a href="{ReblogURL}" target="_blank">reblog?</a></span></a>
<br/>
</div>
{/block:IndexPage}
{/block:Photoset}

{block:Quote}
<div class="quote">&#10077;</div>
<h2>{Quote}</h2>
{block:Source}<div style="text-align: right; padding-right: 2px; font-family: trebuchet ms; font-size:7px; text-transform: uppercase; letter-spacing: 1px;">- {Source}</div>{/block:Source}
{block:IndexPage}
<div class="permalink">Posted: <a href="{Permalink}">{DayOfMonth}/{ShortMonth}/{Year}</a> with {notecount} notes - <a href="{ReblogURL}" target="_blank">reblog?</a></span></a>
<br/>
</div>
{/block:IndexPage}
{/block:Quote}

{block:Link}
<h1><a href="{URL}" target="{Target}">{Name}</a></h1>
{block:Description}{Description}{/block:Description}
{block:IndexPage}
<div class="permalink">Posted: <a href="{Permalink}">{DayOfMonth}/{ShortMonth}/{Year}</a> with {notecount} notes - <a href="{ReblogURL}" target="_blank">reblog?</a></span></a>
<br/>
</div>
{/block:IndexPage}
{/block:Link}

{block:Chat}
{block:Title}<h1>{Title}</h1>{/block:Title}
{block:Lines}
{block:Label}
<b>{Label}</b>
{/block:Label}
{Line}<br />
{/block:Lines}
{block:IndexPage}
<div class="permalink">Posted: <a href="{Permalink}">{DayOfMonth}/{ShortMonth}/{Year}</a> with {notecount} notes - <a href="{ReblogURL}" target="_blank">reblog?</a></span></a>
<br/>
</div>
{/block:IndexPage}
{/block:Chat}

{block:Audio}
{block:AlbumArt}<div class="audio"><img src="{AlbumArtURL}" alt=""></div>{/block:AlbumArt}
<div class="player">{AudioPlayerWhite}</div>
<div style="font-size: 8px; margin-top: 4px; margin-left: 10px; text-transform: uppercase; line-height: 18px; letter-spacing:1px; font-family:trebuchet ms;">{block:Artist}<b>Artist:</b> {Artist}{/block:Artist}<br />{block:TrackName}<b>Song:</b> {TrackName}{/block:TrackName}<br /><b>Plays:</b> {FormattedPlayCount}</div>
{block:IndexPage}
<div class="permalink">Posted: <a href="{Permalink}">{DayOfMonth}/{ShortMonth}/{Year}</a> with {notecount} notes - <a href="{ReblogURL}" target="_blank">reblog?</a></span></a>
<br/>
</div>
{/block:IndexPage}
{/block:Audio}

{block:Video}
{block:IndexPage}{Video-400}{/block:IndexPage}
{block:PermalinkPage}{Video-400}{/block:PermalinkPage}
{block:IfShowCaptions}{block:Caption}{Caption}{/block:Caption}{/block:IfShowCaptions}
{block:IfNotShowCaptions}{block:PermalinkPage}{block:Caption}
{Caption}
{/block:Caption}{/block:PermalinkPage}{/block:IfNotShowCaptions}
{block:IndexPage}
<div class="permalink">Posted: <a href="{Permalink}">{DayOfMonth}/{ShortMonth}/{Year}</a> with {notecount} notes - <a href="{ReblogURL}" target="_blank">reblog?</a></span></a>
<br/>
</div>
{/block:IndexPage}
{/block:Video}

{block:Answer}
<div class="quest">{question}</div>
<div class="chatt">◥</div>
<div class="askerr">{asker}</div>
{answer}
{block:IndexPage}
<div class="permalink">Posted: <a href="{Permalink}">{DayOfMonth}/{ShortMonth}/{Year}</a> with {notecount} notes - <a href="{ReblogURL}" target="_blank">reblog?</a></span></a>
<br/>
</div>
{/block:IndexPage}
{/block:Answer}

</div>

{block:PermalinkPage}
<div class="permalink">
<center><div id="date">{block:Date}Posted {12Hour}:{Minutes} {AmPm} on {DayOfWeek}, {Month} {DayOfMonth}, {Year}{/block:Date} {block:NoteCount}with {NoteCountWithLabel}{/block:NoteCount}</div>{block:RebloggedFrom}origin: <a href="{ReblogRootURL}">{ReblogRootName}</a>  &nbsp;|&nbsp;  via: <a href="{ReblogParentURL}">{ReblogParentName}</a><br />{/block:RebloggedFrom}
{block:HasTags}<b>tags &raquo;</b> {block:Tags}<a href="{TagURL}">#{Tag}</a>&nbsp;{/block:Tags}{/block:HasTags}</center>
{block:PostNotes}
{PostNotes}
{/block:PostNotes}
</div>
{/block:PermalinkPage}

{/block:Posts}
</div>

</body>
</html>