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..30d28420c16200fde642946658a393fd1ac6269e
--- /dev/null
+++ b/chrome/browser/resources/print_preview/margins.css
@@ -0,0 +1,80 @@
+/* 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.
+ */
+
+.margin-box {
+  background-color: #2a2a2a;
+  border: 1px solid #888;
+  box-sizing: border-box;
+  color: white;
+  cursor: auto;
+  font-family: arial;
+  font-size: 10px;
+  height: 25px;
+  left: 50%;
+  padding: 5px 10px;
+  position: absolute;
+  text-align: center;
+  top: 50%;
+  width: 60px;
+}
+
+.margins-ui-pair.top .margin-box,
+.margins-ui-pair.bottom .margin-box {
+  /* -width / 2 + 1 for the margin border */
+  margin-left: -30px;
+}
+
+.margins-ui-pair.left .margin-box,
+.margins-ui-pair.right .margin-box {
+  /* -height / 2 */
+  margin-top: -12px;
+}
+
+.margins-ui-pair.bottom .margin-box {
+  /* -height + 1 */
+  margin-top: -23px;
+}
+
+.margins-ui-pair.right .margin-box {
+  /* -width - 2 */
+  margin-left: -58px;
+}
+
+.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.dragging {
+  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;
+}