Merge pull request #42 from samrat/master

Added new theme, syte

13 files changed, 2530 insertions, 0 deletions

diff --git a/syte/static/less/base.less b/syte/static/less/base.less
new file mode 100644
index 0000000..b801e3f
--- /dev/null
+++ b/syte/static/less/base.less
@@ -0,0 +1,68 @@
+
+body {
+  font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
+  font-size: 15px;
+  color: @text-color;
+}
+
+::selection, ::-moz-selection {
+  background: @adjacent-color;
+  color: #fff;
+  text-shadow: none;
+}
+
+h1, .h1 { font-size: 30px; line-height: 35px; font-weight: 500; }
+h2, .h2 { font-size: 24px; line-height: 30px; font-weight: 500; }
+h3, .h3 { font-size: 18px; line-height: 25px; font-weight: 500; }
+h4, .h4 { font-size: 16px; line-height: 20px; font-weight: 500; }
+h5, .h5 { font-size: 16px; line-height: 20px; font-weight: 500; }
+h6, .h6 { font-size: 14px; line-height: 20px; font-weight: 500; }
+
+ul { margin: 0 0 15px 15px; }
+ol { margin: 0 0 15px 20px;}
+li { margin-bottom: 5px;
+  ul, ol { margin-bottom: 0; }
+}
+
+dl {
+  margin-bottom: 10px;
+  dt { font-weight: bold; }
+  dd { margin: 0 0 5px 10px; }
+}
+
+p {
+  line-height: 25px;
+  margin-top: 20px;
+  margin-bottom: 20px;
+}
+
+a {
+  color: @link-color;
+  text-decoration: none;
+  border-bottom: 1px solid @text-color;
+
+  &:hover {
+    color: @adjacent-color;
+    border-bottom: 1px solid @adjacent-color;
+  }
+
+  &.no-border {border-bottom: 0;} 
+}
+
+blockquote {
+  margin-top: 20px 0;
+  padding: 0 0 0 20px;
+  border-left: 5px solid @adjacent-color;
+
+  p:first-child {
+    margin-top: 5px; 
+  }
+}
+
+.descr {
+  display: block;
+  font-size: 12px;
+  line-height: 20px;
+  color: #7f7e7e;
+}
+
diff --git a/syte/static/less/buttons.less b/syte/static/less/buttons.less
new file mode 100644
index 0000000..67547d8
--- /dev/null
+++ b/syte/static/less/buttons.less
@@ -0,0 +1,27 @@
+//Button
+.btn {
+  display: inline-block;
+  padding: 4px 10px 4px;
+  font-size: 13px;
+  line-height: 18px;
+  color: #333;
+  text-align: center;
+  text-shadow: 0 1px 1px rgba(255,255,255,.75);
+  vertical-align: middle;
+  cursor: pointer;
+  .gradient(#fff, darken(#fff, 10%));
+  border: 1px solid #ccc;
+  border-bottom-color: darken(#ccc, 10%);
+  .border-radius(4px);
+  .box-shadow(~"inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05)");
+}
+
+.btn:hover {
+  color: #333;
+  text-decoration: none;
+  background-color: darken(#fff, 10%);
+  background-position: 0 -15px;
+  border-bottom-color: darken(#ccc, 10%);
+
+  .transition(background-position .1s linear);
+}
diff --git a/syte/static/less/code.less b/syte/static/less/code.less
new file mode 100644
index 0000000..7861274
--- /dev/null
+++ b/syte/static/less/code.less
@@ -0,0 +1,86 @@
+
+code, pre {
+  padding: 0 3px 2px;
+  color: #333;
+
+  .font-monospace();
+  .border-radius(3px);
+}
+
+// Inline code
+code {
+  padding: 2px 4px;
+  color: @adjacent-color;
+  background-color: #f7f7f9;
+  border: 1px solid #e1e1e8;
+}
+
+.reset-code() {
+  padding: 0;
+  color: inherit;
+  background-color: transparent;
+  border: 0;
+}
+
+// Blocks of code
+pre {
+  display: block;
+  padding: 8px;
+  margin: 0 0 9px;
+  word-break: break-all;
+  word-wrap: break-word;
+  white-space: pre;
+  white-space: pre-wrap;
+  background-color: #f5f5f5;
+
+  border: 1px solid #ccc; // IE8-
+  border: 1px solid rgba(0,0,0,.15);
+  .border-radius(4px);
+
+  &.prettyprint { margin-bottom: 20px; }
+
+  code {
+    .reset-code();
+  }
+}
+
+.pre-scrollable {
+  max-height: 340px;
+  overflow-y: scroll;
+}
+
+blockquote code {
+  .reset-code();
+}
+
+//Pretty print
+.com { color: #93a1a1; }
+.lit { color: #195f91; }
+.pun, .opn, .clo { color: #93a1a1; }
+.fun { color: #dc322f; }
+.str, .atv { color: #da3f47; }
+.kwd, .linenums .tag { color: #1e347b; }
+.typ, .atn, .dec, .var { color: teal; }
+.pln { color: #48484c; }
+
+.prettyprint {
+  padding: 8px;
+  background-color: #f7f7f9;
+  border: 1px solid #e1e1e8;
+}
+.prettyprint.linenums {
+  @linenums-shadow: inset 40px 0 0 #fbfbfc, inset 41px 0 0 #ececf0;
+  .box-shadow(@linenums-shadow);
+}
+
+ol.linenums {
+  margin: 0 0 0 33px; /* IE indents via margin-left */
+
+  li {
+    padding-left: 12px;
+    color: #bebec5;
+    line-height: 18px;
+    text-shadow: 0 1px 0 #fff;
+  }
+}
+
diff --git a/syte/static/less/less-1.1.5.min.js b/syte/static/less/less-1.1.5.min.js
new file mode 100755
index 0000000..49949fb
--- /dev/null
+++ b/syte/static/less/less-1.1.5.min.js
@@ -0,0 +1,9 @@
+//
+// LESS - Leaner CSS v1.1.5
+// http://lesscss.org
+// 
+// Copyright (c) 2009-2011, Alexis Sellier
+// Licensed under the Apache 2.0 License.
+//
+(function(a,b){function c(b){return a.less[b.split("/")[1]]}function l(){var a=document.getElementsByTagName("style");for(var b=0;b<a.length;b++)a[b].type.match(j)&&(new d.Parser).parse(a[b].innerHTML||"",function(c,d){var e=d.toCSS(),f=a[b];try{f.innerHTML=e}catch(g){f.styleSheets.cssText=e}f.type="text/css"})}function m(a,b){for(var c=0;c<d.sheets.length;c++)n(d.sheets[c],a,b,d.sheets.length-(c+1))}function n(b,c,e,f){var h=a.location.href.replace(/[#?].*$/,""),i=b.href.replace(/\?.*$/,""),j=g&&g.getItem(i),k=g&&g.getItem(i+":timestamp"),l={css:j,timestamp:k};/^(https?|file):/.test(i)||(i.charAt(0)=="/"?i=a.location.protocol+"//"+a.location.host+i:i=h.slice(0,h.lastIndexOf("/")+1)+i),q(b.href,b.type,function(a,g){if(!e&&l&&g&&(new Date(g)).valueOf()===(new Date(l.timestamp)).valueOf())p(l.css,b),c(null,b,{local:!0,remaining:f});else try{(new d.Parser({optimization:d.optimization,paths:[i.replace(/[\w\.-]+$/,"")],mime:b.type})).parse(a,function(a,d){if(a)return u(a,i);try{c(d,b,{local:!1,lastModified:g,remaining:f}),s(document.getElementById("less-error-message:"+o(i)))}catch(a){u(a,i)}})}catch(h){u(h,i)}},function(a,b){throw new Error("Couldn't load "+b+" ("+a+")")})}function o(a){return a.replace(/^[a-z]+:\/\/?[^\/]+/,"").replace(/^\//,"").replace(/\?.*$/,"").replace(/\.[^\.\/]+$/,"").replace(/[^\.\w-]+/g,"-").replace(/\./g,":")}function p(a,b,c){var d,e=b.href?b.href.replace(/\?.*$/,""):"",f="less:"+(b.title||o(e));(d=document.getElementById(f))===null&&(d=document.createElement("style"),d.type="text/css",d.media=b.media||"screen",d.id=f,document.getElementsByTagName("head")[0].appendChild(d));if(d.styleSheet)try{d.styleSheet.cssText=a}catch(h){throw new Error("Couldn't reassign styleSheet.cssText.")}else(function(a){d.childNodes.length>0?d.firstChild.nodeValue!==a.nodeValue&&d.replaceChild(a,d.firstChild):d.appendChild(a)})(document.createTextNode(a));c&&g&&(t("saving "+e+" to cache."),g.setItem(e,a),g.setItem(e+":timestamp",c))}function q(a,b,c,e){function i(b,c,d){b.status>=200&&b.status<300?c(b.responseText,b.getResponseHeader("Last-Modified")):typeof d=="function"&&d(b.status,a)}var g=r(),h=f?!1:d.async;typeof g.overrideMimeType=="function"&&g.overrideMimeType("text/css"),g.open("GET",a,h),g.setRequestHeader("Accept",b||"text/x-less, text/css; q=0.9, */*; q=0.5"),g.send(null),f?g.status===0?c(g.responseText):e(g.status,a):h?g.onreadystatechange=function(){g.readyState==4&&i(g,c,e)}:i(g,c,e)}function r(){if(a.XMLHttpRequest)return new XMLHttpRequest;try{return new ActiveXObject("MSXML2.XMLHTTP.3.0")}catch(b){return t("browser doesn't support AJAX."),null}}function s(a){return a&&a.parentNode.removeChild(a)}function t(a){d.env=="development"&&typeof console!="undefined"&&console.log("less: "+a)}function u(a,b){var c="less-error-message:"+o(b),e=["<ul>",'<li><label>[-1]</label><pre class="ctx">{0}</pre></li>',"<li><label>[0]</label><pre>{current}</pre></li>",'<li><label>[1]</label><pre class="ctx">{2}</pre></li>',"</ul>"].join("\n"),f=document.createElement("div"),g,h;f.id=c,f.className="less-error-message",h="<h3>"+(a.message||"There is an error in your .less file")+"</h3>"+'<p><a href="'+b+'">'+b+"</a> ",a.extract&&(h+="on line "+a.line+", column "+(a.column+1)+":</p>"+e.replace(/\[(-?\d)\]/g,function(b,c){return parseInt(a.line)+parseInt(c)||""}).replace(/\{(\d)\}/g,function(b,c){return a.extract[parseInt(c)]||""}).replace(/\{current\}/,a.extract[1].slice(0,a.column)+'<span class="error">'+a.extract[1].slice(a.column)+"</span>")),f.innerHTML=h,p([".less-error-message ul, .less-error-message li {","list-style-type: none;","margin-right: 15px;","padding: 4px 0;","margin: 0;","}",".less-error-message label {","font-size: 12px;","margin-right: 15px;","padding: 4px 0;","color: #cc7777;","}",".less-error-message pre {","color: #ee4444;","padding: 4px 0;","margin: 0;","display: inline-block;","}",".less-error-message pre.ctx {","color: #dd4444;","}",".less-error-message h3 {","font-size: 20px;","font-weight: bold;","padding: 15px 0 5px 0;","margin: 0;","}",".less-error-message a {","color: #10a","}",".less-error-message .error {","color: red;","font-weight: bold;","padding-bottom: 2px;","border-bottom: 1px dashed red;","}"].join("\n"),{title:"error-message"}),f.style.cssText=["font-family: Arial, sans-serif","border: 1px solid #e00","background-color: #eee","border-radius: 5px","-webkit-border-radius: 5px","-moz-border-radius: 5px","color: #e00","padding: 15px","margin-bottom: 15px"].join(";"),d.env=="development"&&(g=setInterval(function(){document.body&&(document.getElementById(c)?document.body.replaceChild(f,document.getElementById(c)):document.body.insertBefore(f,document.body.firstChild),clearInterval(g))},10))}Array.isArray||(Array.isArray=function(a){return Object.prototype.toString.call(a)==="[object Array]"||a instanceof Array}),Array.prototype.forEach||(Array.prototype.forEach=function(a,b){var c=this.length>>>0;for(var d=0;d<c;d++)d in this&&a.call(b,this[d],d,this)}),Array.prototype.map||(Array.prototype.map=function(a){var b=this.length>>>0,c=new Array(b),d=arguments[1];for(var e=0;e<b;e++)e in this&&(c[e]=a.call(d,this[e],e,this));return c}),Array.prototype.filter||(Array.prototype.filter=function(a){var b=[],c=arguments[1];for(var d=0;d<this.length;d++)a.call(c,this[d])&&b.push(this[d]);return b}),Array.prototype.reduce||(Array.prototype.reduce=function(a){var b=this.length>>>0,c=0;if(b===0&&arguments.length===1)throw new TypeError;if(arguments.length>=2)var d=arguments[1];else do{if(c in this){d=this[c++];break}if(++c>=b)throw new TypeError}while(!0);for(;c<b;c++)c in this&&(d=a.call(null,d,this[c],c,this));return d}),Array.prototype.indexOf||(Array.prototype.indexOf=function(a){var b=this.length,c=arguments[1]||0;if(!b)return-1;if(c>=b)return-1;c<0&&(c+=b);for(;c<b;c++){if(!Object.prototype.hasOwnProperty.call(this,c))continue;if(a===this[c])return c}return-1}),Object.keys||(Object.keys=function(a){var b=[];for(var c in a)Object.prototype.hasOwnProperty.call(a,c)&&b.push(c);return b}),String.prototype.trim||(String.prototype.trim=function(){return String(this).replace(/^\s\s*/,"").replace(/\s\s*$/,"")});var d,e;typeof environment=="object"&&{}.toString.call(environment)==="[object Environment]"?(d={},e=d.tree={},d.mode="rhino"):typeof a=="undefined"?(d=exports,e=c("./tree"),d.mode="node"):(typeof a.less=="undefined"&&(a.less={}),d=a.less,e=a.less.tree={},d.mode="browser"),d.Parser=function(a){function p(){g=j[f],h=c,k=c}function q(){j[f]=g,c=h,k=c}function r(){c>k&&(j[f]=j[f].slice(c-k),k=c)}function s(a){var d,e,g,h,i,m,n,o;if(a instanceof Function)return a.call(l.parsers);if(typeof a=="string")d=b.charAt(c)===a?a:null,g=1,r();else{r();if(d=a.exec(j[f]))g=d[0].length;else return null}if(d){o=c+=g,m=c+j[f].length-g;while(c<m){h=b.charCodeAt(c);if(h!==32&&h!==10&&h!==9)break;c++}return j[f]=j[f].slice(g+(c-o)),k=c,j[f].length===0&&f<j.length-1&&f++,typeof d=="string"?d:d.length===1?d[0]:d}}function t(a){return typeof a=="string"?b.charAt(c)===a:a.test(j[f])?!0:!1}var b,c,f,g,h,i,j,k,l,m=this,n=function(){},o=this.imports={paths:a&&a.paths||[],queue:[],files:{},mime:a&&a.mime,push:function(b,c){var e=this;this.queue.push(b),d.Parser.importer(b,this.paths,function(a){e.queue.splice(e.queue.indexOf(b),1),e.files[b]=a,c(a),e.queue.length===0&&n()},a)}};return this.env=a=a||{},this.optimization="optimization"in this.env?this.env.optimization:1,this.env.filename=this.env.filename||null,l={imports:o,parse:function(d,g){var h,l,m,o,p,q,r=[],t,u=null;c=f=k=i=0,j=[],b=d.replace(/\r\n/g,"\n"),j=function(c){var d=0,e=/[^"'`\{\}\/\(\)]+/g,f=/\/\*(?:[^*]|\*+[^\/*])*\*+\/|\/\/.*/g,g=0,h,i=c[0],j,k;for(var l=0,m,n;l<b.length;l++){e.lastIndex=l,(h=e.exec(b))&&h.index===l&&(l+=h[0].length,i.push(h[0])),m=b.charAt(l),f.lastIndex=l,!k&&!j&&m==="/"&&(n=b.charAt(l+1),(n==="/"||n==="*")&&(h=f.exec(b))&&h.index===l&&(l+=h[0].length,i.push(h[0]),m=b.charAt(l)));if(m==="{"&&!k&&!j)g++,i.push(m);else if(m==="}"&&!k&&!j)g--,i.push(m),c[++d]=i=[];else if(m==="("&&!k&&!j)i.push(m),j=!0;else if(m===")"&&!k&&j)i.push(m),j=!1;else{if(m==='"'||m==="'"||m==="`")k?k=k===m?!1:k:k=m;i.push(m)}}if(g>0)throw{type:"Syntax",message:"Missing closing `}`",filename:a.filename};return c.map(function(a){return a.join("")})}([[]]),h=new e.Ruleset([],s(this.parsers.primary)),h.root=!0,h.toCSS=function(c){var d,f,g;return function(g,h){function n(a){return a?(b.slice(0,a).match(/\n/g)||"").length:null}var i=[];g=g||{},typeof h=="object"&&!Array.isArray(h)&&(h=Object.keys(h).map(function(a){var b=h[a];return b instanceof e.Value||(b instanceof e.Expression||(b=new e.Expression([b])),b=new e.Value([b])),new e.Rule("@"+a,b,!1,0)}),i=[new e.Ruleset(null,h)]);try{var j=c.call(this,{frames:i}).toCSS([],{compress:g.compress||!1})}catch(k){f=b.split("\n"),d=n(k.index);for(var l=k.index,m=-1;l>=0&&b.charAt(l)!=="\n";l--)m++;throw{type:k.type,message:k.message,filename:a.filename,index:k.index,line:typeof d=="number"?d+1:null,callLine:k.call&&n(k.call)+1,callExtract:f[n(k.call)],stack:k.stack,column:m,extract:[f[d-1],f[d],f[d+1]]}}return g.compress?j.replace(/(\s)+/g,"$1"):j}}(h.eval);if(c<b.length-1){c=i,q=b.split("\n"),p=(b.slice(0,c).match(/\n/g)||"").length+1;for(var v=c,w=-1;v>=0&&b.charAt(v)!=="\n";v--)w++;u={name:"ParseError",message:"Syntax Error on line "+p,index:c,filename:a.filename,line:p,column:w,extract:[q[p-2],q[p-1],q[p]]}}this.imports.queue.length>0?n=function(){g(u,h)}:g(u,h)},parsers:{primary:function(){var a,b=[];while((a=s(this.mixin.definition)||s(this.rule)||s(this.ruleset)||s(this.mixin.call)||s(this.comment)||s(this.directive))||s(/^[\s\n]+/))a&&b.push(a);return b},comment:function(){var a;if(b.charAt(c)!=="/")return;if(b.charAt(c+1)==="/")return new e.Comment(s(/^\/\/.*/),!0);if(a=s(/^\/\*(?:[^*]|\*+[^\/*])*\*+\/\n?/))return new e.Comment(a)},entities:{quoted:function(){var a,d=c,f;b.charAt(d)==="~"&&(d++,f=!0);if(b.charAt(d)!=='"'&&b.charAt(d)!=="'")return;f&&s("~");if(a=s(/^"((?:[^"\\\r\n]|\\.)*)"|'((?:[^'\\\r\n]|\\.)*)'/))return new e.Quoted(a[0],a[1]||a[2],f)},keyword:function(){var a;if(a=s(/^[_A-Za-z-][_A-Za-z0-9-]*/))return new e.Keyword(a)},call:function(){var a,b,d=c;if(!(a=/^([\w-]+|%)\(/.exec(j[f])))return;a=a[1].toLowerCase();if(a==="url")return null;c+=a.length;if(a==="alpha")return s(this.alpha);s("("),b=s(this.entities.arguments);if(!s(")"))return;if(a)return new e.Call(a,b,d)},arguments:function(){var a=[],b;while(b=s(this.expression)){a.push(b);if(!s(","))break}return a},literal:function(){return s(this.entities.dimension)||s(this.entities.color)||s(this.entities.quoted)},url:function(){var a;if(b.charAt(c)!=="u"||!s(/^url\(/))return;a=s(this.entities.quoted)||s(this.entities.variable)||s(this.entities.dataURI)||s(/^[-\w%@$\/.&=:;#+?~]+/)||"";if(!s(")"))throw new Error("missing closing ) for url()");return new e.URL(a.value||a.data||a instanceof e.Variable?a:new e.Anonymous(a),o.paths)},dataURI:function(){var a;if(s(/^data:/)){a={},a.mime=s(/^[^\/]+\/[^,;)]+/)||"",a.charset=s(/^;\s*charset=[^,;)]+/)||"",a.base64=s(/^;\s*base64/)||"",a.data=s(/^,\s*[^)]+/);if(a.data)return a}},variable:function(){var a,d=c;if(b.charAt(c)==="@"&&(a=s(/^@@?[\w-]+/)))return new e.Variable(a,d)},color:function(){var a;if(b.charAt(c)==="#"&&(a=s(/^#([a-fA-F0-9]{6}|[a-fA-F0-9]{3})/)))return new e.Color(a[1])},dimension:function(){var a,d=b.charCodeAt(c);if(d>57||d<45||d===47)return;if(a=s(/^(-?\d*\.?\d+)(px|%|em|pc|ex|in|deg|s|ms|pt|cm|mm|rad|grad|turn)?/))return new e.Dimension(a[1],a[2])},javascript:function(){var a,d=c,f;b.charAt(d)==="~"&&(d++,f=!0);if(b.charAt(d)!=="`")return;f&&s("~");if(a=s(/^`([^`]*)`/))return new e.JavaScript(a[1],c,f)}},variable:function(){var a;if(b.charAt(c)==="@"&&(a=s(/^(@[\w-]+)\s*:/)))return a[1]},shorthand:function(){var a,b;if(!t(/^[@\w.%-]+\/[@\w.-]+/))return;if((a=s(this.entity))&&s("/")&&(b=s(this.entity)))return new e.Shorthand(a,b)},mixin:{call:function(){var a=[],d,f,g,h=c,i=b.charAt(c);if(i!=="."&&i!=="#")return;while(d=s(/^[#.](?:[\w-]|\\(?:[a-fA-F0-9]{1,6} ?|[^a-fA-F0-9]))+/))a.push(new e.Element(f,d,c)),f=s(">");s("(")&&(g=s(this.entities.arguments))&&s(")");if(a.length>0&&(s(";")||t("}")))return new e.mixin.Call(a,g,h)},definition:function(){var a,d=[],f,g,h,i;if(b.charAt(c)!=="."&&b.charAt(c)!=="#"||t(/^[^{]*(;|})/))return;if(f=s(/^([#.](?:[\w-]|\\(?:[a-fA-F0-9]{1,6} ?|[^a-fA-F0-9]))+)\s*\(/)){a=f[1];while(h=s(this.entities.variable)||s(this.entities.literal)||s(this.entities.keyword)){if(h instanceof e.Variable)if(s(":"))if(i=s(this.expression))d.push({name:h.name,value:i});else throw new Error("Expected value");else d.push({name:h.name});else d.push({value:h});if(!s(","))break}if(!s(")"))throw new Error("Expected )");g=s(this.block);if(g)return new e.mixin.Definition(a,d,g)}}},entity:function(){return s(this.entities.literal)||s(this.entities.variable)||s(this.entities.url)||s(this.entities.call)||s(this.entities.keyword)||s(this.entities.javascript)||s(this.comment)},end:function(){return s(";")||t("}")},alpha:function(){var a;if(!s(/^\(opacity=/i))return;if(a=s(/^\d+/)||s(this.entities.variable)){if(!s(")"))throw new Error("missing closing ) for alpha()");return new e.Alpha(a)}},element:function(){var a,b,d;d=s(this.combinator),a=s(/^(?:\d+\.\d+|\d+)%/)||s(/^(?:[.#]?|:*)(?:[\w-]|\\(?:[a-fA-F0-9]{1,6} ?|[^a-fA-F0-9]))+/)||s("*")||s(this.attribute)||s(/^\([^)@]+\)/);if(a)return new e.Element(d,a,c);if(d.value&&d.value.charAt(0)==="&")return new e.Element(d,null,c)},combinator:function(){var a,d=b.charAt(c);if(d===">"||d==="+"||d==="~"){c++;while(b.charAt(c)===" ")c++;return new e.Combinator(d)}if(d==="&"){a="&",c++,b.charAt(c)===" "&&(a="& ");while(b.charAt(c)===" ")c++;return new e.Combinator(a)}if(d===":"&&b.charAt(c+1)===":"){c+=2;while(b.charAt(c)===" ")c++;return new e.Combinator("::")}return b.charAt(c-1)===" "?new e.Combinator(" "):new e.Combinator(null)},selector:function(){var a,d,f=[],g,h;while(d=s(this.element)){g=b.charAt(c),f.push(d);if(g==="{"||g==="}"||g===";"||g===",")break}if(f.length>0)return new e.Selector(f)},tag:function(){return s(/^[a-zA-Z][a-zA-Z-]*[0-9]?/)||s("*")},attribute:function(){var a="",b,c,d;if(!s("["))return;if(b=s(/^[a-zA-Z-]+/)||s(this.entities.quoted))(d=s(/^[|~*$^]?=/))&&(c=s(this.entities.quoted)||s(/^[\w-]+/))?a=[b,d,c.toCSS?c.toCSS():c].join(""):a=b;if(!s("]"))return;if(a)return"["+a+"]"},block:function(){var a;if(s("{")&&(a=s(this.primary))&&s("}"))return a},ruleset:function(){var a=[],b,d,f;p();while(b=s(this.selector)){a.push(b),s(this.comment);if(!s(","))break;s(this.comment)}if(a.length>0&&(d=s(this.block)))return new e.Ruleset(a,d);i=c,q()},rule:function(){var a,d,g=b.charAt(c),k,l;p();if(g==="."||g==="#"||g==="&")return;if(a=s(this.variable)||s(this.property)){a.charAt(0)!="@"&&(l=/^([^@+\/'"*`(;{}-]*);/.exec(j[f]))?(c+=l[0].length-1,d=new e.Anonymous(l[1])):a==="font"?d=s(this.font):d=s(this.value),k=s(this.important);if(d&&s(this.end))return new e.Rule(a,d,k,h);i=c,q()}},"import":function(){var a;if(s(/^@import\s+/)&&(a=s(this.entities.quoted)||s(this.entities.url))&&s(";"))return new e.Import(a,o)},directive:function(){var a,d,f,g;if(b.charAt(c)!=="@")return;if(d=s(this["import"]))return d;if(a=s(/^@media|@page/)||s(/^@(?:-webkit-|-moz-)?keyframes/)){g=(s(/^[^{]+/)||"").trim();if(f=s(this.block))return new e.Directive(a+" "+g,f)}else if(a=s(/^@[-a-z]+/))if(a==="@font-face"){if(f=s(this.block))return new e.Directive(a,f)}else if((d=s(this.entity))&&s(";"))return new e.Directive(a,d)},font:function(){var a=[],b=[],c,d,f,g;while(g=s(this.shorthand)||s(this.entity))b.push(g);a.push(new e.Expression(b));if(s(","))while(g=s(this.expression)){a.push(g);if(!s(","))break}return new e.Value(a)},value:function(){var a,b=[],c;while(a=s(this.expression)){b.push(a);if(!s(","))break}if(b.length>0)return new e.Value(b)},important:function(){if(b.charAt(c)==="!")return s(/^! *important/)},sub:function(){var a;if(s("(")&&(a=s(this.expression))&&s(")"))return a},multiplication:function(){var a,b,c,d;if(a=s(this.operand)){while((c=s("/")||s("*"))&&(b=s(this.operand)))d=new e.Operation(c,[d||a,b]);return d||a}},addition:function(){var a,d,f,g;if(a=s(this.multiplication)){while((f=s(/^[-+]\s+/)||b.charAt(c-1)!=" "&&(s("+")||s("-")))&&(d=s(this.multiplication)))g=new e.Operation(f,[g||a,d]);return g||a}},operand:function(){var a,d=b.charAt(c+1);b.charAt(c)==="-"&&(d==="@"||d==="(")&&(a=s("-"));var f=s(this.sub)||s(this.entities.dimension)||s(this.entities.color)||s(this.entities.variable)||s(this.entities.call);return a?new e.Operation("*",[new e.Dimension(-1),f]):f},expression:function(){var a,b,c=[],d;while(a=s(this.addition)||s(this.entity))c.push(a);if(c.length>0)return new e.Expression(c)},property:function(){var a;if(a=s(/^(\*?-?[-a-z_0-9]+)\s*:/))return a[1]}}}};if(d.mode==="browser"||d.mode==="rhino")d.Parser.importer=function(a,b,c,d){a.charAt(0)!=="/"&&b.length>0&&(a=b[0]+a),n({href:a,title:a,type:d.mime},c,!0)};(function(a){function b(b){return a.functions.hsla(b.h,b.s,b.l,b.a)}function c(b){if(b instanceof a.Dimension)return parseFloat(b.unit=="%"?b.value/100:b.value);if(typeof b=="number")return b;throw{error:"RuntimeError",message:"color functions take numbers as parameters"}}function d(a){return Math.min(1,Math.max(0,a))}a.functions={rgb:function(a,b,c){return this.rgba(a,b,c,1)},rgba:function(b,d,e,f){var g=[b,d,e].map(function(a){return c(a)}),f=c(f);return new a.Color(g,f)},hsl:function(a,b,c){return this.hsla(a,b,c,1)},hsla:function(a,b,d,e){function h(a){return a=a<0?a+1:a>1?a-1:a,a*6<1?g+(f-g)*a*6:a*2<1?f:a*3<2?g+(f-g)*(2/3-a)*6:g}a=c(a)%360/360,b=c(b),d=c(d),e=c(e);var f=d<=.5?d*(b+1):d+b-d*b,g=d*2-f;return this.rgba(h(a+1/3)*255,h(a)*255,h(a-1/3)*255,e)},hue:function(b){return new a.Dimension(Math.round(b.toHSL().h))},saturation:function(b){return new a.Dimension(Math.round(b.toHSL().s*100),"%")},lightness:function(b){return new a.Dimension(Math.round(b.toHSL().l*100),"%")},alpha:function(b){return new a.Dimension(b.toHSL().a)},saturate:function(a,c){var e=a.toHSL();return e.s+=c.value/100,e.s=d(e.s),b(e)},desaturate:function(a,c){var e=a.toHSL();return e.s-=c.value/100,e.s=d(e.s),b(e)},lighten:function(a,c){var e=a.toHSL();return e.l+=c.value/100,e.l=d(e.l),b(e)},darken:function(a,c){var e=a.toHSL();return e.l-=c.value/100,e.l=d(e.l),b(e)},fadein:function(a,c){var e=a.toHSL();return e.a+=c.value/100,e.a=d(e.a),b(e)},fadeout:function(a,c){var e=a.toHSL();return e.a-=c.value/100,e.a=d(e.a),b(e)},fade:function(a,c){var e=a.toHSL();return e.a=c.value/100,e.a=d(e.a),b(e)},spin:function(a,c){var d=a.toHSL(),e=(d.h+c.value)%360;return d.h=e<0?360+e:e,b(d)},mix:function(b,c,d){var e=d.value/100,f=e*2-1,g=b.toHSL().a-c.toHSL().a,h=((f*g==-1?f:(f+g)/(1+f*g))+1)/2,i=1-h,j=[b.rgb[0]*h+c.rgb[0]*i,b.rgb[1]*h+c.rgb[1]*i,b.rgb[2]*h+c.rgb[2]*i],k=b.alpha*e+c.alpha*(1-e);return new a.Color(j,k)},greyscale:function(b){return this.desaturate(b,new a.Dimension(100))},e:function(b){return new a.Anonymous(b instanceof a.JavaScript?b.evaluated:b)},escape:function(b){return new a.Anonymous(encodeURI(b.value).replace(/=/g,"%3D").replace(/:/g,"%3A").replace(/#/g,"%23").replace(/;/g,"%3B").replace(/\(/g,"%28").replace(/\)/g,"%29"))},"%":function(b){var c=Array.prototype.slice.call(arguments,1),d=b.value;for(var e=0;e<c.length;e++)d=d.replace(/%[sda]/i,function(a){var b=a.match(/s/i)?c[e].value:c[e].toCSS();return a.match(/[A-Z]$/)?encodeURIComponent(b):b});return d=d.replace(/%%/g,"%"),new a.Quoted('"'+d+'"',d)},round:function(b){if(b instanceof a.Dimension)return new a.Dimension(Math.round(c(b)),b.unit);if(typeof b=="number")return Math.round(b);throw{error:"RuntimeError",message:"math functions take numbers as parameters"}},argb:function(b){return new a.Anonymous(b.toARGB())}}})(c("./tree")),function(a){a.Alpha=function(a){this.value=a},a.Alpha.prototype={toCSS:function(){return"alpha(opacity="+(this.value.toCSS?this.value.toCSS():this.value)+")"},eval:function(a){return this.value.eval&&(this.value=this.value.eval(a)),this}}}(c("../tree")),function(a){a.Anonymous=function(a){this.value=a.value||a},a.Anonymous.prototype={toCSS:function(){return this.value},eval:function(){return this}}}(c("../tree")),function(a){a.Call=function(a,b,c){this.name=a,this.args=b,this.index=c},a.Call.prototype={eval:function(b){var c=this.args.map(function(a){return a.eval(b)});if(!(this.name in a.functions))return new a.Anonymous(this.name+"("+c.map(function(a){return a.toCSS()}).join(", ")+")");try{return a.functions[this.name].apply(a.functions,c)}catch(d){throw{message:"error evaluating function `"+this.name+"`",index:this.index}}},toCSS:function(a){return this.eval(a).toCSS()}}}(c("../tree")),function(a){a.Color=function(a,b){Array.isArray(a)?this.rgb=a:a.length==6?this.rgb=a.match(/.{2}/g).map(function(a){return parseInt(a,16)}):this.rgb=a.split("").map(function(a){return parseInt(a+a,16)}),this.alpha=typeof b=="number"?b:1},a.Color.prototype={eval:function(){return this},toCSS:function(){return this.alpha<1?"rgba("+this.rgb.map(function(a){return Math.round(a)}).concat(this.alpha).join(", ")+")":"#"+this.rgb.map(function(a){return a=Math.round(a),a=(a>255?255:a<0?0:a).toString(16),a.length===1?"0"+a:a}).join("")},operate:function(b,c){var d=[];c instanceof a.Color||(c=c.toColor());for(var e=0;e<3;e++)d[e]=a.operate(b,this.rgb[e],c.rgb[e]);return new a.Color(d,this.alpha+c.alpha)},toHSL:function(){var a=this.rgb[0]/255,b=this.rgb[1]/255,c=this.rgb[2]/255,d=this.alpha,e=Math.max(a,b,c),f=Math.min(a,b,c),g,h,i=(e+f)/2,j=e-f;if(e===f)g=h=0;else{h=i>.5?j/(2-e-f):j/(e+f);switch(e){case a:g=(b-c)/j+(b<c?6:0);break;case b:g=(c-a)/j+2;break;case c:g=(a-b)/j+4}g/=6}return{h:g*360,s:h,l:i,a:d}},toARGB:function(){var a=[Math.round(this.alpha*255)].concat(this.rgb);return"#"+a.map(function(a){return a=Math.round(a),a=(a>255?255:a<0?0:a).toString(16),a.length===1?"0"+a:a}).join("")}}}(c("../tree")),function(a){a.Comment=function(a,b){this.value=a,this.silent=!!b},a.Comment.prototype={toCSS:function(a){return a.compress?"":this.value},eval:function(){return this}}}(c("../tree")),function(a){a.Dimension=function(a,b){this.value=parseFloat(a),this.unit=b||null},a.Dimension.prototype={eval:function(){return this},toColor:function(){return new a.Color([this.value,this.value,this.value])},toCSS:function(){var a=this.value+this.unit;return a},operate:function(b,c){return new a.Dimension(a.operate(b,this.value,c.value),this.unit||c.unit)}}}(c("../tree")),function(a){a.Directive=function(b,c){this.name=b,Array.isArray(c)?this.ruleset=new a.Ruleset([],c):this.value=c},a.Directive.prototype={toCSS:function(a,b){return this.ruleset?(this.ruleset.root=!0,this.name+(b.compress?"{":" {\n  ")+this.ruleset.toCSS(a,b).trim().replace(/\n/g,"\n  ")+(b.compress?"}":"\n}\n")):this.name+" "+this.value.toCSS()+";\n"},eval:function(a){return a.frames.unshift(this),this.ruleset=this.ruleset&&this.ruleset.eval(a),a.frames.shift(),this},variable:function(b){return a.Ruleset.prototype.variable.call(this.ruleset,b)},find:function(){return a.Ruleset.prototype.find.apply(this.ruleset,arguments)},rulesets:function(){return a.Ruleset.prototype.rulesets.apply(this.ruleset)}}}(c("../tree")),function(a){a.Element=function(b,c,d){this.combinator=b instanceof a.Combinator?b:new a.Combinator(b),this.value=c?c.trim():"",this.index=d},a.Element.prototype.toCSS=function(a){return this.combinator.toCSS(a||{})+this.value},a.Combinator=function(a){a===" "?this.value=" ":a==="& "?this.value="& ":this.value=a?a.trim():""},a.Combinator.prototype.toCSS=function(a){return{"":""," ":" ","&":"","& ":" ",":":" :","::":"::","+":a.compress?"+":" + ","~":a.compress?"~":" ~ ",">":a.compress?">":" > "}[this.value]}}(c("../tree")),function(a){a.Expression=function(a){this.value=a},a.Expression.prototype={eval:function(b){return this.value.length>1?new a.Expression(this.value.map(function(a){return a.eval(b)})):this.value.length===1?this.value[0].eval(b):this},toCSS:function(a){return this.value.map(function(b){return b.toCSS(a)}).join(" ")}}}(c("../tree")),function(a){a.Import=function(b,c){var d=this;this._path=b,b instanceof a.Quoted?this.path=/\.(le?|c)ss(\?.*)?$/.test(b.value)?b.value:b.value+".less":this.path=b.value.value||b.value,this.css=/css(\?.*)?$/.test(this.path),this.css||c.push(this.path,function(a){if(!a)throw new Error("Error parsing "+d.path);d.root=a})},a.Import.prototype={toCSS:function(){return this.css?"@import "+this._path.toCSS()+";\n":""},eval:function(b){var c;if(this.css)return this;c=new a.Ruleset(null,this.root.rules.slice(0));for(var d=0;d<c.rules.length;d++)c.rules[d]instanceof a.Import&&Array.prototype.splice.apply(c.rules,[d,1].concat(c.rules[d].eval(b)));return c.rules}}}(c("../tree")),function(a){a.JavaScript=function(a,b,c){this.escaped=c,this.expression=a,this.index=b},a.JavaScript.prototype={eval:function(b){var c,d=this,e={},f=this.expression.replace(/@\{([\w-]+)\}/g,function(c,e){return a.jsify((new a.Variable("@"+e,d.index)).eval(b))});try{f=new Function("return ("+f+")")}catch(g){throw{message:"JavaScript evaluation error: `"+f+"`",index:this.index}}for(var h in b.frames[0].variables())e[h.slice(1)]={value:b.frames[0].variables()[h].value,toJS:function(){return this.value.eval(b).toCSS()}};try{c=f.call(e)}catch(g){throw{message:"JavaScript evaluation error: '"+g.name+": "+g.message+"'",index:this.index}}return typeof c=="string"?new a.Quoted('"'+c+'"',c,this.escaped,this.index):Array.isArray(c)?new a.Anonymous(c.join(", ")):new a.Anonymous(c)}}}(c("../tree")),function(a){a.Keyword=function(a){this.value=a},a.Keyword.prototype={eval:function(){return this},toCSS:function(){return this.value}}}(c("../tree")),function(a){a.mixin={},a.mixin.Call=function(b,c,d){this.selector=new a.Selector(b),this.arguments=c,this.index=d},a.mixin.Call.prototype={eval:function(a){var b,c,d=[],e=!1;for(var f=0;f<a.frames.length;f++)if((b=a.frames[f].find(this.selector)).length>0){c=this.arguments&&this.arguments.map(function(b){return b.eval(a)});for(var g=0;g<b.length;g++)if(b[g].match(c,a))try{Array.prototype.push.apply(d,b[g].eval(a,this.arguments).rules),e=!0}catch(h){throw{message:h.message,index:h.index,stack:h.stack,call:this.index}}if(e)return d;throw{message:"No matching definition was found for `"+this.selector.toCSS().trim()+"("+this.arguments.map(function(a){return a.toCSS()}).join(", ")+")`",index:this.index}}throw{message:this.selector.toCSS().trim()+" is undefined",index:this.index}}},a.mixin.Definition=function(b,c,d){this.name=b,this.selectors=[new a.Selector([new a.Element(null,b)])],this.params=c,this.arity=c.length,this.rules=d,this._lookups={},this.required=c.reduce(function(a,b){return!b.name||b.name&&!b.value?a+1:a},0),this.parent=a.Ruleset.prototype,this.frames=[]},a.mixin.Definition.prototype={toCSS:function(){return""},variable:function(a){return this.parent.variable.call(this,a)},variables:function(){return this.parent.variables.call(this)},find:function(){return this.parent.find.apply(this,arguments)},rulesets:function(){return this.parent.rulesets.apply(this)},eval:function(b,c){var d=new a.Ruleset(null,[]),e,f=[];for(var g=0,h;g<this.params.length;g++)if(this.params[g].name)if(h=c&&c[g]||this.params[g].value)d.rules.unshift(new a.Rule(this.params[g].name,h.eval(b)));else throw{message:"wrong number of arguments for "+this.name+" ("+c.length+" for "+this.arity+")"};for(var g=0;g<Math.max(this.params.length,c&&c.length);g++)f.push(c[g]||this.params[g].value);return d.rules.unshift(new a.Rule("@arguments",(new a.Expression(f)).eval(b))),(new a.Ruleset(null,this.rules.slice(0))).eval({frames:[this,d].concat(this.frames,b.frames)})},match:function(a,b){var c=a&&a.length||0,d;if(c<this.required)return!1;if(this.required>0&&c>this.params.length)return!1;d=Math.min(c,this.arity);for(var e=0;e<d;e++)if(!this.params[e].name&&a[e].eval(b).toCSS()!=this.params[e].value.eval(b).toCSS())return!1;return!0}}}(c("../tree")),function(a){a.Operation=function(a,b){this.op=a.trim(),this.operands=b},a.Operation.prototype.eval=function(b){var c=this.operands[0].eval(b),d=this.operands[1].eval(b),e;if(c instanceof a.Dimension&&d instanceof a.Color)if(this.op==="*"||this.op==="+")e=d,d=c,c=e;else throw{name:"OperationError",message:"Can't substract or divide a color from a number"};return c.operate(this.op,d)},a.operate=function(a,b,c){switch(a){case"+":return b+c;case"-":return b-c;case"*":return b*c;case"/":return b/c}}}(c("../tree")),function(a){a.Quoted=function(a,b,c,d){this.escaped=c,this.value=b||"",this.quote=a.charAt(0),this.index=d},a.Quoted.prototype={toCSS:function(){return this.escaped?this.value:this.quote+this.value+this.quote},eval:function(b){var c=this,d=this.value.replace(/`([^`]+)`/g,function(d,e){return(new a.JavaScript(e,c.index,!0)).eval(b).value}).replace(/@\{([\w-]+)\}/g,function(d,e){var f=(new a.Variable("@"+e,c.index)).eval(b);return f.value||f.toCSS()});return new a.Quoted(this.quote+d+this.quote,d,this.escaped,this.index)}}}(c("../tree")),function(a){a.Rule=function(b,c,d,e){this.name=b,this.value=c instanceof a.Value?c:new a.Value([c]),this.important=d?" "+d.trim():"",this.index=e,b.charAt(0)==="@"?this.variable=!0:this.variable=!1},a.Rule.prototype.toCSS=function(a){return this.variable?"":this.name+(a.compress?":":": ")+this.value.toCSS(a)+this.important+";"},a.Rule.prototype.eval=function(b){return new a.Rule(this.name,this.value.eval(b),this.important,this.index)},a.Shorthand=function(a,b){this.a=a,this.b=b},a.Shorthand.prototype={toCSS:function(a){return this.a.toCSS(a)+"/"+this.b.toCSS(a)},eval:function(){return this}}}(c("../tree")),function(a){a.Ruleset=function(a,b){this.selectors=a,this.rules=b,this._lookups={}},a.Ruleset.prototype={eval:function(b){var c=new a.Ruleset(this.selectors,this.rules.slice(0));c.root=this.root,b.frames.unshift(c);if(c.root)for(var d=0;d<c.rules.length;d++)c.rules[d]instanceof a.Import&&Array.prototype.splice.apply(c.rules,[d,1].concat(c.rules[d].eval(b)));for(var d=0;d<c.rules.length;d++)c.rules[d]instanceof a.mixin.Definition&&(c.rules[d].frames=b.frames.slice(0));for(var d=0;d<c.rules.length;d++)c.rules[d]instanceof a.mixin.Call&&Array.prototype.splice.apply(c.rules,[d,1].concat(c.rules[d].eval(b)));for(var d=0,e;d<c.rules.length;d++)e=c.rules[d],e instanceof a.mixin.Definition||(c.rules[d]=e.eval?e.eval(b):e);return b.frames.shift(),c},match:function(a){return!a||a.length===0},variables:function(){return this._variables?this._variables:this._variables=this.rules.reduce(function(b,c){return c instanceof a.Rule&&c.variable===!0&&(b[c.name]=c),b},{})},variable:function(a){return this.variables()[a]},rulesets:function(){return this._rulesets?this._rulesets:this._rulesets=this.rules.filter(function(b){return b instanceof a.Ruleset||b instanceof a.mixin.Definition})},find:function(b,c){c=c||this;var d=[],e,f,g=b.toCSS();return g in this._lookups?this._lookups[g]:(this.rulesets().forEach(function(e){if(e!==c)for(var g=0;g<e.selectors.length;g++)if(f=b.match(e.selectors[g])){b.elements.length>e.selectors[g].elements.length?Array.prototype.push.apply(d,e.find(new a.Selector(b.elements.slice(1)),c)):d.push(e);break}}),this._lookups[g]=d)},toCSS:function(b,c){var d=[],e=[],f=[],g=[],h,i;this.root||(b.length===0?g=this.selectors.map(function(a){return[a]}):this.joinSelectors(g,b,this.selectors));for(var j=0;j<this.rules.length;j++)i=this.rules[j],i.rules||i instanceof a.Directive?f.push(i.toCSS(g,c)):i instanceof a.Comment?i.silent||(this.root?f.push(i.toCSS(c)):e.push(i.toCSS(c))):i.toCSS&&!i.variable?e.push(i.toCSS(c)):i.value&&!i.variable&&e.push(i.value.toString());return f=f.join(""),this.root?d.push(e.join(c.compress?"":"\n")):e.length>0&&(h=g.map(function(a){return a.map(function(a){return a.toCSS(c)}).join("").trim()}).join(c.compress?",":g.length>3?",\n":", "),d.push(h,(c.compress?"{":" {\n  ")+e.join(c.compress?"":"\n  ")+(c.compress?"}":"\n}\n"))),d.push(f),d.join("")+(c.compress?"\n":"")},joinSelectors:function(a,b,c){for(var d=0;d<c.length;d++)this.joinSelector(a,b,c[d])},joinSelector:function(b,c,d){var e=[],f=[],g=[],h=[],i=!1,j;for(var k=0;k<d.elements.length;k++)j=d.elements[k],j.combinator.value.charAt(0)==="&"&&(i=!0),i?h.push(j):g.push(j);i||(h=g,g=[]),g.length>0&&e.push(new a.Selector(g)),h.length>0&&f.push(new a.Selector(h));for(var l=0;l<c.length;l++)b.push(e.concat(c[l]).concat(f))}}}(c("../tree")),function(a){a.Selector=function(a){this.elements=a,this.elements[0].combinator.value===""&&(this.elements[0].combinator.value=" ")},a.Selector.prototype.match=function(a){var b=this.elements.length,c=a.elements.length,d=Math.min(b,c);if(b<c)return!1;for(var e=0;e<d;e++)if(this.elements[e].value!==a.elements[e].value)return!1
+;return!0},a.Selector.prototype.toCSS=function(a){return this._css?this._css:this._css=this.elements.map(function(b){return typeof b=="string"?" "+b.trim():b.toCSS(a)}).join("")}}(c("../tree")),function(a){a.URL=function(a,b){a.data?this.attrs=a:(d.mode==="browser"&&!/^(?:https?:\/\/|file:\/\/|data:|\/)/.test(a.value)&&b.length>0&&(a.value=b[0]+(a.value.charAt(0)==="/"?a.value.slice(1):a.value)),this.value=a,this.paths=b)},a.URL.prototype={toCSS:function(){return"url("+(this.attrs?"data:"+this.attrs.mime+this.attrs.charset+this.attrs.base64+this.attrs.data:this.value.toCSS())+")"},eval:function(b){return this.attrs?this:new a.URL(this.value.eval(b),this.paths)}}}(c("../tree")),function(a){a.Value=function(a){this.value=a,this.is="value"},a.Value.prototype={eval:function(b){return this.value.length===1?this.value[0].eval(b):new a.Value(this.value.map(function(a){return a.eval(b)}))},toCSS:function(a){return this.value.map(function(b){return b.toCSS(a)}).join(a.compress?",":", ")}}}(c("../tree")),function(a){a.Variable=function(a,b){this.name=a,this.index=b},a.Variable.prototype={eval:function(b){var c,d,e=this.name;e.indexOf("@@")==0&&(e="@"+(new a.Variable(e.slice(1))).eval(b).value);if(c=a.find(b.frames,function(a){if(d=a.variable(e))return d.value.eval(b)}))return c;throw{message:"variable "+e+" is undefined",index:this.index}}}}(c("../tree")),c("./tree").find=function(a,b){for(var c=0,d;c<a.length;c++)if(d=b.call(a,a[c]))return d;return null},c("./tree").jsify=function(a){return Array.isArray(a.value)&&a.value.length>1?"["+a.value.map(function(a){return a.toCSS(!1)}).join(", ")+"]":a.toCSS(!1)};var f=location.protocol==="file:"||location.protocol==="chrome:"||location.protocol==="chrome-extension:"||location.protocol==="resource:";d.env=d.env||(location.hostname=="127.0.0.1"||location.hostname=="0.0.0.0"||location.hostname=="localhost"||location.port.length>0||f?"development":"production"),d.async=!1,d.poll=d.poll||(f?1e3:1500),d.watch=function(){return this.watchMode=!0},d.unwatch=function(){return this.watchMode=!1},d.env==="development"?(d.optimization=0,/!watch/.test(location.hash)&&d.watch(),d.watchTimer=setInterval(function(){d.watchMode&&m(function(a,b,c){a&&p(a.toCSS(),b,c.lastModified)})},d.poll)):d.optimization=3;var g;try{g=typeof a.localStorage=="undefined"?null:a.localStorage}catch(h){g=null}var i=document.getElementsByTagName("link"),j=/^text\/(x-)?less$/;d.sheets=[];for(var k=0;k<i.length;k++)(i[k].rel==="stylesheet/less"||i[k].rel.match(/stylesheet/)&&i[k].type.match(j))&&d.sheets.push(i[k]);d.refresh=function(a){var b,c;b=c=new Date,m(function(a,d,e){e.local?t("loading "+d.href+" from cache."):(t("parsed "+d.href+" successfully."),p(a.toCSS(),d,e.lastModified)),t("css for "+d.href+" generated in "+(new Date-c)+"ms"),e.remaining===0&&t("css generated in "+(new Date-b)+"ms"),c=new Date},a),l()},d.refreshStyles=l,d.refresh(d.env==="development")})(window);
diff --git a/syte/static/less/mixins.less b/syte/static/less/mixins.less
new file mode 100644
index 0000000..44cc546
--- /dev/null
+++ b/syte/static/less/mixins.less
@@ -0,0 +1,250 @@
+/* mixins.less 
+ * CSS Reset and base mixinis for LESS based development. 
+ * Inspired by bootstrap.less initially created by Mark Dotto
+ * https://github.com/markdotto/preboot.less
+ **/
+
+// Clearfix for clearing floats 
+.clearfix() {
+  zoom: 1;
+  &:before, &:after {display: table; content: "";}
+  &:after {clear: both;}
+}
+
+// Center-align a block level element
+.center-block() {
+  display: block;
+  margin: 0 auto;
+}
+
+// Sizing Shortcuts
+.size(@width: 5px, @height: 5px) {
+  height: @height; width: @width;
+}
+
+.square(@size: 5px) {
+  .size(@size, @size);
+}
+
+// Fonts
+.font(@weight: normal, @size: 14px, @lineHeight: 20px) {
+  font-size: @size;
+  font-weight: @weight;
+  line-height: @lineHeight;
+}
+
+.font-sans-serif(@weight: normal, @size: 14px, @lineHeight: 20px) {
+  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
+  .font(@weight, @size, @lineHeight);
+}
+
+.font-serif(@weight: normal, @size: 14px, @lineHeight: 20px) {
+  font-family: "Georgia", Times New Roman, Times, serif;
+  .font(@weight, @size, @lineHeight);
+}
+
+.font-monospace(@weight: normal, @size: 12px, @lineHeight: 20px) {
+  font-family: "Monaco", Courier New, monospace;
+  .font(@weight, @size, @lineHeight);
+}
+
+// Border Radius
+.border-radius(@radius: 5px) {
+  -webkit-border-radius: @radius;
+  -moz-border-radius: @radius;
+  border-radius: @radius;
+}
+
+// Box Shadows
+.box-shadow(@shadow: 0 1px 3px rgba(0,0,0,.25)) {
+  -webkit-box-shadow: @shadow;
+  -moz-box-shadow: @shadow;
+  box-shadow: @shadow;
+}
+
+.reset-box-shadow() {
+  -webkit-box-shadow: 0 0 0;
+  -moz-box-shadow: 0 0 0;
+  box-shadow: 0 0 0;
+}
+
+// Transitions
+.transition(@transition) {
+  -webkit-transition: @transition;
+  -moz-transition: @transition;
+  -o-transition: @transition;
+  transition: @transition;
+}
+
+.rotate(@rotation) {
+  -webkit-transform: rotate(@rotation);
+  -moz-transform: rotate(@rotation);
+  -ms-transform: rotate(@rotation);
+  -o-transform: rotate(@rotation);
+  transform: rotate(@rotation);
+}
+
+
+// Background Clipping
+.background-clip(@clip) {
+  -webkit-background-clip: @clip;
+  -moz-background-clip: @clip;
+  background-clip: @clip;
+}
+
+// CSS3 Content Columns
+.content-columns(@columnCount, @columnGap: 20px) {
+  -webkit-column-count: @columnCount;
+  -webkit-column-gap: @columnGap;
+  -moz-column-count: @columnCount;
+  -moz-column-gap: @columnGap;
+  column-count: @columnCount;
+  column-gap: @columnGap;
+}
+
+// Add a transparency value to a background 
+.alpha-background(@color: @white, @alpha: 1) {
+  background-color: @color;
+  background-color: hsla(hue(@color), saturation(@color), lightness(@color), @alpha);
+}
+
+// Add a transparency value to a border 
+.alpha-border(@color: @white, @alpha: 1) {
+  border-color: hsla(hue(@color), saturation(@color), lightness(@color), @alpha);
+  background-clip: padding-box;
+}
+
+// Gradients
+.gradient(@startColor: #555, @endColor: #333) {
+  background-color: @endColor;
+  background-repeat: repeat-x;
+  background-image: -khtml-gradient(linear, left top, left bottom, from(@startColor), to(@endColor)); // Konqueror
+  background-image: -moz-linear-gradient(top, @startColor, @endColor); // FF 3.6+
+  background-image: -ms-linear-gradient(top, @startColor, @endColor); // IE10
+  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, @startColor), color-stop(100%, @endColor)); // Safari 4+, Chrome 2+
+  background-image: -webkit-linear-gradient(top, @startColor, @endColor); // Safari 5.1+, Chrome 10+
+  background-image: -o-linear-gradient(top, @startColor, @endColor); // Opera 11.10
+  background-image: linear-gradient(top, @startColor, @endColor); // The standard
+  filter: e(%("progid:DXImageTransform.Microsoft.gradient(startColorstr='%d', endColorstr='%d', GradientType=0)",@startColor,@endColor)); // IE9 and down
+}
+
+.horizontal-gradient(@startColor: #555, @endColor: #333) {
+  background-color: @endColor;
+  background-repeat: repeat-x;
+  background-image: -khtml-gradient(linear, left top, right top, from(@startColor), to(@endColor)); // Konqueror
+  background-image: -moz-linear-gradient(left, @startColor, @endColor); // FF 3.6+
+  background-image: -ms-linear-gradient(left, @startColor, @endColor); // IE10
+  background-image: -webkit-gradient(linear, left top, right top, color-stop(0%, @startColor), color-stop(100%, @endColor)); // Safari 4+, Chrome 2+
+  background-image: -webkit-linear-gradient(left, @startColor, @endColor); // Safari 5.1+, Chrome 10+
+  background-image: -o-linear-gradient(left, @startColor, @endColor); // Opera 11.10
+  background-image: linear-gradient(left, @startColor, @endColor); // Le standard
+  filter: e(%("progid:DXImageTransform.Microsoft.gradient(startColorstr='%d', endColorstr='%d', GradientType=1)",@startColor,@endColor)); // IE9 and down
+}
+
+.directional-gradient(@startColor: #555, @endColor: #333, @deg: 45deg) {
+  background-color: @endColor;
+  background-repeat: repeat-x;
+  background-image: -moz-linear-gradient(@deg, @startColor, @endColor); // FF 3.6+
+  background-image: -ms-linear-gradient(@deg, @startColor, @endColor); // IE10
+  background-image: -webkit-linear-gradient(@deg, @startColor, @endColor); // Safari 5.1+, Chrome 10+
+  background-image: -o-linear-gradient(@deg, @startColor, @endColor); // Opera 11.10
+  background-image: linear-gradient(@deg, @startColor, @endColor); // The standard
+}
+
+.vertical-gradient-3(@startColor: #00b3ee, @midColor: #7a43b6, @colorStop: 50%, @endColor: #c3325f) {
+  background-color: @endColor;
+  background-repeat: no-repeat;
+  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(@startColor), color-stop(@colorStop, @midColor), to(@endColor));
+  background-image: -webkit-linear-gradient(@startColor, @midColor @colorStop, @endColor);
+  background-image: -moz-linear-gradient(top, @startColor, @midColor @colorStop, @endColor);
+  background-image: -ms-linear-gradient(@startColor, @midColor @colorStop, @endColor);
+  background-image: -o-linear-gradient(@startColor, @midColor @colorStop, @endColor);
+  background-image: linear-gradient(@startColor, @midColor @colorStop, @endColor);
+  filter: e(%("progid:DXImageTransform.Microsoft.gradient(startColorstr='%d', endColorstr='%d', GradientType=0)",@startColor,@endColor)); // IE9 and down, gets no color-stop at all for proper fallback
+}
+
+.reset-ie-gradient() {
+  filter: e(%("progid:DXImageTransform.Microsoft.gradient(enabled = false)"));
+}
+
+// Opacity
+.opacity(@opacity: 100) {
+  filter: e(%("alpha(opacity=%d)", @opacity));
+  -khtml-opacity: @opacity / 100;
+  -moz-opacity: @opacity / 100;
+  opacity: @opacity / 100;
+}
+
+// Word spacing wrap
+.break-word() {
+  white-space: pre-wrap;
+  word-wrap: break-word;
+}
+
+// PATTERN ANIMATIONS
+// ------------------
+.fade {
+  .transition(opacity .15s linear);
+  opacity: 0;
+  &.in {
+    opacity: 1;
+  }
+}
+
+.user-select(@select) {
+  -webkit-user-select: @select;
+  -khtml-user-select: @select;
+  -moz-user-select: @select;
+  -o-user-select: @select;
+  user-select: @select;
+}
+
+//Arrows
+.arrow-top(@arrow-size: 5px, @arrow-color: #000, @arrow-location: 50%) {
+  bottom: 0;
+  left: @arrow-location;
+  margin-left: -@arrow-size;
+  border-left: @arrow-size solid transparent;
+  border-right: @arrow-size solid transparent;
+  border-top: @arrow-size solid @arrow-color;
+  position: absolute;
+  width: 0;
+  height: 0;
+}
+
+.arrow-right(@arrow-size: 5px, @arrow-color: #000, @arrow-location: 50%) {
+  top: @arrow-location;
+  left: 0;
+  margin-top: -@arrow-size;
+  border-top: @arrow-size solid transparent;
+  border-bottom: @arrow-size solid transparent;
+  border-right: @arrow-size solid @arrow-color;
+  position: absolute;
+  width: 0;
+  height: 0;
+}
+
+.arrow-bottom(@arrow-size: 5px, @arrow-color: #000, @arrow-location: 50%) {
+  top: 0;
+  left: @arrow-location;
+  margin-left: -@arrow-size;
+  border-left: @arrow-size solid transparent;
+  border-right: @arrow-size solid transparent;
+  border-bottom: @arrow-size solid @arrow-color;
+  position: absolute;
+  width: 0;
+  height: 0;
+}
+
+.arrow-left(@arrow-size: 5px, @arrow-color: #000, @arrow-location: 50%) {
+  top: @arrow-location;
+  right: 0;
+  margin-top: -@arrow-size;
+  border-top: @arrow-size solid transparent;
+  border-bottom: @arrow-size solid transparent;
+  border-left: @arrow-size solid @arrow-color;
+  position: absolute;
+  width: 0;
+  height: 0;
+}
+
diff --git a/syte/static/less/modals.less b/syte/static/less/modals.less
new file mode 100644
index 0000000..522ecfa
--- /dev/null
+++ b/syte/static/less/modals.less
@@ -0,0 +1,67 @@
+//Modals
+.modal-backdrop {
+  position: fixed;
+  z-index: 1000;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  left: 0;
+  background: #000;
+
+  &.fade, &.fade-large {
+    .transition(e('opacity .2s linear'));
+    .opacity(0);
+  }
+}
+
+.modal-backdrop, .modal-backdrop.fade.in {
+  .opacity(50);
+}
+
+.modal {
+  position: fixed;
+  top: 0;
+  left: 240px;
+  z-index: 1050;
+  overflow: auto;
+  width: 400px;
+  height: 100%;
+  background-color: #fff;
+  border-right: 1px solid @text-color;
+  .box-shadow(0 0 7px rgba(0,0,0,0.5));
+}
+
+.modal {
+  &.fade-large {
+    width: 700px;
+    .transition(e('left .4s ease-out'));
+    left: -1100px;
+  }
+
+  &.fade {
+    .transition(e('left .4s ease-out'));
+    left: -700px;
+  }
+
+  &.fade.in, &.fade-large.in { left: 240px; }
+}
+
+.close {
+  float: right;
+  font-size: 26px;
+  line-height: 30px;
+  font-weight: bold;
+  color: #000;
+  background-color: #fff;
+  text-shadow: 0 1px 0 rgba(255,255,255,1);
+
+  .opacity(20);
+
+  &:hover {
+    color: #000;
+    text-decoration: none;
+    cursor: pointer;
+    .opacity(40);
+  }
+}
+
diff --git a/syte/static/less/profiles.less b/syte/static/less/profiles.less
new file mode 100644
index 0000000..65cd33e
--- /dev/null
+++ b/syte/static/less/profiles.less
@@ -0,0 +1,354 @@
+//Profiles
+.profile {
+  background: #E9E9E9 url('/static/imgs/b.png');
+}
+
+.profile-info {
+  position: relative;
+  padding: 15px;
+  background: #fff;
+
+  .close { line-height: 20px; }
+  .btn {
+    position: absolute;
+    right: 17px;
+    bottom: 20px;
+  }
+}
+
+.profile-avatar {
+  display: inline-block;
+  float: left;
+  border-bottom: 0;
+
+  img {
+    .square(52px);
+    border: 2px solid @adjacent-color;
+  }
+}
+
+.profile-avatar:hover {
+  border-bottom: 0;
+}
+
+.profile-name {
+  display: block;
+  float: left;
+  margin: 0 0 10px 10px;
+
+  h2 {
+    font-size: 22px;
+    line-height: 30px;
+
+    & a {
+      font-weight: 500;
+      color: @text-color;
+      border-bottom: 0;
+    }
+  }
+  h3 {
+    font-size: 16px;
+    line-height: 20px;
+
+    & a {
+      color: #777;
+      border-bottom: 0;
+    }
+  }
+
+  h2 a:hover, h3 a:hover
+  { color: @adjacent-color; }
+}
+
+.profile-description {
+  clear: left;
+  font-size: 13px;
+  line-height: 18px;
+  font-style: italic;
+  color: #777;
+  margin: 0;
+  padding: 5px 0;
+
+  a { border-bottom: 0; }
+}
+
+.profile-location-url {
+  clear: left;
+  margin: 0;
+
+  span {
+    display: inline-block;
+    font-size: 13px;
+    line-height: 18px;
+    color: #777;
+  }
+
+  .divider {
+    padding: 0 4px;
+    color: #ccc;
+  }
+
+  a { border-bottom:0; }
+}
+
+.profile-stats {
+  margin: 0;
+  list-style: none;
+  overflow: hidden;
+  border-top: 1px solid #C2C2C2;
+  border-bottom: 1px solid #C2C2C2;
+  background: #fff;
+
+  li {
+    display: inline;
+
+    a, span {
+      float: left;
+      padding: 7px 15px;
+      color: #777;
+      font-size: 10px;
+      line-height: 16px;
+      text-transform: uppercase;
+      border-left: 1px solid #C2C2C2;
+      border-bottom: 0;
+    }
+
+    strong {
+      display: block;
+      color: @text-color;
+      font-size: 14px;
+    }
+
+    a:hover, a:hover strong {
+      color: @adjacent-color;
+    }
+  }
+
+  li:first-child span {
+    border-left: 0;
+  }
+}
+
+.profile-info-footer {
+  padding: 10px 15px;
+  border-bottom: 1px solid #c2c2c2;
+}
+
+//Profile Icons
+.profile-icons(@bgicon) {
+  display: inline-block;
+  background: @bgicon;
+  margin-left: 10px;
+  padding-left: 20px;
+}
+
+.profile-watchers {
+  .profile-icons(~"url('/static/imgs/ico-watchers.png') no-repeat");
+}
+
+.profile-forks {
+  .profile-icons(~"url('/static/imgs/ico-forks.png') no-repeat");
+}
+
+.profile-comments {
+  .profile-icons(~"url('/static/imgs/ico-comments.png') no-repeat");
+}
+
+.profile-likes {
+  .profile-icons(~"url('/static/imgs/ico-likes.png') no-repeat");
+}
+
+
+//Twitter Profile
+.profile.twitter {
+  overflow:hidden;
+}
+
+.profile-tweets {
+  list-style: none;
+  margin: 0;
+  background: #fff;
+
+  li {
+    padding: 10px 15px;
+    border-bottom: 1px solid #C2C2C2
+  }
+}
+
+.tweet-title {
+  border-bottom: 0;
+  position: relative;
+  padding-left: 45px;
+
+  img {
+    position: absolute;
+    left: 0;
+    width: 32px;
+    height: 32px;
+    border: 2px solid @adjacent-color;
+  }
+
+  span {
+    color: #777;
+    font-size: 13px;
+    padding-left: 3px;
+  }
+}
+
+.tweet-title:hover {
+  border-bottom: 0;
+}
+
+.tweet-text {
+  color: #777;
+  margin:0;
+  padding: 3px 0;
+  font-size: 13px;
+  line-height: 18px;
+  margin-left: 45px;
+
+  a { border-bottom: 0; }
+}
+
+.tweet-date {
+  margin: 0;
+  font-size: 13px;
+  line-height: 18px;
+  margin-left: 45px;
+  color: #999;
+}
+
+//Github Profile
+.profile-repos {
+  list-style: none;
+  margin: 0;
+  background: #fff;
+
+  li {
+    padding: 10px 15px;
+    border-bottom: 1px solid #C2C2C2
+  }
+}
+
+.profile-repo-name {
+  border-bottom: 0;
+  font-weight: 500;
+}
+.profile-repo-name:hover {
+  border-bottom: 0;
+}
+
+.profile-repo-text {
+  color: #777;
+  margin:0;
+  padding: 5px 0;
+  font-size: 13px;
+  line-height: 18px;
+}
+
+.profile-repo-stats {
+  list-style: none;
+  margin: 0;
+  font-size: 13px;
+  line-height: 18px;
+
+  li {
+    padding: 0;
+    border: 0;
+    display: inline-block;
+
+    //ie7 inline-block hack
+    zoom: 1;
+    *display: inline;
+  }
+
+  a {
+    border-bottom: 0;
+  }
+
+  a:hover {
+    border-bottom: 0;
+    color: @adjacent-color;
+  }
+}
+
+//Dribbble & Instagram Profiles
+.profile-shots {
+  list-style: none;
+  margin: 0;
+  padding: 15px 0;
+
+  > li {
+    float: left;
+    width: 300px;
+    padding: 10px;
+    margin: 0 0px 20px 20px;
+    background: #fff;
+
+    .box-shadow();
+  }
+}
+
+.profile-shot {
+  border-bottom: 0;
+  display: block;
+
+  img {
+    width: 300px;
+    height: 225px;
+  }
+}
+.profile-shot:hover {
+  border-bottom: 0;
+}
+
+.profile-shot-title {
+  display: block;
+  padding: 5px 0;
+  font-size: 13px;
+  line-height: 18px;
+  color: @alternate-text-color;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+.profile-shot-stats {
+  list-style: none;
+  margin: 0;
+  font-size: 13px;
+  line-height: 18px;
+
+  li {
+    margin-bottom: 0;
+    padding: 0;
+    border: 0;
+    display: inline-block;
+
+    //ie7 inline-block hack
+    zoom: 1;
+    *display: inline;
+  }
+  li:first-child a, li:first-child span {
+    margin-left: 0;
+  }
+
+  a {
+    border-bottom: 0;
+  }
+
+  a:hover {
+    border-bottom: 0;
+    color: @adjacent-color;
+  }
+}
+
+.profile-shot-date {
+  float: right;
+  color: #999;
+}
+
+.instagram .profile-shot img {
+  width: 300px;
+  height: 300px;
+}
diff --git a/syte/static/less/reset.less b/syte/static/less/reset.less
new file mode 100644
index 0000000..c597da0
--- /dev/null
+++ b/syte/static/less/reset.less
@@ -0,0 +1,24 @@
+html, body {margin: 0; padding: 0;}
+h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, cite, code, del, dfn, em, img, q, s, samp, small, strike, strong, sub, sup, tt, var, dd, dl, dt, li, ol, ul, fieldset, form, label, legend, button, table, caption, tbody, tfoot, thead, tr, th, td {margin: 0; padding: 0; border: 0; font-weight: normal; font-style: normal; font-size: 100%; font-family: inherit;}
+strong, b {font-weight: bold;}
+em, i {font-style:italic;}
+body {line-height: 1;}
+table {border-collapse: collapse; border-spacing: 0;}
+q:before, q:after, blockquote:before, blockquote:after {content: "";}
+html {overflow-y: scroll; font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%;}
+a:focus {outline: thin dotted;}
+article, aside, details, figcaption, figure, footer, header, hgroup, nav, section {display: block;}
+audio, canvas, video {display: inline-block; *display: inline; *zoom: 1;}
+audio:not([controls]) {display: none;}
+sub, sup {font-size: 75%; line-height: 0; position: relative; vertical-align: baseline;}
+sup {top: -0.5em;}
+sub {bottom: -0.25em;}
+img {border: 0; -ms-interpolation-mode: bicubic;}
+button, input, select, textarea {font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle;}
+button, input {line-height: normal; *overflow: visible;}
+button::-moz-focus-inner, input::-moz-focus-inner {border: 0;padding: 0;}
+button, input[type="button"], input[type="reset"], input[type="submit"] {cursor: pointer; -webkit-appearance: button;}
+input[type="search"] {-webkit-appearance: textfield; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box;}
+input[type="search"]::-webkit-search-decoration {-webkit-appearance: none;}
+textarea {overflow: auto; vertical-align: top;}
+
diff --git a/syte/static/less/styles-mobile.less b/syte/static/less/styles-mobile.less
new file mode 100644
index 0000000..6ff8003
--- /dev/null
+++ b/syte/static/less/styles-mobile.less
@@ -0,0 +1,165 @@
+@media (max-width: 600px) {
+
+  body {
+    background: #E9E9E9 url('/static/imgs/b.png');
+    overflow-x: hidden;
+  }
+
+  .mobile-nav {
+     display: block;
+     position: fixed;
+     top: 0;
+     height: 45px;
+     width: 100%;
+     z-index: 3000;
+
+     background: #E9E9E9 url('/static/imgs/b.png');
+     border-top: 3px solid @adjacent-color;
+     .box-shadow();
+
+     h3 {
+       float: right;
+       padding: 10px;
+
+       a {
+         border-bottom: 0; 
+         font-weight: bold;
+         color: @text-color;
+         text-shadow: 0 1px 1px #f9f9f9;
+       }
+     }
+
+     .nav-btn {
+       float: left;
+       padding: 7px 10px 4px;
+       margin: 8px 10px;
+       .gradient(#404040, #333);
+       .border-radius(4px);
+       .box-shadow(0 1px 1px #f9f9f9);
+     }
+
+     .nav-btn-bar {
+       display: block;
+       width: 18px;
+       height: 2px;
+       margin-bottom: 3px;
+       background-color: #f9f9f9;
+
+       .border-radius(1px);
+       .box-shadow(0 1px 0 rgba(0, 0, 0, 0.25));
+     }
+  }
+
+  header.main-header {
+    position: absolute;
+
+
+    hgroup {
+      .picture a { margin: 60px 0 10px 10px; }
+      h1 {
+        font-size: 18px;
+        margin: 0 10px;
+      }
+      h2 {
+        margin: 0 10px 10px 10px;
+      }
+    }
+
+    nav {
+      margin: 20px 0;
+    }
+
+    .fork-me {
+      display: none;
+    }
+  }
+
+  .main-section {
+     margin: 45px 0 0 0;
+     position: relative;
+     min-height: 500px;
+     left: 0;
+     z-index: 2000;
+     background-color: #fff;
+
+     .box-shadow();
+     .transition(e('left .3s ease-out'));
+
+     &.nav-opened {
+        left: 240px;
+     }
+  }
+
+  .blog-section {
+
+    hgroup {
+      h2, h1 { .h2; margin: 10px 0 5px 0; }
+
+      h3 a {
+         position: static;
+         margin: 0;
+         padding: 5px 0;
+         border: 0;
+         font-weight: 300;
+      }
+    }
+
+    article {
+      width: 95%;
+      padding: 10px 10px 30px;
+      border-bottom: 1px solid #C2C2C2;
+
+      img { max-width: 300px; }
+    }
+
+    .loading {
+       padding: 15px;
+    }
+  }
+
+  .modal-backdrop {
+    z-index: 3500;
+  }
+
+  .modal {
+    position: absolute;
+    width: 100%;
+    height: 1500px;
+    z-index: 4000;
+    top: 45px;
+
+    &.fade-large { width: 100%; }
+
+    &.fade.in, &.fade-large.in { left: 0; }
+  }
+
+  .profile.twitter, .profile.github, .profile.dribbble, .profile.instagram {
+    overflow: scroll;
+  }
+
+  .profile-info .btn {
+     position: static;
+     margin-top: 5px;
+  }
+
+  .shots-likes-received, .shots-likes-given { display: none; }
+
+  .profile-shots { padding: 10px 0;
+
+    > li {
+      margin: 0 0 20px 10px; 
+      width: 280px;
+    }
+
+    img {
+      width: 280px;
+      height: 210px;
+    }
+  }
+
+  .instagram .profile-shot img {
+     width: 280px;
+     height: 280px;
+  }
+
+}
diff --git a/syte/static/less/styles.css b/syte/static/less/styles.css
new file mode 100644
index 0000000..1797222
--- /dev/null
+++ b/syte/static/less/styles.css
@@ -0,0 +1,1221 @@
+html,
+body {
+  margin: 0;
+  padding: 0;
+}
+h1,
+h2,
+h3,
+h4,
+h5,
+h6,
+p,
+blockquote,
+pre,
+a,
+abbr,
+acronym,
+address,
+cite,
+code,
+del,
+dfn,
+em,
+img,
+q,
+s,
+samp,
+small,
+strike,
+strong,
+sub,
+sup,
+tt,
+var,
+dd,
+dl,
+dt,
+li,
+ol,
+ul,
+fieldset,
+form,
+label,
+legend,
+button,
+table,
+caption,
+tbody,
+tfoot,
+thead,
+tr,
+th,
+td {
+  margin: 0;
+  padding: 0;
+  border: 0;
+  font-weight: normal;
+  font-style: normal;
+  font-size: 100%;
+  font-family: inherit;
+}
+strong,
+b {
+  font-weight: bold;
+}
+em,
+i {
+  font-style: italic;
+}
+body {
+  line-height: 1;
+}
+table {
+  border-collapse: collapse;
+  border-spacing: 0;
+}
+q:before,
+q:after,
+blockquote:before,
+blockquote:after {
+  content: "";
+}
+html {
+  overflow-y: scroll;
+  font-size: 100%;
+  -webkit-text-size-adjust: 100%;
+  -ms-text-size-adjust: 100%;
+}
+a:focus {
+  outline: thin dotted;
+}
+article,
+aside,
+details,
+figcaption,
+figure,
+footer,
+header,
+hgroup,
+nav,
+section {
+  display: block;
+}
+audio,
+canvas,
+video {
+  display: inline-block;
+  *display: inline;
+  *zoom: 1;
+}
+audio:not([controls]) {
+  display: none;
+}
+sub,
+sup {
+  font-size: 75%;
+  line-height: 0;
+  position: relative;
+  vertical-align: baseline;
+}
+sup {
+  top: -0.5em;
+}
+sub {
+  bottom: -0.25em;
+}
+img {
+  border: 0;
+  -ms-interpolation-mode: bicubic;
+}
+button,
+input,
+select,
+textarea {
+  font-size: 100%;
+  margin: 0;
+  vertical-align: baseline;
+  *vertical-align: middle;
+}
+button,
+input {
+  line-height: normal;
+  *overflow: visible;
+}
+button::-moz-focus-inner,
+input::-moz-focus-inner {
+  border: 0;
+  padding: 0;
+}
+button,
+input[type="button"],
+input[type="reset"],
+input[type="submit"] {
+  cursor: pointer;
+  -webkit-appearance: button;
+}
+input[type="search"] {
+  -webkit-appearance: textfield;
+  -webkit-box-sizing: content-box;
+  -moz-box-sizing: content-box;
+  box-sizing: content-box;
+}
+input[type="search"]::-webkit-search-decoration {
+  -webkit-appearance: none;
+}
+textarea {
+  overflow: auto;
+  vertical-align: top;
+}
+/* mixins.less 
+ * CSS Reset and base mixinis for LESS based development. 
+ * Inspired by bootstrap.less initially created by Mark Dotto
+ * https://github.com/markdotto/preboot.less
+ **/
+.fade {
+  -webkit-transition: opacity 0.15s linear;
+  -moz-transition: opacity 0.15s linear;
+  -o-transition: opacity 0.15s linear;
+  transition: opacity 0.15s linear;
+  opacity: 0;
+}
+.fade.in {
+  opacity: 1;
+}
+body {
+  font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
+  font-size: 15px;
+  color: #404040;
+}
+::selection,
+::-moz-selection {
+  background: #333366;
+  color: #fff;
+  text-shadow: none;
+}
+h1,
+.h1 {
+  font-size: 30px;
+  line-height: 35px;
+  font-weight: 500;
+}
+h2,
+.h2 {
+  font-size: 24px;
+  line-height: 30px;
+  font-weight: 500;
+}
+h3,
+.h3 {
+  font-size: 18px;
+  line-height: 25px;
+  font-weight: 500;
+}
+h4,
+.h4 {
+  font-size: 16px;
+  line-height: 20px;
+  font-weight: 500;
+}
+h5,
+.h5 {
+  font-size: 16px;
+  line-height: 20px;
+  font-weight: 500;
+}
+h6,
+.h6 {
+  font-size: 14px;
+  line-height: 20px;
+  font-weight: 500;
+}
+ul {
+  margin: 0 0 15px 15px;
+}
+ol {
+  margin: 0 0 15px 20px;
+}
+li {
+  margin-bottom: 5px;
+}
+li ul,
+li ol {
+  margin-bottom: 0;
+}
+dl {
+  margin-bottom: 10px;
+}
+dl dt {
+  font-weight: bold;
+}
+dl dd {
+  margin: 0 0 5px 10px;
+}
+p {
+  line-height: 25px;
+  margin-top: 20px;
+  margin-bottom: 20px;
+}
+a {
+  color: #000000;
+  text-decoration: none;
+  border-bottom: 1px solid #404040;
+}
+a:hover {
+  color: #333366;
+  border-bottom: 1px solid #333366;
+}
+a.no-border {
+  border-bottom: 0;
+}
+blockquote {
+  margin-top: 20px 0;
+  padding: 0 0 0 20px;
+  border-left: 5px solid #333366;
+}
+blockquote p:first-child {
+  margin-top: 5px;
+}
+.descr {
+  display: block;
+  font-size: 12px;
+  line-height: 20px;
+  color: #7f7e7e;
+}
+.btn {
+  display: inline-block;
+  padding: 4px 10px 4px;
+  font-size: 13px;
+  line-height: 18px;
+  color: #333;
+  text-align: center;
+  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
+  vertical-align: middle;
+  cursor: pointer;
+  background-color: #e6e6e6;
+  background-repeat: repeat-x;
+  background-image: -khtml-gradient(linear, left top, left bottom, from(#ffffff), to(#e6e6e6));
+  background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);
+  background-image: -ms-linear-gradient(top, #ffffff, #e6e6e6);
+  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #e6e6e6));
+  background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
+  background-image: -o-linear-gradient(top, #ffffff, #e6e6e6);
+  background-image: linear-gradient(top, #ffffff, #e6e6e6);
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e6e6e6', GradientType=0);
+  border: 1px solid #ccc;
+  border-bottom-color: #b3b3b3;
+  -webkit-border-radius: 4px;
+  -moz-border-radius: 4px;
+  border-radius: 4px;
+  -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
+  -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
+  box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
+}
+.btn:hover {
+  color: #333;
+  text-decoration: none;
+  background-color: #e6e6e6;
+  background-position: 0 -15px;
+  border-bottom-color: #b3b3b3;
+  -webkit-transition: background-position 0.1s linear;
+  -moz-transition: background-position 0.1s linear;
+  -o-transition: background-position 0.1s linear;
+  transition: background-position 0.1s linear;
+}
+.modal-backdrop {
+  position: fixed;
+  z-index: 1000;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  left: 0;
+  background: #000;
+}
+.modal-backdrop.fade,
+.modal-backdrop.fade-large {
+  -webkit-transition: opacity .2s linear;
+  -moz-transition: opacity .2s linear;
+  -o-transition: opacity .2s linear;
+  transition: opacity .2s linear;
+  filter: alpha(opacity=0);
+  -khtml-opacity: 0;
+  -moz-opacity: 0;
+  opacity: 0;
+}
+.modal-backdrop,
+.modal-backdrop.fade.in {
+  filter: alpha(opacity=50);
+  -khtml-opacity: 0.5;
+  -moz-opacity: 0.5;
+  opacity: 0.5;
+}
+.modal {
+  position: fixed;
+  top: 0;
+  left: 240px;
+  z-index: 1050;
+  overflow: auto;
+  width: 400px;
+  height: 100%;
+  background-color: #fff;
+  border-right: 1px solid #404040;
+  -webkit-box-shadow: 0 0 7px rgba(0, 0, 0, 0.5);
+  -moz-box-shadow: 0 0 7px rgba(0, 0, 0, 0.5);
+  box-shadow: 0 0 7px rgba(0, 0, 0, 0.5);
+}
+.modal.fade-large {
+  width: 700px;
+  -webkit-transition: left .4s ease-out;
+  -moz-transition: left .4s ease-out;
+  -o-transition: left .4s ease-out;
+  transition: left .4s ease-out;
+  left: -1100px;
+}
+.modal.fade {
+  -webkit-transition: left .4s ease-out;
+  -moz-transition: left .4s ease-out;
+  -o-transition: left .4s ease-out;
+  transition: left .4s ease-out;
+  left: -700px;
+}
+.modal.fade.in,
+.modal.fade-large.in {
+  left: 240px;
+}
+.close {
+  float: right;
+  font-size: 26px;
+  line-height: 30px;
+  font-weight: bold;
+  color: #000;
+  background-color: #fff;
+  text-shadow: 0 1px 0 #ffffff;
+  filter: alpha(opacity=20);
+  -khtml-opacity: 0.2;
+  -moz-opacity: 0.2;
+  opacity: 0.2;
+}
+.close:hover {
+  color: #000;
+  text-decoration: none;
+  cursor: pointer;
+  filter: alpha(opacity=40);
+  -khtml-opacity: 0.4;
+  -moz-opacity: 0.4;
+  opacity: 0.4;
+}
+.profile {
+  background: #e9e9e9 url('/static/imgs/b.png');
+}
+.profile-info {
+  position: relative;
+  padding: 15px;
+  background: #fff;
+}
+.profile-info .close {
+  line-height: 20px;
+}
+.profile-info .btn {
+  position: absolute;
+  right: 17px;
+  bottom: 20px;
+}
+.profile-avatar {
+  display: inline-block;
+  float: left;
+  border-bottom: 0;
+}
+.profile-avatar img {
+  height: 52px;
+  width: 52px;
+  border: 2px solid #333366;
+}
+.profile-avatar:hover {
+  border-bottom: 0;
+}
+.profile-name {
+  display: block;
+  float: left;
+  margin: 0 0 10px 10px;
+}
+.profile-name h2 {
+  font-size: 22px;
+  line-height: 30px;
+}
+.profile-name h2 a {
+  font-weight: 500;
+  color: #404040;
+  border-bottom: 0;
+}
+.profile-name h3 {
+  font-size: 16px;
+  line-height: 20px;
+}
+.profile-name h3 a {
+  color: #777;
+  border-bottom: 0;
+}
+.profile-name h2 a:hover,
+.profile-name h3 a:hover {
+  color: #333366;
+}
+.profile-description {
+  clear: left;
+  font-size: 13px;
+  line-height: 18px;
+  font-style: italic;
+  color: #777;
+  margin: 0;
+  padding: 5px 0;
+}
+.profile-description a {
+  border-bottom: 0;
+}
+.profile-location-url {
+  clear: left;
+  margin: 0;
+}
+.profile-location-url span {
+  display: inline-block;
+  font-size: 13px;
+  line-height: 18px;
+  color: #777;
+}
+.profile-location-url .divider {
+  padding: 0 4px;
+  color: #ccc;
+}
+.profile-location-url a {
+  border-bottom: 0;
+}
+.profile-stats {
+  margin: 0;
+  list-style: none;
+  overflow: hidden;
+  border-top: 1px solid #C2C2C2;
+  border-bottom: 1px solid #C2C2C2;
+  background: #fff;
+}
+.profile-stats li {
+  display: inline;
+}
+.profile-stats li a,
+.profile-stats li span {
+  float: left;
+  padding: 7px 15px;
+  color: #777;
+  font-size: 10px;
+  line-height: 16px;
+  text-transform: uppercase;
+  border-left: 1px solid #C2C2C2;
+  border-bottom: 0;
+}
+.profile-stats li strong {
+  display: block;
+  color: #404040;
+  font-size: 14px;
+}
+.profile-stats li a:hover,
+.profile-stats li a:hover strong {
+  color: #333366;
+}
+.profile-stats li:first-child span {
+  border-left: 0;
+}
+.profile-info-footer {
+  padding: 10px 15px;
+  border-bottom: 1px solid #c2c2c2;
+}
+.profile-watchers {
+  display: inline-block;
+  background: url('/static/imgs/ico-watchers.png') no-repeat;
+  margin-left: 10px;
+  padding-left: 20px;
+}
+.profile-forks {
+  display: inline-block;
+  background: url('/static/imgs/ico-forks.png') no-repeat;
+  margin-left: 10px;
+  padding-left: 20px;
+}
+.profile-comments {
+  display: inline-block;
+  background: url('/static/imgs/ico-comments.png') no-repeat;
+  margin-left: 10px;
+  padding-left: 20px;
+}
+.profile-likes {
+  display: inline-block;
+  background: url('/static/imgs/ico-likes.png') no-repeat;
+  margin-left: 10px;
+  padding-left: 20px;
+}
+.profile.twitter {
+  overflow: hidden;
+}
+.profile-tweets {
+  list-style: none;
+  margin: 0;
+  background: #fff;
+}
+.profile-tweets li {
+  padding: 10px 15px;
+  border-bottom: 1px solid #c2c2c2;
+}
+.tweet-title {
+  border-bottom: 0;
+  position: relative;
+  padding-left: 45px;
+}
+.tweet-title img {
+  position: absolute;
+  left: 0;
+  width: 32px;
+  height: 32px;
+  border: 2px solid #333366;
+}
+.tweet-title span {
+  color: #777;
+  font-size: 13px;
+  padding-left: 3px;
+}
+.tweet-title:hover {
+  border-bottom: 0;
+}
+.tweet-text {
+  color: #777;
+  margin: 0;
+  padding: 3px 0;
+  font-size: 13px;
+  line-height: 18px;
+  margin-left: 45px;
+}
+.tweet-text a {
+  border-bottom: 0;
+}
+.tweet-date {
+  margin: 0;
+  font-size: 13px;
+  line-height: 18px;
+  margin-left: 45px;
+  color: #999;
+}
+.profile-repos {
+  list-style: none;
+  margin: 0;
+  background: #fff;
+}
+.profile-repos li {
+  padding: 10px 15px;
+  border-bottom: 1px solid #c2c2c2;
+}
+.profile-repo-name {
+  border-bottom: 0;
+  font-weight: 500;
+}
+.profile-repo-name:hover {
+  border-bottom: 0;
+}
+.profile-repo-text {
+  color: #777;
+  margin: 0;
+  padding: 5px 0;
+  font-size: 13px;
+  line-height: 18px;
+}
+.profile-repo-stats {
+  list-style: none;
+  margin: 0;
+  font-size: 13px;
+  line-height: 18px;
+}
+.profile-repo-stats li {
+  padding: 0;
+  border: 0;
+  display: inline-block;
+  zoom: 1;
+  *display: inline;
+}
+.profile-repo-stats a {
+  border-bottom: 0;
+}
+.profile-repo-stats a:hover {
+  border-bottom: 0;
+  color: #333366;
+}
+.profile-shots {
+  list-style: none;
+  margin: 0;
+  padding: 15px 0;
+}
+.profile-shots > li {
+  float: left;
+  width: 300px;
+  padding: 10px;
+  margin: 0 0px 20px 20px;
+  background: #fff;
+  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
+  -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
+  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
+}
+.profile-shot {
+  border-bottom: 0;
+  display: block;
+}
+.profile-shot img {
+  width: 300px;
+  height: 225px;
+}
+.profile-shot:hover {
+  border-bottom: 0;
+}
+.profile-shot-title {
+  display: block;
+  padding: 5px 0;
+  font-size: 13px;
+  line-height: 18px;
+  color: #4b4b4b;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+.profile-shot-stats {
+  list-style: none;
+  margin: 0;
+  font-size: 13px;
+  line-height: 18px;
+}
+.profile-shot-stats li {
+  margin-bottom: 0;
+  padding: 0;
+  border: 0;
+  display: inline-block;
+  zoom: 1;
+  *display: inline;
+}
+.profile-shot-stats li:first-child a,
+.profile-shot-stats li:first-child span {
+  margin-left: 0;
+}
+.profile-shot-stats a {
+  border-bottom: 0;
+}
+.profile-shot-stats a:hover {
+  border-bottom: 0;
+  color: #333366;
+}
+.profile-shot-date {
+  float: right;
+  color: #999;
+}
+.instagram .profile-shot img {
+  width: 300px;
+  height: 300px;
+}
+code,
+pre {
+  padding: 0 3px 2px;
+  color: #333;
+  font-family: "Monaco", Courier New, monospace;
+  font-size: 12px;
+  font-weight: normal;
+  line-height: 20px;
+  -webkit-border-radius: 3px;
+  -moz-border-radius: 3px;
+  border-radius: 3px;
+}
+code {
+  padding: 2px 4px;
+  color: #333366;
+  background-color: #f7f7f9;
+  border: 1px solid #e1e1e8;
+}
+pre {
+  display: block;
+  padding: 8px;
+  margin: 0 0 9px;
+  word-break: break-all;
+  word-wrap: break-word;
+  white-space: pre;
+  white-space: pre-wrap;
+  background-color: #f5f5f5;
+  border: 1px solid #ccc;
+  border: 1px solid rgba(0, 0, 0, 0.15);
+  -webkit-border-radius: 4px;
+  -moz-border-radius: 4px;
+  border-radius: 4px;
+}
+pre.prettyprint {
+  margin-bottom: 20px;
+}
+pre code {
+  padding: 0;
+  color: inherit;
+  background-color: transparent;
+  border: 0;
+}
+.pre-scrollable {
+  max-height: 340px;
+  overflow-y: scroll;
+}
+blockquote code {
+  padding: 0;
+  color: inherit;
+  background-color: transparent;
+  border: 0;
+}
+.com {
+  color: #93a1a1;
+}
+.lit {
+  color: #195f91;
+}
+.pun,
+.opn,
+.clo {
+  color: #93a1a1;
+}
+.fun {
+  color: #dc322f;
+}
+.str,
+.atv {
+  color: #da3f47;
+}
+.kwd,
+.linenums .tag {
+  color: #1e347b;
+}
+.typ,
+.atn,
+.dec,
+.var {
+  color: teal;
+}
+.pln {
+  color: #48484c;
+}
+.prettyprint {
+  padding: 8px;
+  background-color: #f7f7f9;
+  border: 1px solid #e1e1e8;
+}
+.prettyprint.linenums {
+  -webkit-box-shadow: inset 40px 0 0 #fbfbfc, inset 41px 0 0 #ececf0;
+  -moz-box-shadow: inset 40px 0 0 #fbfbfc, inset 41px 0 0 #ececf0;
+  box-shadow: inset 40px 0 0 #fbfbfc, inset 41px 0 0 #ececf0;
+}
+ol.linenums {
+  margin: 0 0 0 33px;
+  /* IE indents via margin-left */
+
+}
+ol.linenums li {
+  padding-left: 12px;
+  color: #bebec5;
+  line-height: 18px;
+  text-shadow: 0 1px 0 #fff;
+}
+.main-header {
+  position: fixed;
+  z-index: 1100;
+  top: 0;
+  left: 0;
+  width: 240px;
+  height: 100%;
+  min-height: 700px;
+  float: left;
+  border-right: 1px solid #c2c2c2;
+  background: #e9e9e9 url('/static/imgs/b.png');
+}
+.main-header hgroup .picture a {
+  display: inline-block;
+  height: 84px;
+  width: 84px;
+  margin: 60px 35px 20px 35px;
+  border: 3px solid #333366;
+  background: #000000 0 url('https://twimg0-a.akamaihd.net/profile_images/1149409097/20101018060848_samrat94_6HR8FZ5V2JQDPU34ENIKCWBL0STAMO91XG7Y.jpg');
+  -webkit-box-shadow: 0 1px 1px #f9f9f9, inset 0 0 6px #000000;
+  -moz-box-shadow: 0 1px 1px #f9f9f9, inset 0 0 6px #000000;
+  box-shadow: 0 1px 1px #f9f9f9, inset 0 0 6px #000000;
+}
+.main-header hgroup h1 {
+  font-size: 24px;
+  margin: 0 35px;
+  text-shadow: 0 1px 1px #f9f9f9;
+}
+.main-header hgroup h2 {
+  margin: 10px 35px;
+  font-size: 14px;
+  font-weight: normal;
+  line-height: 25px;
+  color: #4b4b4b;
+}
+.main-header nav {
+  margin: 65px 0;
+}
+.main-header nav ul {
+  border-top: 1px solid #d2d2d2;
+  list-style: none;
+  margin-left: 0;
+}
+.main-header nav li {
+  margin-bottom: 0;
+}
+.main-header nav a,
+.main-header nav a:hover {
+  border-bottom: 1px solid #d2d2d2;
+}
+.main-header nav a {
+  position: relative;
+  padding: 15px 30px;
+  color: #404040;
+  display: block;
+  font-weight: 500;
+  text-shadow: 0 1px 1px #f9f9f9;
+}
+.main-header nav a:hover {
+  color: #fff;
+  background: #333366;
+  border-right: 0;
+  text-shadow: none;
+}
+.main-header nav .sel {
+  border-right: 6px solid #333366;
+}
+.main-header .spinner {
+  position: absolute !important;
+  right: 30px;
+  top: 23px;
+}
+.main-header .fork-me {
+  position: absolute;
+  left: 30px;
+  bottom: 20px;
+  font-size: 13px;
+  color: #4b4b4b;
+  border-bottom: none;
+}
+.main-header .fork-me:hover {
+  color: #333366;
+}
+.main-section {
+  position: relative;
+  overflow: hidden;
+  margin-left: 241px;
+  padding: 35px;
+}
+.main-section h3.date {
+  width: 100%;
+  display: block;
+  margin-left: -34px;
+  padding: 20px 35px 30px 75px;
+  border-bottom: 1px solid #C2C2C2;
+  border-top: 1px solid #C2C2C2;
+  font-size: 16px;
+  font-weight: bold;
+  background-color: #ffffff;
+  background-color: rgba(255, 255, 255, 0.8);
+  color: #333366;
+}
+a.button_accent {
+  margin: 40px 50px;
+  padding: 10px 20px;
+  display: inline-block;
+  border: 3px solid #333366;
+  border-radius: 70px;
+  -moz-border-radius: 70px;
+  -webkit-border-radius: 70px;
+  text-transform: uppercase;
+  color: #333366;
+  font-size: 17px;
+  font-weight: 400;
+}
+a.button_accent:link {
+  color: #0e94ec;
+}
+a.button_accent:hover {
+  color: #ffffff;
+  background-color: #333366;
+  outline: 0;
+}
+a.button_accent:active {
+  color: #ffffff;
+  background-color: #333399;
+  outline: 0;
+}
+.blog-section {
+  padding: 0;
+}
+.blog-section hgroup h2,
+.blog-section hgroup h1 {
+  font-size: 30px;
+  line-height: 35px;
+  font-weight: 500;
+  line-height: 40px;
+  margin: 50px 0 25px 0;
+}
+.blog-section hgroup h2 a {
+  border-bottom: 0;
+  font-weight: 500;
+}
+.blog-section hgroup h3 a {
+  display: none;
+}
+.blog-section hgroup h3 a.active {
+  position: fixed;
+  top: 0;
+  bottom: auto;
+  margin-top: 0;
+}
+.blog-section article {
+  width: 700px;
+  overflow: hidden;
+  line-height: 25px;
+  padding: 5px 35px 50px 34px;
+}
+.blog-section article img {
+  padding: 2px;
+  border: 1px solid #C2C2C2;
+  margin: 0px 15px 5px 0px;
+}
+.blog-section article a.img-link {
+  border-bottom: 0;
+}
+.blog-section article a.img-link:hover img {
+  border-color: #333366;
+}
+.blog-section footer {
+  padding-top: 10px;
+}
+.blog-section footer h4 {
+  float: left;
+  text-transform: uppercase;
+  font-size: 13px;
+  line-height: 28px;
+  padding: 0px 15px 0px 0;
+}
+.tags {
+  list-style: none;
+  margin: 0;
+}
+.tags li {
+  display: inline-block;
+  zoom: 1;
+  *display: inline;
+}
+.tags a {
+  padding: 3px 10px;
+  font-size: 13px;
+  text-shadow: 0 1px 1px #F9F9F9;
+  background: #E9E9E9;
+  border: 1px solid #C2C2C2;
+}
+.tags a:hover {
+  background: #333366;
+  color: #fff;
+  text-shadow: none;
+  border: 1px solid #333366;
+}
+.mobile-nav {
+  display: none;
+}
+.load-more-button {
+  display: inline-block;
+  margin: 0 20px 50px 20px;
+  padding: 10px 30px;
+  background-color: #333366;
+  color: #fff;
+}
+.load-more-button:hover {
+  border: 1px solid #333366;
+  background: #fff;
+  color: #333366;
+}
+.load-more-button .spinner {
+  left: 140px;
+  top: -8px;
+}
+@media (max-width: 767px) {
+  header.main-header hgroup .picture a,
+  header.main-header nav {
+    margin-top: 30px;
+  }
+  .blog-section article {
+    width: 400px;
+  }
+  .blog-section article img {
+    max-width: 400px;
+  }
+}
+@media (max-width: 600px) {
+  body {
+    background: #e9e9e9 url('/static/imgs/b.png');
+    overflow-x: hidden;
+  }
+  .mobile-nav {
+    display: block;
+    position: fixed;
+    top: 0;
+    height: 45px;
+    width: 100%;
+    z-index: 3000;
+    background: #e9e9e9 url('/static/imgs/b.png');
+    border-top: 3px solid #333366;
+    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
+    -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
+    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
+  }
+  .mobile-nav h3 {
+    float: right;
+    padding: 10px;
+  }
+  .mobile-nav h3 a {
+    border-bottom: 0;
+    font-weight: bold;
+    color: #404040;
+    text-shadow: 0 1px 1px #f9f9f9;
+  }
+  .mobile-nav .nav-btn {
+    float: left;
+    padding: 7px 10px 4px;
+    margin: 8px 10px;
+    background-color: #333333;
+    background-repeat: repeat-x;
+    background-image: -khtml-gradient(linear, left top, left bottom, from(#404040), to(#333333));
+    background-image: -moz-linear-gradient(top, #404040, #333333);
+    background-image: -ms-linear-gradient(top, #404040, #333333);
+    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #404040), color-stop(100%, #333333));
+    background-image: -webkit-linear-gradient(top, #404040, #333333);
+    background-image: -o-linear-gradient(top, #404040, #333333);
+    background-image: linear-gradient(top, #404040, #333333);
+    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#404040', endColorstr='#333333', GradientType=0);
+    -webkit-border-radius: 4px;
+    -moz-border-radius: 4px;
+    border-radius: 4px;
+    -webkit-box-shadow: 0 1px 1px #f9f9f9;
+    -moz-box-shadow: 0 1px 1px #f9f9f9;
+    box-shadow: 0 1px 1px #f9f9f9;
+  }
+  .mobile-nav .nav-btn-bar {
+    display: block;
+    width: 18px;
+    height: 2px;
+    margin-bottom: 3px;
+    background-color: #f9f9f9;
+    -webkit-border-radius: 1px;
+    -moz-border-radius: 1px;
+    border-radius: 1px;
+    -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
+    -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
+    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
+  }
+  header.main-header {
+    position: absolute;
+  }
+  header.main-header hgroup .picture a {
+    margin: 60px 0 10px 10px;
+  }
+  header.main-header hgroup h1 {
+    font-size: 18px;
+    margin: 0 10px;
+  }
+  header.main-header hgroup h2 {
+    margin: 0 10px 10px 10px;
+  }
+  header.main-header nav {
+    margin: 20px 0;
+  }
+  header.main-header .fork-me {
+    display: none;
+  }
+  .main-section {
+    margin: 45px 0 0 0;
+    position: relative;
+    min-height: 500px;
+    left: 0;
+    z-index: 2000;
+    background-color: #fff;
+    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
+    -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
+    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
+    -webkit-transition: left .3s ease-out;
+    -moz-transition: left .3s ease-out;
+    -o-transition: left .3s ease-out;
+    transition: left .3s ease-out;
+  }
+  .main-section.nav-opened {
+    left: 240px;
+  }
+  .blog-section hgroup h2,
+  .blog-section hgroup h1 {
+    font-size: 24px;
+    line-height: 30px;
+    font-weight: 500;
+    margin: 10px 0 5px 0;
+  }
+  .blog-section hgroup h3 a {
+    position: static;
+    margin: 0;
+    padding: 5px 0;
+    border: 0;
+    font-weight: 300;
+  }
+  .blog-section article {
+    width: 95%;
+    padding: 10px 10px 30px;
+    border-bottom: 1px solid #C2C2C2;
+  }
+  .blog-section article img {
+    max-width: 300px;
+  }
+  .blog-section .loading {
+    padding: 15px;
+  }
+  .modal-backdrop {
+    z-index: 3500;
+  }
+  .modal {
+    position: absolute;
+    width: 100%;
+    height: 1500px;
+    z-index: 4000;
+    top: 45px;
+  }
+  .modal.fade-large {
+    width: 100%;
+  }
+  .modal.fade.in,
+  .modal.fade-large.in {
+    left: 0;
+  }
+  .profile.twitter,
+  .profile.github,
+  .profile.dribbble,
+  .profile.instagram {
+    overflow: scroll;
+  }
+  .profile-info .btn {
+    position: static;
+    margin-top: 5px;
+  }
+  .shots-likes-received,
+  .shots-likes-given {
+    display: none;
+  }
+  .profile-shots {
+    padding: 10px 0;
+  }
+  .profile-shots > li {
+    margin: 0 0 20px 10px;
+    width: 280px;
+  }
+  .profile-shots img {
+    width: 280px;
+    height: 210px;
+  }
+  .instagram .profile-shot img {
+    width: 280px;
+    height: 280px;
+  }
+}
diff --git a/syte/static/less/styles.less b/syte/static/less/styles.less
new file mode 100644
index 0000000..6a999c1
--- /dev/null
+++ b/syte/static/less/styles.less
@@ -0,0 +1,253 @@
+@import 'reset.less';
+@import 'mixins.less';
+
+@import 'variables.less';
+
+@import 'base.less';
+@import 'buttons.less';
+@import 'modals.less';
+@import 'profiles.less';
+@import 'code.less';
+
+
+// Specific styles
+.main-header {
+  position: fixed;
+  z-index: 1100;
+  top: 0;
+  left: 0;
+  width: 240px;
+  height: 100%;
+  min-height: 700px;
+  float: left;
+  border-right: 1px solid #c2c2c2;
+  background: #E9E9E9 url('/static/imgs/b.png');
+
+
+  hgroup {
+    .picture a {
+      display: inline-block;
+      .square(84px);
+      margin: 60px 35px 20px 35px;
+      border: 3px solid @adjacent-color;
+      background: #00000 url('https://twimg0-a.akamaihd.net/profile_images/1149409097/20101018060848_samrat94_6HR8FZ5V2JQDPU34ENIKCWBL0STAMO91XG7Y.jpg');
+
+      @pic-shadow:0 1px 1px #f9f9f9, inset 0 0 6px #000000;
+      .box-shadow(@pic-shadow);
+    }
+
+    h1 {
+      font-size: 24px;
+      margin: 0 35px;
+      text-shadow: 0 1px 1px #f9f9f9;
+    }
+    h2 {
+      margin: 10px 35px;
+      font-size: 14px;
+      font-weight: normal;
+      line-height: 25px;
+      color: @alternate-text-color;
+    }
+  }
+
+  nav {
+    margin: 65px 0;
+
+    ul { border-top: 1px solid #d2d2d2; list-style: none; margin-left: 0; }
+    li { margin-bottom: 0; }
+    a, a:hover { border-bottom: 1px solid #d2d2d2; }
+    a {
+      position: relative;
+      padding: 15px 30px;
+      color: @text-color;
+      display: block;
+      font-weight: 500;
+      text-shadow: 0 1px 1px #f9f9f9;
+    }
+    a:hover {
+      color: #fff;
+      background: @adjacent-color;
+      border-right: 0;
+      text-shadow: none;
+    }
+    .sel { border-right: 6px solid @adjacent-color;  }
+  }
+
+  .spinner {
+    position: absolute !important;
+    right: 30px;
+    top: 23px;
+  }
+
+  .fork-me {
+    position: absolute;
+    left: 30px;
+    bottom: 20px;
+    font-size: 13px;
+    color: @alternate-text-color;
+    border-bottom: none;
+  }
+  .fork-me:hover {
+    color: @adjacent-color;
+  }
+}
+
+.main-section {
+    position: relative;
+    overflow: hidden;
+    margin-left: 241px;
+    padding: 35px;
+}
+
+.main-section h3.date {
+	width: 100%;
+	display: block;
+	margin-left: -34px;
+	padding: 20px 35px 30px 75px;
+	border-bottom: 1px solid #C2C2C2;
+	border-top: 1px solid #C2C2C2;
+	font-size: 16px;
+	font-weight: bold;
+	.alpha-background(#ffffff, 0.8);
+	color: @adjacent-color;
+}
+
+a.button_accent {
+	margin:40px 50px;
+	padding:10px 20px;
+	display:inline-block;
+	border:3px solid @adjacent-color;
+	border-radius:70px;
+	-moz-border-radius:70px;
+	-webkit-border-radius:70px;
+	text-transform:uppercase;
+	color:@adjacent-color;
+	font-size:17px;
+	font-weight:400;}
+
+a.button_accent:link{color:#0e94ec;}
+a.button_accent:hover{color:#ffffff;
+	background-color:@adjacent-color;
+	outline:0;}
+a.button_accent:active{
+	color:#ffffff;
+	background-color:#333399;
+	outline:0;}
+
+.blog-section {
+    padding: 0;
+
+    hgroup {
+      h2, h1 { .h1; line-height: 40px; margin: 50px 0 25px 0;}
+      h2 a {
+        border-bottom: 0;
+        font-weight: 500;
+      }
+      h3 a {
+        display: none;
+      }
+
+      h3 a.active {
+        position: fixed;
+        top: 0;
+        bottom: auto;
+        margin-top: 0;
+      }
+    }
+
+    article {
+      width: 700px;
+      overflow: hidden;
+      line-height: 25px;
+      padding: 5px 35px 50px 34px;
+
+      img {
+        padding: 2px;
+        border: 1px solid #C2C2C2;
+        margin: 0px 15px 5px 0px;
+      }
+
+      a.img-link {
+        border-bottom: 0;
+
+        &:hover img { border-color: @adjacent-color; }
+      }
+    }
+
+    footer {
+      padding-top: 10px;
+
+      h4 {
+        float: left;
+        text-transform: uppercase;
+        font-size: 13px;
+        line-height: 28px;
+        padding: 0px 15px 0px 0;
+      }
+    }
+}
+
+.tags {
+  list-style: none;
+  margin: 0;
+
+  li {
+    display: inline-block;
+
+    //ie7 inline-block hack
+    zoom: 1;
+    *display: inline;
+  }
+
+  a {
+    padding: 3px 10px;
+    font-size: 13px;
+    text-shadow: 0 1px 1px #F9F9F9;
+    background: #E9E9E9;
+    border: 1px solid #C2C2C2;
+  }
+  a:hover {
+    background: @adjacent-color;
+    color: #fff;
+    text-shadow: none;
+    border: 1px solid @adjacent-color;
+  }
+}
+
+.mobile-nav {
+  display: none;
+}
+
+.load-more-button {
+  display: inline-block;
+  margin: 0 20px 50px 20px;
+  padding: 10px 30px;
+  background-color: @adjacent-color;
+  color: #fff;
+
+  &:hover {
+    border: 1px solid @adjacent-color;
+    background: #fff;
+    color: @adjacent-color;
+  }
+
+  .spinner {
+    left: 140px;
+    top: -8px;
+  }
+}
+
+@media (max-width: 767px) {
+
+  header.main-header {
+    hgroup .picture a, nav { margin-top: 30px; }
+  }
+
+  .blog-section article {
+      width: 400px;
+
+      img { max-width: 400px; }
+  }
+}
+
+@import 'styles-mobile.less';
diff --git a/syte/static/less/variables.css b/syte/static/less/variables.css
new file mode 100644
index 0000000..e69de29
--- /dev/null
+++ b/syte/static/less/variables.css
diff --git a/syte/static/less/variables.less b/syte/static/less/variables.less
new file mode 100644
index 0000000..1957a02
--- /dev/null
+++ b/syte/static/less/variables.less
@@ -0,0 +1,6 @@
+//variables
+@adjacent-color: #333366;
+
+@text-color: #404040;
+@alternate-text-color: #4b4b4b;
+@link-color: #000000;