login.css 1.5 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273
  1. /**
  2. *
  3. *
  4. */
  5. :-moz-placeholder { /* Mozilla Firefox 4 to 18 */
  6. color: #CECFD2; opacity:1;
  7. }
  8. ::-moz-placeholder { /* Mozilla Firefox 19+ */
  9. color: #CECFD2;opacity:1;
  10. }
  11. input:-ms-input-placeholder{
  12. color: #CECFD2;opacity:1;
  13. }
  14. input::-webkit-input-placeholder{
  15. color: #CECFD2;opacity:1;
  16. }
  17. html, body { padding: 0; margin: 0; height: 100%; font-size: 16px; background-repeat: no-repeat; background-position: left top; background-color: #242645; color: #fff; font-family: 'Source Sans Pro'; background-size: 100%; background-image: url(../images/Starry.jpg); }
  18. h1 {
  19. font-size: 2.8em;
  20. font-weight: 700;
  21. letter-spacing: -1px;
  22. margin: 0.6rem 0;
  23. }
  24. h1 > span {font-weight: 300; }
  25. h2 {
  26. font-size: 1.15em;
  27. font-weight: 300;
  28. margin: 0.3rem 0;
  29. }
  30. main {
  31. width: 95%;
  32. max-width: 1000px;
  33. margin: 4em auto;
  34. opacity: 0;
  35. }
  36. main.loaded {transition: opacity .25s linear;opacity: 1; }
  37. main header {width: 100%; }
  38. main header > div {width: 50%; }
  39. main header > .left, main header > .right {height: 100%; }
  40. main .loaders {
  41. width: 100%;
  42. box-sizing: border-box;
  43. display: flex;
  44. flex: 0 1 auto;
  45. flex-direction: row;
  46. flex-wrap: wrap;
  47. }
  48. main .loaders .loader {
  49. box-sizing: border-box;
  50. display: flex;
  51. flex: 0 1 auto;
  52. flex-direction: column;
  53. flex-grow: 1;
  54. flex-shrink: 0;
  55. flex-basis: 25%;
  56. max-width: 25%;
  57. height: 200px;
  58. align-items: center;
  59. justify-content: center;
  60. }
  61. .J_codeimg
  62. {
  63. width: 85px;
  64. height: 36px;
  65. padding: 3px;
  66. z-index: 0;
  67. color:#FFF;
  68. }