theme 25 "lori v2"

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

    <head>
		<link href="http://www.jqueryscript.net/css/jquerysctipttop.css" rel="stylesheet" type="text/css">

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


<!---@shayofrp
i'm watching u :))--->

<meta name="color:Background" content="#ffffff"/>
<meta name="color:Text" content="#a8a8a8"/>
<meta name="color:Hover" content="#f2f2f2"/>
<meta name="color:Scrollbar" content="#000000"/>
<meta name="color:ScrollbarBg" content="#ffffff"/>
<meta name="color:Answer Backg" content="#000000"/>
<meta name="color:Links" content="#000000"/>
<meta name="color:Links Background" content="#000000"/>
<meta name="color:Description Background" content="#000000"/>
<meta name="color:postbg" content="#ffffff"/>
<meta name="color:Info Background" content="#ffffff"/>

<meta name="image:background" content=""/>
<meta name="image:left arrow" content=""/>
<meta name="image:right arrow" content=""/>
<meta name="image:slide1" content=""/>
<meta name="image:slidebg" content=""/>
<meta name="image:adminicon1" content=""/>
<meta name="image:adminicon2" content=""/>
    <meta name="text:Link 1" content="">
     <meta name="text:Link 1 URL" content="/">
    <meta name="text:Link 2" content="">
    <meta name="text:Link 2 URL" content="/">
    <meta name="text:Link 3" content="">
    <meta name="text:Link 3 URL" content="/">
    <meta name="text:Link 4" content="">
    <meta name="text:Link 4 URL" content="/">
    <meta name="text:URL" content="IMPORTANT TO PUT YOUR URL HERE">

<link href='http://fonts.googleapis.com/css?family=Source+Sans+Pro:200' rel='stylesheet' type='text/css'>


<style type="text/css">


::-webkit-scrollbar-thumb {
height:auto;
background-color:{color:Scrollbar};
}

::-webkit-scrollbar {
height:9px;
width:4px;
background-color:{color:ScrollbarBg};
}


body {
background:{color:background};
margin:0px;
color:{color:text};
font-family:tahoma, sans-serif;
font-size:11px;
line-height:100%;
letter-spacing:0px;
text-align:justify;
background-image:url('{image:background}');
}

a {
text-decoration:none;
outline:none;
-moz-outline-style:none;
color:{color:links};
font-weight:bold;
font-family:tahoma;
}

pre{color:{color:postbg};
padding:5px;
font-size:110%;
text-transform:uppercase;
background-color:{color:text};}

img {
    border:none;
}

h1 {
font-size:24px;
color:{color:text};
text-transform:uppercase;
font-family:'tahoma';
font-style:bold, italic;
text-align:left;
}

blockquote {border-left: solid 2px {color:links};
    padding-left:5px;
    background-color:{color:background};
    padding:5px;
}

a:hover {
color:{color:postbg};
-moz-transition-duration:0.3s;
-webkit-transition-duration:0.3s;
-o-transition-duration:0.3s;
}

/*ENTRIES*/

#entries {
padding:10px;
width:500px;
margin-left:520px;
margin-top:-200px;
letter-spacing:0px;
line-height:140%;
z-index:-99;
font-size:11px;
position:absolute;
}

#post {
width:500px;
padding:10px;
margin-top:10px;
background-color:{color:postbg};
}


/*SIDEBAR*/


#sidebar {
    width:400px;
margin-left:189px;
margin-top:200px;
}

#description{position:fixed;
margin-top:195px;
margin-left:35px;
width:320px;
background-color:{color:Description Background};
padding:1px;
font-size:7px;
font-family:tahoma,
sans-serif;color:{color:Text};
font-family:'tahoma';
padding:5px;
border-left: solid 2px {color:links};
height:80px;
overflow:auto;
text-transform:uppercase;
letter-spacing:2px;
}

#extrasidetext{position:fixed;
margin-top:5px;
margin-left:35px;
width:320px;
background-color:{color:Description Background};
padding:1px;
font-size:7px;
height:170px;
font-family:tahoma,
sans-serif;color:{color:Text};
font-family:'tahoma';
padding:5px;
border-left: solid 2px {color:links};
overflow:auto;
text-transform:uppercase;
letter-spacing:2px;
}

#admins{position:fixed;
margin-top:250px;
margin-left:100px;
width:390px;
background-color:{color:Description Background};
padding:1px;
font-size:9px;
height:170px;
font-family:tahoma,
sans-serif;color:{color:Text};
font-family:'tahoma';
padding:5px;
border-left: solid 2px {color:links};
overflow:auto;
}

.adminicon{border: solid 5px {color:background}}

p{margin-left:20px;}

/*POST INFO*/

#info {
width:500px;
text-align:center;
font-family:'tahoma';
text-transform:lowercase;
margin-top:1px;
margin-left:-4px;
font-size:9px;
font-style:none;
padding:4px;
line-height:10px;
background-color:{color:Info Background};
color:{color:Postbg};
}

#info a {
text-align:center;
color:{color:Text};
}

