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;
@@ skipping 220 matching lines @@
 .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.

+.button.inverse,
+a.button.inverse
 {
   background: none;
   color: #fff;
   margin-left: 2px;
   margin-right: 2px;
   border: 1px solid #fff;
 }
 
-.bg-accent .button.secondary:hover,
-.bg-accent .button.secondary:focus
+.button.inverse:hover,
+.button.inverse:focus
 {
   box-shadow: inset 0 0 0 2px #fff;
 }
 
-.bg-accent .button.secondary:active
+.button.inverse:active
+{
+  background-color: #fff;
+}
+
+.bg-accent .button.inverse:active
 {
   color: #077CA6;
-  background-color: #fff;
 }
 
 /*******************************************************************************
  * .bg-* utilities
  ******************************************************************************/
 
 .bg-accent
 {
   color: #fff;
   background-color: #077CA6;
@@ skipping 428 matching lines @@
   {
     display: none;
   }
 
   /* overriding display:none above */
   #footer #social-list
   {
     display: block;
   }
 }