Lufkin Theme

<!--

Theme Lufkin by Dayse (m-orbide.tumblr.com).

Please, DON'T REMOVE THE CREDITS, RESPECT THIS SIMPLE RULE! I spent a lot of time to do these themes.

-->

<head>
<link href='http://fonts.googleapis.com/css?family=Linden+Hill' rel='stylesheet' type='text/css'>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.js" type="text/javascript"></script>

<title>{title}</title>
<meta name="color:Background" content="#FFFFFF"/>
<meta name="color:Text" content="#555555"/>
<meta name="color:Links" content="#000000"/>
<meta name="color:Hover" content="#FFFFFF"/>

<meta name="font:Body" content="Times New Roman"/>

<meta name="image:Background" content=""/>

<meta name="if:Show Captions" content="0"/>
<meta name="if:Endless Scroll" content="0"/>
<meta name="if:RightBackground" content="0"/>
<meta name="if:LeftBackground" content="0"/>
<meta name="if:RepeatBackground" content="0"/>
<meta name="if:MaximisedBackgroundImage" content="0"/>

<meta name="text:Custom Link One" content="" />
<meta name="text:Custom Link One Title" content="" />
<meta name="text:Custom Link Two" content="" />
<meta name="text:Custom Link Two Title" content="" />
<meta name="text:Custom Link Three" content="" />
<meta name="text:Custom Link Three Title" content="" />
<meta name="text:Custom Link Four" content="" />
<meta name="text:Custom Link Four Title" content="" />
<meta name="text:Custom Link Five" content="" />
<meta name="text:Custom Link Five Title" content="" />
<meta name="text:Custom Link Six" content="" />
<meta name="text:Custom Link Six Title" content="" />

<link rel="shortcut icon" href="{Favicon}">

<script type="text/javascript" src="http://static.tumblr.com/twte3d7/BH7lio0yf/jquery.js"></script>

{block:IndexPage}
<script type="text/javascript">
$(window).load(function(){
$("p").remove(":contains('Source:')");
$("p").remove(":contains('(via')");
});
</script>
{/block:IndexPage}

<style type="text/css">


::-webkit-scrollbar-thumb:vertical{
background-color: {color:Text};
height: 100px;
-webkit-border-radius: 3px;
}

::-webkit-scrollbar-thumb:horizontal{
background-color: {color:Text};
height: 10px;
-webkit-border-radius: 3px;
}

::-webkit-scrollbar{
height: 10px;
width: 8px;
background-color: {color:Background};
}


body{
font-family: {font:Body};
font-size:11px;
text-align: justify;
font-style:none;
line-height: 13px;
color:{color:text};
background-color:{color:Background};
background-image:url({image:Background});
background-attachment:fixed;
{block:IfMaximisedBackgroundImage}background-size: 100% 100%;{/block:IfMaximisedBackgroundImage}
{block:IfRepeatBackground}background-repeat:repeat;{block:IfRepeatBackground}
{block:IfNotRepeatBackground}background-repeat:no-repeat;{block:IfNotRepeatBackground}
{block:IfRightBackground}background-position:right;{/block:IfRightBackground}
{block:IfLeftBackground}background-position:left;{/block:IfLeftBackground}
}

.tumblrAutoPager_page_info, .tumblrAutoPager_page_separator {display:none;}

a
{
text-decoration:none;
font-family: 'Garamond', serif;
color:{color:links};
-moz-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
-webkit-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}

a:hover
{
text-decoration:underline;
color:{color:hover};
-moz-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
-webkit-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}

a img
{
border:0px;
}

#content
{
background:transparent;
padding:20px;
margin:auto;
width:350px;
}

{block:IfStretchedImage}
#bg img
{
z-index:-1;
position:fixed;
top:0;
left:0;
height:100%;
width:100%;
}
{/block:IfStretchedImage}

.blogtitle
{
margin:1px 0 0px 0;
text-align:center;
font-family: 'The Girl Next Door', cursive;
font-weight:normal;
line-height:30px;
font-size:29px;
}

.blogtitle a:hover
{
text-decoration:none;
}

.nav
{
text-transform:lowercase;
text-align:center;
margin-bottom:10px;
}

.player
{
width:350px;
overflow:hidden;
background:#000;
}

.texttitle
{
text-transform:sentence case;
font-size:14pt;
}

.permalink
{
opacity:0;
position:absolute;
float:left;
padding-left:15px;
margin-left:350px;
-moz-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
-webkit-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}

#entry:hover .permalink
{
opacity:1;
-moz-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
-webkit-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}

.permalink img
{
max-width:30px;
max-height:30px;
}

.pagination
{
margin-bottom:5px;
font-size:8pt;
font-style:normal;
text-align:center;
}

#entry
{
margin-bottom:5px;
width:350px;
}

#entry img
{
max-width:350px;
}

div.video embed,
div.post div.video object
{
width:350px !important;
height:175px !important;
}

ol.notes
{
padding: 0px;
margin: 0px;
list-style-type: none;
}

ol.notes li.note
{
padding: 0px;
}

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

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

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

.navigation1
{
float:right;
}

.navigation2
{
float:left;
}

{CustomCSS}
.h1 {color: #000; font-size: 32px; line-height: 25px; text-align: left; margin-bottom: -0px; cursor: arrow; font-family: 'Linden Hill', serif;
 }
