ivory theme

<!----------

ivory theme // divisionthemes

---------->

<meta name="color:background" content="#ffffff"/>
<meta name="color:text" content="#000000"/>
<meta name="color:post titles" content="#585858"/>
<meta name="color:link" content="#1c1c1c"/>
<meta name="color:hover" content="#ffffff"/>
<meta name="color:description text" content="#000000"/>
<meta name="color:sidebar link bg" content="#ffffff"/>
<meta name="color:sidebar link text" content="#000000"/>

<meta name="image:sidebar" content=""/>
<meta name="image:background" content=""/>

<meta name="if:show sidebar pic" content="0"/>
<meta name="if:two columns" content="0"/>
<meta name="if:three columns" content="0"/>

<meta name="text:link one" content="/"/>
<meta name="text:link one hover" content="hover1"/>
<meta name="text:link two" content="/"/>
<meta name="text:link two hover" content="hover2"/>
<meta name="text:link three" content="/"/>
<meta name="text:link three hover" content="hover3"/>
<meta name="text:link four" content="/"/>
<meta name="text:link four hover" content="hover4"/>
<meta name="text:link five" content="/"/>
<meta name="text:link five hover" content="hover5"/>

<title>{Title}</title>

{block:Description}
<meta name="description" content="{MetaDescription}"/>{/block:Description}

<script src="http://static.tumblr.com/7qjmkr5/IUmmdsy41/jquery.style-my-tooltips.js"></script>
<script>
(function($){$(document)
.ready(function(){$("[title]")
.style_my_tooltips();});})
(jQuery);
</script>

<style type="text/css">

#s-m-t-tooltip {
height:auto;
padding: 3px;
margin-top: 3px;
margin-left: 14px;
font-family:consolas;
font-size: 8px;
color:black;
text-transform:uppercase;
text-align: center;
letter-spacing:1px;
line-height: 8px;
z-index: 999999999999;
background:white;
border: 1px solid black};
}

iframe#tumblr_controls {
position: fixed !important;
-webkit-transition: opacity 0.7s linear;
opacity: 0.09;
-webkit-transition: all 0.8s ease-out;
-moz-transition: all 0.8s ease-out;transition: all 0.8s ease-out;
-webkit-filter:invert(100%);}

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

body {
margin:0px;
background-color: {color:Background};
background-image:url({image:Background});
background-attachment: fixed;
background-repeat: repeat;
}

body, div, p, parea, submit, input{
font-family:cambria;
font-size: 10px;
line-height:11px;
letter-spacing:0px;
color:{color:Text};
}

txt {
margin:0px;
margin-top:5px;
}

a:link, a:active, a:visited{
color: {color:Link};
text-decoration: none;
transition: all 0.5s ease-out;
-o-transition-transition: all 0.5s ease-out;
-webkit-transition: all 0.5s ease-out;
-moz-transition: all 0.5s ease-out;
}
a:hover {
color: {color:hover};
text-decoration: none;
letter-spacing: 0px;
transition: all 0.3s ease-out;
-o-transition-transition: all 0.3s ease-out;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
}

#center {
margin:auto;
position:relative;
width: 1500px;
overflow:auto;
overflow-y:hidden;
}

#content {
width:300px;
{block:iftwocolumns}
width:650px;
{/block:iftwocolumns}
{block:ifthreecolumns}
width:1000px;
{/block:ifthreecolumns}
max-width:100%;
margin-left: 350px;
}

#entry {
{block:IndexPage}
width:250px;
{block:iftwocolumns}
width:200px;
{/block:iftwocolumns}
{block:ifthreecolumns}
width:200px;
{/block:ifthreecolumns}
{/block:indexpage}
{block:PermalinkPage}width: 400px;{/block:PermalinkPage}
background: white;
opacity:1;
margin-top:20px;
margin-bottom:30px;
margin-left:50px;
margin-right:1px;
text-align:justify;
line-height: 6px;
padding: 10px;
border: 1px solid #a7a7a7;
-webkit-transition: all .3s linear;
-moz-transition: all .3s linear;
transition: all .3s linear;
opacity:.9;
}

#entry img {
{block:IndexPage}
max-width:250px;
{block:iftwocolumns}
max-width:200px;
{/block:iftwocolumns}
{block:ifthreecolumns}
max-width:200px;
{/block:ifthreecolumns}
{/block:indexpage}
{block:PermalinkPage}max-width: 399px; padding-right: 1px;{/block:PermalinkPage}
}

