3 // --------------------------------------------------
6 // Recalculate z-index where appropriate,
7 // but only apply to elements within modal
9 .dropdown-menu { z-index: @zindexDropdown + @zindexModal; }
10 .dropdown.open { *z-index: @zindexDropdown + @zindexModal; }
11 .popover { z-index: @zindexPopover + @zindexModal; }
12 .tooltip { z-index: @zindexTooltip + @zindexModal; }
22 z-index: @zindexModalBackdrop;
23 background-color: @black;
25 &.fade { opacity: 0; }
29 .modal-backdrop.fade.in {
38 z-index: @zindexModal;
41 margin: -250px 0 0 -280px;
42 background-color: @white;
43 border: 1px solid #999;
44 border: 1px solid rgba(0,0,0,.3);
45 *border: 1px solid #999; /* IE6-7 */
47 .box-shadow(0 3px 7px rgba(0,0,0,0.3));
48 .background-clip(padding-box);
50 .transition(e('opacity .3s linear, top .3s ease-out'));
53 &.fade.in { top: 50%; }
57 border-bottom: 1px solid #eee;
59 .close { margin-top: 2px; }
67 // Body (where all modal content resides)
73 // Remove bottom margin if need be
78 // Footer (for actions)
80 padding: 14px 15px 15px;
82 text-align: right; // right align buttons
83 background-color: #f5f5f5;
84 border-top: 1px solid #ddd;
85 .border-radius(0 0 6px 6px);
86 .box-shadow(inset 0 1px 0 @white);
87 .clearfix(); // clear it in case folks use .pull-* classes on buttons
89 // Properly space out buttons
92 margin-bottom: 0; // account for input[type="submit"] which gets the bottom margin like all other inputs
94 // but override that for button groups
95 .btn-group .btn + .btn {