API tools faq
paste
Advertisement
Guest User

Untitled

a guest
Dec 11th, 2020
83
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 6.66 KB | None | 0 0
raw download clone embed print report
  1. .mfp-bg {
  2. top: 0;
  3. left: 0;
  4. width: 100%;
  5. height: 100%;
  6. z-index: 999;
  7. overflow: hidden;
  8. position: fixed;
  9. background: #0b0b0b;
  10. opacity: 0.8;
  11. }
  12. .mfp-wrap {
  13. top: 0;
  14. left: 0;
  15. width: 100%;
  16. height: 100%;
  17. z-index: 999;
  18. position: fixed;
  19. outline: none !important;
  20. -webkit-backface-visibility: hidden;
  21. }
  22. .mfp-container {
  23. text-align: center;
  24. position: absolute;
  25. width: 100%;
  26. height: 100%;
  27. left: 0;
  28. top: 0;
  29. padding: 0 8px;
  30. box-sizing: border-box;
  31. }
  32. .mfp-container:before {
  33. content: '';
  34. display: inline-block;
  35. height: 100%;
  36. vertical-align: middle;
  37. }
  38. .mfp-auto-cursor .mfp-content {
  39. cursor: auto;
  40. }
  41. .mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content {
  42. width: 100%;
  43. cursor: auto;
  44. }
  45. .mfp-content {
  46. position: relative;
  47. display: inline-block;
  48. vertical-align: middle;
  49. margin: 0 auto;
  50. text-align: left;
  51. z-index: 999;
  52. }
  53. .mfp-s-ready .mfp-preloader {
  54. display: none;
  55. }
  56. .mfp-preloader {
  57. color: #CCC;
  58. position: absolute;
  59. top: 50%;
  60. width: auto;
  61. text-align: center;
  62. margin-top: -0.8em;
  63. left: 8px;
  64. right: 8px;
  65. z-index: 999;
  66. }
  67. .login-popup {
  68. -webkit-box-shadow: 0 0 20px rgba(0,0,0,.4);
  69. box-shadow: 0 0 20px rgba(0,0,0,.4);
  70. background-color: #fff;
  71. -webkit-border-radius: 20px;
  72. -moz-border-radius: 20px;
  73. border-radius: 20px;
  74. position: relative;
  75. padding: 37px 50px 50px 325px;
  76. width: auto;
  77. max-width: 645px;
  78. margin: 20px auto;
  79. overflow: hidden;
  80. }
  81. .login-popup:before {
  82. background-image: url(https://i.imgur.com/0PU0hqT.png);
  83. background-position: -435px -67px;
  84. left: -95px;
  85. }
  86. .login-popup:before, .login-popup:after {
  87. -webkit-border-radius: 192px/290px;
  88. -moz-border-radius: 192px/290px;
  89. border-radius: 192px/290px;
  90. width: 385px;
  91. height: 580px;
  92. position: absolute;
  93. content: "";
  94. top: 0;
  95. display: block;
  96. bottom: 0;
  97. margin: auto;
  98. }
  99. .login-popup h3 {
  100. margin-bottom: 30px;
  101. font-size: 20px;
  102. line-height: 26px;
  103. border-bottom: 1px solid rgba(0,0,0,.2);
  104. padding-bottom: 10px;
  105. margin-bottom: 25px;
  106. margin-top: 0;
  107. }
  108. .h3, h3 {
  109. border-color: #3793ff;
  110. border-style: solid;
  111. border-width: 0 0 1px;
  112. color: #1a1a1a;
  113. font-family: Roboto, sans-serif;
  114. font-size: 1.6rem;
  115. font-weight: 400;
  116. letter-spacing: .3px;
  117. margin-bottom: 12px;
  118. padding-bottom: 3px;
  119. }
  120. .login-popup .login-form .username-input, .login-popup .login-form .password-input {
  121. position: relative;
  122. display: block;
  123. }
  124. label {
  125. color: #1a1a1a;
  126. cursor: pointer;
  127. margin-right: 18px;
  128. }
  129. .login-popup .login-form .rounded-input {
  130. padding-right: 40px;
  131. margin-bottom: 15px;
  132. background-color: #fff;
  133. -webkit-border-radius: 48px;
  134. -moz-border-radius: 48px;
  135. border-radius: 48px;
  136. padding: 11px 24px;
  137. display: block;
  138. font-family: poppins,Arial,sans-serif;
  139. font-weight: 300;
  140. font-size: 14px;
  141. color: #333;
  142. border: 1px solid #d4d4d4;
  143. width: 100%;
  144. height: 47px;
  145. -webkit-transition: border-color .2s;
  146. transition: border-color .2s;
  147. }
  148. .login-popup .login-form .username-input i, .login-popup .login-form .password-input i {
  149. font-size: 18px;
  150. font-weight: 700;
  151. color: #d4d4d4;
  152. position: absolute;
  153. top: 13px;
  154. right: 18px;
  155. cursor: text;
  156. display: block;
  157. -webkit-transition: color .2s;
  158. transition: color .2s;
  159. }
  160. .login-popup .login-form .username-input i:before, .login-popup .login-form .password-input i:before {
  161. font-size: 18px;
  162. }
  163. .fa-user:before {
  164. content: "\f007";
  165. }
  166. .fa, .fas {
  167. font-family: "Font Awesome 5 Pro";
  168. font-weight: 900;
  169. }
  170. .fa, .fab, .fad, .fal, .far, .fas {
  171. -moz-osx-font-smoothing: grayscale;
  172. -webkit-font-smoothing: antialiased;
  173. display: inline-block;
  174. font-style: normal;
  175. font-variant: normal;
  176. text-rendering: auto;
  177. line-height: 1;
  178. }
  179. input[type="radio"]:checked, input[type="checkbox"]:checked {
  180. background-color: #107cc9;
  181. color: #fff;
  182. }
  183. input[type="checkbox"] {
  184. border-radius: 3px;
  185. }
  186. input[type="radio"], input[type="checkbox"] {
  187. -webkit-appearance: none;
  188. -moz-appearance: none;
  189. appearance: none;
  190. display: inline-block;
  191. position: relative;
  192. background-color: #f1f1f1;
  193. color: #666;
  194. height: 15px;
  195. width: 15px;
  196. border: 0;
  197. cursor: pointer;
  198. margin-right: 5px;
  199. outline: none;
  200. box-shadow: 0 1px 3px rgba(0,0,0,0.1), 0 0 2px rgba(0,0,0,0.1);
  201. }
  202. input[type="radio"] ~ label, input[type="checkbox"] ~ label {
  203. font: 15px/1.7 'Open Sans', sans-serif;
  204. color: #333;
  205. -webkit-font-smoothing: antialiased;
  206. -moz-osx-font-smoothing: grayscale;
  207. cursor: pointer;
  208. vertical-align: middle;
  209. }
  210. .rounded-button.login {
  211. background-color: #15253d;
  212. }
  213. .login-popup .rounded-button {
  214. -webkit-border-radius: 48px;
  215. -moz-border-radius: 48px;
  216. border-radius: 48px;
  217. padding: 11px 24px;
  218. text-decoration: none;
  219. font-weight: 600;
  220. font-size: 14px;
  221. text-transform: uppercase;
  222. cursor: pointer;
  223. height: 47px;
  224. line-height: 21px;
  225. text-shadow: none;
  226. text-align: center;
  227. -webkit-transition: background-color .2s,color .2s;
  228. transition: background-color .2s,color .2s;
  229. display: block;
  230. width: 100%;
  231. color: #fff;
  232. }
  233. .mfp-close-btn-in .mfp-close {
  234. color: #333;
  235. }
  236. button.mfp-close, button.mfp-arrow {
  237. overflow: visible;
  238. cursor: pointer;
  239. background: transparent;
  240. border: 0;
  241. -webkit-appearance: none;
  242. display: block;
  243. outline: none;
  244. padding: 0;
  245. z-index: 999;
  246. box-shadow: none;
  247. touch-action: manipulation;
  248. }
  249. .mfp-close {
  250. width: 44px;
  251. height: 44px;
  252. line-height: 44px;
  253. position: absolute;
  254. right: 0;
  255. top: 0;
  256. text-decoration: none;
  257. text-align: center;
  258. opacity: 0.65;
  259. padding: 0 0 18px 10px;
  260. color: #FFF;
  261. font-style: normal;
  262. font-size: 28px;
  263. font-family: Arial, Baskerville, monospace;
  264. }
  265. .login-popup::after {
  266. background-image: url(https://i.imgur.com/t8kCrW4.png);
  267. background-position: 72% center;
  268. background-repeat: no-repeat;
  269. left: -95px;
  270. background-size: 170px;
  271. }
  272.  
  273. .login-popup:before, .login-popup:after {
  274. -webkit-border-radius: 192px/290px;
  275. -moz-border-radius: 192px/290px;
  276. border-radius: 192px/290px;
  277. width: 385px;
  278. height: 580px;
  279. position: absolute;
  280. content: "";
  281. top: 0;
  282. display: block;
  283. bottom: 0;
  284. margin: auto;
  285. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!