Printable Version of Topic

Click here to view this topic in its original format

HTMLHelp Forums _ Web Site Functionality _ how to change the sidebar at this tumblr's theme

Posted by: Irish Addison May 26 2012, 12:31 PM

ummn, i've just change my old tumblr them with the new one. the new one has the sidebar on the right side and I want to switch the sidebar position to the left side. I don't know which part that I need to change (I'm lay in html editing things .__.V) please help me to change these codes.. thanks before..

here's the codes:


QUOTE


<!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">

<!--

THEME BY: vivite.tumblr.com
PLEASE DON'T REMOVE CREDITS! Thank you! smile.gif

Sidebar Icons Credits: Mortgraphics @ livejournal
Background Credits: Subtlepatterns


-->

<html>
<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}

<meta name="color:Background" content="#ffffff" />
<meta name="color:Icon Bg" content="#eeeeee" />
<meta name="color:Border" content="#ccddbb"/>
<meta name="color:Entry" content="#ffffff" />
<meta name="color:Entry text" content="#616161" />
<meta name="color:Entries bold" content="#8BAA6C" />
<meta name="color:Entries italic" content="#aeaeae" />
<meta name="color:Sidebar" content="#ffffff" />
<meta name="color:Sidebar text" content="#999999" />
<meta name="color:Title" content="#662211" />
<meta name="color:Link" content="#662211" />
<meta name="color:Link hover" content="#8BAA6C" />
<meta name="color:Mainlink bg" content="#ccddbb" />
<meta name="color:Mainlink" content="#ffffff" />
<meta name="color:Mainlink bg hover" content="#ffffff" />
<meta name="color:Mainlink hover" content="#AFCA94" />
<meta name="color:Extralink" content="#ffffff" />
<meta name="color:Extralink bg" content="#bbbbaa" />
<meta name="color:Extralink hover" content="#bbbbaa" />
<meta name="color:Extralink bg hover" content="#ffffff" />
<meta name="color:Perma Link" content="#442222" />
<meta name="color:Perma Link bg" content="#DFDFDF" />
<meta name="color:Nextpage" content="#90AF71" />
<meta name="color:Nextpage hover" content="#ccddbb" />
<meta name="color:Scrollbar face" content="#ccddbb" />
<meta name="color:Scrollbar bg" content="#ffffff" />

<meta name="image:Background" content="http://static.tumblr.com/h5tdsbo/NAym3qngq/light_wool.png" />
<meta name="image:Sidebar" content="http://static.tumblr.com/h5tdsbo/ABpm3qpk4/sbgimg.png" />
<meta name="image:Icon" content="http://static.tumblr.com/h5tdsbo/aQzm3qpn6/icon.png" />
<meta name="image:Icon Bg" content="http://static.tumblr.com/h5tdsbo/cqYm3qnhj/hexellence.png" />

<meta name="text:Music" content"" />
<meta name="text:Link1" content="" />
<meta name="text:Link1URL" content=""/>
<meta name="text:Link2" content="" />
<meta name="text:Link2URL" content=""/>
<meta name="text:Link3" content="" />
<meta name="text:Link3URL" content=""/>
<meta name="text:Link4" content="" />
<meta name="text:Link4URL" content=""/>

<meta name="font:Body" content="verdana" />

<meta name="if:ShowCaptions" content="0" />
<meta name="if:FadingImages" content="0" />
<meta name="if:InfiniteScroll" content="1" />
<meta name="if:Bigger Posts" content="0" />
<meta name="if:ShowTags" content="0" />
<meta name="if:Links" content="1" />
<meta name="if:LinksonLeft" content="1" />
<meta name="if:MusicPlayer" content="0" />

<head>

<style type="text/css">


@font-face {
font-family: "ruluko-regular";
src: url('http://static.tumblr.com/jtqlgf2/PtUm2dquz/ruluko-regular.ttf');}


@font-face {
font-family: "economica-regular";
src: url('http://static.tumblr.com/jtqlgf2/EFzm1d5lh/economica-regular.ttf');
}


body {
background-color:{color:background};
background-image: url('{image:Background}');
background-attachment:fixed;
font-family:{font:body};
font-size:10px;
line-height:14px;
text-align:justify;}

::-webkit-scrollbar-thumb:vertical {
background-color: {color:scrollbar face};
height: 30px;}

::-webkit-scrollbar {
height: 30px;
width: 6px;
background-color: {color:scrollbar bg};}

