diff --git a/domain-server/resources/describe-settings.json b/domain-server/resources/describe-settings.json index e18e863d41..60f541c10b 100644 --- a/domain-server/resources/describe-settings.json +++ b/domain-server/resources/describe-settings.json @@ -6,7 +6,8 @@ { "name": "access_token", "label": "Access Token", - "help": "This is an access token generated on the My Security page of your High Fidelity account.
Generate a token with the 'domains' scope and paste it here.
This is required to associate this domain-server with a domain in your account." + "help": "This is your OAuth access token to connect this domain-server with your High Fidelity account.
It can be generated by clicking the 'Connect Account' button above.
You can also go to the My Security page of your account and generate a token with the 'domains' scope and paste it here.", + "advanced": true }, { "name": "id", @@ -45,11 +46,12 @@ ] }, { - "label": "Paths", + "label": "Places / Paths", + "html_id": "places_paths", "settings": [ { "name": "paths", - "label": "", + "label": "Paths", "help": "Clients can enter a path to reach an exact viewpoint in your domain.
Add rows to the table below to map a path to a viewpoint.
The index path ( / ) is where clients will enter if they do not enter an explicit path.", "type": "table", "key": { diff --git a/domain-server/resources/web/css/style.css b/domain-server/resources/web/css/style.css index e025e491d4..51275da509 100644 --- a/domain-server/resources/web/css/style.css +++ b/domain-server/resources/web/css/style.css @@ -62,7 +62,7 @@ span.port { } td.buttons { - width: 14px; + width: 30px; } td .glyphicon { @@ -78,6 +78,11 @@ td.reorder-buttons .glyphicon { display: inherit; } +td a.glyphicon { + color: black; + text-decoration: none; +} + tr.new-row { color: #3c763d; background-color: #dff0d8; @@ -86,3 +91,61 @@ tr.new-row { .highchart-modal .modal-dialog { width: 650px; } + +table { + table-layout: fixed; + word-wrap: break-word; +} + +#xs-advanced-container { + margin-bottom: 20px; +} + +#advanced-toggle-button-xs { + width: 100%; +} + +.spinner { + margin: 30px auto 0; + width: 70px; + text-align: center; +} + +.spinner > div { + width: 18px; + height: 18px; + background-color: #333; + + border-radius: 100%; + display: inline-block; + -webkit-animation: bouncedelay 1.4s infinite ease-in-out; + animation: bouncedelay 1.4s infinite ease-in-out; + /* Prevent first frame from flickering when animation starts */ + -webkit-animation-fill-mode: both; + animation-fill-mode: both; +} + +.spinner .bounce1 { + -webkit-animation-delay: -0.32s; + animation-delay: -0.32s; +} + +.spinner .bounce2 { + -webkit-animation-delay: -0.16s; + animation-delay: -0.16s; +} + +@-webkit-keyframes bouncedelay { + 0%, 80%, 100% { -webkit-transform: scale(0.0) } + 40% { -webkit-transform: scale(1.0) } +} + +@keyframes bouncedelay { + 0%, 80%, 100% { + transform: scale(0.0); + -webkit-transform: scale(0.0); + } 40% { + transform: scale(1.0); + -webkit-transform: scale(1.0); + } +} diff --git a/domain-server/resources/web/css/sweet-alert.css b/domain-server/resources/web/css/sweetalert.css similarity index 60% rename from domain-server/resources/web/css/sweet-alert.css rename to domain-server/resources/web/css/sweetalert.css index 1f808f9351..bc588bce54 100755 --- a/domain-server/resources/web/css/sweet-alert.css +++ b/domain-server/resources/web/css/sweetalert.css @@ -1,4 +1,12 @@ +body.stop-scrolling { + height: 100%; + overflow: hidden; } + .sweet-overlay { + background-color: black; + /* IE8 */ + -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)"; + /* IE8 */ background-color: rgba(0, 0, 0, 0.4); position: fixed; left: 0; @@ -6,11 +14,11 @@ top: 0; bottom: 0; display: none; - z-index: 1000; } + z-index: 10000; } .sweet-alert { background-color: white; - font-family: sans-serif; + font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; width: 478px; padding: 17px; border-radius: 5px; @@ -22,7 +30,7 @@ margin-top: -200px; overflow: hidden; display: none; - z-index: 2000; } + z-index: 99999; } @media all and (max-width: 540px) { .sweet-alert { width: auto; @@ -36,15 +44,120 @@ text-align: center; font-weight: 600; text-transform: none; - position: relative; } + position: relative; + margin: 25px 0; + padding: 0; + line-height: 40px; + display: block; } .sweet-alert p { color: #797979; font-size: 16px; text-align: center; font-weight: 300; position: relative; + text-align: inherit; + float: none; margin: 0; + padding: 0; line-height: normal; } + .sweet-alert fieldset { + border: none; + position: relative; } + .sweet-alert .sa-error-container { + background-color: #f1f1f1; + margin-left: -17px; + margin-right: -17px; + overflow: hidden; + padding: 0 10px; + max-height: 0; + webkit-transition: padding 0.15s, max-height 0.15s; + transition: padding 0.15s, max-height 0.15s; } + .sweet-alert .sa-error-container.show { + padding: 10px 0; + max-height: 100px; + webkit-transition: padding 0.2s, max-height 0.2s; + transition: padding 0.25s, max-height 0.25s; } + .sweet-alert .sa-error-container .icon { + display: inline-block; + width: 24px; + height: 24px; + border-radius: 50%; + background-color: #ea7d7d; + color: white; + line-height: 24px; + text-align: center; + margin-right: 3px; } + .sweet-alert .sa-error-container p { + display: inline-block; } + .sweet-alert .sa-input-error { + position: absolute; + top: 29px; + right: 26px; + width: 20px; + height: 20px; + opacity: 0; + -webkit-transform: scale(0.5); + transform: scale(0.5); + -webkit-transform-origin: 50% 50%; + transform-origin: 50% 50%; + -webkit-transition: all 0.1s; + transition: all 0.1s; } + .sweet-alert .sa-input-error::before, .sweet-alert .sa-input-error::after { + content: ""; + width: 20px; + height: 6px; + background-color: #f06e57; + border-radius: 3px; + position: absolute; + top: 50%; + margin-top: -4px; + left: 50%; + margin-left: -9px; } + .sweet-alert .sa-input-error::before { + -webkit-transform: rotate(-45deg); + transform: rotate(-45deg); } + .sweet-alert .sa-input-error::after { + -webkit-transform: rotate(45deg); + transform: rotate(45deg); } + .sweet-alert .sa-input-error.show { + opacity: 1; + -webkit-transform: scale(1); + transform: scale(1); } + .sweet-alert input { + width: 100%; + box-sizing: border-box; + border-radius: 3px; + border: 1px solid #d7d7d7; + height: 43px; + margin-top: 10px; + margin-bottom: 17px; + font-size: 18px; + box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.06); + padding: 0 12px; + display: none; + -webkit-transition: all 0.3s; + transition: all 0.3s; } + .sweet-alert input:focus { + outline: none; + box-shadow: 0px 0px 3px #c4e6f5; + border: 1px solid #b4dbed; } + .sweet-alert input:focus::-moz-placeholder { + transition: opacity 0.3s 0.03s ease; + opacity: 0.5; } + .sweet-alert input:focus:-ms-input-placeholder { + transition: opacity 0.3s 0.03s ease; + opacity: 0.5; } + .sweet-alert input:focus::-webkit-input-placeholder { + transition: opacity 0.3s 0.03s ease; + opacity: 0.5; } + .sweet-alert input::-moz-placeholder { + color: #bdbdbd; } + .sweet-alert input:-ms-input-placeholder { + color: #bdbdbd; } + .sweet-alert input::-webkit-input-placeholder { + color: #bdbdbd; } + .sweet-alert.show-input input { + display: block; } .sweet-alert button { background-color: #AEDEF4; color: white; @@ -52,6 +165,7 @@ box-shadow: none; font-size: 17px; font-weight: 500; + -webkit-border-radius: 4px; border-radius: 5px; padding: 10px 32px; margin: 26px 5px 0 5px; @@ -71,22 +185,29 @@ background-color: #b6b6b6; } .sweet-alert button.cancel:focus { box-shadow: rgba(197, 205, 211, 0.8) 0px 0px 2px, rgba(0, 0, 0, 0.0470588) 0px 0px 0px 1px inset !important; } + .sweet-alert button::-moz-focus-inner { + border: 0; } .sweet-alert[data-has-cancel-button=false] button { box-shadow: none !important; } - .sweet-alert .icon { + .sweet-alert[data-has-confirm-button=false][data-has-cancel-button=false] { + padding-bottom: 40px; } + .sweet-alert .sa-icon { width: 80px; height: 80px; border: 4px solid gray; + -webkit-border-radius: 40px; + border-radius: 40px; border-radius: 50%; margin: 20px auto; + padding: 0; position: relative; box-sizing: content-box; } - .sweet-alert .icon.error { + .sweet-alert .sa-icon.sa-error { border-color: #F27474; } - .sweet-alert .icon.error .x-mark { + .sweet-alert .sa-icon.sa-error .sa-x-mark { position: relative; display: block; } - .sweet-alert .icon.error .line { + .sweet-alert .sa-icon.sa-error .sa-line { position: absolute; height: 5px; width: 47px; @@ -94,37 +215,39 @@ display: block; top: 37px; border-radius: 2px; } - .sweet-alert .icon.error .line.left { + .sweet-alert .sa-icon.sa-error .sa-line.sa-left { -webkit-transform: rotate(45deg); transform: rotate(45deg); left: 17px; } - .sweet-alert .icon.error .line.right { + .sweet-alert .sa-icon.sa-error .sa-line.sa-right { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); right: 16px; } - .sweet-alert .icon.warning { + .sweet-alert .sa-icon.sa-warning { border-color: #F8BB86; } - .sweet-alert .icon.warning .body { + .sweet-alert .sa-icon.sa-warning .sa-body { position: absolute; width: 5px; height: 47px; left: 50%; top: 10px; + -webkit-border-radius: 2px; border-radius: 2px; margin-left: -2px; background-color: #F8BB86; } - .sweet-alert .icon.warning .dot { + .sweet-alert .sa-icon.sa-warning .sa-dot { position: absolute; width: 7px; height: 7px; + -webkit-border-radius: 50%; border-radius: 50%; margin-left: -3px; left: 50%; bottom: 10px; background-color: #F8BB86; } - .sweet-alert .icon.info { + .sweet-alert .sa-icon.sa-info { border-color: #C9DAE1; } - .sweet-alert .icon.info::before { + .sweet-alert .sa-icon.sa-info::before { content: ""; position: absolute; width: 5px; @@ -134,7 +257,7 @@ border-radius: 2px; margin-left: -2px; background-color: #C9DAE1; } - .sweet-alert .icon.info::after { + .sweet-alert .sa-icon.sa-info::after { content: ""; position: absolute; width: 7px; @@ -143,17 +266,21 @@ margin-left: -3px; top: 19px; background-color: #C9DAE1; } - .sweet-alert .icon.success { + .sweet-alert .sa-icon.sa-success { border-color: #A5DC86; } - .sweet-alert .icon.success::before, .sweet-alert .icon.success::after { + .sweet-alert .sa-icon.sa-success::before, .sweet-alert .sa-icon.sa-success::after { content: ''; + -webkit-border-radius: 40px; + border-radius: 40px; border-radius: 50%; position: absolute; width: 60px; height: 120px; background: white; + -webkit-transform: rotate(45deg); transform: rotate(45deg); } - .sweet-alert .icon.success::before { + .sweet-alert .sa-icon.sa-success::before { + -webkit-border-radius: 120px 0 0 120px; border-radius: 120px 0 0 120px; top: -7px; left: -33px; @@ -161,7 +288,8 @@ transform: rotate(-45deg); -webkit-transform-origin: 60px 60px; transform-origin: 60px 60px; } - .sweet-alert .icon.success::after { + .sweet-alert .sa-icon.sa-success::after { + -webkit-border-radius: 0 120px 120px 0; border-radius: 0 120px 120px 0; top: -11px; left: 30px; @@ -169,17 +297,19 @@ transform: rotate(-45deg); -webkit-transform-origin: 0px 60px; transform-origin: 0px 60px; } - .sweet-alert .icon.success .placeholder { + .sweet-alert .sa-icon.sa-success .sa-placeholder { width: 80px; height: 80px; border: 4px solid rgba(165, 220, 134, 0.2); + -webkit-border-radius: 40px; + border-radius: 40px; border-radius: 50%; box-sizing: content-box; position: absolute; left: -4px; top: -4px; z-index: 2; } - .sweet-alert .icon.success .fix { + .sweet-alert .sa-icon.sa-success .sa-fix { width: 5px; height: 90px; background-color: white; @@ -189,26 +319,26 @@ z-index: 1; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } - .sweet-alert .icon.success .line { + .sweet-alert .sa-icon.sa-success .sa-line { height: 5px; background-color: #A5DC86; display: block; border-radius: 2px; position: absolute; z-index: 2; } - .sweet-alert .icon.success .line.tip { + .sweet-alert .sa-icon.sa-success .sa-line.sa-tip { width: 25px; left: 14px; top: 46px; -webkit-transform: rotate(45deg); transform: rotate(45deg); } - .sweet-alert .icon.success .line.long { + .sweet-alert .sa-icon.sa-success .sa-line.sa-long { width: 47px; right: 8px; top: 38px; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } - .sweet-alert .icon.custom { + .sweet-alert .sa-icon.sa-custom { background-size: contain; border-radius: 0; border: none; @@ -222,238 +352,274 @@ 0% { transform: scale(0.7); -webkit-transform: scale(0.7); } + 45% { transform: scale(1.05); -webkit-transform: scale(1.05); } + 80% { transform: scale(0.95); - -webkit-tranform: scale(0.95); } - 100% { - transform: scale(1); - -webkit-transform: scale(1); } } -@-moz-keyframes showSweetAlert { - 0% { - transform: scale(0.7); - -webkit-transform: scale(0.7); } - 45% { - transform: scale(1.05); - -webkit-transform: scale(1.05); } - 80% { - transform: scale(0.95); - -webkit-tranform: scale(0.95); } + -webkit-transform: scale(0.95); } + 100% { transform: scale(1); -webkit-transform: scale(1); } } + @keyframes showSweetAlert { 0% { transform: scale(0.7); -webkit-transform: scale(0.7); } + 45% { transform: scale(1.05); -webkit-transform: scale(1.05); } + 80% { transform: scale(0.95); - -webkit-tranform: scale(0.95); } + -webkit-transform: scale(0.95); } + 100% { transform: scale(1); -webkit-transform: scale(1); } } + @-webkit-keyframes hideSweetAlert { 0% { transform: scale(1); -webkit-transform: scale(1); } + 100% { transform: scale(0.5); -webkit-transform: scale(0.5); } } -@-moz-keyframes hideSweetAlert { - 0% { - transform: scale(1); - -webkit-transform: scale(1); } - 100% { - transform: scale(0.5); - -webkit-transform: scale(0.5); } } + @keyframes hideSweetAlert { 0% { transform: scale(1); -webkit-transform: scale(1); } + 100% { transform: scale(0.5); -webkit-transform: scale(0.5); } } -.showSweetAlert { - -webkit-animation: showSweetAlert 0.3s; - -moz-animation: showSweetAlert 0.3s; - animation: showSweetAlert 0.3s; } -.hideSweetAlert { +@-webkit-keyframes slideFromTop { + 0% { + top: 0%; } + + 100% { + top: 50%; } } + +@keyframes slideFromTop { + 0% { + top: 0%; } + + 100% { + top: 50%; } } + +@-webkit-keyframes slideToTop { + 0% { + top: 50%; } + + 100% { + top: 0%; } } + +@keyframes slideToTop { + 0% { + top: 50%; } + + 100% { + top: 0%; } } + +@-webkit-keyframes slideFromBottom { + 0% { + top: 70%; } + + 100% { + top: 50%; } } + +@keyframes slideFromBottom { + 0% { + top: 70%; } + + 100% { + top: 50%; } } + +@-webkit-keyframes slideToBottom { + 0% { + top: 50%; } + + 100% { + top: 70%; } } + +@keyframes slideToBottom { + 0% { + top: 50%; } + + 100% { + top: 70%; } } + +.showSweetAlert[data-animation=pop] { + -webkit-animation: showSweetAlert 0.3s; + animation: showSweetAlert 0.3s; } +.showSweetAlert[data-animation=none] { + -webkit-animation: none; + animation: none; } +.showSweetAlert[data-animation=slide-from-top] { + -webkit-animation: slideFromTop 0.3s; + animation: slideFromTop 0.3s; } +.showSweetAlert[data-animation=slide-from-bottom] { + -webkit-animation: slideFromBottom 0.3s; + animation: slideFromBottom 0.3s; } + +.hideSweetAlert[data-animation=pop] { -webkit-animation: hideSweetAlert 0.2s; - -moz-animation: hideSweetAlert 0.2s; animation: hideSweetAlert 0.2s; } +.hideSweetAlert[data-animation=none] { + -webkit-animation: none; + animation: none; } +.hideSweetAlert[data-animation=slide-from-top] { + -webkit-animation: slideToTop 0.4s; + animation: slideToTop 0.4s; } +.hideSweetAlert[data-animation=slide-from-bottom] { + -webkit-animation: slideToBottom 0.3s; + animation: slideToBottom 0.3s; } @-webkit-keyframes animateSuccessTip { 0% { width: 0; left: 1px; top: 19px; } + 54% { width: 0; left: 1px; top: 19px; } + 70% { width: 50px; left: -8px; top: 37px; } + 84% { width: 17px; left: 21px; top: 48px; } + 100% { width: 25px; left: 14px; top: 45px; } } -@-moz-keyframes animateSuccessTip { - 0% { - width: 0; - left: 1px; - top: 19px; } - 54% { - width: 0; - left: 1px; - top: 19px; } - 70% { - width: 50px; - left: -8px; - top: 37px; } - 84% { - width: 17px; - left: 21px; - top: 48px; } - 100% { - width: 25px; - left: 14px; - top: 45px; } } + @keyframes animateSuccessTip { 0% { width: 0; left: 1px; top: 19px; } + 54% { width: 0; left: 1px; top: 19px; } + 70% { width: 50px; left: -8px; top: 37px; } + 84% { width: 17px; left: 21px; top: 48px; } + 100% { width: 25px; left: 14px; top: 45px; } } + @-webkit-keyframes animateSuccessLong { 0% { width: 0; right: 46px; top: 54px; } + 65% { width: 0; right: 46px; top: 54px; } + 84% { width: 55px; right: 0px; top: 35px; } + 100% { width: 47px; right: 8px; top: 38px; } } -@-moz-keyframes animateSuccessLong { - 0% { - width: 0; - right: 46px; - top: 54px; } - 65% { - width: 0; - right: 46px; - top: 54px; } - 84% { - width: 55px; - right: 0px; - top: 35px; } - 100% { - width: 47px; - right: 8px; - top: 38px; } } + @keyframes animateSuccessLong { 0% { width: 0; right: 46px; top: 54px; } + 65% { width: 0; right: 46px; top: 54px; } + 84% { width: 55px; right: 0px; top: 35px; } + 100% { width: 47px; right: 8px; top: 38px; } } + @-webkit-keyframes rotatePlaceholder { 0% { transform: rotate(-45deg); -webkit-transform: rotate(-45deg); } + 5% { transform: rotate(-45deg); -webkit-transform: rotate(-45deg); } + 12% { transform: rotate(-405deg); -webkit-transform: rotate(-405deg); } + 100% { transform: rotate(-405deg); -webkit-transform: rotate(-405deg); } } -@-moz-keyframes rotatePlaceholder { - 0% { - transform: rotate(-45deg); - -webkit-transform: rotate(-45deg); } - 5% { - transform: rotate(-45deg); - -webkit-transform: rotate(-45deg); } - 12% { - transform: rotate(-405deg); - -webkit-transform: rotate(-405deg); } - 100% { - transform: rotate(-405deg); - -webkit-transform: rotate(-405deg); } } + @keyframes rotatePlaceholder { 0% { transform: rotate(-45deg); -webkit-transform: rotate(-45deg); } + 5% { transform: rotate(-45deg); -webkit-transform: rotate(-45deg); } + 12% { transform: rotate(-405deg); -webkit-transform: rotate(-405deg); } + 100% { transform: rotate(-405deg); -webkit-transform: rotate(-405deg); } } + .animateSuccessTip { -webkit-animation: animateSuccessTip 0.75s; - -moz-animation: animateSuccessTip 0.75s; animation: animateSuccessTip 0.75s; } .animateSuccessLong { -webkit-animation: animateSuccessLong 0.75s; - -moz-animation: animateSuccessLong 0.75s; animation: animateSuccessLong 0.75s; } -.icon.success.animate::after { +.sa-icon.sa-success.animate::after { -webkit-animation: rotatePlaceholder 4.25s ease-in; - -moz-animation: rotatePlaceholder 4.25s ease-in; animation: rotatePlaceholder 4.25s ease-in; } @-webkit-keyframes animateErrorIcon { @@ -461,31 +627,25 @@ transform: rotateX(100deg); -webkit-transform: rotateX(100deg); opacity: 0; } + 100% { transform: rotateX(0deg); -webkit-transform: rotateX(0deg); opacity: 1; } } -@-moz-keyframes animateErrorIcon { - 0% { - transform: rotateX(100deg); - -webkit-transform: rotateX(100deg); - opacity: 0; } - 100% { - transform: rotateX(0deg); - -webkit-transform: rotateX(0deg); - opacity: 1; } } + @keyframes animateErrorIcon { 0% { transform: rotateX(100deg); -webkit-transform: rotateX(100deg); opacity: 0; } + 100% { transform: rotateX(0deg); -webkit-transform: rotateX(0deg); opacity: 1; } } + .animateErrorIcon { -webkit-animation: animateErrorIcon 0.5s; - -moz-animation: animateErrorIcon 0.5s; animation: animateErrorIcon 0.5s; } @-webkit-keyframes animateXMark { @@ -494,108 +654,104 @@ -webkit-transform: scale(0.4); margin-top: 26px; opacity: 0; } + 50% { transform: scale(0.4); -webkit-transform: scale(0.4); margin-top: 26px; opacity: 0; } + 80% { transform: scale(1.15); -webkit-transform: scale(1.15); margin-top: -6px; } + 100% { transform: scale(1); -webkit-transform: scale(1); margin-top: 0; opacity: 1; } } -@-moz-keyframes animateXMark { - 0% { - transform: scale(0.4); - -webkit-transform: scale(0.4); - margin-top: 26px; - opacity: 0; } - 50% { - transform: scale(0.4); - -webkit-transform: scale(0.4); - margin-top: 26px; - opacity: 0; } - 80% { - transform: scale(1.15); - -webkit-transform: scale(1.15); - margin-top: -6px; } - 100% { - transform: scale(1); - -webkit-transform: scale(1); - margin-top: 0; - opacity: 1; } } + @keyframes animateXMark { 0% { transform: scale(0.4); -webkit-transform: scale(0.4); margin-top: 26px; opacity: 0; } + 50% { transform: scale(0.4); -webkit-transform: scale(0.4); margin-top: 26px; opacity: 0; } + 80% { transform: scale(1.15); -webkit-transform: scale(1.15); margin-top: -6px; } + 100% { transform: scale(1); -webkit-transform: scale(1); margin-top: 0; opacity: 1; } } + .animateXMark { -webkit-animation: animateXMark 0.5s; - -moz-animation: animateXMark 0.5s; animation: animateXMark 0.5s; } -/*@include keyframes(simpleRotate) { - 0% { transform: rotateY(0deg); } - 100% { transform: rotateY(-360deg); } -} -.simpleRotate { - @include animation('simpleRotate 0.75s'); -}*/ @-webkit-keyframes pulseWarning { 0% { border-color: #F8D486; } + 100% { border-color: #F8BB86; } } -@-moz-keyframes pulseWarning { - 0% { - border-color: #F8D486; } - 100% { - border-color: #F8BB86; } } + @keyframes pulseWarning { 0% { border-color: #F8D486; } + 100% { border-color: #F8BB86; } } + .pulseWarning { -webkit-animation: pulseWarning 0.75s infinite alternate; - -moz-animation: pulseWarning 0.75s infinite alternate; animation: pulseWarning 0.75s infinite alternate; } @-webkit-keyframes pulseWarningIns { 0% { background-color: #F8D486; } + 100% { background-color: #F8BB86; } } -@-moz-keyframes pulseWarningIns { - 0% { - background-color: #F8D486; } - 100% { - background-color: #F8BB86; } } + @keyframes pulseWarningIns { 0% { background-color: #F8D486; } + 100% { background-color: #F8BB86; } } + .pulseWarningIns { -webkit-animation: pulseWarningIns 0.75s infinite alternate; - -moz-animation: pulseWarningIns 0.75s infinite alternate; animation: pulseWarningIns 0.75s infinite alternate; } + +/* Internet Explorer 9 has some special quirks that are fixed here */ +/* The icons are not animated. */ +/* This file is automatically merged into sweet-alert.min.js through Gulp */ +/* Error icon */ +.sweet-alert .sa-icon.sa-error .sa-line.sa-left { + -ms-transform: rotate(45deg) \9; } + +.sweet-alert .sa-icon.sa-error .sa-line.sa-right { + -ms-transform: rotate(-45deg) \9; } + +/* Success icon */ +.sweet-alert .sa-icon.sa-success { + border-color: transparent\9; } + +.sweet-alert .sa-icon.sa-success .sa-line.sa-tip { + -ms-transform: rotate(45deg) \9; } + +.sweet-alert .sa-icon.sa-success .sa-line.sa-long { + -ms-transform: rotate(-45deg) \9; } diff --git a/domain-server/resources/web/header.html b/domain-server/resources/web/header.html index 6924583d86..4a75279e8f 100644 --- a/domain-server/resources/web/header.html +++ b/domain-server/resources/web/header.html @@ -3,10 +3,10 @@ domain-server - + - + @@ -22,7 +22,7 @@ domain-server - +