Add 'falafel' theme, based on bobcat

but with more aggressive approach, includes no jQuery UI JS/CSS (and is
somewhat broken accordingly, for now)

tailbone/static/themes/falafel/css/layout.css

@@ -0,0 +1,99 @@
+
+/******************************
+ * main layout
+ ******************************/
+
+body {
+    display: flex;
+    flex-direction: column;
+    min-height: 100vh;
+}
+
+.content-wrapper {
+    display: flex;
+    flex: 1;
+    flex-direction: column;
+    justify-content: space-between;
+}
+
+
+/******************************
+ * header
+ ******************************/
+
+header .level {
+    /* height: 60px; */
+    line-height: 60px;
+    padding-left: 0.5em;
+    padding-right: 0.5em;
+}
+
+header .level #header-logo {
+    display: inline-block;
+}
+
+header .level .global-title,
+header .level-left .global-title {
+    font-size: 2em;
+    font-weight: bold;
+}
+
+header .level #current-context,
+header .level-left #current-context {
+    font-size: 2em;
+    font-weight: bold;
+}
+
+header .level #current-context span,
+header .level-left #current-context span {
+    margin-right: 10px;
+}
+
+header .level .theme-picker {
+    display: inline-flex;
+}
+
+#content-title h1 {
+    font-size: 2em;
+}
+
+/******************************
+ * content
+ ******************************/
+
+#page-body {
+    padding: 0.4em;
+}
+
+/******************************
+ * context menu
+ ******************************/
+
+#context-menu {
+    text-align: right;
+    white-space: nowrap;
+}
+
+/******************************
+ * "object helper" panel
+ ******************************/
+
+.object-helper {
+    border: 1px solid black;
+    margin: 1em;
+    padding: 1em;
+    width: 20em;
+}
+
+.object-helper-content {
+    margin-top: 1em;
+}
+
+/******************************
+ * feedback
+ ******************************/
+
+.feedback-dialog .red {
+    color: red;
+    font-weight: bold;
+}