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..6cfdd1a0174579ca7d47896002dbd1c6a705c653
--- /dev/null
+++ b/chrome/browser/resources/policy.css
@@ -0,0 +1,109 @@
+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 {

[James Hawkins, 2011/08/10 17:38:08]

nit: One selector per line.

[simo, 2011/08/11 17:12:53]

Done.

+  font-size: 120%;
+  font-weight: bold;
+  width: 65%;
+}
+
+table {
+  width: 100%;
+}
+
+section {
+  border-bottom: 1px solid #EEE;

[James Hawkins, 2011/08/10 17:38:08]

s/EEE/eee/

[simo, 2011/08/11 17:12:53]

Done.

+  margin-top: 17px;
+  padding-bottom: 20px;
+  width: 100%;
+}
+
+#fetch-policies-button,
+#unsent-policies,
+#search {
+  text-align: end;
+}
+
+#status-pane {
+  -webkit-box-flex: 1;
+  -webkit-box-orient: horizontal;
+  display: -webkit-box;
+  margin: 0 10%;
+}
+
+.status-box {
+  border: 1px solid #D9D9D9;

[James Hawkins, 2011/08/10 17:38:08]

d9d9d9

[simo, 2011/08/11 17:12:53]

Done.

+  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;
+}
+
+.status-box li {
+  padding: 3px;
+}
+
+#policy-table th td {
+  border: 1px solid #FFF;

[James Hawkins, 2011/08/10 17:38:08]

Lower case colors, here and elsewhere.

[simo, 2011/08/11 17:12:53]

Done.

+  border-collapse: collapse;
+  text-align: left;
+}
+
+#policy-table th {
+  background-color: #DADADD;
+  padding: 10px;
+}
+
+#policy-table td {
+  background-color: #EAEEF3;
+  padding: 10px;
+  width: 20%;
+}
+
+.policy-error {
+  background-color: #F0F0F5;
+}