Initial commit.

web/static/style.css

@@ -0,0 +1,186 @@
+@font-face {
+	font-family: 'Inconsolata';
+	src: url("/static/Inconsolata.otf");
+}
+
+* {
+	margin: 0;
+	padding: 0;
+}
+html, body {
+	font-family: 'Source Sans Pro';
+	background: #F5F5F5;
+}
+
+#header {
+	background: #FFF;
+	height: 48px;
+	line-height: 48px;
+	/*box-shadow: 0 5px 3px rgba(0, 0, 0, 0.1);*/
+	/*z-index: 1;*/
+	position: absolute;
+	top: 0;
+	left: 0;
+	right: 0;
+}
+
+h1 {
+	font-family: 'Inconsolata';
+	font-size: 32px;
+	float: left;
+	padding: 0 40px;
+	font-weight: 100;
+	color: #333;
+}
+
+small {
+	font-size: 16px;
+}
+
+.grey {
+	color: #999;
+	/*font-size: 16px;*/
+	/*vertical-align: middle;*/
+}
+
+ul {
+	list-style-type: none;
+	height: 100%;
+}
+li {
+	float: left;
+	height: 100%;
+}
+
+#header a {
+	color: #777;
+	padding: 0 20px;
+	font-family: 'Source Sans Pro';
+	font-size: 14px;
+	text-decoration: none;
+	height: 100%;
+	display: block;
+
+}
+
+#header a:hover {
+	background: #EEE;
+}
+
+/*#map-wrapper {
+	position: absolute;
+	top: 0;
+	bottom: 0;
+	left: 0;
+	right: 0;
+	z-index: -1;
+}*/
+
+
+
+
+#general-info {
+	position: absolute;
+	bottom: 0;
+	left: 0;
+	font-size: 10px;
+	padding: 5px;
+	line-height: 150%;
+	z-index: 999;
+}
+
+
+#sidebar {
+	padding: 20px 20px;
+	background: rgba(220, 220, 220, 0.8);
+	position: absolute;
+	top: 0;
+	right: 0;
+	/*bottom: 0;*/
+	min-width: 200px;
+	z-index: 999;
+	/*overflow-y: scroll;*/
+	font-size: 12px;
+}
+
+#search-wrapper {
+	width: 100%;
+	margin-bottom: 20px;
+	/*position: absolute;*/
+	/*top: 0;*/
+	/*right: 10px;*/
+	/*z-index: 5;*/
+}
+#search-box {
+	width: 100%;
+	padding: 5px;
+	outline: none;
+	border: none;
+	/*border: 1px solid #CCC;*/
+	margin: -5px;
+	font-size: inherit;
+}
+
+a {
+	color: #333;
+	text-decoration: none;
+}
+a:hover {
+	color: #AAA;
+}
+
+h2 {
+	text-align: center;
+	margin-bottom: 5px;
+	color: #29BBFF;
+}
+
+#node-info table {
+	width: 100%;
+}
+
+#node-info td + td {
+	text-align: right;
+}
+
+#node-info strong {
+	color: #29BBFF;
+	letter-spacing: 1px;
+}
+
+.tt {
+	font-family: 'Source Code Pro', Consolas, monospace;
+	font-size: 10px;
+}
+
+.autocomplete-suggestions {
+	font-family: 'Source Code Pro', Consolas, monospace;
+	font-size: 12px;
+	border: 1px solid #FFF;
+	background: #FFF;
+	overflow: auto;
+	color: #555;
+}
+.autocomplete-suggestion {
+	padding: 2px 5px;
+	white-space: nowrap;
+	overflow: hidden;
+}
+.autocomplete-selected { background: #7FD6FF; }
+.autocomplete-suggestions strong {
+	color: #000000;
+}
+
+#content-wrapper {
+	position: absolute;
+	top: 48px;
+	left: 0;
+	right: 0;
+	bottom: 0;
+}
+
+#map {
+	position: absolute;
+	width:100%;
+	height:100%;
+}