Line 210: | Line 210: | ||
+ | /* MODAL TEST */ | ||
+ | .modalDialog { | ||
+ | position: fixed !important; | ||
+ | font-family: Arial, Helvetica, sans-serif !important; | ||
+ | top: 0 !important; | ||
+ | right: 0 !important; | ||
+ | bottom: 0 !important; | ||
+ | left: 0 !important; | ||
+ | background: rgba(0,0,0,0.8) !important; | ||
+ | z-index: 99999 !important; | ||
+ | opacity:0 !important; | ||
+ | -webkit-transition: opacity 400ms ease-in !important; | ||
+ | -moz-transition: opacity 400ms ease-in !important; | ||
+ | transition: opacity 400ms ease-in !important; | ||
+ | pointer-events: none !important; | ||
+ | } | ||
+ | |||
+ | |||
+ | .modalDialog:target { | ||
+ | opacity:1 ; | ||
+ | pointer-events: auto !important; | ||
+ | } | ||
+ | |||
+ | .modalDialog > div { | ||
+ | width: 400px !important; | ||
+ | position: relative !important; | ||
+ | margin: 10% auto !important; | ||
+ | padding: 5px 20px 13px 20px !important; | ||
+ | border-radius: 10px !important; | ||
+ | background: #fff !important; | ||
+ | background: -moz-linear-gradient(#fff, #999) !important; | ||
+ | background: -webkit-linear-gradient(#fff, #999) !important; | ||
+ | background: -o-linear-gradient(#fff, #999) !important; | ||
+ | } | ||
Revision as of 17:48, 10 September 2018