X-Git-Url: https://git.rvb.name/openlib.git/blobdiff_plain/6b3a07a008979ee27733a2deae2ff4fc42f4a535..refs/heads/master:/www/styles/style-eink.css?ds=inline diff --git a/www/styles/style-eink.css b/www/styles/style-eink.css index 815b1eb..13327fe 100644 --- a/www/styles/style-eink.css +++ b/www/styles/style-eink.css @@ -398,4 +398,60 @@ body { margin: 5px; font-size: 0.85em;/*12px/16px */ font-weight:400; /* Better supported than 'lighter' attribute */ } -} \ No newline at end of file +} + +.modalDialog { + position: fixed; + font-family: Arial, Helvetica, sans-serif; + top: 0; + right: 0; + bottom: 0; + left: 0; + background: rgba(0,0,0,0.8); + 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; +} + +.modalDialog:target { + opacity:1; + pointer-events: auto; +} + +.modalDialog > div { + width: 400px; + position: relative; + margin: 10% auto; + padding: 5px 20px 13px 20px; + border-radius: 10px; + background: #fff; + background: -moz-linear-gradient(#fff, #999); + background: -webkit-linear-gradient(#fff, #999); + background: -o-linear-gradient(#fff, #999); +} + + + +.close { + background: #606061; + color: #FFFFFF; + line-height: 25px; + position: absolute; + right: -12px; + text-align: center; + top: -10px; + width: 24px; + text-decoration: none; + font-weight: bold; + -webkit-border-radius: 12px; + -moz-border-radius: 12px; + border-radius: 12px; + -moz-box-shadow: 1px 1px 3px #000; + -webkit-box-shadow: 1px 1px 3px #000; + box-shadow: 1px 1px 3px #000; +} + +.close:hover { background: #00d9ff; }