app.css 1.1 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970
  1. html,body,#kui-app {
  2. overflow:hidden;
  3. width:100%;
  4. height:100%;
  5. }
  6. .kui-list.kui-list-type_1 li {
  7. height:auto;
  8. }
  9. .kui-input-holder {
  10. height:auto;
  11. }
  12. .searx_logo {
  13. width:90%;
  14. margin:5%;
  15. margin-top:10%;
  16. }
  17. #autocomplete {
  18. height:calc(100% - 142px);
  19. }
  20. #results {
  21. height:calc(100% - 86px);
  22. }
  23. #settings {
  24. overflow-y:auto;
  25. height:calc(100% - 58px);
  26. }
  27. #settings_option {
  28. height:calc(100% - 58px);
  29. }
  30. #autocomplete_list,#result_list,#settings_option_list {
  31. overflow-y:auto;
  32. height:calc(100% - 28px);
  33. }
  34. #autocomplete_list li div,
  35. #result_list li div {
  36. width:100%;
  37. overflow:hidden;
  38. }
  39. #results .result_url {
  40. white-space:nowrap;
  41. overflow:hidden;
  42. }
  43. #settings .set_engines .kui-sec {
  44. white-space:nowrap;
  45. overflow:hidden;
  46. }
  47. #results .image_result {
  48. height:100%;
  49. padding:0;
  50. background-color:#FFFFFF;
  51. }
  52. #results .image_result div {
  53. height:100%;
  54. background-repeat:no-repeat;
  55. background-position:center;
  56. background-size:contain;
  57. }
  58. .loading {
  59. height:50px;
  60. margin-top:30%;
  61. }
  62. .instance_sel .kui-radio + label::before {
  63. margin-top:10px;
  64. }
  65. #no_results {
  66. padding-top:10%;
  67. }
  68. #no_results img {
  69. width:100px;
  70. }