iframe#tumblr_controls {
position: fixed !important;
right:2px !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;}

ol.notes {
padding-left:1px;
font-family:georgia;
font-size:10px;
padding-top:10px;
margin-top:-10px;
text-transform:lowercase;
letter-spacing:0px;
border: 0px;
list-style-type: decimal;
}

ol.notes li.note {
padding: 1px;
letter-spacing: 0px;
text-align: left;
}

ol.notes li.note a{
color:{color:link};}

ol.notes li.note span.action {
font-weight: normal;
}

ol.notes li.note img.avatar {
vertical-align: -4px;
margin-right: 10px;
width: 0px;
height: 0px;
}

#posts {
width:415px;
margin-left:90px;
margin-top:-10px;
{block:IfBiggerPosts}width:515px;{/block:IfBiggerPosts}
padding-left:8px;
padding-right:8px;
padding-top:8px;}

.post {
{block:IfNotBiggerPosts}width:410px;{/block:IfNotBiggerPosts}
{block:IfBiggerPosts}width:510px;{/block:IfBiggerPosts}
}


.post:hover .letags{
opacity:1;}

.post:hover .reblog{
opacity:1;
margin-left:-30px;
}

.entries {
color:{color:entry text};
overflow:hidden;
background-color:{color:entry};
{block:IfBiggerPosts}width:500px;{/block:IfBiggerPosts}
{block:IfNotBiggerPosts}width:400px;{/block:IfNotBiggerPosts}
margin-bottom:20px;
position:relative;
z-index:6;
text-align:justify;
font-size:11px;
font-family:{font:body};
padding:10px;
}

.entries blockquote {
border-left: 3px solid {color:link};
padding-left: 8px;
margin-left: 10px;
}

.entries b, strong{
color: {color:entries bold};}

.entries i, em{
color:{color:entries italic};}

.entries a{
color:{color:link};
text-decoration:none;
}

.entries a:hover{
color:{color:link hover};}

.entries h1 {
font-family: "ruluko-regular";
font-weight:normal;
font-size:16px;
padding-left:10px;
letter-spacing:2px;
font-style:none;
text-align:left;
padding-bottom:8px;
padding-top:3px;
border-bottom: 1px dotted {color:link};}

.entries h3 {
font-family: "ruluko-regular";
font-weight:normal;
font-size:18px;
padding-left:10px;
letter-spacing:1px;
text-align:left;
padding-bottom:8px;
padding-top:3px;
border-bottom: 1px dotted {color:link};}

.entries h2 {
font-family: "ruluko-regular";
font-size:16px;
font-weight:normal;
text-align:center;
padding-bottom:8px;
border-bottom: 1px dotted {color:link};
}


.entries img {
{block:IfNotBiggerPosts}max-width:400px;{/block:IfNotBiggerPosts}
{block:IfBiggerPosts}max-width:500px;{/block:IfBiggerPosts}}

{block:IfFadingImages}
.photo{
opacity:.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;}

.photo:hover{
opacity:1;}
{/block:IfFadingImages}

table{
margin-left:-10px;
{block:IfNotBiggerPosts}
width:405px;
{/block:IfNotBiggerPosts}
{block:IfBiggerPosts}
width:505px;
{/block:IfBiggerPosts}}

th{
border:0px solid;
border-collapse:collapse;
padding:2px;
width:50px;}

td{
text-align:right;
border:0px solid;}

.ask {
{block:IfNotBiggerPosts}
width:385px;
{/block:IfNotBiggerPosts}
{block:IfBiggerPosts}
width:485px;
{/block:IfBiggerPosts}
padding-left:8px;
padding-top:8px;
padding-right:8px;
font-style:none;
font-size:11px;
margin-bottom:-2px;
font-family: georgia;}

.ask a{
color:{color:link};
font-style:none;
font-size:15px;
font-family: "economica-regular";}

.answer{
padding-bottom:4px;}

.chat{
padding-top:5px;
line-height:14px;}

.chat .lines {
margin-left:0px;}

.chat .lines .line{
padding:4px;
border-bottom:1px dotted {color:border};}

.chat .lines .odd {
border-bottom:1px dotted {color:border};}


.audio{
background: #e4e4e4;
display:block;
margin-bottom:0px;
margin-left:60px;
position:relative;
padding-left:20px;
padding-top:4px;
border-radius:10px;
margin-top:0px;}

.cover{
margin-left:0px;}

