git.roojs.org Git - roojs1/blob - less/roojs-bootstrap/document-viewer.scss

   1
   2 .document-viewer-dialog .modal-dialog {
   3     margin: 0px auto;
   4 }
   5
   6 .document-viewer-dialog .modal-header,
   7 .document-viewer-dialog .modal-footer {
   8     padding-top: 5px;
   9     padding-bottom: 5px;
  10 }
  11
  12 .document-viewer-dialog .modal-body {
  13     padding: 0px;
  14 }
  15
  16 .roo-document-viewer-body {
  17     background-color: $body-bg;
  18     width: 100%;
  19     height: 450px;
  20     max-height: 450px;
  21     position: relative;
  22     overflow: hidden;
  23     cursor:move;
  24 }
  25
  26 .roo-document-viewer-body .roo-document-viewer-thumb {
  27     position: absolute;
  28     width: 80%;
  29     height: 80%;
  30     top: 50%;
  31     left: 50%;
  32     transform: translate(-50%, -50%);
  33     box-sizing: border-box;
  34     border: 1px solid rgb(102, 102, 102);
  35     box-shadow: 0 0 0 1000px $black-opacity-50;
  36     text-align: center;
  37     vertical-align: middle;
  38     overflow: auto;
  39 }
  40
  41 .roo-document-viewer-body .roo-document-viewer-image{
  42     width: 100%;
  43 }
  44
  45 .roo-document-viewer-btn-group button {
  46     background-color: $gray-base;
  47     color: $body-bg;
  48     border-color: $gray-dark;
  49 }
  50
  51 .roo-document-viewer-btn-group > .btn-group:first-child > button {
  52     border-top-left-radius: 0;
  53 }
  54
  55 .roo-document-viewer-btn-group > .btn-group:last-child > button {
  56     border-top-right-radius: 0;
  57 }