blob: d3a9e61fc0aa25d95e5eba17857c32396f7e3be9 [file] [log] [blame]
Paul Greyson740bdaf2013-03-18 16:10:48 -07001
Paul Greysond9872392013-03-18 12:04:15 -07002body {
3 background-color: black;
4 color: white;
5 font-family: Helvetica;
6 margin: 0px;
7}
8
9.status {
10 padding: 1em;
Paul Greysond9872392013-03-18 12:04:15 -070011}
12
Paul Greysonc3e21a02013-03-21 13:56:05 -070013
Paul Greysond9872392013-03-18 12:04:15 -070014.status:last-child {
15 border-right: none;
16}
17
18.status .static {
Paul Greysonc3e21a02013-03-21 13:56:05 -070019 color: #AAA;
Paul Greysond9872392013-03-18 12:04:15 -070020 padding: .25em;
21}
22
23.status .dynamic {
Paul Greysonc3e21a02013-03-21 13:56:05 -070024 color: #FFF;
Paul Greysond9872392013-03-18 12:04:15 -070025 padding: .25em;
26}
27
Paul Greysonc3e21a02013-03-21 13:56:05 -070028.status.bottom {
29 position: absolute;
30 bottom: 0px;
31 right: 0px;
Paul Greyson6d9ed862013-03-23 17:37:15 -070032 font-size: 12px;
Paul Greysonc3e21a02013-03-21 13:56:05 -070033}
34
35#status.top span {
36 font-size: 24px;
37}
38
Paul Greysond9872392013-03-18 12:04:15 -070039.button {
40 padding: 1em;
41 background-color: lightgray;
42 color: black;
43 border: 1px solid white;
44}
45
Paul Greysonb367de22013-03-23 11:09:11 -070046#arrow {
47 stroke: none;
Paul Greyson45303ac2013-03-23 16:44:01 -070048 fill: rgba(255, 255, 255, .35);
Paul Greysonb367de22013-03-23 11:09:11 -070049}
50
Paul Greyson952ccb62013-03-18 22:22:08 -070051.header {
52 height: 50px;
53}
54
Paul Greysond9872392013-03-18 12:04:15 -070055
56#right .header {
Paul Greyson952ccb62013-03-18 22:22:08 -070057 font-size: 12px;
58 padding-right: .25em;
59 -webkit-box-sizing: border-box;
Paul Greysond9872392013-03-18 12:04:15 -070060}
61
Paul Greysond1a22d92013-03-19 12:15:19 -070062#controllers, #selectedFlows {
63 border-top: 1px solid white;
Paul Greysond9872392013-03-18 12:04:15 -070064}
65
Paul Greysond1a22d92013-03-19 12:15:19 -070066#selectedFlows {
67 border-bottom: 1px solid white;
Paul Greysond9872392013-03-18 12:04:15 -070068}
69
Paul Greysond1a22d92013-03-19 12:15:19 -070070#controllers {
71 border-right: 1px solid white;
72}
73
Paul Greyson3e142162013-03-19 13:56:17 -070074.controller {
75 padding: .25em;
76}
77
Paul Greyson952ccb62013-03-18 22:22:08 -070078#logo {
79 height: 50px;
80}
81
82.edge {
Paul Greyson952ccb62013-03-18 22:22:08 -070083 stroke: black;
84 stroke-width: 1.5px;
85}
86
Paul Greysonf9edc1a2013-03-19 13:22:06 -070087.nolabel text {
88 display: none;
89}
90
91text {
92 stroke: none;
93 fill: white;
Paul Greyson968d1b42013-03-23 16:58:41 -070094 font-size: 16px;
Paul Greysonf9edc1a2013-03-19 13:22:06 -070095 pointer-events: none;
96}
97
Paul Greysond1a22d92013-03-19 12:15:19 -070098path {
Paul Greysonde7fad52013-03-19 12:47:32 -070099 stroke: rgba(255, 255, 255, .25);
Paul Greysonb367de22013-03-23 11:09:11 -0700100 stroke-width: 1.5px;
Paul Greysond1a22d92013-03-19 12:15:19 -0700101}
102
Paul Greyson952ccb62013-03-18 22:22:08 -0700103.aggregation {
Paul Greyson952ccb62013-03-18 22:22:08 -0700104 stroke: black;
105 stroke-width: 2px;
106}
Paul Greysond1a22d92013-03-19 12:15:19 -0700107
108#traceButton {
109 visibility: hidden
110}
Paul Greyson3e142162013-03-19 13:56:17 -0700111
Paul Greyson01a5dff2013-03-19 15:50:14 -0700112.color1-selected .color1,
113.color2-selected .color2,
114.color3-selected .color3,
115.color4-selected .color4,
116.color5-selected .color5,
117.color6-selected .color6,
118.color7-selected .color7,
119.color8-selected .color8,
120.color9-selected .color9,
121.color10-selected .color10,
122.color11-selected .color11,
123.color12-selected .color12 {
124 opacity: 1;
Paul Greyson3f890b62013-03-22 17:39:36 -0700125 pointer-events: auto;
Paul Greyson3e142162013-03-19 13:56:17 -0700126}
127
Paul Greysonc17278a2013-03-23 10:17:12 -0700128.colorInactive {
129 opacity: 1;
130 fill: #444;
131 background-color: #444;
132 color: #222;
133}
134
Paul Greyson01a5dff2013-03-19 15:50:14 -0700135.color1 {
Paul Greysonc3e21a02013-03-21 13:56:05 -0700136 opacity: .2;
Paul Greyson3f890b62013-03-22 17:39:36 -0700137 pointer-events: none;
Paul Greyson3e142162013-03-19 13:56:17 -0700138 fill: #EC0033;
139 background-color: #EC0033;
140}
141
Paul Greyson01a5dff2013-03-19 15:50:14 -0700142.color2 {
Paul Greysonc3e21a02013-03-21 13:56:05 -0700143 opacity: .2;
Paul Greyson3e142162013-03-19 13:56:17 -0700144 fill: #FFBA00;
145 background-color: #FFBA00;
146}
147
Paul Greyson01a5dff2013-03-19 15:50:14 -0700148.color3 {
Paul Greysonc3e21a02013-03-21 13:56:05 -0700149 opacity: .2;
Paul Greyson3f890b62013-03-22 17:39:36 -0700150 pointer-events: none;
Paul Greyson3e142162013-03-19 13:56:17 -0700151 fill: #3714B0;
152 background-color: #3714B0;
153}
154
Paul Greyson01a5dff2013-03-19 15:50:14 -0700155.color4 {
Paul Greysonc3e21a02013-03-21 13:56:05 -0700156 opacity: .2;
Paul Greyson3f890b62013-03-22 17:39:36 -0700157 pointer-events: none;
Paul Greyson3e142162013-03-19 13:56:17 -0700158 fill: #B12C49;
159 background-color: #B12C49;
160}
161
Paul Greyson01a5dff2013-03-19 15:50:14 -0700162.color5 {
Paul Greysonc3e21a02013-03-21 13:56:05 -0700163 opacity: .2;
Paul Greyson3f890b62013-03-22 17:39:36 -0700164 pointer-events: none;
Paul Greyson3e142162013-03-19 13:56:17 -0700165 fill: #402C84;
166 background-color: #402C84;
167}
168
Paul Greyson01a5dff2013-03-19 15:50:14 -0700169.color6 {
Paul Greysonc3e21a02013-03-21 13:56:05 -0700170 opacity: .2;
Paul Greyson3f890b62013-03-22 17:39:36 -0700171 pointer-events: none;
Paul Greyson3e142162013-03-19 13:56:17 -0700172 fill: #990021;
173 background-color: #990021;
174}
175
Paul Greyson01a5dff2013-03-19 15:50:14 -0700176.color7 {
Paul Greysonc3e21a02013-03-21 13:56:05 -0700177 opacity: .2;
Paul Greyson3f890b62013-03-22 17:39:36 -0700178 pointer-events: none;
Paul Greyson3e142162013-03-19 13:56:17 -0700179 fill: #990021;
Paul Greyson45303ac2013-03-23 16:44:01 -0700180 background-color: #990021;
Paul Greyson3e142162013-03-19 13:56:17 -0700181}
182
Paul Greyson01a5dff2013-03-19 15:50:14 -0700183.color8 {
Paul Greysonc3e21a02013-03-21 13:56:05 -0700184 opacity: .2;
Paul Greyson3f890b62013-03-22 17:39:36 -0700185 pointer-events: none;
Paul Greyson3e142162013-03-19 13:56:17 -0700186 fill: #A67900;
187 background-color: #A67900;
188}
189
Paul Greyson01a5dff2013-03-19 15:50:14 -0700190.color9 {
Paul Greysonc3e21a02013-03-21 13:56:05 -0700191 opacity: .2;
Paul Greyson3e142162013-03-19 13:56:17 -0700192 fill: #F53D65;
193 background-color: #F53D65;
194}
195
Paul Greyson01a5dff2013-03-19 15:50:14 -0700196.color10 {
Paul Greysonc3e21a02013-03-21 13:56:05 -0700197 opacity: .2;
Paul Greyson3f890b62013-03-22 17:39:36 -0700198 pointer-events: none;
Paul Greyson3e142162013-03-19 13:56:17 -0700199 fill: #1F0772;
200 background-color: #1F0772;
201}
202
Paul Greyson01a5dff2013-03-19 15:50:14 -0700203.color11 {
Paul Greysonc3e21a02013-03-21 13:56:05 -0700204 opacity: .2;
Paul Greyson3f890b62013-03-22 17:39:36 -0700205 pointer-events: none;
Paul Greyson3e142162013-03-19 13:56:17 -0700206 fill: #F56E8B;
207 background-color: #F56E8B;
208}
209
Paul Greyson01a5dff2013-03-19 15:50:14 -0700210.color12 {
Paul Greysonc3e21a02013-03-21 13:56:05 -0700211 opacity: .2;
Paul Greyson3f890b62013-03-22 17:39:36 -0700212 pointer-events: none;
Paul Greyson3e142162013-03-19 13:56:17 -0700213 fill: #6949D7;
214 background-color: #6949D7;
215}