we may need the css file added to the tree

vurbanism/static/css/vurbanism.css

@@ -0,0 +1,163 @@
+body {
+  width: 100%;
+  height: 100%;
+  background: #999;
+  background: -moz-radial-gradient(45px 45px 45deg, circle cover,
+				 #ABAE71 0%, #CDD53F 100%, #E6F215 95%);
+  background: -webkit-gradient(radial, 45px 45px 45deg, circle cover,
+				 #ABAE71 0%, #CDD53F 100%, #E6F215 95%);
+}
+
+#wrapper {
+  width: 100%;
+  height: 100%;
+}
+
+a img {
+  border: 0px;
+}
+
+#categories {
+  position: absolute;
+  top: 10px;
+  width: 60%;
+  left: 0px; 
+  text-align: center; 
+}
+
+#categories table {
+  height: 200px;
+  width: 60%;
+  margin-left: 20%;
+  -moz-box-shadow: 0px 0px 1em;
+  -webkit-box-shadow: 0px 0px 1em;
+  box-shadow: 0px 0px 1em;
+}
+
+#categories table tr {
+  
+}
+
+#categories table tr td {
+  cursor: pointer;
+}
+
+.selected {
+  background: #000 !important;
+  color: #fff !important;
+}
+
+.imageCategory {
+  background: #ffd055;
+}
+
+.imageWrapper {
+  float: left;
+  width: 120px;
+  height: 120px;
+  text-align: center;
+}
+
+.videoWrapper {
+  float: left;
+  width: 400px;
+  text-align: center;
+}
+
+.videoWrapper img {
+  width: 340px;
+}
+
+.imagesWrapper {
+  overflow: auto;
+  margin-top: 10px;
+}
+
+.videoCategory {
+  background: #ff6066;
+}
+
+.textCategory {
+  background: #69fd6c;
+}
+
+.audioCategory {
+  background: #7d69fd;
+}
+
+#map {
+  position: absolute;
+  top: 220px;
+  bottom: 10px;
+  right: 40%;
+  left: 10px;
+  -moz-box-shadow: 0px 0px 1em;
+  -webkit-box-shadow: 0px 0px 1em;
+  box-shadow: 0px 0px 1em;
+
+}
+
+#buttons {
+  position: absolute;
+  right: 2%;
+  top: 1%;
+  height: 3%;
+  width: 20%;
+}
+
+#buttons .navButton {
+  width: 8%;
+  padding: 2px;
+  text-align: center;
+  border: 1px solid #fff;
+  background: #6BDCE1;
+  text-decoration: none;
+}
+
+.navSelected {
+  background: #fff !important;
+  border: 1px solid #68dce1 !important;
+}
+
+
+#media {
+  background: #fff;
+  position: absolute;
+  right: 2%;
+  width: 36%;
+  height: 90%;
+  overflow-y: auto;
+  top: 5%;
+  bottom: 5%;
+  -moz-box-shadow: 0px 0px 1.5em;
+  -webkit-box-shadow: 0px 0px 1.5em;
+  box-shadow: 0px 0px 1.5em;
+  }
+
+.imageWrapper .mapSelect {
+  width: 100px;
+  height: 100px;
+}
+
+.videoWrapper .mapSelect {
+  width: 400px;
+}
+
+.textWrapper .mapSelect {
+  color: #141BB4;
+}
+
+.navContent {
+  display: none;
+}
+
+.contentWrapper {
+  height: 96%;
+  margin-top: 2%;
+  margin-bottom: 2%;
+/*  overflow: auto; */
+  width: 94%;
+  margin-left: auto;
+  margin-right: auto;
+  font-family: Arial, Verdana, Georgia, sans-serif;
+}