A semantic search engine for source code https://bitshift.benkurtovic.com/
Ви не можете вибрати більше 25 тем Теми мають розпочинатися з літери або цифри, можуть містити дефіси (-) і не повинні перевищувати 35 символів.
 
 
 
 
 
 

456 рядки
9.1 KiB

  1. /*
  2. Stylesheet for `templates/index.html`.
  3. */
  4. @import mixins
  5. @import variables
  6. $minSearchFieldsWidth: 490px
  7. // $resultWidth: 400px
  8. $codeWidth: 700px
  9. $hiddenInfoWidth: 300px
  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"]#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. text-decoration: none
  253. &:hover
  254. color: orange
  255. div#error
  256. font-size: 170%
  257. margin-top: 22%
  258. text-align: center
  259. span
  260. margin-right: 10px
  261. font-size: 150%
  262. &#s1
  263. color: $baseColor1
  264. &#s2
  265. color: $baseColor2
  266. &.disable-hover
  267. pointer-events: none
  268. div.result
  269. @extend .t3
  270. // width: $resultWidth
  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. // &:hover
  312. // overflow: auto
  313. table
  314. border-collapse: collapse
  315. font-family: monospace
  316. .linenos
  317. padding-left: 8px
  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
  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: -$hiddenInfoWidth / 1.5
  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