feat: move call_to_action into wikibar-right next to search; style inline button

remarkbox_chaostheory/static/theme/chaostheory/css/theme.css

@@ -140,6 +140,35 @@ a:hover {
     border-top: 1px solid #1c1c1c;
 }
 
+/*********************
+  wikibar-right call to action (e.g. new thread)
+*********************/
+
+#wikibar-right #search {
+    display: inline-block;
+    margin: 0;
+    vertical-align: middle;
+}
+
+#wikibar-right .button-small {
+    display: inline-block;
+    margin-right: 8px;
+    padding: 4px 10px;
+    background-color: #184254;
+    color: #6DCFF6;
+    border: 1px solid #336173;
+    border-radius: 3px;
+    font-size: 12px;
+    text-decoration: none;
+    vertical-align: middle;
+}
+
+#wikibar-right .button-small:hover {
+    background-color: #1C4E63;
+    color: #9de3fb;
+    border-color: #6DCFF6;
+}
+
 /*********************
   search box
 *********************/

remarkbox_chaostheory/templates/chaostheory-base.j2

@@ -43,6 +43,7 @@
       {%- endif %}
     </div>
     <div id="wikibar-right" class="grid_6">
+      {% block call_to_action %}{% endblock %}
       <form action="/search" id="search" onsubmit="submit.disabled = true; return true;">
         <input type="hidden" name="namespace" value="{{ request.namespace.name }}">
         <input type="input" name="keywords" id="keywords" placeholder="search" required/>
@@ -52,11 +53,6 @@
 
   <div class="clear"></div>
 
-  <div class="call_to_action">
-  {% block call_to_action %}
-  {% endblock %}
-  </div>
-
   <div id="content" class="grid_16">
     {% block content %}
     {% endblock %}