850472b2 - Avis Theme

Avis Theme
<!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">
<head>

    <!-- ---------------------------------------------- 
    
#6 AVIS THEME BY EXCOLO
acrisolar.tumblr.com [main blog]
excolo.tumblr.com [tumblr themes]

    ----------------------------------------------  -->

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

<meta http-equiv="Content-Type" content="text/html; charset=utf-8">

<meta name="color:Background" content="#eeeeee"/>
<meta name="color:Text" content="#585858"/>
<meta name="color:Links" content="#ff7f61"/>
<meta name="color:Links Hover" content="#f7ee00"/>
<meta name="color:Posts Background" content="#ffffff"/>
<meta name="color:Posts Border" content="#eeeeee"/>
<meta name="color:Navigations" content="#ffffff"/>
<meta name="color:Navigations Hover" content="#eeeeee"/>
<meta name="color:Navigations Text" content="#585858"/>
<meta name="color:Navigations Hover Text" content="#585858"/>
<meta name="color:Back To Top Button" content="#f7ee00"/>
<meta name="color:Blockquote" content="#85c99f"/>
<meta name="color:Custom Scrollbar" content="#85c99f"/>
<meta name="color:Pagnition Button" content="#585858"/>
<meta name="color:Pagnition Button Hover" content="#85c99f"/>
<meta name="color:Pagnition Arrow" content="#ffffff"/>

<meta name="color:Description Title" content="#f7ee00"/>
<meta name="color:Navigations Title" content="#ff7f61"/>
<meta name="color:Twitter Title" content="#9ee4f3"/>
<meta name="color:Instagram Title" content="#85c99f"/>
<meta name="color:Title Text" content="#ffffff"/>

<meta name="color:Perma Button 1" content="#f7ee00"/>
<meta name="color:Perma Button 2" content="#ff7f61"/>
<meta name="color:Perma Button 3" content="#9ee4f3"/>

<meta name="if:Auto Hide Description" content="1"/>
<meta name="if:Show Tags" content="1"/>
<meta name="if:Show Archive Link" content="1"/>
<meta name="if:Show RSS Link" content="0"/>
<meta name="if:Hide Captions" content="1"/>
<meta name="if:Infinite Scroll" content="1"/>
<meta name="if:Full Sized Background" content="0"/>
<meta name="if:Back To Top Button" content="1"/>
<meta name="if:Show Tags" content="1"/>
<meta name="if:Custom Scrollbar" content="1"/>

<meta name="text:Ask label" content="message"/>
<meta name="text:Submit label" content="submit"/>
<meta name="text:RSS label" content="subscribe"/>
<meta name="text:Google Analytics ID" content="" />
<meta name="text:Instagram ID" content="" />
<meta name="text:Twitter Username" content=""/>
<meta name="text:Tweet Count" content="3"/>
<meta name="text:link 1 url" content="" />
<meta name="text:link 1 title" content="" />
<meta name="text:link 2 url" content="" />
<meta name="text:link 2 title" content="" />
<meta name="text:link 3 url" content="" />
<meta name="text:link 3 title" content="" />

<meta name="image:Background" content="http://25.media.tumblr.com/tumblr_luvtrlZDsC1qiav1uo1_400.png"/>
<meta name="image:Sidebar" content="http://static.tumblr.com/sjl0ztp/DgBmb5lz5/avissidebar.png"/>

<style type="text/css">
@import url(http://fonts.googleapis.com/css?family=Monoton);

body {
font: normal 12px Consolas, courier new, arial, sans-serif;
color:{color:Text};
margin:0px;
padding:0px;
background:{color:Background} url({image:Background});
{block:IfFullSizedBackground}background-size:100%;{/block:IfFullSizedBackground}
background-attachment:fixed;
}

iframe#tumblr_controls {
position:fixed !important;
top:10px !important;
right:10px !important;
}

a {
color:{color:Links};
text-decoration:none;
-webkit-transition: all 0.4s linear;
-moz-transition: all 0.4s linear;
transition: all 0.4s linear;
}

