diff --git a/app/assets/stylesheets/single_signon.scss b/app/assets/stylesheets/single_signon.scss index d2c8aa8895..b5cd1fd62f 100644 --- a/app/assets/stylesheets/single_signon.scss +++ b/app/assets/stylesheets/single_signon.scss @@ -3,17 +3,17 @@ // You can use Sass (SCSS) here: http://sass-lang.com/ .col-centered { + background-color: #ff0000; margin: 80px auto; text-align: center; - background-color: red; } .sso-button { + background-color: #ffffff; + border: 1px solid; + margin: 100px 0 200px; min-height: 300px; padding: 20px 50px; - background-color: white; - border: 1px solid; - margin: 100px 0 200px 0; } .sso-button-fake { @@ -21,19 +21,19 @@ } .loader { - border: 16px solid #f3f3f3; - border-radius: 50%; - border-top: 16px solid #0A1F61; - width: 120px; - height: 120px; - -webkit-animation: spin 2s linear infinite; /* Safari */ + -webkit-animation: spin 2s linear infinite; // Safari animation: spin 2s linear infinite; + border-radius: 50%; + border-top: 16px solid #0a1f61; + border: 16px solid #f3f3f3; color: #f3f3f3; font-size: 11px; + height: 120px; + margin: 55px auto 150px; text-indent: -99999em; - margin: 55px auto 150px auto; + width: 120px; } -/* Safari */ +// Safari @-webkit-keyframes spin { 0% { -webkit-transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); } @@ -42,12 +42,3 @@ 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } - -#alertModal .modal-footer button { - display: block; - margin: 0 auto; -} - -#alertModal .modal-title { - color: red; -}