You are on page 1of 12

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/x html1/DTD/xhtml1-strict.dtd"> <html> <!

-my first theme around a nice circular menu edited http://film-instant.tumblr.com #inspired by pour etre belle theme# please don't remove credits. --> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/> <!-- tumblr theme --> <title>{Title}{block:PostSummary} : {PostSummary}{/block:PostSummary}</t itle> <link rel="icon" href="{Favicon}"/> <link rel="alternate" type="application/rss+xml" title="RSS" href="{RSS} "/> <meta name="description" content="{MetaDescription}"/> <!-- end of tumblr theme --> <meta <meta <meta <meta <meta <meta <meta <meta <meta <meta <meta <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:Text" content="#000000"/> name="color:hover" content="#FC7D08"/> name="color:Background" content="#FFFFFF"/> name="font:Body" content="Trebuchet MS, Arial, Helvetica, sans-serif"> name="text:Permalink Text" content="id"/> name="image:one" content=""/> name="image:two" content=""/> name="image:three" content=""/> name="image:a" content=""/> name="image:b" content=""/> name="image:c" content=""/> name="text:Next Page" content="earlier"/> name="text:Previous Page" content="later"/> name="text:Post Space" content="40px"/> name="text:about text1" content="who I am"/> name="text:about text2" content="contact"/> name="text:about text3" content="inspiration"/> name="text:link about text1" content="who I am"/> name="text:link about text2" content="contact"/> name="text:link about text3" content="inspiration"/> name="text:blog text1" content="archive"/> name="text:blog text2" content="subscribe via rss"/> name="text:blog text3" content="tag list"/> name="text:link blog text1" content="archive"/> name="text:link blog text2" content="subscribe via rss"/> name="text:link blog text3" content="tag list"/> name="text:also text1" content="link 1"/> name="text:also text2" content="link 2"/> name="text:also text3" content="link 3"/> name="text:link also text1" content="#"/> name="text:link also text2" content="#"/> name="text:link also text3" content="#"/> name="if:Show Captions" content="0"/> name="if:Show post info" content="0"/> name="if:Endless Scroll" content="0"/>

<!-- The JavaScript --> <script type="text/javascript" src="http://static.tumblr.com/uipdwez/urllpexdw/b ez.js"></script>

<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/uipdwez/MHIlpeprt/ jquery.easing.1.3.js"></script> <script type="text/javascript" src="http://static.tumblr.com/uipdwez/XgYlpepsq/j query.path.js"></script> <script type="text/javascript" src="http://static.tumblr.com/uipdwez/ji Rlpepzl/circular.js"></script> <script type="text/javascript" src="http://static.tumblr.com/uipdwez/MHI lpeprt/jquery.easing.1.3.js"></script> {block:IfEndlessScroll}<script type="text/javascript" src="http://codysherman.co m/tools/infinite-scrolling/code"></script>{/block:IfEndlessScroll} <!-- End of The JavaScript --> <style> .tumblrAutoPager_page_info, .tumblrAutoPager_page_separator {display:none;} div#blog { width: 500px; position: relative; height: 100%; margin-left: 550px; text-decoration:none; color:{color:Text}; background: {color:Background}; } div#content { width: 500px; position: fixed; height: 100%; float: left; color:{color:Text}; background: {color:Background}; } .wrapper{ font-size:12px; width:600px; height:600px; position:absolute; top:-20px; left:50px; } .images img{ display:none; position:absolute; left:6px; top:6px; } .circleBig{ position:absolute; top:0px; left:0px; width:418px; height:418px; background:transparent url(http://28.media.tumblr.com/tumblr_lpa5laZwN01qleb nno1_500.png) no-repeat top left; }