a:hover {
color:{color:Links Hover};
}

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

::-webkit-scrollbar-track {
background-color:rgba({RGBcolor:Background},0.1);
}
 
::-webkit-scrollbar-thumb {
background-color:{color:Blockquote};
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
}

blockquote {
margin:20px;
padding-left:10px;
border-left:5px solid {color:Blockquote};
}


ul { list-style-type:none;padding:0 0 0 20px; }
#puck ul li:before { content:'■ ';color:{color:Blockquote};padding-right:5px; }

#quince /* container */ {
width:660px;
margin:20px 0 0 100px;
}

#snug /* sidebar */ {
width:200px;
float:left;
position:fixed;
}

#snug #image {
max-width:100%;
display:block;
}

#inszone { overflow:auto; }

#snug #instagram {
list-style-type:none;
padding:0px !important;
margin:5px 0px 0px 0px !important;
}

.instagram-image {
width:46.25px;
}

.instagram-placeholder {
float:left;
padding:5px 5px 0px 0px;
}

.instagram-placeholder:last-child {
padding:5px 0px 0px 0px;
}

#navzone a {
display:block;
background:{color:Navigations};
color:{color:Navigations Text};
text-align:center;
padding:1px 0px;
margin-bottom:2px;
-webkit-transition: all 0.2s linear;
-moz-transition: all 0.2s linear;
transition: all 0.2s linear;
}

#navzone a:hover {
background:{color:Navigations Hover};
color:{color:Navigations Hover Text};
}

#show-des {
background:{color:Description Title};
display:block;
color:{color:Title Text};
text-align:center;
padding:5px 0px;
}

#show-nav {
background:{color:Navigations Title};
display:block;
color:{color:Title Text};
text-align:center;
padding:5px 0px;
}

#show-twe {
background:{color:Twitter Title};
display:block;
color:{color:Title Text};
text-align:center;
padding:5px 0px;
}

#show-ins {
background:{color:Instagram Title};
display:block;
color:{color:Title Text};
text-align:center;
padding:5px 0px;
}

#snug #pagnition {
text-align:center;
margin-top:10px;
{block:IfInfiniteScroll}display:none;{/block:IfInfiniteScroll}
}

#snug #pagnition a {
background:{color:Pagnition Button};
color:{color:Pagnition Arrow};
padding:0px 6px 2px 6px;
font-size:15px;
-webkit-border-radius: 50px;
-moz-border-radius: 50px;
border-radius: 50px;
}

#snug #pagnition a:hover {
background:{color:Pagnition Button Hover};
}

#flute /* posts container */ {
float:right;
}

#border {
margin-bottom:20px;
padding:5px;
background:{color:posts Background};
}

#puck /* individual post */ {
width: 400px;
background:{color:Posts Background};
padding:10px;
overflow:auto;
border:1px solid {color:Posts Border};
}

.perma {
position:absolute;
margin:-5px 0 0 440px;
{block:PermalinkPage}display:none;{/block:PermalinkPage}
}

.perma a {
color:{color:Text};
}

.perma .first:hover, .perma .second:hover, .perma .third:hover {
border-width:0 0 0 115px;
transition-delay: 0.0s;
-moz-transition-delay: 0.0s;
-webkit-transition-delay: 0.0s; 
-webkit-transition: all 0.5s linear;-moz-transition: all 0.5s linear;transition: all 0.5s linear;
}

.perma .firstopen, .perma .secondopen, .perma .thirdopen {
margin:0 0 0 15px;
padding:0 3px 0 3px;
width:94px;
background:#fff;
position:absolute;
height:0px;
overflow:hidden;
opacity:0;
-webkit-transition: all 0.2s linear;-moz-transition: all 0.2s linear;transition: all 0.2s linear;
transition-delay: 0.0s;
-moz-transition-delay: 0.0s;
-webkit-transition-delay: 0.0s; 
font-size:10px;
}

