Sie sind auf Seite 1von 9

<!-THEME: #06 - Angelic by sakurane - (sakurane.tumblr.com) ---------------------------------------------------------------------TERMS OF USAGE 1. Do not remove the credit.

(You may move it to a credits page.) 2. Do not use as a base code. 3. Do not take any part of the code. 4. Do not redistribute. 5. Do not claim as your own. 6. You may customize to your liking, but keep the credit intact. --> <!DOCTYPE html> <html> <head> <title>{Title}</title> <link rel="shortcut icon" href="{Favicon}"> <link rel="alternate" type="application/rss+xml" href="{RSS}"> <link rel="stylesheet" href="http://static.tumblr.com/kzorqqu/8EOmgtzik/normaliz e.css"/> {block:Description} <meta name="description" content="{MetaDescription}" /> {/block:Description} <meta <meta <meta <meta <meta <meta <meta <meta <meta <meta <meta <meta <meta <meta <meta <meta <meta <meta <meta <meta <meta <meta <meta <meta name="color:Background" content="#f7f7f7"/> name="color:Post Text" content="#b7b7b7"/> name="color:Bold" content="#b7b7b7"/> name="color:Italic" content="#b7b7b7"/> name="color:Link" content="#b8b8b8"/> name="color:Link Hover" content="#808080"/> name="color:Post BG" content="#fbfbfb"/> name="color:Post Title" content="#a2a2a2"/> name="color:Title Border" content="#ececec"/> name="color:Sidebar Border" content="#ececec"/> name="color:Description" content="#c5c5c5"/> name="color:Desc Bracket" content="#ececec"/> name="color:Navigation Link" content="#fff"/> name="color:Navigation Link Hover" content="#b7b7b7"/> name="color:Navigation BG" content="#dadada"/> name="color:Navigation BG Hover" content="#fff"/> name="color:Pagination" content="#dcdcdc"/> name="color:Post Date" content="#c4c4c4"/> name="color:Post Date BG" content="#fff"/> name="color:Album BG" content="#fff"/> name="color:Ask BG" content="#ececec"/> name="color:Ask Link" content="#c6c6c6"/> name="color:Scrollbar BG" content="#f7f7f7"/> name="color:Scrollbar" content="#ececec"/>

<meta name="image:Background" content=""/> <meta name="image:Sidebar" content=""/> <meta <meta <meta <meta name="if:500px" content="1"/> name="if:400px" content="0"/> name="if:250px" content="0"/> name="if:Navigation 1" content="1"/>

<meta <meta <meta <meta <meta <meta <meta <meta <meta <meta

name="if:Navigation 2 Left" content="0"/> name="if:Navigation 2 Right" content="0"/> name="if:No Post BG" content="0"/> name="if:No Description" content="0"/> name="if:Faded Image" content="0"/> name="if:Grayscale" content="0"/> name="if:Grayscale With Hover" content="0"/> name="if:Infinite Scroll" content="0"/> name="if:Show Caption" content="0"/> name="if:Show Tags" content="1"/>

<meta name="font:Body" content="arial"/> <meta name="text:Font Size" content="10"/> <meta <meta <meta <meta <meta <meta <meta <meta name="text:Link name="text:Link name="text:Link name="text:Link name="text:Link name="text:Link name="text:Link name="text:Link 1" content=""/> Url 1" content=""/> 2" content=""/> Url 2" content=""/> 3" content=""/> Url 3" content=""/> 4" content=""/> Url 4" content=""/>

<style> iframe#tumblr_controls { position: fixed!important; right: 3px!important; } ::-webkit-scrollbar-thumb:vertical { height: 100px; background: {color:Scrollbar}; } ::-webkit-scrollbar { height: 10px; width: 10px; background: {color:Scrollbar BG}; } body { font: {text:Font Size}px {font:Body}; color: {color:Post Text}; word-wrap: break-word; background: {color:Background} url({image:Background}) repeat fixed; margin: 0; } a { color: {color:Link}; text-decoration: none; } a:hover { color: {color:Link Hover}; } b, strong { color: {color:Bold}; } i, em { color: {color:Italic}; } small { font-size: 10px; }

