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