Fansite Theme 01. Navy Blue

<!
--
Fansite theme 01. by CrimsonxThemes
Navy Blue
nv bloo
o
Please don't steal this, I worked really hard on it

And theives are ugly butts ^u^
()
-->
<html>
<head>
<link href="https://fonts.googleapis.com/css?
family=Open+Sans:300,300i,400,400i,700|Work+Sans:200,700" rel="stylesheet">
<title>{Title}</title>
<link rel="shortcut icon" href="{Favicon}">
<link rel="altertnate" type="application/rss+xml" href="{RSS}">
<meta name="description" content="" />
<meta http-equiv="x-dns-prefetch-control" content="off"/>


<meta name="if:Back To Top" content="1"/>
<meta name="if:Crosshair Pointer" content="0"/>
<meta name="if:Minimal Controls" content="1"/>


<meta name="if:Affiliates Box" content="0"/>
<meta name="if:Extra Links Box" content="0"/>
<meta name="if:Members Box" content="0"/>
<meta name="if:Projects Box" content="0"/>
<meta name="if:Related Box" content="0"/>
<meta name="if:Schedules Box" content="0"/>
<meta name="if:Search Box" content="0"/>
<meta name="if:Statistics Box" content="0"/>
<meta name="if:Updates Box" content="0"/>


<meta name="select:Font Size" content="9" title="9px"/>
<meta name="select:Info Font Size" content="10" title="10px"/>


<meta name="select:Font Weight" content="300" title="300"/>
<meta name="select:Font Weight" content="400" title="400"/>


<meta name="color:Ask Border" content="#a3a4b4" />
<meta name="color:Background" content="#fbfbfb" />
<meta name="color:Blockquote Border" content="#e3e4ff" />
<meta name="color:Bold" content="#000"/>
<meta name="color:Info Box Border" content="#a3a4b4" />
<meta name="color:Info Box Image Border" content="#bbb" />
<meta name="color:Links" content="#a3a4b4" />
<meta name="color:Link Border" content="#e3e4ff" />
<meta name="color:Permalink" content="#999" />
<meta name="color:Permalink Hover" content="#999" />
<meta name="color:Post Background" content="#fff" />
<meta name="color:Scrollbar" content="#bbb" />
<meta name="color:Scrollbar Background" content="#ddd" />
<meta name="color:Selection Color" content="#e3e4ff" />
<meta name="color:Text" content="#555"/>
<meta name="color:Tooltip" content="#bbb" />


<meta name="text:Disclaimer" content="" />
<meta name="text:Search Text" content="Click here to search tags..." />
<meta name="text:Updates Box Dot" content="" />

<meta name="text:Tags Symbol" content="" />
<meta name="text:Link One URL" content="" />

<meta name="text:Link One Title" content="Link One" />
<meta name="text:Link Two URL" content="" />
<meta name="text:Link Two Title" content="Link Two" />
<meta name="text:Link Three URL" content="" />
<meta name="text:Link Three Title" content="Link Three" />


<meta name="image:Header Image" content="" />
<meta name="image:Update One Image" content="" />