pre { width: 100%; overflow: auto; } #entry img, iframe.photoset { border: 0; max-width: 100%; } .iframe.photoset { display: block; } #container { {block:If400px} width: 400px; {/block:If400px} {block:IfNot400px}{/block:PermalinkPage} width: 500px; {/block:PermalinkPage }{/block:IfNot400px} margin-left: 548px; {block:IfNoPostBG} margin-left: 548px; {/block:IfNoPostBG} } #entry { {block:IndexPage}{block:If500px} width: 500px; {/block:If500px} {block:If250px} width: 250px; {/block:If250px}{/block:IndexPage} {block:If400px} width: 400px; {/block:If400px} {block:IfNot400px}{block:PermalinkPage} width: 500px; {/block:PermalinkPage} {/block:IfNot400px} {block:IfNotNoPostBG} background: {color:Post BG}; padding: 15px; margin: 60 px 0; {/block:IfNotNoPostBG} {block:IfNoPostBG} background: none; margin: 80px 0; {/block:IfNoPostBG} overflow: hidden; z-index: -1; } {block:IndexPage}#entry img, .photoset { {block:IfFadedImage} opacity: 0.8; {/block:IfFadedImage} {block:IfNotGrayscale}{block:IfGrayscaleWithHover} filter: url("data:ima ge/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale \'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.333 3 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 3.5+ * filter: gray; /* IE6-9 */ -webkit-filter: grayscale(100%); /* Google Chrome */ {/block:IfGrayscale WithHover}{/block:IfNotGrayscale} {block:IfFadedImage} opacity: 0.8; {/block:IfFadedImage} {block:IfNotGrayscaleWithHover}{block:IfGrayscale} filter: url("data:ima ge/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale \'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.333 3 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 3.5+ * filter: gray; /* IE6-9 */ -webkit-filter: grayscale(100%); /* Google Chrome */ {/block:IfGrayscale }{/block:IfNotGrayscaleWithHover} -webkit-transition: all 0.9s ease-in-out; -moz-transition: all 0.9s ease-in-out; -o-transition: all 0.9s ease-in-out; } #entry img:hover, .photoset:hover { {block:IfFadedImage} opacity: 1; {/block:IfFadedImage} {block:IfNotGrayscale}{block:IfGrayscaleWithHover} filter: none; -webkit-filter: grayscale(0%); {/block:IfGrayscaleWithHover}{/block:IfNo tGrayscale} }{/block:IndexPage} h1 {

font: italic 20px times; color: {color:Post Title}; text-align: center; border-bottom: 1px solid {color:Title Border}; } h2 { font: italic 15px times; border-bottom: 1px solid {color:Title Border}; margin-bottom: -5px; } blockquote { border-left: 5px solid {color:Sidebar Border}; margin: 0 15px; padding: 0 5px; } blockquote blockquote { margin: 0px 0px 4px 10px; } #entry:hover #info { opacity: 1; } #info { position: absolute; {block:IndexPage}{block:If500px} {block:IfNotNoPostBG} margin-left: 530px; { /block:IfNotNoPostBG}{block:IfNoPostBG} margin-left: 510px; {/block:IfNoPostBG}{ /block:If500px} {block:If250px} {block:IfNotNoPostBG} margin-left: 280px; {/block:IfNotNoPos tBG}{block:IfNoPostBG} margin-left: 260px; {/block:IfNoPostBG} {/block:If250px}{ /block:IndexPage} {block:If400px} {block:IfNotNoPostBG} margin-left: 430px; {/block:IfNotNoPos tBG}{block:IfNoPostBG} margin-left: 410px; {/block:IfNoPostBG} {/block:If400px} {block:IfNot400px}{block:PermalinkPage} {block:IfNotNoPostBG} margin-left: 5 30px; {/block:IfNotNoPostBG}{block:IfNoPostBG} margin-left: 510px; {/block:IfNoP ostBG} {/block:PermalinkPage}{/block:IfNot400px} font: 8px garamond; text-transform: uppercase; letter-spacing: 1px; opacity: 0; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; } #tags { {block:IndexPage}{block:If500px} width: 500px; {/block:If500px} {block:If250px} width: 250px; {/block:If250px}{/block:IndexPage} {block:If400px} width: 400px; {/block:If400px} {block:IfNot400px}{block:PermalinkPage} width: 500px; {/block:PermalinkPage} {/block:IfNot400px} padding: 0 10px; font-size: 8px; text-transform: uppercase; letter-spacing: 1px; {block:IfNotNoPostBG} margin-top: -55px; {/block:IfNotNoPostBG} {block:IfNoPostBG} margin-top: -75px; {/block:IfNoPostBG} {block:IfNotShowTags}{block:IndexPage} display:none; {/block:IndexPage}{/blo ck:IfNotShowTags} } #notes { text-align: left; }

