_posts/2009-09-20-a-fresh-coat-of-paint.textile images/about.gif images/blog.gif images/github.gif images/green_gradient.gif images/header_bg.gif images/header_gradient.gif images/linkedin.gif images/title.gif images/twitter.gif @@ -13,19 +13,17 @@ <body> <div id='wrapper'> <div id='header'> - <h1>Mister Bleigh</h1> - <h2>is Michael Bleigh on the web.</h2> - </div> - <div id='menu'> - <ul> - <li><a href='/'>Home</a></li> - <li><a href='/blog.html'>Blog</a></li> - <li><a href='/about.html'>About</a></li> - <li><a href='/open-source.html'>Open Source</a></li> - <li><a href='http://github.com/mbleigh' target='_blank' rel='me'>GitHub</a></li> - <li><a href='http://www.linkedin.com/in/mbleigh' target='_blank' rel='me'>LinkedIn</a></li> - <li><a href='http://twitter.com/mbleigh' target='_blank' rel='me'>Twitter</a></li> - </ul> + <h1><a href='/'>Michael Bleigh</a></h1> + + <div id='menu'> + <ul> + <li><a href='/blog.html' id='blog_link' title='Blog'>Blog</a></li> + <li><a href='/about.html' id='about_link' title='About'>About</a></li> + <li><a href='http://github.com/mbleigh' target='_blank' title='GitHub' rel='me' id='github_link'>GitHub</a></li> + <li><a href='http://www.linkedin.com/in/mbleigh' title='LinkedIn' target='_blank' rel='me' id='linkedin_link'>LinkedIn</a></li> + <li><a href='http://twitter.com/mbleigh' title='Twitter' target='_blank' rel='me' id='twitter_link'>Twitter</a></li> + </ul> + </div> </div> <div id='content'> {{ content }} _layouts/master.html @@ -13,7 +13,7 @@ title: Michael Bleigh on the Web </div> </div> <div class='home_box' id='home_right'> - <h2>Open Source (<a href='/open-source.html'>More</a>)</h2> + <h2>Open Source</h2> <div id='github-projects'> <div class="repo"> <h3><a href="http://github.com/mbleigh/acts-as-taggable-on">acts-as-taggable-on</a></h3> <span class="desc">A tagging plugin for Rails applications that allows for custom tagging along dynamic contexts.</span></div><div class="repo"> <h3><a href="http://github.com/mbleigh/subdomain-fu">subdomain-fu</a></h3> <span class="desc">A new plugin approach to attempting to solve the usage of subdomains in linking and routing in Rails projects.</span></div><div class="repo"> <h3><a href="http://github.com/mbleigh/seed-fu">seed-fu</a></h3> <span class="desc">Advanced seed data handling for Rails, combining the best practices of several methods together.</span></div><div class="repo"> <h3><a href="http://github.com/mbleigh/uberkit">uberkit</a></h3> <span class="desc">The UberKit is a Rails plugin with a set of UI tools to ease common development.</span></div><div class="repo"> <h3><a href="http://github.com/mbleigh/mash">mash</a></h3> <span class="desc">Mash is a Hash with the ability to read, write, and test for the presence of arbitrary attributes using method calls.</span></div><div class="repo"> <h3><a href="http://github.com/mbleigh/fetches">fetches</a></h3> <span class="desc">A Rails plugin to simplify the fetching and memoization of records for parameter-based finds.</span></div> </div> index.html @@ -1,84 +1,81 @@ body { - font-family: Arial, sans-serif; - letter-spacing: -0.05em; - background: #210; + font-family: Rockwell, Verdana, sans-serif; + letter-spacing: 0em; + background: #fff url(/images/header_bg.gif) repeat-x top; color: #353B40; + margin: 0; + padding: 0; + font-size: 1.1em; } a { - color: #262; + color: #583; font-weight: bold; + text-decoration: none; } a:visited { - color: #353b40; - font-weight: normal; + color: #260; } #wrapper { - width: 50em; - margin: 2em auto 0; + width: 960px; + margin: 0 auto; padding: 0; - background: #fff; -moz-border-radius: 1.5em; -webkit-border-radius: 1.5em; border-radius: 1.5em; } #header { - text-transform: lowercase; - text-align: left; - background: #421; - -moz-border-radius-topleft: 1em; - -webkit-border-top-left-radius: 1em; - -moz-border-radius-topright: 1em; - -webkit-border-top-right-radius: 1em; - border-top-left-radius: 1em; - border-top-right-radius: 1em; - padding: 1.5em; - text-align: center; + height: 140px; } - #header h1 { - font-size: 4em; - display: inline; - letter-spacing: -0.08em; - color: #fff; - font-weight: normal; + float: left; } -#header h2 { - display: inline; - margin-left: 0.5em; - font-size: 2em; - font-weight: normal; - color: #fed; +#header h1 a { + margin-top: 10px; + display: block; + background: url(/images/title.gif) no-repeat top left; + width: 405px; + height: 80px; + text-indent: -999em; } #menu { - background: #310; + float: right; } #menu ul { list-style: none; margin: 0; text-align: center; + margin-top: 25px; } #menu ul li { - display: inline; + display: block; + float: left; + margin-left: 10px; } #menu ul li a { - color: white; - font-size: 1.3em; - padding: 0 0.5em; - line-height: 2.5em; - font-weight: normal; + display: block; + background: url(/images/blog.gif) no-repeat top left; + width: 69px; + height: 94px; + text-indent: -999em; } +#menu ul li a#twitter_link { background-image: url(/images/twitter.gif); } +#menu ul li a#blog_link { background-image: url(/images/blog.gif); } +#menu ul li a#linkedin_link { background-image: url(/images/linkedin.gif); } +#menu ul li a#github_link { background-image: url(/images/github.gif); } +#menu ul li a#about_link { background-image: url(/images/about.gif); } + #content { - padding: 2em; + padding: 2em 0; } #content h2 { @@ -88,37 +85,57 @@ a:visited { } #content p { - line-height: 140%; - letter-spacing: -0.03em; + line-height: 160%; } span.date { - background: #484; + background: #6e9b20 url(/images/green_gradient.gif) repeat-x top; display: block; - padding: 0.4em 0.6em 0.3em; + padding: 0.4em 0.6em 0.5em; font-weight: bold; color: white; - border-bottom: 3px solid #262; + -moz-border-radius-topleft: 8px; + -webkit-border-top-left-radius: 8px; + -moz-border-radius-topright: 8px; + -webkit-border-top-right-radius: 8px; + -moz-box-shadow: 1px -1px 5px rgba(0,0,0,0.4); + -webkit-box-shadow: 1px -1px 5px rgba(0,0,0,0.4); + box-shadow: 1px -1px 5px rgba(0,0,0,0.4); float: left; + text-shadow: black 1px 1px 4px; } div.post { margin-bottom: 2em; + color: #333; } .post h1 { margin-top: 0.2em; } -.post h1 a { +.post h1 a, #content h2, #footer { text-decoration: none; clear: left; display: block; color: black; - padding: 0.3em 0; + padding: 0.3em 0.5em; margin: 0 0 0.2em 0; - border-bottom: 1px dashed #dba; font-weight: bold; + background: #f8f8f8 url(/images/header_gradient.gif) repeat-x bottom; + -moz-box-shadow: 1px 1px 5px rgba(0,0,0,0.6); + -webkit-box-shadow: 1px 1px 5px rgba(0,0,0,0.6); + box-shadow: 1px 1px 5px rgba(0,0,0,0.6); + font-weight: normal; + color: #000; + z-index: 10000; +} + +div.post h3 { + color: black; + margin: 1em 0 0.7em 0; + font-weight: normal; + font-size: 1.4em; } pre { @@ -150,7 +167,7 @@ table.post-list th { table.post-list td, table.post-list th { padding: 0.5em 0.3em; - border-bottom: 1px solid #dba; + border-bottom: 1px solid #ddd; } table.post-list tr:last-child td, table.post-list tr:last-child th { @@ -162,23 +179,46 @@ div.related { } #footer { - margin-bottom: 2em; - color: #dba; + background-position: top; + margin-bottom: 0; + color: #444; font-size: 0.9em; padding: 0.5em; text-align: center; } +#footer a { + color: black; + font-weight: bold; + text-decoration: none; +} + .home_box { float: left; } #content .home_box h2 { - background: #484; + background: #6e9b20 url(/images/green_gradient.gif) repeat-x bottom; padding: 0.3em 0.5em; border-bottom: 3px solid #262; margin-bottom: 0em; color: white; + font-weight: normal; + -moz-border-radius-topleft: 8px; + -webkit-border-top-left-radius: 8px; + -moz-border-radius-topright: 8px; + -webkit-border-top-right-radius: 8px; + -moz-box-shadow: 1px 0px 5px rgba(0,0,0,0.5); + -webkit-box-shadow: 1px 0 5px rgba(0,0,0,0.5); + box-shadow: 1px 0 5px rgba(0,0,0,0.5); +} + +#content .home_box h2 a { + font-weight: normal; +} + +#content .home_box .post h1 { + margin-top: 0; } .home_box h2 a { @@ -187,24 +227,18 @@ div.related { } #home_left { - width: 29em; + width: 680px; } #home_right { - width: 16em; + width: 260px; margin-left: 1em; } .clearfix { clear: both;} -#footer a { - color: #ecb; - font-weight: normal; -} - code { - background: #fff5dd; - font-size: 14px; + font-size: 1em; font-family: "Consolas","Courier New",Courier,monospace; } @@ -213,24 +247,33 @@ code { } .repo { - background: #fff5cc; - border: 2px solid #dba; - padding: 0.7em 1em; + text-decoration: none; + clear: left; + display: block; + color: black; + padding: 0.5em 0.7em; + margin: 0 0 0.8em 0; + font-weight: bold; + background: #f8f8f8 url(/images/header_gradient.gif) repeat-x bottom; + -moz-box-shadow: 1px 1px 5px rgba(0,0,0,0.6); + -webkit-box-shadow: 1px 1px 5px rgba(0,0,0,0.6); + box-shadow: 1px 1px 5px rgba(0,0,0,0.6); + font-weight: normal; + color: #000; + z-index: 10000; font-size: 0.8em; - letter-spacing: -0.03em; - margin: 1em 1em 0 0; - -moz-border-radius: 0.5em; - -webkit-border-radius: 0.5em; - border-radius: 0.5em; + line-height: 150%; } + .repo h3 { margin: 0 0 0.3em 0; } .repo h3 a { - font-weight: bold; - color: black; + font-weight: normal; + color: #426a25; + text-decoration: none; letter-spacing: 0; - font-size: 1.1em; + font-size: 1.2em; } #github-projects.big .repo { stylesheets/master.css 2b4cf7ebd1342e01b4acd57d182d07c9b398b01f Michael Bleigh michael@intridea.com http://github.com/mbleigh/mbleigh.github.com/commit/cdda25385bee91ce52bfa779ea838e53338f7b73 cdda25385bee91ce52bfa779ea838e53338f7b73

2009-09-20T01:05:32-07:00

Site redesign, fun fun. a0428739f2a2da52dc7e2734606d80e25da686ee Michael Bleigh michael@intridea.com