Initial commit: CloudOps infrastructure platform

docker-compose/mautic-setup/mautic-backup-files/docroot/app/assets/css/modal.css

@@ -0,0 +1,172 @@
+/* Modal Base CSS */
+.mauticForm-overlay
+{
+    position: fixed;
+    z-index: 9998;
+    top: 0;
+    left: 0;
+
+    opacity: 0;
+
+    width: 100%;
+    height: 100%;
+
+    -webkit-transition: 1ms opacity ease;
+    -moz-transition: 1ms opacity ease;
+    -ms-transition: 1ms opacity ease;
+    -o-transition: 1ms opacity ease;
+    transition: 1ms opacity ease;
+
+    background: rgba(0,0,0,.6);
+}
+
+.mauticForm-modal
+{
+    position: absolute;
+    z-index: 9999;
+    top: 50%;
+    left: 50%;
+
+    opacity: 0;
+
+    width: 94%;
+    padding: 24px 20px;
+
+    -webkit-transition: 1ms opacity ease;
+    -moz-transition: 1ms opacity ease;
+    -ms-transition: 1ms opacity ease;
+    -o-transition: 1ms opacity ease;
+    transition: 1ms opacity ease;
+
+    -webkit-transform: translate(-50%, -50%);
+    -moz-transform: translate(-50%, -50%);
+    -ms-transform: translate(-50%, -50%);
+    -o-transform: translate(-50%, -50%);
+    transform: translate(-50%, -50%);
+
+    border-radius: 2px;
+    background: #fff;
+}
+
+.mauticForm-modal.mauticForm-open.mauticForm-anchored
+{
+    top: 20px;
+
+    -webkit-transform: translate(-50%, 0);
+    -moz-transform: translate(-50%, 0);
+    -ms-transform: translate(-50%, 0);
+    -o-transform: translate(-50%, 0);
+    transform: translate(-50%, 0);
+}
+
+.mauticForm-modal.mauticForm-open
+{
+    opacity: 1;
+}
+
+.mauticForm-overlay.mauticForm-open
+{
+    opacity: 1;
+
+}
+
+/* Close Button */
+.mauticForm-close
+{
+    font-family: Helvetica,Arial,sans-serif;
+    font-size: 24px;
+    font-weight: 700;
+    line-height: 12px;
+
+    position: absolute;
+    top: 5px;
+    right: 5px;
+
+    padding: 5px 7px 7px;
+
+    cursor: pointer;
+
+    color: #fff;
+    border: 0;
+    outline: none;
+    background: #e74c3c;
+}
+
+.mauticForm-close:hover
+{
+    background: #c0392b;
+}
+
+/* Default Animation */
+
+.mauticForm-overlay.fade-and-drop
+{
+    display: block;
+
+    opacity: 0;
+}
+
+.mauticForm-modal.fade-and-drop
+{
+    top: -300%;
+
+    opacity: 1;
+
+    display: block;
+}
+
+.mauticForm-modal.fade-and-drop.mauticForm-open
+{
+    top: 50%;
+
+    -webkit-transition: 500ms top 500ms ease;
+    -moz-transition: 500ms top 500ms ease;
+    -ms-transition: 500ms top 500ms ease;
+    -o-transition: 500ms top 500ms ease;
+    transition: 500ms top 500ms ease;
+}
+
+.mauticForm-modal.fade-and-drop.mauticForm-open.mauticForm-anchored
+{
+
+    -webkit-transition: 500ms top 500ms ease;
+    -moz-transition: 500ms top 500ms ease;
+    -ms-transition: 500ms top 500ms ease;
+    -o-transition: 500ms top 500ms ease;
+    transition: 500ms top 500ms ease;
+}
+
+.mauticForm-overlay.fade-and-drop.mauticForm-open
+{
+    top: 0;
+
+    -webkit-transition: 500ms opacity ease;
+    -moz-transition: 500ms opacity ease;
+    -ms-transition: 500ms opacity ease;
+    -o-transition: 500ms opacity ease;
+    transition: 500ms opacity ease;
+
+    opacity: 1;
+}
+
+.mauticForm-modal.fade-and-drop
+{
+    -webkit-transition: 500ms top ease;
+    -moz-transition: 500ms top ease;
+    -ms-transition: 500ms top ease;
+    -o-transition: 500ms top ease;
+    transition: 500ms top ease;
+}
+
+.mauticForm-overlay.fade-and-drop
+{
+    -webkit-transition: 500ms opacity 500ms ease;
+    -moz-transition: 500ms opacity 500ms ease;
+    -ms-transition: 500ms opacity 500ms ease;
+    -o-transition: 500ms opacity 500ms ease;
+    transition: 500ms opacity 500ms ease;
+}
+
+.mauticForm-content {
+    height: 100%;
+}