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 180 matching lines @@
 
 .content a,
 .content a:visited
 {
   color: #c70d2c;
 }
 
 /* Buttons
  ******************************************************************************/
 
 .button

[ire, 2017/11/27 19:48:22]

According to the style guide, buttons should be 50px height. The width is also
specified as "4 columns", which I'm not sure how that will translate here, but I
assume this means there needs to be a fixed width that looks wider than the
current button

[juliandoucette, 2017/12/04 13:34:05]

The 50px height was specified based on a larger font-size than the one that we
are using (we agreed on a smaller font-size separately). The styleguide has not
been updated to reflect this yet.

The button widths specified in columns are naive because they will not scale
down well. Furthermore, the 4 columns was only meant to apply to the install
button. Nonetheless, I think that you're right that we should consider a
min-width for buttons that is wider than the Submit button on this page.  

Paul was fine with it as-is. But I'm sure that he will also be fine with a
slightly wider button.

[ire, 2017/12/05 10:28:01]

Alright, if Paul is fine with it then that's fine with me.

 {
   padding: 0.5em 2em;
   border: none;
+  text-align: center;
 }
 
 .button:hover,
 .button:active,
 .button:focus
 {
   text-decoration: none;
 }
 
 @media(max-width: 767px)
@@ skipping 15 matching lines @@
 .button.primary:hover
 {
   background-color: #E00F32;
 }
 
 .button.primary:active
 {
   background-color: #AD102A;
 }
 
-.bg-accent .button.secondary
+.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;
   }
 }