style.css: remove default top bar color re-declaration

js/hud-pinning.js

@@ -7,6 +7,10 @@
  *
  * Usage:
  *   $config['additional_javascript'][] = 'js/jquery.min.js';
+ *   $config['additional_javascript'][] = 'js/style-select.js';
+ *   $config['additional_javascript'][] = 'js/options.js';
+ *   $config['additional_javascript'][] = 'js/options/user-js.js';
+ *   $config['additional_javascript'][] = 'js/options/general.js';
  *   $config['additional_javascript'][] = 'js/hud-pinning.js';
  */
 
@@ -21,7 +25,7 @@ $(document).ready(function() {
 
 	if (window.Options && Options.get_tab('general') && window.jQuery) {
 		function setHudPinning(pin) {
-			let style = pin ? '' : 'initial';
+			let style = pin ? '' : 'absolute';
 			$('#top-hud').css('position', style);
 			$('#bottom-hud').css('position', style);
 		}

stylesheets/style.css

@@ -751,7 +751,6 @@ div.blotter {
   z-index: 30;
   box-shadow: 0 1px 2px rgba(0, 0, 0, .15);
   border-bottom: 1px solid;
-  background-color: #D6DAF0;
 }
 
 /*.desktop-style body {

templates/themes/catalog/catalog.html

@@ -98,14 +98,16 @@
 
 	<hr/>
 	<footer>
-		<p class="unimportant" style="margin-top:20px;text-align:center;">- <a href="https://github.com/savetheinternet/Tinyboard">Tinyboard</a> + 
-			<a href='https://github.com/vichan-devel/vichan'>vichan</a> + 
+		<p class="unimportant" style="margin-top:20px;text-align:center;">- <a href="https://github.com/savetheinternet/Tinyboard">Tinyboard</a> +
+			<a href='https://github.com/vichan-devel/vichan'>vichan</a> +
 			<a href='https://github.com/lainchan/lainchan'>lainchan</a> {{ config.version }} -
 		<br><a href="https://github.com/savetheinternet/Tinyboard">Tinyboard</a> Copyright &copy; 2010-2014 Tinyboard Development Group
 		<br><a href="https://github.com/vichan-devel/vichan">vichan</a> Copyright &copy; 2012-2016 vichan-devel
 		<br><a href="https://github.com/lainchan/lainchan">lainchan</a> Copyright &copy; 2014-2017 lainchan Administration</p>
 	</footer>
-	<div class="pages"></div>
+	<div id="bottom-hud" class="bar bottom">
+		<div class="pages"></div>
+	</div>
 
 	<script type="text/javascript">{% raw %}
 		ready();