[Clean up] Fix style guide nits in chrome/browser/resources/options2.

chrome/browser/resources/options2/options_page.css

 /* Copyright (c) 2012 The Chromium Authors. All rights reserved.
  * Use of this source code is governed by a BSD-style license that can be
  * found in the LICENSE file. */
 
 body {
   position: relative;
 }
 
 #main-content {
+  bottom: 0;
   display: -webkit-box;
+  left: 0;
   position: absolute;
-  left: 0;
   right: 0;
   top: 0;
-  bottom: 0;
 }
 
 #mainview {
   -webkit-box-align: stretch;
+  bottom: 0;
+  left: 0;
   margin: 0;
   position: absolute;
-  left: 0;
   right: 0;
   top: 0;
-  bottom: 0;
   z-index: 1;
 }
 
 html.hide-menu #mainview {
   -webkit-padding-start: 0;
 }
 
 #mainview-content {
   min-height: 100%;
   position: relative;
@@ skipping 28 matching lines @@
   border: 1px solid #aaa;
   font-size: inherit;
   padding: 3px;
 }
 
 input[type='text']:disabled {
   color: #888;
 }
 
 .hbox {
+  -webkit-box-orient: horizontal;
   display: -webkit-box;
-  -webkit-box-orient: horizontal;
 }
 
 .vbox {
+  -webkit-box-orient: vertical;
   display: -webkit-box;
-  -webkit-box-orient: vertical;
 }
 
 .stretch {
   -webkit-box-flex: 1;
 }
 
 .frozen,
 .subpage-sheet-container.frozen {
   position: fixed;
 }
@@ skipping 98 matching lines @@
 html[dir='rtl'] .close-subpage {
   float: left;
   left: 20px;
 }
 
 html.hide-menu .close-subpage {
   display: none
 }
 
 .bottom-strip {
+  border-top: none;
+  bottom: 0;
   padding: 12px;
   position: absolute;
   right: 0;
-  bottom: 0;
-  border-top: none;
 }
 
 #mainview-content .page {
   padding-bottom: 20px;
 }
 
 #subpage-backdrop {
   background: black;
   cursor: pointer;
   opacity: 0.3;
 }
 
 #subpage-backdrop:hover {
   background: #424242;
 }
 
 .subpage-sheet-container {
   -webkit-transition: 250ms opacity, 100ms padding-left, 100ms padding-right;
   box-sizing: border-box;
+  left: 0;
   min-height: 100%;
   position: absolute;
-  left: 0;
   right: 0;
   top: 0;
 }
 
 /* Omit top padding (currently only on #settings) whenever the search page is
  * showing.
  */
 #searchPage:not([hidden]) + #settings {
   padding-top: 0;
 }
