initial commit
diff --git a/css/vis.css b/css/vis.css
new file mode 100644
index 0000000..017f75e
--- /dev/null
+++ b/css/vis.css
@@ -0,0 +1,79 @@
+/**
+ * @license Copyright 2016 Google Inc. All Rights Reserved.
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ * http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+body {
+ font-family: "RobotoDraft", "Roboto", sans-serif;
+ height: 100%;
+ margin: 0;
+ overflow: hidden;
+ padding: 0;
+ width: 100%;
+}
+
+/**
+ * Controls.
+ */
+.controls {
+ position: absolute;
+ right: 0;
+ top: 0;
+}
+
+.controls .dg.main {
+ background-color: black;
+ padding: 0;
+}
+
+.controls select {
+ color: black;
+}
+
+.controls li {
+ box-sizing: border-box;
+ width: 100%;
+}
+
+/**
+ * TimeRange styles.
+ */
+.time-range {
+ background-color: white;
+ border-radius: 2px;
+ bottom: 32px;
+ box-shadow: 0px 1px 4px -1px rgba(0,0,0,0.3);
+ height: 47px;
+ left: 12px;
+ position: absolute;
+ right: 52px;
+}
+
+.time-range .axis text {
+ fill: #666;
+ font-size: 11px;
+}
+
+.time-range .axis line,
+.time-range .axis path {
+ fill: none;
+ stroke: #888;
+ shape-rendering: crispEdges;
+}
+
+.time-range .nub {
+ fill: #bbb;
+ stroke: #888;
+ stroke-width: 1.5px;
+}