ol.notes { margin-left: -15px; } ol.notes li.note { list-style-type: none; } ol.notes li.note img.avatar { width: 16px; height: 16px; border: 5px solid {color:Sidebar Border}; margin: 5px; vertical-align: -15px; } #sidebar { width: 250px; position: fixed; top: 100px; left: 150px; } #sidebar img { width: 250px; border: 20px solid {color:Sidebar Border}; } #desc { font-size: 10px; color: {color:Description}; position: relative; {block:IfNoDescription} display: none; {/block:IfNoDescription} } .about { text-align: justify; position: absolute; padding: 10px; margin: 20px 0 0 35px; z-index: 999; } .bracket { font: italic bold 72px arial; color: {color:Desc Bracket}; position: relative; } #nav { {block:IfNavigation1} width: 250px; margin: 30px 0 0 20px; {/block:IfNavigat ion1} {block:IfNotNavigation1}{block:IfNavigation2Left} margin: 60px 0 0 -90px; {/ block:IfNavigation2Left} {block:IfNavigation2Right} margin: 60px 0 0 308px; {/block:IfNavigation2Righ t}{/block:IfNotNavigation1} position: fixed; text-align: center; } #nav a { {block:IfNavigation1} width: 110px; display: inline-block; margin: 2px; {/bl ock:IfNavigation1} {block:IfNotNavigation1} width: 70px; display: block; margin: 10px 0; {/bloc k:IfNotNavigation1} font: italic bold 12px garamond; background: {color:Navigation BG}; color: {color:Navigation Link}; text-align: center;

padding: 1px; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; } #nav a:hover { color: {color:Navigation Link Hover}; background: {color:Navigation BG Hover}; } #pagi { text-align: center; margin-left: 35px; } #pagi a { color: {color:Pagination}; margin: 0 15px; text-transform: uppercase; } #date { {block:IndexPage}{block:If500px}width: 530px;{/block:If500px}{block:If250px} width: 280px;{/block:If250px}{/block:IndexPage}{block:If400px}width:430px;{/bloc k:If400px}{block:IfNot400px}{block:PermalinkPage}width:530px;{/block:PermalinkPa ge}{/block:IfNot400px} position: absolute; margin: -45px 0 0 -15px; text-align: center; } .permadate { font: 8px garamond; color: {color:Post Date}; text-transform: uppercase; text-align: center; letter-spacing: 1px; background: {color:Post Date BG}; {block:IfNotNoPostBG} line-height: 30px; {/block:IfNotNoPostBG} } .datebracket { font: italic bold 12px arial; } .quote { font: italic 24px garamond; text-align: justify; text-indent: 25px; padding: 0 10px 5px 10px; } .qtsource { text-align: right; } #musicplayer { width: 40px; height: 40px; position: absolute; margin: -95px 0 0 55px; border-radius: 500px; -moz-border-radius: 500px; opacity: 0.8; background: #fff; z-index: 1; } .music {

