robeaux 0.0.3 → 0.0.4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -1,45 +1,13 @@
1
- .navbar {
2
- background-color: #444;
3
- border: none;
4
- border-radius: 0px;
5
- }
6
-
7
- .navbar-default .navbar-brand {
8
- color: #efefef;
9
- }
10
-
11
- .navbar-default .navbar-brand:hover {
12
- color: #ccc;
13
- }
14
-
15
- .navbar-default .navbar-nav > li > a {
16
- color: #ccc;
17
- }
18
-
19
- .navbar-default .navbar-nav > li > a:hover {
20
- color: #ccc;
21
- }
22
-
23
- .navbar-default .navbar-nav > li > a:hover,
24
- .navbar-default .navbar-nav > li > a:focus {
25
- color: #eee;
26
- }
27
-
28
1
  .robot, .device {
29
- border: 3px solid #ababab;
30
- border-radius: 5px;
31
2
  margin-bottom: 20px;
32
3
  padding: 15px 5px;
33
4
  }
34
5
 
35
6
  .robot .robot-type, .device .device-type {
36
- background: #ababab;
37
7
  padding: 10px;
38
8
  text-align: center;
39
9
  font-size: 16px;
40
10
  font-weight: bold;
41
- font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
42
- color: white;
43
11
  }
44
12
 
45
13
  .robot b, .device b {
@@ -67,10 +35,6 @@
67
35
  margin-right: 10px;
68
36
  }
69
37
 
70
- .robot dt i.fa {
71
- color: #aaa;
72
- }
73
-
74
38
  .details .console code {
75
39
  display: block;
76
40
  height: 150px;
@@ -78,8 +42,6 @@
78
42
  margin: 0 auto;
79
43
  overflow: scroll;
80
44
  white-space: pre;
81
- border: 1px solid #ababab;
82
- background: #fbfbfb;
83
45
  margin-bottom: 8px;
84
46
  }
85
47
 
