From 5fc95462bff53968c121bc603cb79c8e65df370d Mon Sep 17 00:00:00 2001 From: summerscope Date: Thu, 19 Jun 2014 11:32:30 +1000 Subject: [PATCH] Tweak IE old warning css to remove css anims (not supported old browsers anyway) --- .../stylesheets/darkswarm/ie_warning.sass | 71 +++---------------- 1 file changed, 8 insertions(+), 63 deletions(-) diff --git a/app/assets/stylesheets/darkswarm/ie_warning.sass b/app/assets/stylesheets/darkswarm/ie_warning.sass index 3c999864d3..ede86a3083 100644 --- a/app/assets/stylesheets/darkswarm/ie_warning.sass +++ b/app/assets/stylesheets/darkswarm/ie_warning.sass @@ -5,83 +5,28 @@ background: rgba(255,255,255,0.15) padding: 0.5rem margin-bottom: 1rem + margin-top: 1rem .browserbtn text-align: center + margin-bottom: 1rem a color: white font-size: 1rem + filter: alpha(opacity=70) + opacity: 0.7 &:hover, &:active, &:focus - color: black + filter: alpha(opacity=100) + opacity: 1 + a.browserlogo display: block width: 100% - // background: rgba(255,255,255,0.5) - i.rotateIn.animated + i font-size: 5rem color: white text-align: center display: block -@-webkit-keyframes rotateIn - 0% - -webkit-transform-origin: center center - transform-origin: center center - -webkit-transform: rotate(-200deg) - transform: rotate(-200deg) - opacity: 0 - 100% - -webkit-transform-origin: center center - transform-origin: center center - -webkit-transform: rotate(0) - transform: rotate(0) - opacity: 1 - - -@keyframes rotateIn - 0% - -webkit-transform-origin: center center - -ms-transform-origin: center center - transform-origin: center center - -webkit-transform: rotate(-200deg) - -ms-transform: rotate(-200deg) - transform: rotate(-200deg) - opacity: 0 - 100% - -webkit-transform-origin: center center - -ms-transform-origin: center center - transform-origin: center center - -webkit-transform: rotate(0) - -ms-transform: rotate(0) - transform: rotate(0) - opacity: 1 - - -.rotateIn - -webkit-animation-name: rotateIn - animation-name: rotateIn - animation-delay: 0.5s - -webkit-animation-delay: 0.5s - -.delay1 - animation-delay: 0.75s - -webkit-animation-delay: 0.755s -.delay2 - animation-delay: 1s - -webkit-animation-delay: 1s -.delay3 - animation-delay: 1.25s - -webkit-animation-delay: 1.25s - -.animated - -webkit-animation-duration: 0.8s - animation-duration: 0.8s - -webkit-animation-fill-mode: both - animation-fill-mode: both - animation-timing-function: ease-in-out - -webkit-animation-timing-function: ease-in-out - - -