.menu{ position:absolute; top:390px; left:130px; z-index:998; } .circle{ margin-top:-30px; margin-left:-600px; width:176px; height:176px; position:absolute; left:0; top:0; background:transparent url(http://24.media.tumblr.com/tumblr_lpa5lnxGxu1qleb nno1_250.png) no-repeat top left; z-index:10; opacity:0; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0); } .description{ width:120px; margin: auto; text-align:center; font-family: trebuchet MS; } .description{ width:120px; margin:40px auto; text-align:center; line-height:30px; list-style:none; font-family: trebuchet MS; font-weight:bold; color:#FFF; text-decoration:none; text-transform:uppercase; font-size:11px; text-shadow:1px 1px 1px #aaa; } .description a:hover{ color:#FC7D08; } body{ font-size: 12px; line-height: 1em; background-color: {color:Background}; background-image: url('{image:Background}'); color: {color:Text}; font-family: {font:Body}; overflow-x: hidden; } a.back{ background:transparent url(#) no-repeat 0px 0px; position:absolute; width:150px; height:27px;

outline:none; top:2px; right:0px; } a { color: {color:text}; text-decoration: underline; -webkit-transition: color 0.2s ease-out; -moz-transition: color 0.2s ease-out; transition: color 0.2s ease-out; } a img { border: 0px; } a:hover { color: {color:hover}; border: 0px; margin: 0px; } div#shell { width: 500px; margin: 0px auto; } div.post { margin: 0px; padding: 0px; } div.permalink a { width: 50px; margin-left: -60px; text-align: right; vertical-align: top; font-size: 18px; position: absolute; z-index: 1000; text-decoration: none; color: {color:text}; } div.permalink a:hover { color: {color:hover}; } div.permalink { opacity: 0; filter:alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; -webkit-transition: opacity 0.5s ease-in; -moz-transition: -moz-opacity 0.5s ease-in; transition: filter 0.5s ease-in; } div.post:hover div.permalink { opacity: 1; filter:alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; } p.reblog, p.reblog a { text-align: center;

margin-bottom: 1px; text-decoration: none; padding: 0.5em 0px; } div.audio table { width: auto; margin: 0px auto; padding: -8px 0px -4px 0px; text-align: center; } div.audio table tr td { border-radius: 4px; height: 27px; margin: 0px; padding: 0px; text-align: inherit; vertical-align: middle; background: #000000; color: #FFFFFF; } div.audio table tr td a { color: #FFFFFF; text-decoration: none; } div.audio blockquote, div.audio p { padding-left: 0px; text-align: center; border-left: 0px; margin: -2px; padding: 3px 0px; } div.chat td.label { font-weight: bold; font-variant: small-caps; padding-right: 10px; } div.quotation { font-size: 8em; -webkit-transform: rotate(15deg); display: block; width: 20px; font-family: 'Bookman Old Style', serif; bottom: -2em; height: 0px; margin-left: -10px; padding-top: 20px; color: {color:Titles}; } div.quote h4 { padding-left: 50px; } div.quote p { text-align: center; text-decoration: overline; } h1, h1 a { color: {color:Titles}; text-align: center; letter-spacing: 2px;

line-height: 0.9em; text-decoration: none; font-weight: 100; margin: 1em 0px; font-size: 170%; } h2 { padding: 0.8em 0 1em; margin: 0px; } h3, h3 a { color: {color:Titles}; font-weight: bold; font-size: 1.2em; margin: 0px; padding: 1em 0px; text-transform: uppercase; } h4 { font-style: italic; font-size: 1.4em; word-spacing: -1px; line-height: 1.5em; font-weight: 100; display: inline; text-align: center; } blockquote { padding-left: 10px; border-left: 2px solid {color:Text}; margin: 3px 0 3px 10px; } iframe#ask_form { overflow-y: hidden; height: 100%; } ol.notes { margin-left: -10px; } ol.notes li.note { list-style-type: none; padding: 0px; } ol.notes li.note img.avatar { vertical-align: -4px; margin-right: 5px; width: 16px; height: 16px; } ol.notes li.note blockquote { border-left: 16px solid {color:Text}; padding: 6px 10px; margin: 0px; font-style: italic; } ol.notes li.note .answer_content { font-weight: normal; font-style: italic; padding: 6px 10px;

border-left: 16px solid {color:Text}; display: block; } div#postinfo { text-transform: uppercase; font-size: 0.8em; font-style: italic; text-align: left; padding: 2em 0; } div#pagination { margin: 2em auto; color: {color:Text}; font-size: 12; text-align: center; } div#pagination a { color: {color:Text}; text-decoration: none; } div#pagination a:hover { color: {color:hover}; } .invisible { visibility: hidden; } ul#drawers { width: 200px; list-style: none; margin: 0 auto; padding: 0px; border-top: 0px; color: {color:Titles}; } ul#drawers a { text-decoration: none; color: {color:Titles}; } ul#drawers li h2 { margin: 5px; padding: 0px; text-transform: uppercase; font-size: 1em; text-align: left; background-color: {color:Background}; -webkit-transition: background-color 0.5s ease-out; -moz-transition: background-color 0.5s ease-out; transition: background-color 0.5s ease-out; cursor: help; } ul#drawers li h2 span { -webkit-transition: background-color 0.5s ease-out; -moz-transition: background-color 0.5s ease-out; transition: background-color 0.5s ease-out; padding: 2px 5px; } ul#drawers li h2 span:hover { background-color: {color:Accents}; } h2.small {

