Upstream version 9.38.198.0
[platform/framework/web/crosswalk.git] / src / third_party / WebKit / Source / devtools / front_end / helpScreen.css
index 5ca7e8a..04adc6d 100644 (file)
@@ -131,7 +131,7 @@ body.platform-mac .settings-tab .help-block {
 
 .settings-tab .field-error-message {
     color: DarkRed;
-    height: 0px; // Avoid changing element height when content is set.
+    height: 0px; /* Avoid changing element height when content is set. */
 }
 
 .help-line {
@@ -150,7 +150,9 @@ body.platform-mac .help-key-cell {
 }
 
 .help-cell {
-    display: inline;
+    display: inline-block;
+    width: 200px;
+    vertical-align: middle;
 }
 
 .help-section-title {
@@ -233,18 +235,6 @@ body.platform-mac .help-key {
     margin-right: 7px;
 }
 
-.help-content select {
-    background-color: rgb(64, 64, 64);
-    color: white;
-    border-color: black;
-    padding: 0 4px;
-}
-
-.help-content select:disabled {
-    background-color: rgb(32, 32, 32);
-    color: graytext;
-}
-
 .help-content option {
     background-color: #EEEEEE;
     color: #222;
@@ -395,19 +385,7 @@ body.platform-mac .help-key {
 }
 
 .settings-tab select {
-    background-color: #FAFAFA;
-    border-color: rgb(213, 213, 213);
-    border-radius: 2px;
-    color: inherit;
-    padding: 0 4px;
-}
-
-.settings-tab select:disabled {
-    background-color: rgb(221, 221, 221);
-}
-
-.settings-tab .workspace-settings-row input {
-    width: 190px;
+    margin-left: 10px;
 }
 
 #workspace-tab-content .settings-tab.help-content.help-container {
@@ -419,68 +397,6 @@ body.platform-mac .help-key {
     opacity: 1.0 !important;
 }
 
-#workspace-tab-content .workspace-settings-row:hover .button {
-    visibility: visible;
-    opacity: 0.4;
-}
-
-#workspace-tab-content .workspace-settings-row .button {
-    width: 10px;
-    height: 10px;
-    border: none;
-    -webkit-appearance: none;
-    background-color: transparent;
-    visibility: hidden;
-    background-position: center;
-    margin: 0 0 0 4px;
-}
-
-#workspace-tab-content .workspace-settings-row .remove-button {
-    background-image: url(Images/deleteIcon.png);
-}
-
-#workspace-tab-content .workspace-settings-row .add-button {
-    background-image: url(Images/addIcon.png);
-}
-
-#workspace-tab-content .workspace-settings-error {
-    color: red;
-}
-
-.settings-tab-text-button {
-    background-image: linear-gradient(hsl(0, 0%, 93%), hsl(0, 0%, 93%) 38%, hsl(0, 0%, 87%));
-    border: 1px solid hsla(0, 0%, 0%, 0.25);
-    border-radius: 2px;
-    box-shadow: 0 1px 0 hsla(0, 0%, 0%, 0.08), inset 0 1px 2px hsla(0, 100%, 100%, 0.75);
-    color: hsl(0, 0%, 27%);
-    font-size: 12px;
-    margin: 0 1px 0 0;
-    text-shadow: 0 1px 0 hsl(0, 0%, 94%);
-    min-height: 2em;
-    padding-left: 10px;
-    padding-right: 10px;
-}
-
-.settings-tab-text-button:disabled {
-    background-image: linear-gradient(#f1f1f1, #f1f1f1 38%, #e6e6e6);
-    border-color: rgba(80, 80, 80, 0.2);
-    box-shadow: 0 1px 0 rgba(80, 80, 80, 0.08), inset 0 1px 2px rgba(255, 255, 255, 0.75);
-    color: #aaa;
-}
-
-.settings-tab-text-button:not(:disabled):hover {
-    background-image: linear-gradient(hsl(0, 0%, 94%), hsl(0, 0%, 94%) 38%, hsl(0, 0%, 88%));
-    border-color: hsla(0, 0%, 0%, 0.3);
-    box-shadow: 0 1px 0 hsla(0, 0%, 0%, 0.12), inset 0 1px 2px hsla(0, 100%, 100%, 0.95);
-    color: hsl(0, 0%, 0%);
-}
-
-.settings-tab-text-button:not(:disabled):active {
-    background-image: linear-gradient(hsl(0, 0%, 91%), hsl(0, 0%, 91%) 38%, hsl(0, 0%, 84%));
-    box-shadow: none;
-    text-shadow: none;
-}
-
 .settings-tab .settings-list-container {
     background-color: white;
     margin-bottom: 10px;
@@ -587,12 +503,16 @@ body.platform-mac .help-key {
     background-color: pink;
 }
 
-.list-column-editor {
+input.list-column-editor,
+select.list-column-editor {
     border: 1px solid rgb(213, 213, 213);
     border-radius: 2px;
     color: #444444;
     padding: 3px;
 }
+select.list-column-editor {
+    padding: 2px;
+}
 
 .settings-tab .settings-list .settings-list-item .file-system-path {
     white-space: nowrap;
@@ -608,6 +528,10 @@ body.platform-mac .help-key {
     font-weight: bold;
 }
 
+.file-systems-list .settings-list-item .list-column.settings-list-column-path {
+    width: 100%;
+}
+
 .file-mappings-list .settings-list-item .list-column.settings-list-column-url {
     width: 50%;
 }
@@ -616,10 +540,23 @@ body.platform-mac .help-key {
     width: 50%;
 }
 
+.blackbox-patterns-list .settings-list-item .list-column.settings-list-column-pattern {
+    width: 50%;
+}
+
+.blackbox-patterns-list .settings-list-item .list-column.settings-list-column-value {
+    width: 50%;
+}
+
 .excluded-folders-list .settings-list-item .list-column.settings-list-column-path {
     width: 100%;
 }
 
+.settings-tab .settings-list .settings-list-item.disabled .settings-list-column-pattern .list-column-text {
+    color: #666;
+    text-decoration: line-through;
+}
+
 .settings-dialog {
     border-radius: 3px;
     box-shadow: 0 4px 23px 5px rgba(0, 0, 0, 0.2), 0 2px 6px rgba(0,0,0,0.15);
@@ -653,6 +590,23 @@ body.platform-mac .help-key {
     margin-bottom: 0.8em;
 }
 
+.blackbox-dialog .columns-header {
+    color: black;
+    font-weight: bold;
+    margin-bottom: 0.4em;
+    display: -webkit-box;
+    padding: 0;
+}
+
+.blackbox-dialog .columns-header span {
+    width: 50%;
+    display: -webkit-box;
+}
+
+.blackbox-dialog .columns-header span + span {
+    margin-left: -7px
+}
+
 .settings-dialog .done-button {
     float: right;
 }
@@ -671,12 +625,7 @@ body.platform-mac .help-key {
     padding-left: 10px;
 }
 
-.help-field-note {
-    opacity: 0.6;
-    padding-left: 19px;
-}
-
-.edit-file-system-dialog .section {
+.dialog-contents .section {
     min-width: 400px;
 }