Refactor print preview web ui

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
deleted file mode 100644
index f2fd789650dea640d5860c3f17759ec99b285e1f..0000000000000000000000000000000000000000
--- a/chrome/browser/resources/print_preview/margins.css
+++ /dev/null
@@ -1,100 +0,0 @@
-/* Copyright (c) 2012 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. */
-
-#print-preview .margin-box {
-  background-color: #2a2a2a;
-  border: 1px solid #888;
-  box-sizing: border-box;
-  color: white;
-  cursor: auto;
-  font-family: arial;
-  font-size: 0.8em;
-  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: rgb(193, 27, 23);
-}
-
-.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: rgb(64, 128, 250);
-  border-style: dashed;
-  border-width: 1px;
-  pointer-events: none;
-  position: absolute;
-}
-
-.margins-ui-pair.top .margin-line,
-.margins-ui-pair.bottom .margin-line {
-  height: 0;
-  left: 0;
-  top: 50%;
-  width: 100%;
-}
-
-.margins-ui-pair.left .margin-line,
-.margins-ui-pair.right .margin-line {
-  height: 100%;
-  left: 50%;
-  top: 0;
-  width: 0;
-}
-
-#customized-margins {
-  position: absolute;
-  top: 0;
-}
-
-#customized-margins.invisible {
-  opacity: 0;
-  pointer-events: none;
-}