results.less 2.6KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168
  1. .result_header {
  2. margin-top: 6px;
  3. margin-bottom: 4px;
  4. font-size: 16px;
  5. .favicon {
  6. margin-bottom:-3px;
  7. }
  8. a {
  9. color: @black;
  10. text-decoration: none;
  11. &:hover{
  12. color: @blue;
  13. }
  14. &:visited{
  15. color: @violet;
  16. }
  17. .highlight {
  18. background-color: @dim-gray;
  19. // Chrome hack: bold is different size than normal
  20. // https://stackoverflow.com/questions/20713988/weird-text-alignment-issue-in-css-when-bolded-lucida-sans
  21. }
  22. }
  23. }
  24. .result-content {
  25. margin-top: 2px;
  26. margin-bottom: 0;
  27. word-wrap: break-word;
  28. color: @dark-gray;
  29. font-size: 13px;
  30. .highlight {
  31. font-weight:bold;
  32. }
  33. }
  34. .external-link, .external-link a{
  35. color: @green;
  36. a{
  37. margin-right: 3px;
  38. }
  39. }
  40. // default formating of results
  41. .result-default, .result-code, .result-torrent, .result-videos, .result-map {
  42. clear: both;
  43. padding: 2px 4px;
  44. &:hover{
  45. background-color: @dim-gray;
  46. }
  47. }
  48. // image formating of results
  49. .result-images {
  50. float: left !important;
  51. width: 24%;
  52. margin: .5%;
  53. a{
  54. display: block;
  55. width: 100%;
  56. height: 170px;
  57. background-size: cover;
  58. }
  59. }
  60. .img-thumbnail {
  61. margin: 5px;
  62. max-height: 128px;
  63. min-height: 128px;
  64. }
  65. // video formating of results
  66. .result-videos {
  67. clear: both;
  68. hr{
  69. margin: 5px 0 15px 0;
  70. }
  71. .collapse{
  72. width: 100%;
  73. }
  74. .in{
  75. margin-bottom: 8px;
  76. }
  77. }
  78. // torrent formating of results
  79. .result-torrent {
  80. clear: both;
  81. b{
  82. margin-right: 5px;
  83. margin-left: 5px;
  84. }
  85. .seeders{
  86. color: @green;
  87. }
  88. .leechers{
  89. color: @red;
  90. }
  91. }
  92. // map formating of results
  93. .result-map {
  94. clear: both;
  95. }
  96. // code formating of results
  97. .result-code {
  98. clear: both;
  99. .code-fork, .code-fork a{
  100. color: @dark-gray;
  101. }
  102. }
  103. // suggestion
  104. .suggestion_item {
  105. margin: 2px 5px;
  106. }
  107. // download result
  108. .result_download {
  109. margin-right: 5px;
  110. }
  111. // page forward, backward
  112. #pagination {
  113. margin-top: 30px;
  114. padding-bottom: 60px;
  115. }
  116. .label-default {
  117. color: @gray;
  118. background: transparent;
  119. }
  120. .result .text-muted small {
  121. word-wrap: break-word;
  122. }
  123. .modal-wrapper {
  124. box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
  125. }
  126. .modal-wrapper {
  127. background-clip: padding-box;
  128. background-color: #fff;
  129. border: 1px solid rgba(0, 0, 0, 0.2);
  130. border-radius: 6px;
  131. box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
  132. outline: 0 none;
  133. position: relative;
  134. }