master
Nick Sergeant 2012-08-22 22:24:11 -04:00
parent 0d1e24b09f
commit 7d07f139a2
4 changed files with 26 additions and 3 deletions

View File

@ -62,7 +62,7 @@
{% endblock %}
<section class="main group">
<section class="content group">
{% block content %}{% endblock %}
<!--{% block content %}{% endblock %}-->
</section>
<aside class="main">
<section class="module projects">

View File

@ -1 +1 @@
html,body{background:#FFF}body{color:#666;font:normal 14px/16px "Helvetica Neue",Helvetica,Arial,"Liberation Sans",FreeSans,sans-serif;text-rendering:optimizeLegibility}*{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}.group:after{content:".";display:block;height:0;clear:both;visibility:hidden}.hidden{display:none}div.frame{margin:0 auto;position:relative;width:980px}div.frame div.ruler{background:#EAEAEA;height:100%;position:fixed;top:0;width:1px;z-index:49}div.frame div.left-y{margin-left:40px}div.frame div.right-y{margin-left:760px}header.main{padding:20px 0;position:relative;z-index:50}header.main a.logo{display:inline-block}header.main a.logo span.avatar{display:inline-block;height:80px;width:80px;-webkit-background-clip:padding-box;-webkit-border-radius:80px;-moz-background-clip:padding-box;-moz-border-radius:80px;border-radius:80px;background-clip:padding-box}header.main div.bio{display:inline-block;margin:9px 0 0 12px;vertical-align:top}header.main div.bio a.name{color:#666;font:500 18px "Helvetica Neue",Helvetica,Arial,"Liberation Sans",FreeSans,sans-serif;text-decoration:none;-webkit-transition:color .05s linear;-moz-transition:color .05s linear;-o-transition:color .05s linear;transition:color .05s linear}header.main div.bio a.name:hover{color:black}header.main div.bio p{color:#B7B7B7;font:500 12px "Helvetica Neue",Helvetica,Arial,"Liberation Sans",FreeSans,sans-serif;line-height:18px;margin-top:1px;max-width:400px}header.main div.bio p a{color:#B7B7B7;font-weight:bold;-webkit-transition:color .05s linear;-moz-transition:color .05s linear;-o-transition:color .05s linear;transition:color .05s linear}header.main div.bio p a:hover{color:#666}section.main section.content{float:left;width:760px}section.main section.content div.gutter{float:left;width:80px}section.main section.content div.content-inner{float:right;margin-left:16px;width:664px}section.main aside.main{float:right;padding-left:20px;width:220px}section.main aside.main section.module{margin-bottom:40px}section.main aside.main section.module h1{color:#999;font:bold 12px "Helvetica Neue",Helvetica,Arial,"Liberation Sans",FreeSans,sans-serif;margin-bottom:10px}section.main aside.main section.module ul li{margin:0}section.main aside.main section.module ul li a{color:#999;display:block;font:normal 12px "Helvetica Neue",Helvetica,Arial,"Liberation Sans",FreeSans,sans-serif;line-height:18px;max-width:220px;overflow:hidden;text-decoration:none;text-overflow:ellipsis;white-space:nowrap}section.main aside.main section.module ul li a:before{background:#EEE;content:"";display:inline-block;margin-right:10px;height:9px;width:9px;-webkit-background-clip:padding-box;-webkit-border-radius:5px;-moz-background-clip:padding-box;-moz-border-radius:5px;border-radius:5px;background-clip:padding-box}section.main aside.main section.module ul li a:hover:before{background:#CCC}div.pagination{clear:left;margin-left:96px}
html,body{background:#FFF}body{color:#666;font:normal 14px/16px "Helvetica Neue",Helvetica,Arial,"Liberation Sans",FreeSans,sans-serif;text-rendering:optimizeLegibility}*{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}.group:after{content:".";display:block;height:0;clear:both;visibility:hidden}.hidden{display:none}div.frame{margin:0 auto;position:relative;width:980px}div.frame div.ruler{background:#EAEAEA;height:100%;position:fixed;top:0;width:1px;z-index:49}div.frame div.left-y{margin-left:40px}div.frame div.right-y{margin-left:760px}header.main{padding:20px 0;position:relative;z-index:50}header.main a.logo{display:inline-block}header.main a.logo span.avatar{display:inline-block;height:80px;width:80px;-webkit-background-clip:padding-box;-webkit-border-radius:80px;-moz-background-clip:padding-box;-moz-border-radius:80px;border-radius:80px;background-clip:padding-box;-webkit-box-shadow:0 0 0px 1px #fff,0 0 10px 0px rgba(0,0,0,0.6);-moz-box-shadow:0 0 0px 1px #fff,0 0 10px 0px rgba(0,0,0,0.6);box-shadow:0 0 0px 1px #fff,0 0 10px 0px rgba(0,0,0,0.6);-webkit-transition:box-shadow .05s linear;-moz-transition:box-shadow .05s linear;-o-transition:box-shadow .05s linear;transition:box-shadow .05s linear}header.main a.logo:hover span.avatar{-webkit-box-shadow:0 0 0px 1px #fff,0 0 15px 0px #000;-moz-box-shadow:0 0 0px 1px #fff,0 0 15px 0px #000;box-shadow:0 0 0px 1px #fff,0 0 15px 0px #000}header.main a.logo:active span.avatar{-webkit-box-shadow:0 0 0px 1px #fff,0 0 10px 0px rgba(0,0,0,0.6);-moz-box-shadow:0 0 0px 1px #fff,0 0 10px 0px rgba(0,0,0,0.6);box-shadow:0 0 0px 1px #fff,0 0 10px 0px rgba(0,0,0,0.6)}header.main div.bio{display:inline-block;margin:9px 0 0 12px;vertical-align:top}header.main div.bio a.name{color:#666;font:500 18px "Helvetica Neue",Helvetica,Arial,"Liberation Sans",FreeSans,sans-serif;text-decoration:none;-webkit-transition:color .05s linear;-moz-transition:color .05s linear;-o-transition:color .05s linear;transition:color .05s linear}header.main div.bio a.name:hover{color:black}header.main div.bio p{color:#B7B7B7;font:500 12px "Helvetica Neue",Helvetica,Arial,"Liberation Sans",FreeSans,sans-serif;line-height:18px;margin-top:1px;max-width:400px}header.main div.bio p a{color:#B7B7B7;font-weight:bold;-webkit-transition:color .05s linear;-moz-transition:color .05s linear;-o-transition:color .05s linear;transition:color .05s linear}header.main div.bio p a:hover{color:#666}section.main section.content{float:left;width:760px}section.main section.content div.gutter{float:left;width:80px}section.main section.content div.content-inner{float:right;margin-left:16px;width:664px}section.main aside.main{float:right;padding-left:20px;width:220px}section.main aside.main section.module{margin-bottom:40px}section.main aside.main section.module h1{color:#999;font:bold 12px "Helvetica Neue",Helvetica,Arial,"Liberation Sans",FreeSans,sans-serif;margin-bottom:10px}section.main aside.main section.module ul li{margin:0}section.main aside.main section.module ul li a{color:#999;display:block;font:normal 12px "Helvetica Neue",Helvetica,Arial,"Liberation Sans",FreeSans,sans-serif;line-height:18px;max-width:220px;overflow:hidden;text-decoration:none;text-overflow:ellipsis;white-space:nowrap}section.main aside.main section.module ul li a:before{background:#EEE;content:"";display:inline-block;margin-right:10px;height:9px;width:9px;-webkit-background-clip:padding-box;-webkit-border-radius:5px;-moz-background-clip:padding-box;-moz-border-radius:5px;border-radius:5px;background-clip:padding-box}section.main aside.main section.module ul li a:hover{color:#666}section.main aside.main section.module ul li a:hover:before{background:#CCC}div.pagination{clear:left;margin-left:96px}

View File

@ -119,6 +119,27 @@ header.main {
height: 80px;
width: 80px;
@include border-radius(80px);
-webkit-box-shadow: 0 0 0px 1px white, 0 0 10px 0px rgba(0, 0, 0, .6);
-moz-box-shadow: 0 0 0px 1px white, 0 0 10px 0px rgba(0, 0, 0, .6);
box-shadow: 0 0 0px 1px white, 0 0 10px 0px rgba(0, 0, 0, .6);
-webkit-transition: box-shadow .05s linear;
-moz-transition: box-shadow .05s linear;
-o-transition: box-shadow .05s linear;
transition: box-shadow .05s linear;
}
&:hover {
span.avatar {
-webkit-box-shadow: 0 0 0px 1px white, 0 0 15px 0px rgba(0, 0, 0, 1);
-moz-box-shadow: 0 0 0px 1px white, 0 0 15px 0px rgba(0, 0, 0, 1);
box-shadow: 0 0 0px 1px white, 0 0 15px 0px rgba(0, 0, 0, 1);
}
}
&:active {
span.avatar {
-webkit-box-shadow: 0 0 0px 1px white, 0 0 10px 0px rgba(0, 0, 0, .6);
-moz-box-shadow: 0 0 0px 1px white, 0 0 10px 0px rgba(0, 0, 0, .6);
box-shadow: 0 0 0px 1px white, 0 0 10px 0px rgba(0, 0, 0, .6);
}
}
}
div.bio {
@ -214,6 +235,8 @@ section.main {
@include border-radius;
}
&:hover {
color: #666;
&:before {
background: #CCC;
}

View File

@ -31,4 +31,4 @@ table {
border-collapse: collapse;
border-spacing: 0;
}
html,body{background:#FFF}body{color:#666;font:normal 14px/16px "Helvetica Neue",Helvetica,Arial,"Liberation Sans",FreeSans,sans-serif;text-rendering:optimizeLegibility}*{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}.group:after{content:".";display:block;height:0;clear:both;visibility:hidden}.hidden{display:none}div.frame{margin:0 auto;position:relative;width:980px}div.frame div.ruler{background:#EAEAEA;height:100%;position:fixed;top:0;width:1px;z-index:49}div.frame div.left-y{margin-left:40px}div.frame div.right-y{margin-left:760px}header.main{padding:20px 0;position:relative;z-index:50}header.main a.logo{display:inline-block}header.main a.logo span.avatar{display:inline-block;height:80px;width:80px;-webkit-background-clip:padding-box;-webkit-border-radius:80px;-moz-background-clip:padding-box;-moz-border-radius:80px;border-radius:80px;background-clip:padding-box}header.main div.bio{display:inline-block;margin:9px 0 0 12px;vertical-align:top}header.main div.bio a.name{color:#666;font:500 18px "Helvetica Neue",Helvetica,Arial,"Liberation Sans",FreeSans,sans-serif;text-decoration:none;-webkit-transition:color .05s linear;-moz-transition:color .05s linear;-o-transition:color .05s linear;transition:color .05s linear}header.main div.bio a.name:hover{color:black}header.main div.bio p{color:#B7B7B7;font:500 12px "Helvetica Neue",Helvetica,Arial,"Liberation Sans",FreeSans,sans-serif;line-height:18px;margin-top:1px;max-width:400px}header.main div.bio p a{color:#B7B7B7;font-weight:bold;-webkit-transition:color .05s linear;-moz-transition:color .05s linear;-o-transition:color .05s linear;transition:color .05s linear}header.main div.bio p a:hover{color:#666}section.main section.content{float:left;width:760px}section.main section.content div.gutter{float:left;width:80px}section.main section.content div.content-inner{float:right;margin-left:16px;width:664px}section.main aside.main{float:right;padding-left:20px;width:220px}section.main aside.main section.module{margin-bottom:40px}section.main aside.main section.module h1{color:#999;font:bold 12px "Helvetica Neue",Helvetica,Arial,"Liberation Sans",FreeSans,sans-serif;margin-bottom:10px}section.main aside.main section.module ul li{margin:0}section.main aside.main section.module ul li a{color:#999;display:block;font:normal 12px "Helvetica Neue",Helvetica,Arial,"Liberation Sans",FreeSans,sans-serif;line-height:18px;max-width:220px;overflow:hidden;text-decoration:none;text-overflow:ellipsis;white-space:nowrap}section.main aside.main section.module ul li a:before{background:#EEE;content:"";display:inline-block;margin-right:10px;height:9px;width:9px;-webkit-background-clip:padding-box;-webkit-border-radius:5px;-moz-background-clip:padding-box;-moz-border-radius:5px;border-radius:5px;background-clip:padding-box}section.main aside.main section.module ul li a:hover:before{background:#CCC}div.pagination{clear:left;margin-left:96px}
html,body{background:#FFF}body{color:#666;font:normal 14px/16px "Helvetica Neue",Helvetica,Arial,"Liberation Sans",FreeSans,sans-serif;text-rendering:optimizeLegibility}*{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}.group:after{content:".";display:block;height:0;clear:both;visibility:hidden}.hidden{display:none}div.frame{margin:0 auto;position:relative;width:980px}div.frame div.ruler{background:#EAEAEA;height:100%;position:fixed;top:0;width:1px;z-index:49}div.frame div.left-y{margin-left:40px}div.frame div.right-y{margin-left:760px}header.main{padding:20px 0;position:relative;z-index:50}header.main a.logo{display:inline-block}header.main a.logo span.avatar{display:inline-block;height:80px;width:80px;-webkit-background-clip:padding-box;-webkit-border-radius:80px;-moz-background-clip:padding-box;-moz-border-radius:80px;border-radius:80px;background-clip:padding-box;-webkit-box-shadow:0 0 0px 1px #fff,0 0 10px 0px rgba(0,0,0,0.6);-moz-box-shadow:0 0 0px 1px #fff,0 0 10px 0px rgba(0,0,0,0.6);box-shadow:0 0 0px 1px #fff,0 0 10px 0px rgba(0,0,0,0.6);-webkit-transition:box-shadow .05s linear;-moz-transition:box-shadow .05s linear;-o-transition:box-shadow .05s linear;transition:box-shadow .05s linear}header.main a.logo:hover span.avatar{-webkit-box-shadow:0 0 0px 1px #fff,0 0 15px 0px #000;-moz-box-shadow:0 0 0px 1px #fff,0 0 15px 0px #000;box-shadow:0 0 0px 1px #fff,0 0 15px 0px #000}header.main a.logo:active span.avatar{-webkit-box-shadow:0 0 0px 1px #fff,0 0 10px 0px rgba(0,0,0,0.6);-moz-box-shadow:0 0 0px 1px #fff,0 0 10px 0px rgba(0,0,0,0.6);box-shadow:0 0 0px 1px #fff,0 0 10px 0px rgba(0,0,0,0.6)}header.main div.bio{display:inline-block;margin:9px 0 0 12px;vertical-align:top}header.main div.bio a.name{color:#666;font:500 18px "Helvetica Neue",Helvetica,Arial,"Liberation Sans",FreeSans,sans-serif;text-decoration:none;-webkit-transition:color .05s linear;-moz-transition:color .05s linear;-o-transition:color .05s linear;transition:color .05s linear}header.main div.bio a.name:hover{color:black}header.main div.bio p{color:#B7B7B7;font:500 12px "Helvetica Neue",Helvetica,Arial,"Liberation Sans",FreeSans,sans-serif;line-height:18px;margin-top:1px;max-width:400px}header.main div.bio p a{color:#B7B7B7;font-weight:bold;-webkit-transition:color .05s linear;-moz-transition:color .05s linear;-o-transition:color .05s linear;transition:color .05s linear}header.main div.bio p a:hover{color:#666}section.main section.content{float:left;width:760px}section.main section.content div.gutter{float:left;width:80px}section.main section.content div.content-inner{float:right;margin-left:16px;width:664px}section.main aside.main{float:right;padding-left:20px;width:220px}section.main aside.main section.module{margin-bottom:40px}section.main aside.main section.module h1{color:#999;font:bold 12px "Helvetica Neue",Helvetica,Arial,"Liberation Sans",FreeSans,sans-serif;margin-bottom:10px}section.main aside.main section.module ul li{margin:0}section.main aside.main section.module ul li a{color:#999;display:block;font:normal 12px "Helvetica Neue",Helvetica,Arial,"Liberation Sans",FreeSans,sans-serif;line-height:18px;max-width:220px;overflow:hidden;text-decoration:none;text-overflow:ellipsis;white-space:nowrap}section.main aside.main section.module ul li a:before{background:#EEE;content:"";display:inline-block;margin-right:10px;height:9px;width:9px;-webkit-background-clip:padding-box;-webkit-border-radius:5px;-moz-background-clip:padding-box;-moz-border-radius:5px;border-radius:5px;background-clip:padding-box}section.main aside.main section.module ul li a:hover{color:#666}section.main aside.main section.module ul li a:hover:before{background:#CCC}div.pagination{clear:left;margin-left:96px}