style.css 3.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107
  1. /* ------------------
  2. HOME
  3. ------------------ */
  4. section#home #b {
  5. -webkit-animation-delay: 0.5s;
  6. animation-delay: 0.5s;
  7. -webkit-animation-duration: 1.5s;
  8. animation-duration: 1.5s;
  9. -webkit-animation-fill-mode: both;
  10. animation-fill-mode: both;
  11. -webkit-animation-name: floatUp;
  12. animation-name: floatUp;
  13. -webkit-animation-timing-function: cubic-bezier(0, 0.71, 0.29, 1);
  14. animation-timing-function: cubic-bezier(0, 0.71, 0.29, 1);
  15. border-radius: 24px;
  16. display: inline-block;
  17. height: 240px;
  18. margin-bottom: 40px;
  19. position: relative;
  20. vertical-align: top;
  21. width: 240px;
  22. box-shadow: 0 20px 60px rgba(10, 10, 10, 0.05), 0 5px 10px rgba(10, 10, 10, 0.1), 0 1px 1px rgba(10, 10, 10, 0.2);
  23. }
  24. section#home div#dropzone {
  25. border: 1px solid #dbdbdb;
  26. background-color: rgba(0, 0, 0, 0);
  27. border-color: #ff3860;
  28. color: #ff3860;
  29. display: none;
  30. width: 100%;
  31. border-radius: 3px;
  32. box-shadow: none;
  33. height: 2.5em;
  34. -webkit-box-align: center;
  35. -ms-flex-align: center;
  36. align-items: center;
  37. user-select: none;
  38. justify-content: center;
  39. padding-left: .75em;
  40. padding-right: .75em;
  41. text-align: center;
  42. cursor: pointer;
  43. }
  44. section#home div#uploads, section#home p#tokenContainer, section#home a#panel { display: none; }
  45. section#home div#dropzone:hover { background-color: #ff3860; border-color: #ff3860; color: #fff; }
  46. section#home h3#maxFileSize { font-size: 14px; }
  47. section#home h3#links span { padding-left: 5px; padding-right: 5px; }
  48. section#home img.logo { height: 200px; margin-top: 20px; }
  49. section#home .dz-preview .dz-details { display: flex; }
  50. section#home .dz-preview .dz-details .dz-size, section#home .dz-preview .dz-details .dz-filename { flex: 1; }
  51. section#home .dz-preview img, section#home .dz-preview .dz-success-mark, section#home .dz-preview .dz-error-mark { display: none; }
  52. section#home div#uploads { margin-bottom: 25px; }
  53. @keyframes floatUp {
  54. 0% {
  55. opacity: 0;
  56. box-shadow: 0 0 0 rgba(10, 10, 10, 0), 0 0 0 rgba(10, 10, 10, 0), 0 0 0 rgba(10, 10, 10, 0);
  57. -webkit-transform: scale(0.86);
  58. transform: scale(0.86);
  59. }
  60. 25% { opacity: 100; }
  61. 67% {
  62. box-shadow: 0 0 0 rgba(10, 10, 10, 0), 0 5px 10px rgba(10, 10, 10, 0.1), 0 1px 1px rgba(10, 10, 10, 0.2);
  63. -webkit-transform: scale(1);
  64. transform: scale(1);
  65. }
  66. 100% {
  67. box-shadow: 0 20px 60px rgba(10, 10, 10, 0.05), 0 5px 10px rgba(10, 10, 10, 0.1), 0 1px 1px rgba(10, 10, 10, 0.2);
  68. -webkit-transform: scale(1);
  69. transform: scale(1);
  70. }
  71. }
  72. /* ------------------
  73. PANEL
  74. ------------------ */
  75. section#login input, section#login p.control a.button {
  76. border-left: 0px;
  77. border-top: 0px;
  78. border-right: 0px;
  79. border-radius: 0px;
  80. box-shadow: 0 0 0;
  81. }
  82. section#login p.control a.button { margin-left: 10px; }
  83. section#login p.control a#loginBtn { border-right: 0px; }
  84. section#login p.control a#registerBtn { border-left: 0px; }
  85. section#auth, section#dashboard { display: none }
  86. section#auth input { background: rgba(0, 0, 0, 0); }
  87. section#auth input, section#auth a {
  88. border-left: 0px;
  89. border-top: 0px;
  90. border-right: 0px;
  91. border-radius: 0px;
  92. box-shadow: 0 0 0;
  93. }
  94. section#dashboard .table { font-size: 12px }
  95. section#dashboard div#table div.column { display:flex; width: 200px; height: 200px; margin: 9px; background: #f9f9f9; overflow: hidden; align-items: center; }
  96. section#dashboard div#table div.column a { width: 100%; }
  97. section#dashboard div#table div.column a img { width:200px; }