.perma .first:hover ~ .firstopen, .perma .second:hover ~ .secondopen, .perma .third:hover ~ .thirdopen {
height:28px;
opacity:1;
-webkit-transition: all 0.5s linear;-moz-transition: all 0.5s linear;transition: all 0.5s linear;
transition-delay: 0.5s;
-moz-transition-delay: 0.5s;
-webkit-transition-delay: 0.5s; 
}

.firstopen:hover, .secondopen:hover, .thirdopen:hover { opacity:1;height:28px; }
.fouter:hover .first, .souter:hover .second, .touter:hover .third { border-width:0 0 0 115px; }

.perma .first {
border-style:solid;
border-width:0 0 0 15px;
border-color:{color:Perma Button 1};
padding-left:10px;
-webkit-transition: all 0.2s linear;-moz-transition: all 0.2s linear;transition: all 0.2s linear;
transition-delay: 0.2s;
-moz-transition-delay: 0.2s;
-webkit-transition-delay: 0.2s; 
color:transparent;
}

.perma .second {
border-style:solid;
border-width:0 0 0 15px;
border-color:{color:Perma Button 2};
padding-left:10px;
-webkit-transition: all 0.2s linear;-moz-transition: all 0.2s linear;transition: all 0.2s linear;
transition-delay: 0.2s;
-moz-transition-delay: 0.2s;
-webkit-transition-delay: 0.2s; 
color:transparent;
}

.perma .third {
border-style:solid;
border-width:0 0 0 15px;
border-color:{color:Perma Button 3};
padding-left:10px;
-webkit-transition: all 0.2s linear;-moz-transition: all 0.2s linear;transition: all 0.2s linear;
transition-delay: 0.2s;
-moz-transition-delay: 0.2s;
-webkit-transition-delay: 0.2s; 
color:transparent;
}

#puck .caption {
{block:IndexPage}{block:IfHideCaptions}display:none;{/block:IfHideCaptions}{/block:IndexPage}
}

#puck .quote {
margin:0px 0px 10px 0px;
font:25px georgia;
line-height:25px;
font-style:italic;
}

#puck .quote:before {
content:'“';
font:70px arial;
line-height:50px;
margin-right:-10px;
float:left;
color:{color:Posts Border};
font-style:none;
}

#puck .source {
text-align:right;
}

#puck .title {
font:25px georgia;
font-style:italic;
margin:0 0 -5px;
}

#puck .linktitle {
font:25px georgia;
font-style:italic;
margin:0 0 -5px;
}

#puck .linktitle:after {
content:' →';
}

#puck .tags {
margin-top:10px;
text-transform:uppercase;
font-size:11px;
{block:IfNotShowTags}display:none;{/block:IfNotShowTags}
}

#puck .tags b {
color:{color:Blockquote};
}

#quince .photo {

}

#chat td {
padding:5px 0 5px 10px;
vertical-align:top;
}

#chat tr.lines {
border-bottom:1px solid {color:Posts Border};
display:block;
}

#chat tr:last-child { border:none; }

#chat .label {
font-weight:bold;
color:{color:Blockquote};
width:80px;
text-align:right;
border-right:1px solid {color:Posts Border};
padding:5px 10px 5px 0px;
margin:0 10px 0 0;
}

.nocaption {
display:none;
}

#postnotes ol {
list-style-type:none;
margin:0px;
padding:0px;
}

#postnotes {
font: normal 12px "Lucida Grande", arial, sans-serif;
line-height: 20px;
}

#top-link{ display:none; position:fixed; right:15px; bottom:15px;width: 0; height: 0; border-left: 10px solid transparent;border-right: 10px solid transparent;border-bottom: 15px solid {color:Back To Top Button};opacity:1;-webkit-transition: all 0.2s linear;-moz-transition: all 0.2s linear;transition: all 0.2s linear;}
#top-link:hover { opacity:0.5; }

