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 години
123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453
  1. /*
  2. Stylesheet for `index.html`.
  3. */
  4. @import mixins
  5. @import variables
  6. $minSearchFieldsWidth: 490px
  7. $resultWidth: 1000px
  8. $codeWidth: 650px
  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. >div
  161. @include vendor(box-sizing, border-box)
  162. display: inline-block
  163. float: left
  164. #sidebar
  165. padding-left: 1%
  166. width: 25%
  167. >ul
  168. list-style: none
  169. padding-left: 0
  170. margin-bottom: 8%
  171. margin-top: 2%
  172. li
  173. margin-bottom: 2%
  174. label
  175. user-select: none
  176. div
  177. @extend .t3
  178. background-color: $lightGray
  179. border: none
  180. padding: 3%
  181. width: 85%
  182. &:hover, &.selectedInputField
  183. @extend .t3
  184. background-color: $baseColor2
  185. color: white
  186. cursor: pointer
  187. width: 90%
  188. input[type="checkbox"]
  189. display: none
  190. &:checked + label > div
  191. @extend .selectedInputField
  192. background-color: $baseColor1
  193. color: white
  194. width: 90%
  195. button#add-group
  196. background-color: $lightBlue
  197. border: none
  198. color: white
  199. display: block
  200. height: 40px
  201. margin-bottom: 2%
  202. overflow: hidden
  203. white-space: nowrap
  204. width: 40px
  205. span
  206. font-size: 150%
  207. font-weight: bold
  208. margin-left: 6px
  209. margin-right: 14px
  210. &:hover
  211. @extend .t3
  212. background-color: $blue
  213. cursor: pointer
  214. width: 90%
  215. button#remove-group
  216. @extend button#add-group
  217. background-color: #D82D48
  218. span
  219. padding-left: 3px
  220. &:hover
  221. @extend .t3
  222. background-color: #F11437
  223. #search-groups
  224. margin-top: 1%
  225. max-height: 87%
  226. overflow-y: auto
  227. width: 75%
  228. .search-group
  229. @include vendor(transition, all 0.6s ease-out)
  230. background-color: $lightGray
  231. padding: 1%
  232. margin-bottom: 2%
  233. width: 97%
  234. >div
  235. margin-bottom: 0.7%
  236. >div.name
  237. display: inline-block
  238. font-size: 90%
  239. width: 20%
  240. >input[type=text]
  241. display: inline-block
  242. padding: 2px
  243. width: 60%
  244. >input[type=checkbox]
  245. margin-left: 2%
  246. &:checked + span
  247. @extend .t2
  248. color: green
  249. font-weight: bold
  250. &:hover
  251. cursor: checkbox
  252. span.regex
  253. font-size: 80%
  254. &#selected
  255. background-color: #CACACA
  256. div#results
  257. margin: 3% auto 0 auto
  258. margin-left: auto
  259. margin-right: auto
  260. width: 80%
  261. a
  262. text-decoration: none
  263. &:hover
  264. color: orange
  265. div#error
  266. font-size: 170%
  267. margin-top: 22%
  268. text-align: center
  269. span
  270. color: $baseColor1
  271. font-size: 150%
  272. &.disable-hover
  273. pointer-events: none
  274. div.result
  275. @extend .t3
  276. width: $resultWidth
  277. height: 200px
  278. margin-bottom: 100%
  279. pointer-events: auto
  280. table
  281. border-collapse: collapse
  282. height: inherit
  283. tr
  284. @extend .t3
  285. @include opaque(0.8)
  286. height: inherit
  287. &.cascade
  288. @extend .t1
  289. margin-bottom: 15%
  290. &.display-all table tr
  291. @include opaque(1.0)
  292. div#display-info
  293. font-size: 1.3em
  294. padding: 5px 0px 5px 5px
  295. width: 100%
  296. #title
  297. margin-right: 10px
  298. #site
  299. text-transform: capitalize
  300. td#code
  301. @include vendor(transition, width 0.2s ease-in-out)
  302. width: $codeWidth
  303. height: inherit
  304. padding: 0px
  305. border: 1px solid #bbb
  306. #tablecontainer
  307. overflow: hidden
  308. width: 100%
  309. height: inherit
  310. background-color: #49483e
  311. position: relative
  312. z-index: 1
  313. table
  314. border-collapse: collapse
  315. font-family: monospace
  316. .linenos
  317. padding-left: 1%
  318. pre
  319. margin-top: 5px
  320. .code pre
  321. margin-top: 5px
  322. .hll
  323. background: #5B5A51
  324. div#hidden-info
  325. width: $hiddenInfoWidth
  326. margin-left: -$hiddenInfoWidth - 10px
  327. height: 100%
  328. padding-top: 40px
  329. font-size: 1.2em
  330. line-height: 1.5em
  331. position: relative
  332. z-index: 0
  333. @include vendor(transition, margin-left 0.2s ease-in-out)
  334. .display-all &
  335. margin-left: 0px
  336. padding-left: 20px
  337. span
  338. font-family: monospace
  339. color: $baseColor1
  340. float: right
  341. div
  342. display: block
  343. #authors
  344. a
  345. font-family: monospace