diff options
Diffstat (limited to 'css/pop.css')
-rwxr-xr-x | css/pop.css | 103 |
1 files changed, 103 insertions, 0 deletions
diff --git a/css/pop.css b/css/pop.css new file mode 100755 index 0000000..6fa93c2 --- /dev/null +++ b/css/pop.css @@ -0,0 +1,103 @@ +h1{ +margin-top: 50px; +} +#popup_window{ +padding: 10px; +cursor: pointer; +color: #0072b9; + +} +.popup-overlay { + width: 100%; + height: 100%; + position: fixed; + background: rgba(196, 196, 196, .85); + top: 0; + left: 100%; + opacity: 0; + -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; + -webkit-transition: opacity .2s ease-out; + -moz-transition: opacity .2s ease-out; + -ms-transition: opacity .2s ease-out; + -o-transition: opacity .2s ease-out; + transition: opacity .2s ease-out; +} +.overlay .popup-overlay { + opacity: 1; + left: 0 +} +.popup { + position: absolute; + top: 5%; + left: 47%; + margin-right: 20%; + z-index: -9999; +} +.popup .popup-body { + background: #ffffff; + background: -moz-linear-gradient(top, #ffffff 0%, #f7f7f7 100%); + background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #f7f7f7)); + background: -webkit-linear-gradient(top, #ffffff 0%, #f7f7f7 100%); + background: -o-linear-gradient(top, #ffffff 0%, #f7f7f7 100%); + background: -ms-linear-gradient(top, #ffffff 0%, #f7f7f7 100%); + background: linear-gradient(to bottom, #ffffff 0%, #f7f7f7 100%); + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f7f7f7', GradientType=0); + opacity: 0; + min-height: 150px; + width: auto; + margin-left: -200px; + padding: 20px; + -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; + -webkit-transition: opacity .2s ease-out; + -moz-transition: opacity .2s ease-out; + -ms-transition: opacity .2s ease-out; + -o-transition: opacity .2s ease-out; + transition: opacity .2s ease-out; + position: relative; + -moz-box-shadow: 1px 2px 3px 1px rgb(185, 185, 185); + -webkit-box-shadow: 1px 2px 3px 1px rgb(185, 185, 185); + box-shadow: 1px 2px 3px 1px rgb(185, 185, 185); + text-align: center; + border: 1px solid #e9e9e9; +} +.popup.visible, .popup.transitioning { + z-index: 9999; +} +.popup.visible .popup-body { + opacity: 1; + -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; +} +.popup .popup-exit { + cursor: pointer; + display: block; + width: 24px; + height: 24px; + position: absolute; + top: 150px; + right: 195px; + background: url("images/quit.png") no-repeat; + +} +.popup .popup-content { + overflow-y: auto; +} +.popup-content .popup-title { + font-size: 24px; + border-bottom: 1px solid #e9e9e9; + padding-bottom: 10px; +} +.popup-content p { + font-size: 13px; + text-align: justify; +} + +.popup-content td { + text-align: left; + } + + .popup-content textarea + { + width:98%; + height:150px; + + } |