logo

searx

My custom branche(s) on searx, a meta-search engine git clone https://hacktivis.me/git/searx.git

results.less (2790B)


  1. .result_header {
  2. margin-top: 0px;
  3. margin-bottom: 2px;
  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 {
  35. color: @dark-green;
  36. font-size: 12px;
  37. margin-bottom: 15px;
  38. a {
  39. margin-right: 3px;
  40. }
  41. }
  42. // default formating of results
  43. .result-default, .result-code, .result-torrent, .result-videos, .result-map {
  44. clear: both;
  45. padding: 2px 4px;
  46. &:hover{
  47. background-color: @dim-gray;
  48. }
  49. }
  50. // image formating of results
  51. .result-images {
  52. float: left !important;
  53. width: 24%;
  54. margin: .5%;
  55. a {
  56. display: block;
  57. width: 100%;
  58. background-size: cover;
  59. }
  60. }
  61. .img-thumbnail {
  62. margin: 5px;
  63. max-height: 128px;
  64. min-height: 128px;
  65. }
  66. // video formating of results
  67. .result-videos {
  68. clear: both;
  69. hr{
  70. margin: 5px 0 15px 0;
  71. }
  72. .collapse{
  73. width: 100%;
  74. }
  75. .in{
  76. margin-bottom: 8px;
  77. }
  78. }
  79. // torrent formating of results
  80. .result-torrent {
  81. clear: both;
  82. b{
  83. margin-right: 5px;
  84. margin-left: 5px;
  85. }
  86. .seeders{
  87. color: @green;
  88. }
  89. .leechers{
  90. color: @red;
  91. }
  92. }
  93. // map formating of results
  94. .result-map {
  95. clear: both;
  96. }
  97. // code formating of results
  98. .result-code {
  99. clear: both;
  100. .code-fork, .code-fork a{
  101. color: @dark-gray;
  102. }
  103. }
  104. // suggestion
  105. .suggestion_item {
  106. margin: 2px 5px;
  107. max-width: 100%;
  108. .btn {
  109. max-width: 100%;
  110. white-space: normal;
  111. word-wrap: break-word;
  112. text-align: left;
  113. }
  114. }
  115. // download result
  116. .result_download {
  117. margin-right: 5px;
  118. }
  119. // page forward, backward
  120. #pagination {
  121. margin-top: 30px;
  122. padding-bottom: 60px;
  123. }
  124. .label-default {
  125. color: @gray;
  126. background: transparent;
  127. }
  128. .result .text-muted small {
  129. word-wrap: break-word;
  130. }
  131. .modal-wrapper {
  132. box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
  133. }
  134. .modal-wrapper {
  135. background-clip: padding-box;
  136. background-color: #fff;
  137. border: 1px solid rgba(0, 0, 0, 0.2);
  138. border-radius: 6px;
  139. box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
  140. outline: 0 none;
  141. position: relative;
  142. }