Sway Theme

<!--

Theme Sway 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.

-->

<html>
<head>


<meta name="color:Background" content="#FFFFFF"/>
<meta name="color:Text" content="#333333"/>
<meta name="color:Border" content="#dddddd"/>
<meta name="color:Link" content="#222222"/>
<meta name="color:Link highlight" content="#f3f1f1"/>
<meta name="color:Text Shadow" content="#030303"/>
<meta name="color:Title" content="#333333"/>

<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:Opacity Perma" content=".90"/>
<meta name="text:Font Size" content="11" />

<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="if:Endless Scrolling" content="0"/>
<meta name="if:Caption" content="0"/>
<meta name="if:Ask Link" content="1"/>
<meta name="if:Mobile Description" content="1"/>
<meta name="if:Reblog Link On Hover" content="1"/>


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

<link rel="shortcut icon" href="{Favicon}">
<link rel="alternate" type="application/rss+xml" href="{RSS}">
{block:Description}
<meta name="description" content="{MetaDescription}" />
{/block:Description}

<title>{Title}</title>


<style type="text/css">

body {
background-color: {color:Background};
text-align:justify;
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 bottom;{/block:IfRightBackground}
{block:IfLeftBackground}background-position:left bottom;{/block:IfLeftBackground}
font-family: 'baskerville';
font-size: {text:Font Size}px;
line-height: 14px;
color: {color:Text};
}

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

color:{color:Link};

text-decoration: none;

-o-transition-duration: 3s;

-webkit-transition-duration: 3s;

-moz-transition-duration: 3s;

}

a:hover {

color:{color:link highlight};

-webkit-transition-duration: 0.5s;

-moz-transition-duration: 0.5s;

-o-transition-duration: 0.5s;

-ms-transition-duration: 0.5s;

text-decoration: none;

text-shadow:0px 0px 10px {color:Text Shadow};

}

#content{
background: {color:Background};
padding:10px;
margin:auto;
width:250px;}

.title {
margin:-10px 0 0px 0;
font-size:21px;
line-height:28px;
font-family: 'baskerville';
text-align:center;
color:{color:Title};}

.nav {
text-align:center;
text-transform:lowercase;
margin-bottom:30px;
margin-top:2px;}

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

.q {
margin-bottom:3px;}


#entry:hover .permalink {display: block;}
.permalink {font-size: 11px; font-family:Arial font-weight: normal; text-align: left; position: absolute; padding-left: 15px; margin-left:250px; display: none;line-height:14px; opacity: {text:Opacity Perma};}


#pagination {
font-family: trebuchet ms;
font-size: 11px;
text-align:center;
margin-bottom:4px;}


#entry {
margin-bottom:10px;
width:250px;}


