logo

searx

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

oscar.less (5145B)


  1. @import "../logicodev/variables.less";
  2. @import "../logicodev/footer.less";
  3. @import "../logicodev/checkbox.less";
  4. @import "../logicodev/onoff.less";
  5. @import "../logicodev/results.less";
  6. @import "../logicodev/infobox.less";
  7. @import "../logicodev/search.less";
  8. @import "../logicodev/advanced.less";
  9. @import "../logicodev/cursor.less";
  10. @import "../logicodev/code.less";
  11. @import "../logicodev/preferences.less";
  12. /*Global*/
  13. body {
  14. background:#1d1f21 none !important;
  15. color:#D5D8D7 !important;
  16. }
  17. a {
  18. color:#41a2ce !important;
  19. text-decoration: none !important;
  20. }
  21. a:hover {
  22. color:#5F89AC !important;
  23. }
  24. input, button, textarea, select {
  25. border: 1px solid #282a2e !important;
  26. background-color: #444 !important;
  27. color: #BBB !important;
  28. }
  29. input:focus, button:focus, textarea:focus, select:focus {
  30. border: 1px solid #C5C8C6 !important;
  31. box-shadow: initial !important;
  32. }
  33. div#advanced-search-container div#categories label{
  34. background:none;
  35. border: 1px solid #282a2e;
  36. }
  37. ul.nav li a {
  38. border: 0 !important;
  39. border-bottom: 1px solid #4d3f43 !important;
  40. }
  41. #categories *, .modal-wrapper * {
  42. background:#1d1f21 none !important;
  43. color:#D5D8D7 !important;
  44. }
  45. #categories *, {
  46. border: 1px solid #3d3f43 !important;
  47. }
  48. #categories *:checked + label {
  49. border-bottom: 4px solid #3d9f94 !important;
  50. }
  51. .result-content {
  52. color:#B5B8B7 !important;
  53. }
  54. .external-link {
  55. color:#35B887 !important;
  56. }
  57. .table-striped tr td, .table-striped tr th {
  58. border-color: #4d3f43 !important;
  59. }
  60. .highlight {
  61. background: #333333 !important;
  62. }
  63. /*nav*/
  64. .navbar{
  65. background:#1d1f21 none;
  66. border: none;
  67. }
  68. .navbar .active, .menu {
  69. background: none !important;
  70. }
  71. .label-default {
  72. background: none;
  73. color: #BBB;
  74. }
  75. .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus, .nav-tabs.nav-justified > .active > a{
  76. background-color: #282a2e !important;
  77. }
  78. /*Search Page*/
  79. .result-default:hover, .result-code:hover, .result-torrent:hover, .result-videos:hover, .result-map:hover {
  80. background-color: #222426;
  81. }
  82. /*buttons*/
  83. .btn {
  84. color: #BBB;
  85. background-color: #444 ;
  86. border: 1px solid #282a2e;
  87. }
  88. .btn:hover {
  89. color:#444 !important;
  90. background-color: #BBB !important;
  91. }
  92. .btn-primary.active {
  93. color: #C5C8C6;
  94. background-color: #5F89AC;
  95. border-color: #5F89AC;
  96. }
  97. /*Right Pannels*/
  98. .panel {
  99. border: 1px solid #111;
  100. background: none;
  101. }
  102. .panel-heading {
  103. color: #C5C8C6 !important;
  104. background: #282a2e !important;
  105. border-bottom: none;
  106. }
  107. .panel-body {
  108. color: #C5C8C6 !important;
  109. background: #1d1f21 !important;
  110. border-color: #111 !important;
  111. }
  112. p.btn.btn-default{
  113. background: none;
  114. }
  115. .table-striped>tbody>tr:nth-child(odd)>td, .table-striped>tbody>tr:nth-child(odd)>th, .table-striped>thead>tr:nth-child(odd)>th {
  116. background:#2d2f32 none !important;
  117. color:#D5D8D7 !important;
  118. }
  119. .label-success {
  120. background:#1d6f42 none !important;
  121. }
  122. .label-danger {
  123. background:#ad1f12 none !important;
  124. }
  125. .searx-navbar {
  126. background: #333334;
  127. height: 2.3rem;
  128. font-size: 1.3rem;
  129. line-height: 1.3rem;
  130. padding: 0.5rem;
  131. font-weight: bold;
  132. margin-bottom: 0.8rem;
  133. a, a:hover {
  134. margin-right: 2.0rem;
  135. color: white;
  136. text-decoration: none;
  137. }
  138. .instance a {
  139. color: @light-green;
  140. margin-left: 2.0rem;
  141. }
  142. }
  143. #main-logo {
  144. margin-top: 20vh;
  145. margin-bottom: 25px;
  146. & > img {
  147. max-width: 350px;
  148. width: 80%;
  149. }
  150. }
  151. .onoffswitch-inner:before, .onoffswitch-inner:after {
  152. background:#1d1f21 none !important;
  153. }
  154. .onoffswitch-switch, .onoffswitch-label {
  155. border: 2px solid #3d3f43 !important;
  156. }
  157. .nav>li>a:hover, .nav>li>a:focus {
  158. background-color: #3d3f43 !important;
  159. }
  160. /*Images search*/
  161. .img-thumbnail, .thumbnail {
  162. padding: 0px;
  163. line-height: 1.42857143;
  164. background: none;
  165. border: none;
  166. }
  167. .modal-content {
  168. background:#1d1f21 none !important;
  169. }
  170. /*Preferences*/
  171. .table > thead > tr > td.danger, .table > tbody > tr > td.danger, .table > tfoot > tr > td.danger, .table > thead > tr > th.danger, .table > tbody > tr > th.danger, .table > tfoot > tr > th.danger, .table > thead > tr.danger > td, .table > tbody > tr.danger > td, .table > tfoot > tr.danger > td, .table > thead > tr.danger > th, .table > tbody > tr.danger > th, .table > tfoot > tr.danger > th {
  172. background: RGBA(240, 0, 0, 0.56) !important;
  173. color: #C5C8C6 !important;
  174. }
  175. .table-hover > tbody > tr > td.danger:hover, .table-hover > tbody > tr > th.danger:hover, .table-hover > tbody > tr.danger:hover > td, .table-hover > tbody > tr:hover > .danger, .table-hover > tbody > tr.danger:hover > th {
  176. background: RGBA(237, 59, 59, 0.61) !important;
  177. color: #C5C8C6 !important;
  178. }
  179. .table-hover > tbody > tr:hover > td, .table-hover > tbody > tr:hover > th {
  180. background: rgb(102, 105, 110) !important;
  181. }
  182. .btn-success {
  183. color: #C5C8C6;
  184. background: #449d44;
  185. }
  186. .btn-danger {
  187. color: #C5C8C6;
  188. background: #d9534f;
  189. }
  190. .well {
  191. background: #444;
  192. border-color: #282a2e;
  193. }
  194. .highlight {
  195. background-color: transparent !important;
  196. }