display: table-cell; width: 100px; margin: 0px; height: 100%; } li.drawer h2.open { background-color: {color:Accents}; border-top: 0px; } li.drawer p { margin: 0px; } li.drawer div { padding: 0em; margin: 7px 0px; line-height: 1em; background-color: {color:Background}; display: none; } li.drawer div li { list-style-type: square; } li.drawer div ul { -webkit-padding-start: 20px; } {CustomCSS} </style> <!--[if IE]> <style> .circle{ background:transparent url(http://static.tumblr.com/uipd wez/6phlpeq90/circleie.gif) no-repeat top left; } </style> <![endif]--> </head> <body> <div id="content"> <div class="wrapper"> <div id="images" class="images"> <img id="image_about" src="{image:one}" alt="" width="402" h eight="402"/> <img id="image_blog" src="{image:two}" alt="" width="402" he ight="402" style="display:block;"/> <img id="image_also" src="{image:three}" alt="" width="402" height="402" /> </div> <div class="circleBig"> <div id="menu" class="menu"> <a id="about" class="about" href="#"><img src="{image:a} " width="50" height="50"></a> <a id="blog" class="blog" href="#"><img src="{image:b}" width="50" height="50"></a> <a id="also" class="also" href="#"><img src="{image:c}" width="50" height="50"></a> </div> </div> </div>

<div id="circle_about" class="circle"> <div class="description"> <li><a href="{text:link about text1}">{text:about text1}< /a></li> <li><a href="{text:link about text1}">{text:about text2}< /a></li> <li><a href="{text:link about text1}">{text:about text3}< /a></li> </div> </div> <div id="circle_blog" class="circle"> <div class="description"> <li><a href="{text:link blog text1}">{text:blog text1}</a></li> <li><a href="{text:link blog text2}" target="_blank">{text:blog text2}</a></li> <li><a href="{text:link blog text3}">{text:blog text3}</a></li> </div> </div> <div id="circle_also" class="circle"> <div class="description"> <li><a href="{text:link also text1}" target="_blank">{text:also text1}</a></li> <li><a href="{text:link also text2}" target="_blank">{text:also text2}</a></li> <li><a href="{text:link also text3}" target="_blank">{text:also text3}</a></li> </div> </div> </div> <div id="blog" > <div id="shell" style="padding-top: {text:Post Space};"> <div style="height: {text:Post Space};"></div> {block:Posts} <div class="post" style="padding: 0px 0px {block:IndexPage}{text:Post Space}{/bl ock:IndexPage}{block:PermalinkPage}1em{/block:PermalinkPage} 0px;"> {block:Date}{block:IndexPage}<div class="permalink"><a href="{Permalink} "{block:Photo}{/block:Photo}{block:Photoset}{/block:Photoset}{block:Video}{block :RebloggedFrom} style="margin-top: 1em;"{/block:RebloggedFrom}{/block:Video}>{te xt:Permalink Text}</a></div>{/block:IndexPage}{/block:Date} {block:Text}<div class="text"> {block:Title}<h3>{Title}</h3>{/block:Title} {Body} </div>{/block:Text} {block:Photo}<div class="photo"> {block:IfNotShowCaptions} {block:IndexPage} {/block:IndexPage} {/block:IfNotShowCaptions} {LinkOpenTag} <img src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="500px"> {LinkCloseTag} {block:IfNotShowCaptions}{block:PermalinkPage} {block:Caption} {Caption} {/block:Caption} {/block:PermalinkPage}{/block:IfNotShowCaptions}

{block:IfShowCaptions} {block:Caption} {Caption} {/block:Caption} {/block:IfShowCaptions}<br> </div> </div>{/block:Photo} {block:Photoset}<div class="photoset"> {block:IfNotShowCaptions} {block:IndexPage} {/block:IndexPage} {/block:IfNotShowCaptions} {Photoset-500} {block:IfNotShowCaptions}{block:PermalinkPage} {block:Caption} {Caption} {/block:Caption} {/block:PermalinkPage}{/block:IfNotShowCaptions} {block:IfShowCaptions} {block:Caption} {Caption} {/block:Caption} {/block:IfShowCaptions} <br> </div>{/block:Photoset} {block:Quote}<div class="quote"> <div class="quotation">"</div> <h4>{Quote}</h4> <div class="quotation" style="float: right; margin-top: 20px; margin-lef t: 30px;">"</div> {block:Source}<p>&nbsp;&nbsp;&nbsp;{Source}&nbsp;&nbsp;&nbsp;</p >{/block:Source} </div>{/block:Quote} {block:Link}<div class="link"> <h3><a href="{URL}" class="link" {Target}>{Name}</a></h3> {block:Description}<p>{Description}</p>{/block:Description} </div>{/block:Link} {block:Chat}<div class="chat"> {block:Title}<h3>{Title}</h3>{/block:Title} <table class="chat"> {block:Lines} <tr> {block:Label}<td class="label">{Label}</td>{/block:Label } <td class="line">{Line}</td> </tr> {/block:Lines} </table> </div>{/block:Chat} {block:Audio}<div class="audio"> <table cellspacing="8px" cellpadding="0"><tr> {block:AlbumArt} <td><a href="{Permalink}"> <img border="0" src="{AlbumArtUrl}" width="27px" height="27px" style ="border-radius: 4px;" /> </a></td>

{/block:AlbumArt} <td width="211px">{AudioPlayerBlack}</td> {block:ExternalAudio} <td width="27px"><a href="{ExternalAudioURL}"><img border="0" src="h ttp://static.tumblr.com/me5sfsd/HVel40cks/download.jpg" alt="download" /></a></t d> {/block:ExternalAudio} </tr> </table> {block:Caption}<p>{Caption}</p>{/block:Caption} </div>{/block:Audio} {block:Video}<div class="video"> {block:IfNotShowCaptions} {block:IndexPage} {/block:IndexPage} {/block:IfNotShowCaptions} <center>{Video-500}</center> {block:IfNotShowCaptions}{block:PermalinkPage} {block:Caption} {Caption} {/block:Caption} {/block:PermalinkPage}{/block:IfNotShowCaptions} {block:IfShowCaptions} {block:Caption} {Caption} {/block:Caption} {/block:IfShowCaptions} </div>{/block:Video} {block:AskEnabled} {block:Answer}<div class="answer"> <p><a href="http://{PlaintextAsker}.tumblr.com">Question </a>:<br /> <strong>{Question}</strong></p> <p><a href="/">Answer</a>:<br /> {PlaintextAnswer}</p> </div>{/block:Answer} {/block:AskEnabled} </div> {block:Date}{block:PermalinkPage} {block:IfShowpostinfo} <div id="postinfo"> {block:Text}Text {/block:Text} {block:Photo}Photo {/block:Photo} {block:Photoset}Photoset {/block:Photoset} {block:Video}Video {/block:Video} {block:Audio}Audio {/block:Audio} {block:Link}Link {/block:Link} {block:Quote}Quote {/block:Quote} {block:Chat}Conversation {/block:Chat} {block:Answer}Response {/block:Answer} posted {TimeAgo}{block:NoteCount} with {NoteCountWithLabel}{/block:NoteCount} {block:Audio} and {PlayCountWithLabel}{/block:Audio} <br /> Tags: {block:Tags} <a href="{TagURL}">{Tag}</a>{/block:Tags}

{/block:HasTags} {block:IfShowpostinfo} {block:IfnotShowpostinfo}{/block:IfnotShowpostinfo} </div> {/block:PermalinkPage}{/block:Date} {/block:Posts} {block:IfEndlessScroll}</div>{/block:IfEndlessScroll} {block:IfNotEndlessScroll} {block:Pagination}<div id="pagination"> {block:PreviousPage} <a href="{PreviousPage}"> </a> {/block:PreviousPage} {block:JumpPagination length="10"} {block:CurrentPage} <span class="current_page">{PageNumber}</span> {/block:CurrentPage} {block:JumpPage} <a class="jump_page" href="{URL}">{PageNumber}</a> {/block:JumpPage} {/block:JumpPagination} {block:NextPage} <a href="{NextPage}"> </a> {/block:NextPage} {/block:Pagination} {/block:IfNotEndlessScroll} </div> </div> </body> </html>