#blogtitle {
text-align: center;
padding-top: 8px;
width: 188px;
height: 16px;
font-family:'consolas';
font-size: 12px;
letter-spacing: 3px;
text-transform: uppercase;
border: 1px solid #ccc;
border-bottom:1px solid #ccc;
background-color: white;
color: #0000000;
}

#descc {
text-align: center;
padding: 8px;
width: 170px;
height: auto;
font-family:'consolas';
font-size: 10px;
letter-spacing: 1px;
text-transform: lowercase;
border: 1px solid #ccc;
border-bottom:1px solid #ccc;
background-color: white;
color: #0000000;
}

#sidebar {
position:fixed;
width:190px;
height:auto;
background-color:white;
margin-top: 180px;
margin-left: 130px;
padding:10px;
border: 1px solid #ccc;
color: {color:description text};
opacity:.9;
}

#desclinks a {
z-index:9999;
font-size: 8px;
font-family:consolas;
text-transform:uppercase;
display:inline-block;
letter-spacing:1px;
padding:3px;
background:{color:sidebar link bg};
color:{color:sidebar link text};
margin-top: 3px;
border: 1px solid {color:sidebar link text};
}

#desclinks a:hover{
text-decoration: none;
background:{color:sidebar link text};
color:{color:sidebar link bg};
border: 1px solid {color:sidebar link bg};
}

.permz{
width:auto;
display: block;
padding: 1px;
margin: 4px 8px 1px 8px;
text-transform:uppercase;
font-family: "consolas";
font-size: 9px;
color: #424242;
line-height: 8px;
text-align: right;
text-decoration: none;
-webkit-transition: color 0.5s ease-out;
-moz-transition: color 0.5s ease-out;
border-top: 1px solid #a5a3a3;
}

#entry .perms{
position:absolute;
height:20px;
overflow:hidden;
bottom: 20px;
left: 10px;
opacity:0;
background-color:#fff;
width: 250px;
{block:iftwocolumns}
width:200px;
{/block:iftwocolumns}
{block:ifthreecolumns}
width:200px;
{/block:ifthreecolumns}
-webkit-transition: all .5s linear;
-moz-transition: all .5s linear;
transition: all .5s linear;
padding:3px;
}

#entry:hover .perms{
margin-top: 6px;
width:250px;
{block:iftwocolumns}
width:200px;
{/block:iftwocolumns}
{block:ifthreecolumns}
width:200px;
{/block:ifthreecolumns}
opacity:0.99;
-webkit-transition: all .5s linear;
-moz-transition: all .5s linear;
transition: all .5s linear;
}

#entry .perms .permstext{
text-transform:uppercase;
height:15px;
font-family:"consolas";
font-size:9px;
line-height: 10px;
color:#000;
text-decoration:none;
text-align:center;
opacity:0.99;
background-color:#fff;
-webkit-transition: all .4s linear;
-moz-transition: all .4s linear;
transition: all .4s linear;
}

#titletext{
font-family: consolas;
text-transform:uppercase;
font-size: 12px;
color: {color:post titles};
font-weight: none;
line-height:11px;
}

#titletext .bodytext{
font-family: consolas;
text-transform:lowercase;
font-size: 10px;
color: {color:text};
font-weight: none;
line-height:10px;
}

.video embed, .post div.video object {
{block:IndexPage}
width:250px !important;
{/block:indexpage}
{block:PermalinkPage}
width:400px !important;
{/block:PermalinkPage}
}

.chat .lux{
background-color:#ffffff;
margin: 0 0 1px;
padding: 2px;
}

.chat .lux.box{
background-color:#F0F0F0;
}

#askr {
font-family:consolas;
font-size:10px;
text-transform:uppercase;
}

#qstn {
background-color:white;
border: 1px solid #a7a7a7;
text-align:center;
margin-bottom:0px;
padding:10px;
}

#audio {
width: 220px;
height:auto;
min-height:60px;
padding-bottom:0px;
}

.audiotext{
position:relative;
background:transparent;
border:1px solid #eee;
padding:8px;
font-family:consolas;
font-size:8px;
overflow-x:auto;
letter-spacing:1px;
font-style:italic;
text-transform:uppercase;
height:64px;
margin-top:-20px;
margin-bottom:20px;
margin-left:85px;
padding-left:5px;
line-height:10px;
}

