Paranoid 2 Version Theme

<!--

Theme Paranoid 2 version 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=EB+Garamond' rel='stylesheet' type='text/css'>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js" type="text/javascript"><!--mce:0--></script>
<script src="toggle.js" type="text/javascript"><!--mce:1--></script>
<script type="text/javascript">
$(document).ready(function(){
$(".description").hide();
$(".about").click(function(){
$('.description').slideToggle("fast");
return true;
});
});
</script>

<meta name="color:Background" content="#fff" />
<meta name="color:Text" content="#000" />
<meta name="color:Hover" content="#ffffff" />
<meta name="color:Audio" content="#eeecec" />
<meta name="color:Text Shadow" content="#000000"/>


<meta name="if:Background Image" content="0"/>
<meta name="if:Reblog Link On Hover" content="0"/>
<meta name="if:Ask Link" content="1"/>
<meta name="if:Three Columns" content="1"/>
<meta name="if:Four Columns" content="0"/>
<meta name="if:Five Columns" content="0"/>
<meta name="if:Menu On Banner" content="1"/>
<meta name="if:Show Blog Title" content="1"/>
<meta name="if:Use Banner" content="0">

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

<meta name="text:Ask Link Text" content="message"/>
<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="" />
<meta name="text:Custom Link Seven" content="" />
<meta name="text:Custom Link Seven Title" content="" />
<meta name="text:Custom Link Eight" content="" />
<meta name="text:Custom Link Eight Title" content="" />
<meta name="text:Custom Link Nine" content="" />
<meta name="text:Custom Link Nine Title" content="" />
<meta name="text:Custom Link Ten" content="" />
<meta name="text:Custom Link Ten Title" content="" />


<title>{Title}</title>
<link rel="shortcut icon" href="{Favicon}">
<link rel="alternate" type="application/rss+xml" href="{RSS}">
<link rel="shortcut icon" href="{Favicon}">
<title>Untitled Document</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">

p{
margin:0px;
padding:0px;
}

#tumblr_controls{
top: 1px !important;
margin: 0 0 0 0;
right: 6px !important;
position: fixed !important;
}

body{
color:{color:Text};
background-color:{color:Background};
font-size:11px;
text-align:justify;
font-family:Arial, 'Helvetica Neue', Helvetica, sans-serif;
line-height:15px;
}

::-webkit-scrollbar{width:10px;
height:8px;}
::-webkit-scrollbar-button:start:decrement
::-webkit-scrollbar-button:end:increment{display:block;
height:0;
background-color:transparent;}
::-webkit-scrollbar-track-piece{background-color:{color:background};
-webkit-border-radius:0;
-webkit-border-bottom-right-radius:3px;
-webkit-border-bottom-left-radius:3px;}
::-webkit-scrollbar-thumb:vertical{height:50px;
background-color:{color:Text};}
::-webkit-scrollbar-thumb:horizontal{width:50px;
background-color:{color:Text};}

#content{
margin: auto auto auto auto ;
width:100%;
top:0px;
position:relative;

}
#content .posts{
{block:ifThreeColumns}
width:800px;
{/block:ifThreeColumns}
{block:ifFourColumns}
width:1050px;
{/block:ifFourColumns}
{block:ifFiveColumns}
width:1300px;
{/block:ifFiveColumns}
margin:auto;
{block:PermalinkPage}
width:510px;
{/block:PermalinkPage}
}

#content .entry{
{block:IndexPage}
width:250px;
margin:5px;
padding:0px;
float:left;
{/block:IndexPage}
{block:PermalinkPage}
margin:6px;
width:500px;
{/block:PermalinkPage}
}

#content .entry img{
{block:IndexPage}
max-width:250px;
{/block:IndexPage}
}


.top{
    {block:ifthreecolumns}
width:800px;
{/block:ifthreecolumns}
{block:ifFourColumns}
width:1050px;
{/block:ifFourColumns}
{block:iffivecolumns}
width:1300px;
{/block:iffivecolumns}
{block:ifsixcolumns}
width:1600px;
{/block:ifsixcolumns}
text-align:left;
margin: 20px auto ;
z-index:5000;
margin-bottom:25px;
}