@@ -108,7 +70,6 @@
108
70
  .device-command input[type='text'] {
109
71
  border: none;
110
72
  box-shadow: none;
111
- border-bottom: 1px solid #bbb;
112
73
  line-height: 18px;
113
74
  padding: 5px;
114
75
  margin-right: 10px;
@@ -149,3 +110,68 @@
149
110
  .connections {
150
111
  padding-right: 0;
151
112
  }
113
+
114
+ .theme-selector {
115
+ position: absolute;
116
+ top: 13px;
117
+ right: 10px;
118
+ height: 50px;
119
+ margin: 0 auto;
120
+ margin-right: 10px;
121
+ }
122
+
123
+ .theme-selector select {
124
+ height: 50%;
125
+ border: none;
126
+ }
127
+
128
+ .themes .row {
129
+ margin-bottom: 20px;
130
+ }
131
+
132
+ .themes .sidebar, .themes .editor {
133
+ min-height: 400px;
134
+ padding-top: 20px;
135
+ padding-bottom: 20px;
136
+ }
137
+
138
+ .themes .new-theme * {
139
+ width: 100%;
140
+ }
141
+
142
+ .themes .new-theme input {
143
+ margin-bottom: 10px;
144
+ text-align: center;
145
+ line-height: 2;
146
+ border-radius: 3px
147
+ }
148
+
149
+ .themes .sidebar .theme-list {
150
+ padding-bottom: 20px;
151
+ margin-bottom: 20px;
152
+ }
153
+
154
+ .themes .sidebar .theme-list .theme {
155
+ padding: 5px 6px;
156
+ text-align: center;
157
+ }
158
+
159
+ .themes .sidebar .theme-list .theme:hover {
160
+ cursor: pointer;
161
+ }
162
+
163
+ .themes .sidebar .theme-list .theme:not(:last-child) {
164
+ margin-bottom: 10px
165
+ }
166
+
167
+ .themes .editor textarea {
168
+ width: 100%;
169
+ height: 100%;
170
+ min-height: 300px;
171
+ padding: 5px 10px;
172
+ }
173
+
174
+ .themes.save {
175
+ float: left;
176
+ clear: both;
177
+ }
@@ -0,0 +1,106 @@
1
+ body {
2
+ background: #444;
3
+ }
4
+
5
+ h1 {
6
+ color: #bbb;
7
+ }
8
+
9
+ .navbar {
10
+ background-color: #333;
11
+ border: none;
12
+ border-radius: 0px;
13
+ }
14
+
15
+ .navbar-default .navbar-brand {
16
+ color: #efefef;
17
+ }
18
+
19
+ .navbar-default .navbar-brand:hover {
20
+ color: #ccc;
21
+ }
22
+
23
+ .navbar-default .navbar-nav > li > a {
24
+ color: #ccc;
25
+ }
26
+
27
+ .navbar-default .navbar-nav > li > a:hover {
28
+ color: #ccc;
29
+ }
30
+
31
+ .navbar-default .navbar-nav > li > a:hover,
32
+ .navbar-default .navbar-nav > li > a:focus {
33
+ color: #eee;
34
+ }
35
+
36
+ .robot, .device {
37
+ border: 3px solid #ababab;
38
+ border-radius: 5px;
39
+ }
40
+
41
+ .robot .robot-type, .device .device-type {
42
+ background: #ababab;
43
+ font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
44
+ color: #444;
45
+ }
46
+
47
+ .robot dt i.fa {
48
+ color: #aaa;
49
+ }
50
+
51
+ .details .console code {
52
+ border: 1px solid #ababab;
53
+ background: #fbfbfb;
54
+ }
55
+
56
+ .device-command {
57
+ color: #bbb;
58
+ }
59
+
60
+ .device-command input[type='text'] {
61
+ border: none;
62
+ background: none;
63
+ border-bottom: 3px solid #bbb
64
+ }
65
+
66
+ .device-command button {
67
+ background: none;
68
+ color: #bbb
69
+ }
70
+
71
+ .robot dt, .robot dd, .device dt, .device dd {
72
+ color: #bbb;
73
+ font-weight: normal
74
+ }
75
+
76
+ .robot .name, .device .name {
77
+ color: #bbb;
78
+ }
79
+
80
+ .themes .new-theme input {
81
+ background: none;
82
+ border: 1px solid #bbb;
83
+ color: #efefef;
84
+ }
85
+
86
+ .themes .new-theme input:focus {
87
+ outline: none;
88
+ border-color: #efefef;
89
+ }
90
+
91
+ .themes .sidebar .theme-list {
92
+ border-bottom: 3px solid #bbb;
93
+ }
94
+
95
+ .themes .sidebar .theme-list .theme {
96
+ border: 1px solid #efefef;
97
+ color: #efefef;
98
+ border-radius: 3px;
99
+ }
100
+
101
+ .themes .editor textarea {
102
+ background: none;
103
+ border: 1px solid #efefef;
104
+ border-radius: 3px;
105
+ color: #efefef;
106
+ }
@@ -0,0 +1,73 @@
1
+ .navbar {
2
+ background-color: #444;
3
+ border: none;
4
+ border-radius: 0px;
5
+ }
6
+
7
+ .navbar-default .navbar-brand {
8
+ color: #efefef;
9
+ }
10
+
11
+ .navbar-default .navbar-brand:hover {
12
+ color: #ccc;
13
+ }
14
+
15
+ .navbar-default .navbar-nav > li > a {
16
+ color: #ccc;
17
+ }
18
+
19
+ .navbar-default .navbar-nav > li > a:hover {
20
+ color: #ccc;
21
+ }
22
+
23
+ .navbar-default .navbar-nav > li > a:hover,
24
+ .navbar-default .navbar-nav > li > a:focus {
25
+ color: #eee;
26
+ }
27
+
28
+ .robot, .device {
29
+ border: 3px solid #ababab;
30
+ border-radius: 5px;
31
+ }
32
+
33
+ .robot .robot-type, .device .device-type {
34
+ background: #ababab;
35
+ font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
36
+ color: white;
37
+ }
38
+
39
+ .robot dt i.fa {
40
+ color: #aaa;
41
+ }
42
+
43
+ .details .console code {
44
+ border: 1px solid #ababab;
45
+ background: #fbfbfb;
46
+ }
47
+
48
+ .device-command input[type='text'] {
49
+ border-bottom: 1px solid #bbb;
50
+ }
51
+
52
+ .device-command select {
53
+ background: white;
54
+ }
55
+
56
+ .themes .new-theme input {
57
+ border: 1px solid #bbb;
58
+ }
59
+
60
+ .themes .sidebar .theme-list {
61
+ border-bottom: 3px solid #bbb;
62
+ }
63
+
64
+ .themes .sidebar .theme-list .theme {
65
+ border: 1px solid #444;
66
+ border-radius: 3px;
67
+ }
68
+
69
+ .themes .editor textarea {
70
+ background: white;
71
+ border: 1px solid black;
72
+ border-radius: 3px;
73
+ }
@@ -0,0 +1,164 @@
1
+ .navbar {
2
+ border: none;
3
+ border-radius: 0;
4
+ background: #2980B9;
5
+ }
6
+
7
+ .navbar-default .navbar-brand {
8
+ color: white;
9
+ }
10
+
11
+ .navbar-default .navbar-brand:hover {
12
+ color: white;
13
+ }
14
+
15
+ .navbar-default .navbar-nav > li > a {
16
+ background: #2980B9;
17
+ color: white;
18
+ }
19
+
20
+ .navbar-default .navbar-nav > li > a:hover {
21
+ background: #3498DB;
22
+ color: white;
23
+ }
24
+
25
+ .navbar-default .navbar-nav > li.active > a {
26
+ background: white;
27
+ color: #2980B9;
28
+ }
29
+
30
+ .navbar-default .navbar-nav > li.active > a:hover {
31
+ color: #3498DB;
32
+ background: white;
33
+ }
34
+
35
+ .robot, .device {
36
+ background: #27AE60;
37
+ border-radius: 5px
38
+ }
39
+
40
+ .robot .robot-type, .device .device-type {
41
+ font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
42
+ background: white;
43
+ color: #27AE60;
44
+ border-radius: 5px
45
+ }
46
+
47
+ .robot dl, .device dl {
48
+ color: white;
49
+ }
50
+
51
+ .name {
52
+ color: white;
53
+ }
54
+
55
+ .device-command {
56
+ color: white;
57
+ }
58
+
59
+ .device-command input[type='text'] {
60
+ background: none;
61
+ border: none;
62
+ border-bottom: 3px solid white
63
+ }
64
+
65
+ ::-webkit-input-placeholder {
66
+ color: #efefef;
67
+ }
68
+
69
+ :-moz-placeholder {
70
+ color: #efefef;
71
+ }
72
+
73
+ ::-moz-placeholder {
74
+ color: #efefef;
75
+ }
76
+
77
+ :-ms-input-placeholder {
78
+ color: #efefef;
79
+ }
80
+
81
+ .device-command button {
82
+ background: none;
83
+ border: 3px solid white;
84
+ font-size: 16px;
85
+ color: white;
86
+ }
87
+
88
+ .device-command button:hover {
89
+ background: #2ECC71;
90
+ border: 3px solid white;
91
+ color: white;
92
+ }
93
+
94
+ .device-command button:active {
95
+ background: #14A14B;
96
+ border: 3px solid white;
97
+ color: white;
98
+ box-shadow: none;
99
+ }
100
+
101
+ .device .command-submit button {
102
+ background: #30485F;
103
+ color: white;
104
+ border: none;
105
+ }
106
+
107
+ .device .command-submit button[disabled] {
108
+ background: #D0D5D8;
109
+ }
110
+
111
+ .device .command-submit button:hover {
112
+ background: #3C5A77;
113
+ }
114
+
115
+ .device .command-submit button:active {
116
+ background: #293D51
117
+ }
118
+
119
+ .details .console code {
120
+ background: white;
121
+ border: none;
122
+ border-radius: 5px
123
+ }
124
+
125
+ .themes .new-theme input {
126
+ border: 1px solid #27AE60;
127
+ }
128
+
129
+ .themes .new-theme ::-webkit-input-placeholder {
130
+ color: #1ACA5E;
131
+ }
132
+
133
+ .themes .new-theme :-moz-placeholder {
134
+ color: #1ACA5E;
135
+ }
136
+
137
+ .themes .new-theme ::-moz-placeholder {
138
+ color: #1ACA5E;
139
+ }
140
+
141
+ .themes .new-theme :-ms-input-placeholder {
142
+ color: #1ACA5E;
143
+ }
144
+
145
+ .themes .sidebar .theme-list {
146
+ border-bottom: 3px solid #bbb;
147
+ }
148
+
149
+ .themes .sidebar .theme-list .theme {
150
+ border: 1px solid #2980B9;
151
+ color: #2980B9;
152
+ border-radius: 3px;
153
+ }
154
+
155
+ .themes .sidebar .theme-list .theme:hover {
156
+ background: #2980B9;
157
+ color: white;
158
+ }
159
+
160
+ .themes .editor textarea {
161
+ background: white;
162
+ border: 1px solid black;
163
+ border-radius: 3px;
164
+ }
metadata CHANGED
@@ -1,7 +1,7 @@
1
1
  --- !ruby/object:Gem::Specification
2
2
  name: robeaux
3
3
  version: !ruby/object:Gem::Version
4
- version: 0.0.3
4
+ version: 0.0.4
5
5
  platform: ruby
6
6
  authors:
7
7
  - Ron Evans
@@ -13,7 +13,7 @@ authors:
13
13
  autorequire:
14
14
  bindir: bin
15
15
  cert_chain: []
16
- date: 2014-02-06 00:00:00.000000000 Z
16
+ date: 2014-02-12 00:00:00.000000000 Z
17
17
  dependencies: []
18
18
  description: Angular-based front end for universal robot API
19
19
  email:
@@ -22,7 +22,6 @@ executables: []
22
22
  extensions: []
23
23
  extra_rdoc_files: []
24
24
  files:
25
- - ".keep"
26
25
  - README.md
27
26
  - fonts/FontAwesome.otf
28
27
  - fonts/fontawesome-webfont.eot
@@ -39,10 +38,14 @@ files:
39
38
  - package.json
40
39
  - partials/robot-detail.html
41
40
  - partials/robot-index.html
41
+ - partials/themes.html
42
42
  - robeaux.gemspec
43
43
  - stylesheets/bootstrap.css
44
44
  - stylesheets/font-awesome.css
45
45
  - stylesheets/style.css
46
+ - stylesheets/themes/dark.css
47
+ - stylesheets/themes/default.css
48
+ - stylesheets/themes/flat.css
46
49
  homepage: https://github.com/hybridgroup/robeaux
47
50
  licenses:
48
51
  - Apache 2.0
data/.keep DELETED
File without changes