results.less 2.2 KB

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