← Back to branch summary

~ubuntu-branches/ubuntu/utopic/horizon/utopic

« back to all changes in this revision

Viewing changes to openstack_dashboard/static/bootstrap/scss/bootstrap/_modals.scss

  • Committer: Package Import Robot
  • Author(s): Chuck Short
  • Date: 2014-07-25 11:39:09 UTC
  • mfrom: (1.1.42)
  • Revision ID: package-import@ubuntu.com-20140725113909-b8920pdy87itn1ro
Tags: 1:2014.2~b2-0ubuntu1
* New upstream release.
* debian/patches/ubuntu_settings.patch: Refresed
* debian/patches/fix-dashboard-manage.patch: Refreshed
* debian/patches/fix-dashboard-django-wsgi.patch: Refreshed

Show diffs side-by-side

added added

removed removed

Lines of Context:
openstack_dashboard/static/bootstrap/scss/bootstrap/_modals.scss
 
1
// MODALS
 
2
// ------
 
3
 
 
4
// Recalculate z-index where appropriate
 
5
.modal-open {
 
6
  .dropdown-menu {  z-index: $zindexDropdown + $zindexModal; }
 
7
  .dropdown.open { *z-index: $zindexDropdown + $zindexModal; }
 
8
  .popover       {  z-index: $zindexPopover  + $zindexModal; }
 
9
  .tooltip       {  z-index: $zindexTooltip  + $zindexModal; }
 
10
}
 
11
 
 
12
// Background
 
13
.modal-backdrop {
 
14
  position: fixed;
 
15
  top: 0;
 
16
  right: 0;
 
17
  bottom: 0;
 
18
  left: 0;
 
19
  z-index: $zindexModalBackdrop;
 
20
  background-color: $black;
 
21
  // Fade for backdrop
 
22
  &.fade { opacity: 0; }
 
23
}
 
24
 
 
25
.modal-backdrop, .modal-backdrop.fade.in {
 
26
  @include opacity(0.8);
 
27
}
 
28
 
 
29
// Base modal
 
30
.modal {
 
31
  position: fixed;
 
32
  top: 50%;
 
33
  left: 50%;
 
34
  z-index: $zindexModal;
 
35
  max-height: 500px;
 
36
  overflow: auto;
 
37
  width: 560px;
 
38
  margin: -250px 0 0 -280px;
 
39
  background-color: $white;
 
40
  border: 1px solid #999;
 
41
  border: 1px solid rgba(0,0,0,.3);
 
42
  *border: 1px solid #999; /* IE6-7 */
 
43
  @include border-radius(6px);
 
44
  @include box-shadow(0 3px 7px rgba(0,0,0,0.3));
 
45
  @include background-clip(padding-box);
 
46
  &.fade {
 
47
    $transition: opacity .3s linear, top .3s ease-out;
 
48
    @include transition($transition);
 
49
    top: -25%;
 
50
  }
 
51
  &.fade.in { top: 50%; }
 
52
}
 
53
.modal-header {
 
54
  padding: 9px 15px;
 
55
  border-bottom: 1px solid #eee;
 
56
  // Close icon
 
57
  .close { margin-top: 2px; }
 
58
}
 
59
 
 
60
// Body (where all modal content resides)
 
61
.modal-body {
 
62
  padding: 15px;
 
63
}
 
64
// Remove bottom margin if need be
 
65
.modal-body .modal-form {
 
66
  margin-bottom: 0;
 
67
}
 
68
 
 
69
// Footer (for actions)
 
70
.modal-footer {
 
71
  padding: 14px 15px 15px;
 
72
  margin-bottom: 0;
 
73
  background-color: #f5f5f5;
 
74
  border-top: 1px solid #ddd;
 
75
  @include border-radius(0 0 6px 6px);
 
76
  @include box-shadow(inset 0 1px 0 $white);
 
77
  @include clearfix();
 
78
  .btn {
 
79
    float: right;
 
80
    margin-left: 5px;
 
81
    margin-bottom: 0; // account for input[type="submit"] which gets the bottom margin like all other inputs
 
82
  }
 
83
}