Академический Документы
Профессиональный Документы
Культура Документы
org/1999/xhtml" xml:lang="en" lang="en"> <head> <title>{Title}</title> <link rel="shortcut icon" href="{Favicon}"> <link rel="alternate" type="application/rss+xml" href="{RSS}"> {block:Description} <meta name="description" content="{MetaDescription}" /> {/block:Description}
<meta name="image:Header" content=""/> <meta name="text:Resume Link" content=""/> <meta name="text:Blog Link" content=""/> <meta name="text:Email Address" content=""/> <meta name="text:Custom Image Thumbnail Height" content="167"/> <meta name="color:Accent" content="#e20033"/> <meta name="color:Text" content="#00000"/> <meta name="color:Link" content="#333333"/> <meta name="color:Background" content="#ffffff"/> <meta name="color:Thumbnail Background" content="#000000"/> <meta name="color:Hover Link Color" content="#ffffff"/> <meta name="color:Borders" content="#000000"/> <meta name="color:Small Borders" content="#cccccc"/>
{block:PermalinkPage}
$("a[rel='slideshow']").colorbox({photo:true});
}); </script>
{/block:PermalinkPage}
body{ margin:0px;
padding:40px; background:{color:Background}; font-family: 'Droid Sans', Helvetica, sans-serif; font-size:12px; line-height:18px; color:{color:Text}; }
a{color:{color:Link};}
a:hover{ background:{color:Accent}; text-decoration:none; color:{color:Hover Link Color}; -webkit-transition: all .25s ease-in-out; -moz-transition: all .25s ease-in-out; -o-transition: all .25s ease-in-out; -webkit-transition: all .25s ease-in-out; transition: all .25s ease-in-out;}
h1 a{color:{color:Text}; text-decoration:none; }
#header-image{max-width:160px;}
#left{width:160px; float:left; margin-right:10px; padding:25px 10px 0px 10px; border-top:2px solid {color:Borders}; }
.box{ float:left; width:250px; height:167px; overflow:hidden; margin:5px; position:relative; background-color:{color:Thumbnail Background}; vertical-align:middle; padding:-5px 0px 0px 0px; }
.box-caption{ width:220px; height:167px; overflow:hidden; position:absolute; left:0px; top:0px; z-index:99; background-color:transparent; filter:alpha(opacity=0); opacity:0; display: inline-block;
.box-caption-text{ color:{color:Hover Link Color}; width:220px; height:167px; overflow:hidden; position:absolute; left:0px; top:0px; z-index:95; font-size:12px; line-height:16px; background-color:transparent; filter:alpha(opacity=0); padding:0px 15px; opacity:0; display: inline-block; -webkit-transition: opacity .25s ease-in-out; -moz-transition: opacity .25s ease-in-out; -o-transition: opacity .25s ease-in-out; -webkit-transition: opacity .25s ease-in-out; transition: opacity .25s ease-in-out; }
.tags{ padding:15px 0px; border-top:1px solid {color:Small Borders}; font-size:11px; } .tags a{ padding:2px; }
.permpaginate{ padding:15px 0px; border-top:1px solid {color:Small Borders}; border-bottom:1px solid {color:Small Borders}; font-size:11px; }
.permpaginate a{ padding:2px; }
#pages{list-style:none; margin:5px 0px; border-top:1px solid {color:Small Borders}; padding:0px;} #pages li{ }
#footer{ font-size:11px; margin-top:50px; padding:20px 10px; border-top:2px solid {color:Borders}; border-bottom:2px solid {color:Borders};
#footer a{ padding:2px; }
.clear{ clear:both; }
{block:IfCustomImageThumbnailHeight}
.box{height:{text:Custom Image Thumbnail Height}px;} .box-caption{height:{text:Custom Image Thumbnail Height}px;} .box-caption-text{height:{text:Custom Image Thumbnail Height}px;} {/block:IfCustomImageThumbnailHeight}
/* ColorBox Core Style: The following CSS is consistent between example themes and should not be altered. */ #colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;} #cboxOverlay{position:fixed; width:100%; height:100%;} #cboxMiddleLeft, #cboxBottomLeft{clear:left;} #cboxContent{position:relative;} #cboxLoadedContent{overflow:auto;} #cboxTitle{margin:0;} #cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;} #cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;} .cboxPhoto{float:left; margin:auto; border:0; display:block;} .cboxIframe{width:100%; height:100%; display:block; border:0;}
/* User Style: Change the following styles to modify the appearance of ColorBox. They are ordered & tabbed in a way that represents the nesting of the generated HTML. */ #cboxOverlay{background:#fff;} #colorbox{} #cboxContent{margin-top:32px; overflow:visible;} #cboxError{padding:50px; border:1px solid #ccc;} #cboxLoadedContent{background:#000; padding:1px;}
#cboxLoadingGraphic{background:url(http://matt.cc/tumblr/portfolio/loader.gif) no-repeat center center;} #cboxLoadingOverlay{background:#000;} #cboxTitle{position:absolute; top:-22px; left:0; color:#000;} #cboxCurrent{position:absolute; top:-22px; right:205px; text-indent:-9999px;} #cboxSlideshow, #cboxPrevious, #cboxNext, #cboxClose{text-indent:-9999px; width:20px; height:20px; position:absolute; top:-20px; background:url(http://matt.cc/tumblr/portfolio/controls.png) no-repeat 0 0;} #cboxPrevious{background-position:0px 0px; right:44px;} #cboxPrevious.hover{background-position:0px -25px;} #cboxNext{background-position:-25px 0px; right:22px;} #cboxNext.hover{background-position:-25px -25px;} #cboxClose{background-position:-50px 0px; right:0;} #cboxClose.hover{background-position:-50px -25px;} .cboxSlideshow_on #cboxPrevious, .cboxSlideshow_off #cboxPrevious{right:66px;} .cboxSlideshow_on #cboxSlideshow{background-position:-75px -25px; right:44px;} .cboxSlideshow_on #cboxSlideshow.hover{background-position:-100px -25px;} .cboxSlideshow_off #cboxSlideshow{background-position:-100px 0px; right:44px;} .cboxSlideshow_off #cboxSlideshow.hover{background-position:-75px -25px;}
</style>
line-height:120px; }
</style> <![endif]-->
</head>
<ul id="pages">
{block:IfResumeLink}
</ul>
{block:IndexPage}<div class="box">
</div> {/block:IndexPage}
{block:PermalinkPage}
<div class="middle">
<div class="middle-content">
</div>
</div>
{block:HasTags} <div class="tags">Tags: {block:Tags}<a href="{TagURL}">{Tag}</a> {/block:Tags} </div> {/block:HasTags} {block:PermalinkPagination} <div class="permpaginate">
{block:NextPost} <a href="{NextPost}">Previous Project</a> {/block:NextPost} {block:PreviousPost} <a href="{PreviousPost}">Next Project</a> {/block:PreviousPost} </div>
{/block:PermalinkPagination}
</div>
{/block:PermalinkPage}
</div> {/block:Photo}
{block:Photoset} {block:IndexPage} <script type="text/javascript"> $(document).ready(function() { $('.html_photoset').killPhotoset({ photoSize: 250 }); });
</script> {/block:IndexPage}
</div> {/block:IndexPage}
<div class="photoset-caption">{Caption}</div>
{/block:Photos}
</div>
{block:NextPost} <a href="{NextPost}">Previous Project</a> {/block:NextPost} {block:PreviousPost} <a href="{PreviousPost}">Next Project</a> {/block:PreviousPost}
</div> {/block:PermalinkPagination}
</div>
{Video-250}
</div>
{/block:IndexPage}
<div class="middle-content">{Video-500}</div>
</div> {/block:PermalinkPagination}
</div>
{/block:Posts}
{Body} </div>
</div> </div>
<p id="footer">
<a href="/">Home</a> • <a href="/archive">Archive</a> • <a href="/rss">RSS</a> • <a href="http://hasaportfolio.com">hasaportfolio</a> theme by <a href="http://matt.cc">matt mcinerney</a>