Sie sind auf Seite 1von 65

<

<!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://www.totallylayouts.com/backgrounds/random/star_chart_sky.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/borderradius.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}:&nbsp;</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} &rarr;</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="tmvaluenotes">{NoteCount} Notes</div></a>{/block:NoteCount}

{block:Date}<a href="{Permalink}"><div class="tmvalueposted">Post {TimeAgo}</div></a>{/block:Date}

</div>

</div>

</a>

{/block:IndexPage}

</div>

{block:PermalinkPage}

<!--div class="postinfo rounded-corners boxshadow">{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}

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;/&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;

{block:NextPage}<a href="{NextPage}" class="navigate" id="nextPage">{/block:NextPage}{lang:Next} &rarr; {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/jquery1.7.1.min.js"></script>

<script src="http://www.totallylayouts.com/inc/themes/gridjs/jquery.masonry.min.js"></script>

<script src="http://www.totallylayouts.com/inc/themes/gridjs/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('.centermiddle').height()/2)+'px', 'left': ($(this).width()/2 - $(this).find('.centermiddle').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; backgroundcolor: transparent; text-align: center; position: relative; bottom: 5px; left: 40%; width: 500px; height: 18px; filter:alpha(opacity=30);-mozopacity:.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>

Das könnte Ihnen auch gefallen