jetpack-sso-login.css 2.8 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176
  1. #loginform {
  2. /* We set !important because sometimes static is added inline */
  3. position: relative !important;
  4. padding-bottom: 92px;
  5. }
  6. .jetpack-sso-repositioned #loginform {
  7. padding-bottom: 26px;
  8. }
  9. #loginform #jetpack-sso-wrap,
  10. #loginform #jetpack-sso-wrap * {
  11. box-sizing: border-box;
  12. }
  13. #jetpack-sso-wrap__action,
  14. #jetpack-sso-wrap__user{
  15. display: none;
  16. }
  17. .jetpack-sso-form-display #jetpack-sso-wrap__action,
  18. .jetpack-sso-form-display #jetpack-sso-wrap__user {
  19. display: block;
  20. }
  21. #jetpack-sso-wrap {
  22. position: absolute;
  23. bottom: 20px;
  24. padding: 0 24px;
  25. margin-left: -24px;
  26. margin-right: -24px;
  27. width: 100%;
  28. }
  29. .jetpack-sso-repositioned #jetpack-sso-wrap {
  30. position: relative;
  31. bottom: auto;
  32. padding: 0;
  33. margin-top: 16px;
  34. margin-left: 0;
  35. margin-right: 0;
  36. }
  37. .jetpack-sso-form-display #jetpack-sso-wrap {
  38. position: relative;
  39. bottom: auto;
  40. padding: 0;
  41. margin-top: 0;
  42. margin-left: 0;
  43. margin-right: 0;
  44. }
  45. #loginform #jetpack-sso-wrap p {
  46. color: #777777;
  47. margin-bottom: 16px;
  48. }
  49. #jetpack-sso-wrap a {
  50. display: block;
  51. width: 100%;
  52. text-align: center;
  53. text-decoration: none;
  54. }
  55. #jetpack-sso-wrap .jetpack-sso-toggle.wpcom {
  56. display: none;
  57. }
  58. .jetpack-sso-form-display #jetpack-sso-wrap .jetpack-sso-toggle.wpcom {
  59. display: block;
  60. }
  61. .jetpack-sso-form-display #jetpack-sso-wrap .jetpack-sso-toggle.default {
  62. display: none;
  63. }
  64. .jetpack-sso-form-display #loginform > p,
  65. .jetpack-sso-form-display #loginform > div {
  66. display: none;
  67. }
  68. .jetpack-sso-form-display #loginform #jetpack-sso-wrap {
  69. display: block;
  70. }
  71. .jetpack-sso-form-display #loginform {
  72. padding: 26px 24px;
  73. }
  74. .jetpack-sso-or {
  75. margin-bottom: 16px;
  76. position: relative;
  77. text-align: center;
  78. }
  79. .jetpack-sso-or:before {
  80. background: #E5E5E5;
  81. content: '';
  82. height: 1px;
  83. position: absolute;
  84. left: 0;
  85. top: 50%;
  86. width: 100%;
  87. }
  88. .jetpack-sso-or span {
  89. background: #fff;
  90. color: #777;
  91. position: relative;
  92. padding: 0 8px;
  93. text-transform: uppercase
  94. }
  95. .jetpack-sso.button {
  96. height: 36px;
  97. line-height: 34px;
  98. float: none;
  99. margin-bottom: 16px;
  100. position: relative;
  101. width: 100%;
  102. }
  103. .jetpack-sso.button > span {
  104. position: relative;
  105. padding-left: 30px;
  106. }
  107. .jetpack-sso.button .genericon-wordpress {
  108. position: absolute;
  109. left: 0;
  110. top: -3px;
  111. font-size: 24px;
  112. }
  113. @media screen and ( max-width: 782px ) {
  114. .jetpack-sso.button {
  115. line-height: 22px;
  116. }
  117. }
  118. #jetpack-sso-wrap__user img {
  119. border-radius: 50%;
  120. display: block;
  121. margin: 0 auto 16px;
  122. }
  123. #jetpack-sso-wrap__user h2 {
  124. font-size: 21px;
  125. font-weight: 300;
  126. margin-bottom: 16px;
  127. text-align: center;
  128. }
  129. #jetpack-sso-wrap__user h2 span {
  130. font-weight: bold;
  131. }
  132. .jetpack-sso-wrap__reauth {
  133. margin-bottom: 16px;
  134. }
  135. .jetpack-sso-form-display #nav {
  136. display: none;
  137. }
  138. .jetpack-sso-form-display #backtoblog {
  139. margin: 24px 0 0;
  140. }
  141. .jetpack-sso-clear:after {
  142. content: "";
  143. display: table;
  144. clear: both;
  145. }