Issue 6047 - Updated templates and uninstalled pages

static/css/main.css

 *
 {
   font-family: Arial, sans;
   font-size: 16px;
 }
 
 body
 {
   margin: 0;
   line-height: 1.5;
 }
 
+#content
+{
+  padding-bottom: 2em;
+}
+
 a img
 {
   border: none;
 }
 
 a:link, a:visited
 {
   color: #555;
 }
 
@@ skipping 119 matching lines @@
 {
   border-left: 5px solid #d14841;
 }
 
 [dir="rtl"] .alert
 {
   border-right: 5px solid #d14841;
 }
 
 /******************************************************************************
+ * .section
+ *****************************************************************************/
+
+.section
+{
+  padding: 2em 0;
+}
+
+/******************************************************************************
  * .content
  *****************************************************************************/
 
 .content h1,
 .content h2,
 .content h3,
 .content h4,
 .content h5
 {
   font-weight: bold;
@@ skipping 12 matching lines @@
   .content h1 { font-size: 2.4em; }
   .content h2 { font-size: 1.6em; }
 }
 
 .content a,
 .content a:visited
 {
   color: #c70d2c;
 }
 
+/* Buttons
+ ******************************************************************************/
+
+.button
+{
+  padding: 0.5em 2em;
+  border: none;
+  text-align: center;
+}
+
+.button:hover,
+.button:active,
+.button:focus
+{
+  text-decoration: none;
+}
+
+@media(max-width: 767px)
+{
+  .button
+  {
+    display: block;
+    width: 100%;
+  }
+}
+
+.button.primary
+{
+  color: #fff;
+  background-color: #c70d2c;
+  box-shadow: 0px 2px 5px #95989A;
+}
+
+.button.primary:hover
+{
+  background-color: #E00F32;
+}
+
+.button.primary:active
+{
+  background-color: #AD102A;
+}
+
+.bg-accent .button.secondary

[ire, 2017/12/07 12:36:27]

NIT: I think this is a style of button that could exist outside of the
.bg-accent. I think it makes sense to have this be it's own style of button,
e.g. .button.secondary-o , instead of a .button.secondary that is within a
.bg-accent. 

[juliandoucette, 2017/12/08 16:49:52]

What about .button.inverse?

[ire, 2017/12/11 15:53:46]

That works now, but what if we wanted to have an "inverse" button that uses the
primary colours instead? 

(This is a NIT, if we ever do come across this situation we can handle it then)

[juliandoucette, 2017/12/14 18:35:22]

Will address separately if necessary.

+{
+  background: none;
+  color: #fff;
+  margin-left: 2px;
+  margin-right: 2px;
+  border: 1px solid #fff;
+}
+
+.bg-accent .button.secondary:hover,
+.bg-accent .button.secondary:focus
+{
+  box-shadow: inset 0 0 0 2px #fff;
+}
+
+.bg-accent .button.secondary:active
+{
+  color: #077CA6;
+  background-color: #fff;
+}
+
+/*******************************************************************************
+ * .bg-* utilities
+ ******************************************************************************/
+
+.bg-accent
+{
+  color: #fff;
+  background-color: #077CA6;
+}
+
 /*******************************************************************************
  * #navbar
  ******************************************************************************/
 
 #navbar
 {
   min-height: 4em;
   background-color: #c70d2c;
 }
 
@@ skipping 256 matching lines @@
   }
 }
 
 /*******************************************************************************
  * #footer
  ******************************************************************************/
 
 #footer
 {
   overflow: auto;
-  margin-top: 2em;
   padding: 2em 0em;
   color: #ececec;
   background-color: #292929;
   font-size: 0.9em;
 }
 
 /* #footer body
  ******************************************************************************/
 
 #footer h5
@@ skipping 140 matching lines @@
   {
     display: none;
   }
 
   /* overriding display:none above */
   #footer #social-list
   {
     display: block;
   }
 }