</style>

{block:IfEndlessScroll}<script type="text/javascript" src="http://static.tumblr.com/q0etgkr/J5bl3lkz1/tumblrautopagernopage.js"></script>{/block:IfEndlessScroll}

</head>

<body>

{block:IfStretchedImage}<div id="bg"><img src="{image:Background}"></div>{/block:IfStretchedImage}

<div id="content">

<div class="blogtitle">
<center><a href="/">{Title}</a></div></center>
<div class="nav">{block:AskEnabled}<a href="/ask">message</a>&nbsp; {/block:AskEnabled}{block:HasPages}{block:Pages}<a href="{URL}">{Label}</a>&nbsp;
{/block:Pages}{/block:HasPages}
{block:ifCustomLinkOneTitle}<a href="{text:Custom Link One}" >{text:Custom Link One Title}</a> &nbsp;{/block:ifCustomLinkOneTitle}

{block:ifCustomLinkTwoTitle}<a href="{text:Custom Link Two}" >{text:Custom Link Two Title}</a>&nbsp;{/block:ifCustomLinkTwoTitle}

{block:ifCustomLinkThreeTitle}<a href="{text:Custom Link Three}" >{text:Custom Link Three Title}</a>&nbsp;{/block:ifCustomLinkThreeTitle}

{block:ifCustomLinkFourTitle}<a href="{text:Custom Link Four}" >{text:Custom Link Four Title}</a>&nbsp;{/block:ifCustomLinkFourTitle}

{block:ifCustomLinkFiveTitle}<a href="{text:Custom Link Five}" >{text:Custom Link Five Title}</a>&nbsp;{/block:ifCustomLinkFiveTitle}

{block:ifCustomLinkSixTitle}<a href="{text:Custom Link Six}" >{text:Custom Link Six Title}</a>&nbsp;{/block:ifCustomLinkSixTitle}
<a href="http://m-orbide.tumblr.com/">theme</a>&nbsp;<br><br>
</div>

{block:IfEndlessScroll}<div class="autopagerize_page_element">{/block:IfEndlessScroll}

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

{block:IndexPage}<div class="permalink"><a href="{Permalink}">{block:Date}{NoteCount}<br><a href="{ReblogURL}" target="_blank">reblog</a>{/block:Date}</a></div>{/block:IndexPage}

{block:Text}
{block:Title}{Title}{/block:Title}
{Body}
{/block:Text}

{block:Photo}
{LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}" width="350"/>{LinkCloseTag}
{block:IfShowCaptions}{block:IndexPage}{block:Caption}{Caption}{/block:Caption}{/block:IndexPage}{/block:IfShowCaptions}{block:PermalinkPage}{block:Caption}{Caption}{/block:Caption}{/block:PermalinkPage}
{/block:Photo}

{block:Photoset}
<div class="photoset">
<div style="max-width:{photo:Width}px; height:auto; overflow:hidden;">{Photoset-400}</div>
{block:IfShowCaptions}{block:IndexPage}{block:Caption}{Caption}{/block:Caption}{/block:IndexPage}{/block:IfShowCaptions}{block:PermalinkPage}{block:Caption}{Caption}{/block:Caption}{/block:PermalinkPage}
{/block:Photoset}

{block:Quote}
"{Quote}"
{/block:Quote}

{block:Link}
<a href="{URL}"><h2>{Name}</h2></a>{block:Description}{Description}{/block:Description}
{/block:Link}

{block:Chat}
{block:Title}<b>{Title}</b>{/block:Title}
{block:Lines}{block:Label}<b>{Label}</b> {Line}<br>{/block:Label}{/block:Lines}
{/block:Chat}

{block:Audio}
<div class="player">{AudioPlayerBlack}</div>
{block:Caption}{Caption}{/block:Caption}
{/block:Audio}

{block:Answer}
<div class="asker"><b>{Asker}:</b>&nbsp;{Question}</div>
{Answer}
{/block:answer}

{block:Video}
<div class="video">{Video-400}</div>
{block:IfShowCaptions}{block:IndexPage}{block:Caption}{Caption}{/block:Caption}{/block:IndexPage}{/block:IfShowCaptions}{block:PermalinkPage}{block:Caption}{Caption}{/block:Caption}{/block:PermalinkPage}
{/block:Video}

{block:PermalinkPage}
{block:Date}Posted {TimeAgo} with {NoteCountWithLabel}{/block:Date}{/block:PermalinkPage}

{block:PostNotes}{PostNotes}{/block:PostNotes}

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

{block:IfNotEndlessScroll}
{block:Pagination}
<div class="navigation1">{block:NextPage}<a href="{NextPage}">continue >></a>{/block:NextPage}</div>
<div class="navigation2">{block:PreviousPage}<a href="{PreviousPage}"><< regress</a>{/block:PreviousPage}</div>
{/block:Pagination}
{/block:IfNotEndlessScroll}

<!-- If I see you using one of my themes without this credit, I'll report you. -->
<div style="position:fixed;right:8px;top:28px;">
<a href="http://m-orbide.tumblr.com/" target="_blank"><img src="http://static.tumblr.com/i8axhtw/gRWmfr3aq/installtheme.png">
</div>

</body>