Upstream version 9.38.198.0

[platform/framework/web/crosswalk.git] / src / chrome / browser / resources / options / options_page.css

diff --git a/src/chrome/browser/resources/options/options_page.css b/src/chrome/browser/resources/options/options_page.css
index f9d3610..6607e9d 100644 (file)
--- a/src/chrome/browser/resources/options/options_page.css
+++ b/src/chrome/browser/resources/options/options_page.css
@@ -37,7 +37,7 @@ body {
   min-width: 600px;
 }
 
-body.uber-frame #searchBox {
+body #searchBox {
   position: fixed;
   z-index: 4;
 }
@@ -69,20 +69,6 @@ div.disabled {
   -webkit-box-flex: 1;
 }
 
-.frozen {
-  position: fixed;
-}
-
-#overlay-container-1 {
-  z-index: 11;
-}
-#overlay-container-2 {
-  z-index: 12;
-}
-#overlay-container-3 {
-  z-index: 13;
-}
-
 .raw-button,
 .raw-button:hover,
 .raw-button:active {
@@ -118,10 +104,6 @@ div.disabled {
   margin-top: 0;
 }
 
-.transparent {
-  opacity: 0;
-}
-
 .touch-slider {
   -webkit-appearance: slider-horizontal;
 }
@@ -213,38 +195,38 @@ list:not([disabled]) > :hover {
  * these rules can be simplified (since they wont need to override other rules).
  */
 
-list:not([hasElementFocus]) > [selected],
-list:not([hasElementFocus]) > [lead][selected] {
+list:not([has-element-focus]) > [selected],
+list:not([has-element-focus]) > [lead][selected] {
   background-color: #d0d0d0;
   background-image: none;
 }
 
-list[hasElementFocus] > [selected],
-list[hasElementFocus] > [lead][selected],
-list:not([hasElementFocus]) > [selected]:hover,
-list:not([hasElementFocus]) > [selected][lead]:hover {
+list[has-element-focus] > [selected],
+list[has-element-focus] > [lead][selected],
+list:not([has-element-focus]) > [selected]:hover,
+list:not([has-element-focus]) > [selected][lead]:hover {
   background-color: rgb(187, 206, 233);
   background-image: none;
 }
 
-list[hasElementFocus] > [lead],
-list[hasElementFocus] > [lead][selected] {
+.settings-list[has-element-focus] > [lead],
+.settings-list[has-element-focus] > [lead][selected] {
   border-bottom: 1px solid rgb(120, 146, 180);
   border-top: 1px solid rgb(120, 146, 180);
 }
 
-list[hasElementFocus] > [lead]:nth-child(2),
-list[hasElementFocus] > [lead][selected]:nth-child(2) {
+.settings-list[has-element-focus] > [lead]:nth-child(2),
+.settings-list[has-element-focus] > [lead][selected]:nth-child(2) {
   border-top: 1px solid transparent;
 }
 
-list[hasElementFocus] > [lead]:nth-last-child(2),
-list[hasElementFocus] > [lead][selected]:nth-last-child(2) {
+.settings-list[has-element-focus] > [lead]:nth-last-child(2),
+.settings-list[has-element-focus] > [lead][selected]:nth-last-child(2) {
   border-bottom: 1px solid transparent;
 }
 
-list[disabled] > [lead][selected],
-list[disabled]:focus > [lead][selected] {
+.settings-list[disabled] > [lead][selected],
+.settings-list[disabled]:focus > [lead][selected] {
   border: none;
 }
 
@@ -287,7 +269,8 @@ list .row-delete-button {
 }
 
 list > *:not(:hover):not([selected]):not([lead]) .row-delete-button,
-list:not([hasElementFocus]) > *:not(:hover):not([selected]) .row-delete-button,
+list:not([has-element-focus]) > *:not(:hover):not([selected])
+    .row-delete-button,
 list[disabled] .row-delete-button,
 list .row-delete-button[disabled] {
   opacity: 0;
@@ -332,7 +315,11 @@ list > :not([editing]) [displaymode='edit'] {
 }
 
 list > [editing] [displaymode='static'] {
-  display: none;
+  /* Don't use display:none because we need to keep an element focusable. */
+  left: 0;
+  pointer-events: none;
+  position: absolute;
+  visibility: hidden;
 }
 
 list > [editing] input:invalid {
@@ -399,7 +386,7 @@ html[enable-background-mode=false] #background-mode-section {
 /* UI Controls */
 
 /* LIST */
-list[hasElementFocus] {
+.settings-list[has-element-focus] {
 <if expr="not is_macosx">
   outline: 1px solid rgba(0, 128, 256, 0.5);
   outline-offset: -2px;
@@ -431,8 +418,8 @@ list.autocomplete-suggestions > div {
   height: auto;
 }
 
-list.autocomplete-suggestions:not([hasElementFocus]) > [selected],
-list.autocomplete-suggestions:not([hasElementFocus]) > [lead][selected] {
+list.autocomplete-suggestions:not([has-element-focus]) > [selected],
+list.autocomplete-suggestions:not([has-element-focus]) > [lead][selected] {
   background-color: rgb(187, 206, 233);
 }
 
@@ -452,119 +439,3 @@ html[flashPluginSupportsClearSiteData] .clear-plugin-lso-data-disabled,
 html:not([enablePepperFlashSettings]) .pepper-flash-settings {
   display: none;
 }
-
-/* Controlled setting indicator and bubble. */
-
-.controlled-setting-with-label {
-  -webkit-box-align: center;
-  display: -webkit-box;
-  padding-bottom: 7px;
-  padding-top: 7px;
-}
-
-.controlled-setting-with-label > input + span {
-  -webkit-box-align: center;
-  -webkit-box-flex: 1;
-  -webkit-margin-start: 0.6em;
-  display: -webkit-box;
-}
-
-.controlled-setting-with-label > input:disabled + span label {
-  color: #999;
-}
-
-.controlled-setting-with-label label {
-  display: inline;
-  padding: 0;
-}
-
-input:-webkit-any([type='text'],[type='url'],:not([type])) +
-    .controlled-setting-indicator {
-  -webkit-margin-start: 5px;
-}
-
-.controlled-setting-indicator:not([controlled-by]) {
-  display: none;
-}
-
-.controlled-setting-indicator[controlled-by='policy'] > div {
-  background-image:
-      url('chrome://theme/IDR_CONTROLLED_SETTING_MANDATORY_GRAY');
-}
-
-.controlled-setting-indicator[controlled-by='policy'] >
-    div:-webkit-any(:hover, .showing-bubble) {
-  background-image:
-      url('chrome://theme/IDR_CONTROLLED_SETTING_MANDATORY');
-}
-
-.controlled-setting-indicator[controlled-by='owner'] > div {
-  background-image:
-      url('chrome://theme/IDR_CONTROLLED_SETTING_MANDATORY_GRAY');
-}
-
-.controlled-setting-indicator[controlled-by='owner'] >
-    div:-webkit-any(:hover, .showing-bubble) {
-  background-image:
-      url('chrome://theme/IDR_CONTROLLED_SETTING_MANDATORY');
-}
-
-.controlled-setting-indicator[controlled-by='extension'] > div {
-  background-image:
-      url('chrome://theme/IDR_CONTROLLED_SETTING_EXTENSION_GRAY');
-}
-
-.controlled-setting-indicator[controlled-by='extension'] >
-    div:-webkit-any(:hover, .showing-bubble) {
-  background-image:
-      url('chrome://theme/IDR_CONTROLLED_SETTING_EXTENSION');
-}
-
-.controlled-setting-indicator:-webkit-any([controlled-by='recommended'],
-    [controlled-by='hasRecommendation']) > div {
-  background-image:
-      url('chrome://theme/IDR_CONTROLLED_SETTING_RECOMMENDED_GRAY');
-}
-
-.controlled-setting-indicator:-webkit-any([controlled-by='recommended'],
-    [controlled-by='hasRecommendation']) >
-    div:-webkit-any(:hover,.showing-bubble) {
-  background-image:
-      url('chrome://theme/IDR_CONTROLLED_SETTING_RECOMMENDED');
-}
-
-.controlled-setting-bubble-content {
-  -webkit-padding-start: 30px;
-  background-repeat: no-repeat;
-  background-size: 22px;
-  min-height: 32px;
-}
-
-.controlled-setting-bubble-content[controlled-by='policy'] {
-  background-image:
-      url('chrome://theme/IDR_CONTROLLED_SETTING_MANDATORY_LARGE');
-}
-
-.controlled-setting-bubble-content[controlled-by='owner'] {
-  background-image:
-      url('chrome://theme/IDR_CONTROLLED_SETTING_MANDATORY_LARGE');
-}
-
-.controlled-setting-bubble-content[controlled-by='extension'] {
-  background-image:
-      url('chrome://theme/IDR_CONTROLLED_SETTING_EXTENSION_LARGE');
-}
-
-.controlled-setting-bubble-content:-webkit-any([controlled-by='recommended'],
-    [controlled-by='hasRecommendation']) {
-  background-image:
-      url('chrome://theme/IDR_CONTROLLED_SETTING_RECOMMENDED_LARGE');
-}
-
-html[dir='rtl'] .controlled-setting-bubble-content {
-  background-position: right top;
-}
-
-.controlled-setting-bubble-action {
-  padding: 0 !important;
-}