Using stylus now

styles/base.styl

@@ -1,3 +1,108 @@
+html
+	height 100%
+
 body
-	background-color rgb(128, 128, 128)
-	color white
+	font-family "Ubuntu", "Trebuchet MS", sans-serif
+	font-size 1.05em
+	tab-size 4
+	overflow-x hidden
+	overflow-y hidden
+	height 100%
+	-webkit-font-smoothing antialiased
+	-moz-osx-font-smoothing grayscale
+
+a
+	text-decoration none
+	transition all 290ms ease
+	&:hover
+		text-decoration none
+	&:active
+		transform translateY(3px)
+
+/*.page
+	height 100vh*/
+
+section
+	float left
+	width 100%
+
+.icon-list
+	margin-left 1px !important
+	list-style-type none
+	.fa
+		opacity 0.93
+
+.powered-by
+	opacity 0.8
+	font-size 0.9em
+	margin-top 1em
+
+.maintenance
+	width 100%
+	height 100%
+	text-align center
+	padding 1em
+	font-size 3em
+	line-height 1.5em
+
+.region-block
+	float left
+	width 100%
+	font-size 1.2em
+	padding 1em
+	p
+		text-align center
+		max-width none
+
+.editor-info
+	max-width 1200px
+
+// tooltipOffset = -10px
+//
+// .tooltip
+// 	display inline-block
+// 	position relative
+//
+// 	&:after
+// 		display inline
+// 		content attr(data-tooltip)
+// 		opacity 0
+// 		transition opacity 250ms ease
+// 		background rgb(48, 48, 48)
+// 		border-radius 3px
+// 		color rgb(255, 255, 255)
+// 		// box-shadow 0 0 8px rgba(0, 0, 0, 0.2)
+// 		padding 0.3rem 0.75rem
+// 		width auto
+// 		pointer-events none
+//
+// 		position absolute
+// 		left 50%
+// 		top tooltipOffset
+// 		transform translate(-50%, -100%)
+// 		z-index 100
+//
+// 		margin 0
+//
+// 	&:before
+// 		content ""
+// 		border solid
+// 		border-color rgb(60, 60, 60) transparent
+// 		border-width 6px 6px 0 6px
+// 		opacity 0
+// 		transition opacity 250ms ease
+// 		pointer-events none
+// 		margin 0
+// 		padding 0
+//
+// 		position absolute
+// 		left 50%
+// 		top tooltipOffset
+// 		transform translateX(-50%)
+// 		z-index 99
+//
+// 	&:hover
+// 		&:after
+// 			opacity 1
+// 		&:before
+// 			opacity 1