.title{
font-family: 'EB Garamond', serif;
font-weight:bold;
text-transform:none;
font-size: 35px;
color:{color:Text};
padding-bottom:1px;
{color:Text};
}

a:link, a:active, a:visited{

color:{color:Text};
text-decoration: none;
-o-transition-duration: 3s;
-webkit-transition-duration: 3s;
-moz-transition-duration: 3s;
}

a:hover {

color:{color:Hover};
-webkit-transition-duration: 0.5s;
-moz-transition-duration: 0.5s;
-o-transition-duration: 0.5s;
-ms-transition-duration: 0.5s;
text-decoration:underline;
text-shadow:0px 0px 10px {color:Text Shadow};

}



{block:ifReblogLinkOnHover}
.like_and_reblog_buttons {
list-style: none;
position:absolute;
left:20px;
opacity:0;
bottom:10px;
-webkit-transition: 0.2s;
-webkit-transition: 0.2s;
-moz-transition: 0.2s;
transition: 0.2s;}

.entry:hover .like_and_reblog_buttons{
opacity:0.9;
-webkit-transition: 0.2s;
-webkit-transition: 0.2s;
-moz-transition: 0.2s;
transition: 0.2s;}

.like_and_reblog_buttons li{
float: left;
margin: 0 0 0 -15px;
padding: 5px;}

.like_and_reblog_buttons li:first-child {
margin-left:-40px;}

{/block:ifReblogLinkOnHover}

.post_title{
font-family:Arial, 'Helvetica Neue', Helvetica, sans-serif;
display:block;
font-size:14px;
line-height:20px;
text-transform:none;
}

.link_title{
font-size:13px;
line-height:20px;
text-transform:none;
font-family:Arial, 'Helvetica Neue', Helvetica, sans-serif;
margin-bottom:5px;
}

.nav{
font-size:10px;
text-align:left;
margin-top:2px;
margin-bottom:5px;
}



.permalink{
text-transform:none;
text-align:center;
color:gray;
position: relative;
margin-top: -10px;
font-size: 8px;
opacity: 0;
filter: alpha(opacity = 0);
-moz-transition: all 0.4s;
-webkit-transition: all 0.4s;
-o-transition: all 0.4s;
transition: all 0.4;
}

div#entry:hover .permalink{
margin-top: -5px;
opacity: 1;
filter: alpha(opacity = 100);
-moz-transition: all 0.4s;
-webkit-transition: all 0.4s;
-o-transition: all 0.4s;
transition: all 0.4;
}

.quote{
font-size:13px;
line-height:20px;
text-transform:none;
margin-bottom:5px;
font-family:Arial, 'Helvetica Neue', Helvetica, sans-serif;
}

.audio{
{block:IndexPage}
width:238px;
{/block:IndexPage}
{block:PermalinkPage}
width:488px;
{/block:PermalinkPage}
background-color:#fff;
padding:5px;
margin-bottom:0px;
border-left:1px solid;
border-right:1px solid;
border-color:{color:Audio};
}

.audiocap, .videocap{
background-color:{color:Audio};
display:block;
padding:10px;
}

.albumart, .albumart img{
{block:IndexPage}
width:250px;
{/block:IndexPage}
{block:PermalinkPage}
width:500px;
{/block:PermalinkPage}
}

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

.question{
font-weight:normal;
margin-bottom:5px;
font-size:9px;
line-height:15px;
display:block;
text-transform:lowercase;
}

.caption{
margin-top:5px;
margin-bottom:5px;
}

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


.h1 {color: #000; font-size: 32px; line-height: 25px; text-align: left; margin-bottom: -0px; cursor: arrow; font-family: 'EB Garamond', serif;
 }

</style>

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

<script type="text/javascript" src="http://static.tumblr.com/imovwvl/dJWl20ley/jqueryformasonry.js"></script>
<script type="text/javascript" src="http://static.tumblr.com/imovwvl/rSGl20lfv/masonry.js">
</script>
<script src="http://static.tumblr.com/df28qmy/SHUlh3i7s/jquery.infinitescroll.js"></script>
<script src="http://static.tumblr.com/thpaaos/lLwkowcqm/jquery.masonry.js"></script>
<script type="text/javascript">

