Noissue - Merged index_page into master

static/css/main.css

 body
 {
   font-family: "Source Sans Pro", Arial, sans-serif;
   margin: 0;
   /* Start below fixed navbar */
   padding-top: 4em;
   line-height: 1.5;
 }
 
 #content,
@@ skipping 240 matching lines @@
 
 /*******************************************************************************
  * .fg-* utilities
  ******************************************************************************/
 
 .fg-accent
 {
   color: #077CA6;
 }
 
 .bg-secondary

[ire, 2018/07/31 00:10:10]

NIT: This is a bg-* utility, not fg-*

[juliandoucette, 2018/08/02 20:51:56]

Good catch :D

 {
   color: #000;
   background-color: #F4F4F4;
 }
 
 /*******************************************************************************
  * #navbar
  ******************************************************************************/
 
  #navbar
@@ skipping 531 matching lines @@
   {
     margin-top: -60px;
   }
 }
 
 .hide-disclaimer .video-play
 {
   margin-top: -40px;
 }
 
 .hide

[juliandoucette, 2018/07/30 05:01:06]

Detail: I decided to keep this class while merging although it may not be used
anywhere (I didn't check).

[ire, 2018/07/31 00:10:04]

I checked and it is being used on at least the coding style page.

[juliandoucette, 2018/08/02 20:51:54]

Thanks!

 {
   display: none;
 }
 
 /******************************************************************************
  * .item-group
  *****************************************************************************/
 
 .item-group
 {
@@ skipping 89 matching lines @@
 .content .horizontal-list
 {
   padding: 0;
 }
 
 .horizontal-list li
 {
   display: inline;
   list-style: none;
 }
+
+/* Download button
+ ******************************************************************************/
+
+.content .tos-short
+{
+  margin-bottom: 0.5em;
+}
+
+.content .install-button
+{
+  display: inline-block;
+  min-width: 250px;
+  /* stretch full-width <= small tablets */
+  width: 100%;
+  /* 0.2em taller than normal buttons */
+  padding-top: 0.8em;
+  padding-bottom: 0.8em;
+  color: #fff;

[ire, 2018/07/31 00:10:12]

We also need to style the :visited pseudo-class because the text appears as red
for me

[juliandoucette, 2018/08/02 20:51:57]

Good catch!

+  background-color: #3D9C4F;
+}
+
+.content .install-button:hover,
+.content .install-button:focus
+{
+  background-color: #258333;
+}
+
+@media (min-width: 576px)
+{
+  .content .install-button
+  {
+    /* force auto-width >= small tablets */
+    width: auto;
+  }
+}
+
+.content .download-alt
+{
+  font-size: smaller;
+}