ol.notes {padding: 0px; margin: 25px 0px; list-style-type: none; border-bottom: dotted 1px #ccc;}
ol.notes li.note {border-top: dotted 1px #ccc; padding: 5px;}
ol.notes li.note img.avatar {vertical-align: -4px;margin-right: 10px;width: 16px;height: 16px;}
ol.notes li.note span.action {font-weight: normal;}
ol.notes li.note .answer_content {font-weight: normal;}
ol.notes li.note blockquote {border-color: #eee; padding: 4px 10px; margin: 10px 0px 0px 25px;}
ol.notes li.note blockquote a {text-decoration: none;}
ul{margin-left:-40px!important; list-style:none;}

::-webkit-scrollbar{width:7px;height:7px;}

::-webkit-scrollbar-button:start:decrement

::-webkit-scrollbar-button:end:increment{display:block;height:0;background-color:transparent;}

::-webkit-scrollbar-track-piece{background-color:#fff; -webkit-border-radius:0;-webkit-border-bottom-right-radius:3px;-webkit-border-bottom-left-radius:3px;}

::-webkit-scrollbar-thumb:vertical{height:50px; background-color: #000;-webkit-border-radius:px;}

::-webkit-scrollbar-thumb:horizontal{width:7px; background-color: #000; -webkit-border-radius:px;}

.tumblrAutoPager_page_info, .tumblrAutoPager_page_separator {display:none;}

{block:ifReblogLinkOnHover}
#entry .imgpermalink {
list-style: none;
position:absolute;
margin-left:10px;
margin-top:8px;
opacity:0;
-webkit-transition: 0.2s;
-webkit-transition: 0.2s;
-moz-transition: 0.2s;
transition: 0.2s;}

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

#entry .imgpermalink li{
float: left;
margin: 0 0 0 -3px;
padding: 5px;}

#entry .imgpermalink li:first-child {
margin-left:-40px;}
{/block:ifReblogLinkOnHover}
</style>

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


<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 id="content">

<div class="title"><a href="/">{Title}</a></div>


<center>
{block:ifnotMobileDescription}{block:Description} {Description} {/block:Description}{/block:ifnotMobileDescription}
{block:ifMobileDescription}{block:Description} <marquee>{Description}</marquee> {/block:Description}{/block:ifMobileDescription}
</center>

<div class="nav">

{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}
<a href="http://m-orbide.tumblr.com/">theme</a>


<div style="border-bottom:1px solid {color:Border};padding-bottom:5px;margin-top:4px;margin-bottom:-5px;margin-top:-3px;"></div>
</div>



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

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


{block:Text}
<div id="entry">
<span class="permalink"><a href="{Permalink}"> {NoteCount}</a><br><a href="{ReblogURL}" target="_blank">reblog</a></span>
{block:Title}{Title}{/block:Title}
{Body}
</div>
{/block:Text}

{block:Photo}
<div id="entry">
{block:ifReblogLinkOnHover}
<div class="imgpermalink">
<a href="{ReblogURL}" target="_blank"><li>{ReblogButton color="white" size="14"}</li>
<li>{LikeButton color="white" size="14"}</li>
</div>
{/block:ifReblogLinkOnHover}
<a href="{Permalink}"><img src="{PhotoURL-500}" alt="{PhotoAlt}" width="250"/></a>
{block:IfCaption}{block:Caption}{Caption}{block:Caption}{/block:IfCaption}
</div>
{/block:Photo}

{block:Photoset}
<div id="entry">
<span class="permalink"><a href="{Permalink}"> {NoteCount}</a><br><a href="{ReblogURL}" target="_blank">reblog</a></span>
<div style="width:400px; margin:auto; overflow:hidden;">{Photoset-250}</div>
{block:IfCaption}{block:Caption}{Caption}{block:Caption}{/block:IfCaption}
</div>
{/block:Photoset}

{block:Quote}
<div id="entry">
<span class="permalink"><a href="{Permalink}"> {NoteCount}</a><br><a href="{ReblogURL}" target="_blank">reblog</a></span>
<div class="q">"{Quote}"</div>
</div>
{/block:Quote}

{block:Link}
<div id="entry">
<span class="permalink"><a href="{Permalink}"> {NoteCount}</a><br><a href="{ReblogURL}" target="_blank">reblog</a></span>
<a href="{URL}">&rarr; {Name}</a>{block:Description}{Description}{/block:Description}
</div>
{/block:Link}

{block:Chat}
<div id="entry">
<span class="permalink"><a href="{Permalink}"> {NoteCount}</a><br><a href="{ReblogURL}" target="_blank">reblog</a></span>
{block:Title}<strong>{Title}</strong>{/block:Title}
{block:Lines}{block:Label}<b>{Label}</b> {Line}<br>{/block:Label}{/block:Lines}
</div>
{/block:Chat}

{block:Audio}
<div id="entry">
<span class="permalink"><a href="{Permalink}"> {NoteCount}</a><br><a href="{ReblogURL}" target="_blank">reblog</a></span>
<div class="player">{AudioPlayerBlack}</div>
{block:IfCaption}{block:Caption}{Caption}{block:Caption}{/block:IfCaption}
</div>
{/block:Audio}

{block:Answer}
<div id="entry">
<span class="permalink"><a href="{Permalink}"> {NoteCount}</a><br><a href="{ReblogURL}" target="_blank">reblog</a></span>
{Asker} murmured: {Question}
{Answer}
</div>
{/block:Answer}

{block:Video}
<div id="entry">
<span class="permalink"><a href="{Permalink}"> {NoteCount}</a><br><a href="{ReblogURL}" target="_blank">reblog</a></span>
{Video-250}
{block:IfCaption}{block:Caption}{Caption}{block:Caption}{/block:IfCaption}
</div>
{/block:Video}



{block:PostNotes}
<center>
{NoteCountWithLabel}<br>

{block:RebloggedFrom}
reblogado de <a href="{ReblogParentURL}">{ReblogParentName}</a><br>
post original por <a href="{ReblogRootURL}">{ReblogRootName}</a> {/block:RebloggedFrom}
</center></span>
<br>
<div id="postnotes">{PostNotes}</div><br>

<center>{block:ContentSource}
<br><a href="{SourceURL}">
{lang:Source}:
{block:SourceLogo}
<img src="{BlackLogoURL}" width="{LogoWidth}"
height="{LogoHeight}" alt="{SourceTitle}" />
{/block:SourceLogo}
{block:NoSourceLogo}
{SourceLink}
{/block:NoSourceLogo}
</a>
{/block:ContentSource}</center>

{/block:PostNotes}


</div>
{/block:Posts}


{block:IfNotEndlessScrolling}

{block:Pagination}
<div id="pagination">
{block:PreviousPage}<a href="{PreviousPage}">&laquo;</a>{/block:PreviousPage}
{block:JumpPagination length="5"}
{block:CurrentPage}
<span class="current_page">{PageNumber}&nbsp;</span>
{/block:CurrentPage}

{block:JumpPage}
<a class="jump_page" href="{URL}">{PageNumber}&nbsp;</a>
{/block:JumpPage}
{/block:JumpPagination}
{block:NextPage}<a href="{NextPage}">&raquo;</a>{/block:NextPage}
</div>
{/block:Pagination}

{/block:IfNotEndlessScrolling}


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


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

</body>