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.

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