Yeni sayfanın başlığı
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html lang="en">
<head>
<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>
<meta name="description" content="{block:IndexPage}{block:Description}{MetaDescription}{/block:Description}{/block:IndexPage}{block:PermalinkPage}{PostSummary}{/block:PermalinkPage}" />
<meta name="author" content="TotallyLayouts.com" />
<link rel="shortcut icon" href="{Favicon}" />
<link rel="alternate" type="application/rss+xml" href="{RSS}" />
<link rel="stylesheet" href="http://static.tumblr.com/ydokqes/6rNm1ux6k/reset.css" type="text/css" />
<!-- ### Custom Stuff ### -->
<meta name="if:Show notes on permalink pages" content="1"/>
<meta name="image:Body" content="http://static.tumblr.com/ydokqes/q9qm2axzw/background.png"/>
<meta name="text:Disqus Shortname" content="" />
<script src="http://www.totallylayouts.com/inc/js/infinitescroll.js"></script>
<style type="text/css">
body {
color: #1a1a1a;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
line-height: 19px;
background: url('http://p1310.hizliresim.com/1g/j/tmfbx.png') repeat center top;
}
a:link, a:visited, a:active {
color: #1a1a1a;
text-decoration: underline;
outline-color: invert;
outline-style: none;
outline-width: medium;
}
a:hover {
color: #1a1a1a;
text-decoration: none;
}
#container {
margin: 40px auto;
position: relative;
width: 638px; /* 500+10+128 */
{block:IndexPage}
width: 908px; /* 750+30+128 */
{/block:IndexPage}
}
.rightWrap{
width: 128px;
position: fixed;
top: 0;
margin-right: 0;
margin-left: 510px;
{block:IndexPage}
margin-left: 780px;
{/block:IndexPage}
margin-top: 40px;
}
.header {
background: #fff;
padding: 0;
}
.topWrap {
padding-bottom: 0;
line-height: 9px;
}
.tmlogo {
float: left;
width: 40px;
height: 40px;
overflow: hidden;
}
.tmtitle{
float: left;
margin-left:20px;
height: 40px;
font-size: 11px;
font-weight: normal;
line-height: 40px;
font-family: Arial, Helvetica, sans-serif;
color: #595959;
text-transform: uppercase;
}
.tmnav{
}
.tmnav,
.tmnav ul {
font-family: Arial, Helvetica, sans-serif;
font-weight: normal;
}
.tmnav ul {
}
.tmnav li {
background: #fff;
padding: 5.5px 15px;
font-size: 11px;
font-weight: normal;
text-align:center;
list-style: none;
margin-top: 5px;
}
.tmnav a:link,
.tmnav a:visited,
.tmnav a:active {
text-decoration: none;
color: #595959;
text-transform: uppercase;
}
.tmnav a:hover {
text-decoration: underline;
}
/* header Active Css */
.header-more{
padding: 15px;
}
.description {
margin: 0;
color: #595959;
}
.description h1{
font-size: 9px;
font-weight: bold;
font-family: Arial, Helvetica, sans-serif;
line-height: 18px;
}
.description-text{
margin: 0;
padding: 0;
font-size: 9px;
font-family: Arial, Helvetica, sans-serif;
line-height: 12px;
overflow:hidden;
}
.header .readmore{
width: 10px;
height: 6px;
margin: 0 auto;
cursor: pointer;
background: #fff url(http://static.tumblr.com/ydokqes/S1Vm2av1e/arrow_down.png) no-repeat center top;
}
.header .up{
background: #fff url(http://static.tumblr.com/ydokqes/Nnrm2av1y/arrow_up.png) no-repeat center top;
}
.totallylayouts{
width: 36px;
height: 45px;
position: fixed;
left: 11px;
top: 0;
background: url(http://static.tumblr.com/ydokqes/oXIm2axu0/totallylayouts.png) no-repeat center top;
}
#container .posts {
float:left;
width: 780px;
}
#container .box {
background-color: #fff;
width: 250px;
margin: 0 10px 10px 0;
float: left;
overflow: hidden;
line-height:9px;
}
#container .box h3 {
font-size: 11px;
font-weight: bold;
}
.innerbox {
padding: 15px;
position: relative;
color: #1a1a1a;
line-height:15px;
font-size: 11px;
}
.innerbox a:link,
.innerbox a:visited,
.innerbox a:active {
text-decoration: underline;
}
.innerbox a:hover {
text-decoration: none;
}
.innerbox img{
margin-top: -10px;
margin-left: -10px;
position: relative;
color: #1a1a1a;
}
.boxhover {
width: 250px;
height: 100%;
position: absolute;
left: 0px;
top: 0px;
/*padding: 20px; */
background: transparent url(http://static.tumblr.com/ydokqes/g75m1uxmo/boxhover.png) repeat 0 0;
font-family: Arial, Helvetica, sans-serif;
color: #fff;
/*display: none;*/
visibility: hidden;
text-shadow: 0px 0px 5px #000000; filter: dropshadow(color=#000000, offx=0, offy=0);
}
.boxhover .center-middle {
/*margin-top: 47%; */
text-align: center;
}
.boxhover.active {
display: block;
visibility: visible;
}
.tmlabel {
font-family: tahoma;
font-size: 29px;
font-weight: bold;
color: #FFF;
letter-spacing: -1px;
line-height: 29px;
text-transform: uppercase;
}
.tmvalue-notes {
font-family: tahoma;
font-size: 25px;
font-weight: bold;
color: #FFF;
letter-spacing: -1px;
line-height: 30px;
word-spacing: 10px;
}
.tmvalue-posted{
font-family: tahoma;
font-size: 15px;
font-weight: bold;
color: #FFF;
letter-spacing: -1px;
line-height: 20px;
word-spacing: 5px;
}
.boxhover a:link,
.boxhover a:visited,
.boxhover a:active {
text-decoration: none;
color: #FFF;
}
a.title {
color: #1a1a1a;
text-decoration: none;
}
.footer {
margin-left:0;
padding: 80px 0 40px 0;
width: 780px;
text-align: center;
}
blockquote.classy {
background-image: url("http://static.tumblr.com/ydokqes/qjvm1wq4i/openquote1.gif");
background-position: left top;
background-repeat: no-repeat;
font: 14px/20px italic Times,serif;
margin: 5px;
padding: 8px;
text-indent: 23px;
}
blockquote.classy span {
background-image: url("http://static.tumblr.com/ydokqes/REzm1wq5e/closequote1.gif");
background-position: right bottom;
background-repeat: no-repeat;
display: block;
}
table.chat {
width: 100%;
margin: 0 0 10px 0;
border-collapse: collapse;
}
h2 + table.chat {
margin: 10px 0 3px 0 !important;
}
table.chat tr td {
padding: 0 10px;
}
table.chat tr td.name {
font-weight: bold;
text-align: right;
vertical-align: top;
}
table.chat tr td.line1 {
background: #F7F7F7;
}
.navigation{
visibility: hidden;
}
.footer a:link,
.footer a:visited,
.footer a:active {
text-decoration: none;
color: #ffffff;
text-transform: uppercase;
background: transparent url(http://static.tumblr.com/ydokqes/g75m1uxmo/boxhover.png) repeat 0 0;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
padding: 5px;
font-size: 18px;
line-height: normal;
}
.footer a:hover {
text-decoration: underline;
}
/* permelink page with notes */
.postbox {
float:left;
width: 500px;
}
.postcontent {
background: #fff;
float: left;
padding: o;
width: 500px;
margin: 0;
}
.postcontent img {
float: left;
}
.postinfo {
padding: 15px;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
margin: 0;
font-size: 10px;
text-transform: uppercase;
text-align: center;
background-color: #fff;
width: 100%;
float: left;
width: 500px;
}
.note {
padding: 10px 10px 11px 10px;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
margin: 0px;
font-size: 10px;
width: 100%;
float: left;
width: 480px;
line-height: normal;
background: #fff url(http://static.tumblr.com/ydokqes/oDZm1xgo6/border.png) no-repeat center bottom;
list-style: none;
}
.clear {
clear: both;
}
.notes {
padding: 0px;
margin: 0px;
}
.note .avatar {
width: 16px;
height: 16px;
float: left;
overflow: hidden;
}
.note .action {
margin-left: 10px;
line-height: 16px;
font-size: 11px;
text-transform: uppercase;
}
.more_notes_link_container {
background-image: none;
text-align: center;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 10px;
color: #aeaeae;
text-transform: uppercase;
}
.more_notes_link_container a:link,
.more_notes_link_container a:visited,
.more_notes_link_container a:active {
color: #aeaeae;
text-decoration: none;
}
.more_notes_link_container a:hover {
color: #747575;
}
.c1 {
display: block;
text-align: center;
}
#infscr-loading {
background: url("http://static.tumblr.com/ydokqes/g75m1uxmo/boxhover.png") repeat scroll 0 0 transparent;
color: #FFFFFF;
font-family: Verdana,Geneva,Arial,Helvetica,sans-serif;
font-size: 18px;
line-height: normal;
padding: 5px;
text-decoration: none;
text-transform: uppercase;
bottom: 40px;
margin-left: 437.5px;
position: fixed;
z-index: 100;
text-align: center;
}
#infscr-loading img{
position: absolute;
left: -99999px;
top: -99999px;
}
.rounded-corners {
-moz-border-radius: 3px;
-webkit-border-radius:3px;
-khtml-border-radius: 3px;
behavior: url(http://static.tumblr.com/ydokqes/ZpAm27ly3/border-radius.htc);
border-radius: 3px;
}
.box-shadow{
-webkit-box-shadow: 0 1px 10px rgba(0,0,0,.3);
-moz-box-shadow: 0 1px 10px rgba(0,0,0,.3);
box-shadow: 0 1px 10px rgba(0,0,0,.3);
}
</style>
</head>
<body>
<div id="container">
<div class="rightWrap">
<div class="header rounded-corners box-shadow">
<div class="topWrap">
<img src="{PortraitURL-128}" width="128" height="128" class="rounded-corners" />
</div>
<div class="header-more">
<div class="description">
<h1>{Title}</H1>
<div class="description-text">
{Description}
</div>
</div>
</div>
<div style="clear:both"></div>
</div>
<div class="tmnav">
<ul>
<li class="rounded-corners box-shadow"><a href="/">HOME</a></li>
{block:AskEnabled}<li class="rounded-corners box-shadow"><a href="/ask">{AskLabel}</a></li>{/block:AskEnabled}
{block:HasPages}
{block:Pages}<li class="rounded-corners box-shadow"><a href="{URL}">{Label}</a></li>{/block:Pages}
{/block:HasPages}
</ul>
</div>
</div> <!-- / rightWrap -->
{block:IndexPage}
<div class="posts" id="allposts">
{/block:IndexPage}
{block:Posts}
{block:PermalinkPage}
<div class="postbox">
<div class="postcontent rounded-corners box-shadow">
{/block:PermalinkPage}
{block:IndexPage}
<div class="box rounded-corners box-shadow">
{/block:IndexPage}
{block:Photo}
{block:IndexPage}<a href="{Permalink}">{/block:IndexPage}
{block:PermalinkPage}{LinkOpenTag}{/block:PermalinkPage}
<img src="{block:IndexPage}{PhotoURL-250}{/block:IndexPage}{block:PermalinkPage}{PhotoURL-500}{/block:PermalinkPage}" alt="{PhotoAlt}" class="rounded-corners">
{block:IndexPage}</a>{/block:IndexPage}
{block:Caption}
{block:IndexPage}
<!--div class="innerbox rounded-corners box-shadow"-->
{/block:IndexPage}
{block:IndexPage}
<!--/div-->
{/block:IndexPage}
{/block:Caption}
{block:PermalinkPage}{LinkCloseTag}{/block:PermalinkPage}
{/block:Photo}
{block:Audio}
<div class="innerbox rounded-corners box-shadow">
{AudioPlayerWhite}
{block:Caption}{Caption}{/block:Caption}
</div>
{/block:Audio}
{block:Video}
{block:IndexPage}{Video-250}{/block:IndexPage}
{block:PermalinkPage}{Video-500}{/block:PermalinkPage}
{block:Caption}
<div class="innerbox rounded-corners box-shadow">
{Caption}
</div>
{/block:Caption}
{/block:Video}
{block:Text}
<div class="innerbox rounded-corners box-shadow">
{block:Title}
<h3>{Title}</h3>
{/block:Title}
{Body}
{block:More}
<a href="{Permalink}" class="readMore">{lang:Read more}</a>
{/block:More}
</div>
{/block:Text}
{block:Answer}
<div class="innerbox rounded-corners box-shadow">
<b>{lang:Asker asked}: </b>{Question}
<p><br><b>{lang:Answer}:</b>{Answer}</p>
</div>
{/block:Answer}
{block:Link}
<div class="innerbox rounded-corners box-shadow">
<a href="{URL}" class="title link" {Target}>{Name} →</a>
{block:Description}{Description}{/block:Description}
</div>
{/block:Link}
{block:Quote}
<div class="innerbox rounded-corners box-shadow">
{/block:IndexPage}
{block:Source}<h2>{Source}</h2>{/block:Source}
<blockquote class="classy"><span>{Quote}</span></blockquote>
</div>
{/block:Quote}
{block:Chat}
<div class="innerbox rounded-corners box-shadow">
{block:Title}<h2><a href="{Permalink}" class="title">{Title}</a></h2>{block:Title}
<table class="chat" cellspacing="0">
{block:Lines}
<tr>
{block:Label}<td class="name line{UserNumber}">{Label}</td>{block:Label}<td class="words line{UserNumber}">{Line}</td>
</tr>
{/block:Lines}
</table>
</div>
{/block:Chat}
{block:IndexPage}
<a href="{Permalink}" class="boxhoverlink">
<div class="boxhover rounded-corners box-shadow">
<div class="center-middle">
<a href="{ReblogURL}">
<div class="tmlabel">REBLOG</div>
</a>
{block:NoteCount} <a href="{Permalink}"><div class="tmvalue-notes">{NoteCount} Notes</div></a>{/block:NoteCount}
{block:Date}<a href="{Permalink}"><div class="tmvalue-posted">Post {TimeAgo}</div></a>{/block:Date}
</div>
</div>
</a>
{/block:IndexPage}
</div>
{block:PermalinkPage}
<!--div class="postinfo rounded-corners box-shadow">{block:NoteCount}NOTES {NoteCount} {/block:NoteCount}{block:Date}{TimeAgo}{/block:Date}</div-->
{/block:PermalinkPage}
{block:PermalinkPage}
<div style="clear: both;"></div>
{block:IfDisqusShortname}
<div style="overflow: hidden" class="rounded-corners box-shadow">
<div id="disqus_thread"></div>
<script type="text/javascript" src="http://disqus.com/forums/{text:Disqus Shortname}/embed.js"></script>
<noscript><a href="http://{text:Disqus Shortname}.disqus.com/?url=ref">{lang:View the discussion thread}</a></noscript>
{/block:Date}
{/block:IfDisqusShortname}
{block:IfShowNotesOnPermalinkPages}
{block:PostNotes}{PostNotes}{/block:PostNotes}
{/block:IfShowNotesOnPermalinkPages}
{block:IfDisqusShortname}</div>{/block:IfDisqusShortname}
{/block:PermalinkPage}
{block:PermalinkPage}
<div style="clear: both;"></div>
</div>
{/block:PermalinkPage}
{/block:Posts}
{block:IndexPage}
</div> <!-- .posts -->
{/block:IndexPage}
<div style="clear: both;"></div>
{block:IndexPage}
<div class="footer" style="display:none;">
<a href="#">Loading</a>
</div> <!-- #footer -->
<div class="navigation" id="navigation">
{block:Pagination}
{block:PreviousPage}<a href="{PreviousPage}" class="navigate">{/block:PreviousPage}{lang:Previous}{block:PreviousPage}</a>{/block:PreviousPage}
/
{block:NextPage}<a href="{NextPage}" class="navigate" id="nextPage">{/block:NextPage}{lang:Next} →{block:NextPage}</a>{/block:NextPage}
{/block:Pagination}
</div> <!-- .navigation -->
{/block:IndexPage}
</div> <!-- #container -->
{block:IfDisqusShortname}
<script type="text/javascript">
//<![CDATA[
(function() {
var links = document.getElementsByTagName('a');
var query = '?';
for(var i = 0; i < links.length; i++) {
if(links[i].href.indexOf('#disqus_thread') >= 0) {
query += 'url' + i + '=' + encodeURIComponent(links[i].href) + '&';
}
}
document.write('<script charset="utf-8" type="text/javascript" src="http://disqus.com/forums/{text:Disqus Shortname}/get_num_replies.js' + query + '"></' + 'script>');
})();
//]]>
</script>
{/block:IfDisqusShortname}
<script src="http://www.totallylayouts.com/inc/themes/grid-js/jquery-1.7.1.min.js"></script>
<script src="http://www.totallylayouts.com/inc/themes/grid-js/jquery.masonry.min.js"></script>
<script src="http://www.totallylayouts.com/inc/themes/grid-js/jquery.infinitescroll.min.js"></script>
<script type="text/javascript">
$(window).load(function () {
{block:IndexPage}
$('div.box').live('mouseenter',function(){
$(this).find('.boxhover').css({'display':'block','visibility':'hidden'}).fadeIn();
$(this).find('.center-middle').css({'position': 'absolute','top': ($(this).height()/2 - $(this).find('.center-middle').height()/2)+'px', 'left': ($(this).width()/2 - $(this).find('.center-middle').width()/2)+'px'});
$(this).find('.center-middle').css({'position': 'absolute','top': ($(this).height()/2 - $(this).find('.center-middle').height()/2)+'px', 'left': ($(this).width()/2 - $(this).find('.center-middle').width()/2)+'px'});
$(this).find('.boxhover').css({'display':'none','visibility':'visible'}).fadeIn();
});
$('div.box').live('mouseleave',function(){
$(this).find('.boxhover').fadeOut();
});
{/block:IndexPage}
$('.header .readmore').click(function(){
if($(this).hasClass("up")){
$(this).removeClass("up");
$('.header-more').slideUp();
}
else{
$(this).addClass("up");
$('.header-more').slideDown();
}
});
{block:IndexPage}
// endless scrolling
var $container = $('#allposts');
$container.imagesLoaded(function(){
$container.masonry({
itemSelector: '.box'
});
});
$container.infinitescroll({
navSelector : 'div.navigation', // selector for the paged navigation
nextSelector : 'div.navigation a#nextPage', // selector for the NEXT link (to page 2)
itemSelector : '.box', // selector for all items you'll retrieve
bufferPx: 0,
debug : true,
loading: {
finishedMsg: 'No more posts to load.',
img: '',
msgText: 'Loading'
}
},
// trigger Masonry as a callback
function( newElements ) {
// hide new items while they are loading
var $newElems = $( newElements ).css({ opacity: 0 });
// ensure that images load before adding to masonry layout
$newElems.imagesLoaded(function(){
// show elems now they're ready
$newElems.animate({ opacity: 1 });
$container.masonry( 'appended', $newElems, true );
});
}
);
// End of endless scrolling
{/block:IndexPage}
});
</script>
<script type="text/javascript">
var _gaq = _gaq || [];
_gaq.push(['_setAccount', 'UA-1419534-14']);
_gaq.push(['_trackPageview']);
(function() {
var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
})();
</script>
<div style="color: #000000; font-size: 8px; font-family: arial; background-color: transparent; text-align: center; position: relative; bottom: 5px; left: 40%; width: 500px; height: 18px; filter:alpha(opacity=30);-moz-opacity:.30;opacity:.30;" align="center"><a href="http://www.totallylayouts.com/" target="_blank">TotallyLayouts</a> has <a href="http://www.totallylayouts.com/tumblr/tumblr-themes" target="_blank" title="Tumblr Themes"><b>Tumblr Themes</b></a>, <a href="http://www.totallylayouts.com/twitter/twitter-backgrounds" target="_blank" title="Twitter Backgrounds"><b>Twitter Backgrounds</b></a>, <a href="http://www.totallylayouts.com/facebook/facebook-covers" target="_blank" title="Facebook Covers"><b>Facebook Covers</b></a>, <a href="http://www.totallylayouts.com/totallyplayer/" target="_blank" title="Tumblr Music Player"><b>Tumblr Music Player</b></a> and <a href="http://www.followercounter.com" target="_blank" title="Tumblr Follower Counter"><b>Tumblr Follower Counter</b></a></div>
</body>
</html>
<!-- Song Player http://playlist.me --><script type="text/javascript" src="http://playlist.me/w/script.js" data-config="{'skin':'http://static.tumblr.com/kpofzpr/65vm3chq6/ancora.css','volume':50,'autoplay':true,'shuffle':true,'repeat':1,'placement':'top','showplaylist':false,'playlist':[{'title':'Wrecking Ball','url':'http://www.youtube.com/watch?feature=player_detailpage&v=My2FRPA3Gf8'},{'title':'Let Her GO','url':'http://www.youtube.com/watch?v=RBumgq5yVrA'},{'title':'Rihanna','url':'http://www.youtube.com/watch?v=JF8BRvqGCNs'},{'title':'Backseat','url':'http://www.youtube.com/watch?v=yrZLaxSmY44'},{'title':'Senden Daha G%FCzel','url':'http://www.youtube.com/watch?v=ZEEiTcHfyyY'},{'title':'I Never Told You','url':'http://www.youtube.com/watch?v=_YtzsUdSC_I'},{'title':'Never Too Late','url':'http://www.youtube.com/watch?v=lL2ZwXj1tXM'},{'title':'With You','url':'http://www.youtube.com/watch?v=Poz_y_OCt5g'},{'title':'The Memory','url':'http://www.youtube.com/watch?v=8f3R0hdY1nc'},{'title':'Euphoria','url':'http://www.youtube.com/watch?v=bcnWysA9gxo'},{'title':'R%FCzgar','url':'http://www.youtube.com/watch?v=KHxQmRPNNO8'},{'title':'Yeter ki Sen Sev Beni','url':'http://www.youtube.com/watch?v=bAVer47V9X0'}]}" ></script><noscript><a href="http://playlist.me/songs/">player playlist</a></noscript><!-- playlist.me script end -->
<style> body, a, a:hover { cursor:url('http://www.totallylayouts.com/cursors/cartoon/mickey_mouse_finger.png'), auto }</style><div><a style="position:fixed;z-index:9 !important;top:300px;left:3px;" href="http://www.totallylayouts.com/" title="Tumblr Mouse Cursors" target="_blank"><img src="-" alt="Tumblr Mouse Cursors" /></a></div>
