You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 
 

94 line
1.4 KiB

  1. #home {
  2. text-align: center;
  3. h2 {
  4. font-size: 40x;
  5. }
  6. @media (min-width: @screen-sm-min) {
  7. padding: 50px;
  8. h2 {
  9. font-size: 65px;
  10. margin-top: -10px;
  11. margin-bottom: 45px;
  12. }
  13. }
  14. }
  15. #from-terminal,
  16. #from-web {
  17. .make-md-column(6);
  18. h3 {
  19. font-size: 30px;
  20. }
  21. }
  22. #web {
  23. .transition(all @animation-duration ease);
  24. border: 1px dashed @blue;
  25. padding-top: 10px;
  26. i {
  27. font-size: 160px;
  28. color: @blue;
  29. }
  30. p.click {
  31. margin-top: -66px;
  32. font-size: 18px;
  33. }
  34. border-radius: 5px;
  35. }
  36. #web, #terminal {
  37. min-height: 150px;
  38. @media (min-width: @screen-sm-min) {
  39. min-height: 270px;
  40. }
  41. }
  42. #web .uploading {
  43. i {
  44. .transition(font @animation-duration ease);
  45. font-size: 40px;
  46. }
  47. p.click {
  48. margin-top: -10px;
  49. font-size: 14px;
  50. }
  51. }
  52. .dragged {
  53. background: @light-gray;
  54. }
  55. #terminal {
  56. padding: 10px;
  57. text-align: left;
  58. color: #fff;
  59. background: @dark-blue;
  60. background: url(../images/terminal.svg);
  61. background-repeat: no-repeat;
  62. background-size: 100% auto;
  63. font-family: @font-family-mono;
  64. font-size: 11px;
  65. @media (min-width: @screen-sm-min) {
  66. padding: 30px 20px;
  67. }
  68. }
  69. .progress {
  70. max-width: 80%;
  71. margin: 0 auto;
  72. }
  73. .all-files {
  74. display: none;
  75. }
  76. .all-files .show {
  77. display:block;
  78. }