.aplayer{
position:absolute;
border:1px solid #ffffff;
background: #fff;
padding:2px;
padding-top:5px;
margin-left:24px;
margin-top:5px;
width:29px;
height:29px;
opacity:0.89;
overflow:hidden;
-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;
}


.aart{
margin-left:0px;
margin-bottom:20px;
}

.aart img{
background:#fff;
width:60px;
float:left;
padding:10px;
border:1px solid #f0f0f0;
}

</style>

{block:indexpage}
{block:NextPage}<div id="page-nav"><a href="{NextPage}"></a></div>{/block:NextPage}

<script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"></script>

<script src='http://code.jquery.com/jquery-1.4.2.min.js' type='text/javascript'></script>

<script src='http://static.tumblr.com/1s4z8hu/UTBlo4136/jquery.masonry.min.js' type='text/javascript'></script>

<script type="text/javascript" src="http://static.tumblr.com/jnmer2r/WKhljk73d/jquery.infinitescroll.min.js"></script>

<script>

jQuery(window).load(function(){
var $wall = $('#content');
$wall.imagesLoaded(function(){$wall.masonry({
singleMode: true,columnWidth: 261,
itemSelector: '#entry'});});
$wall.infinitescroll({navSelector : '#page-nav',nextSelector : '#page-nav a',itemSelector : '#entry',},
 function( newElements ){$(newElements).hide();setTimeout(function(){
$wall.masonry({ appendedContent: $(newElements) });},2000);
setTimeout(function(){$(newElements).fadeIn('slow');},2100);},1000);});

</script>


<script>

$.fn.imagesLoaded = function(callback){var elems = this.find('img'),
len = elems.length,_this = this;if ( !elems.length ) {
callback.call( this );} elems.bind('load',function(){if (--len <= 0)
{callback.call( _this );}}).each(function(){
if (this.complete || this.complete === undefined){var src = this.src;
this.src = "data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///ywAAAAAAQABAAACAUwAOw==";this.src = src;}});return this;};

</script>

{/block:Indexpage}

<link rel="shortcut icon" href="{Favicon}">
<link rel="alternate" type="application/rss+xml" title="RSS" href="{RSS}" />
<meta name="viewport" content="width=820" />
<body>


<div id="sidebar">
<center>
<div id="blogtitle"><a href="/">{title}</a></div></a><br>
<div id="descc">
{block:IfShowsidebarpic}
<br><div id="sidebarpic">
<a href="/"><img src="{image:sidebar}" width=150px;>
</div><br>
{/block:IfShowsidebarpic}
{Description}<br><br>
<div id="desclinks">
<a href="{text:Link One}" title={text:Link One Hover}>I</a>
<a href="{text:Link Two}" title={text:link two hover}>II</a>
<a href="{text:Link Three}" title={text:link three hover}>III</a>
<a href="{text:Link Four}" title={text:link four hover}>IV</a>
<a href="{text:Link Five}" title={text:link five hover}>V</a>
</center>
</div>
</div>
</div>


<div id="content">
{block:Posts}
<div id="entry">

{block:Text}{block:Title}<span id="titletext">{Title}</span>{/block:Title}<span class="entrytext">{Body}</span>
<div class="permz"><center>{shortmonth} {dayofmonth}{dayofmonthsuffix} • <a href="{permalink}" target="_blank">{NoteCountWithLabel}</a> • <a href="{ReblogURL}" target="_blank">reblog</a></center></div>
{/block:Text}

{block:Photo}
{block:IndexPage}
<div class="perms">
<div class="permstext">
posted at {12Hour}:{Minutes} {AmPm} on {DayOfWeek} <br> <a href="{permalink}">{NoteCountWithLabel}</a> • <a href="{ReblogURL}" target="_blank">reblog</a></div></div>
<img src="{PhotoURL-500}" alt="{PhotoAlt}" width=260px/></a>{/block:IndexPage}{block:PermalinkPage}{LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}"width=400px/>{/block:PermalinkPage}{block:ifshowcaption}{block:Caption}{Caption}{/block:Caption}{/block:ifshowcaption}{/block:Photo}

