First CL for the about:policy page. This only implements the policy section of the page.

chrome/browser/resources/policy.css

Index: chrome/browser/resources/policy.css
diff --git a/chrome/browser/resources/policy.css b/chrome/browser/resources/policy.css
new file mode 100644
index 0000000000000000000000000000000000000000..a6537d7836e69ed1c3801c1f7b9f037d94084c60
--- /dev/null
+++ b/chrome/browser/resources/policy.css
@@ -0,0 +1,141 @@
+body {
+  color: black;
+  cursor: default;
+  font-family: Arial, sans-serif;
+  font-size: 14px;
+  margin: 0 10px;
+  min-width: 47em;
+}
+
+button {
+  font-size: 0.9em;
+}
+
+#header {
+  border-bottom: 1px solid #000;
+  padding-top: 20px;
+}
+
+#about-policy-title {
+  -webkit-padding-end: 24px;
+  -webkit-user-select: none;
+  border-bottom: 1px solid #c6c9ce;
+  color: #53637d;
+  cursor: pointer;
+  font-size: 200%;
+  font-weight: normal;
+  margin: 0;
+  padding-bottom: 14px;
+  padding-top: 13px;
+  text-shadow: white 0 1px 2px;
+}
+
+#main-content {
+  min-height: 100%;
+}
+
+#status-title,
+#policies-title {
+  font-size: 120%;
+  font-weight: bold;
+  width: 65%;
+}
+
+table {
+  width: 100%;
+}
+
+section {
+  border-bottom: 1px solid #eee;
+  margin-top: 17px;
+  padding-bottom: 20px;
+  width: 100%;
+}
+
+.separator {
+  -webkit-box-orient: horizontal;
+  display: -webkit-box;
+}
+
+#fetch-policies,
+#unsent-policies-control {
+  -webkit-box-flex: 1;
+}
+
+#fetch-policies,
+#unsent-policies-control,
+#search {
+  bottom: 3px;
+  position: relative;
+}
+
+#fetch-policies-button,
+#checkbox-and-label {
+  float: right;

[James Hawkins, 2011/08/11 21:16:30]

RTL

[simo, 2011/08/16 17:36:34]

Done.

+}
+
+#checkbox-and-label {
+  padding-right: 20px;

[James Hawkins, 2011/08/11 21:16:30]

RTL

[simo, 2011/08/16 17:36:34]

I can't get the checkbox to stay on the right side of the label if I use RTL
here.

+}
+
+#search-field {
+  bottom: 2px;
+  position: relative;
+}
+
+#status-pane {
+  -webkit-box-flex: 1;
+  -webkit-box-orient: horizontal;
+  display: -webkit-box;
+  margin: 0 10%;
+}
+
+.status-box {
+  border: 1px solid #d9d9d9;
+  margin: 20px 100px;
+  min-height: 140px;
+  min-width: 300px;
+  overflow: hidden;
+  padding: 2px;
+  width: 30%;
+}
+
+legend {
+  padding: 0.2em 0.5em;
+}
+
+.status-box ul {
+  list-style-type: none;
+  padding-left: 10px;

[James Hawkins, 2011/08/11 21:16:30]

RTL

[simo, 2011/08/16 17:36:34]

Do you mean RTL in terms of internationalization? Or why should this be
right-to-left?

+}
+
+.status-box li {
+  padding: 3px;
+}
+
+#no-policies-text {
+  font-weight: bold;
+  margin: 20px;
+  text-align: center;
+}
+
+#policy-table th td {
+  border: 1px solid #fff;
+  border-collapse: collapse;
+  text-align: left;

[James Hawkins, 2011/08/11 21:16:30]

RTL

[simo, 2011/08/16 17:36:34]

Do you mean RTL in terms of internationalization? Or why should this be
right-to-left?

+}
+
+#policy-table th {
+  background-color: #dadadd;
+  padding: 10px;
+}
+
+#policy-table td {
+  background-color: #eaeef3;
+  padding: 10px;
+  width: 20%;
+}
+
+.policy-error {
+  background-color: #f0f0f5;
+}