BioTorrents.de’s version of Gazelle
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.

layout.scss 2.4KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179
  1. /*
  2. * Flex elements
  3. */
  4. .flex {
  5. display: flex;
  6. }
  7. /* Grow and shrink */
  8. .flex > .grow {
  9. flex-grow: 1;
  10. }
  11. .flex > .shrink {
  12. flex-shrink: 1;
  13. }
  14. /* Text input */
  15. .flex_input_container {
  16. display: flex;
  17. }
  18. .flex_input_container > input[type="text"] {
  19. flex-grow: 1;
  20. box-sizing: border-box;
  21. width: 50%;
  22. }
  23. /**
  24. * Aside elements
  25. */
  26. aside {
  27. max-width: 66%;
  28. p {
  29. text-align: center;
  30. }
  31. /**
  32. * "Please consult the Upload Rules"
  33. * admonishment on torrent_form.class.php.
  34. */
  35. &.upload_notice {
  36. @include transparent-border($R: 255, $A: 0.5);
  37. margin: 1rem auto;
  38. text-align: center;
  39. }
  40. /* Announce and source */
  41. &.announce_source,
  42. &.torrent_upload {
  43. margin: 1rem auto;
  44. }
  45. /* Torrent upload error */
  46. &.upload_error {
  47. color: red;
  48. margin: 2rem auto;
  49. font-size: larger;
  50. }
  51. }
  52. /*
  53. * Misc
  54. */
  55. .hidden {
  56. display: none;
  57. }
  58. .invisible {
  59. visibility: hidden;
  60. }
  61. /* Permissions form submit button */
  62. .submit_container {
  63. clear: both;
  64. margin: 1rem;
  65. text-align: right;
  66. }
  67. /* Textarea */
  68. .textarea_wrap {
  69. margin-bottom: 0.5rem;
  70. }
  71. .textarea_wrap:last-of-type {
  72. margin-bottom: 0;
  73. }
  74. /* Floaters */
  75. .float_left {
  76. float: left;
  77. }
  78. .float_right {
  79. float: right;
  80. }
  81. .float_clear {
  82. clear: both;
  83. }
  84. /* Images */
  85. img {
  86. border: none;
  87. }
  88. .webm {
  89. max-width: 100%;
  90. }
  91. /* Donor hearts and badges */
  92. .donor_icon {
  93. margin-left: 2px;
  94. margin-right: 2px;
  95. max-width: 16px;
  96. max-height: 16px;
  97. position: relative;
  98. }
  99. .badge_icon {
  100. margin: 0px 2px;
  101. position: relative;
  102. }
  103. .donation_info {
  104. padding: 10px 10px 10px 20px;
  105. margin-left: 10px;
  106. margin-right: 10px;
  107. margin-bottom: 20px;
  108. }
  109. .donation_info_title {
  110. display: block;
  111. font-size: 1.75em;
  112. -webkit-margin-before: 1em;
  113. -webkit-margin-after: 1em;
  114. -webkit-margin-start: 0px;
  115. -webkit-margin-end: 0px;
  116. font-weight: bold;
  117. margin: 10px 0;
  118. }
  119. /* Image dimension limits */
  120. img {
  121. max-width: 100%;
  122. }
  123. /* Covers */
  124. #coverCont {
  125. position: fixed;
  126. max-width: 30%;
  127. background-size: contain;
  128. background-repeat: no-repeat;
  129. z-index: 9999;
  130. }
  131. #coverCont img {
  132. max-width: 100%;
  133. }
  134. #covers img {
  135. display: block;
  136. margin-left: auto;
  137. margin-right: auto;
  138. }
  139. /**
  140. * Donate button
  141. * PNG to avoid the botnet
  142. */
  143. .donate_button {
  144. margin: 2rem auto;
  145. img {
  146. height: 2rem;
  147. }
  148. }