Вы находитесь на странице: 1из 20

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <link href='http://fonts.googleapis.com/css?

family=Open+Sans:400italic,600italic,700italic,800italic, 400,600,700,800&v2' rel='stylesheet' type='text/css'>

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> <head> <title>{Title}</title>

<!--

.d8888b. 888b

d888 8888888b. 888

d88P Y88b 8888b d8888 888 Y88b 888 Y88b. 88888b.d88888 888 888 888

"Y888b. 888Y88888P888 888 d88P 888 "Y88b. 888 Y888P 888 8888888P" 888 "888 888 Y8P 888 888 Y88b d88P 888 " 888 888 "Y8888P" 888 888 888 888 888 88888888

Theoretical Theme by SMPL Design http://smpldesign.co.uk

-->

<meta name="image:Background" content=""/> <meta name="color:Background" content="#F3F3F3"/> <meta name="color:Font" content="#000"/>

<meta name="color:Link Underline" content="#DDDDDD"/> <meta name="color:Accent" content="#57b8ff"/> <meta name="color:Link Hover" content="#57b8ff"/> <meta name="text:About Page URL" content=""/> <meta name="text:Facebook URL" content=""/> <meta name="text:Twitter URL" content=""/> <meta name="text:Flickr URL" content=""/> <meta name="text:Vimeo URL" content=""/> <meta name="if:Show Captions" content="1"/> <meta name="if:Fixed Header" content="0"/> <meta name="if:Header Underline" content="1"/> <meta name="if:2 Columns" content="0"/> <meta name="if:Icon Navigation" content="0"/> <meta name="if:Show About Icon" content="0"/> <meta name="if:Show Facebook Icon" content="0"/> <meta name="if:Show Twitter Icon" content="0"/> <meta name="if:Show Flickr Icon" content="0"/> <meta name="if:Show Vimeo Icon" content="0"/>

<link rel="shortcut icon" href="{Favicon}"> <link rel="alternate" type="application/rss+xml" href="{RSS}"> {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description} <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js" type="text/javascript"></script>

<style type="text/css"> body {

font-family: 'Open Sans'; font-size: 11px; line-height:15px; color: {color:Font}; textalign:{block:IndexPage}left{/block:IndexPage}{block:PermalinkPage}justify{/block:PermalinkPa ge}; background-color: {color:Background}; background-image:url({image:Background}); background-position:fixed; } html { overflow-y: scroll !important; } a { text-decoration: none; color: {color:Font}; border-bottom: 1px solid {color:Link Underline}; -moz-transition: 0.2s ease-in;-webkit-transition: 0.2s ease-in;-o-transition: 0.2s easein;transition: 0.2s ease-in;} a.index_perma { border:none; } .index_perma img { width:12px !important; height: 12px !important; opacity:0.3;} a.index_perma:hover { border:none; opacity:1;} a.photo_hover:hover { border:none !important;} a.photo_hover { border:none !important;} a:hover { color:{color:Link Hover}; -moz-transition: 0.2s ease-in;-webkit-transition: 0.2s easein;-o-transition: 0.2s ease-in;transition: 0.2s ease-in;} .photo_post { position:relative; {block:IndexPage}background:#000{/block:IndexPage}; } .photo_post a, .photo_post a:hover { border:none !important; } ::-webkit-scrollbar-thumb:vertical {background-color: {color:Font}; height:200px;} ::-webkit-scrollbar-thumb:horizontal {background-color: {color:Font}; height:10px !important;}

::-webkit-scrollbar { height:10px; width:7px; background-color:{color:Background}; } .wrap { margin: auto; width: 1060px; margin-top: -8px; } #posts { {block:ifFixedHeader} margin-top:158px; {/block:IfFixedHeader} padding:10px; background:#fff; } .entry { {block:IndexPage} padding:10px; background:#fff; width: {block:IfNot2Columns}240px{/block:IfNot2Columns}{block:If2Columns}500px{/block:If2Column s}; float: left; {/block:IndexPage} {block:PermalinkPage}width:500px;{/block:PermalinkPage} } .entry img { {block:IndexPage}

width: {block:IfNot2Columns}240px{/block:IfNot2Columns}{block:If2Columns}500px{/block:If2Column s}; {/block:IndexPage} {block:PermalinkPage} width:500px; {/block:PermalinkPage} } .text { {block:IndexPage} margin:10px; {block:IfNot2Columns}width:218px;{/block:IfNot2Columns} {block:If2Columns}width:478px;{/block:If2Columns} border:1px solid {color:Background}; {/block:IndexPage} } #chat li { list-style-type:none; margin-bottom:7px; } #chat li:nth-child(even) { padding:5px; background: {color:Accent}; } h2 { font-weight:600; font-size:16px; }

