Radpost
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<!--
********************************
Theme by: maxbrunel
Tumblr: maxbrunel.tumblr.com
Twitter: @maxbrunel
Name: Radpost
Version: 1.0
Year: 2012
********************************
-->
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<!-- colors, images -->
<meta name="color:Text" content="#777777"/>
<meta name="color:Link" content="#000000" />
<meta name="color:Post Titles" content="#404040"/>
<meta name="color:Post Background" content="#dddddd"/>
<meta name="color:Background" content="#ffffff"/>
<meta name="color:Banner" content="#424242" />
<meta name="image:Background" content="" />
<meta name="if:Ask"content="1" />
<meta name="if:Random"content="1" />
<meta name="text:Facebook Shortname" content="" />
<meta name="text:Myspace Shortname" content="" />
<meta name="text:LastFm Shortname" content="" />
<meta name="text:Twitter Shortname" content="" />
<meta name="text:Google Plus Shortname" content="" />
<meta name="text:Flickr Shortname" content="" />
<meta name="text:Vimeo Shortname" content="" />
<meta name="text:Youtube Shortname" content="" />
<meta name="text:Delicious Shortname" content="" />
<meta name="text:Digg Shortname" content="" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>{Title}{block:SearchPage}, {lang:Search results for SearchQuery}{/block:SearchPage}{block:PostSummary}, {PostSummary}{/block:PostSummary}</title>
{block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
<link rel="shortcut icon" href="{Favicon}" />
<link rel="apple-touch-icon" href="{PortraitURL-128}"/>
<link rel="alternate" type="application/rss+xml" href="{RSS}" />
<style type="text/css" media="screen">
/* CSS RESET */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dd,dl,dt,li,ol,ul,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;}table{border-collapse:collapse;border-spacing:0;}ol,ul{list-style:none;list-style-type: none;}q:before,q:after,blockquote:before,blockquote:after{content:"";}
*{
outline: none;
-moz-outline: none;
}
blockquote{padding-left:10px;border-left:3px solid {color:Border permalinks};margin:5px 0px 5px 10px;}
li{list-style-type: circle;margin-left: 30px;}
ul#textLinks li, ul.chat li, .note, .like{list-style-type: none;margin:0px;}
.note, .like{padding-left:5px;}
ol.notes li .avatar {position: absolute;left: 0px;top: 6px;}
ol.notes li{padding: 5px 0px 5px 25px;position:relative;}
h1,h2,h3,h4,h5,h6{font-weight: normal;}
.right{float: right;} .left{float: left;} .clear {clear: both;}
a, .socialButton{
opacity: 1;
-webkit-transition: all 0.5s ease-out;
-moz-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
-o-transition: all 0.5s ease-out;
filter:alpha(opacity=100);
}
#tumblr_controls {position:fixed !important;filter:alpha(opacity=20);-moz-opacity:0.2;opacity: 0.2;-webkit-transition: all 0.5s ease-out;-moz-transition: all 0.5s ease-out;transition: all 0.5s ease-out;-o-transition: all 0.5s ease-out;}
#tumblr_controls:hover {
position:fixed !important;
filter:alpha(opacity=100);-moz-opacity:1.0;opacity: 1.0;
-webkit-transition: all 0.5s ease-out;
-moz-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
-o-transition: all 0.5s ease-out;
}
#home{
font-family: 'Open Sans Condensed', arial, verdana, sans-serif;
position: fixed;
bottom: 15px;
right: 20px;
display: none;
font-size: 1.3em;
cursor: pointer;
color: {color:Title};
font-weight: bold;
}
a:hover, .socialButton:hover{
opacity: 0.75;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
-o-transition: all 0.5s ease-out;
filter:alpha(opacity=100);
}
body{
width:auto;
font-size:100%;
color:{color:Text};
font-family: Arial, Verdana, Helvetica, sans-serif;
text-align: center;
word-wrap: break-word;
background: {color:Background} url('{image:Background}')fixed top left repeat;
}
a {color:{color:Link};text-decoration:none;}
#titleHead{
position:relative;
font-family: 'Raleway', cursive;
font-size: 80px;
margin-top: 90px;
left:0px;
text-transform:lowercase;
font-weight:lighter;
z-index:1;
color:{color:Link};
}
#underTitle{
font-family:Arial;
font-size:12px;
top:0px;
font-weight:lighter;
z-index:1;
left: 8px;
text-transform:uppercase;
position:relative;
letter-spacing:13px;
}
#container{
position: relative;
width:85%%;
width-max:1000px;
text-align:center;
left: 150px;
right: auto;
top: 15px;
z-index:1;
min-height: 1000px;
height:auto !important;
height: 1000px;
}
#content{
position:relative;
text-align:center;
width:auto;
z-index:1;
top:5px;
margin:0px 0px 0px 0px;
}
{block:PermalinkPage}
width:100%;
text-align:center;
{/block:PermalinkPage}
display:none;
}
#header{text-align:center;}
.pichead{
position:fixed;
top:10px;
left:10px;
z-index:99;
}
.pichead:hover{
position:fixed;
left:10px;
z-index:99;
}
ul#textLink{padding:13px 10px;margin-top:0px;width:93%;height:25px;font-size:25px;font-family: 'Raleway', cursive;font-weight:bold;top:0px;left:143px;margin-bottom:10px;position:fixed;background: {color:Banner};z-index:8;text-align:left;filter:alpha(opacity=90);-moz-opacity:0.9;opacity:0.9;-moz-box-shadow: 8px 0px 12px #888;-webkit-box-shadow: 8px 0px 12px #888;box-shadow: 8px 0px 12px #888;}
ul#textLink li {padding:8px;display: inline;margin-left:0px;}
ul#textLinkli:first-child {display: inline;margin-left:30px;}
ul#textlink a:hover{text-decoration:underline;}
#descriptionHead {padding:3px;width:122px;height:auto;font-size:0.7em;left:10px;top:150px;text-align:justify;position:fixed;margin-right;180px;border-top:1px dotted;border-bottom:1px dotted;z-index:3;}
#btn_up{
z-index:3;
width:125px;
letter-spacing:5px;
text-align:justify;
left:15px;
bottom:163px;
position:fixed;
display:none;
cursor:pointer;
font-family: 'Raleway', cursive;
font-size:23px;
border-top:1px dotted;
text-transform:uppercase;
font-weight:thin;
}
#footer
.credit{padding:3px;width:122px;font-size:0.6em;left:10px;bottom:28px ;text-align:left;position:fixed;border-bottom:1px dotted;border-top:1px dotted;z-index:3;}
.copyright{padding:3px;width:122px;font-size:0.6em;left:10px;bottom:10px;text-align:left;position:fixed;border-bottom:1px dotted;font-weight:bold;z-index:3;}
.social_footer{padding:8px 0px;width:125px;font-size:0.7em;left:15px;bottom:50px;text-align:left;position:fixed;line-height:30px;z-index:3;border-top:1px dotted;}
#sidebox{
top:0px;
left:5px;
position:fixed;
z-index:2;
width:138px;
height:100%;
background:{color:Banner};
filter:alpha(opacity=90);-moz-opacity:0.9;opacity:0.9;
}
#install_button {top:27px;right:4px;filter:alpha(opacity=20);-moz-opacity:0.2;opacity:0.2;position:fixed;z-index:9;-webkit-transition: all 0.5s ease-out;-moz-transition: all 0.5s ease-out;transition: all 0.5s ease-out;-o-transition: all 0.5s ease-out;}
#install_button:hover {filter:alpha(opacity=100);-moz-opacity:1.0;opacity:1.0;-webkit-transition: all 0.5s ease-out;-moz-transition: all 0.5s ease-out;transition: all 0.5s ease-out;-o-transition: all 0.5s ease-out;position:fixed}
{block:IndexPage}
.indexposts{padding:5px;top:168px;background-color:{color:PostBackground};-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;}
{/block:IndexPage}
.titlePost{color:{color:PostTitles} !important;}
.chat{font-size:0.7em;}
.chat li.odd, .chat li.even{padding:3px;}
.chat li.even{color:{color:link};}
.link{text-decoration:dotted;}
.caption{font-size:0.7em;margin-top:3px;margin-left:3px;text-align:left;}
.noteCount{font-size:0.6em;text-align:right;margin:10px 0px;padding-top:3px;border-top:1px dashed #cccccc;}
.noteCount a{text-decoration:none;}
.label{font-weight:bold;}
.reblogColor{color:{color:link};font-weight:bold;}
.albumImage{position:relative;height: 80px;width: 80px;}
.albumImage img{height: 80px;width: 80px;-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;}
.photoPost{margin-bottom: -5px;-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;}
.audioplayerout{
position: absolute;
background-color: {PostBackground};
bottom:-20px;
right:-100px;
opacity:0.75;
filter:alpha(opacity=75);
z-index:10;
}
.audioplayerinto{
width: 25px;
height: 25px;
margin-bottom:15px;
margin-right:10px;
background:{color:postBackground};
overflow:hidden;
}
.posts{
{block:IndexPage}
float:left;
z-index:0;
width:180px;
margin:0px 10px 10px 0px;
overflow: hidden;
top:168px;
-moz-box-shadow: 0px 0px 12px #888;
-webkit-box-shadow: 0px 0px 12px #888;
box-shadow: 0px 0px 12px #888;
background-color:{color:postBackground};
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
{/block:IndexPage}
{block:PermalinkPage}
float:center;
position:relative;
width:540px;
top:0px;
text-align:center;
-moz-box-shadow: 1px 2px 10px #888;
-webkit-box-shadow: 1px 2px 10px #888;
box-shadow: 1px 2px 10px #888;
background: {color:Background};
{/block:PermalinkPage}
}
.description {
position:absolute;
font-family:Oleo Script;
text-align:center;
bottom:10px;
left:35px;
right:35px;
width:110px auto;
height:55px auto;
z-index:9001;
background: {color:link};
color:{color:background};
-moz-box-shadow: 0px 0px 15px black;
-webkit-box-shadow: 0px 0px 15px black;
box-shadow: 0px 0px 15px black;
font-size:15px;
padding:30px 0px;
opacity: 0;
filter:alpha(opacity=0);
-webkit-transition: opacity left 0.7s ease-out;
-moz-transition: opacity left 0.7s ease-out;
transition: opacity left 0.7s ease-out;
-o-transition: opacity left 0.7s ease-out;
-webkit-border-radius: 60px;
-moz-border-radius: 60px;
border-radius: 60px;
}
.description a{color:#ffffff !important;text-decoration:none;}
.description span{margin:0px 5px;}
.description span:first-child{margin-left:0px;}
.posts .description{
opacity: 0.0;
filter:alpha(opacity=0);
-webkit-transition: opacity 0.7s ease-out;
-moz-transition: opacity 0.7s ease-out;
transition: opacity 0.7s ease-out;
-o-transition: opacity 0.7s ease-out;
}
.posts:hover .description{
opacity: 0.90;
filter:alpha(opacity=90);
-webkit-transition: opacity 0.7s ease-out;
-moz-transition: opacity 0.7s ease-out;
transition: opacity 0.7s ease-out;
-o-transition: opacity 0.7s ease-out;
}
#footerpost{
padding:2px 5px;
background-color: #404040;
font-size:0.7em;
color:#ffffff;
font-weight: normal;
text-align: left;
}
#footerpost a{color:#cccccc;}
#postnotes{text-align:left;margin-top:10px;font-size:0.75em;}
#pagination{
display:none;
}
#prevPage, #nextPage{
position:absolute;
top:200px;
font-size:3em;
}
#prevPage{left:-50px;}
#nextPage{right:-50px;}
#infscr-loading{
bottom: -50px;
position: absolute;
left: 50%;
margin-left:-8px;
width: 0px;
height:0px;
overflow:hidden;
margin-bottom: 50px;
}
{CustomCSS}
</style>
<meta http-equiv="x-dns-prefetch-control" content="off"/></head>
<body>
<div id="fb-root"></div>
<script>(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) return;
js = d.createElement(s); js.id = id;
js.src = "//connect.facebook.net/fr_FR/all.js#xfbml=1";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
<table width="100"></table>
<div id="titleHead">
<a href="/">— {Title} —</a>
</div>
<div id="underTitle">fo shizzle ma nizzle</div>
<div id="container">
<div id="header">
<link href='http://fonts.googleapis.com/css?family=Oleo+Script' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Raleway:100' rel='stylesheet' type='text/css'>
<div style="padding:10px;">
<div>
<a href="/"><img class="pichead" src="{PortraitURL-128}"></a>
</div>
{block:IfNotHideTitleHeader}
<h3><a href="/" style="text-decoration:none;">{Title}</a></h3>
{/block:IfNotHideTitleHeader}
{block:Description}
<div id="descriptionHead"><p>{Description}</p></div>
{/block:Description}
<div id="btn_up">
<title="top"/>↑ top ↑
</div>
<div id="footer">
<div class="credit">
<p>THEME BY <a href="http://maxbrunel.tumblr.com">MAXBRUNEL</a></p>
<p>POWERED BY <a href="http://www.tumblr.com">TUMBLR</a></p>
</div>
<div class="copyright">
<p>© maxbrunel 2012</p>
</div>
<div id="sidebox"></div>
<div class="social_footer">
<a href="https://twitter.com/share" class="twitter-share-button" {block:IfTwitterShortname} data-count="none" data-via="{text:Twitter Shortname}" {/block:IfTwitterShortname} data-related="Tumblr">Tweet</a>
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>
<div class="fb-like" data-href="{URL}" data-send="false" data-layout="button_count" data-width="450" data-show-faces="false" data-font="arial"></div>
<p></p>
<g:plusone size="tall"annotation="none"></g:plusone>
</div>
</div>
<ul id="textLink">
<li><a href="/" >home</a></li>
{block:IfAsk}
<li><a href="/ask" >ask</a></li>
{/block:IfAsk}
{block:IfRandom}
<li><a href="/random" >random</a></li>
{/block:IfRandom}
{block:IfFacebookShortname}
<li><a target="_blank" href="http://facebook.com/{text:Facebook Shortname}">facebook</a></li>
{/block:IfFacebookShortname}
{block:IfMyspaceShortname}
<li><a target="_blank" href="http://myspace.com/{text:Myspace Shortname}">myspace</a></li>
{/block:IfMyspaceShortname}
{block:IfLastFmShortname}
<li><a target="_blank" href="http://last.fm/user/{text:LastFm Shortname}">last.fm</a></li>
{/block:IfLastFmShortname}
{block:IfTwitterShortname}
<li><a target="_blank" href="http://twitter.com/{text:Twitter Shortname}">twitter</a> </li>
{/block:IfTwitterShortname}
{block:IfGooglePlusShortname}
<li><a target="_blank" href="http://plus.google.com/{text:Google Plus Shortname}">G+</a></li>
{/block:IfGooglePlusShortname}
{block:IfFlickrShortname}
<li><a target="_blank" href="http://flickr.com/{text:Flickr Shortname}">flickr</a></li>
{/block:IfFlickrShortname}
{block:IfVimeoShortname}
<li><a target="_blank" href="http://vimeo.com/{text:Vimeo Shortname}">vimeo</a></li>
{/block:IfVimeoShortname}
{block:IfYoutubeShortname}
<li><a target="_blank" href="http://youtube.com/{text:Youtube Shortname}">youtube</a></li>
{/block:IfYoutubeShortname}
{block:IfDeliciousShortname}
<li><a target="_blank" href="http://delicious.com/{text:Delicious Shortname}">delicious</a></li>
{/block:IfDeliciousShortname}
{block:IfDiggShortname}
<li><a target="_blank" href="http://digg.com/{text:Digg Shortname}">digg</a></li>
{/block:IfDiggShortname}
{block:HasPages}
{block:Pages}
<li><a href="{URL}" >{Label}</a></li>
{/block:Pages}
{/block:HasPages}
</ul>
<div id="install_button">
<a target="_blank" href="http://textup.fr/23240R4"><img src="http://static.tumblr.com/8jq17g7/Re3lqefyw/install.png"></a>
</div>
</div><!-- sidebar padding -->
</div><!-- header -->
<div id="content">
{block:Posts}
<div class="posts">
{block:PermalinkPage}
<div style="padding:0px 20px 10px;">
{/block:PermalinkPage}
{block:IndexPage}
<div class="description">
<div style="padding:5px;">
{block:Date}
<span><a href="{Permalink}">Permalink</a></span>
<span><a href="{ReblogURL}" target="_blank">Reblog</a></span>
{/block:Date}
</div>
</div>
{/block:IndexPage}
{block:Text}
<div class="indexposts">
{block:Title}
<h3 class="titlePost"><a href="{Permalink}">{Title}</a></h3>
{/block:Title}
<div class="caption">{Body}</div>
</div>
{/block:Text}
{block:Link}
<div class="indexposts">
<h3 class="titlePost"><a href="{URL}" class="link" {Target}>{Name}</a></h3>
{block:Description}
<div class="caption">{Description}</div>
{/block:Description}
</div>
{block:Link}
{block:Photo}
{block:IndexPage}
<img class="photoPost" src="{PhotoURL-250}" width="180"/>
{/block:IndexPage}
{block:PermalinkPage}
<img class="photo" src="{PhotoURL-500}" />
{block:Caption}
<div class="caption">{Caption}</div>
{/block:Caption}
{/block:PermalinkPage}
{/block:Photo}
{block:Photoset}
{block:IndexPage}
<div style="text-align:center;" class="photoPost" >{Photoset-250}</div>
{/block:IndexPage}
{block:PermalinkPage}
<div style="text-align:center;">{Photoset-500}</div>
{block:Caption}
<div class="caption">{Caption}</div>
{/block:Caption}
{/block:PermalinkPage}
{/block:Photoset}
{block:Answer}
<div class="indexposts">
<div class="left" style="font-size:0.7em;">
<div style="padding-bottom: 5px; margin-bottom: 3px;{block:PermalinkPage}width: 440px;{/block:PermalinkPage}">
<div style="font-weight:bold;color:{color:link}">{Asker} asked: <span>{Question}</span></div>
</div>
<div style="color:{color:text};">{Answer}</div>
</div>
<div class="clear"></div>
</div>
{/block:Answer}
{block:Quote}
<div class="indexposts">
<h3 class="titlePost">"{Quote}"</h3>
{block:Source}
<div class="caption">- {Source}</div>
{/block:Source}
</div>
{/block:Quote}
{block:Chat}
<div class="indexposts">
{block:Title}
<h3 class="titlePost">{Title}</h3>
{/block:Title}
<ul class="chat">
{block:Lines}
<li class="{Alt} user_{UserNumber}">
{block:Label}
<span class="label">{Label}</span>
{/block:Label}
<span>{Line}</span>
</li>
{/block:Lines}
</ul>
</div>
{/block:Chat}
{block:Audio}
<div class="indexposts">
<div class="albumImage left">
<img src="{block:AlbumArt}{AlbumArtURL}{/block:AlbumArt}" />
<div class="audioplayerout">
<div class="audioplayerinto">{AudioPlayerWhite}</div>
</div>
</div>
<div {block:IndexPage}class="right"{/block:IndexPage} style="{block:IndexPage}width:90px;{/block:IndexPage}text-align:center;font-size:0.7em;{block:PermalinkPage}margin-left:3px;{/block:PermalinkPage}">
{block:Artist}<b>{Artist}</b>{/block:Artist}<br>
{block:TrackName}{TrackName}{/block:TrackName}<br>
{block:Album}{Album}{/block:Album}<br>
</div>
<div class="clear"></div>
{block:Caption}
<div class="caption">{Caption}</div>
{/block:Caption}
</div>
{/block:Audio}
{block:Video}
{block:IndexPage}
<div style="text-align:center;" class="photoPost" >{Video-250}</div>
{/block:IndexPage}
{block:PermalinkPage}
<div style="text-align:center;">{Video-500}</div>
{block:Caption}
<div class="caption">{Caption}</div>
{/block:Caption}
{/block:PermalinkPage}
{/block:Video}
{block:PermalinkPage}
</div><!-- padding -->
{/block:PermalinkPage}
{block:PermalinkPage}
<div id="footerpost">
{block:NoteCount}<span>{NoteCountWithLabel} |</span>{/block:NoteCount}
{block:HasTags}<span>Tags: {block:Tags}<a href="{TagURL}">{Tag}.</a> {/block:Tags}</span>{/block:HasTags}
</div>
{/block:PermalinkPage}
{block:PostNotes}
<div style="text-align:right;">
{block:RebloggedFrom}
<div style="font-size:0.75em;margin-top:10px;">
(reblogged from <a href="{ReblogParentURL}">{ReblogParentName}</a>)
(posted by <a href="{ReblogRootURL}">{ReblogRootName}</a>)
</div>
{/block:RebloggedFrom}
</div>
<div id="postnotes">{PostNotes}</div>
{/block:PostNotes}
</div>
{/block:Posts}
{block:IndexPage}
{block:Pagination}
<div id="pagination">
{block:PreviousPage}<div id="prevPage"><a href="{PreviousPage}">«</a></div>{/block:PreviousPage}
{block:NextPage}<div id="nextPage"><a href="{NextPage}">»</a></div>{/block:NextPage}
</div>
{/block:Pagination}
{/block:IndexPage}
</div><!-- content -->
</div><!-- container -->
<div id="home"><img src="http://static.tumblr.com/894jny6/aKBm57t4w/designbump-logo-webtreatsetc.png" width=80px></div>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
<script type="text/javascript" src="http://static.tumblr.com/dbek3sy/4IKlvmzup/jquery.masonry.min.js"></script>
{block:IndexPage}
<script type="text/javascript" src="http://static.tumblr.com/dbek3sy/Qyblrgjfn/jqueryinfintescroll.js"></script>
<script type="text/javascript">
$(window).load(function () {
var $content = $('#content');
$content.masonry({
itemSelector: '.posts',
columnWidth: 190,
isAnimated: false
}),
$content.infinitescroll({
navSelector : 'div#pagination',
nextSelector : 'div#pagination div#nextPage a',
itemSelector : '.posts',
loading: {
finishedMsg: '',
img: ''
},
bufferPx : 250,
debug : true,
},
// call masonry as a callback.
function( newElements ) {
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(300);}
);
});
});
});
</script>
{/block:IndexPage}
<script type="text/javascript">
(function() {
var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true;
po.src = 'https://apis.google.com/js/plusone.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s);
})();
</script>
<script type="text/javascript" >
$(function(){
$('.audioplayerinto.done').removeClass("done");
$(".caption img").live("click", function(){
if($(this).css("width") == "125px"){
$(this).animate({"width":"400px"},200);
}
else{
$(this).animate({"width":"125px"},200);
}
});
});
(function() {
var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true;
po.src = 'https://apis.google.com/js/plusone.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s);
})();
</script>
<script type="text/javascript">
$(function(){
$('#btn_up').click(function() {
$('html,body').animate({scrollTop: 0}, 'slow');
});
$(window).scroll(function(){
if($(window).scrollTop()<140){
$('#btn_up').fadeOut();
}else{
$('#btn_up').fadeIn();
}
});
});
</script>
</body>
</html>