Upstream version 10.39.225.0

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

diff --git a/src/chrome/browser/resources/options/website_settings.css b/src/chrome/browser/resources/options/website_settings.css
index ed490c0..f2bcd13 100644 (file)
--- a/src/chrome/browser/resources/options/website_settings.css
+++ b/src/chrome/browser/resources/options/website_settings.css
@@ -3,6 +3,11 @@
  * found in the LICENSE file. */
 
 #website-settings-page {
+  min-height: 445px;
+  min-width: 540px;
+}
+
+#website-settings-edit-page {
   max-height: 445px;
   min-width: 540px;
 }
@@ -12,16 +17,20 @@
 }
 
 .website-header-controls {
+  align-items: center;
   display: flex;
+  justify-content: space-between;
+}
+
+.website-header-controls > div {
+  font-weight: bold;
 }
 
-.resource-type-select {
-  -webkit-margin-end: auto;
-  min-width: 170px;
+#allowed-origin-list-title {
+  font-size: 1.3em;
 }
 
 #website-settings-search-box {
-  -webkit-margin-start: 35px;
   width: 165px;
 }
 
@@ -29,18 +38,107 @@
   padding-bottom: 20px;
 }
 
-.content-area.website-list-content-area {
+.website-list-content-area {
   display: flex;
   flex-direction: column;
 }
 
+.permission-name {
+  -webkit-margin-start: 7px;
+  font-size: 13px;
+  width: 300px;
+}
+
+#website-settings-edit-page .permission-selection-option {
+  -webkit-margin-end: 20px;
+  -webkit-margin-start: 35px;
+  width: 12em;
+}
+
+#website-settings-permission-column {
+  -webkit-margin-start: 8px;
+}
+
+.website-properties {
+  -webkit-margin-after: 8px;
+  -webkit-margin-start: 8px;
+  -webkit-padding-after: 4px;
+}
+
+.website-property-area {
+  -webkit-margin-after: 8px;
+  align-items: center;
+  display: flex;
+  justify-content: space-between;
+}
+
+.website-property-button {
+  -webkit-margin-after: 9em;
+}
+
+#website-title {
+  -webkit-margin-after: 22px;
+  -webkit-margin-before: 0;
+  -webkit-padding-start: 21px;
+  font-size: 15px;
+  line-height: 20px;
+}
+
+#website-settings-page .content-area {
+  padding: auto 20px;
+}
+
+#website-settings-page .action-area {
+  padding: auto 20px;
+
+}
+
+#website-settings-edit-page .action-area {
+  padding: auto 20px;
+
+}
+
+.origin-permission-list {
+  -webkit-padding-before: 4px;
+  border: 1px solid #d9d9d9;
+  height: 192px;
+}
+
+#website-settings-edit-page .website-property-button {
+  min-width: 70px;
+}
+
+#website-settings-edit-page .website-property-controls {
+  min-width: 165px;
+}
+
+#website-settings-global-controls {
+  -webkit-margin-after: 24px;
+  align-items: center;
+  display: flex;
+}
+
+#global-setting {
+  -webkit-margin-start: 35px;
+  flex: 1;
+}
+
 /* Styles for the origin list elements in the website settings page. */
-#origin-list {
+.origin-list {
   border: 1px solid #d9d9d9;
-  font-family: Noto Sans;
   font-size: 13px;
+  height: 192px;
   margin: 5px 0 0;
-  min-height: 287px;
+}
+
+#website-settings-page .blocked-origin-list {
+  height: 128px;
+  min-height: 128px;
+}
+
+#website-settings-page .nonsplit-origin-list {
+  height: 357px;
+  min-height: 357px;
 }
 
 #origin-list-item {
@@ -56,3 +154,16 @@ list.origin-list .favicon-cell {
   -webkit-margin-start: 6px;
   -webkit-padding-start: 21px;
 }
+
+list.origin-list .favicon-cell {
+  -webkit-margin-start: 5px;
+  -webkit-padding-start: 21px;
+  font-size: 13px;
+}
+
+.permission-option {
+  -webkit-margin-before: 4px;
+  align-items: center;
+  display: flex;
+  justify-content: space-between;
+}