Index: chrome/common/extensions/docs/examples/extensions/plugin_settings/domui/css/list.css |
diff --git a/chrome/common/extensions/docs/examples/extensions/plugin_settings/domui/css/list.css b/chrome/common/extensions/docs/examples/extensions/plugin_settings/domui/css/list.css |
new file mode 100644 |
index 0000000000000000000000000000000000000000..75d2a9294720e2e375bb469467c6579d7a600655 |
--- /dev/null |
+++ b/chrome/common/extensions/docs/examples/extensions/plugin_settings/domui/css/list.css |
@@ -0,0 +1,89 @@ |
+ |
+list, |
+grid { |
+ display: block; |
+ outline: none; |
+ overflow: auto; |
+ position: relative; /* Make sure that item offsets are relative to the |
+ list. */ |
+} |
+ |
+list > *, |
+grid > * { |
+ -webkit-user-select: none; |
+ background-color: rgba(255,255,255,0); |
+ border: 1px solid rgba(255,255,255,0); /* transparent white */ |
+ border-radius: 2px; |
+ cursor: default; |
+ line-height: 20px; |
+ margin: -1px 0; |
+ overflow: hidden; |
+ padding: 0px 3px; |
+ position: relative; /* to allow overlap */ |
+ text-overflow: ellipsis; |
+ white-space: pre; |
+} |
+ |
+list > * { |
+ display: block; |
+} |
+ |
+grid > * { |
+ display: inline-block; |
+} |
+ |
+list > [lead], |
+grid > [lead] { |
+ border-color: transparent; |
+} |
+ |
+list:focus > [lead], |
+grid:focus > [lead] { |
+ border-color: hsl(214, 91%, 65%); |
+ z-index: 2; |
+} |
+ |
+list > [anchor], |
+grid > [anchor] { |
+ |
+} |
+ |
+list:not([disabled]) > :hover, |
+grid:not([disabled]) > :hover { |
+ border-color: hsl(214, 91%, 85%); |
+ z-index: 1; |
+ background-color: hsl(214, 91%, 97%); |
+} |
+ |
+list > [selected], |
+grid > [selected] { |
+ border-color: hsl(0, 0%, 85%); |
+ background-color: hsl(0,0%,90%); |
+ z-index: 2; |
+ background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0.8), |
+ rgba(255, 255, 255, 0)); |
+} |
+ |
+list:focus > [selected], |
+grid:focus > [selected] { |
+ background-color: hsl(214,91%,89%); |
+ border-color: hsl(214, 91%, 65%); |
+} |
+ |
+list:focus > [lead][selected], |
+list > [selected]:hover, |
+grid:focus > [lead][selected], |
+grid > [selected]:hover { |
+ background-color: hsl(214, 91%, 87%); |
+ border-color: hsl(214, 91%, 65%); |
+} |
+ |
+list > .spacer, |
+grid > .spacer { |
+ border: 0; |
+ box-sizing: border-box; |
+ display: block; |
+ overflow: hidden; |
+ visibility: hidden; |
+ margin: 0; |
+} |