auth.css 2.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124
  1. /**
  2. * MageSpecialist
  3. *
  4. * NOTICE OF LICENSE
  5. *
  6. * This source file is subject to the Open Software License (OSL 3.0)
  7. * that is bundled with this package in the file LICENSE.txt.
  8. * It is also available through the world-wide-web at this URL:
  9. * http://opensource.org/licenses/osl-3.0.php
  10. * If you did not receive a copy of the license and are unable to
  11. * obtain it through the world-wide-web, please send an email
  12. * to info@magespecialist.it so we can send you a copy immediately.
  13. *
  14. * @category MSP
  15. * @package MSP_TwoFactorAuth
  16. * @copyright Copyright (c) 2017 Skeeller srl (http://www.magespecialist.it)
  17. * @license http://opensource.org/licenses/osl-3.0.php Open Software License (OSL 3.0)
  18. */
  19. .page-wrapper {
  20. max-width: 55rem !important;
  21. }
  22. .field-tfa_trusted {
  23. margin-top: -10px !important;
  24. margin-left: -5px !important;
  25. }
  26. .field-tfa_trusted label span {
  27. margin-left: 10px !important;
  28. }
  29. .msp-tfa-change-provider {
  30. margin-bottom: 1em;
  31. }
  32. .msp-tfa-change-provider-trigger {
  33. margin-bottom: 1em;
  34. display: block;
  35. }
  36. .msp-tfa-provider {
  37. display: block;
  38. background: #f0f0f0;
  39. border-top: 1px solid #cccccc;
  40. height: 46px;
  41. padding-top: 7px;
  42. padding-left: 7px;
  43. cursor: pointer;
  44. color: #333;
  45. }
  46. .msp-tfa-provider:hover {
  47. color: #888;
  48. }
  49. .msp-tfa-provider::after {
  50. clear: both;
  51. }
  52. .msp-tfa-provider:first-child {
  53. border-top: none !important;
  54. }
  55. .msp-tfa-provider img {
  56. width: 32px;
  57. margin-right: 1em;
  58. float: left;
  59. }
  60. .msp-tfa-provider span {
  61. font-size: 14px;
  62. font-weight: bold;
  63. line-height: 32px;
  64. float: left;
  65. }
  66. .msp-tfa-change-provider-trigger:hover {
  67. background: #f0f0f0;
  68. }
  69. #msp-twofactorauth-change-provider-container {
  70. margin-top: 1em;
  71. }
  72. .msp-tfa-change-provider-trigger {
  73. color: #333333;
  74. background: #e0e0e0;
  75. text-align: center;
  76. padding: 8px;
  77. height: 40px;
  78. }
  79. .msp-tfa-change-provider-trigger img {
  80. margin-right: 10px;
  81. width: 24px;
  82. display: block;
  83. float: left;
  84. }
  85. .msp-tfa-change-provider-trigger span {
  86. float: left;
  87. display: block;
  88. line-height: 24px;
  89. }
  90. .msp-tfa-change-provider-trigger::after {
  91. clear: both;
  92. }
  93. .msp-tfa-waitbox {
  94. height: 110px;
  95. text-align: center;
  96. background: #f5f5f5;
  97. padding: 1.5em;
  98. }
  99. .msp-tfa-waitbox img {
  100. width: 64px;
  101. }
  102. .msp-tfa-waitbox .spinner {
  103. margin-left: -20px;
  104. }