Disable modifying extensions when in managed mode.

chrome/browser/resources/shared/css/chrome_shared.css

Index: chrome/browser/resources/shared/css/chrome_shared.css
===================================================================
--- chrome/browser/resources/shared/css/chrome_shared.css	(revision 141651)
+++ chrome/browser/resources/shared/css/chrome_shared.css	(working copy)
@@ -105,6 +105,52 @@
   direction: rtl;
 }
 
+/* Styles for a hideable notification banner at the top of a page.
+ * See the Options page .managed-prefs-banner for a usage example.
+ */

[Patrick Dubroy, 2012/06/18 12:13:01]

It seems like a lot of this code should be in uber_shared.css, not
chrome_shared.css. Ideally, anything for the visual styling of the banner should
be in the latter, and everything for positioning and hiding/showing should be in
the former.

[Pam (message me for reviews), 2012/06/18 18:26:00]

Moved the whole block to uber_shared.css following our discussion.

+.page.showing-banner {
+  margin-top: 45px;

[Patrick Dubroy, 2012/06/18 12:13:01]

This should be in uber_shared.css, for example.

+}
+
+.main-page-banner {
+  background-color: white;

[Patrick Dubroy, 2012/06/18 12:13:01]

Is this necessary?

[Pam (message me for reviews), 2012/06/18 18:26:00]

I don't know -- I'm just moving this from options_page.css and am reluctant to
remove it.

+  width: 100%;
+  z-index: 2;
+}
+
+.page:not(.showing-banner) .main-page-banner {
+  display: none;
+}
+
+.main-page-banner-gradient {

[Patrick Dubroy, 2012/06/18 12:13:01]

I'd move this to chrome_shared.css and rename the class to just banner-gradient.

+  background: -webkit-linear-gradient(rgb(255, 242, 183),
+                                      rgb(250, 230, 145));
+  border: 1px solid rgb(201, 189, 141);
+  border-radius: 3px;
+  height: 25px;
+  margin: 9px 9px 0 9px;
+}
+
+.main-page-banner .main-page-banner-gradient {
+  -webkit-margin-end: 20px;
+  -webkit-margin-start: 0;
+  margin-bottom: 9px;
+}
+
+.main-page-banner-text {
+  background-image: url('chrome://theme/IDR_MANAGED');
+  background-position: 5px center;
+  background-repeat: no-repeat;
+  display: block;
+  line-height: 24px;
+  padding-left: 26px;
+}
+
+.main-page-banner.clickable:active .main-page-banner-text {
+  background: -webkit-linear-gradient(rgb(250, 230, 145),
+                                      rgb(255, 242, 183));
+}
+
 /* Rules to make it easier to hit targets when using a coarse pointer like
  * a touch screen.
  */