git.roojs.org Git - roojs1/blob - old-css-bootstrap/document-slider.css

   1
   2 .document-slider-dialog .modal-body {
   3     padding: 0px;
   4 }
   5
   6 .roo-document-slider-header {
   7     background-color: rgba(0, 0, 0, 0.5);
   8 }
   9
  10 .roo-document-slider-header .roo-document-slider-header-title {
  11     width: 80%;
  12     margin: 0 auto;
  13     padding: 10px 0;
  14     color: white;
  15     font-weight: bold;
  16     text-align: center;
  17 }
  18
  19 .roo-document-slider-body {
  20     background-color: #fff;
  21     width: 100%;
  22     height: 450px;
  23     position: relative;
  24     overflow: hidden;
  25 }
  26
  27 .roo-document-slider-body .roo-document-slider-thumb {
  28     position: absolute;
  29     width: 80%;
  30     height: 100%;
  31     top: 50%;
  32     left: 50%;
  33     transform: translate(-50%, -50%);
  34     box-sizing: border-box;
  35     border: 1px solid rgb(102, 102, 102);
  36     box-shadow: 0 0 0 1000px rgba(0, 0, 0, 0.5);
  37     text-align: center;
  38     vertical-align: middle;
  39     overflow: auto;
  40     cursor:move;
  41 }
  42
  43 .roo-document-slider-body .roo-document-slider-image{
  44     width: 100%;
  45 }
  46
  47 .roo-document-slider-prev {
  48     position: absolute;
  49     top: 0;
  50     left: 0;
  51     text-align: center;
  52     width: 10%;
  53     height: 100%;
  54 }
  55
  56 .roo-document-slider-next {
  57     position: absolute;
  58     top: 0;
  59     right: 0;
  60     text-align: center;
  61     width: 10%;
  62     height: 100%;
  63 }
  64
  65 .roo-document-slider-prev > i,
  66 .roo-document-slider-next > i {
  67     position: relative;
  68     top: 50%;
  69     transform: translateY(-50%);
  70     cursor: pointer;
  71     font-size: 2em;
  72 }
  73