<meta name="image:Update Two Image" content="" />
<meta name="image:Update Three Image" content="" />
<meta name="image:Update Four Image" content="" />
<meta name="image:Update Five Image" content="" />
<link href="//maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css"
rel="stylesheet">
<script
src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
<link rel="stylesheet" type="text/css"
href="http://static.tumblr.com/4fjyb6u/Vdgo7srut/slick.css"/>
<script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-
tooltips.js"></script>
<script>
//tooltips
(function($){
$(document).ready(function(){
$("a[title]").style_my_tooltips({
tip_follows_cursor:true,
tip_delay_time:90,
tip_fade_speed:600,
attribute:"title"
});
});
})(jQuery);
</script>
<style type="text/css">
/* Transitions */
#tumblr_controls,.tmblr-iframe.tmblr-iframe--desktop-logged-in-controls.iframe-
controls--desktop, .top {-moz-transition-duration: 0.3s; -o-transition-duration:
0.3s; -webkit-transition-duration: 0.3s; transition-duration: 0.3s;}
#s-m-t-tooltip, .recent img, .recent img:hover, .like_button, .our_button,
.like_button:hover + .our_button, a, a:hover
{-moz-transition-duration: 0.7s; -o-transition-duration: 0.7s; -webkit-transition-
duration: 0.7s; transition-duration: 0.7s;}
/* Tooltips */
#s-m-t-tooltip {
max-width: 300px;
border-radius: 2px;
padding: 2px 5px 3px 5px;
margin: 15px;
background: {color:Post Background};
border: 1px solid {color:Tooltip};
font-family: open sans;
font-style:italic;
font-size: 9px;
text-transform: lowercase;
color: {color:Tooltip};
z-index: 99999;
letter-spacing: .5px;}
/* Selection Colors */
::selection {background: transparent!important; color: {color:Selection Color};}
::-moz-selection {background: transparent!important; color: {color:Selection
Color}}
/* Scrollbar Colors */
::-webkit-scrollbar {width: 11px;height: 11px;background: {color:Scrollbar
Background};}
::-webkit-scrollbar-thumb {background: {color:Scrollbar};}
::-webkit-scrollbar,::-webkit-scrollbar-thumb {border: 5px solid
{color:Background};}
/* Basics */
body { font-family: open sans; color: {color:Text}; font-size: {select:Font
Size}px; background: {color:Background}; font-weight: {select:Font Weight};}
blockquote {padding-left: 10px; margin: 5px 10px 5px; border-left: 1px solid
{color:Blockquote Border};}
ol {list-style: upper-roman;}
.cred {position: fixed; bottom: 5px; left: 10px;}
b, strong {color: {color:Bold};}
/* Links */
a {color: {color:Links}; text-decoration: none; border-bottom: 1px solid
{color:Link Border};}
a:hover {color: {color:Text};
{block:ifCrosshairPointer}
cursor: crosshair;
{/block:ifCrosshairPointer}}
.as a, .as2 a, .cred a, .icon a, .info a, .perm a, .perm2 a, .perm3 a, .media a,
.memname a {border: none;}
/* Titles and Headings */

.pti, h1, h2 {
font-family: work sans;
font-size: 13px;
font-weight: 700;
padding-bottom:2px;}
.pti a {color: {color:Text};}
/***** Topbar *****/

.top {
position: absolute;
width: 100%;
height: 30px;
top: 20px;
left: 0;
text-align: center;
z-index: 99999;}
/* Icon */
.icon {position: absolute; left: 15px; top: -14px;}
.icon img {border-radius: 50%; background-color: {color:Post Background}; padding:
4px;}
/* Topbar Links */
.links {
position: absolute;
margin-top: 7px;
width: 100%;
text-align: center;}
.links a {
margin: 3px;
font-size: 12px;}
/* Minimal Controls */
{block:IndexPage}
.con {position: absolute; margin-top: 7px; right: 20px;}
.con a {margin: 3px;}
.con a i {margin: 1px; font-size: 12px;}
{/block:IndexPage}
/* Regular Controls */
#tumblr_controls,.tmblr-iframe.tmblr-iframe--desktop-logged-in-controls.iframe-
controls--desktop {
{block:IndexPage}
{block:ifMinimalControls}
display: none;
{/block:ifMinimalControls}
{/block:IndexPage}
-webkit-filter: invert(100%);
-moz-filter: invert(100%);
-o-filter: invert(100%);
-ms-filter: invert(100%);
filter: invert(100%);
opacity: 0.2;
z-index: 9999999;
top:23px;}
/***** Header Picture *****/

.header {
position: absolute;
width: 960px;
height: 300px;
padding: 20px;
left: 50%;
margin-left: -500px;
top: 65px;
background: {color:Post Background};}
.header img {width: 960px; height: 300px;}
/****Sidebars & Posts Container ****/

