<html> <link href='http://fonts.googleapis.com/css?family=PT+Sans+Narrow:400,700|Arimo:400,400italic,700,700italic|Francois+One' rel='stylesheet' type='text/css'> <head> <!----------------------- Ambition Theme N°10 Abi http://ambitionthemes.tumblr.com Thank you for using one of my themes. If you need any help, just come and ask ! Please don't take the source away, even if you edit this theme. Thank you! !-----------------------> <title>{Title}</title> <meta name="image:Sidebar Pic" content=""/> <meta name="if:Round Corners" content="0"/> <meta name="if:Infinite Scroll" content="1"/> <meta name="if:Show Caption" content="0"/> <meta name="if:CustomLink1" content="0"> <meta name="if:CustomLink2" content="0"> <meta name="if:CustomLink3" content="0"> <meta name="if:CustomLink4" content="0"> <meta name="if:CustomLink5" content="0"> <meta name="if:CustomLink6" content="0"> <meta name="if:CustomLink7" content="0"> <meta name="if:CustomLink8" content="0"> <meta name="text:Link 1 Title" content="custom"> <meta name="text:Link 1" content="/"> <meta name="text:Link 2 Title" content="custom"> <meta name="text:Link 2" content="/"> <meta name="text:Link 3 Title" content="custom"> <meta name="text:Link 3" content="/"> <meta name="text:Link 4 Title" content="custom"> <meta name="text:Link 4" content="/"> <meta name="text:Link 5 Title" content="custom"> <meta name="text:Link 5" content="/"> <meta name="text:Link 6 Title" content="custom"> <meta name="text:Link 6" content="/"> <meta name="text:Link 7 Title" content="custom"> <meta name="text:Link 7" content="/"> <meta name="text:Link 8 Title" content="custom"> <meta name="text:Link 8" content="/"> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js" type="text/javascript"></script> <link rel="shortcut icon" href="{Favicon}"> <link rel="alternate" type="application/rss+xml" href="{RSS}"> <style type="text/css"> .perma { display: none; position: absolute; top: 25px; right: 25px; background: transparent; } .box:hover .perma { display: block; } ::-webkit-scrollbar {width: 7px; height: 4px; background: {color:background};} ::-webkit-scrollbar-thumb { background-color: {color:scrollbar};} body { background-color: #ece5ce; color: #505050; font-family: Arimo, arimo; font-size: 12px; line-height: 12px;} #infscr-loading{position:relative!important;left:49%}.post-header-a{z-index:10;top:5px;left:5px;position:absolute;display:block;opacity:0;filter:alpha(opacity = 0);{block:IfAnimation}-webkit-transition:all .2s ease;-moz-transition:all .2s ease;transition:all .2s ease;-o-transition:all .2s ease;{/block:IfAnimation}}.post:hover .post-header-a{opacity:1;filter:alpha(opacity = 100)}.reblog-button:hover,.like-button:hover,.note-perma:hover{color:white; opacity:1!important;filter:alpha(opacity = 100)!important}.reblog-button{margin-left:3px;float:left;z-index:3333;display:inline-block;width:24px;height:20px;background:url('http://static.tumblr.com/tpqedpr/3n8m9zvjl/radar_sprite.png') -1864px 0 no-repeat;text-indent:-999em;overflow:hidden;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;opacity:.50;filter:alpha(opacity = 75)}.like-button{float:left;z-index:3333;display:inline-block;right:10px;width:21px;background-position:-1898px 0;background:url('http://static.tumblr.com/tpqedpr/3n8m9zvjl/radar_sprite.png') -1898px 0 no-repeat;overflow:hidden;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;opacity:.50;filter:alpha(opacity = 75)}.note-perma{color:white;float:left;z-index:3333;font-weight:bold;display:inline-block;margin-left:3px;color:#fff;background:#000;background:url('http://static.tumblr.com/tpqedpr/dLim9uidw/bg.png');padding:0 5px;font:11px/20px arial,sans-serif;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;-webkit-box-shadow:inset 0 0 1px rgba(0,0,0,0.5);-moz-box-shadow:inset 0 0 1px rgba(0,0,0,0.5);box-shadow:inset 0 0 1px rgba(0,0,0,0.5);opacity:.50;filter:alpha(opacity = 75)}a.note-perma,a.note-perma:hover{color:white;font-weight:bold}p.menu-m {margin: .375em;} .menu-link {margin: 0 3px;}.box iframe { max-width: 100%; }.text img {max-width: 100%;}img {display: block;}.box img {display: block;} .post-info-data{text-align:center}.notes img{display:block;float:left;margin-right:.75em}ol.notes li{margin:.375em 0;list-style-type:none;line-height:16px} a{ color: #83af9b; text-decoration: none;} a:hover{ color: #428466; } div#content{ top: 50px; width: 600px; margin: auto; left: 100px;} div#contain { width: 600px; margin: auto; top: 70px; left: 100px;} .blogtitle{ font-size: 25px; font-family: francois one, arimo;} .quote { padding:10px; letter-spacing:1px; text-transform:uppercase;opacity:1;font-weight:normal; background:url(http://tinyurl.com/acrqqb3) no-repeat 5px 5px; color: gray;} .ask { letter-spacing:1px; text-transform:uppercase; font-weight: normal; background-color: #ededed; color: gray; font-family: arimo, arimo; letter-spacing: 1px; font-size: 11px; padding: 5px;} .box img { display: block; max-width: 100%;}.m-i { display: block; line-height: 1px!important; } div#content .entry{ float: left; background-color:white; {block:Indexpage} width: 500px; position: float; margin: 6px; padding: 10px; border: 0px solid #a8a8a8; {block:ifRoundCorners} border-radius: 10px; -webkit-border-radius: 10px; {/block:ifRoundCorners} {/block:Indexpage} {block:Permalinkpage} width: 500px; margin: 10px; padding: 8px; border: 0px solid #a8a8a8; margin: auto; {block:ifRoundCorners} border-radius: 10px; -webkit-border-radius: 10px; {/block:ifRoundCorners} {/block:Permalinkpage}} .entry img{ {block:Indexpage} max-width: 500px; {block:ifRoundCorners} border-radius: 10px; -webkit-border-radius: 10px; {/block:ifRoundCorners} {/block:Indexpage} {block:Permalinkpage} max-width: 500px; {block:ifRoundCorners} border-radius: 10px; -webkit-border-radius: 10px; {/block:ifRoundCorners} {/block:Permalinkpage}} .entry:hover #text{padding-right:15px;opacity:0.8;-webkit-transition: all 0.4s ease-out;-moz-transition: all 0.4s ease-out;transition: all 0.4s ease-out;}.entry:hover #text:hover{opacity:1;-webkit-transition: all 0.4s ease-out;-moz-transition: all 0.4s ease-out;transition: all 0.4s ease-out;} .entry #text a{ font-style:italic; text-align:right; font-weight:bold; font-family:arimo; color:{color:post permalinks};} .entry #text{ text-align:right; font-family:arimo; opacity:0; font-size:10px; color:{color:post permalinks};-webkit-transition: all 0.4s ease-out; -moz-transition: all 0.4s ease-out;transition: all 0.4s ease-out; } .entry #text:hover{ text-align:right; font-family:arimo; opacity:1; color:{color:post permalinks};-webkit-transition: all 0.4s ease-out; -moz-transition: all 0.4s ease-out;transition: all 0.4s ease-out; } div#description{ margin: auto; float: center; font-size: 11px; line-height: 11px; font-family:arimo; padding-bottom: 10px;} .t{ text-align:left; font-family: francois one, arimo; font-size: 20px; line-height:18px; padding-bottom:-9px; letter-spacing: -1px; padding-top: 0px; margin-bottom: 10px; border-bottom: 1px solid #a8a8a8;} blockquote {margin: 0px; padding-left: 5px; margin-left: 5px;border-left: 3px solid #000000;} ul,ol{margin:0px;margin-left:-10px;} #sidebardesc img{ width: 200px; } #sidebarmain{ position: fixed; z-index: 2; left: -10px; width: 150px; border: 0px solid black; top: -10px; height: 100%; font-size: 12px; font: arimo, arial; text-align: center; display: inline; padding-top: 30px; background-color: #A8DBA8;} #sidebardesc{ z-index: 1; background-color: #CFF09E; position: fixed; left: 140px; width: 250px; border: 0px solid black; top: -10px; height: 100%; font-size: 12px; font: arimo, arial; text-align: center; display: inline; padding-top: 20px;} #sidebartitle{ background-color: #83AF9B; position: fixed; z-index: 3; left: -10px; width: 360px; border: 0px solid black; bottom: -10px; height: 20%; font-size: 12px; font: arimo, arial; text-align: center; display: inline; padding-top: 30px; text-align: center; padding-left: 20px; padding-right: 20px;} #sidebarmain a { display: block; position: center; padding-top: 2px; padding-bottom: 2px; margin-top: 3px; width: 70px; height: 70px; text-align: center; vertical-align: middle; line-height: 70px; font-family: pt sans narrow; font-size: 12px; font-weight: normal; text-transform: uppercase; background-color: white; letter-spacing: 1px; text-align: center; color: #747474; border: 1px solid #a8a8a8; opacity:0.4; filter:alpha(opacity=40); -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out;} #sidebarmain a:hover { background-color: #428466; color: white; opacity:0.8; filter:alpha(opacity=80); border: 1px solid black; } #sidebardesc a { display: block; position: center; padding-top: 3px; padding-bottom: 2px; margin-top: 3px; width: 200px; font-family: pt sans narrow; font-size: 12px; font-weight: normal; text-transform: uppercase; background-color: transparent; letter-spacing: 1px; text-align: center; color: #747474; border-bottom: 1px solid #a8a8a8; opacity:0.7; filter:alpha(opacity=70); -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out;} #sidebardesc a:hover { background-color: transparent; color: black; opacity:1; filter:alpha(opacity=100); letter-spacing: 6px; border-bottom: 1px solid black; } .sidebarimg{ max-width: 190px; position: center; border: 0px dotted black; } #pagination{ z-index: 1; background-color: transparent; position: fixed; right: 50px; width: 70px; border: 0px solid black; top: 50%; height: 40px; font-size: 30px; font: arimo, arial; text-align: center; padding-top: 20px;} {CustomCSS} </style> {block:ifInfiniteScroll} <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.3/jquery.min.js"> </script> <script type="text/javascript" language="javascript"> $(function () { $('#scrlBotm').click(function () { $('html, body').animate({ scrollTop: $(document).height() }, 1500); return false; }); $('#scrlTop').click(function () { $('html, body').animate({ scrollTop: '0px' }, 1500); return false; }); }); </script> <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/iBElrgjim/jquerymasonry.js"></script> <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/Qyblrgjfn/jqueryinfintescroll.js"></script> <script type="text/javascript" charset="utf-8"> $(document).ready(function(){ $("a[rel^='prettyPhoto']").prettyPhoto({ deeplinking: false, default_width: 600, default_height: 550, allow_resize: true, }); }); </script> <script type="text/javascript"> $(window).load(function () { var $content = $('#content'); $content.masonry({itemSelector: '.entry'}), $content.infinitescroll({ navSelector : '#pagination', nextSelector : '#pagination a#nextPage', itemSelector : '.entry', loading: {/*♑*/ finishedMsg: '', img: 'http://static.tumblr.com/dbek3sy/pX1lrx8xv/ajax-loader.gif' }, bufferPx : 200, debug : false, }, // 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(1500);} ); }); }); }); </script> {/block:ifInfiniteScroll} {block:ifnotInfiniteScroll} <script type="text/javascript"> $(window).load(function () { $('#content').masonry({ itemSelector : ".entry", }, function() { $('#content').masonry({ appendedContent: $(this) }); } ); }); </script> <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/iBElrgjim/jquerymasonry.js"></script> <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/Qyblrgjfn/jqueryinfintescroll.js"></script> <script type="text/javascript" charset="utf-8"> $(document).ready(function(){ $("a[rel^='prettyPhoto']").prettyPhoto({ deeplinking: false, default_width: 600, default_height: 550, allow_resize: true, }); }); </script> {/block:ifnotInfiniteScroll} </head></head> <body> <br> <div id="sidebarmain"><center> <a href="/">home</a> <a href="/ask">ask</a> <a href="/archive">archive</a> <a href="http://ambitionthemes.tumblr.com">theme</a> </center> </div> <div id="sidebartitle"> <div class="blogtitle">{Title}</div><br>{Description} </div> <div id="sidebardesc"> <br><center> <img src="{image:Sidebar Pic}" class="sidebarimg"></center> <br> <center><br> {block:IfCustomLink1} <a href="{text:Link 1}">{text:Link 1 Title}</a> {/block:IfCustomLink1} {block:IfCustomLink2} <a href="{text:Link 2}">{text:Link 2 Title}</a> {/block:IfCustomLink2} {block:IfCustomLink3} <a href="{text:Link 3}">{text:Link 3 Title}</a> {/block:IfCustomLink3} {block:IfCustomLink4} <a href="{text:Link 4}">{text:Link 4 Title}</a> {/block:IfCustomLink4} {block:IfCustomLink5} <a href="{text:Link 5}">{text:Link 5 Title}</a> {/block:IfCustomLink5} {block:IfCustomLink6} <a href="{text:Link 6}">{text:Link 6 Title}</a> {/block:IfCustomLink6} {block:IfCustomLink7} <a href="{text:Link 7}">{text:Link 7 Title}</a> {/block:IfCustomLink7} {block:IfCustomLink8} <a href="{text:Link 8}">{text:Link 8 Title}</a> {/block:IfCustomLink8} </center></div> </div> </div></div> <div id="pagination"> {block:ifnotInfiniteScroll} {block:Pagination} {block:PreviousPage} <a href="{PreviousPage}"> ← </a> {/block:PreviousPage} {block:NextPage} <a href="{NextPage}"> → </a> {/block:NextPage} {/block:Pagination} {/block:ifnotInfiniteScroll} </div> <div id="contain"> <div id="content"> {block:Posts} <div class="entry"> {block:Text} <div class="perm"> {block:Title} <div class="t"> <a href="{Permalink}">{Title}</a></div> {/block:Title} {Body} {block:Indexpage} <br> <div align="right"><a href="{Permalink}">{NoteCount} notes</a></div>{/block:Indexpage}</div> {/block:Text} {block:Link} <div class="alpha"> <div class="t"> <a href="{URL}" class="title">{Name}</a></div> {block:Description}{Description}{/block:Description} {block:Indexpage} <br> <div align="right"><a href="{Permalink}">{NoteCount} notes</a></div>{/block:Indexpage}</div> {/block:Link} {block:Photo} <div class="photo"> <div class="box"> <!-- permalink --> {block:IndexPage} <div class="perma"> <a class="like-button" id="like{PostID}" href="javascript:likelink('{PostID}','{Permalink}','');"><img src="http://static.tumblr.com/lba83dv/OUUltd958/spacer.gif" width="21" height="20" alt="Like this post" id="likeimage{PostID}"/></a> <a class="reblog-button" href="{reblogurl}" target="_blank"></a> <a class="note-perma" id="notes{PostID}" href="{Permalink}">{NoteCount}</a> </div> <!-- /permalink --> {/block:IndexPage} {block:IndexPage} <a href="{Permalink}"><img src="{PhotoURL-500}" alt="{PhotoAlt}" width="100%"/></a>{block:ifShowCaption} {block:Caption}<div class="caption text">{Caption}</div>{/block:Caption}{/block:ifShowCaption} {/block:IndexPage} {block:PermalinkPage} {LinkOpenTag}<img src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="500"/>{LinkCloseTag} {/block:PermalinkPage} </div> {block:IndexPage}{block:IfShowCaptions} {block:Caption}<div class="caption text">{Caption}</div>{/block:Caption} {/block:IfShowCaptions}{/block:IndexPage} </div> {/block:Photo} {block:Photoset} {block:IndexPage} <center> {Photoset-500}{block:ifShowCaption} {block:Caption}<div class="caption text">{Caption}</div>{/block:Caption}{/block:ifShowCaption}</center> {/block:IndexPage} {block:PermalinkPage} <center> {Photoset-500}</center> {/block:PermalinkPage} {block:Indexpage} <br> <div align="right"><a href="{Permalink}">{NoteCount} notes</a></div>{/block:Indexpage} {/block:Photoset} {block:Quote} <div class="quote"> {Quote}</span> {block:Source}<strong>{Source}</strong>{/block:Source} {block:Indexpage} <br> <div align="right"><a href="{Permalink}">{NoteCount} notes</a></div>{/block:Indexpage}</div> {/block:Quote} {block:Answer} <b><div class="ask">{Asker}</b> asked : {Question}</div>{Answer} {block:Indexpage} <div align="right"><a href="{Permalink}">{NoteCount} notes</a></div>{/block:Indexpage} {/block:Answer} {block:Chat} <div class="alpha"> {block:Title}<span class="title">{Title}</span>{/block:Title} <ul class="chat"> {block:Lines} <li class="user_{UserNumber}"> {block:Label} <span class="label">{Label}</span> {/block:Label} {Line} </li> {/block:Lines} </ul> {block:Indexpage}<br> <div align="right"><a href="{Permalink}">{NoteCount} notes</a></div>{/block:Indexpage}</div> {/block:Chat} {block:Audio} <center> <div class="alpha"> {AudioPlayerBlack} {block:Indexpage} <br>{block:Caption}{Caption}{/block:Caption} <div id="text"><a href="{Permalink}">{DayOfWeek}, {Month} {DayOfMonth}{DayOfMonthSuffix}</a></div>{/block:Indexpage}</div> {/block:Audio} {block:Video} <div class="alpha"> {block:IndexPage} <center> {Video-500} {/block:IndexPage} <center>{block:PermalinkPage}{Video-500}{/block:PermalinkPage}</center> {block:Indexpage} <br>{block:Caption}{Caption}{/block:Caption} <div id="text"><a href="{Permalink}">{DayOfWeek}, {Month} {DayOfMonth}{DayOfMonthSuffix}</a></div>{/block:Indexpage}</div> {/block:Video} {block:PermalinkPage} <div align="left"> <p><br>{block:Caption}{Caption}{/block:Caption}<br> {block:RebloggedFrom}from <a href="{ReblogParentUrl}">{ReblogParentName}</a> {/block:RebloggedFrom} {block:Date} on <a href="/day/{year}/{monthnumberwithzero}/{dayofmonthwithzero}">{Month} {DayOfMonth}{DayOfMonthSuffix}, {Year}</a> at {12Hour}:{Minutes}{AmPm} {block:Date} {block:NoteCount}with {NoteCountWithLabel}{/block:NoteCount} <br> {block:HasTags} {block:Tags}<a href="/{TagURL}"> #{Tag}</a> {/block:Tags}{/block:hasTags} <p> {block:PostNotes} {PostNotes} {/block:PostNotes} {/block:PermalinkPage} </div> {/block:Posts} </div> {block:PermalinkPage}{/block:PermalinkPage} {block:IndexPage} {block:ifInfiniteScroll} {block:Pagination} <ul id="pagination"> {block:PreviousPage} <a href="{PreviousPage}"></a> {/block:PreviousPage} {block:JumpPagination length="0"} {block:CurrentPage} <span class="current_page numbersNav"><strong>{PageNumber}</strong></span> {/block:CurrentPage} {block:JumpPage} <a class="jump_page numbersNav" href="{URL}">{PageNumber}</a> {/block:JumpPage} {/block:JumpPagination} {block:NextPage} <a id="nextPage" href="{NextPage}"></a> {/block:NextPage} </ul> {/block:Pagination} {/block:ifInfiniteScroll} {/block:IndexPage} </body> </html>
