updated to new template

css/cdup_tutorial.css

@@ -0,0 +1,160 @@
+/*Navbar Custom*/
+.navbar-default {
+  background-color: #ecf0f1;
+}
+.disclaimer {
+  font-size: 10px;
+}
+.navbar-color {
+  color: #7f8c8d;
+}
+.navbar-border {
+  border-bottom: 1px solid white;
+}
+html,body {
+  width: 100%;
+  height: 100%;
+}
+
+.headtext {
+    -ms-transform: rotate(-0deg); /* IE 9 */
+    -webkit-transform: rotate(-0deg); /* Chrome, Safari, Opera */
+    transform: rotate(-0deg);
+}
+
+/*Parallax Banner*/
+.scroll {
+  /*Set a css background */
+  background:url(../img/header_alt.jpg);
+
+  /*Dont mind the rest*/
+  position: relative;
+  width: 100%;
+  height: 100%;
+  min-height: auto;
+  background-position: center !important;
+  -webkit-background-size: cover;
+  -moz-background-size: cover;
+  -o-background-size: cover;
+  background-size: cover;
+  background-repeat: no-repeat;
+  text-align:center;
+  color:#fff;
+  font-family:'Open Sans' sans-serif;
+}
+/*Overlay over the banner*/
+.scroll-overlay{
+  background-color: rgba(236, 240, 241,.7);
+  position: absolute;
+  top: 0;
+  left: 0;
+  height: 100%;
+  width: 100%;
+}
+h2.sectionhead{
+    font-family:HelveticaNeue;
+    font-size: 200%; 
+    text-transform: uppercase;
+}
+h2.subsection{
+    font-family:HelveticaNeue-Light;
+    font-size: 160%; 
+    text-transform: uppercase;
+}
+.footlogo {
+    display: inline-block;
+    margin-left: auto;
+    margin-right: auto;
+}
+
+#images{
+    text-align:center;
+}
+/*Title*/
+.title {
+  color: #2c3e50;
+  position: absolute;
+  left: 10%; 
+  right: 10%; 
+  top: 40%;
+  text-align: left;
+  padding: 15px 30px 15px 30px !important;
+  border-radius: 10px 10px 10px 10px !important;
+}
+.title-line {
+  background-color: black;
+  font-family: 'Coda', serif;
+  color: #ecf0f1;
+}
+/*Content*/
+.content {
+  margin-top: 2.5%;
+  margin-left: 7.5%;
+  margin-right: 7.5%;
+  color:  #7f8c8d;
+}
+/*Padding*/
+#content > section > h3 {
+  margin-top: 20px;
+  margin-bottom: 20px;
+}
+#content > section > p {
+  margin-top: 20px;
+  margin-bottom: 20px;
+}
+#content > section > pre {
+  margin-top: 20px;
+  margin-bottom: 20px;
+}
+.viz-img {
+  width: 100%;
+  height: auto;
+}
+/*Sidebar*/
+.featured-nav.affix {
+  top: 0px;
+}
+.featured-nav.affix-bottom {
+  position: relative;
+}
+.featured-nav > li {
+  margin-bottom: 0px;
+  width: 250px;
+  font-size: 12px;
+  margin-top: 0px;
+}
+/*Sidebar Item Colors*/
+.featured-nav > li > a {
+  color: #7f8c8d;
+}
+.featured-nav > li.active > a {
+  font-weight: bold;
+  border-left: 2px solid #7f8c8d;
+}
+@media (min-width: 979px) {
+  .featured-nav.affix-top {
+    position: static;
+    margin-top: 30px;
+    width: 228px;
+  }
+  .featured-nav.affix {
+    position: fixed;
+    top: 70px;
+    width: 228px;
+  }
+}
+/*Font Awesome*/
+.fa-style {
+  padding-left: 15px;
+  padding-bottom: 10px;
+}
+.fa-style > li {
+  display: inline;
+  white-space: nowrap;
+  list-style-type: none;
+  margin-left: 5px;
+  margin-right: 5px;
+}
+.fa-style > li > a {
+  color: #7f8c8d;
+}

css/styles/agate.css

@@ -0,0 +1,108 @@
+/*!
+ * Agate by Taufik Nurrohman <https://github.com/tovic>
+ * ----------------------------------------------------
+ *
+ * #ade5fc
+ * #a2fca2
+ * #c6b4f0
+ * #d36363
+ * #fcc28c
+ * #fc9b9b
+ * #ffa
+ * #fff
+ * #333
+ * #62c8f3
+ * #888
+ *
+ */
+
+.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 0.5em;
+  background: #333;
+  color: white;
+}
+
+.hljs-name,
+.hljs-strong {
+  font-weight: bold;
+}
+
+.hljs-code,
+.hljs-emphasis {
+  font-style: italic;
+}
+
+.hljs-tag {
+  color: #62c8f3;
+}
+
+.hljs-variable,
+.hljs-template-variable,
+.hljs-selector-id,
+.hljs-selector-class {
+  color: #ade5fc;
+}
+
+.hljs-string,
+.hljs-bullet {
+  color: #a2fca2;
+}
+
+.hljs-type,
+.hljs-title,
+.hljs-section,
+.hljs-attribute,
+.hljs-quote,
+.hljs-built_in,
+.hljs-builtin-name {
+  color: #ffa;
+}
+
+.hljs-number,
+.hljs-symbol,
+.hljs-bullet {
+  color: #d36363;
+}
+
+.hljs-keyword,
+.hljs-selector-tag,
+.hljs-literal {
+  color: #fcc28c;
+}
+
+.hljs-comment,
+.hljs-deletion,
+.hljs-code {
+  color: #888;
+}
+
+.hljs-regexp,
+.hljs-link {
+  color: #c6b4f0;
+}
+
+.hljs-meta {
+  color: #fc9b9b;
+}
+
+.hljs-deletion {
+  background-color: #fc9b9b;
+  color: #333;
+}
+
+.hljs-addition {
+  background-color: #a2fca2;
+  color: #333;
+}
+
+.hljs a {
+  color: inherit;
+}
+
+.hljs a:focus,
+.hljs a:hover {
+  color: inherit;
+  text-decoration: underline;
+}

css/styles/androidstudio.css

@@ -0,0 +1,66 @@
+/*
+Date: 24 Fev 2015
+Author: Pedro Oliveira <kanytu@gmail . com>
+*/
+
+.hljs {
+  color: #a9b7c6;
+  background: #282b2e;
+  display: block;
+  overflow-x: auto;
+  padding: 0.5em;
+}
+
+.hljs-number,
+.hljs-literal,
+.hljs-symbol,
+.hljs-bullet {
+  color: #6897BB;
+}
+
+.hljs-keyword,
+.hljs-selector-tag,
+.hljs-deletion {
+  color: #cc7832;
+}
+
+.hljs-variable,
+.hljs-template-variable,
+.hljs-link {
+  color: #629755;
+}
+
+.hljs-comment,
+.hljs-quote {
+  color: #808080;
+}
+
+.hljs-meta {
+  color: #bbb529;
+}
+
+.hljs-string,
+.hljs-attribute,
+.hljs-addition {
+  color: #6A8759;
+}
+
+.hljs-section,
+.hljs-title,
+.hljs-type {
+  color: #ffc66d;
+}
+
+.hljs-name,
+.hljs-selector-id,
+.hljs-selector-class {
+  color: #e8bf6a;
+}
+
+.hljs-emphasis {
+  font-style: italic;
+}
+
+.hljs-strong {
+  font-weight: bold;
+}