oscar.less 5.5 KB

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