robeaux 0.0.3 → 0.0.4

data/stylesheets/style.css

@@ -1,45 +1,13 @@
-.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 {
@@ -67,10 +35,6 @@
   margin-right: 10px;
 }
 
-.robot dt i.fa {
-  color: #aaa;
-}
-
 .details .console code {
   display: block;
   height: 150px;
@@ -78,8 +42,6 @@
   margin: 0 auto;
   overflow: scroll;
   white-space: pre;
-  border: 1px solid #ababab;
-  background: #fbfbfb;
   margin-bottom: 8px;
 }
 
@@ -108,7 +70,6 @@
 .device-command input[type='text'] {
   border: none;
   box-shadow: none;
-  border-bottom: 1px solid #bbb;
   line-height: 18px;
   padding: 5px;
   margin-right: 10px;
@@ -149,3 +110,68 @@
 .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;
+}

data/stylesheets/themes/dark.css

@@ -0,0 +1,106 @@
+body {
+  background: #444;
+}
+
+h1 {
+  color: #bbb;
+}
+
+.navbar {
+  background-color: #333;
+  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;
+}
+
+.robot .robot-type, .device .device-type {
+  background: #ababab;
+  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
+  color: #444;
+}
+
+.robot dt i.fa {
+  color: #aaa;
+}
+
+.details .console code {
+  border: 1px solid #ababab;
+  background: #fbfbfb;
+}
+
+.device-command {
+  color: #bbb;
+}
+
+.device-command input[type='text'] {
+  border: none;
+  background: none;
+  border-bottom: 3px solid #bbb
+}
+
+.device-command button {
+  background: none;
+  color: #bbb
+}
+
+.robot dt, .robot dd, .device dt, .device dd {
+  color: #bbb;
+  font-weight: normal
+}
+
+.robot .name, .device .name {
+  color: #bbb;
+}
+
+.themes .new-theme input {
+  background: none;
+  border: 1px solid #bbb;
+  color: #efefef;
+}
+
+.themes .new-theme input:focus {
+  outline: none;
+  border-color: #efefef;
+}
+
+.themes .sidebar .theme-list {
+  border-bottom: 3px solid #bbb;
+}
+
+.themes .sidebar .theme-list .theme {
+  border: 1px solid #efefef;
+  color: #efefef;
+  border-radius: 3px;
+}
+
+.themes .editor textarea {
+  background: none;
+  border: 1px solid #efefef;
+  border-radius: 3px;
+  color: #efefef;
+}

data/stylesheets/themes/default.css

@@ -0,0 +1,73 @@
+.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;
+}
+
+.robot .robot-type, .device .device-type {
+  background: #ababab;
+  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
+  color: white;
+}
+
+.robot dt i.fa {
+  color: #aaa;
+}
+
+.details .console code {
+  border: 1px solid #ababab;
+  background: #fbfbfb;
+}
+
+.device-command input[type='text'] {
+  border-bottom: 1px solid #bbb;
+}
+
+.device-command select {
+  background: white;
+}
+
+.themes .new-theme input {
+  border: 1px solid #bbb;
+}
+
+.themes .sidebar .theme-list {
+  border-bottom: 3px solid #bbb;
+}
+
+.themes .sidebar .theme-list .theme {
+  border: 1px solid #444;
+  border-radius: 3px;
+}
+
+.themes .editor textarea {
+  background: white;
+  border: 1px solid black;
+  border-radius: 3px;
+}

data/stylesheets/themes/flat.css

