summaryrefslogtreecommitdiff
path: root/css/pop.css
diff options
context:
space:
mode:
Diffstat (limited to 'css/pop.css')
-rwxr-xr-xcss/pop.css103
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;
+
+ }