.tags {text-transform:none;
color:{color:postbg};
width:496px;
margin-left:-4px;
background-color:{color:background};
font-size:10px;
padding:6px;-moz-transition-duration:0.5s;-webkit-transition-duration:0.5s;-o-transition-duration:0.5s;}


.tags a {
letter-spacing:0px;
font-size:8px;
text-align:center;
font-family:'arial';
text-decoration:none;
display:inline-block;
color:{color:postbg};
}

.tags a:hover{background-color:{color:Links};}

/*SIDELINKS*/
.links {
padding:5px;
padding-bottom:6px;
line-height:150%;
z-index:10000000000000000;
text-align:center;
font-size:8px;
letter-spacing:4px;
opacity:1;
position:fixed;
font-family:'tahoma';
position:absolute;
text-transform:uppercase;
text-align:center;}

.links a{
    z-index:10000000000000000;
    margin-left:10px;
    padding:5px;
    display:inline-block;
    }

.links a:hover{
    color:{color:postbg};
-moz-transition-duration:.2s;
-webkit-transition-duration:.2s;
-o-transition-duration:.2s;
background-color:{color:Links Background};
}

#navi{
    text-align:center;
    margin-left:0px;
    font-weight:normal;
    width:400px;
    margin-top:-350px;
    font-family:tahoma;
    position:fixed;
    z-index:9999999999999;
}

#navi a{
    width:150px;
    font-weight:normal;
    color:{color:Links};
    border-left:solid 2px{color:Info Background};
    display:inline-block;
    z-index:9999999999999;
    font-style:none;
    margin-left:-4px;
    margin-top:-1px;
    text-transform:uppercase;
    font-size:7px;
    letter-spacing:2px;
    margin-bottom:3px;
    padding:5px;
    background-color:{color:Links Background};
}

#navi a:hover{background-color:{color:postbg};}

.container {
box-sizing: border-box;
max-width: 960px;
margin-top:-200px;
margin-left:100px;
position:fixed;
overflow: hidden;
padding: 0 50px 100px;
text-align: center;
width: 400px;
}
.buttons {
margin: 25px 0 0;
}
.buttons a {
background: #555;
border-radius: 4px;
color: #FFF;
display: inline-block;
font-size: 0.5em;
letter-spacing: 1px;
margin: 0 10px;
opacity: 0.6;
padding: 15px 20px;
text-transform: uppercase;
}
.buttons a:hover {
opacity: 1;
}
#my-slider {
background: #000;
margin: 50px -50px;
}
/* SLIDER CSS */

.slider {
    width: 400px;
overflow: visible !important; /* Have to add this due to jQuery adding overflow:hidden */
position: relative;
}
.slider img {
display: block;
width: 100%;
}
.slider .slide {
display: none;
opacity: 0;
position: absolute;
top: 0;
width: 100%;
}
.slider .slide.active {
display: block;
opacity: 1;
}
.slider .arrow {
background: url(slider-arrows.png) no-repeat;
cursor: pointer;
z-index:99999999999;
display: block;
margin-top: -50px;
position: absolute;
top: 50%;
height: 100px;
z-index: 100;
}
.slider .arrow.left {
left: 5px;
z-index:99999999999;
}
.slider .arrow.right {
right:5px;
z-index:99999999999;
background-position: -50px 0;
}
.slider .dots {
position: absolute;
bottom: -35px;
text-align: center;
width: 100%;
}
.slider .dots a {
border-radius: 4em;
display: inline-block;
margin: 0 10px;
opacity: 0.6;
text-indent: -9999px;
width: 10px;
height: 10px;
}
.slider .dots a.active, .slider .dots a:hover {
opacity: 1;
}

/*QUESTION*/

#asker {
color:{color:text};
padding:20px;
font-family:'tahoma';
font-size:9px;
letter-spacing:0px;
text-align:center;
margin-top:0px;
text-transform:lowercase;
line-height:100%;
background-color:{color:Answer backg};
}

#asker a{color:{color:postbg};}

#url{color:{color:Text};
padding:4px;
font-family:'tahoma';
font-size:9px;
letter-spacing:0px;
text-align:center;
margin-top:0px;
text-transform:uppercase;
line-height:100%;
background-color:{color:Info Background};
}

#url a{color:{color:postbg};text-transform:uppercase;}

#pagination {
    font-size:9px;
    width:380px;
    letter-spacing:5px;
    padding:10px;
    text-transform:uppercase;
    margin-top:-180px;
    margin-left:100px;
    text-align:center;
    font-family:courier new;
    position:fixed;
    color:{color:text};
    background-color:{color:Description Background};
    border-bottom:solid 2px{color:links};
    }
    #pagination a{padding:2px;color:{color:text};background-color:{color:background};}


/*CREDIT*/

#cred {
position:fixed;
font-family:'courier';
text-transform:uppercase;
font-size:8px;
right:9px;
bottom:9px;
padding:4px;
background-color:{color:postbg};
letter-spacing:1px;
}


