|
1
|
/*ADDED TO STOP SCROLLING TO TOP*/
|
|
2
|
#close { display: none; }
|
|
3
|
.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; }
|
|
4
|
.modalDialog:target { opacity: 1; pointer-events: auto; }
|
|
5
|
.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; }
|
|
6
|
.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; }
|
|
7
|
.close:hover { background: #FF1100; }
|
|
8
|
.modalDialog form,
|
|
9
|
.modalDialog iframe { width: 50.225em; height: 25.525em; border: none; }
|
|
10
|
footer.modal-label, header.modal-label { background: -moz-linear-gradient(#fff, #999); /*height: 3.525em;*/ padding: 0 0.525em 0.525em; }
|
|
11
|
footer.modal-label { padding: 1.525em 0; }
|
|
12
|
div.modal-inner { padding: 0.825em 1.525em; margin: 3.925em auto; }
|
|
13
|
[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; }
|
|
14
|
[draggable=true] header { cursor: move; }
|