@@ skipping 37 matching lines @@
   min-width: 651px;
 }
 
 /* Special shadow for only first subpage sheet. */
 #subpage-sheet-1 {
   box-shadow: 0 0 17px rgba(0, 0, 0, 0.3), 0 0 57px rgba(0, 0, 0, 0.3);
 }
 
 .subpage-sheet-contents {
   box-sizing: border-box;
+  max-width: 900px;
   min-height: 100%;
-  max-width: 900px;
   min-width: 650px;
   padding: 0 20px;
   width: 95%;
 }
 
 .subpage-sheet-contents .page {
   z-index: 1;
 }
 
 .managed-prefs-banner {
   background: -webkit-linear-gradient(rgb(255, 242, 183),
                                       rgb(250, 230, 145) 97%,
                                       rgb(135, 135, 135));
   height: 31px;
-  width: 100%;
   margin: 0;
   padding: 0;
   position: relative;
   vertical-align: middle;
+  width: 100%;
   z-index: 9;
 }
 
 .managed-prefs-banner.clickable:active {
   background: -webkit-linear-gradient(rgb(135, 135, 135),
                                       rgb(250, 230, 145) 3%,
                                       rgb(255, 242, 183));
 }
 
 .managed-prefs-icon {
   background-image: url('chrome://theme/IDR_WARNING');
+  background-position: center;
   background-repeat: no-repeat;
-  background-position: center;
   display: inline-block;
+  height: 21px;
   padding: 5px;
-  height: 21px;
   vertical-align: middle;
   width: 24px;
 }
 
 .managed-prefs-text {
   vertical-align: middle;
 }
 
 .overlay .page h1 {
   background: -webkit-linear-gradient(white, #F8F8F8);
   border-bottom: 1px solid rgba(188, 193, 208, .5);
   font-size: 105%;
   font-weight: bold;
   padding: 10px 15px 8px 15px;
 }
 
 .page list {
   /* Min height is a multiple of the list item height (32) */
   min-height: 192px;
 }
 
 section {
   -webkit-padding-start: 18px;
+  margin-bottom: 24px;
   margin-top: 8px;
-  margin-bottom: 24px;
   max-width: 600px;
 }
 
 section:last-of-type {
   margin-bottom: 0;
 }
 
 section > h3 {
   -webkit-margin-start: -18px;
   color: black;
@@ skipping 32 matching lines @@
   background-color: #f4f4f4;
   box-sizing: border-box;
   min-height: 125px;
   padding-left: 20px;
   padding-top: 20px;
 }
 
 list > * {
   -webkit-box-align: center;
   -webkit-transition: 150ms background-color;
+  border: none;
+  border-radius: 0;  /* TODO(dbeam): Is this necessary? */
   box-sizing: border-box;
-  border-radius: 0;
   display: -webkit-box;
   height: 32px;
-  border: none;
   margin: 0;
 }
 
 list > .spacer {
   /* The above height rule should not apply to spacers. When redraw is called
      on the list they will be given an explicit element height but this ensures
      they have 0 height to begin with. */
   height: 0;
 }
 
@@ skipping 14 matching lines @@
 list[hasElementFocus] > [selected],
 list[hasElementFocus] > [lead][selected],
 list:not([hasElementFocus]) > [selected]:hover,
 list:not([hasElementFocus]) > [selected][lead]:hover {
   background-color: rgb(187, 206, 233);
   background-image: none;
 }
 
 list[hasElementFocus] > [lead],
 list[hasElementFocus] > [lead][selected] {
+  border-bottom: 1px solid rgb(120, 146, 180);
   border-top: 1px solid rgb(120, 146, 180);
-  border-bottom: 1px solid rgb(120, 146, 180);
 }
 
 list[hasElementFocus] > [lead]:nth-child(2),
 list[hasElementFocus] > [lead][selected]:nth-child(2) {
   border-top: 1px solid transparent;
 }
 
 list[hasElementFocus] > [lead]:nth-last-child(2),
 list[hasElementFocus] > [lead][selected]:nth-last-child(2) {
   border-bottom: 1px solid transparent;
@@ skipping 105 matching lines @@
  * positioning is available.
  */
 html[dir=rtl] input.favicon-cell {
   background-position-x: 99.3%;
 }
 
 list .favicon-cell {
   -webkit-margin-start: 7px;
   -webkit-padding-start: 26px;
   display: block;
+  overflow: hidden;
   text-overflow: ellipsis;
-  overflow: hidden;
   white-space: nowrap;
 }
 
 html[dir=rtl] list .favicon-cell {
   background-position: right;
 }
 
 html[enable-background-mode=false] #background-mode-section {
  display: none;
 }
@@ skipping 95 matching lines @@
 }
 
 .controlled-setting-indicator[controlled-by='recommended'] summary:hover {
   background-image:
       url('chrome://theme/IDR_CONTROLLED_SETTING_RECOMMENDED');
 }
 
 .controlled-setting-bubble {
   -webkit-margin-start: -20px;
   background-color: white;
+  border: 1px solid #ccc;
   border-radius: 4px;
-  border: 1px solid #ccc;
   box-shadow: 0 2px 2px #ddd;
   margin-top: 10px;
   padding: 10px;
   position: absolute;
   top: 50%;
   z-index: 10;
 }
 
 html[dir='ltr'] .controlled-setting-bubble {
   left: 50%;
@@ skipping 49 matching lines @@
       url('chrome://theme/IDR_CONTROLLED_SETTING_RECOMMENDED_LARGE');
 }
 
 html[dir='rtl'] .controlled-setting-bubble-text {
   background-position: right top;
 }
 
 .controlled-setting-bubble-action {
   padding: 0 !important;
 }