DOMUI: Polish the navbar-container.

chrome/browser/resources/options/options_page.css

 body {
   -webkit-user-select: none;
   cursor: default;
   font-size: 100%;
 }
 
 #settings-title {
   -webkit-padding-end: 24px;
   color: #53637d;
+  cursor: pointer;
   font-size: 200%;
   font-weight: normal;
   margin: 0;
   padding-bottom: 14px;
   padding-top: 13px;
   text-align: end;
 }
 
 #main-content {
   display: -webkit-box;
@@ skipping 94 matching lines @@
 
 #navbar {
   margin: 0;
 }
 
 #navbar-container {
   -webkit-border-end: 1px solid #c6c9ce;
   background: -webkit-linear-gradient(rgba(234, 238, 243, 0), #eaeef3),
               -webkit-linear-gradient(left, #eaeef3, #eaeef3 97%, #d3d7db);
   bottom: 0;
-  cursor: pointer;
   display: none;
   left: 0;
   position: fixed;
   top: 0;
   width: 266px;
   z-index: 2;
 }
 
 html[dir='rtl'] #navbar-container {
-  background: -webkit-linear-gradient(rgba(255, 255, 255, 0)),
-                                      rgba(255, 255, 255, 0) 70%,
-                                      white),
-              -webkit-linear-gradient(right, white, white 80%, #f3f3f3);
+  background: -webkit-linear-gradient(rgba(234, 238, 243, 0), #EAEEF3),
+              -webkit-linear-gradient(right, #EAEEF3, #EAEEF3 97%, #D3D7DB);
   left: auto;
   right: 0;
 }
 
 html[hide-menu=false] #navbar-container {
   display: block;
 }
 
-#navbar-container > hr {
-  -webkit-margin-start: 35%;
-  background-color: #dbdbdb;
-  border: 0;
-  height: 1px;
-  width: 65%;
-}
-
 #navbar-container > ul {
   list-style-type: none;
   margin: 0;
   padding: 0;
 }
 
 .navbar-item, .navbar-item2 {
+  border-bottom: 1px solid transparent;
+  border-top: 1px solid transparent;
   color: #426dc9;
+  cursor: pointer;
   display: block;
   font-size: 105%;
   outline: none;
   padding: 7px 0;
   text-align: end;
   -webkit-padding-end: 24px;
 }
 
 .navbar-item-selected {
-  background: #bbcee9;
+  background: -webkit-linear-gradient(left, #bbcee9, #bbcee9 97%, #96b1cd);
   border-bottom: 1px solid #8faad9;
   border-top: 1px solid #8faad9;
   color: black;
-  font-weight: bold;
-}
-
-.navbar-item-normal {
-  background-color: #dfdfdf;
 }
 
 #mainview {
   -webkit-box-align: stretch;
   -webkit-padding-start: 267px;
   margin: 0;
   position: absolute;
   left: 0;
   right: 0;
   top: 0;
@@ skipping 354 matching lines @@
 }
 
 .suboption {
   -webkit-margin-start: 16px;
 }
 
 html[os=mac] label > input[type=checkbox],
 html[os=mac] label > input[type=radio] {
   margin-top: 2px;
 }