.cover img{
max-width:48px;
float:left;}

.what{
position:relative;
margin-top:5px;
margin-left:70px;
padding-left:10px;}

{block:IndexPage}
.reblog{
position:absolute;
margin-left:-10px;
opacity:0;
margin-top:15px;
z-index:999;
-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;
}

.reblog a{
color:{color:perma link};
text-decoration:none;
background-color:{color:perma link bg};
padding:4px;
font-family:consolas;
text-transform:uppercase;
font-size:10px;
letter-spacing:2px;}

.letags {
position:relative;
{block:ifnotbiggerposts}width:410px;{/block:ifnotbiggerposts}
{block:ifbiggerposts}width:510px;{/block:ifbiggerposts}
margin-top:-20px;
margin-bottom:15px;
border-top:1px dotted {color:border};
background-color:{color:perma link bg};
color:{color:entry text};
font-size:10px;
font-family:georgia;
padding-right:10px;
text-align:right;
opacity:.8;
-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;}

.letags a{
text-decoration:none;
font-family:georgia;
font-size:9px;
padding-left:3px;
color:{color:perma link};}

.letags a:hover{
color:{color:link hover};}

.org{
position:absolute;
margin-top:-14px;
padding-left:5px;
text-align:left;
color:{color:entry text};}
{/block:IndexPage}
{/block:IndexPage}

{block:PermalinkPage}
.permalink {
{block:IfBiggerPosts}width:506px;{/block:IfBiggerPosts}
{block:IfNotBiggerPosts}width:406px;{/block:IfNotBiggerPosts}
text-align: left;
margin-left:10px;
margin-top:-10px;
padding-left:5px;
padding-bottom:10px;
font-size:10px;
line-height:11px;
letter-spacing:1px;
font-family:georgia;
text-align:center;
color: {color:entry text};
text-transform: lowercase;
}
{/block:PermalinkPage}

.permalink a {
color: {color:link};
text-decoration: none;
font-family:georgia;
text-transform:lowercase;
letter-spacing:1px;
font-size:10px;
}

.permalink a:hover {
color: {color:link hover};
text-decoration: none;}

#pagination {
margin-top:0px;
margin-left:0px;
width:270px;
position:fixed;
z-index:9999;
text-align:center;
border-top:1px dotted {color:title};
}

#pagination a{
color:{color:nextpage};
font-family:{text:body};
font-size:10px;
padding-left:1px;
padding-right:1px;
padding-bottom:1px;
text-align:center;
text-decoration:none;}

#pagination a:hover{
color:{color:nextpage hover};}

#fill{
position:fixed;
z-index:-99;
width:180px;
top:120px;
{block:iflinksonleft}
{block:ifbiggerposts}left:655px;{/block:ifbiggerposts}
{block:ifnotbiggerposts}left:555px;{/block:ifnotbiggerposts}
{/block:iflinksonleft}
{block:ifnotLinksonLeft}
{block:ifbiggerposts}left:900px;{/block:ifbiggerposts}
{block:ifnotbiggerposts}left:800px;{/block:ifnotbiggerposts}
{/block:ifnotLinksonLeft}
height:105px;
background-color:{color:icon bg};
background-image: url('{image:icon bg}');
background-attachment:fixed;}


#sbg{
position:fixed;
{block:iflinksonleft}
{block:ifbiggerposts}left:693px;{/block:ifbiggerposts}
{block:ifnotbiggerposts}left:593px;{/block:ifnotbiggerposts}
{/block:iflinksonleft}
{block:ifnotlinksonleft}
{block:ifbiggerposts}left:953px;{/block:ifbiggerposts}
{block:ifnotbiggerposts}left:853px;{/block:ifnotbiggerposts}
{/block:ifnotlinksonleft}
top:127px;
height:88px;
width:87px;
z-index:99;
border-radius:0px 80px 0px 80px;
background-color:{color:border};
opacity:.4;}

#small1{
position:fixed;
{block:iflinksonleft}
{block:ifbiggerposts}left:695px;{/block:ifbiggerposts}
{block:ifnotbiggerposts}left:595px;{/block:ifnotbiggerposts}
{/block:iflinksonleft}
{block:ifnotlinksonleft}
{block:ifbiggerposts}left:953px;{/block:ifbiggerposts}
{block:ifnotbiggerposts}left:853px;{/block:ifnotbiggerposts}
{/block:ifnotlinksonleft}
top:129px;
z-index:99;
padding:6px;
padding-bottom:4px;
border-radius:50px 0px 50px 0px;
background-color:{color:border};
opacity:.9;}

