A semantic search engine for source code https://bitshift.benkurtovic.com/
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 
 
 
 
 

295 lines
6.2 KiB

  1. /*
  2. Stylesheet for `index.html`.
  3. */
  4. @import mixins
  5. @import variables
  6. $minSearchFieldsWidth: 490px
  7. .ui-datepicker
  8. font-size: 70%
  9. .ui-autocomplete
  10. max-height: 30%
  11. overflow-x: hidden
  12. overflow-y: scroll
  13. padding: 0px
  14. >li.ui-menu-item a.ui-state-focus
  15. @include vendor(transition, background-color 0.3s ease-out)
  16. div#search-field
  17. @extend .t2
  18. bottom: 0
  19. height: 50%
  20. left: 0
  21. margin: auto
  22. margin-top: 15%
  23. max-height: 100px
  24. right: 0
  25. position: absolute
  26. top: 0
  27. width: 40%
  28. a#title
  29. text-decoration: none
  30. div#title
  31. font-size: 400%
  32. padding-bottom: 0.2em
  33. text-align: center
  34. #title-bit
  35. color: $baseColor1
  36. #title-angle
  37. color: $baseColor3
  38. #title-shift
  39. color: $baseColor2
  40. font-style: italic
  41. form#search-bar
  42. min-width: $minSearchFieldsWidth
  43. input[type="text"], button
  44. @extend .t3
  45. @include vendor(box-sizing, border-box)
  46. border: 1px solid $baseColor2
  47. font-size: 110%
  48. margin-bottom: 0px
  49. padding: 6px
  50. input[type="text"]
  51. width: 85%
  52. &:hover
  53. border-color: $baseColor1
  54. button#advanced-search
  55. background-color: white
  56. border: 1px solid white
  57. width: 15%
  58. height: 10%
  59. padding: 0px
  60. float: right
  61. &:hover
  62. img
  63. background-color: black
  64. cursor: pointer
  65. &.clicked
  66. img
  67. background-color: $baseColor1
  68. &:focus
  69. outline: 0
  70. img
  71. @extend .t3
  72. background-color: $baseColor2
  73. margin-top: 5px
  74. width: 26px
  75. height: 26px
  76. &.partly-visible
  77. margin-top: 0%
  78. padding-bottom: 3%
  79. position: absolute
  80. width: 100%
  81. #title
  82. position: absolute
  83. top: -1%
  84. left: 1%
  85. span
  86. font-size: 50%
  87. form#search-bar
  88. padding-top: 3%
  89. margin-left: auto
  90. margin-right: auto
  91. width: 60%
  92. div#advanced-search
  93. background-color: white
  94. border: 1px solid $baseColor3
  95. display: none
  96. font-size: 96%
  97. height: 400px
  98. min-width: $minSearchFieldsWidth
  99. padding-top: 0px
  100. overflow-x: auto
  101. overflow-y: hidden
  102. #heading
  103. color: $baseColor2
  104. display: block
  105. font-size: 120%
  106. padding-left: 1%
  107. padding-top: 1%
  108. width: 100%
  109. div
  110. display: inline-block
  111. font-size: 110%
  112. &#col1
  113. width: 25%
  114. &#col2
  115. width: 75%
  116. >div
  117. @include vendor(box-sizing, border-box)
  118. display: inline-block
  119. float: left
  120. #sidebar
  121. padding-left: 1%
  122. width: 25%
  123. >ul
  124. list-style: none
  125. padding-left: 0
  126. margin-bottom: 8%
  127. margin-top: 2%
  128. li
  129. margin-bottom: 2%
  130. label
  131. user-select: none
  132. div
  133. @extend .t3
  134. background-color: $lightGray
  135. border: none
  136. padding: 3%
  137. width: 85%
  138. &:hover, &.selectedInputField
  139. @extend .t3
  140. background-color: $baseColor2
  141. color: white
  142. cursor: pointer
  143. width: 90%
  144. input[type="checkbox"]
  145. display: none
  146. &:checked + label > div
  147. @extend .selectedInputField
  148. background-color: $baseColor1
  149. color: white
  150. width: 90%
  151. button#add-group
  152. background-color: $lightBlue
  153. border: none
  154. color: white
  155. display: block
  156. height: 40px
  157. margin-bottom: 2%
  158. overflow: hidden
  159. white-space: nowrap
  160. width: 40px
  161. span
  162. font-size: 150%
  163. font-weight: bold
  164. margin-left: 6px
  165. margin-right: 14px
  166. &:hover
  167. @extend .t3
  168. background-color: $blue
  169. cursor: pointer
  170. width: 90%
  171. button#remove-group
  172. @extend button#add-group
  173. background-color: #D82D48
  174. span
  175. padding-left: 3px
  176. &:hover
  177. @extend .t3
  178. background-color: #F11437
  179. #search-groups
  180. margin-top: 1%
  181. max-height: 93%
  182. overflow-y: auto
  183. width: 75%
  184. .search-group
  185. @include vendor(transition, all 0.6s ease-out)
  186. background-color: $lightGray
  187. padding: 1%
  188. margin-bottom: 2%
  189. width: 97%
  190. >div
  191. margin-bottom: 0.7%
  192. >div.name
  193. display: inline-block
  194. font-size: 90%
  195. width: 20%
  196. >input[type=text]
  197. display: inline-block
  198. padding: 2px
  199. width: 60%
  200. >input[type=checkbox]
  201. margin-left: 2%
  202. &:checked + span
  203. @extend .t2
  204. color: green
  205. font-weight: bold
  206. &:hover
  207. cursor: checkbox
  208. span.regex
  209. font-size: 80%
  210. &#selected
  211. background-color: #CACACA
  212. div#results
  213. margin: 3% auto 0 auto
  214. margin-left: auto
  215. margin-right: auto
  216. width: 80%
  217. div.result
  218. background-color: #F8F8F8
  219. margin-bottom: 10%
  220. margin-top: 1%
  221. padding: 1%
  222. &.cascade
  223. @extend .t3
  224. margin-bottom: 0%