diff options
| author | Yves Fischer <yvesf-git@xapek.org> | 2011-10-23 21:14:40 +0200 |
|---|---|---|
| committer | Yves Fischer <yvesf-git@xapek.org> | 2011-10-30 11:33:54 +0100 |
| commit | 770ba5201f5c60b2bb36602ff9d359f641e33125 (patch) | |
| tree | 2200757f04efbc281c4b3714bfe2e4fe911193b6 /schall/static/RGraph/css/ModalDialog.css | |
| parent | 77f5e686612898974e13f2a5df57c20e4e529363 (diff) | |
| download | mini-octopus-770ba5201f5c60b2bb36602ff9d359f641e33125.tar.gz mini-octopus-770ba5201f5c60b2bb36602ff9d359f641e33125.zip | |
Charting with flask, rgraph and custom "timeseries database"
Diffstat (limited to 'schall/static/RGraph/css/ModalDialog.css')
| -rw-r--r-- | schall/static/RGraph/css/ModalDialog.css | 90 |
1 files changed, 90 insertions, 0 deletions
diff --git a/schall/static/RGraph/css/ModalDialog.css b/schall/static/RGraph/css/ModalDialog.css new file mode 100644 index 0000000..c9c339c --- /dev/null +++ b/schall/static/RGraph/css/ModalDialog.css @@ -0,0 +1,90 @@ + /** + * o------------------------------------------------------------------------------o + * | This file is part of the RGraph package - you can learn more at: | + * | | + * | http://www.rgraph.net | + * | | + * | This package is licensed under the RGraph license. For all kinds of business | + * | purposes there is a small one-time licensing fee to pay and for non | + * | commercial purposes it is free to use. You can read the full license here: | + * | | + * | http://www.rgraph.net/LICENSE.txt | + * o------------------------------------------------------------------------------o + */ + + + /** + * Modal Dialog + */ + .modalBg { + position: absolute; + top: 0px; + left: 0px; + filter: Alpha(Opacity=50); + -moz-opacity: 0.5; + background-color: #ddd; + visibility: hidden; + width: expression(document.body.clientWidth); + height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight); + z-index: 100; + } + + .modalDialog { + position: absolute; + top: 0px; + left: 0px; + visibility: hidden; + z-index: 101; + background-color: white; + top: expression(document.body.clientHeight / 2 - this.offsetHeight / 2); + left: expression(document.body.clientWidth / 2 - this.offsetWidth / 2); + border: 1px solid #777; + border-top: 0; + padding: 20px; + border-radius: 5px; + -moz-border-radius: 5px; + -webkit-border-radius: 5px; + } + + .modalDialog .modalDialogHeader { + margin:0; + padding: 0px; + color: #333; + font-weight: bold; + background-color: #ccc; + border: 1px solid #989898; + position: absolute; + top: 0px; + left: -1px; + height: 7px; + border-radius: 5px; + -moz-border-radius: 5px; + -webkit-border-radius: 5px; + -moz-border-radius-bottomleft: 0; + -moz-border-radius-bottomright: 0; + -webkit-border-bottom-left-radius: 0; + -webkit-border-bottom-right-radius: 0; + } + + .modalShadow { + position: absolute; + background-color: black; + top: 0px; + left: 0px; + z-index: 99; + top: expression(document.body.clientHeight / 2 - this.offsetHeight / 2); + left: expression(document.body.clientWidth / 2 - this.offsetWidth / 2); + border-radius: 5px; + -moz-border-radius: 5px; + -webkit-border-radius: 5px; + opacity: 0.5; + } + + /** + * This is not part of the core Modal Dialog styles, instead it's just so that the dialog looks + * respectable. + */ + h4 { + font-family: Verdana, Arial; + padding-top: 10px; + }
\ No newline at end of file |