Editing Sam's downloads page

src/site/css/dart-style.css

 body {
   font-family: 'Roboto', sans-serif;
   font-size: 15px;
   -webkit-font-smoothing: antialiased;
 }
 
 /* ***** General ***** */
 p,
 dt,
 dd {
@@ skipping 596 matching lines @@
 .allow-scroll {
   word-wrap: normal;
 }
 
 .code-hldr {
   text-align: center;
   min-height: 450px;
   height: 450px;
 }
 
-.lang-dart, .lang-html, .lang-js, .lang-cpp, .lang-csharp, .lang-none,
-.lang-python, .lang-javascript, .lang-yaml {
+.lang-dart, .lang-html, .lang-js, .lang-bash, .lang-cpp, .lang-csharp,
+.lang-none, .lang-python, .lang-javascript, .lang-yaml {
   max-width: 800px;
   text-align: left;
   margin-right: auto;
   margin-left: auto;
   padding: 5px !important;
 }
 
 @media (max-width: 500px) {
   .lang-dart, .lang-html {
     font-size: 12px;
@@ skipping 11 matching lines @@
 }
 
 .lang-none * {
   color: #4D4D4D !important; /* color of .pln */
 }
 
 .lang-dart a span, .lang-html a span {
   color:#fff !important;
 }
 
+.lang-huge {
+  display: table;
+  font-size: 17px;   /* font-size of btn-lg */
+  line-height: 24px; /* line-height of btn-lg */
+  margin: 12px auto;
+  max-width: 800px;
+  padding: 12px !important;
+  white-space: pre-wrap;
+}
+
 .linenums li {
   list-style-type: decimal !important;
 }
 
 .popover {
   background: #3d3d3d;
   color: #bebebe;
   padding-top: 0;
   font-family:'Roboto', sans-serif;
 }
@@ skipping 299 matching lines @@
 @media (max-width: 992px) {
   .productivity-tools-options h6 {
       margin-top: 35px;
       margin-bottom: 10px;
   }
 }
 
 /* ***** Buttons ***** */
 
 .btn-lg {
-  padding: 10px 46px;
+  padding: 10px 15px;
   font-size: 16px;
   line-height: 1.33;
-  text-transform:uppercase;
   border:0;
   -webkit-transition: background ease-out 500ms;
   -moz-transition: background ease-out 500ms;
   -o-transition: background ease-out 500ms;
   transition: background ease-out 500ms;
   -moz-box-shadow:    0 1px 0px 1px #d9d9d9;
   -webkit-box-shadow: 0 1px 0px 1px #d9d9d9;
   box-shadow:         0 1px 0px 1px #d9d9d9;
   font-weight:300;
 }
@@ skipping 477 matching lines @@
 }
 
 /* Disable the download buttons by default.
  * Let scripts.js enable all download buttons
  * and os choices dialog.
  */
 .download-buttons, .os-choices {
   display: none;
 }
 
+.btn-group.os-choices {
+  border-radius: 8px;
+  margin-top: 0;
+  margin-bottom: 20px; /* margin-bottom for h2 */
+}
+
+.btn-group.os-choices button {
+  /*background-color: rgba(0, 0, 0, 0.2);*/
+  background-color: rgba(255, 255, 255, 0.7);
+  text-transform: none;
+  font-size: 20px;
+  -webkit-backface-visibility: hidden;
+}
+
+.btn-group.os-choices button.inactive {
+  background-color: #EEE;
+  box-shadow: none;
+  color: rgba(0, 0, 0, 0.6);
+}
+
+.btn-group.os-choices button.active,
+.btn-group.os-choices button:hover {
+  background: 0;
+  color: white;
+  font-weight: 600;
+  opacity: 1;
+}
+
+.download-link {
+  white-space: nowrap;
+}
+
 /* Tables in More downloads page.
  */
 table.downloads th,
 table.downloads td {
   border: solid 1px #999999;
   padding: 2px 5px;
   text-align: center;
   vertical-align: middle;
 }
 
@@ skipping 132 matching lines @@
 }
 
 .titlepage h3 {
   font: 400 26px/32px 'Montserrat', sans-serif;
 }
 
 /* Add a box; needed for some screenshot images. */
 .thinborder {
     border:1px solid #021a40;
 }