width: 20px; height: 20px; overflow: hidden; text-align: center; position: absolute; margin: 7px; } .album { width: 150px; height: 150px; opacity: 0.4; background: {color:Album BG}; } .ask { width: 60px; height: 60px; position: relative; float: left; background: {color:Ask BG}; margin: 0 10px; } .ask img { padding: 10px; } .ask:after { height: 0; width: 0; content: " "; position: absolute; left: 100%; border: solid transparent; pointer-events: none; } .ask:after { border-left-color: {color:Ask BG}; border-width: 10px; top: 50%; margin-top: -10px; } .asker { font: italic bold 14px times; color: {color:Ask Link}; text-transform: lowercase; letter-spacing: 5px; line-height: 0px; padding-top: 0px; margin-top: 0px; } .answer { border-top: 1px solid {color:Title Border}; margin-top: 10px; } #backtotop{ position: fixed; right: 10px; bottom: 0px; padding: 5px; text-align: center; } #backtotop a{

font-size: 30px; color: {color:Link}; } #backtotop a:hover{ color: {color:Link Hover}; } {CustomCSS} </style> {block:IfInfiniteScroll}<script type="text/javascript" src="http://codysherman.c om/tools/infinite-scrolling/code"></script>{/block:IfInfiniteScroll} </head><body> <div id="backtotop"><a href="javascript:scroll(0,0)">?</a></div> <div id="sidebar">{block:IfNotInfiniteScroll}{block:Pagination} <div id="pagi">{ block:PreviousPage} <a href="{PreviousPage}">? back</a> {/block:PreviousPage}{bl ock:NextPage} <a href="{NextPage}">next ?</a> {/block:NextPage} </div>{/block:Pa gination}{/block:IfNotInfiniteScroll}<div id="nav"><a href="/">index</a><a href= "/ask">ask</a><a href="/archive">archive</a>{block:IfLink1}<a href="{text:Link U RL 1}">{text:Link 1}</a>{/block:IfLink1}{block:IfLink2}<a href="{text:Link URL 2 }">{text:Link 2}</a>{/block:IfLink2}{block:IfLink3}<a href="{text:Link URL 3}">{ text:Link 3}</a>{/block:IfLink3}{block:IfLink4}<a href="{text:Link URL 4}">{text :Link 4}</a>{/block:IfLink4}<a href="http://sakurane.tumblr.com">theme</a></div> <img src="{image:Sidebar}"><div id="desc"><div class="about">{Description}</div> <div class="bracket" style="margin: -5px 0 0 10px;">{</div><div class="bracket" style="margin: -80px 0 0 240px;">}</div></div></div> <div id="container"> {block:IfInfiniteScroll} <div class="autopagerize_page_element"> {/block:IfInfiniteScroll} {block:Posts} <div id="entry"><div id="info">{block:NoteCount}<h2>{NoteCountWithLabel}</h2><br >{/block:NoteCount}{block:RebloggedFrom}via: <a href="{ReblogParentURL}">{Reblog ParentName}</a><br>source: <a href="{ReblogRootURL}">{ReblogRootName}</a><p>{/bl ock:RebloggedFrom}? <a href="{ReblogURL}">Reblog</a></div> {block:Date}<div id="date"><font class="datebracket">{</font> <span class="perma date"><a href="{Permalink}">{DayofWeek}, {Month} {DayofMonthWithZero}, {Year}</a ></span><font class="datebracket">}</font></div>{/block:Date} {block:Text}{block:Title}<h1>{Title}</h1>{/block:Title}{Body}{/block:Text} {block:Photo}{LinkOpenTag}<img style="display: block;" src="{PhotoURL-500}" alt= "{PhotoAlt}" {block:If400px}width="400"{/block:If400px}{block:IndexPage}{block:I f250px}width="250"{/block:If250px}{/block:IndexPage}/>{LinkCloseTag}{block:IfNot ShowCaption}{block:PermalinkPage}{block:Caption}{Caption}{/block:Caption}{/block :PermalinkPage}{/block:IfNotShowCaption}{block:IfShowCaption}{block:Caption}{Cap tion}{/block:Caption}{/block:IfShowCaption}{/block:Photo} {block:Photoset}<div class="photoset">{block:IndexPage}{block:If500px}{Photoset500}{/block:If500px}{block:If250px}{Photoset-250}{/block:If250px}{/block:IndexPa ge}{block:If400px}{Photoset-400}{/block:If400px}{block:IfNot400px}{block:Permali nkPage}{Photoset-500}{/block:PermalinkPage}{/block:IfNot400px}</div>{block:IfNot ShowCaption}{block:PermalinkPage}{block:Caption}{Caption}{/block:Caption}{/block :PermalinkPage}{/block:IfNotShowCaption}{block:IfShowCaption}{block:Caption}{Cap tion}{/block:Caption}{/block:IfShowCaption}{/block:Photoset}

