Print Preview: Making margin lines draggable.

chrome/browser/resources/print_preview/margins.css

Index: chrome/browser/resources/print_preview/margins.css
diff --git a/chrome/browser/resources/print_preview/margins.css b/chrome/browser/resources/print_preview/margins.css
new file mode 100644
index 0000000000000000000000000000000000000000..d424c8c28385d8da586e120802e6d729b0aacfc3
--- /dev/null
+++ b/chrome/browser/resources/print_preview/margins.css
@@ -0,0 +1,77 @@
+/* Copyright (c) 2011 The Chromium Authors. All rights reserved.
+ * Use of this source code is governed by a BSD-style license that can be
+ * found in the LICENSE file.
+ */
+
+input[type='text'].margin-box {
+  background-color: #2a2a2a;
+  color: #fff;

[Evan Stade, 2011/10/18 01:04:40]

white

[dpapad, 2011/10/18 02:18:11]

Done.

+  cursor: auto;
+  font-family: arial;
+  font-size: 10px;
+  height: 15px;
+  left: 50%;
+  padding: 5px 10px;
+  position: absolute;
+  text-align: center;
+  top: 50%;
+  width: 40px;
+}
+
+.margins-ui-pair.top input[type='text'].margin-box {
+  /* margin-left = -(width + 2 * padding-{left|right}) / 2 */
+  margin-left: -30px;
+}
+.margins-ui-pair.bottom input[type='text'].margin-box {
+  /* margin-left = -(width + 2 * padding-{left|right}) / 2 */
+  margin-left: -30px;
+  /* margin-top = -(height + 2 * padding-{top|bottom}) */
+  margin-top: -25px;
+}
+.margins-ui-pair.left input[type='text'].margin-box {
+  /* margin-top = -(height + 2 * padding-{top|bottom}) / 2 */
+  margin-top: -12.5px;
+}
+.margins-ui-pair.right input[type='text'].margin-box {
+  /* margin-left = -(width + 2 * padding-{left|right}) */
+  margin-left: -60px;
+  /* margin-top = -(height + 2 * padding-{top|bottom}) / 2 */
+  margin-top: -12.5px;
+}
+
+input[type='text'].margin-box.invalid {
+  background-color: #c11b17;
+}
+
+.margins-ui-pair {
+  background-color: transparent;
+  border-color: transparent;
+  position: absolute;
+}
+
+.margins-ui-pair.right,
+.margins-ui-pair.left {
+  cursor: ew-resize;
+}
+
+.margins-ui-pair.top,
+.margins-ui-pair.bottom {
+  cursor: ns-resize;
+}
+
+.margins-ui-pair.front {
+  z-index: 1;
+}
+
+.margin-line {
+  border-color: #4080FA;
+  border-style: dashed;
+  border-width: 1px;
+  pointer-events: none;
+  position: absolute;
+}
+
+#customized-margins {
+  position: absolute;
+  top: 0;
+}