upgrade.css 2.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149
  1. #nfThreeFormConvert {
  2. display: none;
  3. }
  4. html,
  5. body {
  6. background: #fff;
  7. }
  8. h1 {
  9. line-height: 32px;
  10. }
  11. h2 {
  12. /*margin: 40px auto 20px;*/
  13. }
  14. p {
  15. font-size: 16px;
  16. /*padding-top: 20px;*/
  17. }
  18. ol {
  19. font-size: 16px;
  20. margin-left: 40px;
  21. list-style-type: none;
  22. }
  23. hr {
  24. margin: 50px 20px;
  25. }
  26. img {
  27. width: 100%;
  28. }
  29. table {
  30. width: 100%;
  31. margin-bottom: 20px;
  32. border-collapse: collapse;
  33. }
  34. th {
  35. text-align: left;
  36. }
  37. th, td {
  38. padding: 15px;
  39. text-align: left;
  40. border-bottom: 1px solid #ddd;
  41. }
  42. th:nth-child( 1 ),
  43. td:nth-child( 1 ) {
  44. width: 90%;
  45. }
  46. th:nth-child( 2 ),
  47. td:nth-child( 2 ) {
  48. width: 10%;
  49. }
  50. tbody tr:nth-child(odd) {
  51. background-color: #f2f2f2
  52. }
  53. .opt-in {
  54. text-align: center;
  55. }
  56. .nf-logo {
  57. display: block;
  58. margin: 0 auto;
  59. max-width: 300px;
  60. }
  61. .nf-upgrade {
  62. margin: 0 auto 50px auto;
  63. max-width: 800px;
  64. }
  65. /*
  66. * Dashicons
  67. */
  68. .dashicons-yes {
  69. color: green;
  70. }
  71. .dashicons-no {
  72. color: #EF4748;
  73. }
  74. .dashicons-flag {
  75. color: #ffba00; /* WP Update Nag Yellow */
  76. }
  77. .dashicons-warning {
  78. color: gray;
  79. }
  80. .dashicons-update {
  81. margin-left: -1px;
  82. animation: dashicons-spin 1s infinite;
  83. animation-timing-function: linear;
  84. }
  85. @keyframes dashicons-spin {
  86. 0% {
  87. transform: rotate( 0deg );
  88. }
  89. 100% {
  90. transform: rotate( 360deg );
  91. }
  92. }
  93. ol .dashicons {
  94. margin-top: 2px;
  95. margin-right: 8px;
  96. margin-left: -30px;
  97. }
  98. /*
  99. * Progress Bar
  100. */
  101. .progress-bar,
  102. .progress-bar--wrapper {
  103. height: 10px;
  104. }
  105. .progress-bar {
  106. width: 0;
  107. background-color: green;
  108. }
  109. .progress-bar--wrapper {
  110. width: 100%;
  111. }
  112. /*
  113. * Button
  114. */
  115. .nf-upgrade-button {
  116. color: white;
  117. background-color: #2BAAE7;
  118. cursor: pointer;
  119. padding: 10px 20px;
  120. height: auto;
  121. display: block;
  122. margin: auto;
  123. border: 2px solid transparent;
  124. transition: all .5s;
  125. }
  126. .nf-upgrade-button:hover,
  127. .nf-upgrade-button:active {
  128. color: #2BAAE7;
  129. border-color: #2BAAE7;
  130. background-color: white;
  131. }
  132. .jBox-Modal {
  133. max-width: 500px
  134. }