diff --git a/css/cwv3.css b/css/cwv3.css index b0bad8e..2a2ac2d 100644 --- a/css/cwv3.css +++ b/css/cwv3.css @@ -9,16 +9,16 @@ /* Main CWV3 Dialog */ .cwv3_dialog { - border: 3px solid #cccccc; - background: white; + border: 3px solid #CCCCCC; + background: #FFFFFF; max-width: 60%; max-height: 90%; position: fixed; top: 25%; left: 25%; - -webkit-box-shadow: 2px 11px 48px black; - -moz-box-shadow: 2px 11px 48px black; - box-shadow: 2px 11px 48px black; + -webkit-box-shadow: 2px 11px 48px #000; + -moz-box-shadow: 2px 11px 48px #000; + box-shadow: 2px 11px 48px #000; overflow: hidden; z-index: 99999; } @@ -29,37 +29,46 @@ height: 100%; } .cwv3_dialog .cwv3_title { - color: white; + color: #FFFFFF; font-weight: bold; text-align: center; - background: red; + background: #FF0000; } .cwv3_dialog .cwv3_content { height: 84%; overflow-y: scroll; + padding: .75em; } .cwv3_dialog .cwv3_btns { + background: rgba(50, 50, 50, 0.7); + bottom: 0; overflow: hidden; + padding: .45em .75em; + position: absolute; + width: 100%; } .cwv3_dialog .cwv3_btns a { display: block; width: 100%; text-align: center; - color: white; + color: #FFFFFF; font-weight: bold; text-decoration: none; + padding: .35em; } .cwv3_dialog .cwv3_btns .cwv3_exit { float: right; width: 40%; } .cwv3_dialog .cwv3_btns .cwv3_exit a { - background-color: red; + background-color: #FF0000; } .cwv3_dialog .cwv3_btns .cwv3_enter { float: left; width: 40%; } .cwv3_dialog .cwv3_btns .cwv3_enter a { - background-color: #00cc33; + background-color: #00CC33; } + +/*# sourceMappingURL=cwv3.css.map */ diff --git a/css/cwv3.min.css b/css/cwv3.min.css index eb08bec..c656c40 100644 --- a/css/cwv3.min.css +++ b/css/cwv3.min.css @@ -1 +1 @@ -.cwv3.dialog-overlay{position:fixed;top:0;left:0;width:100%;height:100%;z-index:99998}.cwv3_dialog{border:3px solid #ccc;background:#fff;max-width:60%;max-height:90%;position:fixed;top:25%;left:25%;-webkit-box-shadow:2px 11px 48px #000;-moz-box-shadow:2px 11px 48px #000;box-shadow:2px 11px 48px #000;overflow:hidden;z-index:99999}.cwv3_dialog div{padding:.25em}.cwv3_dialog .cwv3.auth,.cwv3_dialog .cwv3.denied{height:100%}.cwv3_dialog .cwv3_title{color:#fff;font-weight:700;text-align:center;background:red}.cwv3_dialog .cwv3_content{height:84%;overflow-y:scroll}.cwv3_dialog .cwv3_btns{overflow:hidden}.cwv3_dialog .cwv3_btns a{display:block;width:100%;text-align:center;color:#fff;font-weight:700;text-decoration:none}.cwv3_dialog .cwv3_btns .cwv3_exit{float:right;width:40%}.cwv3_dialog .cwv3_btns .cwv3_exit a{background-color:red}.cwv3_dialog .cwv3_btns .cwv3_enter{float:left;width:40%}.cwv3_dialog .cwv3_btns .cwv3_enter a{background-color:#0c3} \ No newline at end of file +.cwv3.dialog-overlay{position:fixed;top:0;left:0;width:100%;height:100%;z-index:99998}.cwv3_dialog{border:3px solid #CCC;background:#FFF;max-width:60%;max-height:90%;position:fixed;top:25%;left:25%;-webkit-box-shadow:2px 11px 48px #000;-moz-box-shadow:2px 11px 48px #000;box-shadow:2px 11px 48px #000;overflow:hidden;z-index:99999}.cwv3_dialog div{padding:.25em}.cwv3_dialog .cwv3.auth,.cwv3_dialog .cwv3.denied{height:100%}.cwv3_dialog .cwv3_title{color:#FFF;font-weight:700;text-align:center;background:red}.cwv3_dialog .cwv3_content{height:84%;overflow-y:scroll;padding:.75em}.cwv3_dialog .cwv3_btns{background:rgba(50,50,50,.7);bottom:0;overflow:hidden;padding:.45em .75em;position:absolute;width:100%}.cwv3_dialog .cwv3_btns a{display:block;width:100%;text-align:center;color:#FFF;font-weight:700;text-decoration:none;padding:.35em}.cwv3_dialog .cwv3_btns .cwv3_exit{float:right;width:40%}.cwv3_dialog .cwv3_btns .cwv3_exit a{background-color:red}.cwv3_dialog .cwv3_btns .cwv3_enter{float:left;width:40%}.cwv3_dialog .cwv3_btns .cwv3_enter a{background-color:#0C3} \ No newline at end of file diff --git a/css/sass/partials/_cwv3.scss b/css/sass/partials/_cwv3.scss index bf0981a..2d8f939 100644 --- a/css/sass/partials/_cwv3.scss +++ b/css/sass/partials/_cwv3.scss @@ -40,10 +40,17 @@ .cwv3_content{ height: 84%; overflow-y: scroll; + padding: .75em; } .cwv3_btns{ + background: $button-background; + bottom: 0; overflow: hidden; + padding: .45em .75em; + position: absolute; + width: 100%; + a{ display: block; width: 100%; @@ -51,6 +58,7 @@ color: $button-txt-color; font-weight: bold; text-decoration: none; + padding: .35em; } .cwv3_exit{ diff --git a/css/sass/partials/_variables.scss b/css/sass/partials/_variables.scss index bd12aa6..f45c9af 100644 --- a/css/sass/partials/_variables.scss +++ b/css/sass/partials/_variables.scss @@ -3,6 +3,7 @@ /// $button-txt-color : #FFFFFF; +$button-background : rgba(50,50,50,.7); $exit-button-color : #FF0000; $enter-button-color : #00CC33; @@ -10,4 +11,4 @@ $title-background : #FF0000; $title-font-color : #FFFFFF; $dialog-background : #FFFFFF; -$dialog-border-color : #CCCCCC; \ No newline at end of file +$dialog-border-color : #CCCCCC;