#173

css/app.css

@@ -1,9 +1,6 @@
 body {
 	background-color: white;
-
-	font:
-		15px arial,
-		sans-serif;
+	font-size: 18px;
 }
 
 .about {
@@ -57,8 +54,7 @@ body {
 }
 
 .disclaim {
-	border-radius: 10px;
-	font-size: 11px;
+	font-size: 0.3em;
 }
 
 .fb_name {
@@ -79,7 +75,6 @@ body {
 	color: white;
 	display: inline-block;
 	font-family: 'lucida grande', tahoma, verdana, arial, sans-serif;
-	font-size: 11px;
 	font-weight: bold;
 	height: 22px;
 	line-height: 22px;
@@ -105,7 +100,6 @@ body {
 	background: #f0f0f0;
 	border-top: 1px solid #fff;
 	display: inline-flex;
-	font-size: 10px;
 	outline: 1px solid #ddd;
 	padding: 5px;
 }
@@ -137,7 +131,7 @@ body {
 	overflow-wrap: break-word;
 	writing-mode: vertical-rl;
 	transform: rotate(-180deg);
-	font-size: small;
+	font-size: 0.5em;
 }
 .highlight_colour1 {
 	background: lemonchiffon;
@@ -166,7 +160,7 @@ body {
 	color: red;
 	display: inline-block;
 	font-family: 'Helvetica Neue', Helvetica, sans-serif;
-	font-size: 20px;
+	font-size: 1.5em;
 	font-weight: bold;
 	height: 25px;
 	left: 5px;
@@ -181,7 +175,7 @@ body {
 	color: white;
 	height: 200px;
 	width: 800px;
-	font-size: 50px;
+	font-size: 3em;
 	font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;
 	text-align: center;
 	display: flex;
@@ -191,7 +185,6 @@ body {
 
 .instruments {
 	font-family: 'Helvetica Neue', Helvetica, sans-serif;
-	font-size: 12px;
 }
 
 .intro {
@@ -209,7 +202,7 @@ body {
 	display: table; /* keep the background color wrapped tight */
 	padding: 5px;
 	margin: 10px;
-	font-size: 18px;
+	font-size: 1.2em;
 	border-radius: 10px;
 }
 
@@ -227,7 +220,7 @@ body {
 	padding: 3px;
 }
 .legend_tag {
-	font-size: 11px;
+	font-size: 1em;
 }
 .legend_line {
 	display: flex;
@@ -296,15 +289,15 @@ body {
 
 .soltags {
 	font-family: 'Helvetica Neue', Helvetica, sans-serif;
-	font-size: 12px;
+	font-size: 1em;
 	font-style: italic;
 }
 
 .subtitle {
 	background: white;
 	color: #903a01;
 	font-family: 'Helvetica Neue', Helvetica, sans-serif;
-	font-size: 16px;
+	font-size: 1.5em;
 	line-height: 1em;
 	padding-bottom: 2px;
 }
@@ -318,14 +311,15 @@ body {
 .title {
 	color: black;
 	font-family: 'Helvetica Neue', Helvetica, sans-serif;
-	font-size: 18px;
+	font-size: 2em;
 	font-weight: bold;
 }
 
 /* ------------------------------------- */
 .titlebar {
 	background-color: #e5e5e5;
 	resize: horizontal;
+	font-size: 1.3em;
 }
 
 .warning {

php/fragments/disclaim.html

@@ -1,21 +1,25 @@
 <p>
-<div class="w3-panel w3-leftbar w3-padding-large w3-theme-l4 w3-border-red w3-round-large w3-monospace">
+<div class="w3-panel w3-leftbar w3-padding-large w3-theme-l4 w3-border-red w3-round-large w3-monospace disclaim">
     We are using cookies to give you the best experience on our site. Cookies are files stored in your browser and are
     used by most websites to help personalise your web experience.
     By continuing to use our website without changing the settings, you are agreeing to our use of cookies.
 </div>
-<div class="w3-panel w3-leftbar w3-padding-large w3-theme-l5 w3-border-red w3-round-large w3-cursive">
-    <div class="subtitle">Dislaimer</div>
-    <ul>
-        <li>Chicken Katsu is not responsible for, and expressly disclaims all liability for, damages of any kind arising
-            out of use, reference to, or reliance on any
-            information contained within the site. While the information contained within the site is periodically
-            updated, no guarantee is given that the information provided in this website is correct, complete, and
-            up-to-date.
-        <li>Although www.mars-browser.co.uk may contain links providing direct access to other Internet resources,
-            including websites, Chicken Katsu,
-            as the owner and operator of www.mars-browser.co.uk is not responsible for the accuracy or content of
-            information contained in these sites.
-        <li><b>This web site is not affiliated with JPL or NASA.</b>
-    </ul>
+<div class="w3-panel w3-leftbar w3-padding-large w3-theme-l5 w3-border-red w3-round-large disclaim">
+    <h2>Dislaimer</h2>
+    <p>
+        Chicken Katsu is not responsible for, and expressly disclaims all liability for, damages of any kind arising out
+        of use, reference to, or reliance on any information contained within the site. While the information contained
+        within the site is periodically updated, no guarantee is given that the information provided in this website is
+        correct, complete, and up-to-date.
+    </p>
+    <p>
+        Although www.mars-browser.co.uk may contain links providing direct access to other Internet resources,
+        including websites, Chicken Katsu,
+        as the owner and operator of www.mars-browser.co.uk is not responsible for the accuracy or content of
+        information contained in these sites.
+    </p>
+    <p>
+        <b>This web site is not affiliated with JPL or NASA.</b>
+    </p>
+</div>
 </div>

php/fragments/title.php

@@ -34,7 +34,7 @@ static function init($psFile) {
 </script>
 
 <!-- Title Bar -->
-<div class="w3-cell-row w3-header-theme ">
+<div class="w3-cell-row w3-header-theme titlebar">
     <div class="w3-cell">
         <span class="w3-cell" id="titlebut">Crowded Spaces</span>
         <span class="w3-cell" id="toptitle"> - </span>