[tabbed options] more work on content settings exceptions lists

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;
   font-size: 200%;
@@ skipping 305 matching lines @@
 
 /* TODO(stuartmorgan): make this less specific once all pages
  * are converted to the non-table style.
  */
 section > div:only-of-type label {
   display: block;
   margin: 5px 0;
 }
 
 .hidden {
-  display: none;
+  display: none !important;

[stuartmorgan, 2010/12/13 17:49:51]

What is the !important for? There's almost certainly a better way to do this
(for example, using :not(.hidden) when you are setting the display property on
one of your elements)

[arv (Not doing code reviews), 2010/12/13 19:58:35]

I'm fine with this !important.

I'm also OK with special casing the troublesome selector by adding a more
specific one

#foo:not(.hidden) {
  display: block;
}

 }
 
 .touch-slider {
   -webkit-appearance: slider-horizontal;
 }
 
 select {
   margin: 0px;
 }
 
@@ skipping 145 matching lines @@
 label.radio > span,
 .suboption {
   -webkit-margin-start: 16px;
   display: block;
 }
 
 html[os=mac] label.checkbox > input,
 html[os=mac] label.radio > input {
   margin-top: 2px;
 }