#small1 img{
border-radius:50px 0px 50px 0px;
height:70px;
width:70px;
opacity:1;}


#lelinks{
border-left:1px dotted {color:border};
padding-left:10px;
padding-top:8px;
position:fixed;
top:230px;
{block:iflinksonleft}
{block:ifbiggerposts}left:735px;{/block:ifbiggerposts}
{block:ifnotbiggerposts}left:635px;{/block:ifnotbiggerposts}
{/block:iflinksonleft}
{block:ifnotlinksonleft}
{block:ifbiggerposts}left:995px;{/block:ifbiggerposts}
{block:ifnotbiggerposts}left:895px;{/block:ifnotbiggerposts}
{/block:ifnotlinksonleft}
z-index:100;
opacity:1;}

#lelinks a{
display:block;
margin-bottom:7px;
width:50px;
padding:4px;
font-family: consolas;
text-transform:uppercase;
text-decoration:none;
text-align:center;
font-size:9px;
letter-spacing:1px;
color:{color:Extralink};
background-color:{color:Extralink Bg};
-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;}

#lelinks a:hover{
color:{color:Extralink hover};
background-color:{color:Extralink Bg hover};}

#links{
position:fixed;
top:238px;
{block:iflinks}
{block:iflinksonleft}
{block:ifbiggerposts}left:666px;{/block:ifbiggerposts}
{block:ifnotbiggerposts}left:566px;{/block:ifnotbiggerposts}
{/block:iflinksonleft}
{block:ifnotlinksonleft}
{block:ifbiggerposts}left:926px;{/block:ifbiggerposts}
{block:ifnotbiggerposts}left:826px;{/block:ifnotbiggerposts}
{/block:ifnotlinksonleft}
{/block:iflinks}
{block:ifnotlinks}
{block:iflinksonleft}
{block:ifbiggerposts}left:705px;{/block:ifbiggerposts}
{block:ifnotbiggerposts}left:605px;{/block:ifnotbiggerposts}
{/block:iflinksonleft}
{block:ifnotlinksonleft}
{block:ifbiggerposts}left:965px;{/block:ifbiggerposts}
{block:ifnotbiggerposts}left:865px;{/block:ifnotbiggerposts}
{/block:ifnotlinksonleft}
{/block:ifnotlinks}
z-index:99;
text-align:center;
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;}

#links a{
display:block;
margin-bottom:7px;
width:50px;
padding:4px;
font-family: consolas;
text-transform:uppercase;
text-decoration:none;
text-align:center;
font-size:9px;
letter-spacing:1px;
color:{color:Mainlink};
background-color:{color:Mainlink Bg};
-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;}

#links a:hover{
color:{color:Mainlink hover};
background-color:{color:Mainlink Bg hover};}

#title{
position:fixed;
{block:iflinksonleft}
{block:ifbiggerposts}margin-left:810px;{/block:ifbiggerposts}
{block:ifnotbiggerposts}margin-left:710px;{/block:ifnotbiggerposts}
{/block:iflinksonleft}
{block:ifnotLinksonLeft}
{block:ifbiggerposts}margin-left:640px;{/block:ifbiggerposts}
{block:ifnotbiggerposts}margin-left:540px;{/block:ifnotbiggerposts}
{/block:ifnotLinksonLeft}
margin-top:10px;}

#title h1{
font-family: "economica-regular";
font-size:18px;
width:255px;
text-transform:uppercase;
margin-left:0px;
margin-bottom:0px;
text-align:left;
color:{color:Title};
border-bottom:1px dotted {Color:title};
letter-spacing:1px;
padding-top:4px;
padding-bottom:6px;
padding-left:10px;
padding-right:5px;
font-weight:normal;
opacity:.7;}

#side{
text-align:center;
padding:10px;
width:250px;
background-color:{color:sidebar};
background-image: url('{image:sidebar bg}');
background-attachment:fixed;}

#side img{
border-radius:10px;
max-width:250px;
opacity:.9;}

#desci{
padding:5px;
text-align:justify;
color:{color:sidebar text};}

#desci a{
text-decoration:none;
color:{color:link};}


