Print Preview: Adding UI for margin settings.

chrome/browser/resources/print_preview/print_preview.css

Index: chrome/browser/resources/print_preview/print_preview.css
diff --git a/chrome/browser/resources/print_preview/print_preview.css b/chrome/browser/resources/print_preview/print_preview.css
index 69fd060bf99f42919c064a0e0456b2121a207ee3..2b3dec757343763415d5ea8f71fd4a850635a3dd 100644
--- a/chrome/browser/resources/print_preview/print_preview.css
+++ b/chrome/browser/resources/print_preview/print_preview.css
@@ -722,6 +722,45 @@ select {
   pointer-events: none;
 }
 
+input[type='text'].margin-box {
+  background-color: #2a2a2a;
+  color: #ffffff;

[Evan Stade, 2011/10/05 03:05:23]

black

[dpapad, 2011/10/05 16:39:49]

See next comment.

+  cursor: auto;
+  font-family: arial;
+  font-size: 10px;
+  height: 15px;
+  padding: 5px 10px;
+  position: absolute;
+  text-align: center;
+  width: 40px;
+  z-index: 3;
+}
+
+input[type='text'].margin-box.invalid {
+  background-color: #c11b17;
+}
+
+.draggable-area {
+  background-color: transparent;
+  border-color: transparent;
+  pointer-events: none;
+  position: absolute;
+  z-index: 2;
+}
+
+.margin-line {
+  border-color: #4080FA;

[Evan Stade, 2011/10/05 03:05:23]

i prefer rgb() style (easier to read)

[dpapad, 2011/10/05 16:39:49]

According to the style guide, hex values should be used,
http://www.chromium.org/developers/web-development-style-guide.

[Evan Stade, 2011/10/05 22:42:14]

I've started a thread with James and Erik. We'll see where that goes.

+  border-style: dashed;
+  border-width: 1px;
+  position: absolute;
+  z-index: 2;
+}
+
+#customized-margins {
+  position: absolute;
+  top: 0;
+}
+
 #messages {
   color: #404040;
   font-size: 13px;