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 години
123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442
  1. /*
  2. Stylesheet for `templates/index.html`.
  3. */
  4. @import mixins
  5. @import variables
  6. $minSearchFieldsWidth: 490px
  7. $resultWidth: 800px
  8. $codeWidth: 700px
  9. $hiddenInfoWidth: 250px
  10. .ui-datepicker
  11. font-size: 70%
  12. .ui-autocomplete
  13. max-height: 30%
  14. overflow-x: hidden
  15. overflow-y: scroll
  16. padding: 0px
  17. >li.ui-menu-item a.ui-state-focus
  18. @include vendor(transition, background-color 0.3s ease-out)
  19. div#body
  20. @extend .t3
  21. &.faded
  22. @include opaque(0.8)
  23. div#hotkey-help
  24. $width: 40%
  25. background-color: white
  26. border: 1px solid $baseColor3
  27. left: 50% - $width / 2
  28. min-width: 400px
  29. padding: 35px
  30. position: fixed
  31. top: 30%
  32. width: $width
  33. z-index: 200
  34. &.hidden
  35. display: none
  36. div
  37. border-bottom: 1px solid $baseColor2
  38. color: $baseColor1
  39. font-size: 130%
  40. padding-bottom: 8px
  41. text-align: center
  42. ul
  43. list-style: none
  44. margin-left: auto
  45. margin-right: auto
  46. position: relative
  47. width: 300px
  48. li
  49. margin-bottom: 4px
  50. span.hotkey
  51. color: $baseColor1
  52. font-family: monospace
  53. font-size: 130%
  54. font-weight: bold
  55. span.seperator
  56. color: $baseColor2
  57. div#search-field
  58. @extend .t2
  59. bottom: 0
  60. height: 50%
  61. left: 0
  62. margin: auto
  63. margin-top: 15%
  64. max-height: 100px
  65. right: 0
  66. position: absolute
  67. z-index: 2
  68. top: 0
  69. width: 40%
  70. a#title
  71. text-decoration: none
  72. div#title
  73. font-size: 400%
  74. padding-bottom: 0.2em
  75. text-align: center
  76. #title-bit
  77. color: $baseColor1
  78. #title-angle
  79. color: $baseColor3
  80. #title-shift
  81. color: $baseColor2
  82. font-style: italic
  83. form#search-bar
  84. min-width: $minSearchFieldsWidth
  85. input[type="text"], button
  86. @extend .t3
  87. @include vendor(box-sizing, border-box)
  88. border: 1px solid $baseColor2
  89. font-size: 110%
  90. margin-bottom: 0px
  91. padding: 6px
  92. input[type="text"]
  93. width: 85%
  94. &:hover
  95. border-color: $baseColor1
  96. button#advanced-search
  97. background-color: white
  98. border: 1px solid white
  99. width: 15%
  100. height: 10%
  101. padding: 0px
  102. float: right
  103. &:hover
  104. img
  105. background-color: black
  106. cursor: pointer
  107. &.clicked
  108. img
  109. background-color: $baseColor1
  110. &:focus
  111. outline: 0
  112. img
  113. @extend .t3
  114. background-color: $baseColor2
  115. margin-top: 5px
  116. width: 26px
  117. height: 26px
  118. &.partly-visible
  119. margin-top: 0%
  120. position: absolute
  121. width: 100%
  122. #title
  123. position: absolute
  124. top: -1%
  125. left: 1%
  126. span
  127. font-size: 50%
  128. form#search-bar
  129. padding-top: 3%
  130. margin-left: auto
  131. margin-right: auto
  132. width: 60%
  133. input:hover
  134. @extend .t3
  135. border: 1px solid $baseColor1
  136. div#advanced-search
  137. background-color: white
  138. border: 1px solid $baseColor3
  139. display: none
  140. font-size: 96%
  141. height: 400px
  142. min-width: $minSearchFieldsWidth
  143. padding-top: 0px
  144. overflow-x: auto
  145. overflow-y: hidden
  146. #heading
  147. color: $baseColor2
  148. display: block
  149. font-size: 120%
  150. padding-left: 1%
  151. padding-top: 1%
  152. width: 100%
  153. div
  154. display: inline-block
  155. font-size: 110%
  156. &#col1
  157. width: 25%
  158. &#col2
  159. width: 75%
  160. button
  161. border: none
  162. color: white
  163. float: right
  164. font-size: 80%
  165. font-weight: bold
  166. padding-left: 4%
  167. padding-right: 4%
  168. &:hover
  169. cursor: pointer
  170. &#add-group
  171. background-color: #7FAFFC
  172. margin-right: 1%
  173. &:hover
  174. background-color: #609AF8
  175. &#remove-group
  176. background-color: #E74C4C
  177. &:hover
  178. background-color: #D63636
  179. >div
  180. @include vendor(box-sizing, border-box)
  181. display: inline-block
  182. float: left
  183. #sidebar
  184. padding-left: 1%
  185. width: 25%
  186. >ul
  187. list-style: none
  188. padding-left: 0
  189. margin-bottom: 8%
  190. margin-top: 2%
  191. li
  192. margin-bottom: 2%
  193. label
  194. user-select: none
  195. div
  196. @extend .t3
  197. background-color: $lightGray
  198. border: none
  199. padding: 3%
  200. width: 85%
  201. &:hover, &.selectedInputField
  202. @extend .t3
  203. background-color: $baseColor2
  204. color: white
  205. cursor: pointer
  206. width: 90%
  207. input[type="checkbox"]
  208. display: none
  209. &:checked + label > div
  210. @extend .selectedInputField
  211. background-color: $baseColor1
  212. color: white
  213. width: 90%
  214. #search-groups
  215. margin-top: 1%
  216. max-height: 87%
  217. overflow-y: auto
  218. width: 75%
  219. .search-group
  220. @include vendor(transition, all 0.6s ease-out)
  221. background-color: $lightGray
  222. padding: 1%
  223. margin-bottom: 2%
  224. width: 97%
  225. >div
  226. margin-bottom: 0.7%
  227. >div.name
  228. display: inline-block
  229. font-size: 90%
  230. width: 20%
  231. >input[type=text]
  232. display: inline-block
  233. padding: 2px
  234. width: 60%
  235. >input[type=checkbox]
  236. margin-left: 2%
  237. &:checked + span
  238. @extend .t2
  239. color: green
  240. font-weight: bold
  241. &:hover
  242. cursor: checkbox
  243. span.regex
  244. font-size: 80%
  245. &#selected
  246. background-color: #CACACA
  247. div#results
  248. margin: 3% auto 0 auto
  249. margin-left: auto
  250. margin-right: auto
  251. width: 80%
  252. a
  253. text-decoration: none
  254. &:hover
  255. color: orange
  256. div#error
  257. font-size: 170%
  258. margin-top: 22%
  259. text-align: center
  260. span
  261. color: $baseColor1
  262. font-size: 150%
  263. &.disable-hover
  264. pointer-events: none
  265. div.result
  266. @extend .t3
  267. width: $resultWidth
  268. height: 200px
  269. margin-bottom: 100%
  270. pointer-events: auto
  271. table
  272. border-collapse: collapse
  273. height: inherit
  274. tr
  275. @extend .t3
  276. @include opaque(0.8)
  277. height: inherit
  278. &.cascade
  279. @extend .t1
  280. margin-bottom: 15%
  281. &.display-all
  282. table tr
  283. @include opaque(1.0)
  284. div#display-info
  285. font-size: 1.3em
  286. padding: 5px 0px 5px 5px
  287. width: 100%
  288. #title
  289. margin-right: 10px
  290. #site
  291. text-transform: capitalize
  292. td#code
  293. @include vendor(transition, width 0.2s ease-in-out)
  294. width: $codeWidth
  295. max-width: $codeWidth
  296. height: inherit
  297. padding: 0px
  298. #tablecontainer
  299. width: 100%
  300. height: inherit
  301. overflow: auto
  302. background-color: #49483e
  303. position: relative
  304. z-index: 1
  305. table
  306. border-collapse: collapse
  307. font-family: monospace
  308. .linenos
  309. padding-left: 1%
  310. pre
  311. margin-top: 5px
  312. .code pre
  313. margin-top: 5px
  314. .hll
  315. background: #5B5A51
  316. div#hidden-info
  317. width: $hiddenInfoWidth
  318. margin-left: -$hiddenInfoWidth - 200px
  319. height: 100%
  320. padding-top: 40px
  321. font-size: 1.2em
  322. line-height: 1.5em
  323. position: relative
  324. z-index: 0
  325. @include vendor(transition, margin-left 0.2s ease-in-out)
  326. .display-all &
  327. margin-left: 0px
  328. padding-left: 20px
  329. span
  330. font-family: monospace
  331. color: $baseColor1
  332. float: right
  333. div
  334. display: block
  335. #authors
  336. a
  337. font-family: monospace