$(window).load(function () {
$('.posts').masonry(),
$('.masonryWrap').infinitescroll({
navSelector : "div#navigation",
// selector for the paged navigation (it will be hidden)
nextSelector : "div#navigation a#nextPage",
// selector for the NEXT link (to page 2)
itemSelector : ".entry",
// selector for all items you'll retrieve
bufferPx : 10000,
extraScrollPx: 11000,
loadingImg : "",
loadingText : "<em></em>",
},
// call masonry as a callback.
function() { $('.posts').masonry({ appendedContent: $(this) }); }
);
});
</script>




<script type"text/javascript">
$(document).ready(function() {
 // hides the slickbox as soon as the DOM is ready
  $('#slickbox').hide();

   // shows the slickbox on clicking the noted link
  $('#slick-show').click(function() {
    $('#slickbox').show('slow');
    return false;
  });
 // hides the slickbox on clicking the noted link
  $('#slick-hide').click(function() {
    $('#slickbox').hide('fast');
    return false;
  });

 // toggles the slickbox on clicking the noted link
  $('#slick-toggle').click(function() {
    $('#slickbox').toggle(250);
    return false;
  });
});
    </script>


</head>

<body>

<div class="top">
<div class="nav">
{block:ifMenuOnBanner}
<center><span class="title"><a title="" href="#" id="slick-toggle"><center><div style="text-align: center;cursor: help;"><img style="max-width:1500px; max-height:300px" src="{image:banner}"/></center></a></span><br>

<div id="slickbox">
<a href="/">home</a> &nbsp;
{block:ifAskLink}<a href="/ask">{text:Ask Link Text}</a> &nbsp;  {/block:ifAskLink}
{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}
{block:ifCustomLinkSevenTitle}<a href="{text:Custom Link Seven}">{text:Custom Link Seven Title}</a> &nbsp; {/block:ifCustomLinkSevenTitle}
{block:ifCustomLinkEightTitle}<a href="{text:Custom Link Eight}">{text:Custom Link Eight Title}</a> &nbsp; {/block:ifCustomLinkEightTitle}
{block:ifCustomLinkNineTitle}<a href="{text:Custom Link Nine}">{text:Custom Link Nine Title}</a> &nbsp; {/block:ifCustomLinkNineTitle}
{block:ifCustomLinkTenTitle}<a href="{text:Custom Link Ten}">{text:Custom Link Ten Title}</a> &nbsp; {/block:ifCustomLinkTenTitle}
<a href="http://m-orbide.tumblr.com/">theme</a><br><br>
{block:Description}{Description}{/block:Description}</div>
{/block:ifMenuOnBanner}
{block:ifnotMenuOnBanner}
<center><div style="text-align: center;">{block:ifusebanner}<img style="max-width:1500px; max-height:250px" src="{image:banner}"/>{/block:ifusebanner}<br><span class="title"><a href="/">{block:ifshowblogtitle}{Title}{/block:ifshowblogtitle}</a></span></div><br><br>
<a href="/">home</a> &nbsp;
{block:ifAskLink}<a href="/ask">{text:Ask Link Text}</a> &nbsp;  {/block:ifAskLink}
{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}
{block:ifCustomLinkSevenTitle}<a href="{text:Custom Link Seven}">{text:Custom Link Seven Title}</a> &nbsp; {/block:ifCustomLinkSevenTitle}
{block:ifCustomLinkEightTitle}<a href="{text:Custom Link Eight}">{text:Custom Link Eight Title}</a> &nbsp; {/block:ifCustomLinkEightTitle}
{block:ifCustomLinkNineTitle}<a href="{text:Custom Link Nine}">{text:Custom Link Nine Title}</a> &nbsp; {/block:ifCustomLinkNineTitle}
{block:ifCustomLinkTenTitle}<a href="{text:Custom Link Ten}">{text:Custom Link Ten Title}</a> &nbsp; {/block:ifCustomLinkTenTitle}
<a href="http://m-orbide.tumblr.com/">theme</a><br><br>
{block:Description}{Description}{/block:Description}{/block:ifnotMenuOnBanner}
</center></center>

</div>

</div>

</div>

<div id="content">

<div class="posts">

{block:Posts}

<div class="entry">

