diff --git a/static/src/img/IE-scare.png b/static/src/img/IE-scare.png
deleted file mode 100644
index f834d43..0000000
Binary files a/static/src/img/IE-scare.png and /dev/null differ
diff --git a/static/src/img/SR-logo-banner.png b/static/src/img/SR-logo-banner.png
deleted file mode 100644
index a4d9434..0000000
Binary files a/static/src/img/SR-logo-banner.png and /dev/null differ
diff --git a/static/src/img/header-bg.png b/static/src/img/header-bg.png
deleted file mode 100644
index c87c7a9..0000000
Binary files a/static/src/img/header-bg.png and /dev/null differ
diff --git a/static/src/img/logo-transparent.png b/static/src/img/logo-transparent.png
deleted file mode 100644
index 602aded..0000000
Binary files a/static/src/img/logo-transparent.png and /dev/null differ
diff --git a/static/src/img/ninjas.png b/static/src/img/ninjas.png
deleted file mode 100644
index 15525a8..0000000
Binary files a/static/src/img/ninjas.png and /dev/null differ
diff --git a/static/src/img/projects/BSOD_Enabler_Screenshot.png b/static/src/img/projects/BSOD_Enabler_Screenshot.png
deleted file mode 100644
index 24232db..0000000
Binary files a/static/src/img/projects/BSOD_Enabler_Screenshot.png and /dev/null differ
diff --git a/static/src/img/projects/collyers-logo.gif b/static/src/img/projects/collyers-logo.gif
deleted file mode 100644
index ca69f3b..0000000
Binary files a/static/src/img/projects/collyers-logo.gif and /dev/null differ
diff --git a/static/src/img/projects/kermit-typing.gif b/static/src/img/projects/kermit-typing.gif
deleted file mode 100644
index bb1b552..0000000
Binary files a/static/src/img/projects/kermit-typing.gif and /dev/null differ
diff --git a/static/src/js/app.js b/static/src/js/app.js
deleted file mode 100644
index 47090a0..0000000
--- a/static/src/js/app.js
+++ /dev/null
@@ -1,24 +0,0 @@
-import './events.js';
-import './globals.js';
-
-import 'whatwg-fetch';
-
-import React from 'react';
-
-import NavBar from './components/navbar/navbar';
-import Breadcrumbs from './components/breadcrumbs';
-import renderImagePanels from './components/image-panel';
-
-renderImagePanels();
-
-if ($('navbar').length > 0) {
- React.render(, $('navbar')[0]);
-}
-
-if ($('#breadcrumbs').length > 0) {
- React.render(, $('#breadcrumbs')[0]);
-}
-
-if ($('.header h1').text()) {
- $('.markdown-content h1').eq(0).hide();
-}
diff --git a/static/src/js/components/breadcrumbs.js b/static/src/js/components/breadcrumbs.js
deleted file mode 100644
index bdbaa51..0000000
--- a/static/src/js/components/breadcrumbs.js
+++ /dev/null
@@ -1,33 +0,0 @@
-import React from 'react';
-
-export default class Breadcrumbs extends React.Component {
- render() {
- const loc = location.pathname.endsWith('/') ? location.pathname.slice(0, -1) : location.pathname;
- const urlParts = Object.freeze(loc.split('/').slice(1));
- if (urlParts.length < 2) {
- return null;
- }
- var elements = [];
- for (var i = 0; i < urlParts.length; i++) {
- var dirs = [];
- for (var j = 0; j <= i; j++) {
- dirs.push(urlParts[j]);
- }
- if (i === (urlParts.length - 1)) {
- elements.push(
-
{urlParts[i]}
- );
- } else {
- var url = '/' + dirs.join('/') + '/';
- elements.push(
- {urlParts[i]}
- );
- }
- }
- return (
-
- { elements }
-
- );
- }
-}
diff --git a/static/src/js/components/image-panel.js b/static/src/js/components/image-panel.js
deleted file mode 100644
index 085df6c..0000000
--- a/static/src/js/components/image-panel.js
+++ /dev/null
@@ -1,24 +0,0 @@
-export default function renderImagePanels() {
- $('.image-panel').each(function () {
- const element = $(this);
- if (!element.data('image')) { // if it doesnt have an image, ignore it.
- return;
- }
-
- element.css('background-image', 'url("' + element.data('image') + '")');
-
- let height;
- switch (element.data('size')) {
- case 'small':
- height = '30';
- break;
- default:
- case 'medium':
- height = '60';
- break;
- case 'large':
- height = '100';
- }
- element.css('height', `${height}vh`);
- });
-}
diff --git a/static/src/js/components/navbar/dropdown.js b/static/src/js/components/navbar/dropdown.js
deleted file mode 100644
index 728a505..0000000
--- a/static/src/js/components/navbar/dropdown.js
+++ /dev/null
@@ -1,20 +0,0 @@
-import React from 'react';
-
-export default class Dropdown extends React.Component {
- render() {
- return (
-
-
- { this.props.title }
-
-
- { this.props.children }
-
-
- );
- }
-}
diff --git a/static/src/js/components/navbar/header.js b/static/src/js/components/navbar/header.js
deleted file mode 100644
index 5b2137c..0000000
--- a/static/src/js/components/navbar/header.js
+++ /dev/null
@@ -1,28 +0,0 @@
-import React from 'react';
-
-export default class Header extends React.Component {
- render() {
- const items = [0, 1, 2];
- var iconBars = items.map(function (item) {
- return (
-
- );
- });
- return (
-
- );
- }
-}
diff --git a/static/src/js/components/navbar/item.js b/static/src/js/components/navbar/item.js
deleted file mode 100644
index 03e2984..0000000
--- a/static/src/js/components/navbar/item.js
+++ /dev/null
@@ -1,23 +0,0 @@
-import React from 'react';
-
-
-export default class Item extends React.Component {
- render() {
- const href = this.props.href.endsWith('/') ? this.props.href : this.props.href + '/';
- let icon;
- if (this.props.icon) {
- if (this.props.icon.startsWith('ion')) {
- icon = (
-
- );
- } else if (this.props.icon.startsWith('glyphicon')) {
- icon = (
-
- );
- }
- }
- return (
- {icon}{this.props.children}
- );
- }
-}
diff --git a/static/src/js/components/navbar/navbar.js b/static/src/js/components/navbar/navbar.js
deleted file mode 100644
index ae0f79b..0000000
--- a/static/src/js/components/navbar/navbar.js
+++ /dev/null
@@ -1,74 +0,0 @@
-import React from 'react';
-import Header from './header';
-import Dropdown from './dropdown';
-import Item from './item';
-
-export default class NavBar extends React.Component {
- render() {
- return (
-
-
-
-
-
-
- );
- }
-}
diff --git a/static/src/js/events.js b/static/src/js/events.js
deleted file mode 100644
index f16e9d9..0000000
--- a/static/src/js/events.js
+++ /dev/null
@@ -1,69 +0,0 @@
-/* global $ */
-var is_navbar_attached = false;
-
-$(window).load(function() {
- $(window).trigger('scroll');
-});
-
-function detach_navbar() {
- $('#navbar-container').removeClass('stick-top').addClass('align');
- $('.dropdown-menu').removeClass('dropdown').addClass('dropup');
-}
-
-function attach_navbar() {
- $('#navbar-container').removeClass('align').addClass('stick-top');
- $('.dropdown-menu').removeClass('dropup').addClass('dropdown');
-}
-
-function flip_dropdowns(obj, direction) {
- if (obj.hasClass('drop' + direction)) { return; }
- var reverse = ((direction === 'up') ? 'down' : 'up');
- obj.removeClass('drop' + reverse).addClass('drop' + direction);
- obj.prev().find('i').removeClass('ion-ios-arrow-' + reverse).addClass('ion-ios-arrow-' + direction);
-}
-
-function position_navbar() {
- if ($(window).width() < 862) { // @screen-sm
- $('.navbar-icon').removeClass('ion-ios-arrow-up').addClass('ion-ios-arrow-down');
- return;
- }
- if ($(window).scrollTop() > $('#navbar-anchor').offset().top) {
- if (!is_navbar_attached) {
- attach_navbar();
- is_navbar_attached = true;
- }
- } else if (is_navbar_attached) {
- detach_navbar();
- is_navbar_attached = false;
- }
- $('.dropdown-menu').each(function() {
- var direction = ($(this).height() + 10 < $('nav').offset().top - $(window).scrollTop()) ? 'up' : 'down';
- flip_dropdowns($(this), direction);
- });
-}
-
-$(function() { // https://css-tricks.com/snippets/jquery/smooth-scrolling/
- $('a[href*=#]:not([href=#])').click(function() {
- if ($(this).data('toggle') === 'collapse') {
- return true;
- }
- if (location.pathname.replace(/^\//, '') === this.pathname.replace(/^\//, '')
- && location.hostname === this.hostname) {
- var target = $(this.hash);
- target = target.length ? target : $('[name=' + this.hash.slice(1) + ']');
- if (target.length) {
- $('html,body').animate({
- scrollTop: target.offset().top
- }, 1000);
- return false;
- }
- }
- });
-});
-
-$('a[href="soon"]').click(function (e) {
- e.preventDefault();
- alert('Content coming soon, stand by!');
-});
-
-$(window).scroll(position_navbar);
diff --git a/static/src/js/globals.js b/static/src/js/globals.js
deleted file mode 100644
index e168513..0000000
--- a/static/src/js/globals.js
+++ /dev/null
@@ -1,7 +0,0 @@
-window.updateTitle = function (value) {
- document.title = value + ' | TheOrangeOne';
-};
-
-if ($('.header h1').length) {
- window.updateTitle($('.header h1').text());
-}
diff --git a/static/src/less/assets.less b/static/src/less/assets.less
deleted file mode 100644
index df192f0..0000000
--- a/static/src/less/assets.less
+++ /dev/null
@@ -1,6 +0,0 @@
-@btn-srobo-color: @gray-lighter;
-@btn-srobo-bg: #253571;
-@btn-srobo-border: darken(@btn-srobo-bg, 5%);
-.btn-srobo {
- .button-variant(@btn-srobo-color; @btn-srobo-bg; @btn-srobo-border);
-}
diff --git a/static/src/less/components.less b/static/src/less/components.less
deleted file mode 100644
index 456dc46..0000000
--- a/static/src/less/components.less
+++ /dev/null
@@ -1,8 +0,0 @@
-.image-panel {
- background-attachment: fixed;
- background-size: cover;
- background-repeat: no-repeat;
- background-position: center;
- width: 100%;
- margin-top: 20px;
-}
diff --git a/static/src/less/homepage.less b/static/src/less/homepage.less
deleted file mode 100644
index 7821b1a..0000000
--- a/static/src/less/homepage.less
+++ /dev/null
@@ -1,197 +0,0 @@
-@blueprint-logo: url(http://ultimatestorytellingblueprint.com/wp-content/uploads/2014/07/Blueprint-Background1.jpg);
-@container-inset: 35px;
-
-body.index {
- #header {
- height: 100vh;
- background: #232323;
- background-size: cover;
- background-position: fixed;
- .jumbotron {
- margin-top: 19vh;
- text-align: center;
- background-color: transparent;
- color: white;
- padding-bottom: 0;
- margin-bottom: 0;
- .box-shadow(initial);
- h1 {
- margin-bottom: 15px;
- margin-top: 10px;
- }
- p.scroll-icon {
- margin-top: 45px;
- }
- i.icon {
- cursor: pointer;
- font-size: 30px;
- .transition(color 0.4s);
- &:hover {
- color: #ff7f00;
- }
- }
- img {
- height: 275px;
- }
- }
- }
- #intro-text {
- background-color: #333;
- .container {
- text-align: center;
- margin-top: @container-inset;
- margin-bottom: @container-inset;
- color: white;
- }
- }
-
- #twitter-feed {
- text-align: center;
- .container {
- margin-top: @container-inset;
- margin-bottom: @container-inset;
- }
- .twitter-timeline {
- height: 65vh !important; // Because twitter uses inline styles.
- .box-shadow(4px 5px 2px 0 rgba(0,0,0,0.4));
- }
- .twitter-icon {
- text-align: center;
- font-size: 175px;
- height: 65vh;
- position: relative;
- .icon {
- position: absolute;
- text-shadow: 4px 5px 2px rgba(0,0,0,0.4);
- top: 50%;
- left: 50%;
- transform: translate(-50%, -50%);
- .transition(color 0.6s);
- &:hover {
- color: #55ACEE;
- }
- }
- }
- }
-
- #project-thumbnails {
- background-image: @blueprint-logo;
- background-size: cover;
- background-attachment: fixed;
- & > div > .row {
- margin-top: @container-inset;
- margin-bottom: @container-inset;
- & > h1 {
- color: white;
- text-align: center;
- }
- }
- .thumbnail {
- padding: 15px;
- height: 275px;
- text-align: center;
- &.larger {
- .inner {
- position: relative;
- top: 50%;
- transform: translateY(-50%);
- h1, h2 {
- margin: 0;
- }
- }
- &.project h2 {
- @media (min-width: @screen-sm-min) {
- font-size: 30px;
- }
- }
- }
- img {
- max-width: 100%;
- max-height: 45%;
- }
- h3 {
- margin: 10px 0;
- }
- .caption {
- padding: 0;
- }
- }
-
- }
-}
-
-/* @group project-images */
-.project-image {
- .wrapper {
- color: white;
- margin: 0 auto;
- cursor: pointer;
- background-size: cover;
- background-position: center;
- .box-shadow(0px 4px 5px 2px rgba(0,0,0,0.7));
-
- &:hover .project {
- opacity: 1;
- }
-
- @media screen and (max-width: @screen-xs-max) {
- &, & .project {
- height: 240px;
- width: 240px;
- margin-bottom: 15px;
- }
- }
- @media screen and (min-width: @screen-sm-min) {
- &, & .project {
- height: 210px;
- width: 210px;
- }
- }
- @media screen and (min-width: @screen-md-min) {
- &, & .project {
- height: 280px;
- width: 280px;
- }
- }
-
- & .project {
- padding: 8%;
- .flexbox();
- align-items: center;
- justify-content: center;
- .transition(~"opacity 0.5s ease-in");
- opacity: 0;
- background-color: rgba(0,0,0,0.7);
- text-align: center;
-
- @media screen and (max-width: @screen-xs-max) {
- p, a.btn {
- font-size: 14px;
- margin-bottom: 13px;
- }
- h4 {
- font-size: 25px;
- }
- }
- @media screen and (min-width: @screen-sm-min) {
- p, a.btn {
- font-size: 13px;
- }
- h4 {
- font-size: 21px;
- }
- }
- @media screen and (min-width: @screen-md-min) {
- p, a.btn {
- font-size: 17px;
- margin-bottom: 15px;
- }
- h4 {
- font-size: 25px;
- margin-bottom: 15px;
- }
- }
- }
- }
-}
-/* @end project-images */
diff --git a/static/src/less/navbar.less b/static/src/less/navbar.less
deleted file mode 100644
index 9dd35d4..0000000
--- a/static/src/less/navbar.less
+++ /dev/null
@@ -1,136 +0,0 @@
-#navigation {
- @media (min-width: @screen-xs-max) {
- .flexbox();
- justify-content: center;
- float: none;
- }
- & a {
- .transition(~"ease-in-out .3s color");
- }
- & > li {
- max-height: @navbar-height;
- @media (min-width: @screen-md-min) {
- margin-right: 15px;
- }
- }
- .dropdown-toggle, & > li > a {
- font-size: 19px;
- max-height: @navbar-height;
- }
- .dropdown-menu {
- .transition(~"ease-in-out .2s all");
- @media (min-width: @screen-sm) {
- right: auto;
- left: 50%;
- transform: translate(-50%, 0);
- }
- & > li > a {
- font-size: 15px;
- }
- &.dropup {
- bottom: 100%;
- top: initial;
- }
- &.dropdown {
- top: 100%;
- bottom: initial;
- }
- .open & {
- opacity: 1;
- }
- }
-}
-
-
-.navbar {
- border-radius: 0;
- border: none;
- .home-button a {
- .transition(~"ease-in-out .3 all");
- }
- @media (min-height: @screen-sm-min) {
- max-height: @navbar-height;
- }
-}
-
-.navbar-nav.nav {
- margin: 0;
-}
-
-.navbar-toggle {
- right: 10px;
-}
-
-#navbar-container {
- margin: 0;
- z-index: 10000;
- @media (max-width: @screen-xs-max) {
- width: 96%;
- left: 2%;
- }
- @media (min-width: @screen-sm-min) {
- width: 100%;
- }
- i + *, .glyphicon + * {
- margin-left: 5px;
- }
- & .container-fluid{
- padding-right: 0;
- padding-left: 0;
- }
- &.align {
- @media (min-width: @screen-sm) {
- position: initial;
- height: @navbar-height;
- margin-top: -50px;
- }
- @media (max-width: @screen-sm) {
- position: fixed;
- top: 0;
- width: 95%;
-
- }
- }
-}
-
-#navbar-anchor {
- width: 100%;
- height: 50px;
-}
-
-@media (min-width: @screen-xs-max) {
- .home-button {
- margin-right: 15px !important;
- }
-}
-
-#navbar {
- margin: 0;
- padding: 0;
-}
-
-.navbar-brand {
- margin-left: 15px;
-}
-
-.stick-top {
- position: fixed;
- top: 0;
- z-index: 10000;
-}
-
-// /* @group Header Navbar*/
-// @media (min-width: @screen-sm-min) {
-// .header {
-// #navbar-container {
-// margin: 0 auto;
-// &:not(.stick-top) {
-// position: initial;
-// }
-// &.stick-top {
-// width: 100%;
-// }
-// }
-// }
-// }
-// /* @end Header Navbar*/
diff --git a/static/src/less/style.less b/static/src/less/style.less
deleted file mode 100644
index 2c969f5..0000000
--- a/static/src/less/style.less
+++ /dev/null
@@ -1,233 +0,0 @@
-@import "node_modules/less-mixins/index.less";
-@import "node_modules/bootstrap/less/bootstrap";
-@import "node_modules/ionicons/less/ionicons";
-@import "node_modules/bootstrap/less/theme";
-@import url(https://fonts.googleapis.com/css?family=Roboto:400,300,400italic,700);
-@import (inline) "node_modules/animate.css/animate.css";
-@import 'homepage';
-@import 'variables';
-@import 'navbar';
-@import 'assets';
-@import 'components';
-
-/* @group Global */
-.btn {
- .transition(~"ease-in-out .4s background-color");
-}
-
-html, body{
- height: 100%;
- width: 100%;
- font-weight: 300;
-}
-
-p {
- a {
- .transition(color 0.4s);
- }
- margin-bottom: 20px;
-}
-
-ol , ul{
- font-size: inherit;
- & > li {
- font-size: inherit
- }
-}
-
-blockquote {
- font-size: @font-size-base + 1px;
-}
-
-a.no-color-change {
- color: inherit;
- &:hover {
- color: inherit;
- }
-}
-img {
- max-width: 100%;
-}
-
-/* @end Global */
-
-/* @group Functional */
-
-.center-align {
- margin-left: auto;
- margin-right: auto;
-}
-
-.center-text {
- text-align: center;
-}
-
-.mega-icon {
- font-size: 110px;
- text-align: center;
- margin-bottom: 0;
- cursor: default;
-
- & ~ div.caption {
- padding-top: 0;
- h3 {
- margin: 0;
- }
- }
-}
-
-/* @end Functional */
-
-.content-wrapper {
- min-height: %(~"calc(100% - %d)", @footer-height);
-}
-
-/* @group Footer */
-@footer-height: 250px;
-footer {
- height: @footer-height;
- width: 100%;
- text-align: center;
- padding-top: 30px;
- color: white;
- background-color: #232323;
- a {
- color: #ff7f00;
- &:hover {
- text-decoration: none;
- color: inherit;
- }
- }
- .bar-links {
- margin: 0 7px;
- }
- .powered-by {
- font-size: @font-size-h6;
- }
- .social {
- font-size: 23px;
- margin: 0;
- padding: 7px;
- a {
- margin: 0 4px;
- color: white;
- &:hover {
- color: #ff7f00;
- }
- }
- }
- .ci-badge {
- height: @font-size-h4;
- margin-top: 10px;
- }
-}
-/* @end Footer */
-
-/* @group 404 */
-.four-o-four {
- .header {
- height: 15vh;
- font-size: 35px;
- text-align: center;
- }
- .image {
- background: url(../img/ninjas.png);
- background-size: cover;
- background-position: center;
- height: 70vh;
- }
- .message {
- height: 15vh;
- color: white;
- background-color: #232323;
- text-align: center;
- }
- .move-on {
- text-align: center;
- background-color: #333;
- color: white;
- height: 5vh;
- }
-}
-/* @end 404 */
-
-/* @group no-js */
-.no-js {
- .header {
- background-color: #232323;
- color: white;
- }
- #ie-scare {
- height: 150px;
- float: right;
- }
-}
-/* @end no-js*/
-
-/* @group content base */
-.jumbotron.header {
- padding-top: 10px;
- padding-bottom: 0;
- margin-bottom: 15px;
- background-color: @body-bg;
- @media (max-width: @screen-xs-max) {
- padding-top: 50px;
- }
- h1 {
- margin: 10px 0;
- display: inline-block;
- font-size: 60px;
- }
- .image {
- background-position: center;
- background-size: cover;
- background-repeat: no-repeat;
- width: 100%;
- height: 225px;
- margin: 10px 0;
- }
-}
-
-#breadcrumbs {
- text-align: right;
- .breadcrumb {
- background: transparent;
- font-size: @font-size-h4;
- margin: 10px 0;
- padding: 0;
- li::before {
- content: "/";
- padding: 0 3px;
- }
- a {
- .transition(color 0.4s);
- color: #333;
- &:hover {
- color: #ff7f00;
- }
- }
- }
-}
-/* @end content base */
-
-.panel {
- margin-bottom: 40px;
-}
-
-.row {
- width: initial;
-}
-
-.gh-card iframe {
- .box-shadow(0px 4px 4px 3px rgba(0,0,0,0.6));
-}
-
-/* @group X-Large */
-
-@media (min-width: 1500px) {
- .container {
- width: 1400px + @grid-gutter-width;
- }
-}
-
-/* @end X-Large */
diff --git a/static/src/less/variables.less b/static/src/less/variables.less
deleted file mode 100644
index eabe862..0000000
--- a/static/src/less/variables.less
+++ /dev/null
@@ -1,383 +0,0 @@
-@gray-base: #000;
-@gray-darker: lighten(@gray-base, 13.5%);
-@gray-dark: lighten(@gray-base, 20%);
-@gray: lighten(@gray-base, 33.5%);
-@gray-light: lighten(@gray-base, 46.7%);
-@gray-lighter: lighten(@gray-base, 93.5%);
-@brand-primary: #ff7f00;
-@brand-success: #5cb85c;
-@brand-info: #5bc0de;
-@brand-warning: #f0ad4e;
-@brand-danger: #d9534f;
-@body-bg: #fff;
-@text-color: @gray-dark;
-@link-color: @brand-primary;
-@link-hover-color: darken(@link-color, 15%);
-@link-hover-decoration: underline;
-@font-family-sans-serif: 'Roboto', sans-serif;
-@font-family-serif: 'Roboto';
-@font-family-monospace: Menlo, Monaco, Consolas, "Courier New", monospace;
-@font-family-base: @font-family-sans-serif;
-@font-size-base: 18px;
-@font-size-large: ceil((@font-size-base * 1.25));
-@font-size-small: ceil((@font-size-base * 0.85));
-@font-size-h1: floor((@font-size-base * 2.6));
-@font-size-h2: floor((@font-size-base * 2.15));
-@font-size-h3: ceil((@font-size-base * 1.7));
-@font-size-h4: ceil((@font-size-base * 1.25));
-@font-size-h5: @font-size-base;
-@font-size-h6: ceil((@font-size-base * 0.85));
-@line-height-base: 1.428571429;
-@line-height-computed: floor((@font-size-base * @line-height-base));
-@headings-font-family: inherit;
-@headings-font-weight: 300;
-@headings-line-height: 1.1;
-@headings-color: inherit;
-@icon-font-path: "../fonts/";
-@icon-font-name: "glyphicons-halflings-regular";
-@icon-font-svg-id: "glyphicons_halflingsregular";
-@padding-base-vertical: 6px;
-@padding-base-horizontal: 12px;
-@padding-large-vertical: 10px;
-@padding-large-horizontal: 16px;
-@padding-small-vertical: 5px;
-@padding-small-horizontal: 10px;
-@padding-xs-vertical: 1px;
-@padding-xs-horizontal: 5px;
-@line-height-large: 1.3333333;
-@line-height-small: 1.5;
-@border-radius-base: 4px;
-@border-radius-large: 6px;
-@border-radius-small: 3px;
-@component-active-color: #fff;
-@component-active-bg: @brand-primary;
-@caret-width-base: 4px;
-@caret-width-large: 5px;
-@table-cell-padding: 8px;
-@table-condensed-cell-padding: 5px;
-@table-bg: transparent;
-@table-bg-accent: #f9f9f9;
-@table-bg-hover: #f5f5f5;
-@table-bg-active: @table-bg-hover;
-@table-border-color: #ddd;
-@btn-font-weight: normal;
-@btn-default-color: #333;
-@btn-default-bg: #fff;
-@btn-default-border: #ccc;
-@btn-primary-color: #fff;
-@btn-primary-bg: @brand-primary;
-@btn-primary-border: darken(@btn-primary-bg, 5%);
-@btn-success-color: #fff;
-@btn-success-bg: @brand-success;
-@btn-success-border: darken(@btn-success-bg, 5%);
-@btn-info-color: #fff;
-@btn-info-bg: @brand-info;
-@btn-info-border: darken(@btn-info-bg, 5%);
-@btn-warning-color: #fff;
-@btn-warning-bg: @brand-warning;
-@btn-warning-border: darken(@btn-warning-bg, 5%);
-@btn-danger-color: #fff;
-@btn-danger-bg: @brand-danger;
-@btn-danger-border: darken(@btn-danger-bg, 5%);
-@btn-link-disabled-color: @gray-light;
-@input-bg: #fff;
-@input-bg-disabled: @gray-lighter;
-@input-color: @gray;
-@input-border: #ccc;
-@input-border-radius: @border-radius-base;
-@input-border-radius-large: @border-radius-large;
-@input-border-radius-small: @border-radius-small;
-@input-border-focus: #66afe9;
-@input-color-placeholder: #999;
-@input-height-base: (@line-height-computed + (@padding-base-vertical * 2) + 2);
-@input-height-large: (ceil(@font-size-large * @line-height-large) + (@padding-large-vertical * 2) + 2);
-@input-height-small: (floor(@font-size-small * @line-height-small) + (@padding-small-vertical * 2) + 2);
-@form-group-margin-bottom: 15px;
-@legend-color: @gray-dark;
-@legend-border-color: #e5e5e5;
-@input-group-addon-bg: @gray-lighter;
-@input-group-addon-border-color: @input-border;
-@cursor-disabled: not-allowed;
-@dropdown-bg: #fff;
-@dropdown-border: rgba(0,0,0,.15);
-@dropdown-fallback-border: #ccc;
-@dropdown-divider-bg: #e5e5e5;
-@dropdown-link-color: @gray-dark;
-@dropdown-link-hover-color: #fff;
-@dropdown-link-hover-bg: darken(@gray-dark, 30%);
-@dropdown-link-active-color: @component-active-color;
-@dropdown-link-active-bg: @component-active-bg;
-@dropdown-link-disabled-color: @gray-light;
-@dropdown-header-color: @gray-light;
-@dropdown-caret-color: #000;
-@zindex-navbar: 1000;
-@zindex-dropdown: 1000;
-@zindex-popover: 1060;
-@zindex-tooltip: 1070;
-@zindex-navbar-fixed: 1030;
-@zindex-modal-background: 1040;
-@zindex-modal: 1050;
-@screen-xs: 480px;
-@screen-xs-min: @screen-xs;
-@screen-phone: @screen-xs-min;
-@screen-sm: 768px;
-@screen-sm-min: @screen-sm;
-@screen-tablet: @screen-sm-min;
-@screen-md: 992px;
-@screen-md-min: @screen-md;
-@screen-desktop: @screen-md-min;
-@screen-lg: 1200px;
-@screen-lg-min: @screen-lg;
-@screen-lg-desktop: @screen-lg-min;
-@screen-xs-max: (@screen-sm-min - 1);
-@screen-sm-max: (@screen-md-min - 1);
-@screen-md-max: (@screen-lg-min - 1);
-@grid-columns: 12;
-@grid-gutter-width: 30px;
-@grid-float-breakpoint: @screen-sm-min;
-@grid-float-breakpoint-max: (@grid-float-breakpoint - 1);
-@container-tablet: (720px + @grid-gutter-width);
-@container-sm: @container-tablet;
-@container-desktop: (940px + @grid-gutter-width);
-@container-md: @container-desktop;
-@container-large-desktop: (1140px + @grid-gutter-width);
-@container-lg: @container-large-desktop;
-@navbar-height: 50px;
-@navbar-margin-bottom: @line-height-computed;
-@navbar-border-radius: @border-radius-base;
-@navbar-padding-horizontal: floor((@grid-gutter-width / 2));
-@navbar-padding-vertical: ((@navbar-height - @line-height-computed) / 2);
-@navbar-collapse-max-height: 340px;
-@navbar-default-color: #777;
-@navbar-default-bg: #f8f8f8;
-@navbar-default-border: darken(@navbar-default-bg, 6.5%);
-@navbar-default-link-color: #777;
-@navbar-default-link-hover-color: #333;
-@navbar-default-link-hover-bg: transparent;
-@navbar-default-link-active-color: #555;
-@navbar-default-link-active-bg: darken(@navbar-default-bg, 6.5%);
-@navbar-default-link-disabled-color: #ccc;
-@navbar-default-link-disabled-bg: transparent;
-@navbar-default-brand-color: @navbar-default-link-color;
-@navbar-default-brand-hover-color: darken(@navbar-default-brand-color, 10%);
-@navbar-default-brand-hover-bg: transparent;
-@navbar-default-toggle-hover-bg: #ddd;
-@navbar-default-toggle-icon-bar-bg: #888;
-@navbar-default-toggle-border-color: #ddd;
-@navbar-inverse-color: lighten(@gray-light, 15%);
-@navbar-inverse-bg: #222;
-@navbar-inverse-border: darken(@navbar-inverse-bg, 10%);
-@navbar-inverse-link-color: lighten(@gray-light, 15%);
-@navbar-inverse-link-hover-color: #fff;
-@navbar-inverse-link-hover-bg: transparent;
-@navbar-inverse-link-active-color: @navbar-inverse-link-hover-color;
-@navbar-inverse-link-active-bg: darken(@navbar-inverse-bg, 10%);
-@navbar-inverse-link-disabled-color: #444;
-@navbar-inverse-link-disabled-bg: transparent;
-@navbar-inverse-brand-color: @navbar-inverse-link-color;
-@navbar-inverse-brand-hover-color: #fff;
-@navbar-inverse-brand-hover-bg: transparent;
-@navbar-inverse-toggle-hover-bg: #333;
-@navbar-inverse-toggle-icon-bar-bg: #fff;
-@navbar-inverse-toggle-border-color: #333;
-//=== Shared nav styles
-@nav-link-padding: 10px 15px;
-@nav-link-hover-bg: @gray-lighter;
-@nav-disabled-link-color: @gray-light;
-@nav-disabled-link-hover-color: @gray-light;
-@nav-tabs-border-color: #ddd;
-@nav-tabs-link-hover-border-color: @gray-lighter;
-@nav-tabs-active-link-hover-bg: @body-bg;
-@nav-tabs-active-link-hover-color: @gray;
-@nav-tabs-active-link-hover-border-color: #ddd;
-@nav-tabs-justified-link-border-color: #ddd;
-@nav-tabs-justified-active-link-border-color: @body-bg;
-@nav-pills-border-radius: @border-radius-base;
-@nav-pills-active-link-hover-bg: @component-active-bg;
-@nav-pills-active-link-hover-color: @component-active-color;
-@pagination-color: @link-color;
-@pagination-bg: #fff;
-@pagination-border: #ddd;
-@pagination-hover-color: @link-hover-color;
-@pagination-hover-bg: @gray-lighter;
-@pagination-hover-border: #ddd;
-@pagination-active-color: #fff;
-@pagination-active-bg: @brand-primary;
-@pagination-active-border: @brand-primary;
-@pagination-disabled-color: @gray-light;
-@pagination-disabled-bg: #fff;
-@pagination-disabled-border: #ddd;
-@pager-bg: @pagination-bg;
-@pager-border: @pagination-border;
-@pager-border-radius: 15px;
-@pager-hover-bg: @pagination-hover-bg;
-@pager-active-bg: @pagination-active-bg;
-@pager-active-color: @pagination-active-color;
-@pager-disabled-color: @pagination-disabled-color;
-@jumbotron-padding: 30px;
-@jumbotron-color: inherit;
-@jumbotron-bg: @gray-lighter;
-@jumbotron-heading-color: inherit;
-@jumbotron-font-size: ceil((@font-size-base * 1.5));
-@state-success-text: #3c763d;
-@state-success-bg: #dff0d8;
-@state-success-border: darken(spin(@state-success-bg, -10), 5%);
-@state-info-text: #31708f;
-@state-info-bg: #d9edf7;
-@state-info-border: darken(spin(@state-info-bg, -10), 7%);
-@state-warning-text: #8a6d3b;
-@state-warning-bg: #fcf8e3;
-@state-warning-border: darken(spin(@state-warning-bg, -10), 5%);
-@state-danger-text: #a94442;
-@state-danger-bg: #f2dede;
-@state-danger-border: darken(spin(@state-danger-bg, -10), 5%);
-@tooltip-max-width: 200px;
-@tooltip-color: #fff;
-@tooltip-bg: #000;
-@tooltip-opacity: .9;
-@tooltip-arrow-width: 5px;
-@tooltip-arrow-color: @tooltip-bg;
-@popover-bg: #fff;
-@popover-max-width: 276px;
-@popover-border-color: rgba(0,0,0,.2);
-@popover-fallback-border-color: #ccc;
-@popover-title-bg: darken(@popover-bg, 3%);
-@popover-arrow-width: 10px;
-@popover-arrow-color: @popover-bg;
-@popover-arrow-outer-width: (@popover-arrow-width + 1);
-@popover-arrow-outer-color: fadein(@popover-border-color, 5%);
-@popover-arrow-outer-fallback-color: darken(@popover-fallback-border-color, 20%);
-@label-default-bg: @gray-light;
-@label-primary-bg: @brand-primary;
-@label-success-bg: @brand-success;
-@label-info-bg: @brand-info;
-@label-warning-bg: @brand-warning;
-@label-danger-bg: @brand-danger;
-@label-color: #fff;
-@label-link-hover-color: #fff;
-@modal-inner-padding: 15px;
-@modal-title-padding: 15px;
-@modal-title-line-height: @line-height-base;
-@modal-content-bg: #fff;
-@modal-content-border-color: rgba(0,0,0,.2);
-@modal-content-fallback-border-color: #999;
-@modal-backdrop-bg: #000;
-@modal-backdrop-opacity: .5;
-@modal-header-border-color: #e5e5e5;
-@modal-footer-border-color: @modal-header-border-color;
-@modal-lg: 900px;
-@modal-md: 600px;
-@modal-sm: 300px;
-@alert-padding: 15px;
-@alert-border-radius: @border-radius-base;
-@alert-link-font-weight: bold;
-@alert-success-bg: @state-success-bg;
-@alert-success-text: @state-success-text;
-@alert-success-border: @state-success-border;
-@alert-info-bg: @state-info-bg;
-@alert-info-text: @state-info-text;
-@alert-info-border: @state-info-border;
-@alert-warning-bg: @state-warning-bg;
-@alert-warning-text: @state-warning-text;
-@alert-warning-border: @state-warning-border;
-@alert-danger-bg: @state-danger-bg;
-@alert-danger-text: @state-danger-text;
-@alert-danger-border: @state-danger-border;
-@progress-bg: #f5f5f5;
-@progress-bar-color: #fff;
-@progress-border-radius: @border-radius-base;
-@progress-bar-bg: @brand-primary;
-@progress-bar-success-bg: @brand-success;
-@progress-bar-warning-bg: @brand-warning;
-@progress-bar-danger-bg: @brand-danger;
-@progress-bar-info-bg: @brand-info;
-@list-group-bg: #fff;
-@list-group-border: #ddd;
-@list-group-border-radius: @border-radius-base;
-@list-group-hover-bg: #f5f5f5;
-@list-group-active-color: @component-active-color;
-@list-group-active-bg: @component-active-bg;
-@list-group-active-border: @list-group-active-bg;
-@list-group-active-text-color: lighten(@list-group-active-bg, 40%);
-@list-group-disabled-color: @gray-light;
-@list-group-disabled-bg: @gray-lighter;
-@list-group-disabled-text-color: @list-group-disabled-color;
-@list-group-link-color: #555;
-@list-group-link-hover-color: @list-group-link-color;
-@list-group-link-heading-color: #333;
-@panel-bg: #fff;
-@panel-body-padding: 15px;
-@panel-heading-padding: 10px 15px;
-@panel-footer-padding: @panel-heading-padding;
-@panel-border-radius: @border-radius-base;
-@panel-inner-border: #ddd;
-@panel-footer-bg: #f5f5f5;
-@panel-default-text: @gray-dark;
-@panel-default-border: #ddd;
-@panel-default-heading-bg: #f5f5f5;
-@panel-primary-text: #fff;
-@panel-primary-border: @brand-primary;
-@panel-primary-heading-bg: @brand-primary;
-@panel-success-text: @state-success-text;
-@panel-success-border: @state-success-border;
-@panel-success-heading-bg: @state-success-bg;
-@panel-info-text: @state-info-text;
-@panel-info-border: @state-info-border;
-@panel-info-heading-bg: @state-info-bg;
-@panel-warning-text: @state-warning-text;
-@panel-warning-border: @state-warning-border;
-@panel-warning-heading-bg: @state-warning-bg;
-@panel-danger-text: @state-danger-text;
-@panel-danger-border: @state-danger-border;
-@panel-danger-heading-bg: @state-danger-bg;
-@thumbnail-padding: 4px;
-@thumbnail-bg: @body-bg;
-@thumbnail-border: #ddd;
-@thumbnail-border-radius: @border-radius-base;
-@thumbnail-caption-color: @text-color;
-@thumbnail-caption-padding: 9px;
-@well-bg: #f5f5f5;
-@well-border: darken(@well-bg, 7%);
-@badge-color: #fff;
-@badge-link-hover-color: #fff;
-@badge-bg: @gray-light;
-@badge-active-color: @link-color;
-@badge-active-bg: #fff;
-@badge-font-weight: bold;
-@badge-line-height: 1;
-@badge-border-radius: 10px;
-@breadcrumb-padding-vertical: 8px;
-@breadcrumb-padding-horizontal: 15px;
-@breadcrumb-bg: #f5f5f5;
-@breadcrumb-color: #ccc;
-@breadcrumb-active-color: @gray-light;
-@breadcrumb-separator: "/";
-@carousel-text-shadow: 0 1px 2px rgba(0,0,0,.6);
-@carousel-control-color: #fff;
-@carousel-control-width: 15%;
-@carousel-control-opacity: .5;
-@carousel-control-font-size: 20px;
-@carousel-indicator-active-bg: #fff;
-@carousel-indicator-border-color: #fff;
-@carousel-caption-color: #fff;
-@close-font-weight: bold;
-@close-color: #000;
-@close-text-shadow: 0 1px 0 #fff;
-@code-color: #c7254e;
-@code-bg: #f9f2f4;
-@kbd-color: #fff;
-@kbd-bg: #333;
-@pre-bg: #f5f5f5;
-@pre-color: @gray-dark;
-@pre-border-color: #ccc;
-@pre-scrollable-max-height: 340px;
-@component-offset-horizontal: 180px;
-@text-muted: @gray-light;
-@abbr-border-color: @gray-light;
-@headings-small-color: @gray-light;
-@blockquote-small-color: @gray-light;
-@blockquote-font-size: (@font-size-base * 1.25);
-@blockquote-border-color: @gray-lighter;
-@page-header-border-color: @gray-lighter;
-@dl-horizontal-offset: @component-offset-horizontal;
-@hr-border: @gray-lighter;