wip

html/css/colors.css

@@ -0,0 +1,302 @@
+/***
+
+   colors.css v2.0.0
+   http://clrs.cc
+   @mrmrs
+   MIT License
+
+***/
+/*
+
+   SKINS
+   - Backgrounds
+   - Colors
+   - Border colors
+   - SVG fills
+   - SVG Strokes
+
+*/
+/* Backgrounds */
+.bg-navy {
+  background-color: #001F3F; }
+
+.bg-blue {
+  background-color: #0074D9; }
+
+.bg-aqua {
+  background-color: #7FDBFF; }
+
+.bg-teal {
+  background-color: #39CCCC; }
+
+.bg-olive {
+  background-color: #3D9970; }
+
+.bg-green {
+  background-color: #2ECC40; }
+
+.bg-lime {
+  background-color: #01FF70; }
+
+.bg-yellow {
+  background-color: #FFDC00; }
+
+.bg-orange {
+  background-color: #FF851B; }
+
+.bg-red {
+  background-color: #FF4136; }
+
+.bg-fuchsia {
+  background-color: #F012BE; }
+
+.bg-purple {
+  background-color: #B10DC9; }
+
+.bg-maroon {
+  background-color: #85144B; }
+
+.bg-white {
+  background-color: #fff; }
+
+.bg-gray {
+  background-color: #aaa; }
+
+.bg-silver {
+  background-color: #ddd; }
+
+.bg-black {
+  background-color: #111; }
+
+/* Colors */
+.navy {
+  color: #001F3F; }
+
+.blue {
+  color: #0074D9; }
+
+.aqua {
+  color: #7FDBFF; }
+
+.teal {
+  color: #39CCCC; }
+
+.olive {
+  color: #3D9970; }
+
+.green {
+  color: #2ECC40; }
+
+.lime {
+  color: #01FF70; }
+
+.yellow {
+  color: #FFDC00; }
+
+.orange {
+  color: #FF851B; }
+
+.red {
+  color: #FF4136; }
+
+.fuchsia {
+  color: #F012BE; }
+
+.purple {
+  color: #B10DC9; }
+
+.maroon {
+  color: #85144B; }
+
+.white {
+  color: #fff; }
+
+.silver {
+  color: #ddd; }
+
+.gray {
+  color: #aaa; }
+
+.black {
+  color: #111; }
+
+/* Border colors 
+
+   Use with another border utility that sets border-width and style 
+   i.e .border { border-width: 1px; border-style: solid; }     
+*/
+.border--navy {
+  border-color: #001F3F; }
+
+.border--blue {
+  border-color: #0074D9; }
+
+.border--aqua {
+  border-color: #7FDBFF; }
+
+.border--teal {
+  border-color: #39CCCC; }
+
+.border--olive {
+  border-color: #3D9970; }
+
+.border--green {
+  border-color: #2ECC40; }
+
+.border--lime {
+  border-color: #01FF70; }
+
+.border--yellow {
+  border-color: #FFDC00; }
+
+.border--orange {
+  border-color: #FF851B; }
+
+.border--red {
+  border-color: #FF4136; }
+
+.border--fuchsia {
+  border-color: #F012BE; }
+
+.border--purple {
+  border-color: #B10DC9; }
+
+.border--maroon {
+  border-color: #85144B; }
+
+.border--white {
+  border-color: #fff; }
+
+.border--gray {
+  border-color: #aaa; }
+
+.border--silver {
+  border-color: #ddd; }
+
+.border--black {
+  border-color: #111; }
+
+/* Fills for SVG */
+.fill-navy {
+  fill: #001F3F; }
+
+.fill-blue {
+  fill: #0074D9; }
+
+.fill-aqua {
+  fill: #7FDBFF; }
+
+.fill-teal {
+  fill: #39CCCC; }
+
+.fill-olive {
+  fill: #3D9970; }
+
+.fill-green {
+  fill: #2ECC40; }
+
+.fill-lime {
+  fill: #01FF70; }
+
+.fill-yellow {
+  fill: #FFDC00; }
+
+.fill-orange {
+  fill: #FF851B; }
+
+.fill-red {
+  fill: #FF4136; }
+
+.fill-fuchsia {
+  fill: #F012BE; }
+
+.fill-purple {
+  fill: #B10DC9; }
+
+.fill-maroon {
+  fill: #85144B; }
+
+.fill-white {
+  fill: #fff; }
+
+.fill-gray {
+  fill: #aaa; }
+
+.fill-silver {
+  fill: #ddd; }
+
+.fill-black {
+  fill: #111; }
+
+/* Strokes for SVG */
+.stroke-navy {
+  stroke: #001F3F; }
+
+.stroke-blue {
+  stroke: #0074D9; }
+
+.stroke-aqua {
+  stroke: #7FDBFF; }
+
+.stroke-teal {
+  stroke: #39CCCC; }
+
+.stroke-olive {
+  stroke: #3D9970; }
+
+.stroke-green {
+  stroke: #2ECC40; }
+
+.stroke-lime {
+  stroke: #01FF70; }
+
+.stroke-yellow {
+  stroke: #FFDC00; }
+
+.stroke-orange {
+  stroke: #FF851B; }
+
+.stroke-red {
+  stroke: #FF4136; }
+
+.stroke-fuchsia {
+  stroke: #F012BE; }
+
+.stroke-purple {
+  stroke: #B10DC9; }
+
+.stroke-maroon {
+  stroke: #85144B; }
+
+.stroke-white {
+  stroke: #fff; }
+
+.stroke-gray {
+  stroke: #aaa; }
+
+.stroke-silver {
+  stroke: #ddd; }
+
+.stroke-black {
+  stroke: #111; }
+
+/* PRETTIER LINKS */
+a {
+  text-decoration: none;
+  -webkit-transition: color .3s ease-in-out;
+  transition: color .3s ease-in-out; }
+
+a:link {
+  -webkit-transition: color .3s ease-in-out;
+  transition: color .3s ease-in-out; }
+
+a:visited { }
+
+a:hover {
+  color: #001F3F;
+  -webkit-transition: color .3s ease-in-out;
+  transition: color .3s ease-in-out; }
+
+a:active {
+  -webkit-transition: color .3s ease-in-out;
+  transition: color .3s ease-in-out; }

html/css/style.css

@@ -0,0 +1,271 @@
+/* main stylesheet */
+
+@import url(http://fonts.googleapis.com/css?family=Signika);
+
+html {
+    overflow-y: scroll;
+}
+
+body {
+  font-size: 15px;
+  font-family: HelveticaNeue, 'Helvetica Neue', Helvetica, Arial, sans-serif;
+  color: #332;
+}
+
+h1, h2, h3, h4, h5 {
+  color: #332;
+  font-family: "Signika";
+  font-weight: 400;
+  font-size: 1.4em;
+  line-height: 1.1;
+  margin-top: 30px;
+}
+
+pre code {
+  font: 14px/19px Inconsolata, Monaco,"Lucida Console",Terminal,"Courier New",Courier;
+}
+
+.figure {
+  text-align: center;
+}
+
+.small .figure img {
+  height: 200px;
+}
+
+.pagetitle .figure {
+  text-align: left !important;
+}
+
+.pagetitle .figure img {
+  height: 36px;
+}
+
+table{
+    background:#fff;
+    border:1px solid #ccc;
+    border-width:2px;
+    border-collapse:collapse;
+    margin:5px 0 10px;
+
+    margin-top: 20px;
+    margin-bottom: 20px;
+}
+
+th, td{
+    border:1px solid #ccc;
+    padding:3px 10px;
+    text-align:left;
+    vertical-align:top;
+}
+
+tr.even td{
+    background:#f7f7f7;
+}
+
+th{
+    background:#edeff0;
+}
+
+td code {
+  border: 0px;
+}
+
+img {
+  max-width: 100%;
+  height: auto;
+}
+
+hr {
+  border: 0px;
+  height: 0;
+  border-bottom: 1px solid #ccc;
+  margin-bottom: 100px;
+}
+
+/* Logo */
+
+.logo {
+  text-align: center;
+}
+
+.tagline {
+  font-family: Georgia;
+  font-size: 18px;
+  font-style: italic;
+  line-height: 1.45;
+  color: #383838;
+}
+
+.author {
+}
+
+.halfbreak {
+  padding-bottom: 100px;
+}
+
+.break {
+  padding-bottom: 200px;
+}
+
+/* TOC Links */
+
+a { 
+  color: #111111;
+  text-decoration: none;
+}
+
+.body li a {
+  text-decoration: underline;
+}
+
+/* Math */
+
+.MathJax_Display {
+  padding-top: 20px;
+  padding-bottom: 20px;
+}
+
+/* Body Links */
+ 
+p a { 
+  text-decoration: underline;
+}
+
+li code, p code {
+  font-size: 12px;
+  border: 1px solid #ccc;
+  margin-left: 3px;
+  margin-right: 3px;
+  padding-left: 2px;
+  padding-right: 2px;
+}
+
+/*  */
+
+.center {
+    text-align: center;
+}
+
+.bigger img {
+    width: 120%;
+    height: 120%;
+}
+
+pre {
+  font-size: 0.9em;
+
+  margin-bottom: 18px;
+  margin-top: 18px;
+
+  border-left: 1px solid #ccc;
+
+}
+
+h1 {
+  margin-top: 0px;
+}
+
+.annotation {
+    font-size: 10pt;
+}
+
+.annotation pre {
+    display: block;
+    margin: 0;
+    padding: 7px 10px;
+    overflow-x: auto;
+}
+
+.annotation.span2 {
+    /* Override bootstrap */
+    margin-left: 0px !important;
+    margin-top: 18px !important;
+}
+
+.annotation pre code {
+    border: 0;
+    padding: 0;
+    background: transparent;
+}
+
+blockquote {
+  border-left: 1px solid #ccc;
+  font-family: Georgia, serif;
+  font-size: 14px;
+  font-style: italic;
+  margin: 0.25em 0;
+  padding-left:  10px;
+  line-height: 1.45;
+  color: #383838;
+  left: 20px;
+}
+
+
+blockquote cite {
+  color: #999999;
+  font-size: 14px;
+  display: block;
+  margin-top: 5px;
+}
+
+ul.sections {
+    list-style: none;
+    padding:0 0 5px 0;
+    margin:0;
+}
+
+code.sourceCode {
+    padding: 0;
+    background: inherit;
+}
+
+pre.sourceCode {
+    padding: 10px;
+}
+
+ul.sections > li > div {
+    -moz-box-sizing: border-box;    /* firefox */
+    -ms-box-sizing: border-box;     /* ie */
+    -webkit-box-sizing: border-box; /* webkit */
+    -khtml-box-sizing: border-box;  /* konqueror */
+    box-sizing: border-box;         /* css3 */
+}
+
+
+/* Make the naviation centered and larger on small screens */
+/*----------------------  (> 481px) ---------------------*/
+
+@media only screen and (max-width: 481px) {
+
+}
+
+@media only screen and (min-width: 1025px) {
+  body {
+      padding: 10px;
+  }
+
+  .side {
+      position: fixed;
+      width: 120px !important;
+      margin-left: 0px;
+      z-index: 1000;
+  }
+
+  .side ul ul {
+    display: none;
+  }
+
+  .side ul ul.active {
+    display: block;
+  }
+
+  .side .active {
+      font-weight: bold;
+  }
+
+  .body {
+      margin-left: 120px !important;
+  }
+
+}