#infscr-loading { 
text-align: center;
z-index: 100;
position: fixed;
left:50%;
bottom: 20px;
font-size:0px;
background:#fff;
padding:2px;
-webkit-border-radius: 50px;
-moz-border-radius: 50px;
border-radius: 50px;
width:16px;
height:16px;
}

.hide { display:none; }

#twitter span { 
display:block;
background:#fff;
margin-bottom:-13px;
position:relative;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
transition: all 0.3s ease;
}

#twitter span ~ a { color:transparent; }
#twitter span:hover ~ a { color:{color:Links}; }

#twitter span:hover {
margin-bottom:0px;
}

ul#twitter_update_list {
list-style-type:none;
margin:0px !important;
padding:0px !important;
overflow:hidden;
background:{color:Posts Background};
}

#twitter_update_list li {
border-bottom:1px solid {color:Posts Border};
padding:5px;
}

</style>

<script type="text/javascript" src="http://static.tumblr.com/3ikgvxs/0TGl4zgpu/jquery.min.js">
</script> 

{block:IfAutoHideDescription}
<script type="text/javascript"> 
$(document).ready(function(){ 
$(".draw .description").hide(); 
$(".draw .head").click(function(){ 
$(this).next(".draw .description").slideToggle('fast'); 
}); }); </script>
{/block:IfAutoHideDescription}

        <script type="text/javascript" src="http://static.tumblr.com/sjl0ztp/07tm8j6sa/jquery.scrollto-1.4.0-min.js"></script>
        <script type="text/javascript">
        jQuery.fn.topLink = function(settings) {
                settings = jQuery.extend({
                        min: 1,
                        fadeSpeed: 200,
                        ieOffset: 50
                }, settings);
                return this.each(function() {
                        //listen for scroll
                        var el = $(this);
                        el.css('display','none'); //in case the user forgot
                        $(window).scroll(function() {
                                if(!jQuery.support.hrefNormalized) {
                                        el.css({
                                                'position': 'absolute',
                                                'top': $(window).scrollTop() + $(window).height() - settings.ieOffset
                                        });
                                }
                                if($(window).scrollTop() >= settings.min)
                                {
                                        el.fadeIn(settings.fadeSpeed);
                                }
                                else
                                {
                                        el.fadeOut(settings.fadeSpeed);
                                }
                        });
                });
        };
       
        $(document).ready(function() {
                $('#top-link').topLink({
                        min: 400,
                        fadeSpeed: 500
                });
                //smoothscroll
                $('#top-link').click(function(e) {
                        e.preventDefault();
                        $.scrollTo(0,300);
                });
        });
       
       
        </script>
        
{block:ifinfinitescroll}
{block:indexpage}
<script src="http://static.tumblr.com/ihdmiub/Noam2kdyo/jquery.infinitescroll.min.js"></script>
<script type="text/javascript" src="http://static.tumblr.com/sjl0ztp/Ee9mb6v77/infinitescrollavis.js"></script>
<nav id="page-nav">
{block:NextPage}<a href="{NextPage}"></a>{/block:NextPage}</nav>
{/block:indexpage}
{/block:ifinfinitescroll}

<script type="text/javascript" src="http://static.tumblr.com/sjl0ztp/nMnmb6vgx/slideavisscript.js"></script>
    
</head>

<body>

{block:IfBackToTopButton}
<div id="top"></div>
<a style="border:none;" href="#top"><div id="top-link"></div></a>
{/block:IfBackToTopButton}

<!-- start content -->
<div id="quince">

<!-- start sidebar -->
<div id="snug">
<a href="/"><img src="{image:sidebar}" id="image"></a>

<div id="desdiv">
<a id="show-des">description</a>
<div id="deszone" class="deszone hide">
<p style="margin:0px;padding:5px 5px;background:{color:Posts Background};">{description}</p>
</div>
</div>

