Client code change form GSO-GUI to OPEN-O GUI

[vnfsdk/refrepo.git] / portal-common / src / main / webapp / common / thirdparty / bootstrap-modal / css / bootstrap-modal.css

diff --git a/portal-common/src/main/webapp/common/thirdparty/bootstrap-modal/css/bootstrap-modal.css b/portal-common/src/main/webapp/common/thirdparty/bootstrap-modal/css/bootstrap-modal.css
new file mode 100644 (file)
index 0000000..bc62761
--- /dev/null
+++ b/portal-common/src/main/webapp/common/thirdparty/bootstrap-modal/css/bootstrap-modal.css
@@ -0,0 +1,214 @@
+/*!\r
+ * Bootstrap Modal\r
+ *\r
+ * Copyright Jordan Schroter\r
+ * Licensed under the Apache License v2.0\r
+ * http://www.apache.org/licenses/LICENSE-2.0\r
+ *\r
+ */\r
+\r
+.modal-open {\r
+       overflow: hidden;\r
+}\r
+\r
+\r
+/* add a scroll bar to stop page from jerking around */\r
+.modal-open.page-overflow .page-container,\r
+.modal-open.page-overflow .page-container .navbar-fixed-top,\r
+.modal-open.page-overflow .page-container .navbar-fixed-bottom,\r
+.modal-open.page-overflow .modal-scrollable {\r
+       overflow-y: scroll;\r
+}\r
+\r
+@media (max-width: 979px) {\r
+       .modal-open.page-overflow .page-container .navbar-fixed-top,\r
+       .modal-open.page-overflow .page-container .navbar-fixed-bottom  {\r
+               overflow-y: visible;\r
+       }\r
+}\r
+\r
+\r
+.modal-scrollable {\r
+       position: fixed;\r
+       top: 0;\r
+       bottom: 0;\r
+       left: 0;\r
+       right: 0;\r
+       overflow: auto;\r
+}\r
+\r
+.modal {\r
+       outline: none;\r
+       position: absolute;\r
+       margin-top: 0;\r
+       top: 50%;\r
+       overflow: visible; /* allow content to popup out (i.e tooltips) */\r
+}\r
+\r
+.modal.fade {\r
+       top: -100%;\r
+       -webkit-transition: opacity 0.3s linear, top 0.3s ease-out, bottom 0.3s ease-out, margin-top 0.3s ease-out;     \r
+          -moz-transition: opacity 0.3s linear, top 0.3s ease-out, bottom 0.3s ease-out, margin-top 0.3s ease-out;\r
+            -o-transition: opacity 0.3s linear, top 0.3s ease-out, bottom 0.3s ease-out, margin-top 0.3s ease-out;\r
+               transition: opacity 0.3s linear, top 0.3s ease-out, bottom 0.3s ease-out, margin-top 0.3s ease-out;\r
+}\r
+\r
+.modal.fade.in {\r
+       top: 50%;\r
+}\r
+\r
+.modal-body {\r
+       max-height: none;\r
+       overflow: visible;\r
+}\r
+\r
+.modal.modal-absolute {\r
+       position: absolute;\r
+       z-index: 950;\r
+}\r
+\r
+.modal .loading-mask {\r
+       position: absolute;\r
+       top: 0;\r
+       bottom: 0;\r
+       left: 0;\r
+       right: 0;\r
+       background: #fff;\r
+       border-radius: 6px;\r
+}\r
+\r
+.modal-backdrop.modal-absolute{\r
+       position: absolute;\r
+       z-index: 940;\r
+}\r
+\r
+.modal-backdrop, \r
+.modal-backdrop.fade.in{\r
+       opacity: 0.7;\r
+       filter: alpha(opacity=70);\r
+       background: #fff;\r
+}\r
+\r
+.modal.container {\r
+  width: 940px;\r
+  margin-left: -470px;\r
+}\r
+\r
+/* Modal Overflow */\r
+\r
+.modal-overflow.modal {\r
+       top: 5%;\r
+}\r
+\r
+.modal-overflow.modal.fade {\r
+       top: -100%;\r
+}\r
+\r
+.modal-overflow.modal.fade.in {\r
+       top: 5%;\r
+}\r
+\r
+.modal-overflow .modal-body {\r
+       overflow: auto;\r
+       -webkit-overflow-scrolling: touch;\r
+}\r
+\r
+/* Responsive */\r
+\r
+@media (min-width: 1200px) {\r
+       .modal.container {\r
+               width: 1170px;\r
+               margin-left: -585px;\r
+       }\r
+}\r
+\r
+@media (max-width: 979px) {\r
+       .modal, \r
+       .modal.container,\r
+       .modal.modal-overflow   {\r
+               top: 1%;\r
+               right: 1%;\r
+               left: 1%;\r
+               bottom: auto;\r
+               width: auto !important;\r
+               height: auto !important;\r
+               margin: 0 !important;\r
+               padding: 0 !important;\r
+       }\r
+       \r
+       .modal.fade.in, \r
+       .modal.container.fade.in,\r
+       .modal.modal-overflow.fade.in {\r
+               top: 1%;\r
+               bottom: auto;\r
+       }\r
+       \r
+       .modal-body,\r
+       .modal-overflow .modal-body {\r
+               position: static;\r
+               margin: 0;\r
+               height: auto !important;\r
+               max-height: none !important;\r
+               overflow: visible !important;\r
+       }\r
+       \r
+       .modal-footer,\r
+       .modal-overflow .modal-footer {\r
+               position: static;\r
+       }\r
+}\r
+\r
+.loading-spinner {\r
+       position: absolute;\r
+       top: 50%;\r
+       left: 50%;\r
+       margin: -12px 0 0 -12px;\r
+}\r
+\r
+/*\r
+Animate.css - http://daneden.me/animate\r
+Licensed under the ☺ license (http://licence.visualidiot.com/)\r
+\r
+Copyright (c) 2012 Dan Eden*/\r
+\r
+.animated {\r
+       -webkit-animation-duration: 1s;\r
+          -moz-animation-duration: 1s;\r
+            -o-animation-duration: 1s;\r
+               animation-duration: 1s;\r
+       -webkit-animation-fill-mode: both;\r
+          -moz-animation-fill-mode: both;\r
+            -o-animation-fill-mode: both;\r
+               animation-fill-mode: both;\r
+}\r
+\r
+@-webkit-keyframes shake {\r
+       0%, 100% {-webkit-transform: translateX(0);}\r
+       10%, 30%, 50%, 70%, 90% {-webkit-transform: translateX(-10px);}\r
+       20%, 40%, 60%, 80% {-webkit-transform: translateX(10px);}\r
+}\r
+\r
+@-moz-keyframes shake {\r
+       0%, 100% {-moz-transform: translateX(0);}\r
+       10%, 30%, 50%, 70%, 90% {-moz-transform: translateX(-10px);}\r
+       20%, 40%, 60%, 80% {-moz-transform: translateX(10px);}\r
+}\r
+\r
+@-o-keyframes shake {\r
+       0%, 100% {-o-transform: translateX(0);}\r
+       10%, 30%, 50%, 70%, 90% {-o-transform: translateX(-10px);}\r
+       20%, 40%, 60%, 80% {-o-transform: translateX(10px);}\r
+}\r
+\r
+@keyframes shake {\r
+       0%, 100% {transform: translateX(0);}\r
+       10%, 30%, 50%, 70%, 90% {transform: translateX(-10px);}\r
+       20%, 40%, 60%, 80% {transform: translateX(10px);}\r
+}\r
+\r
+.shake {\r
+       -webkit-animation-name: shake;\r
+       -moz-animation-name: shake;\r
+       -o-animation-name: shake;\r
+       animation-name: shake;\r
+}\r