#audio { position:relative; } .audio { left:26%; top:26%; position:absolute; width:25px; height:25px; background:#000; overflow:hidden; } .albumart { background:#000; {block:IfNot2Columns}width: 240px; height:240px;{/block:IfNot2Columns}{block:If2Columns}width:500px; height:500px;{/block:If2Columns} }

.audio_circle { -webkit-border-radius: 40px; -moz-border-radius: 40px; border-radius: 40px; {block:IfNot2Columns} left:40%; top:40%; {/block:IfNot2Columns} {block:If2Columns}

left:45%; top:45%; {/block:If2Columns} position:absolute; width:55px; height:55px; background:#000; } .photo_post:hover .box_caption p, #audio:hover .box_caption p, .photo_post:hover .box_caption h1, .photo_post:hover .box_caption h2 { -moz-transition: 0.2s ease-in; -webkit-transition: 0.2s ease-in; -o-transition: 0.2s ease-in; transition: 0.2s ease-in; opacity:1; } .box_caption p:first-child { -moz-transition: 0.2s ease-in; -webkit-transition: 0.2s ease-in; -o-transition: 0.2s ease-in; transition: 0.2s ease-in; opacity:0; display:block; z-index:1000; position:absolute; bottom:-11px; padding:10px;

color:#000; background:#fff; } .box_caption p { display:none; } {block:IndexPage} .box_caption h1, .box_caption h2 { font-weight:normal; opacity:0; display:block; z-index:2000; padding:0; margin:0; line-height:normal; font-size:11px; position:absolute; bottom:-11px; padding:10px; color:#000; background:#fff; -moz-transition: 0.2s ease-in; -webkit-transition: 0.2s ease-in; -o-transition: 0.2s ease-in; transition: 0.2s ease-in; } {/block:IndexPage} #header {

z-index:1100; {block:IfFixedHeader}position:fixed;{/block:IfFixedHeader} background:#fff; {block:IfHeaderUnderline}border-bottom:1px solid {color:Accent};{/block:IfHeaderUnderline} top:0px; text-align:left; padding: 70px 20px 20px 20px; width:1020px; margin-bottom:30px; } #header a, #header a:hover { border:none; color:{color:Font}; } .icons a { margin-left:5px; } .navigation a { padding:3px 5px; background:{color:Accent}; margin-left:5px; -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; } .navigation a:hover{ text-shadow: 0px 0px 0px #ddd; background:{color:Font}; color:#fff !important;

} .blogtitle { letter-spacing:-3px; -webkit-text-stroke: 1px transparent; font-size: 55px; font-weight:800; text-transform:uppercase; } .description { font-weight:normal; font-size:12px; margin-top:10px; } .label {font-weight: bold; margin-right: 10px; } #nav { display: none; } blockquote { margin: 0px; border-left: 2px solid; padding-left: 5px; margin-left: 5px; } {block:IndexPage}div.video embed, div.post div.video object, div.video iframe { z-index:-1;

width:{block:IfNot2Columns}240px !important{/block:IfNot2Columns} {block:If2Columns}500px !important{/block:If2Columns}; height:{block:IfNot2Columns}200px{/block:IfNot2Columns} {block:If2Columns}450px{/block:If2Columns} !important;}{/block:IndexPage} {block:PermalinkPage}div.video embed, div.post div.video object, div.video iframe { width:500px !important; height:400px !important; } {/block:PermalinkPage} {block:IndexPage}.photoset, .photoset_row, div.photoset_photo, .photoset img, .html_photoset { width:{block:IfNot2Columns}240px !important{/block:IfNot2Columns} {block:If2Columns}500px !important{/block:If2Columns}; {/block:IndexPage} {/block:PermalinkPage} } {block:IndexPage}img { opacity:1; -moz-transition: 0.2s ease-in; -webkit-transition: 0.2s ease-in; -o-transition: 0.2s ease-in; transition: 0.2s ease-in; } img:hover, #audio:hover img { opacity:0.6; -moz-transition: 0.2s ease-in; -webkit-transition: 0.2s ease-in; -o-transition: 0.2s ease-in; transition: 0.2s ease-in; }

