25'ten fazla konu seçemezsiniz Konular bir harf veya rakamla başlamalı, kısa çizgiler ('-') içerebilir ve en fazla 35 karakter uzunluğunda olabilir.
 
 
 

159 satır
5.6 KiB

  1. #home {
  2. text-align: center;
  3. h2 {
  4. font-size: 30px;
  5. }
  6. @media (min-width: @screen-sm-min) {
  7. padding: 50px;
  8. h2 {
  9. font-size: 45px;
  10. margin-top: -20px;
  11. margin-bottom: 45px;
  12. }
  13. }
  14. .btn-home {
  15. margin: 50px 0 25px 0;
  16. }
  17. }
  18. #web, .terminal {
  19. word-wrap: break-word;
  20. font-size: 12px;
  21. .code-title {
  22. color: @red;
  23. }
  24. padding: 25px 0 0 10px;
  25. @media (min-width: @screen-sm-min) {
  26. padding: 25px 0 0 20px;
  27. font-size: 15px
  28. }
  29. code {
  30. font-family: @font-family-mono;
  31. }
  32. font-family: @font-family-mono;
  33. text-align: left;
  34. color: #fff;
  35. .transition(all @animation-duration ease);
  36. }
  37. #web {
  38. margin-top: -2px;
  39. padding-top: 0;
  40. padding-bottom: 50px;
  41. width: 100%;
  42. display: block;
  43. background: @dark-blue;
  44. .transition(all @animation-duration ease);
  45. .btn-cta {
  46. padding: 5px 10px;
  47. font-size: 14px;
  48. border-color: #fff;
  49. }
  50. .queue {
  51. margin: 0;
  52. list-style: none;
  53. padding: 0;
  54. }
  55. a {
  56. color: #fff;
  57. }
  58. .border-bottom-radius (5px);
  59. }
  60. .dragged {
  61. background: lighten(@dark-blue, 5%)!important;
  62. }
  63. .terminal {
  64. .border-top-radius (0);
  65. .border-bottom-radius (5px);
  66. background: @dark-blue;
  67. // background: url(../images/terminal.svg);
  68. backbground-repeat: no-repeat;
  69. background-size: cover;
  70. }
  71. .terminal-top {
  72. .border-top-radius (5px);
  73. background: url(../images/terminal-top.svg);
  74. background-repeat: no-repeat;
  75. background-size: cover;
  76. height: 30px;<section id="reviews">
  77. <div class="wrapper">
  78. <div class="row">
  79. <div class="col-md-8 col-md-offset-2 col-xs-12">
  80. <blockquote class="twitter-tweet tweet-xl" lang="en">
  81. <a href="https://twitter.com/FloifyDave/status/517383101425516544">
  82. <img class="twitter-profile" src="images/reviews/dave.jpg" alt="">
  83. </a>
  84. <p><a href="https://twitter.com/dutchcoders">@dutchcoders</a> Thanks for transfer.sh. Just used it for a production purpose for a customer. So great, so easy, so https. :)</p>
  85. <a href="https://twitter.com/FloifyDave/status/517383101425516544">
  86. &mdash; Dave Sims (@FloifyDave)</a>
  87. </blockquote>
  88. </div>
  89. </div>
  90. <div class="row">
  91. <div class="col-md-6 col-xs-12">
  92. <blockquote class="twitter-tweet" lang="en">
  93. <a href="https://twitter.com/kareemk/status/517029789191118849">
  94. <img class="twitter-profile" src="images/reviews/kareem.jpg" alt="">
  95. </a>
  96. <p><a href="https://twitter.com/dutchcoders">@dutchcoders</a> love transfer.sh! any change we can *pay* for a self-hosted version?</p><a href="https://twitter.com/kareemk/status/517029789191118849">&mdash; Kareem Kouddous (@kareemk) </a>
  97. </blockquote>
  98. </div>
  99. <div class="col-md-6 col-xs-12">
  100. <blockquote class="twitter-tweet" lang="en">
  101. <a href="https://twitter.com/drakpz/status/517008058841829376">
  102. <img class="twitter-profile" src="images/reviews/pg.jpeg" alt="">
  103. </a>
  104. <p><a href="http://t.co/JomAmqWYEB">http://t.co/JomAmqWYEB</a> by <a href="https://twitter.com/dutchcoders">@dutchcoders</a> is pure awesomeness! any chance of source on github? :-)</p><a href="https://twitter.com/drakpz/status/517008058841829376">&mdash; PJ Spagnolatti (@drakpz)</a>
  105. </blockquote>
  106. </div>
  107. </div>
  108. <div class="row">
  109. <div class="col-md-6 col-xs-12">
  110. <blockquote class="twitter-tweet" lang="en">
  111. <a href="https://twitter.com/jacoblindgren11/status/516975006501203968">
  112. <img class="twitter-profile" src="images/reviews/jacob.jpg" alt="">
  113. </a>
  114. <p>Love transfer.sh! Will be using it from now on! Thanks for the amazing service we can use from the CLI <a href="https://twitter.com/dutchcoders">@dutchcoders</a>
  115. </p><a href="https://twitter.com/jacoblindgren11/status/516975006501203968">&mdash; Jacob Lindgren (@jacoblindgren11) </a>
  116. </blockquote>
  117. </div>
  118. <div class="col-md-6 col-xs-12">
  119. <blockquote class="twitter-tweet" lang="en">
  120. <a href="https://twitter.com/arvestad/status/519507976491499521">
  121. <img class="twitter-profile" src="images/reviews/lars.jpg" alt="">
  122. </a>
  123. <p>transfer.sh is my latest fav service! Try simple command-line and web file sharing! <a href="https://t.co/FSrsb1JKJd">https://t.co/FSrsb1JKJd</a>&#10;Thanks <a href="https://twitter.com/dutchcoders">@dutchcoders</a> !</p> <a href="https://twitter.com/arvestad/status/519507976491499521">&mdash; Lars Arvestad (@arvestad)</a>
  124. </blockquote>
  125. </div>
  126. </div>
  127. </div>
  128. </section>
  129. }
  130. .upload-progress {
  131. max-width: 80%;
  132. .bar {
  133. word-wrap: normal;
  134. overflow: hidden;
  135. }
  136. span {
  137. float: right;
  138. }
  139. padding-top: 4px;
  140. }
  141. .all-files {
  142. display: none;
  143. }
  144. .all-files .show {
  145. display: block;
  146. }