#container {
width: 1000px;
height: auto;
margin: 420px auto 0;
overflow: hidden;}
/*****Basic Elements - Sidebars*****/
/* Box */
.box {
position: relative;
padding: 20px;
width: 210px;
font-size: {select:Info Font Size}px;
margin-bottom: 15px;
border-radius: 2px;}
/* Box Title */
.btitle {
width: 100%;
border-bottom: 1px dotted {color:Info Box Border};
padding-bottom: 3px;
color: {color:Info Box Border};
font-size: 12px;}
/* Box Text and Images */

.info { margin-top: 5px; letter-spacing: .5px; color: {color:Text};}
.info img, .mem img{
display: inline-block;
width: 40px;
height: 40px;
margin: 5px 8px;
background-color: {color:Post Background};
padding: 4px;
border: 1px solid {color:Info Box Image Border};
border-radius: 50%;}
/* Box Links (Extra Links & Related Blogs Sections) */

.blinks {font-size: 12px;}
.blinks a {
width: 190px;
display: block;
border-bottom: 1px dotted {color:Info Box Border};
text-align: right;}
/***** Sidebar One Exclusive Elements *****/
.sideone {position: absolute; width: 250px;}
/* Members */
.mem img {float: left; margin-top: 8px;}
.mem {height: 65px; border-bottom: 1px dotted {color:Info Box Border};}
.memname, .memtag {
position:absolute;
margin-left:65px;
width:145px;
text-align:center;}
.memname {text-transform: uppercase; margin-top:21px;}
.memtag {margin-top:31px;}
/* Searchar */
.search .query {
border: 0;
outline: 0;
padding: 5px;
width: 190px;
margin-left: 5px;
background: transparent;
color: {color:Text};
opacity: .7;
font-family: work sans;}
/* Searchbar Placeholders */
::-webkit-input-placeholder {color: {color:Text}; text-align: center; font-family:
work sans; -moz-transition-duration: 0.7s; -o-transition-duration: 0.7s; -webkit-
transition-duration: 0.7s; transition-duration: 0.7s;}
:-moz-placeholder {color: {color:Text}; text-align: center; opacity:1; font-family:
work sans; -moz-transition-duration: 0.7s; -o-transition-duration: 0.7s; -webkit-
::-moz-placeholder {color: {color:Text}; text-align: center; opacity:1; font-
family: work sans; -moz-transition-duration: 0.7s; -o-transition-duration: 0.7s;
-webkit-transition-duration: 0.7s; transition-duration: 0.7s;}
:-ms-input-placeholder {color: {color:Text}; text-align: center; font-family: work
sans; -moz-transition-duration: 0.7s; -o-transition-duration: 0.7s; -webkit-
input:focus::-webkit-input-placeholder {color: transparent; -moz-transition-
duration: 0.7s; -o-transition-duration: 0.7s; -webkit-transition-duration: 0.7s;
transition-duration: 0.7s;}
input:focus:-moz-placeholder {color: transparent; -moz-transition-duration: 0.7s;
-o-transition-duration: 0.7s; -webkit-transition-duration: 0.7s; transition-
duration: 0.7s;}
input:focus::-moz-placeholder {color: transparent; -moz-transition-duration: 0.7s;
-o-transition-duration: 0.7s; -webkit-transition-duration: 0.7s; transition-
duration: 0.7s;}
input:focus:-ms-input-placeholder { color: transparent; -moz-transition-duration:
0.7s; -o-transition-duration: 0.7s; -webkit-transition-duration: 0.7s; transition-
duration: 0.7s;}
/***** Sidebar Two Exclusive Elements *****/

.sidetwo {position: absolute; width: 250px; margin-left: 750px;}
/* Recent Updates Images */

.recent img {
width: 210px;
border-radius: 4px;
height: auto;
opacity:0.8;
border:1px solid {color:Info Box Image Border};}
.recent img:hover {opacity:0.4;}
/* Recent Updates Dots */

.slick-dotted.slick-slider {margin-bottom: 20px;}
.slick-dots li button:hover,.slick-dots li button:focus {outline: none;}
.slick-dots li button:hover:before,.slick-dots li button:focus:before {opacity: 1;}
.slick-dots {
position: absolute;
bottom: -25px;
display: block;
width: 100%;
padding: 0;
margin: 0;
list-style: none;
text-align: center;}
.slick-dots li {
position: relative;
width: 20px;
height: 20px;
margin: 0 5px;
padding: 0;
cursor: pointer;}
.slick-dots li button {
font-size: 0;
line-height: 0;
display: block;
width: 20px;
height: 20px;
padding: 5px;
cursor: pointer;
color: transparent;
border: 0;
outline: none;
background: transparent;}
.slick-dots li button:before {
font-family: 'slick';
font-size: 6px;
line-height: 20px;
position: absolute;
top: 0;
left: 0;
width: 20px;
height: 20px;
content: '{text:Updates Box Dot}';
text-align: center;
opacity: .25;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;}
.slick-dots li.slick-active button:before {opacity: .75; color: {color:Info Box
Border};}
/* Schedule Box Month */

.month {
text-align: center;
font-size: 12px;
margin-top: 5px;
font-weight: 700;}
/* Project Box Images */

.pimg {margin-top:5px;}
.pimg img {
width: 202px;
height: 202px;
padding: 4px;
border: 1px solid {color:Info Box Image Border};
/***** Posts Container *****/

.entries {
width: 440px;
height: auto;
margin-left: 280px;
margin-top:-30px;
margin-bottom:30px;}
/* Posts */
#posts {
border-radius: 2px;
width: 400px;
text-align: justify;}
#posts img, #posts li, #posts blockquote {max-width: 100%;}
/* Photo, Photoset, Video Posts */

.media {margin-bottom: 9px;}
img.center {display:block;margin:auto;}
/* Quote and Answer Posts */

.q, .as {
font-size: 12px;
width: 350px;
margin-left: 25px;}
.q {text-align: center;}
.s {text-align: right; margin-top: 3px;}
.as {text-align: right;}
.ques {
margin-top: 3px;
width: 340px;
padding: 5px;
margin-left: 25px;
margin-bottom: 10px;
border-bottom: 1px dotted {color:Ask Border};}
/* Chat Posts */
.lines {
line-height: 100%;
margin: 5px 5px 15px 5px;}
/* Audio Posts */
.ap {
overflow: hidden;
padding: 0 5px 10px 5px;
width: auto;
height: 25px;
opacity: 0.5;}
.ai {
width: auto;
font-size: 10px;
text-align:center;
margin-bottom:5px;}
/* Permalinks */
.perm, .perm2, .perm3 {
position: relative;
width: 400px;
padding: 5px 20px;
border-radius: 2px;
color: {color:Permalink};
font-size: 10px;
line-height: 16px;}
.perm { margin-bottom: 5px; margin-top: 30px; height: 15px;}
.perm2 {height: auto; margin-top: 5px; margin-bottom: 15px;}
.perm3 {height: auto; margin-top: -10px;}
.perm a, .perm2 a, .perm3 a {font-size: 10px;}
.perm a:hover, .perm2 a:hover, .perm3 a:hover {color:{color:Permalink Hover};}
.lr {
width: 50px;
position: absolute;
right: 0;
height: 15px;
margin-top: -5px;
border-radius: 2px;
text-align: right;}
.lr a {margin: 0 2px;}
/* Like Button */
.custom-like-button {
position: relative;
width: 10px;
height: 10px;
margin: 1px 2px 1px 0;}
.like_button, .our_button {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
width: 100%;
height: 100%;}
.like_button {z-index: 10;opacity: 0;}
.our_button {z-index: 1;}
.like_button iframe {width: 100% !important;height: 100% !important;}
.custom-like-button *{cursor: crosshair!important;}
.like_button:hover + .our_button {color: #f3d7dc;}
/* Post Notes */
.pn li {list-style-type: none;}
.pn img {display: none;}
.pn {line-height: 20px; margin-left: -30px;}
/* Pagination */
.pag {
margin-left: 280px;
width: 430px;
text-align: center;
margin-bottom:30px;
padding: 5px;
.pag a {
text-transform: uppercase;
font-size: 11px;
margin: 0 5px;}
/* Back to Top Button */

a.back-to-top {
position: fixed;
bottom: 10px;
right: 15px;
z-index: 999;
font-size: 10px;
font-family: work sans;}
</style>
</head>
<body>
<div class="top">
<div class="links">

<a href="/">Index</a>
<a href="/ask">Contact</a>
<a href="/submit">Submit</a>
<a href="{text:Link One URL}">{text:Link One Title}</a>
<a href="{text:Link Two URL}">{text:Link Two Title}</a>
<a href="{text:Link Three URL}">{text:Link Three Title}</a>
<a href="/archive">Past</a>

</div>
{block:IndexPage}
{block:ifMinimalControls}
<div class="con">
<a title="Instant Message" href="http://tumblr.com/dashboard?
conversation={Name}"><i class="fa fa-comments-o"></i></a>
<a title="Follow" href="http://tumblr.com/follow/{Name}"><i class="fa fa-user-
plus"></i></a>
<a title="Dashboard" href="http://tumblr.com/"><i class="fa fa-power-
off"></i></a>
<a title="Theme Credit" href="http://crimsonxthemes.tumblr.com"><i class="fa
fa-anchor"></i></a>
</div>
{/block:ifMinimalControls}
{/block:IndexPage}
<div class="icon">
<a title="{Title}" href="/"><img src="{PortraitURL-48}" /></a>
</div>
</div>
<div class="header">
<img src="{image:Header Image}" />
</div>
{block:ifBackToTop}
<a href="#" class="back-to-top">Back to top <i class="fa fa-angle-double-
up"></i></a>
{/block:ifBackToTop}
<div id="container">
<div class="sideone">


<div class="box">
<div class="btitle"><i class="fa fa-home"></i> {Title}</div>
<div class="info"><center>{Description}</center></div>
</div>

{block:ifExtraLinksBox}

<div class="box">
<div class="btitle"><i class="fa fa-share-alt"></i> Links</div>
<div class="blinks">

<a href="/">Extra Link One </a>

</div>
</div>

{/block:ifExtraLinksBox}
{block:ifMembersBox}

<div class="box">
<div class="btitle"><i class="fa fa-users"></i> Members</div>

<div class="mem">

<img src="" />


<div class="memname">
<a href="/"></a>
</div>


<div class="memtag">
</div>

</div>

</div>

{/block:ifMembersBox}
{block:ifStatisticsBox}

<div class="box">
<div class="btitle"><i class="fa fa-pie-chart"></i> Statistics</div>
<div class="info">

Visits:<br>
Status:<br>
Created:

</div>
</div>

{/block:ifStatisticsBox}
{block:ifAffiliatesBox}

<div class="box">
<div class="btitle"><i class="fa fa-thumbs-o-up"></i> Affiliates</div>
<div class="info">

<a title="" href=""><img src="" /></a>

</div>
</div>

{/block:ifAffiliatesBox}
{block:ifSearchBox}

<div class="box">
<div class="btitle"><i class="fa fa-search"></i> Search</div>
<div class="info">
<form class="search" action="javascript:return false">
<input type="text" class="query" placeholder="{text:Search Text}"></form>
</div>
</div>

{/block:ifSearchBox}


<div class="box">
<div class="btitle"><i class="fa fa-warning"></i> Disclaimer</div>
<div class="info">
<center>{text:Disclaimer}</center>
<p>
<center><a title="Crimson Themes"
href="http://crimsonxthemes.tumblr.com"><i class="fa fa-anchor"></i></a></center>
</div>
</div>

</div>
<div class="sidetwo">
{block:ifUpdatesBox}

<div class="box">
<div class="btitle"><i class="fa fa-history"></i> Recent Updates</div>
<div class="info">
<div class="recent">
<img src="{image:Update One Image}" />
<img src="{image:Update Two Image}" />
<img src="{image:Update Three Image}" />
<img src="{image:Update Four Image}" />
<img src="{image:Update Five Image}" />
</div>
</div>
</div>

{/block:ifUpdatesBox}
{block:ifSchedulesBox}

<div class="box">
<div class="btitle"><i class="fa fa-calendar"></i> Schedule</div>


<div class="month">

</div>

<div class="info">
<b></b> <p>
</div>


</div>

{/block:ifSchedulesBox}
{block:ifProjectsBox}

<div class="box">
<div class="btitle"><i class="fa fa-folder-o"></i> Upcoming
Projects</div>


<div class="pimg">
<img src=""/>
</div>


<div class="info">

<center><b>Project title</b></center>


Release date: --/--/----<br>
Project Info: Lorem ipsum dolor sit amet, consectetur adipiscing
elit.

</div>


</div>

{/block:ifProjectsBox}
{block:ifRelatedBox}

<div class="box">
<div class="btitle"><i class="fa fa-user-plus"></i> Related Blogs</div>
<div class="blinks">

<a href="/">Blog One </a>

</div>
</div>

{/block:ifRelatedBox}
</div>

<div class="entries">
{Block:Posts}
<div class="perm">
{Block:Date}
{block:IndexPage}
<div class="lr">
<div class="custom-like-button">
<div class="like_button">{LikeButton}</div>
<span class="our_button"><i class="fa fa-heart-o"></i></span>
</div>
<a title="Reblog" href="{ReblogURL}" target="_blank"><i class="fa fa-

undo"></i></a>
<a title="View Post - {NoteCountWithLabel}" href="{Permalink}"><i class="fa fa-

map-marker"></i></a>
</div>
{/block:IndexPage}
{block:Text}<i class="fa fa-pencil"></i>{/block:Text}

{block:Photo}<i class="fa fa-camera-retro"></i>{/block:Photo}
{block:Photoset}<i class="fa fa-camera-retro"></i>{/block:Photoset}
{block:Video}<i class="fa fa-tv"></i>{/block:Video}
{block:Quote}<i class="fa fa-quote-left"></i>{/block:Quote}
{block:Link}<i class="fa fa-chain"></i>{/block:Link}
{block:Chat}<i class="fa fa-comments-o"></i>{/block:Chat}
{block:Audio}<i class="fa fa-music"></i>{/block:Audio}
{block:Answer}<i class="fa fa-question"></i>{/block:Answer}
{block:IndexPage}
<a title="{NoteCountWithLabel}" href="{Permalink}">{Month}
{DayOfMonthWithZero}, {ShortYear}</a> | {24HourWithZero}:{Minutes}:{Seconds}
{block:RebloggedFrom}| <a title="{ReblogParentName}"
href="{ReblogParentURL}">Via</a> | <a title="{ReblogRootName}"
href="{ReblogRootURL}">Origins</a> {/block:RebloggedFrom}
{/block:IndexPage}
{block:PermalinkPage}
{block:Text}Text {block:NotReblog}posted{/block:NotReblog}
{block:RebloggedFrom}reblogged{/block:RebloggedFrom}{/block:Text}
{block:Photo}Photo {block:NotReblog}posted{/block:NotReblog}
{block:RebloggedFrom}reblogged{/block:RebloggedFrom}{/block:Photo}
{block:Photoset}Photoset {block:NotReblog}posted{/block:NotReblog}
{block:RebloggedFrom}reblogged{/block:RebloggedFrom}{/block:Photoset}
{block:Video}Video {block:NotReblog}posted{/block:NotReblog}
{block:RebloggedFrom}reblogged{/block:RebloggedFrom}{/block:Video}
{block:Quote}Quote {block:NotReblog}posted{/block:NotReblog}
{block:RebloggedFrom}reblogged{/block:RebloggedFrom}{/block:Quote}
{block:Link}Link {block:NotReblog}posted{/block:NotReblog}
{block:RebloggedFrom}reblogged{/block:RebloggedFrom}{/block:Link}
{block:Chat}Chat {block:NotReblog}posted{/block:NotReblog}
{block:RebloggedFrom}reblogged{/block:RebloggedFrom}{/block:Chat}
{block:Audio}Audio {block:NotReblog}posted{/block:NotReblog}
{block:RebloggedFrom}reblogged{/block:RebloggedFrom}{/block:Audio}
{block:Answer}Answer {block:NotReblog}posted{/block:NotReblog}
{block:RebloggedFrom}reblogged{/block:RebloggedFrom}{/block:Answer}
on {Month} {DayOfMonthWithZero}, {Year} at {24HourWithZero}:{Minutes}:
{Seconds}
{/block:PermalinkPage}
{/Block:Date}
</div>
<div id="posts">
{block:Text}{block:Title}<div class="pti">{Title}</div>{/block:Title}{Body}
{/block:Text}
{block:Link}<div class="pti"><a href="{URL}">{Name}

</a></div>{block:Description}{Description}{/block:Description}{/block:Link}
{block:Quote}<div class="q"> {Quote} </div>{block:Source}<div class="s">

{Source}</div>{/block:Source}{/block:Quote}
{block:Photo}<div class="media">{LinkOpenTag}<img class="center"

src="{PhotoURL-400}" />{LinkCloseTag}</div>{Block:Caption}{Caption}{/Block:Caption}
{/block:Photo}
{block:Photoset}<div class="media">{Photoset}</div>{block:Caption}{Caption}
{/block:Caption}{/block:Photoset}
{block:Video}<div class="media">{Video-400}</div>{block:Caption}{Caption}
{/block:Caption}{/block:Video}
{block:Answer}<div class="as">{Asker}</div><div
class="ques">{Question}</div>{block:Answerer}<div class="as">{Answerer}</div><div
class="ques">{/block:Answerer}<div
class="ques2">{Answer}</div>{block:Answerer}</div>{/block:Answerer}{/block:Answer}
{block:Chat}{block:Title}<div class="pti">{Title}</div>{/block:Title}
{block:Lines} <div class="lines">{block:Label}<b>{Label}</b>{/block:Label}
{Line}</div>{/block:Lines}{/block:Chat}
{block:Audio}{block:AudioPlayer}<div
class="ap"><center>{AudioPlayer}</center></div>{/block:AudioPlayer}
{block:Artist}<div class="ai">{Artist}</div>{/block:Artist}{block:TrackName}<div
class="ai"><b>{TrackName}</b></div>{/block:TrackName}{block:Album}<div
class="ai">{Album}</div>{/block:Album}{block:PlayCount}<div
class="ai"><i>{PlayCountWithLabel}</i></div>{/block:PlayCount}{block:Caption}
{Caption}{/block:Caption}{/block:Audio}
</div>
{block:Date}
{block:IndexPage}
{block:HasTags}
<div class="perm2">
{block:Tags}<a href="{TagURL}">{text:Tags Symbol}{Tag} </a>{/block:Tags}
</div>
{/block:HasTags}
{/block:IndexPage}
{block:PermalinkPage}
<div class="perm2">
<center>{NoteCountWithLabel} {block:RebloggedFrom}| <a
title="{ReblogParentName}" href="{ReblogParentURL}">Via</a> | <a
title="{ReblogRootName}" href="{ReblogRootURL}">Origins</a>
{/block:RebloggedFrom}</center>
{block:HasTags}<center>{block:Tags}<a href="{TagURL}">{text:Tags Symbol}
{Tag} </a>{/block:Tags}</center>{/block:HasTags}
</div>
{block:PostNotes}
<div class="perm3">
<div class="pn">{PostNotes}</div>
</div>
{/block:PostNotes}
{/block:PermalinkPage}
{/block:Date}
{Block:Posts}
</div>
{block:Pagination}
<div class="pag">
{block:PreviousPage}<div class="next"><a href="{PreviousPage}">Previous</a>
{/block:PreviousPage}{block:NextPage}<a
href="{NextPage}">Next</a></div>{/block:NextPage}
</div>
{/block:Pagination}
</div>

{block:ifnotMinimalControls}
<div class="cred"><a href="http://crimsonxthemes.tumblr.com" title="Crimson
Themes"><i class="fa fa-anchor"></i></a></div>
{/block:ifnotMinimalControls}
<script
src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"
type="text/javascript"></script>
<script type="text/javascript" src="//code.jquery.com/jquery-
1.11.0.min.js"></script>
<script src="http://static.tumblr.com/4fjyb6u/DiNo7srsg/slick.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
//sticky top
$(function(){
var stickyRibbonTop = $('.top').offset().top;
$(window).scroll(function(){
if( $(window).scrollTop() > stickyRibbonTop ) {
$('.top').css({position: 'fixed', top: '0px', left: '0px', height: '56px',
width: '100%'});
$('.iframe-controls--desktop').css({top: '14px'});
$('.icon').css({top: '0px'});
$('.con').css({top: '13px'});
$('.links').css({top: '13px'});
} else {
$('.top').css({position: 'absolute', top: '20px', height: '30px', width:
'100%'});
$('.icon').css({top: '-14px'});
$('.con').css({top: '2px'});
$('.links').css({top: '2px'});
$('.iframe-controls--desktop').css({top: '24px'});
}
});
});
//search tags @shythemes

$('.search').submit(function(event){
var value = $('input:first').val();
location.replace('http://{Name}.tumblr.com/tagged/' + value);
});
//slick carousel @kenwheeler

$('.recent').slick({
adaptiveHeight: true,
dots: true,
arrows: false,
autoplay: true,
infinite: false
});
//back to top @html-tuts

$('a.back-to-top').click(function() {
$('html, body').animate({
scrollTop: 0
}, 700);
return false;
});
});
</script>
</body>
</html>

Fansite Theme 01. Navy Blue

Hochgeladen von

Dokumentinformationen

Copyright

Verfügbare Formate

Dieses Dokument teilen

Dokument teilen oder einbetten

Freigabeoptionen

Stufen Sie dieses Dokument als nützlich ein?

Sind diese Inhalte unangemessen?

Copyright:

Verfügbare Formate

Fansite Theme 01. Navy Blue

Hochgeladen von

Copyright:

Verfügbare Formate

<!

Please don't steal this, I worked really hard on it

<meta name="text:Search Text" content="Click here to search tags..." />

<meta name="text:Updates Box Dot" content="" />

<meta name="text:Link One URL" content="" />

<meta name="image:Update One Image" content="" />

.cred {position: fixed; bottom: 5px; left: 10px;}

b, strong {color: {color:Bold};}

/* Titles and Headings */

/***** Topbar *****/

/***** Header Picture *****/

/****Sidebars & Posts Container ****/

/*****Basic Elements - Sidebars*****/

/* Box Text and Images */

/* Box Links (Extra Links & Related Blogs Sections) */

/***** Sidebar Two Exclusive Elements *****/

/* Recent Updates Images */

/* Recent Updates Dots */

/* Schedule Box Month */

/* Project Box Images */

/***** Posts Container *****/

/* Photo, Photoset, Video Posts */

/* Quote and Answer Posts */

/* Back to Top Button */

<div class="sideone">

<div class="sidetwo">

</div>

<a title="Reblog" href="{ReblogURL}" target="_blank"><i class="fa fa-

<a title="View Post - {NoteCountWithLabel}" href="{Permalink}"><i class="fa fa-

{block:Text}<i class="fa fa-pencil"></i>{/block:Text}

{block:Link}<div class="pti"><a href="{URL}">{Name}

{block:Quote}<div class="q"> {Quote} </div>{block:Source}<div class="s">

{block:Photo}<div class="media">{LinkOpenTag}<img class="center"

//search tags @shythemes

//slick carousel @kenwheeler

//back to top @html-tuts

Das könnte Ihnen auch gefallen

/* Topbar */

/* Header Picture */

/Sidebars & Posts Container /

/Basic Elements - Sidebars/

/* Sidebar Two Exclusive Elements */

/* Posts Container */