Working on Pro theme
Nick Sergeant
parent
9af7a0b27f
commit
d841f60199
|
|
@ -60,6 +60,44 @@
|
|||
</div>
|
||||
</header>
|
||||
{% endblock %}
|
||||
<section class="main group">
|
||||
<section class="content group">
|
||||
<div class="gutter">
|
||||
|
||||
</div>
|
||||
<div class="content-inner">
|
||||
|
||||
</div>
|
||||
</section>
|
||||
<aside class="main">
|
||||
<section class="module projects">
|
||||
<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://sidepros.com/">SidePros</a></li>
|
||||
<li><a href="http://refreshroc.org/">Refresh Rochester</a></li>
|
||||
<li><a href="http://rochestermade.com">Rochester Made</a></li>
|
||||
</ul>
|
||||
</section>
|
||||
<section class="module tweets">
|
||||
<h1>Recent tweets</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>
|
||||
</ul>
|
||||
</section>
|
||||
<section class="module snipts">
|
||||
<h1>Recent snipts</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>
|
||||
</ul>
|
||||
</section>
|
||||
</aside>
|
||||
</section>
|
||||
<!--{% block content %}{% endblock %}-->
|
||||
</div>
|
||||
|
||||
|
|
|
|||
|
|
@ -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}.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 .08s linear;-moz-transition:color .08s linear;-o-transition:color .08s linear;transition:color .08s 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 .08s linear;-moz-transition:color .08s linear;-o-transition:color .08s linear;transition:color .08s linear}header.main div.bio p a:hover{color:#666}
|
||||
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}
|
||||
|
|
|
|||
|
|
@ -67,6 +67,11 @@ body {
|
|||
font: normal 14px/16px $Helvetica;
|
||||
text-rendering: optimizeLegibility;
|
||||
}
|
||||
* {
|
||||
-moz-box-sizing: border-box;
|
||||
-webkit-box-sizing: border-box;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
// Utils
|
||||
.group:after {
|
||||
|
|
@ -125,10 +130,10 @@ header.main {
|
|||
color: #666;
|
||||
font: 500 18px $Helvetica;
|
||||
text-decoration: none;
|
||||
-webkit-transition: color .08s linear;
|
||||
-moz-transition: color .08s linear;
|
||||
-o-transition: color .08s linear;
|
||||
transition: color .08s linear;
|
||||
-webkit-transition: color .05s linear;
|
||||
-moz-transition: color .05s linear;
|
||||
-o-transition: color .05s linear;
|
||||
transition: color .05s linear;
|
||||
|
||||
&:hover {
|
||||
color: black;
|
||||
|
|
@ -144,10 +149,10 @@ header.main {
|
|||
a {
|
||||
color: #B7B7B7;
|
||||
font-weight: bold;
|
||||
-webkit-transition: color .08s linear;
|
||||
-moz-transition: color .08s linear;
|
||||
-o-transition: color .08s linear;
|
||||
transition: color .08s linear;
|
||||
-webkit-transition: color .05s linear;
|
||||
-moz-transition: color .05s linear;
|
||||
-o-transition: color .05s linear;
|
||||
transition: color .05s linear;
|
||||
|
||||
&:hover {
|
||||
color: #666;
|
||||
|
|
@ -156,3 +161,57 @@ header.main {
|
|||
}
|
||||
}
|
||||
}
|
||||
section.main {
|
||||
section.content {
|
||||
float: left;
|
||||
width: 760px;
|
||||
|
||||
div.gutter {
|
||||
float: left;
|
||||
width: 80px;
|
||||
}
|
||||
div.content-inner {
|
||||
float: right;
|
||||
margin-left: 16px;
|
||||
width: 664px;
|
||||
}
|
||||
}
|
||||
aside.main {
|
||||
float: right;
|
||||
padding-left: 20px;
|
||||
width: 220px;
|
||||
|
||||
section.module {
|
||||
margin-bottom: 40px;
|
||||
|
||||
h1 {
|
||||
color: #CCC;
|
||||
font: bold 12px $Helvetica;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
ul {
|
||||
li {
|
||||
margin: 15px 0;
|
||||
|
||||
a {
|
||||
color: #CCC;
|
||||
font: normal 12px $Helvetica;
|
||||
line-height: 18px;
|
||||
text-decoration: none;
|
||||
|
||||
&:hover {
|
||||
color: #666;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
&.projects {
|
||||
ul {
|
||||
li {
|
||||
margin: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -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}.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 .08s linear;-moz-transition:color .08s linear;-o-transition:color .08s linear;transition:color .08s 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 .08s linear;-moz-transition:color .08s linear;-o-transition:color .08s linear;transition:color .08s linear}header.main div.bio p a:hover{color:#666}
|
||||
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}
|
||||
|
|
|
|||
Loading…
Reference in New Issue