{block:Text}
<div id="entry">
{block:Title}<span class="post_title">{Title}</span>{/block:Title}
{Body}
{block:IndexPage}<div class="permalink"><a href="{Permalink}">{12Hour}:{Minutes}{AmPm}</a></div>{/block:IndexPage}
</div>
{/block:Text}

{block:Photo}
{block:IndexPage}{block:ifReblogLinkOnHover}<ul class="like_and_reblog_buttons">
<li>{ReblogButton color="white" size="15"}</li>
<li>{LikeButton color="white" size="15"}</li>
</ul>{/block:IndexPage}
{/block:ifReblogLinkOnHover}
{LinkOpenTag}<a href="{Permalink}"><img src="{PhotoUrl-500}" width="250"></a>{LinkCloseTag}{/block:IndexPage}
{block:PermalinkPage}
{block:Caption}{Caption}{/block:Caption}{/block:PermalinkPage}
{/block:Photo}

{block:Photoset}
<div id="entry">
{block:IndexPage}{Photoset-250}{/block:IndexPage}
{block:PermalinkPage}{Photoset-500}{/block:PermalinkPage}
{block:Caption}{Caption}{/block:Caption}
{block:IndexPage}<div class="permalink"><a href="{Permalink}">{12Hour}:{Minutes}{AmPm}</a></div>{/block:IndexPage}
</div>
{/block:Photoset}

{block:Quote}
<div id="entry">
<div class="quote">" {Quote} " </div>

{block:IndexPage}<div class="permalink"><a href="{Permalink}">{12Hour}:{Minutes}{AmPm}</a></div>{/block:IndexPage}
</div>
{/block:Quote}

{block:Link}
<div id="entry">
<a href="{URL}"{Target}><span class="link_title">&rarr; {Name}</span></a>
{block:Description}<small>{Description}</small>{/block:Description}
{block:IndexPage}<div class="permalink"><a href="{Permalink}">{12Hour}:{Minutes}{AmPm}</a></div>{/block:IndexPage}
</div>
{/block:Link}

{block:Video}
<div class="video">
{block:IndexPage}{Video-250}{/block:IndexPage}
{block:PermalinkPage}{Video-500}{/block:PermalinkPage}
</div>
{block:IndexPage}{block:Caption}<div class="videocap"><a href="{Permalink}">{Caption}</a></div>{/block:Caption}{/block:IndexPage}
{block:PermalinkPage}{block:Caption}<div class="videocap">{Caption}</div>{/block:Caption}{/block:PermalinkPage}
{/block:Video}

{block:Chat}
<div id="entry">
{block:Title}
<div class="ptitle">{Title}</div>
{/block:Title}{block:Lines}{block:Label}<b>{Label}</b> {/block:Label}{Line}<br>{/block:Lines}
{block:IndexPage}<div class="permalink"><a href="{Permalink}">{12Hour}:{Minutes}{AmPm}</a></div>{/block:IndexPage}
</div>
{/block:Chat}

{block:Audio}
{block:AlbumArt}<div class="albumart"><img src="{AlbumArtURL}"></a></div>{/block:AlbumArt}
<div class="audio">{AudioPlayerWhite}</div>
{block:IndexPage}{block:Caption}<div class="audiocap"><a href="{Permalink}">{Caption}</a></div>{/block:Caption}{/block:IndexPage}
{block:PermalinkPage}{block:Caption}<div class="audiocap">{Caption}</div>{/block:Caption}{/block:PermalinkPage}
{/block:Audio}

{block:Answer}
<div id="entry">
<div class="question">{Asker}: {Question}</div>
{Answer}
{block:IndexPage}<div class="permalink"><a href="{Permalink}">{12Hour}:{Minutes}{AmPm}</a></div>{/block:IndexPage}
</div>
{/block:Answer}

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

</div>

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

{block:IndexPage}
<div class="column navigation" id="navigation">
{block:Pagination}
{block:PreviousPage}<a href="{PreviousPage}" class="navigate">{/block:PreviousPage}{block:PreviousPage}</a>{/block:PreviousPage}
{block:NextPage}<a href="{NextPage}" class="navigate" id="nextPage">{/block:NextPage}{block:NextPage}</a>{/block:NextPage}{/block:Pagination}
</div>
{/block:IndexPage}

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