Empire Theme

<!
------------------------------------------------------------------------8888888888
d8b
8888
Y8P
8888
8888888 88888b.d88b. 88888b. 888 888d888 .d88b.
8888
888 "888 "88b 888 "88b 888 888P" d8P Y8b
8888
888 888 888 888 888 888 888 88888888
8888
888 888 888 888 d88P 888 888 Y8b.
8888888888 888 888 888 88888P" 888 888
"Y8888
888
888
THEME BY JAMES, AUGUST 2013 HTTP://THEMESBYJAMES.TUMBLR.COM
EMPIRE VERSON II UPDATED AUGUST 2013, CREATED JULY 2012.
CREDIT: BLINKANDITSOVER HEADER FOR DESIGN INSPIRATION
-------------------------------------------------------------------------->
<!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"><html><head>
<title>{title}</title>
<meta name="description" content="{MetaDescription}" />
<link rel="shortcut icon" href="{Favicon}">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<link rel="alternate" type="application/rss+xml" title="RSS" href="{RSS}" />
<meta name="viewport" content="width=1220" />

<meta name="color:Background" content="#FFFFFF" />
<meta name="color:Blog Title" content="#FFFFFF" />
<meta name="color:Text" content="#000000" />
<meta name="color:Link" content="#292929"/>
<meta name="color:Link Hover" content="#292929" />
<meta name="color:Header Text" content="#FFFFFF"/>
<meta name="color:Header Background" content="#292929" />
<meta name="image:Background" content="" />
<meta name="if:3 Columns" content="1"/>
<meta name="if:Link Dividers A" content="0"/>
<meta name="if:Link Dividers B" content="0"/>
<meta name="if:Link Dividers C" content="0"/>

<meta name="if:Rounded Photos" content="0"/>
<meta name="if:Compact Posts" content="0"/>
<meta name="if:Show Blog Title" content="1"/>
<meta name="if:Drop Down Ask Box" content="1"/>
<meta name="if:Header Transparent" content="0"/>
<meta name="if:Header Fixed" content="0"/>
<meta name="if:Blog Title A" content="0"/>
<meta name="if:Blog Title B" content="0"/>
<meta name="if:Blog Title C" content="1"/>
<meta name="text:Ask Title" content="Message" />
<meta name="text:Link One" content="" />
<meta name="text:Link One Title" content="" />
<meta name="text:Link Two" content="" />
<meta name="text:Link Two Title" content="" />
<meta name="text:Link Three" content="" />
<meta name="text:Link Three Title" content="" />
<meta name="text:Link Four" content="" />
<meta name="text:link Four Title" content="" />
<meta name="text:link Five" content="" />
<meta name="text:link Five Title" content="" />
<meta name="text:link Six" content="" />
<meta name="text:link Six Title" content="" />
<meta name="text:link Seven" content="" />
<meta name="text:link Seven Title" content="" />
<meta name="text:link Eight" content="" />
<meta name="text:link Eight Title" content="" />

<link href="http://static.tumblr.com/6jwx45k/VUxmq9xvq/animation.css"
rel="stylesheet">
<script type="text/javascript"
src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
<link href='http://fonts.googleapis.com/css?family=Lekton|Pacifico' rel='stylesheet'
type='text/css'>