<div id="navdiv">
<a id="show-nav">navigations</a>
<div id="navzone" class="navzone hide">
<p style="margin:5px 0;">
{block:askenabled}<a href="/ask">{text:ask label}</a>{/block:askenabled}
{block:submissionsenabled}<a href="/submit">{text:submit label}</a>{/block:submissionsenabled}
{block:ifshowarchivelink}<a href="/archive">archive</a>{/block:ifshowarchivelink}
{block:HasPages}{block:Pages}<a href="{URL}">{Label}</a>{/block:Pages}{/block:HasPages}
{block:iflink1title}<a href="{text:link 1 url}">{text:link 1 title}</a>{/block:iflink1title}
{block:iflink2title}<a href="{text:link 2 url}">{text:link 2 title}</a>{/block:iflink2title}
{block:iflink3title}<a href="{text:link 3 url}">{text:link 3 title}</a>{/block:iflink3title}
<a href="http://excolo.tumblr.com">theme</a>
</p>
</div>
</div>

{block:IfTwitterUsername}
<div id="twediv">
<a id="show-twe">tweets</a>
<div id="twezone" class="twezone hide">

<div id="twitter"><script charset="utf-8" src="http://widgets.twimg.com/j/2/widget.js"></script>
<script>
new TWTR.Widget({
  version: 2,
  type: 'profile',
  rpp: {text:Tweet Count},
  interval: 30000,
  width: 200,
  height: 75,
  theme: {
    shell: {
      background: '{color:Posts Background}',
      color: '{color:Text}'
    },
    tweets: {
      background: '{color:Posts Background}',
      color: '{color:Text}',
      links: '{color:Links}'
    }
  },
  features: {
  scrollbar: false,

                                loop: false,

                                live: false,

                                behavior: 'all'

  }
}).render().setUser('{text:Twitter Username}').start();
</script></div>

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

{block:IfInstagramID}
<div id="insdiv">
<a id="show-ins">instagram</a>
<div id="inszone" class="inszone hide">
<div class="instagram"></div>

<script>
$(function() {
    $.ajax({
        type: "GET",
        dataType: "jsonp",
        cache: false,
        url: "https://api.instagram.com/v1/users/{text:Instagram ID}/media/recent/?access_token=18360510.f59def8.d8d77acfa353492e8842597295028fd3",
        success: function(data) {
            for (var i = 0; i < 4; i++) {
        $(".instagram").append("<div class='instagram-placeholder'><a target='_blank' href='" + data.data[i].link +"'><img class='instagram-image' src='" + data.data[i].images.low_resolution.url +"' /></a></div>");   
              }     
                            
        }
    });
});
</script>
</div>
</div>
{/block:IfInstagramID}

{block:IndexPage}
<div id="pagnition">
{block:PreviousPage}<a href="{PreviousPage}" title="previous page"><</a> {/block:PreviousPage}{block:NextPage}<a href="{NextPage}" title="next page">></a>{/block:NextPage}
</div>
{/block:IndexPage}

</div>

<div id="flute">
{block:Posts}
<!-- start each post -->
<div id="border">

<div class="perma">
<a href="{Permalink}" title=""><div class="fouter"><div class="first">-</div><div class="firstopen">{block:Date}{DayOfMonthWithZero} {Month} {Year}<br />{12Hour}:{Minutes} {AmPm}{/block:Date}</div></div></a>
<a href="{Permalink}" title=""><div class="souter"><div class="second">-</div><div class="secondopen">Posted with:<br />{NoteCountWithLabel}</div></div></a>
<a href="{ReblogURL}" title=""><div class="touter"><div class="third">-</div><div class="thirdopen">Want to Reblog this post?</div></div></a>
</div>

<div id="puck">

{block:Text}
{block:Title}
<div class="title"><a href="{Permalink}">{Title}</a></div>
{/block:Title}

{Body}         
{/block:Text}

{block:Photo}
<div class="photo">{LinkOpenTag}<img src="{PhotoURL-400}" alt="{PhotoAlt}"/>{LinkCloseTag}</div>
{block:Caption}
<div class="caption">{Caption}</div>
{/block:Caption}
{/block:Photo}