{block:Quote}<div class="quote">" {Quote}</div>{block:Source} <div class="qtsour ce"> {Source}</div>{/block:Source}{/block:Quote} {block:Link}<h1><a href="{URL}" {Target}>{Name}</a></h1>{block:Description}{Desc ription}{/block:Description}{/block:Link} {block:Chat}{block:Title}<h1>{Title}</h1>{/block:Title}{block:Lines}{block:Label }<font style="text-transform: uppercase; letter-spacing: 1px;"><b>{Label}</b></f ont>{/block:Label} {Line}<p>{/block:Lines}{/block:Chat} {block:Audio}<table width="100%" cellpadding="3" cellspacing="0" style="paddingbottom: 12px;"><tr><td style="text-align: center; font-size: 10px; padding: 0 20 px;">{block:TrackName}<h1><b>Title:</b> {TrackName}</h1>{/block:TrackName}<p>{bl ock:Artist}<b>Artst:</b> {Artist}<p>{/block:Artist}{block:Album}<b>Album:</b> {A lbum}<p>{/block:Album}{block:PlayCount}{PlayCountWithLabel}{/block:PlayCount}</t d><td width="150"><div style="{block:AlbumArt}display:none;{/block:AlbumArt} bor der-right: 20px solid #efece4;"><div class="album"></div></div>{block:AlbumArt}< img src="{AlbumArtURL}" width="150" style="border-right: 20px solid #efece4; z-i ndex: -1;">{/block:AlbumArt}<div id="musicplayer"><div class="music">{AudioPlaye rWhite}</div></div></td></tr></table>{block:IfNotShowCaption}{block:PermalinkPag e}{block:Caption}{Caption}{/block:Caption}{/block:PermalinkPage}{/block:IfNotSho wCaption}{block:IfShowCaption}{block:Caption}{Caption}{/block:Caption}{/block:If ShowCaption}{/block:Audio} {block:Video}{block:IndexPage}{block:If500px}{Video-500}{/block:If500px}{block:I f250px}{Video-250}{/block:If250px}{/block:IndexPage}{block:If400px}{Video-400}{/ block:If400px}{block:IfNot400px}{block:PermalinkPage}{Video-500}{/block:Permalin kPage}{/block:IfNot400px}{block:IfNotShowCaption}{block:PermalinkPage}{block:Cap tion}{Caption}{/block:Caption}{/block:PermalinkPage}{block:IfNotShowCaption}{blo ck:IfShowCaption}{block:Caption}{Caption}{/block:Caption}{/block:IfShowCaption}{ /block:Video} {block:Answer}<table cellpadding="3" cellspacing="0"><tr><td valign="top"><div c lass="ask"><img src="{AskerPortraitURL-40}"></div></td><td><div class="asker">{A sker} asked:</div> <br><div style="font-style: italic; color: #ccc9c2; text-alig n: justify; padding-right: 10px; margin-top: -5px;">{Question}</div></td></tr></ table><div class="answer">{Answer}</div>{/block:Answer} {block:ContentSource} <!-- {block:RebloggedFrom} via <a href="{ReblogParentURL}">{ReblogParentName}</a >{block:RebloggedFrom}{SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}" width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" /> {/block:SourceLogo} {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} --> {/block:ContentSource} </div> {block:HasTags}<div id="tags">{block:Tags}#<a href="{TagURL}">{Tag}</a> &nbsp;&n bsp;{/block:Tags}</div>{/block:HasTags} {/block:Posts} {block:PermalinkPage}{block:PostNotes}<div id="notes">{PostNotes}</div>{/block:P ostNotes}{/block:PermalinkPage} </div> </body></html>

Das könnte Ihnen auch gefallen