{block:Photoset}
{block:IndexPage}
<div class="perms">
<div class="permstext">
{shortmonth} {dayofmonth}{dayofmonthsuffix} • <a href="{permalink}">{NoteCount} notes</a> • <a href="{ReblogURL}" target="_blank">reblog</a></div>
</span>
</div>
<center>{Photoset-250}{/block:IndexPage}{block:PermalinkPage}{Photoset-400}{/block:PermalinkPage}{block:ifshowcaption}{block:Caption}{Caption}{/block:Caption}{/block:ifshowcaption}{/block:Photoset}

{block:Link}<a href="{URL}" id="titletext">{Name}</a>{block:Description}{Description}{/block:Description}
<div class="permz"><center>{shortmonth} {dayofmonth}{dayofmonthsuffix} • <a href="{permalink}" target="_blank">{NoteCount} notes</a> • <a href="{ReblogURL}" target="_blank">reblog</a></center></div>
{/block:Link}

{block:Quote}<center><span id="titletext">"{Quote}"</span><br><br>
{block:Source}<center><span id="bodytext">{Source}</span>{/block:Source}</center>
<div class="permz"><center>{shortmonth} {dayofmonth}{dayofmonthsuffix} • <a href="{permalink}" target="_blank">{NoteCount} notes</a> • <a href="{ReblogURL}" target="_blank">reblog</a></center></div>
{/block:Quote}

{block:Chat}{block:title}<span id="titletext"><center>{Title}</center></span>{/block:title}<hr><div class="chat">{block:Lines}<div class="chat"><div class="lux {Alt}"><div class="{Alt} user_{UserNumber}">
{block:Label}<span class="userlabel"><u>{Label}</u> </span>{/block:Label}{Line}</div></div></div>{/block:Lines}</div>
<div class="permz"><center><center>{shortmonth} {dayofmonth}{dayofmonthsuffix} • <a href="{permalink}" target="_blank">{NoteCount} notes</a> • <a href="{ReblogURL}" target="_blank">reblog</a></center></div>
{/block:Chat}

{block:Audio}
<div class="aart">{block:AlbumArt}<img src="{AlbumArtURL}">{/block:AlbumArt}</div>
<div class="aplayer">{AudioPlayer}</div>
<div class="audiotext">{block:Artist}<b>{Artist}</b>{/block:Artist}<br><br>{block:TrackName} "{TrackName}" {/block:TrackName}</br><br>{block:Album}<br> {Album} {/block:Album}</br>
{block:PlayCount}<b>{PlayCount} plays</b>{/block:PlayCount} • <b><a href="{permalink}" target="_blank">{NoteCount} notes</a></b></div>
{block:IndexPage}
<div style="margin-top:-10px; border-top:1px solid #ddd;"><center>
</div></center>{/block:IndexPage}
{/block:Audio}

{block:Video}
{block:IndexPage}
<div class="perms">
<div class="permstext">
<center>{shortmonth} {dayofmonth}{dayofmonthsuffix} • <a href="{permalink}">{NoteCount} notes • <a href="{ReblogURL}" target="_blank">reblog</a></center></a></div></div>
{/block:IndexPage}

<center>{Video-250}<BR></center>{block:ifshowcaption}{block:Caption}{Caption}{/block:Caption}{/block:ifshowcaption}{/block:Video}

{block:Answer}<div id="qstn"><div id="askr"><u>{Asker}</u></div><br><i>{Question}</i></div>
<center>{Answer}</center>
<div class="permz">
<a href="{permalink}">{notecount} notes</a>
</div>{/block:Answer}


{block:PermalinkPage}
<div id="permalinkpage">{block:caption}{caption}{/block:caption}<Br>{block:Date}{ShortMonth} {DayofMonth}{DayofMonthSuffix} {Year}{/block:Date}  · {block:NoteCount} {NoteCount} notes {/block:NoteCount}{block:HasTags} · tags: {block:Tags}<a href="{TagURL}">#{Tag}</a>{/block:Tags}{/block:HasTags}</div>
{/block:PermalinkPage}

{block:PostNotes}{PostNotes}
{/block:PostNotes}</div>{/block:Posts}
</div></div>
</div>
</div>

</body>
<div id="dthemes">
    <div style="position:fixed;
    width:auto;
    height:auto;
    background-color: #fff;
    bottom:5px;
    right:5px;
    padding:5px;
    border:1px solid #000;
    color:black;
    opacity:.9;">
    <a href="http://divisionthemes.tumblr.com/" target="_blank" title="division themes">师主题</a></div></div>
</html>