Working on Pro theme

master
Nick Sergeant 2012-08-22 10:47:30 -04:00
parent d841f60199
commit 2d922cba17
4 changed files with 30 additions and 21 deletions

View File

@ -74,18 +74,18 @@
<h1>Notable projects</h1>
<ul>
<li><a href="https://snipt.net/">Snipt</a></li>
<li><a href="http://afeedapart.com/">A Feed Apart</a></li>
<li><a href="http://amara.org">Amara</a></li>
<li><a href="http://sidepros.com/">SidePros</a></li>
<li><a href="http://refreshroc.org/">Refresh Rochester</a></li>
<li><a href="http://afeedapart.com/">A Feed Apart</a></li>
<li><a href="http://rochestermade.com">Rochester Made</a></li>
<li><a href="http://refreshroc.org/">Refresh Rochester</a></li>
</ul>
</section>
<section class="module tweets">
<h1>Recent tweets</h1>
<section class="module places">
<h1>In other places</h1>
<ul>
<li><a href="#">List of lexers for use with the Snipt API</a></li>
<li><a href="#">Snipt API</a></li>
<li><a href="#">Git merge (pull) from remote repo</a></li>
<li><a href="https://github.com/nicksergeant">GitHub</a></li>
<li><a href="https://twitter.com/nicksergeant">Twitter</a></li>
</ul>
</section>
<section class="module snipts">

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:#CCC;font:bold 12px "Helvetica Neue",Helvetica,Arial,"Liberation Sans",FreeSans,sans-serif;margin-bottom:10px}section.main aside.main section.module ul li{margin:15px 0}section.main aside.main section.module ul li a{color:#CCC;font:normal 12px "Helvetica Neue",Helvetica,Arial,"Liberation Sans",FreeSans,sans-serif;line-height:18px;text-decoration:none}section.main aside.main section.module ul li a:hover{color:#666}section.main aside.main section.module.projects ul li{margin: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}

View File

@ -185,30 +185,39 @@ section.main {
margin-bottom: 40px;
h1 {
color: #CCC;
color: #999;
font: bold 12px $Helvetica;
margin-bottom: 10px;
}
ul {
li {
margin: 15px 0;
margin: 0;
a {
color: #CCC;
color: #999;
display: block;
font: normal 12px $Helvetica;
line-height: 18px;
max-width: 220px;
overflow: hidden;
text-decoration: none;
text-overflow: ellipsis;
white-space: nowrap;
&:hover {
color: #666;
&:before {
background: #EEE;
content: "";
display: inline-block;
margin-right: 10px;
height: 9px;
width: 9px;
@include border-radius;
}
&:hover {
&:before {
background: #CCC;
}
}
}
}
}
&.projects {
ul {
li {
margin: 0;
}
}
}

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:#CCC;font:bold 12px "Helvetica Neue",Helvetica,Arial,"Liberation Sans",FreeSans,sans-serif;margin-bottom:10px}section.main aside.main section.module ul li{margin:15px 0}section.main aside.main section.module ul li a{color:#CCC;font:normal 12px "Helvetica Neue",Helvetica,Arial,"Liberation Sans",FreeSans,sans-serif;line-height:18px;text-decoration:none}section.main aside.main section.module ul li a:hover{color:#666}section.main aside.main section.module.projects ul li{margin: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}