{block:IfMusicPlayer}
#lemusic{
text-align:center;
padding-top:2px;
opacity:.6;
padding-bottom:3px;
margin-top:95px;
{block:iflinksonleft}
{block:ifbiggerposts}margin-left:670px;{/block:ifbiggerposts}
{block:ifnotbiggerposts}margin-left:570px;{/block:ifnotbiggerposts}
{/block:iflinksonleft}
{block:ifnotlinksonleft}
{block:ifbiggerposts}margin-left:925px;{/block:ifbiggerposts}
{block:ifnotbiggerposts}margin-left:825px;{/block:ifnotbiggerposts}
{/block:ifnotlinksonleft}
width:110px;
height:10px;
position:fixed;
z-index:999;
overflow:Hidden;
border-radius: 10px 10px 0px 0px;
padding-left:4px;
padding-right: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;}

#lemusic:hover{
padding-bottom:20px;
opacity:1;
margin-top:81px;}
{/block:IfMusicPlayer}

{CustomCSS}

#credits{
position:fixed;
bottom:5px;
right:5px;}

#credits a{
color:{color:entry text};
font-size:13px;
text-decoration:none;
opacity:.7;}

</style>

{block:IfInfiniteScroll}
<script type="text/javascript" src="http://codysherman.com/tools/infinite-scrolling/code"></script>
{/block:IfInfiniteScroll}

</head>

<body>

{block:IfMusicPlayer}
<div id="lemusic">
<img src="http://media.tumblr.com/tumblr_ll7wpyHlj71qi6qow.gif"></br>
{block:IndexPage}{text:Music}{/block:IndexPage}
</div>
{/block:IfMusicPlayer}

<div id="credits"><a title="ZuviaThemes" href="http://vivite.tumblr.com">☡┬</a></div>
<div id="fill"></div>

<div id="sbg"></div>
<div id="sbg1"></div>
{block:IfLinks}
<div id="lelinks">
{block:IfLink1}<a href="{text:Link1URL}" class="lelink">{text:Link1}</a>{/block:IfLink1}
{block:IfLink2}<a href="{text:Link2URL}" class="lelink">{text:Link2}</a>{/block:IfLink2}
{block:IfLink3}<a href="{text:Link3URL}" class="lelink">{text:Link3}</a>{/block:IfLink3}
{block:IfLink4}<a href="{text:Link4URL}" class="lelink">{text:Link4}</a>{/block:IfLink4}
</div>
{/block:IfLinks}

<div id="links">
<a href="/" class="links">home</a>
<a href="/archive" class="links">Archive</a>
<a href="/ask" class="links">message</a>
<a href="http://vivite.tumblr.com" class="links">theme</a>
</div>
<div id="small1"><img src="{image:icon}">

</div>

<div id="title">
<h1>{title}</h1>
<div id="side">
<img src="{image:sidebar}">
<div id="desci">
{Description}
</div>
</div>
{block:IfNotInfiniteScroll}
<div id="pagination">
{block:Pagination}
{block:PreviousPage}
<a href="{PreviousPage}">←</a>
{/block:PreviousPage}

{block:JumpPagination length="3"}
{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}">→</a>
{/block:NextPage}
{/block:Pagination}
</div>
{/block:IfNotInfiniteScroll}
</div>



<div id="posts">

{block:Posts}

<div class="post">

{block:IndexPage}
<div class="reblog">
<a href="{ReblogURL}" target="_blank">Reblog?</a>
</div>
{/block:IndexPage}

<div class="entries">

{block:Text}
{block:Title}
<h1>— {Title}</h1>
{/block:Title}
{Body}
{/block:Text}

{block:Photo}
<center>{LinkOpenTag}<div class="photo"><img src="{PhotoURL-500}" alt="{PhotoAlt}"></div>{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:Photo}

{block:Photoset}
<div class="photo">{block:IfNotBiggerPosts}{Photoset-400}{/block:IfNotBiggerPosts}
{block:IfBiggerPosts}{Photoset-500}{/block:IfBiggerPosts}</div>
{block:IfShowCaptions}{block:Caption}{Caption}{/block:Caption}{/block:IfShowCaptions}
{block:IfNotShowCaptions}{block:PermalinkPage}{block:Caption}
{Caption}{/block:Caption}{/block:PermalinkPage}{/block:IfNotShowCaptions}
{/block:Photoset}

{block:Quote}
<h2>{Quote}</h2>
{block:Source}
<i><p align="right">{Source}{/block:Source}</i>
{/block:Quote}

