API tools faq
paste
Advertisement
Guest User

Untitled

a guest
Jan 28th, 2020
145
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 10.95 KB | None | 0 0
raw download clone embed print report
  1. @import url(http://fonts.googleapis.com/css?family=Rubik);
  2. /* RESET CSS
  3. * --------------------------------------- */
  4. body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre,
  5. form, fieldset, input, textarea, p, blockquote, th, td {
  6. padding: 0;
  7. margin: 0; }
  8.  
  9. a {
  10. text-decoration: none;
  11. color: #23262A; }
  12.  
  13. fieldset, img {
  14. border: 0; }
  15.  
  16. strong {
  17. font-weight: bold; }
  18.  
  19. ol, ul {
  20. list-style: none;
  21. margin: 0;
  22. padding: 0; }
  23.  
  24. h1, h2, h3, h4, h5, h6 {
  25. margin: 0;
  26. padding: 0; }
  27.  
  28. /* BASE CSS
  29. * --------------------------------------- */
  30. body {
  31. -webkit-user-select: none;
  32. -moz-user-select: none;
  33. -ms-user-select: none;
  34. user-select: none;
  35. overflow-x: hidden !important;
  36. background-color: #26292D;
  37. color: #EEEEEE;
  38. font-size: 16px;
  39. font-family: 'Rubik', sans-serif; }
  40.  
  41. body ::-moz-selection {
  42. background: #545659; }
  43.  
  44. body ::selection {
  45. background: #545659; }
  46.  
  47. a {
  48. text-decoration: none;
  49. cursor: pointer;
  50. color: #EEEEEE; }
  51.  
  52. ::-webkit-scrollbar {
  53. width: 0; }
  54.  
  55. /* Import SCSS
  56. * --------------------------------------- */
  57. @-webkit-keyframes pulse {
  58. 0% {
  59. -webkit-transform: scale(1);
  60. transform: scale(1); }
  61. 60% {
  62. -webkit-transform: scale(1.08);
  63. transform: scale(1.08); }
  64. 100% {
  65. -webkit-transform: scale(1);
  66. transform: scale(1); } }
  67. @keyframes pulse {
  68. 0% {
  69. -webkit-transform: scale(1);
  70. transform: scale(1); }
  71. 60% {
  72. -webkit-transform: scale(1.08);
  73. transform: scale(1.08); }
  74. 100% {
  75. -webkit-transform: scale(1);
  76. transform: scale(1); } }
  77.  
  78. @-webkit-keyframes spinstart {
  79. 0% {
  80. width: 0px;
  81. border-right: 0px; }
  82. 1% {
  83. width: 0px;
  84. border-right: 2px solid #00FF88; }
  85. 99% {
  86. width: 248px;
  87. border-right: 2px solid #00FF88; }
  88. 100% {
  89. width: 248px;
  90. border-right: 0px; } }
  91.  
  92. @keyframes spinstart {
  93. 0% {
  94. width: 0px;
  95. border-right: 0px; }
  96. 1% {
  97. width: 0px;
  98. border-right: 2px solid #00FF88; }
  99. 99% {
  100. width: 248px;
  101. border-right: 2px solid #00FF88; }
  102. 100% {
  103. width: 248px;
  104. border-right: 0px; } }
  105.  
  106. @-webkit-keyframes spin1 {
  107. 0% {
  108. width: 0px;
  109. border-right: 0px; }
  110. 1% {
  111. width: 0px; }
  112. 99% {
  113. width: 328px; }
  114. 100% {
  115. width: 328px;
  116. border-right: 0px; } }
  117.  
  118. @keyframes spin1 {
  119. 0% {
  120. width: 0px;
  121. border-right: 0px; }
  122. 1% {
  123. width: 0px; }
  124. 99% {
  125. width: 328px; }
  126. 100% {
  127. width: 328px;
  128. border-right: 0px; } }
  129.  
  130. @-webkit-keyframes spin2 {
  131. 0% {
  132. width: 0px;
  133. border-right: 0px; }
  134. 1% {
  135. width: 0px; }
  136. 99% {
  137. width: 150px; }
  138. 100% {
  139. width: 150px;
  140. border-right: 0px; } }
  141.  
  142. @keyframes spin2 {
  143. 0% {
  144. width: 0px;
  145. border-right: 0px; }
  146. 1% {
  147. width: 0px; }
  148. 99% {
  149. width: 150px; }
  150. 100% {
  151. width: 150px;
  152. border-right: 0px; } }
  153.  
  154. @-webkit-keyframes spin3 {
  155. 0% {
  156. width: 0px;
  157. border-right: 0px; }
  158. 1% {
  159. width: 0px;
  160. border-right: 2px solid #00FF88; }
  161. 99% {
  162. width: 144px; }
  163. 100% {
  164. width: 144px;
  165. border-right: 0px; } }
  166.  
  167. @keyframes spin3 {
  168. 0% {
  169. width: 0px;
  170. border-right: 0px; }
  171. 1% {
  172. width: 0px;
  173. border-right: 2px solid #00FF88; }
  174. 99% {
  175. width: 144px; }
  176. 100% {
  177. width: 144px;
  178. border-right: 0px; } }
  179.  
  180. @-webkit-keyframes pulseOpacity {
  181. 0% {
  182. opacity: 0; }
  183. 50% {
  184. opacity: 1; }
  185. 100% {
  186. opacity: 0; } }
  187.  
  188. @keyframes pulseOpacity {
  189. 0% {
  190. opacity: 0; }
  191. 50% {
  192. opacity: 1; }
  193. 100% {
  194. opacity: 0; } }
  195.  
  196. @-webkit-keyframes initOpacity {
  197. 0% {
  198. opacity: 0; }
  199. 100% {
  200. opacity: 1; } }
  201.  
  202. @keyframes initOpacity {
  203. 0% {
  204. opacity: 0; }
  205. 100% {
  206. opacity: 1; } }
  207.  
  208. .nooder-protection {
  209. position: absolute;
  210. width: 100%;
  211. top: 50%;
  212. left: 50%;
  213. -webkit-transform: translate3d(-50%, -50%, 0);
  214. transform: translate3d(-50%, -50%, 0); }
  215. .nooder-protection-title {
  216. text-align: center;
  217. margin-bottom: 30px;
  218. font-size: 40px;
  219. -webkit-animation-name: pulse;
  220. animation-name: pulse;
  221. -webkit-animation-duration: 3s;
  222. animation-duration: 3s;
  223. -webkit-animation-iteration-count: infinite;
  224. animation-iteration-count: infinite; }
  225. .nooder-protection .terminal {
  226. width: 90%;
  227. margin: auto;
  228. max-width: 760px; }
  229. .nooder-protection .terminal .terminal-header {
  230. position: relative;
  231. background-color: #585858;
  232. height: 30px;
  233. line-height: 30px;
  234. border-top-left-radius: 5px;
  235. border-top-right-radius: 5px;
  236. display: -webkit-box;
  237. display: -ms-flexbox;
  238. display: flex;
  239. padding-left: 10px; }
  240. .nooder-protection .terminal .terminal-header .close, .nooder-protection .terminal .terminal-header .other {
  241. margin-left: 5px;
  242. position: relative;
  243. top: 50%;
  244. -webkit-transform: translate3d(0, -50%, 0);
  245. transform: translate3d(0, -50%, 0); }
  246. .nooder-protection .terminal .terminal-header .close {
  247. background-color: #E55B2C;
  248. width: 12px;
  249. height: 12px;
  250. border-radius: 50%; }
  251. .nooder-protection .terminal .terminal-header .other {
  252. background-color: #85847E;
  253. width: 12px;
  254. height: 12px;
  255. border-radius: 50%; }
  256. .nooder-protection .terminal .terminal-header .conn {
  257. color: #EEEEEE;
  258. margin-left: 12px;
  259. font-size: 12px; }
  260. .nooder-protection .terminal .terminal-content {
  261. position: relative;
  262. background-color: #1A1A1A;
  263. padding: 15px;
  264. color: #00FF88;
  265. font-weight: bold;
  266. min-height: 300px; }
  267. .nooder-protection .terminal .terminal-content .welcome {
  268. text-align: center;
  269. margin-bottom: 20px;
  270. -webkit-animation-name: initOpacity;
  271. animation-name: initOpacity;
  272. -webkit-animation-duration: 1s;
  273. animation-duration: 1s;
  274. -webkit-animation-iteration-count: 1;
  275. animation-iteration-count: 1; }
  276. .nooder-protection .terminal .terminal-content span {
  277. -webkit-animation-name: pulseOpacity;
  278. animation-name: pulseOpacity;
  279. -webkit-animation-duration: 2s;
  280. animation-duration: 2s;
  281. -webkit-animation-iteration-count: infinite;
  282. animation-iteration-count: infinite; }
  283. .nooder-protection .terminal .terminal-content .input-start {
  284. height: 19px;
  285. font-size: 16px;
  286. position: absolute;
  287. left: 15px;
  288. border-right: 2px solid #00FF88;
  289. overflow: hidden;
  290. -webkit-animation-delay: 1s;
  291. animation-delay: 1s;
  292. -webkit-animation-duration: 1s;
  293. animation-duration: 1s;
  294. -webkit-animation-fill-mode: both;
  295. animation-fill-mode: both;
  296. -webkit-animation-name: spinstart;
  297. animation-name: spinstart; }
  298. .nooder-protection .terminal .terminal-content .input-1 {
  299. margin-top: 24px;
  300. height: 19px;
  301. font-size: 16px;
  302. position: absolute;
  303. left: 15px;
  304. border-right: 2px solid #00FF88;
  305. overflow: hidden;
  306. -webkit-animation-delay: 2s;
  307. animation-delay: 2s;
  308. -webkit-animation-duration: 1s;
  309. animation-duration: 1s;
  310. -webkit-animation-fill-mode: both;
  311. animation-fill-mode: both;
  312. -webkit-animation-name: spin1;
  313. animation-name: spin1; }
  314. .nooder-protection .terminal .terminal-content .input-2 {
  315. margin-top: 48px;
  316. height: 19px;
  317. font-size: 16px;
  318. position: absolute;
  319. left: 15px;
  320. border-right: 2px solid #00FF88;
  321. overflow: hidden;
  322. -webkit-animation-delay: 3s;
  323. animation-delay: 3s;
  324. -webkit-animation-duration: 0.5s;
  325. animation-duration: 0.5s;
  326. -webkit-animation-fill-mode: both;
  327. animation-fill-mode: both;
  328. -webkit-animation-name: spin2;
  329. animation-name: spin2; }
  330. .nooder-protection .terminal .terminal-content .input-3 {
  331. margin-top: 72px;
  332. height: 19px;
  333. font-size: 16px;
  334. position: absolute;
  335. left: 15px;
  336. border-right: 2px solid #00FF88;
  337. overflow: hidden;
  338. -webkit-animation-delay: 3.5s;
  339. animation-delay: 3.5s;
  340. -webkit-animation-duration: 0.5s;
  341. animation-duration: 0.5s;
  342. -webkit-animation-fill-mode: both;
  343. animation-fill-mode: both;
  344. -webkit-animation-name: spin3;
  345. animation-name: spin3; }
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!