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.
 
 
 

103 lines
1.5 KiB

  1. #home {
  2. text-align: center;
  3. h2 {
  4. font-size: 40px;
  5. }
  6. @media (min-width: @screen-sm-min) {
  7. padding: 50px;
  8. h2 {
  9. font-size: 60px;
  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. .btn-cta {
  36. padding: 5px 10px;
  37. font-size: 14px;
  38. }
  39. cursor: pointer;
  40. }
  41. #web, #terminal {
  42. min-height: 150px;
  43. @media (min-width: @screen-sm-min) {
  44. min-height: 270px;
  45. }
  46. }
  47. #web .uploading {
  48. i {
  49. .transition(font @animation-duration ease);
  50. font-size: 40px;
  51. }
  52. p.click {
  53. margin-top: -10px;
  54. font-size: 14px;
  55. }
  56. }
  57. .dragged {
  58. background: @light-gray;
  59. }
  60. #terminal {
  61. padding: 10px;
  62. text-align: left;
  63. color: #fff;
  64. background: @dark-blue;
  65. background: url(../images/terminal.svg);
  66. background-repeat: no-repeat;
  67. background-size: 100% auto;
  68. font-family: @font-family-mono;
  69. font-size: 11px;
  70. @media (min-width: @screen-sm-min) {
  71. padding: 30px 20px;
  72. }
  73. }
  74. .progress {
  75. max-width: 80%;
  76. margin: 0 auto;
  77. }
  78. .all-files {
  79. display: none;
  80. }
  81. .all-files .show {
  82. display:block;
  83. }