apps/workbench/app/assets/stylesheets/bootstrap-modal.css.scss

   1 /*!
   2 * Bootstrap Modal
   3 *
   4 * Copyright Jordan Schroter
   5 * Licensed under the Apache License v2.0
   6 * http://www.apache.org/licenses/LICENSE-2.0
   7 *
   8 */
   9
  10 body.modal-open,
  11 .modal-open .navbar-fixed-top,
  12 .modal-open .navbar-fixed-bottom {
  13   margin-right: 0;
  14 }
  15
  16 .modal {
  17   left: 50%;
  18   bottom: auto;
  19   right: auto;
  20   padding: 0;
  21   width: 500px;
  22   margin-left: -250px;
  23   background-color: #ffffff;
  24   border: 1px solid #999999;
  25   border: 1px solid rgba(0, 0, 0, 0.2);
  26   border-radius: 6px;
  27   -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
  28   box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
  29   background-clip: padding-box;
  30 }
  31
  32 .modal.container {
  33   max-width: none;
  34 }
  35
  36
  37 .modal-open {
  38 overflow: hidden;
  39 }
  40
  41
  42 /* add a scroll bar to stop page from jerking around */
  43 .modal-open.page-overflow .page-container,
  44 .modal-open.page-overflow .page-container .navbar-fixed-top,
  45 .modal-open.page-overflow .page-container .navbar-fixed-bottom,
  46 .modal-open.page-overflow .modal-scrollable {
  47 overflow-y: scroll;
  48 }
  49
  50 #user-setup-modal-window{
  51   overflow: hidden;
  52 }
  53
  54
  55 @media (max-width: 979px) {
  56 .modal-open.page-overflow .page-container .navbar-fixed-top,
  57 .modal-open.page-overflow .page-container .navbar-fixed-bottom {
  58 overflow-y: visible;
  59 }
  60 }
  61
  62
  63 .modal-scrollable {
  64 position: fixed;
  65 top: 0;
  66 bottom: 0;
  67 left: 0;
  68 right: 0;
  69 overflow: auto;
  70 }
  71
  72 .modal.fade {
  73 top: -100%;
  74 -webkit-transition: opacity 0.3s linear, top 0.3s ease-out, bottom 0.3s ease-out, margin-top 0.3s ease-out;
  75 -moz-transition: opacity 0.3s linear, top 0.3s ease-out, bottom 0.3s ease-out, margin-top 0.3s ease-out;
  76 -o-transition: opacity 0.3s linear, top 0.3s ease-out, bottom 0.3s ease-out, margin-top 0.3s ease-out;
  77 transition: opacity 0.3s linear, top 0.3s ease-out, bottom 0.3s ease-out, margin-top 0.3s ease-out;
  78 }
  79
  80 .modal.fade.in {
  81 top: 50%;
  82 }
  83
  84 .modal-body {
  85 max-height: none;
  86 overflow: visible;
  87 }
  88
  89 .modal.modal-absolute {
  90 position: absolute;
  91 z-index: 950;
  92 }
  93
  94 .modal .loading-mask {
  95 position: absolute;
  96 top: 0;
  97 bottom: 0;
  98 left: 0;
  99 right: 0;
 100 background: #fff;
 101 border-radius: 6px;
 102 }
 103
 104 .modal-backdrop.modal-absolute{
 105 position: absolute;
 106 z-index: 940;
 107 }
 108
 109 .modal-backdrop,
 110 .modal-backdrop.fade.in{
 111 opacity: 0.7;
 112 filter: alpha(opacity=70);
 113 background: #fff;
 114 }
 115
 116 /* Modal Overflow */
 117
 118 .modal-overflow.modal {
 119 top: 1%;
 120 }
 121
 122 .modal-overflow.modal.fade {
 123 top: -100%;
 124 }
 125
 126 .modal-overflow.modal.fade.in {
 127 top: 1%;
 128 }
 129
 130 .modal-overflow .modal-body {
 131 overflow: auto;
 132 -webkit-overflow-scrolling: touch;
 133 }
 134
 135 /* Responsive */
 136
 137 @media (min-width: 1200px) {
 138 .modal.container {
 139 width: 1170px;
 140 margin-left: -585px;
 141 }
 142 }
 143
 144 @media (max-width: 979px) {
 145 .modal,
 146 .modal.container,
 147 .modal.modal-overflow {
 148 top: 1%;
 149 right: 1%;
 150 left: 1%;
 151 bottom: auto;
 152 width: auto !important;
 153 height: auto !important;
 154 margin: 0 !important;
 155 padding: 0 !important;
 156 }
 157
 158 .modal.fade.in,
 159 .modal.container.fade.in,
 160 .modal.modal-overflow.fade.in {
 161 top: 1%;
 162 bottom: auto;
 163 }
 164
 165 .modal-body,
 166 .modal-overflow .modal-body {
 167 position: static;
 168 margin: 0;
 169 height: auto !important;
 170 max-height: none !important;
 171 overflow: visible !important;
 172 }
 173
 174 .modal-footer,
 175 .modal-overflow .modal-footer {
 176 position: static;
 177 }
 178 }
 179
 180 .loading-spinner {
 181 position: absolute;
 182 top: 50%;
 183 left: 50%;
 184 margin: -12px 0 0 -12px;
 185 }