logo

searx

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

search.less (1286B)

    

  1. /*

  2.  * searx, A privacy-respecting, hackable metasearch engine

  3.  */

  4. 

  5. .search  {

  6. 	padding: 0;

  7. 	margin: 0;

  8. 	.checkbox_container label {

  9.         font-size: 0.9em;

  10. 		border-bottom: 2px solid @color-categories-item-border-unselected;

  11. 	}

  12. 

  13. 	.checkbox_container label:hover {

  14. 		border-bottom: 2px solid @color-categories-item-border-unselected-hover;

  15. 	}

  16. 

  17. 	.checkbox_container input[type="checkbox"]:checked + label { 

  18. 		border-bottom: 2px solid @color-categories-item-border-selected;

  19. 	}

  20. }

  21. 

  22. #search_wrapper {

  23. 	position: relative;

  24. 	width: @results-width;

  25. 	padding: 10px;

  26. }

  27. 

  28. .center #search_wrapper {

  29. 	margin-left: auto;

  30. 	margin-right: auto;

  31. }

  32. 

  33. .q {

  34. 	background: none repeat scroll 0 0 @color-search-background;

  35. 	border: 1px solid @color-search-border;

  36. 	color: @color-search-font;

  37. 	font-size: 16px;

  38. 	height: 28px;

  39. 	margin: 0;

  40. 	outline: medium none;

  41. 	padding: 2px;

  42. 	padding-left: 8px;

  43. 	padding-right: 0px !important;

  44. 	width: 100%;

  45. 	z-index: 2;

  46. }

  47. 

  48. #search_submit {

  49. 	position: absolute;

  50. 	top: 13px;

  51. 	right: 1px;

  52. 	padding: 0;

  53. 	border: 0;

  54. 	background: url('../img/search-icon.png') no-repeat;

  55. 	background-size: 24px 24px;

  56. 	opacity: 0.8;

  57. 	width: 24px;

  58. 	height: 30px;

  59. 	font-size: 0;

  60. }

  61. 

  62. @media screen and (max-width: @results-width) {

  63. 	#search_wrapper {

  64. 		width: 90%;

  65. 		clear:both;

  66. 		overflow: hidden

  67. 	}

  68. }