{block:Link}
<h3><a href="{URL}" class="link" {Target}>— {Name} </a> </h3>
{block:Description}
<div class="description">{Description}</div>
{/block:Description}
{/block:Link}

{block:Chat}
{block:Title}<h1>{Title}</h1>{/block:Title}
<div class="chat">{block:Lines}
<div class="lines"><div class="line {Alt}">
{block:Label}<b>{Label}</b> {/block:Label}{Line}
</div></div>{/block:Lines}</div>
{/block:Chat}

{block:Video}
{block:IfNotBiggerPosts}{Video-400}{block:IfNotBiggerPosts}
{block:IfBiggerPosts}{Video-500}{/block:IfBiggerPosts}
<center><i>{FormattedPlayCount}</i> plays</center><br />
{block:IfShowCaptions}{block:Caption}{Caption}{/block:Caption}{/block:IfShowCaptions}
{block:IfNotShowCaptions}{block:PermalinkPage}{block:Caption}
{Caption}
{/block:Caption}{/block:PermalinkPage}{/block:IfNotShowCaptions}
{/block:Video}

{block:Audio}
<div class="cover">{block:AlbumArt}
<img src="{AlbumArtURL}" style="border-radius:50px 0px 50px 0px;">
<img src="{AlbumArtURL}" style="border-radius:0px 50px 0px 50px; margin-left:-48px;">
{/block:AlbumArt}</div><div class="audio">{AudioPlayerGrey}</div>
<div class="what">
{block:Artist}
{Artist}
{/block:Artist} | {block:TrackName}
"{TrackName}"
{/block:TrackName} </div>
{block:IfShowCaptions}{block:Caption}<br />{Caption}{/block:Caption}{/block:IfShowCaptions}
{block:IfNotShowCaptions}{block:PermalinkPage}{block:Caption}<br />
{Caption}
{/block:Caption}{/block:PermalinkPage}{/block:IfNotShowCaptions}
{/block:Audio}

{block:Answer}
<div class="ask">
<table>

<tr>
<td colspan="2" style="padding:8px; background-color:{color:asker bg};border-bottom:1px dotted {color:perma bg}; text-align:left;">{Question}</td></tr>
<tr>
<td colspan="2" style="padding-right:5px;"><i>─ {Asker} <img src="{AskerPortraitURL-30}" style="border-radius: 0px 50px 0px 50px; float:right; margin-top:-10px;margin-left:-30px;"><img src="{AskerPortraitURL-30}" style="border-radius: 50px 0px 50px 0px; float:right; margin-top:-10px;"></i></td>
</tr>

</table></div>
<div class="answer"> {Answer}</div>
{/block:Answer}

</div>


{block:IndexPage}
<div class="letags">
posted:<a href="{Permalink}">{TimeAgo}</a> |<a href="{Permalink}">{NoteCount} notes</a>
<div class="org">
{block:RebloggedFrom}via: <a href="{ReblogParentURL}">{ReblogParentName}</a> | ori: <a href="{ReblogRootURL}">{ReblogRootName}</a>{/block:RebloggedFrom}
</div></br>
{block:IfShowTags}{block:HasTags}{block:Tags}
<a href="{TagURL}">#{Tag}</a>{/block:Tags}{/block:HasTags}{/block:IfShowTags}
</div>
{/block:IndexPage}

</div>

{block:PermalinkPage}

<div class="permalink">
<div style="font-size: 10px;
font-family:georgia;
padding-right:20px;
margin-top:-10px;
padding-bottom:10px;
margin-bottom:4px;
padding-top:5px;
line-height:10px;
color: {color:entry text};
text-transform: lowercase;
text-align: center;">
{block:Date}Posted {TimeAgo}{/block:Date} {block:NoteCount} | {NoteCount} note(s){/block:NoteCount}<br>
{block:RebloggedFrom}
<b>origin:</b> <a href="{ReblogRootURL}">{ReblogRootName}</a> | <b>via:</b> <a href="{ReblogParentURL}">{ReblogParentName}</a>{/block:RebloggedFrom} <br>
{block:HasTags}tags: {block:Tags}
<a href="{TagURL}">#{Tag}</a> {/block:Tags}{/block:HasTags}</div>
{block:PostNotes}
{PostNotes}
{/block:PostNotes}
</div>

{/block:PermalinkPage}
{/block:Posts}


</div>


</body>
</html>


Powered by Invision Power Board (http://www.invisionboard.com)
© Invision Power Services (http://www.invisionpower.com)