@@ -0,0 +1,164 @@
+.navbar {
+  border: none;
+  border-radius: 0;
+  background: #2980B9;
+}
+
+.navbar-default .navbar-brand {
+  color: white;
+}
+
+.navbar-default .navbar-brand:hover {
+  color: white;
+}
+
+.navbar-default .navbar-nav > li > a {
+  background: #2980B9;
+  color: white;
+}
+
+.navbar-default .navbar-nav > li > a:hover {
+  background: #3498DB;
+  color: white;
+}
+
+.navbar-default .navbar-nav > li.active > a {
+  background: white;
+  color: #2980B9;
+}
+
+.navbar-default .navbar-nav > li.active > a:hover {
+  color: #3498DB;
+  background: white;
+}
+
+.robot, .device {
+  background: #27AE60;
+  border-radius: 5px
+}
+
+.robot .robot-type, .device .device-type {
+  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
+  background: white;
+  color: #27AE60;
+  border-radius: 5px
+}
+
+.robot dl, .device dl {
+  color: white;
+}
+
+.name {
+  color: white;
+}
+
+.device-command {
+  color: white;
+}
+
+.device-command input[type='text'] {
+  background: none;
+  border: none;
+  border-bottom: 3px solid white
+}
+
+::-webkit-input-placeholder {
+  color: #efefef;
+}
+
+:-moz-placeholder {
+  color: #efefef;
+}
+
+::-moz-placeholder {
+  color: #efefef;
+}
+
+:-ms-input-placeholder {
+  color: #efefef;
+}
+
+.device-command button {
+  background: none;
+  border: 3px solid white;
+  font-size: 16px;
+  color: white;
+}
+
+.device-command button:hover {
+  background: #2ECC71;
+  border: 3px solid white;
+  color: white;
+}
+
+.device-command button:active {
+  background: #14A14B;
+  border: 3px solid white;
+  color: white;
+  box-shadow: none;
+}
+
+.device .command-submit button {
+  background: #30485F;
+  color: white;
+  border: none;
+}
+
+.device .command-submit button[disabled] {
+  background: #D0D5D8;
+}
+
+.device .command-submit button:hover {
+  background: #3C5A77;
+}
+
+.device .command-submit button:active {
+  background: #293D51
+}
+
+.details .console code {
+  background: white;
+  border: none;
+  border-radius: 5px
+}
+
+.themes .new-theme input {
+  border: 1px solid #27AE60;
+}
+
+.themes .new-theme ::-webkit-input-placeholder {
+  color: #1ACA5E;
+}
+
+.themes .new-theme :-moz-placeholder {
+  color: #1ACA5E;
+}
+
+.themes .new-theme ::-moz-placeholder {
+  color: #1ACA5E;
+}
+
+.themes .new-theme :-ms-input-placeholder {
+  color: #1ACA5E;
+}
+
+.themes .sidebar .theme-list {
+  border-bottom: 3px solid #bbb;
+}
+
+.themes .sidebar .theme-list .theme {
+  border: 1px solid #2980B9;
+  color: #2980B9;
+  border-radius: 3px;
+}
+
+.themes .sidebar .theme-list .theme:hover {
+  background: #2980B9;
+  color: white;
+}
+
+.themes .editor textarea {
+  background: white;
+  border: 1px solid black;
+  border-radius: 3px;
+}

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: robeaux
 version: !ruby/object:Gem::Version
-  version: 0.0.3
+  version: 0.0.4
 platform: ruby
 authors:
 - Ron Evans
@@ -13,7 +13,7 @@ authors:
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2014-02-06 00:00:00.000000000 Z
+date: 2014-02-12 00:00:00.000000000 Z
 dependencies: []
 description: Angular-based front end for universal robot API
 email:
@@ -22,7 +22,6 @@ executables: []
 extensions: []
 extra_rdoc_files: []
 files:
-- ".keep"
 - README.md
 - fonts/FontAwesome.otf
 - fonts/fontawesome-webfont.eot
@@ -39,10 +38,14 @@ files:
 - package.json
 - partials/robot-detail.html
 - partials/robot-index.html
+- partials/themes.html
 - robeaux.gemspec
 - stylesheets/bootstrap.css
 - stylesheets/font-awesome.css
 - stylesheets/style.css
+- stylesheets/themes/dark.css
+- stylesheets/themes/default.css
+- stylesheets/themes/flat.css
 homepage: https://github.com/hybridgroup/robeaux
 licenses:
 - Apache 2.0