src="http://static.tumblr.com/ts2nqrf/Msal8du92/cufon.js"></script>
src="http://static.tumblr.com/ts2nqrf/mNQl8du9p/bebas.js"></script>
<script type="text/javascript"> Cufon.DOM.ready(function()
{ Cufon.replace('.tw_font_bebas', { fontFamily: 'bebas', hover:true }); $
('.bebas').css('visibility','visible'); }); </script>
<script src="http://static.tumblr.com/6jwx45k/qnrmqhe43/ifie1.js"></script>
<script src="http://static.tumblr.com/6jwx45k/QcKmqhe47/ifie2.js"></script>
<style type="text/css">
html{
overflow-x:hidden;
height:103%;}
body, p {
font-family: 'Ubuntu';
font-style: normal;
font-size: 12px;
line-height:16px;
padding: 0px;
margin: 0px;
color:{color:text};}
body {
background-color:{color:background};
background-image:url({image:Background});
background-attachment: fixed;
background-repeat: repeat;}
a{
text-decoration:none;
color:{color:text};
-webkit-transition: all 0.4s linear;
-moz-transition: all 0.4s linear;
transition: all 0.4s linear;}
a:link, a:active, a:visited{
color: {color:Link};
text-decoration: none;
-webkit-transition: all 0.6s ease-out;-moz-transition: all 0.6s ease-out;-o-transition: all
0.6s ease-out;transition: all 0.6s ease-out;}
a:hover{
color:{color:link hover};}
img {{block:ifRoundedPhotos}border-radius:5%;{/block:ifroundedphotos}}
img:hover{opacity:1.0;-webkit-transition: all 0.6s ease-out;-moz-transition: all 0.6s easeout;-o-transition: all 0.6s ease-out;transition: all 0.6s ease-out;}
a, img {border:none;padding:0px;height:auto;}
.entry img{width:100%;padding:0px;border:none;height:auto;}
div#content {
margin:auto;width:100%;
margin-top:65px;
{block:ifcompactposts}
margin-left:0.63px;
{block:if3Columns}margin-left:0.5px;{/block:if3Columns}
{block:if4Columns}margin-left:0.2%;{/block:if4Columns}
{block:if5Columns}margin-left:3%;{/block:if5Columns}
{block:if6Columns}margin-left:2.2%;{/block:if6Columns}
{/block:ifcompactposts}
{block:ifnotcompactposts}
margin-left:0.29%;margin-right:0.3%;
{block:if3Columns}margin-left:1.96%;margin-right:1.95%;{/block:if3Columns}
{/block:ifnotcompactposts}}
.entry{
margin:1%;
{block:ifcompactposts}margin:0.2%; margin-bottom:0%;{/block:ifcompactposts}
float:left;
height:auto;
{block:IndexPage}
width:19.7%;
{block:ifcompactposts}
{block:if3Columns}width:32.9%;{/block:if3Columns}
{/block:ifcompactposts}
{block:ifnotcompactposts}
width:17.9%;
{block:if3Columns}width:30%;{/block:if3Columns}
{/block:ifnotcompactposts}
overflow:hidden;
{/block:IndexPage}
{block:PermalinkPage}
top:20px;
position:fixed;
width:500px;
height:auto;
{/block:PermalinkPage}}
.blogtitle{font-size:30px;text-align:center;letter-spacing:1px;color:{color:Blog Title};
padding-top:3px;line-height:45px;font-weight:700;text-align:left;display:inline;
{block:ifBlogTitleA}font-family:Pacifico;letter-spacing:1.5px;{/block:ifBlogTitleA}
{block:ifBlogTitleB}
font-family:helvetica neue, helvetica;letter-spacing:-1px;font-size:37px;
{/block:ifBlogTitleB}
{block:ifBlogTitleC}font-family: 'bebas';padding-bottom:8px;{/block:ifBlogTitleC}}
.blogtitle a{color:{color:Blog Title};text-transfrom:uppercase;}
.entry .like_and_reblog_buttons {
display:block;
position:absolute;
bottom:-9px;
list-style: none;
opacity:0;
background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,2,2,2) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)),
color-stop(100%,rgba(0,4,4,1)));
background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,2,2,2) 100%);
background: -o-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,2,2,2) 100%);
background: -ms-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,2,2,2) 100%);
background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,3,4,2) 100%);
width:100%;
transition: all 0.5s linear;
}
.entry:hover .like_and_reblog_buttons{
opacity:0.8;
transition: all 0.3s linear;}
.like_and_reblog_buttons li {
float: left;
padding:10px 0px 5px 0px;
height:22px;
overflow:visible;}
.like_and_reblog_buttons li:first-child {
margin-left:-30px;}
.entry .permn{display:block;list-style:none;opacity:1;color:white;line-height:35px;fontsize:14px;position:absolute;right:50px;font-weight:600;}
.permn a{color:white;}
.links a {
color:#000;}
.links {
width:100%;
padding:4px;
margin-bottom:4px;
border-right:0px solid transparent;
color:#000;
text-align:left;
border-bottom:1px solid #ccc;
font-size:12px;
line-height:16px;
display:block;
-moz-transition: all 0.2s linear;}
.links:hover {
#top{
{block:ifHeaderFixed}position:absolute;{/block:ifHeaderFixed}
{block:ifnotHeaderFixed}position:fixed;{/block:ifnotHeaderFixed}
top:0px;
{block:ifHeaderTransparent}opacity:0.85;{/block:ifHeaderTransparent}
width:100%;
left:0px;
text-align:left;
padding:10px;
padding-right:10px;
padding: 10px 15px 10px 15px;
background-color:{color:Header Background};
z-index:1;-webkit-transition: all 0.4s linear;
#navback{
opacity:.8;
z-index:3;
position:absolute;
position:fixed;
top:0px;
left:0px;
width:100%;
height:70px;
z-index:99;
opacity:1;}
.nav{
color:{color:header text};
height:60px;
display:inline;
font-size:11px;
line-height:55px;
position:absolute;
text-transform:uppercase;
letter-spacing:1px;
text-align:left;}
.nav a{
padding:1px;
border-top:2px solid transparent;
margin-left:10px;
margin-right:10px;
-moz-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.nav a:hover{
border-top:2px solid {color:Header Link};
-webkit-transition: all 0s linear;
-webkit-transition: all 0s linear;
-moz-transition: all 0s linear;
transition: all 0s linear;
}
.text{padding:5px 5px 5px 5px;;-webkit-transition: all 0.5s linear;

{block:PermalinkPage}width:500px;{/block:PermalinkPage}}
.audio{padding:3px 3px 6px 3px;;-webkit-transition: all 0.5s linear;
.chat{padding:3px 3px 6px 3px;;-webkit-transition: all 0.5s linear;
.misc_post{
{block:indexpage}height:250px;overflow:hidden;
opacity:0.8;color:{color:header text};{/block:indexpage}
transition: all 0.5s linear;text-align:center;}
.misc_title{text-align:center;color:{color:header text};font-weight:300;texttransform:uppercase;display:block;padding-top:105px;color:{color:header text};}
.misc_title a{color:{color:header text};font-weight:500;}
#plus{
display:inline-block;
padding-left:23px;
padding-right:5px;
font-size:26px;
margin-top:-3px;
position:absolute;
font-weight:700;}
.ask_form{
cursor:help;
padding:1px;
margin-right:10px;}
.asktitle{font-size:13px;text-transform:uppercase;letter-spacing:1px;
text-align:left;color:{color:header text};padding-bottom:5px;display:block;fontweight:700;}
.asktitle a{color:{color:header text};}
.message{
display:none;
font-size:12px;
font-weight:400;
position:absolute;
top:60px;
height:225px;
left:0px;
padding-bottom:10px;
width:100%;
text-align:right;
position:fixed;
text-align:left;
padding-left:15px;
padding-right:15px;
z-index:2;}
.description{
z-index:1;
display:none;
font-size:12px;
font-weight:400;
position:absolute;
top:65px;
left:0px;
padding-bottom:10px;
width:100%;
text-align:right;
position:fixed;
text-align:left;
padding-left:15px;}
#infscr-loading{
z-index:1;
bottom: 3px;
position: absolute;
left: 50%;
height:32px;
width:32px;
border-radius:32px;
margin-left:-16px;
overflow:hidden;
margin-bottom: 50px;}
.notes{display:block;margin-left:-20px;}
ol.notes li.note {
list-style-type: none;
padding: 1px;
float:left;}
ol.notes li.note img.avatar {
vertical-align: -4px;
width: 20px;
height: 20px;}
ol.notes li.note span.action {
font-weight:normal;
display:none;}
ol.notes li.note .answer_content {
font-weight: normal;
display:none;}
ol.notes li.note blockquote {
padding: 4px 10px;
margin: 10px 0px 0px 0px;
display:none;}
ol.notes li.note blockquote a {
text-decoration: none;
display:none;}
ol.notes more_notes_link_container{
text-align:center;
height:14px;
padding:3px;
width:104px;
margin:1px;
background-color:rgba(0,0,0,0.1);}
ol.notes more_notes_link_container:hover{
background-color:rgba(0,0,0,0);}
.text_buttons {
padding-bottom:5px;
margin-left:-40px;
list-style: none;
opacity:1;
color:gray;
}
.text_buttons li {
float: left;
z-index:1;
padding-left:5px;
padding-right:5px;}
.text_nc_button{float:left:display:block;position:absolute;margin-left:57px;margin-top:18px;}
.text_nc_button a{color:gray;}
.text_anc_button{float:left:display:block;position:absolute;margin-left:32px;margin-top:18px;}
.text_anc_button a{color:gray;}
#chat { margin:0; list-style:none; padding:0;opacity:1;} #chat li { padding:7px 10px;}
#chat li:nth-child(even) {
background-color:{color:Header Background};opacity:0.75;border-radius:5px;color:
{color:header text};} #chat li span{ text-transform:uppercase;}
.cover {
width:100%;
z-index:1;
height:auto;}
.cover img {
float:left;
width:100%;
height:auto;}
.playbox {
opacity:1;
background-color:black;
height:27px;
overflow:hidden;
z-index:1000;
width:100%;
top:3px;
text-align:left;}
.hide{width:30px;height:27px;overflow:hidden;top:px;}
.info {
margin-left:73px;
margin-top:4px;
line-height:14px;
}
{CustomCSS}
</style>
</head><body>
<div id="top">
<div class="blogtitle">
{block:ifShowBlogTitle}<a href="/">{title}</a>{/block:ifShowBlogTitle}
{block:ifnotShowBlogTitle} {/block:ifnotShowBlogTitle}
</div>
<div class="description">
<div style="padding-right:5%;">{description}</div></div>
<div class="message">

<iframe frameborder="0" height="200px" id="" scrolling="no"
src="http://www.tumblr.com/ask_form/{name}.tumblr.com" width="500px;"
overflow="hidden""></iframe>
<p>
<div style="display:block;margin-left:0px;margin-top:5px;"></div>
<span class="ask_form">
<b>X</b> CLOSE</span>
</div>
<span class="nav">
<div id="plus" onclick="ShowMenu();changeText();" style="cursor:help; marginleft:0px;">+</div>



<a href="/">Home</a>
{block:ifLinkDividersA}<div style="display:inline;"></div>{/block:ifLinkDividersA}
{block:ifLinkDividersB}<div style="display:inline;">|</div>{/block:ifLinkDividersB}
{block:ifLinkDividersC}<div style="display:inline;">/</div>{/block:ifLinkDividersC}
{block:AskEnabled}
{block:ifDropDownAskbox}
<span class="ask_form">{text:Ask Title}</span>
{/block:ifDropDownAskbox}
{block:ifnotDropDownAskbox}
<a href="/ask">{text:Ask Title}</a>
{/block:ifnotDropDownAskbox}
{/block:AskEnabled}
{block:ifLinkOneTitle}
<a href="{text:Link One}">{text:Link One Title}</a>
{/block:ifLinkOneTitle}
{block:ifLinkTwoTitle}
<a href="{text:Link Two}">{text:Link Two Title}</a>
{/block:ifLinkTwoTitle}
{block:ifLinkThreeTitle}
<a href="{text:Link Three}">{text:Link Three Title}</a>
{/block:ifLinkThreeTitle}
{block:ifLinkFourTitle}
<a href="{text:Link Four}">{text:Link Four Title}</a>{block:ifLinkDividersA}<div
style="display:inline;"></div>
{/block:ifLinkDividersA}
{/block:ifLinkFourTitle}
{block:ifLinkFiveTitle}
<a href="{text:Link Five}">{text:Link Five Title}</a>
{/block:ifLinkFiveTitle}
{block:ifLinkSixTitle}
<a href="{text:Link Six}">{text:Link Six Title}</a>
{/block:ifLinkSixTitle}
{block:HasPages}{block:Pages}<a href="{URL}">{Label}</a>
{/block:Pages}{/block:HasPages}
<a href="/archive">Archive</a>
<a href="http://final-stand.tumblr.com" title="Theme Maker"
target="_blank">Theme</a>
</div>
</span>
</div>
<script type="text/javascript">
$(document).ready(function(){
$(".message").hide(0);
$(".ask_form").click(function(){
$(".message").slideToggle(650);
});
});
</script>
<script>
var IsOpen = "no";
function ShowMenu()
{
if (IsOpen == "no")
{
$(".description").slideDown("slow");
document.getElementById('plus').innerHTML = '-';
IsOpen="yes";
}else
{
$(".description").slideUp("slow");
document.getElementById('plus').innerHTML = '+';
IsOpen="no";
}
}
</script>
<div id="content">
{block:Posts}
<div class="entry">
{block:Text}
<div class="text">{block:Title}<span class="title">{Title}</span>{/block:Title}
{Body}
{block:indexpage}
<ul class="text_buttons">
<li>{ReblogButton color="gray" size=17}</li>
<li>{LikeButton color="gray" size=17}</li>
</ul>
<div class="text_nc_button"><a href="{Permalink}">{Notecount} Notes</a></div>
{/block:indexpage}
</div>
{/block:Text}
{block:Answer}
<div class="text">
<b>Q</b>: {Question}
<div style="margin-top:5px;"></div>
{Answer}
<div style="margin-top:5px;"><i>asked by {Asker}</i></div>
{block:indexpage}
</ul>
<div class="text_anc_button"><a href="{Permalink}">{Notecount} Notes</a></div>
{/block:indexpage}
</div>
{/block:Answer}
{block:Link}
<div class="text"><a href="{URL}"><span class="title">{Name}</span></a>
{block:Description}{Description}{/block:Description}
{block:indexpage}
</ul>
{/block:indexpage}
</div>
{block:Link}
{block:Photo}
{block:IndexPage}{LinkOpenTag}<div class="photo"><a href="{permalink}"><img
src="{PhotoURL-500}" alt="{PhotoAlt}" width=100%/></a></div>{LinkCloseTag}
{/block:IndexPage}{block:PermalinkPage}{LinkOpenTag}<img src="{PhotoURL500}" alt="{PhotoAlt}" width=500px/>{LinkCloseTag}{/block:PermalinkPage}
{block:indexpage}
<ul class="like_and_reblog_buttons">
<li>{ReblogButton color="white" size=17}</li>
<li>{LikeButton color="white" size=17}</li>
<div class="permn"><a href="{Permalink}">{notecount}</a></div>
</ul>
{/block:indexpage}
{/block:Photo}
{block:Photoset}
{block:IndexPage}
<div class="misc_post">
<span class="misc_title"><a href="{permalink}" target="_blank" title="Permalink">
<u>View Photoset</u>
<Br> {notecountwithlabel} </a>
{block:RebloggedFrom}
/ <a href="{ReblogParentURL}">
Via: {ReblogParentName}</a> {/block:RebloggedFrom}
</span></div>{/block:IndexPage}
{block:PermalinkPage}{Photoset-500}{/block:PermalinkPage}
</center>
{/block:Photoset}
{block:Quote}
<div class="text"><div class="title">{Quote}</div> - {Source}
{block:indexpage}
</ul>
{/block:indexpage}
</div>
{/block:Quote}
{block:Chat}
<div class="chat">
{block:Title}
<a href="{Permalink}">
<div class="title">{Title}</div></a>
{/block:Title}
<ul id="chat">
{block:Lines}
<li class="{Alt} user_{UserNumber}">
{block:Label}
<span class="label">{Label}</span>
{/block:Label}
{Line}
</li>
{/block:Lines}
</ul>
{block:indexpage}
</ul>
{/block:indexpage}
</div>
{/block:Chat}
{block:Audio}
{block:IndexPage}
<div class="audio">
{block:AlbumArt}<div class="cover">
<a href="{permalink}">
<img src="{AlbumArtURL}"></div></a>{/block:AlbumArt}
<div class="playbox"><div class="hide">
{block:AudioPlayer}{AudioPlayerBlack}{/block:AudioPlayer}
</div></div>
{block:Caption}
<div style="text-align:left;padding-top:5px;display:inline-block;bottom:5px;">{caption}</div>{/block:Caption}</div>
{/block:IndexPage}
<div class="text">{block:AudioPlayer}{AudioPlayerBlack}{/block:AudioPlayer}
</div>{/block:PermalinkPage}
</center>
{block:indexpage}
<div style="margin-top:-12px;"> </div>
</ul>
{/block:indexpage}
{/block:Audio}
{block:Video}
{block:IndexPage}
<div class="misc_post">
<span class="misc_title"><a href="{permalink}" target="_blank" title="Permalink">
<u>Watch Video</u>
<Br> {notecountwithlabel} </a>
{block:RebloggedFrom}
/ <a href="{ReblogParentURL}">
Via: {ReblogParentName}</a> {/block:RebloggedFrom}
</span></div>{/block:IndexPage}
{block:PermalinkPage}{Video-500}{/block:PermalinkPage}
</center>
{block:Video}
{block:HasTags} · {block:Tags}<a href="TagURL"> #{Tag}</a>
{/block:Tags}{/block:hasTags}
{/block:PermalinkPage}
{block:PostNotes}
<div class="notess"><span class="title">{NoteCount} Notes</span><br>
{block:Caption}{caption}{/block:Caption}</div>
<span class="notes">
{PostNotes}</spaN>
{/block:PostNotes}
</div>
{/block:Posts}
</div>
{block:Pagination}
<div id="pagination">
{block:NextPage}
<a id="nextPage" href="{NextPage}"></a>
{/block:NextPage}
{block:PreviousPage}
<a href="{PreviousPage}"></a>
{/block:PreviousPage}
</div>
{/block:Pagination}
{/block:IndexPage}
</div>

src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script><script
type="text/javascript" src="http://static.tumblr.com/6jwx45k/Kw5mplfc5/infintescrollx.js"></script></script><script type="text/javascript"
src="http://static.tumblr.com/j1tjexd/WYwm8ed44/like_script.js"></script>
<script type="text/javascript">
$(window).load(function () {
var $content = $('#content');
$content.masonry({itemSelector: '.entry', columnWidth:0
});
$content.infinitescroll({
navSelector : 'div#pagination',
nextSelector : 'div#pagination a#nextPage',
itemSelector : '.entry',
loading: {/*Loading...*/
finishedMsg: '',
img: 'http://static.tumblr.com/6jwx45k/AQTmqdo25/ajax-loader.gif'
},
bufferPx :200,
extraScrollPx: 550,
debug : false,
},
// call masonry as a callback.
function( newElements ) {
window.n = window.n || 0;
Tumblr.LikeButton.get_status_by_page(++window.n);
var $newElems = $( newElements );
$newElems.hide();
// ensure that images load before adding to masonry layout
$newElems.imagesLoaded(function(){
$content.masonry( 'appended', $newElems, true, function(){$newElems.fadeIn(1500);} );
});
});
});
</script>
{block:IndexPage}
{block:Pagination}
<div id="pagination">
{block:NextPage}
<a id="nextPage" href="{NextPage}"></a>
{/block:NextPage}
{block:PreviousPage}
<a href="{PreviousPage}"></a>
{/block:PreviousPage}
</div>
{/block:Pagination}
{/block:IndexPage}
</body></html>

Empire Theme

Transféré par

Informations du document

Titre original

Copyright

Formats disponibles

Partager ce document

Partager ou intégrer le document

Options de partage

Avez-vous trouvé ce document utile ?

Ce contenu est-il inapproprié ?

Droits d'auteur :

Formats disponibles

Empire Theme

Transféré par

Droits d'auteur :

Formats disponibles

<!

<meta name="if:Link Dividers C" content="0"/>

.text{padding:5px 5px 5px 5px;;-webkit-transition: all 0.5s linear;

Vous aimerez peut-être aussi