{/block:IndexPage} #infscr-loading { z-index: 5000; position: fixed !important; left: 47%; bottom: 20px !important; width: 35px; height: 35px; padding: 13px; background: #fff; opacity: 0.7; color: #FFF; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; } .footer { position:fixed; bottom:0; width:220px; font-size:9px; letter-spacing:1px; left:50%; margin-left:270px; padding:5px 10px; background:#fff; z-index:2000;

} .footer a { color:#57b8ff; font-weight:bold; border:none; text-transform:uppercase; letter-spacing:-0.5px; } #top-link { display:none; float:right; background: url('http://dl.dropbox.com/u/10308294/icons/backtop_g.gif') center center norepeat; height:13px; width:19px; } #top-link a:hover { border:none; } .perma_info { float:right; width:500px; margin-right:20px; } .perma_info ul { padding:0; margin:-15px 0 15px 0; }

{CustomCSS}

</style>

{block:IndexPage} <script src="http://masonry.desandro.com/jquery.masonry.min.js"></script> <script src="http://static.tumblr.com/twte3d7/C5Bllzh32/masonry.js"></script> <script src="http://static.tumblr.com/twte3d7/0pellzh2t/infinitescroll.js"></script>

<script type="text/javascript"> $(window).load(function () { $('#posts').masonry(), $('.masonryWrap').infinitescroll({ navSelector : "#nav", nextSelector : "#nav a#next", itemSelector : ".entry", preload: true, loadingImg : "http://static.tumblr.com/53unaru/jYblo3txg/loading-gif.gif", loadingText : "<em></em>", }, function() { $('#posts').masonry({ appendedContent: $(this) }); }); }); </script> {/block:IndexPage}

</script>

<script type="text/javascript" src="http://static.tumblr.com/twte3d7/4Vqlo3qo3/jquery.scrollto-1.4.0-min.js"></script> <script type="text/javascript" src="http://static.tumblr.com/twte3d7/o8Plo40ql/scrollto.js"></script> </head>

<body>

</script>

<div class="wrap">

<div id="header"> {block:IfIconNavigation}<div class="icons" style="float:right"><a href="/"><img src="http://static.tumblr.com/53unaru/0TXlo4tey/home.png" title="Refresh"></a> <a href="/archive"><img src="http://static.tumblr.com/53unaru/mwdlo4tca/book.png" title="Archive"></a> <a href="{RSS}"><img src="http://static.tumblr.com/53unaru/JBjlo4tcl/rss.png" title="Subscribe"></a> <a href="/ask"><img src="http://static.tumblr.com/53unaru/xCJlo4tcy/email.png" title="Message"></a> <a href="/random"><img src="http://static.tumblr.com/twte3d7/2pElosckf/repeat.png"></a>{block:IfShowAboutIcon}< a href="/{text:About Page URL}"><img src="http://static.tumblr.com/53unaru/RIFlo4te9/user.png" title="About me"></a>{/block:IfShowAboutIcon} {block:ifShowFacebookIcon}<a href="{text:Facebook URL}"><img src="http://static.tumblr.com/twte3d7/ltHloscdf/facebook.png"></a>{/block:IfShowFacebookI con} {block:IfShowTwitterIcon}<a href="{text:Twitter URL}"><img src="http://static.tumblr.com/twte3d7/JcAloscii/twitter.png"></a>{/block:IfShowTwitterIcon} {block:IfShowFlickrIcon}<a href="{text:Flickr URL}"><img src="http://static.tumblr.com/twte3d7/W1sloscej/flickr.png"></a>{/block:IfShowFlickrIcon} {block:IfShowVimeoIcon}<a href="{text:Vimeo URL}"><img src="http://static.tumblr.com/twte3d7/P2Dlosch7/vimeo.png"></a>{/block:IfShowVimeoIcon} </div>{/block:IfIconNavigation}

{block:IfNotIconNavigation}<div class="navigation" style="float:right"><a href="/archive">Archive</a> <a href="{RSS}">RSS Feed</a> <a href="/ask">Message</a> <a

href="/random">Random</a> {block:HasPages} {block:Pages}<a href="{URL}">{Label}</a> {/block:Pages}{/block:HasPages}</div>{/block:IfNotIconNavigation} <a href="/" class="blogtitle">{Title}</a> {block:Description}<div class="description">{Description}</div>{/block:Description}</div>

<div id="posts">

{block:Posts}

{block:PermalinkPage}<div class="perma_info">{block:Caption}<ul>{Caption}</ul>{/block:Caption} {block:Date}<img src="http://static.tumblr.com/twte3d7/xn4lo2lba/clock_8x8.png">&nbsp; {TimeAgo}&nbsp; <img src="http://static.tumblr.com/twte3d7/qg3lo2lcg/heart_fill_8x7.png">&nbsp; {NoteCountWithLabel}{block:hasTags}&nbsp; <img src="http://static.tumblr.com/twte3d7/zZqlo2ldq/tag_fill_8x8.png">&nbsp; {block:Tags}<a href="{TagURL}">{Tag}</a>&nbsp;&nbsp;{/block:Tags}{/block:HasTags}{/block:Date}

{block:PermalinkPagination}<div style="height:20px; margin-top:15px">{block:PreviousPost}<a href="{PreviousPost}" style="float:left">&laquo; Previous post</a> {/block:PreviousPost}{block:NextPost}<a href="{NextPost}" style="float:right;">Next post &raquo;</a> {/block:NextPost}</div>{/block:PermalinkPagination} </div>{/block:PermalinkPage}

{block:Text} <div class="entry text"> {block:Title}<a href="{Permalink}"><h2>{Title}</h2></a>{/block:Title} {Body} {block:IndexPage}<a href="{Permalink}" class="index_perma"><img src="http://static.tumblr.com/53unaru/xNyln3wgo/pin_12x12.png" align="right"></a>{/block:IndexPage}

</div> {/block:Text}

{block:Photo} <div class="entry"> <div class="photo_post">{block:IndexPage}<a href="{Permalink}"><img src="{PhotoURL500}"></a>{/block:IndexPage} {block:PermalinkPage}{LinkOpenTag}<img src="{PhotoURL-HighRes}" alt="{PhotoAlt}"/>{LinkCloseTag}{/block:PermalinkPage} {block:IfShowCaptions}{block:IndexPage}{block:Caption}<div class="box_caption">{Caption}</div>{/block:Caption}{/block:IndexPage}{/block:IfShowCaption s}</div> {block:IndexPage}{/block:IndexPage} </div> {/block:Photo}

{block:Photoset} <div class="entry"> <div class="photoset_photo">{Photoset-500}</div> {block:IndexPage}{block:IfShowCaption}{block:Caption}{Caption}{/block:Caption}{/block:IfSho wCaption}{/block:IndexPage} {block:IfNotShowCaption}{block:PermalinkPage}{block:Caption}{Caption}{/block:Caption}{/bloc k:PermalinkPage}{/block:IfNotShowCaption} </div> {/block:Photoset}

{block:Quote} <div class="entry text"> "{Quote}" {block:Source}<p style="font-size: 12px;" align="right"> {Source}</p>{/block:Source}

{block:IndexPage}<a href="{Permalink}" class="index_perma"><img src="http://static.tumblr.com/53unaru/xNyln3wgo/pin_12x12.png" align="right"></a>{/block:IndexPage} </div> {/block:Quote}

{block:Link} <div class="entry text"> <h2><a href="{URL}" class="link" {Target}>{Name}</a></h2> {block:Description}{Description}{/block:Description} {block:IndexPage}<a href="{Permalink}" class="index_perma"><img src="http://static.tumblr.com/53unaru/xNyln3wgo/pin_12x12.png" align="right"></a>{/block:IndexPage} </div> {/block:Link}

{block:Chat} <div class="entry text" id="chat"> {block:Title}<h2><a href="{Permalink}">{Title}</a></h2>{/block:Title} {block:Lines}<li>{block:Label}{Label}{/block:Label}{Line}</li>{/block:Lines} {block:IndexPage}<p><a href="{Permalink}" class="index_perma"><img src="http://static.tumblr.com/53unaru/xNyln3wgo/pin_12x12.png" align="right"></a></p>{/block:IndexPage} </div> {/block:Chat}

{block:Video} <div class="entry"> <div class="video">{Video-500}

{block:IfShowCaptions}{block:IndexPage}{block:Caption}<div class="box_caption">{Caption}</div>{/block:Caption}{/block:IndexPage}{/block:IfShowCaption s}</div> {block:IndexPage}<br><a href="{Permalink}" class="index_perma"><img src="http://static.tumblr.com/53unaru/xNyln3wgo/pin_12x12.png" align="right"></a>{/block:IndexPage}</div> {/block:Video}

{block:Audio} <div class="entry" id="audio"> <div class="photo_post"> <div class="albumart">{block:AlbumArt}<a href="{Permalink}"><img src="{AlbumArtURL}"></a>{/block:AlbumArt}</div> {block:IfShowCaptions}{block:IndexPage}{block:Caption}<div class="box_caption">{Caption}</div>{/block:Caption}{/block:IndexPage}{/block:IfShowCaption s}</div> <div class="audio_circle"><div class="audio">{AudioPlayerBlack}</div></div> {block:PermalinkPage}{block:Caption}{Caption}{/block:Caption}{/block:PermalinkPage} </div> {/block:Audio}

{/block:Posts}

</div>

{block:Pagination}<div id="nav"><div class="left">{block:NextPage}<a href="{NextPage}" id="next">Next</a>{/block:NextPage}</div> <div class="right">{block:PreviousPage}<a href="{PreviousPage}" id="previous">Previous</a>{/block:PreviousPage}</div></div>{/block:Pagination}

</div>

<div class="footer"><a href="http://www.tumblr.com/theme/31149">Theoretical theme</a> by <a href="http://smpldesign.co.uk">SMPL Design</a> <a href="#top" id="toplink"></a></div>

</body>

</html>

Вам также может понравиться