Home | History | Annotate | Download | only in previewarea 
      1 /* Copyright (c) 2012 The Chromium Authors. All rights reserved.
      2  * Use of this source code is governed by a BSD-style license that can be
      3  * found in the LICENSE file. */
      4 
      5 #preview-area .margin-control {
      6   -webkit-transition: opacity 150ms linear;
      7   position: absolute;
      8 }
      9 
     10 #preview-area .margin-control.invisible {
     11   opacity: 0;
     12   pointer-events: none;
     13 }
     14 
     15 #preview-area .margin-control.margin-control-top,
     16 #preview-area .margin-control.margin-control-bottom {
     17   cursor: ns-resize;
     18   padding: 8px 0;
     19   width: 100%;
     20 }
     21 
     22 #preview-area .margin-control.margin-control-left,
     23 #preview-area .margin-control.margin-control-right {
     24   cursor: ew-resize;
     25   height: 100%;
     26   padding: 0 8px;
     27 }
     28 
     29 #preview-area .margin-control.margin-control-disabled {
     30   cursor: default;
     31 }
     32 
     33 #preview-area .margin-control-line {
     34   border-color: rgb(64, 128, 250);
     35   border-style: dashed;
     36   border-width: 1px;
     37 }
     38 
     39 #preview-area .margin-control-disabled .margin-control-line  {
     40   border-color: gray;
     41 }
     42 
     43 #preview-area .margin-control-top .margin-control-line,
     44 #preview-area .margin-control-bottom .margin-control-line {
     45   width: 100%;
     46 }
     47 
     48 #preview-area .margin-control-left .margin-control-line,
     49 #preview-area .margin-control-right .margin-control-line {
     50   height: 100%;
     51 }
     52 
     53 #preview-area .margin-control-textbox {
     54   background-color: #2a2a2a;
     55   border: 1px solid #888;
     56   box-sizing: border-box;
     57   color: white;
     58   cursor: auto;
     59   font-family: arial;
     60   font-size: 0.8em;
     61   height: 25px;
     62   padding: 5px 0;
     63   position: absolute;
     64   text-align: center;
     65   width: 60px;
     66 }
     67 
     68 #preview-area .margin-control-textbox.invalid {
     69   background-color: rgb(193, 27, 23);
     70 }
     71 
     72 #preview-area .margin-control-top .margin-control-textbox {
     73   left: 50%;
     74   top: 8px;
     75 }
     76 
     77 #preview-area .margin-control-right .margin-control-textbox {
     78   right: 8px;
     79   top: 50%;
     80 }
     81 
     82 #preview-area .margin-control-bottom .margin-control-textbox {
     83   bottom: 8px;
     84   right: 50%;
     85 }
     86 
     87 #preview-area .margin-control-left .margin-control-textbox {
     88   bottom: 50%;
     89   left: 8px;
     90 }
     91