|
1
|
#close { display: none; }
|
|
2
|
.modalDialog { position: fixed; font-family: Arial, Helvetica, sans-serif; top: 0; right: 0; bottom: 0; left: 0; background: rgba(0, 0, 0, 0.6); z-index: 99999; opacity: 0; -webkit-transition: opacity 400ms ease-in; -moz-transition: opacity 400ms ease-in; transition: opacity 400ms ease-in; pointer-events: none; }
|
|
3
|
.modalDialog:target { opacity: 1; pointer-events: auto; }
|
|
4
|
.modalDialog > div { width: 60.525em; position: relative; margin: 10% auto; border-radius: 10px; background: -moz-linear-gradient(#fff, #999); background: -webkit-linear-gradient(#fff, #999); background: -o-linear-gradient(#fff, #999); background: #FFFFFF; }
|
|
5
|
.close { font-size: 1.225em; background: #215A7A; color: #FFFFFF !important; line-height: 3.025em; position: absolute; right: -12px; text-align: center; top: -10px; width: 3.025em; text-decoration: none; font-weight: bold; -webkit-border-radius: 1.925em; -moz-border-radius: 1.925em; border-radius: 1.925em; -moz-box-shadow: 1px 1px 3px #000000; -webkit-box-shadow: 1px 1px 3px #000000; box-shadow: 1px 1px 3px #000000; }
|
|
6
|
.close:hover { background: #FF1100; }
|
|
7
|
|
|
8
|
.modal-Dialog { background: rgba(0, 0, 0, 0.6) none repeat scroll 0 0; position: fixed; top: 0; right: 0; bottom: 0; left: 0; height: 100%; z-index: 99999; }
|
|
9
|
.modal-Dialog { -webkit-transition: opacity 800ms ease-in; -moz-transition: opacity 800ms ease-in; transition: opacity 800ms ease-in; }
|
|
10
|
.modal-Dialog > div {
|
|
11
|
-webkit-transition: width 2s, height 2s, background-color 2s, -webkit-transform 2s;
|
|
12
|
transition: width 2s, height 2s, background-color 2s, transform 2s;
|
|
13
|
}
|
|
14
|
.modal-Dialog .close { font-size: 1.225em; background: #215A7A; color: #FFFFFF !important; line-height: 3.025em; position: absolute; top: 1.125em; right: 0; text-align: center; width: 3.025em; text-decoration: none; font-weight: bold; -webkit-border-radius: 1.925em; -moz-border-radius: 1.925em; border-radius: 1.925em; -moz-box-shadow: 1px 1px 3px #000000; -webkit-box-shadow: 1px 1px 3px #000000; box-shadow: 1px 1px 3px #000000; }
|
|
15
|
.modal-Dialog .close:hover { background: #FF1100; }
|
|
16
|
|
|
17
|
.modal-Dialog form { }
|
|
18
|
|
|
19
|
.modalDialog form,
|
|
20
|
.modalDialog iframe { width: 50.225em; height: 25.525em; border: none; }
|
|
21
|
|
|
22
|
footer.modal-label, header.modal-label { background: -moz-linear-gradient(#fff, #999); /*height: 3.525em;*/ padding: 0 0.525em 0.525em; }
|
|
23
|
footer.modal-label { padding: 1.525em 0; }
|
|
24
|
div.modal-inner { padding: 0.825em 0.525em 0; margin: auto 4%; overflow: hidden; }
|
|
25
|
div.modal-inner iframe { border: none; height: 20.225em; }
|
|
26
|
[draggable=true] { -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none; user-select: none; /* Required to make elements draggable in old WebKit */ -khtml-user-drag: element; -webkit-user-drag: element; }
|
|
27
|
[draggable=true] header { cursor: move; }
|