From 079f81e62a46f33e2351054b3f234d1caaec87c8 Mon Sep 17 00:00:00 2001 From: Alejandro Gallardo Escobar Date: Wed, 5 Aug 2015 13:58:15 +0200 Subject: [PATCH] Added support to the transform property for old browsers (and for others that does not follow the standards, like Safari) --- pandora_console/include/styles/pandora.css | 26 ++++++++++++++++++---- 1 file changed, 22 insertions(+), 4 deletions(-) diff --git a/pandora_console/include/styles/pandora.css b/pandora_console/include/styles/pandora.css index b0404b67c5..37c905b2e3 100755 --- a/pandora_console/include/styles/pandora.css +++ b/pandora_console/include/styles/pandora.css @@ -454,6 +454,12 @@ div#login_in, #login_f { .version_login{ transform: rotate(36deg); + /* Old browser support */ + -ms-transform: rotate(36deg); /* IE */ + -moz-transform: rotate(36deg); /* FF */ + -o-transform: rotate(36deg); /* Opera */ + -webkit-transform: rotate(36deg); /* Safari and Chrome */ + float: right; margin-top: 18px; width: 80px; @@ -3056,22 +3062,34 @@ table#policy_modules td * { @-webkit-keyframes spinner { 0% { - -webkit-transform: rotate(0deg); + -ms-transform: rotate(0deg); /* IE */ + -moz-transform: rotate(0deg); /* FF */ + -o-transform: rotate(0deg); /* Opera */ + -webkit-transform: rotate(0deg); /* Safari and Chrome */ transform: rotate(0deg); } 100% { - -webkit-transform: rotate(359deg); + -ms-transform: rotate(359deg); /* IE */ + -moz-transform: rotate(359deg); /* FF */ + -o-transform: rotate(359deg); /* Opera */ + -webkit-transform: rotate(359deg); /* Safari and Chrome */ transform: rotate(359deg); } } @keyframes spinner { 0% { - -webkit-transform: rotate(0deg); + -ms-transform: rotate(0deg); /* IE */ + -moz-transform: rotate(0deg); /* FF */ + -o-transform: rotate(0deg); /* Opera */ + -webkit-transform: rotate(0deg); /* Safari and Chrome */ transform: rotate(0deg); } 100% { - -webkit-transform: rotate(359deg); + -ms-transform: rotate(359deg); /* IE */ + -moz-transform: rotate(359deg); /* FF */ + -o-transform: rotate(359deg); /* Opera */ + -webkit-transform: rotate(359deg); /* Safari and Chrome */ transform: rotate(359deg); } }