{CustomCSS}</style></head><body>
<div class="container">

<div id="my-slider" class="slider"> <a class="left arrow"><img src="{image:left arrow}"></a><a class="right arrow"><img src="{image:right arrow}"></a>
<div class="slide active"> <img src="{image:slide1}">
</div>
<div class="slide"> <img src="{image:slidebg}">
    <div id="navi">
<a href="{text:link 1 url}">{text:link 1}</a>
<a href="{text:link 2 url}">{text:link 2}</a>
<a href="{text:link 3 url}">{text:link 3}</a>
<a href="{text:link 4 url}">{text:link 4}</a>
<br>
<div id="extrasidetext"><pre>title</pre>
    <blockquote>LOREM IPSUM DOLOR SIT AMET, CONSECTETUR ADIPISCING ELIT. DONEC PLACERAT UT FELIS NEC SODALES. DUIS AT ANTE ADIPISCING, BLANDIT ODIO AC, INTERDUM NIBH.</blockquote>
    <pre>title</pre>
    <blockquote>LOREM IPSUM DOLOR SIT AMET, CONSECTETUR ADIPISCING ELIT. DONEC PLACERAT UT FELIS NEC SODALES. DUIS AT ANTE ADIPISCING, BLANDIT ODIO AC, INTERDUM NIBH.</blockquote>
</div></blockquote>

<div id="description"><div align="justify">
{description}</div></div></div>

</div>
</div>
</div>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script src="http://www.jqueryscript.net/demo/Responsive-Infinite-Carousel-jQuery-Plugin-jQuery-slippity/jquery.slippity.js"></script>
<script>
			$(document).ready(function(){
				$("#my-slider").slippity();
			});
		</script>
<div id="sidebar">
</div>

<div id="admins"><div class="adminicon"><img src="{image:adminicon1}"></div> <pre>NAME </pre>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla a quam tempus, congue nibh non, venenatis neque. Proin interdum nisi faucibus neque pellentesque vehicula. Suspendisse potenti. Quisque at felis mollis, porta libero a, dictum ante. Suspendisse placerat eleifend quam, id tempus orci lacinia et.</p>
<div class="adminicon"><img src="{image:adminicon2}"></div> <pre>NAME </pre>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla a quam tempus, congue nibh non, venenatis neque. Proin interdum nisi faucibus neque pellentesque vehicula. Suspendisse potenti. Quisque at felis mollis, porta libero a, dictum ante. Suspendisse placerat eleifend quam, id tempus orci lacinia et.</p>
</div></div></div></div>

<div id="entries">
{block:Posts}
<div id="post">

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

{block:Photo}{LinkOpenTag}<img src="{PhotoURL-500}">{LinkCloseTag}
{block:Caption}{Caption}{/block:Caption}{/block:Photo}

{block:Photoset}{Photoset-500}{block:Caption}{Caption}
{/block:Caption}{/block:Photoset}

{block:Quote}<h2>"{Quote}"</h2>
{block:Source}<div class="qsource"> —{Source}</div>
{/block:Source}{/block:Quote}

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

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

{block:Audio}<left>{block:AlbumArt}<img src="{AlbumArtURL}" width="60px" height="60px" align="left" style="margin-right:10px" />{/block:AlbumArt}<span class="audio">{AudioPlayerBlack}</left></span>
{block:TrackName}<b>Title:</b> {TrackName}<br />{/block:TrackName}
{block:Artist}<b>Artist:</b> {Artist}<br />{/block:Artist}
{/block:ExternalAudio}<b>Played:</b> {PlayCount} tahoma <br>
{/block:Audio}<br>

{block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}

{block:Answer}<div id="asker">{Question}</div> <div id="url">{Asker}</div>{Answer}{/block:Answer}

<div id="info">
<div id="permalink">
<a href="{Permalink}">{Month} {DayOfMonth}{DayOfMonthSuffix}</a> —
{block:RebloggedFrom} <a href="{ReblogParentURL}">via</a>{/block:RebloggedFrom}
and {block:ContentSource} <a href="{SourceURL}"><a href="{SourceURL}">source</a>{/block:ContentSource}
{block:RebloggedFrom} <a href="{ReblogParentURL}" target="_blank"></a>{/block:RebloggedFrom}
with {NoteCountWithLabel}</a></div>

{block:PostNotes}<div id="notes"><left>{PostNotes}</div>{/block:PostNotes}</div>

{block:HasTags}<div class="tags">{block:Tags}#<a href="{TagURL}">{Tag}</a> {/block:Tags}</div>{/block:HasTags}
</div>{/block:Posts}{/block:Posts}</div></div>
<div id="pagination"> {title}{block:Pagination}
{block:PreviousPage}
<a href="{PreviousPage}">back</a>
{/block:PreviousPage}

{block:NextPage}
<a href="{NextPage}">forward</a>
{/block:NextPage}
</div>
{/block:Pagination}
</div>

<div id="cred">
<a href="http://shayofrp.tumblr.com/">SHAYOFRP</a>
</div></html>
</html>