{block:Photoset}
<div class="photo">{Photoset-400}</div>
{block:Caption}
<div class="caption">{Caption}</div>
{/block:Caption}
{/block:Photoset}

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

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

{block:Link}
<a href="{URL}" class="linktitle" {Target}>{Name}</a>

{block:Description}
<div class="description">{Description}</div>
{/block:Description}
{/block:Link}

{block:Chat}
{block:Title}
<div class="title"><a href="{Permalink}">{Title}</a></div>
{/block:Title}

<table id="chat">
{block:Lines}
<tr class="lines">
{block:Label}<td class="label">
{Label}</td>
{/block:Label}
<td>{Line}</td>
</tr>
{/block:Lines}
</table>
{/block:Chat}

{block:Video}
{Video-400}
{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
{/block:Video}

{block:Answer}
<table id="chat">
<tr class="lines">
<td class="label"><img src="{AskerPortraitURL-96}" width="80" height="80"></td>
<td><b>{Asker} said:</b> {Question}</td>
</tr>
</table>
{Answer}
{/block:Answer}

{block:Audio}
{block:AudioPlayer} 
{block:AlbumArt}
<img src="{AlbumArtURL}" alt="Album art" width="200" align="left" style="padding:0 15px 0 0;" />
{/block:AlbumArt}
<ul>{block:Artist}<li>Artist: {Artist}</li>{/block:Artist}
{block:Album}<li>Album: {Album}</li>{/block:Album}
{block:TrackName}<li>Track: {TrackName}</li>{/block:TrackName}</ul>
{block:PermalinkPage}{Caption}{/block:PermalinkPage}
<div style="width:200px;overflow:hidden;background:#000;margin:15px 0 0 0;"><div style="width:100px;overflow:hidden;float:left;">{AudioPlayerBlack}</div> <p style="margin:5px 0 0 0;color:#fff;font-size:10px;">click to play</p></div>
{/block:AudioPlayer} 
{block:AudioEmbed}{AudioEmbed-400}{block:PermalinkPage}{Caption}{/block:PermalinkPage}{/block:AudioEmbed}
{/block:Audio}

{block:IndexPage}
{block:HasTags}
<div class="tags"><b>Tagged with</b>: {block:Tags}<a href="{TagURL}">#{Tag}</a>&nbsp;&nbsp;{/block:Tags}
</div>
{/block:HasTags}
{/block:IndexPage}

</div>
</div>

{block:PermalinkPage}
{block:Date}
<div id="border">
<div id="puck"><a href="{Permalink}">Posted {TimeAgo}</a>
<a href="{Permalink}#postnotes">with {NoteCountWithLabel}<br /></a>
{block:HasTags}{block:Tags}<a href="{TagURL}">#{Tag}</a> &nbsp;{/block:Tags}<br />{/block:HasTags}
{block:RebloggedFrom}{lang:Originally from ReblogRootName 2}<br />{lang:Reblogged from ReblogParentName 2}<br />{/block:RebloggedFrom}
{block:ContentSource}Sourced from <a href="{SourceURL}">{SourceTitle}</a>{/block:ContentSource}
</div>
</div>
{/block:Date}
{/block:PermalinkPage}

{block:PermalinkPage}
{block:PostNotes}
<div id="border">
<div id="puck">
<div id="postnotes">
{PostNotes}
</div>
</div>
</div>
{/block:PostNotes} 
{/block:PermalinkPage}

{/block:Posts}
</div>

</div>

{block:IfGoogleAnalyticsID}
<script>
var _gaq=[['_setAccount','{text:Google Analytics ID}'],['_trackPageview']];
(function(d,t){var g=d.createElement(t),s=d.getElementsByTagName(t)[0];
g.src=('https:'==location.protocol?'//ssl':'//www')+'.google-analytics.com/ga.js';
s.parentNode.insertBefore(g,s)}(document,'script'));
</script>
{/block:IfGoogleAnalyticsID}

</body>
</html>
New Version Fullscreen Line Numbers
Pasted: Feb 11, 2013, 7:09:28 am