stylesheets/style.css in robeaux-0.0.3 vs stylesheets/style.css in robeaux-0.0.4

@@ -1,47 +1,15 @@
-.navbar {
-  background-color: #444;
-  border: none;
-  border-radius: 0px;
-}
-
-.navbar-default .navbar-brand {
-  color: #efefef;
-}
-
-.navbar-default .navbar-brand:hover {
-  color: #ccc;
-}
-
-.navbar-default .navbar-nav > li > a {
-  color: #ccc;
-}
-
-.navbar-default .navbar-nav > li > a:hover {
-  color: #ccc;
-}
-
-.navbar-default .navbar-nav > li > a:hover,
-.navbar-default .navbar-nav > li > a:focus {
-  color: #eee;
-}
-
 .robot, .device {
-  border: 3px solid #ababab;
-  border-radius: 5px;
   margin-bottom: 20px;
   padding: 15px 5px;
 }
 
 .robot .robot-type, .device .device-type {
-  background: #ababab;
   padding: 10px;
   text-align: center;
   font-size: 16px;
   font-weight: bold;
-  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
-  color: white;
 }
 
 .robot b, .device b {
   font-weight: bold;
   line-height: 40px;
@@ -65,23 +33,17 @@
 
 .robot dd {
   margin-right: 10px;
 }
 
-.robot dt i.fa {
-  color: #aaa;
-}
-
 .details .console code {
   display: block;
   height: 150px;
   width: 98%;
   margin: 0 auto;
   overflow: scroll;
   white-space: pre;
-  border: 1px solid #ababab;
-  background: #fbfbfb;
   margin-bottom: 8px;
 }
 
 .device.details {
   padding: 15px;
@@ -106,11 +68,10 @@
 }
 
 .device-command input[type='text'] {
   border: none;
   box-shadow: none;
-  border-bottom: 1px solid #bbb;
   line-height: 18px;
   padding: 5px;
   margin-right: 10px;
   width: 30%;
 }
@@ -146,6 +107,71 @@
   padding-left: 0;
 }
 
 .connections {
   padding-right: 0;
+}
+
+.theme-selector {
+  position: absolute;
+  top: 13px;
+  right: 10px;
+  height: 50px;
+  margin: 0 auto;
+  margin-right: 10px;
+}
+
+.theme-selector select {
+  height: 50%;
+  border: none;
+}
+
+.themes .row {
+  margin-bottom: 20px;
+}
+
+.themes .sidebar, .themes .editor {
+  min-height: 400px;
+  padding-top: 20px;
+  padding-bottom: 20px;
+}
+
+.themes .new-theme * {
+  width: 100%;
+}
+
+.themes .new-theme input {
+  margin-bottom: 10px;
+  text-align: center;
+  line-height: 2;
+  border-radius: 3px
+}
+
+.themes .sidebar .theme-list {
+  padding-bottom: 20px;
+  margin-bottom: 20px;
+}
+
+.themes .sidebar .theme-list .theme {
+  padding: 5px 6px;
+  text-align: center;
+}
+
+.themes .sidebar .theme-list .theme:hover {
+  cursor: pointer;
+}
+
+.themes .sidebar .theme-list .theme:not(:last-child) {
+  margin-bottom: 10px
+}
+
+.themes .editor textarea {
+  width: 100%;
+  height: 100%;
+  min-height: 300px;
+  padding: 5px 10px;
+}
+
+.themes.save {
+  float: left;
+  clear: both;
 }