Controlled settings indicator and bubble for chrome://preferences.

chrome/browser/resources/options/options_page.css

Index: chrome/browser/resources/options/options_page.css
diff --git a/chrome/browser/resources/options/options_page.css b/chrome/browser/resources/options/options_page.css
index dda118617f130b16b85f01b944d59c4aba556482..1ba7f282f9ee4c0e90b7bb905f01e9df32fd5a39 100644
--- a/chrome/browser/resources/options/options_page.css
+++ b/chrome/browser/resources/options/options_page.css
@@ -611,3 +611,82 @@ html[flashPluginSupportsClearSiteData] .clear-plugin-lso-data-disabled {
 .displaytable:not([searching='true']) > section:last-child > *  {
   border-bottom: none;
 }
+
+/* Controlled setting indicator and bubble. */
+.controlled-setting-indicator {
+  background-size: contain;
+  display: inline-block;
+  height: 16px;
+  /* Establish a containing block for absolutely positioning the bubble. */
+  position: relative;
+  vertical-align: text-bottom;
+  width: 16px;
+}
+
+.controlled-setting-indicator[controlledBy='policy'] {
+  background-image: url('chrome://theme/IDR_MANAGED_GRAY');
+}
+
+.controlled-setting-indicator[controlledBy='extension'] {
+  background-image: url('chrome://theme/IDR_MANAGED_GRAY');
+}
+
+.controlled-setting-indicator[controlledBy='recommended'] {
+  background-image: url('chrome://theme/IDR_MANAGED_GRAY');
+}
+
+.controlled-setting-bubble {
+  -webkit-margin-start: -20px;
+  background-color: white;
+  border-radius: 4px;
+  border: 1px solid #ccc;
+  box-shadow: 0 2px 2px #ddd;
+  margin-top: 10px;
+  padding: 10px;
+  position: absolute;
+  top: 50%;
+}
+
+html[dir='ltr'] .controlled-setting-bubble {
+  left: 50%;
+}
+
+html[dir='rtl'] .controlled-setting-bubble {
+  right: 50%;
+}
+
+.controlled-setting-bubble:before {
+  -webkit-margin-start: 4px;
+  border-color: #ccc transparent;
+  border-style: solid;
+  border-width: 0px 5px 5px;
+  content: '';
+  position: absolute;
+  top: -5px;
+}
+
+.controlled-setting-bubble:after {
+  -webkit-margin-start: 5px;
+  border-color: white transparent;
+  border-style: solid;
+  border-width: 0px 4px 4px;
+  content: '';
+  position: absolute;
+  top: -4px;
+}
+
+.controlled-setting-bubble-text {
+  -webkit-padding-start: 40px;
+  background-image: url('chrome://theme/IDR_MANAGED_COLOR');
+  background-repeat: no-repeat;
+  min-height: 32px;
+  min-width: 200px;
+}
+
+html[dir='rtl'] .controlled-setting-bubble-text {
+  background-position: right top;
+}
+
+.controlled-setting-bubble-action {
+  padding: 0px !important;
+}