Adjusted CSS, added background

web/static/mystyle.css

@@ -0,0 +1,32 @@
+body {
+  background: url('background3.jpg') no-repeat center center fixed;
+  -webkit-background-size: cover;
+  -moz-background-size: cover;
+  background-size: cover;
+  -o-background-size: cover;
+}
+
+.content-div {
+    background-color: rgba(255,255,255,0.6);
+    padding-left: 5ch;
+    padding-right: 5ch;
+    padding-top: 5ch;
+    padding-bottom: 5ch;
+    border-radius: 25px;
+}
+
+#my-jumbotron {
+    //background-color: rgba(50,50,50,0.9);
+    margin-top: 20px;
+    margin-bottom: 50px;
+    padding: 2rem 1rem;
+    border-radius: 1rem;
+    background: #282020;  /* fallback for old browsers */
+    background: -webkit-linear-gradient(to right, rgba(54, 55, 57, 0.9), rgba(75, 87, 90, 0.9), rgba(40, 32, 32, 0.9));  /* Chrome 10-25, Safari 5.1-6 */
+    background: linear-gradient(to right, rgba(54, 55, 57, 0.9), rgba(75, 87, 90, 0.9), rgba(40, 32, 32, 0.9)); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
+}
+
+.my-title {
+    color: floralwhite;
+    font-size: 3em;
+}

web/templates/generate.html

@@ -1,14 +1,21 @@
 {% extends "bootstrap/base.html" %}
+
+{% block styles %}
+{{super()}}
+<link rel="stylesheet"
+      href="{{url_for('static', filename='mystyle.css')}}">
+{% endblock %}
+
 {% block title %}Wigan Homebrew Club Competition Entry{% endblock %}
 
 {% block content %}
     <div class="container">
-        <div class="jumbotron text-center">
+        <div class="jumbotron text-center" id="my-jumbotron">
-                <h2>Wigan Homebrew Club Competition Entry</h2>
+                <h2 class="my-title">Wigan Homebrew Club Competition Entry</h2>
         </div>
         <div class="row">
             <div class="col-md-2"></div>
-            <div class="col-md-8">
+            <div class="col-md-8 content-div">
                 <p><p>You have been entered into the competition to brew a <strong>{{ brew_name }}</strong>, which will be judged at the meeting in <strong>{{ brew_month }}</strong>.</p>
                 <br/>
                 <div class="alert alert-success lead" role="alert"> <span class="glyphicon glyphicon-tags" aria-hidden="true"></span> 	&nbsp;	&nbsp;Please mark all of your bottlecaps with the following identifier: <strong>{{ identifier }}</strong></div>

web/templates/index.html

@@ -1,14 +1,21 @@
 {% extends "bootstrap/base.html" %}
+
+{% block styles %}
+{{super()}}
+<link rel="stylesheet"
+      href="{{url_for('static', filename='mystyle.css')}}">
+{% endblock %}
+
 {% block title %}Wigan Homebrew Club Competition Entry{% endblock %}
 
 {% block content %}
     <div class="container">
-        <div class="jumbotron text-center">
+        <div class="jumbotron text-center" id="my-jumbotron">
-                <h2>Wigan Homebrew Club Competition Entry</h2>
+                <h2 class="my-title">Wigan Homebrew Club Competition Entry</h2>
         </div>
         <div class="row">
             <div class="col-md-2"></div>
-            <div class="col-md-8">
+            <div class="col-md-8 content-div">
                 <p>The next competition brew will be a <strong>{{ brew_name }}</strong>. It will be judged at the meeting in <strong>{{ brew_month }}</strong></p>
                 <br/>
                 <p>If you would like to enter the competition, please enter your name below to generate a letter/number that will be used to identify your entry</p>