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.

index.sass 6.7 KiB

10 years ago
10 years ago
10 years ago
123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288
  1. /*
  2. Stylesheet for index.html.
  3. */
  4. @import mixins
  5. @import variables
  6. .ui-datepicker
  7. font-size: 70%
  8. .twitter-typeahead
  9. width: 100%
  10. .tt-hint
  11. color: $baseColor2
  12. .tt-dropdown-menu
  13. width: 100%
  14. padding: 4px 0
  15. background-color: white
  16. border: 1px solid $baseColor2
  17. .tt-suggestion
  18. padding: 4px
  19. p
  20. margin: 0
  21. strong
  22. color: $baseColor1
  23. &.tt-cursor
  24. @extend .t1
  25. background-color: $baseColor1
  26. *
  27. color: white
  28. div#search-field
  29. @extend .t2
  30. bottom: 0
  31. height: 50%
  32. left: 0
  33. margin: auto
  34. margin-top: 15%
  35. max-height: 100px
  36. right: 0
  37. position: absolute
  38. top: 0
  39. width: 40%
  40. a#title
  41. text-decoration: none
  42. div#title
  43. font-size: 400%
  44. padding-bottom: 0.2em
  45. text-align: center
  46. #title-bit
  47. color: $baseColor1
  48. #title-angle
  49. color: $baseColor3
  50. #title-shift
  51. color: $baseColor2
  52. font-style: italic
  53. form#search-bar
  54. input[type="text"], button
  55. @extend .t3
  56. @include vendor(box-sizing, border-box)
  57. border: 1px solid $baseColor2
  58. font-size: 110%
  59. margin-bottom: 0px
  60. padding: 6px
  61. input[type="text"]
  62. width: 85%
  63. &:hover
  64. border-color: $baseColor1
  65. button#advanced-search
  66. background-color: white
  67. border: 1px solid white
  68. width: 15%
  69. height: 10%
  70. padding: 0px
  71. float: right
  72. &.clicked, &:hover
  73. img
  74. @extend .t3
  75. background-color: black
  76. cursor: pointer
  77. &:focus
  78. outline: 0
  79. img
  80. background-color: $baseColor2
  81. margin-top: 5px
  82. width: 26px
  83. height: 26px
  84. div#advanced-search
  85. border: 1px solid $baseColor2
  86. margin: 0px
  87. overflow: auto
  88. padding: 0px
  89. // display: none
  90. >div
  91. @include vendor(box-sizing, border-box)
  92. float: left
  93. height: 100%
  94. >#col1
  95. width: 10%
  96. div#group-count
  97. font-size: 150%
  98. margin-left: 10%
  99. padding: 35% 0 20% 12%
  100. #current
  101. color: green
  102. font-size: 140%
  103. #seperator
  104. color: $baseColor3
  105. font-weight: bold
  106. div#group-selector
  107. margin-left: 20%
  108. div
  109. $triangleHeight: 40%
  110. display: inline-block
  111. height: 0
  112. padding-bottom: $triangleHeight
  113. padding-top: $triangleHeight
  114. overflow: hidden
  115. &:after
  116. border-bottom: 500px solid transparent
  117. border-top: 500px solid transparent
  118. content: ""
  119. display: block
  120. height: 0
  121. margin-top: -500px
  122. width: 0
  123. &#previous-group
  124. width: $triangleHeight
  125. &:after
  126. border-right: 500px solid $baseColor3
  127. &:hover
  128. &:after
  129. @extend .t3
  130. border-right-color: green
  131. &#next-group
  132. padding-left: $triangleHeight
  133. width: 0
  134. &:after
  135. border-left: 500px solid $baseColor3
  136. margin-left: -500px
  137. &:hover
  138. &:after
  139. @extend .t3
  140. border-left-color: green
  141. div#add-group
  142. margin-top: -10px
  143. margin-left: auto
  144. margin-right: auto
  145. width: 50%
  146. span
  147. color: $baseColor3
  148. font-size: 510%
  149. font-weight: bold
  150. &:hover
  151. @extend .t3
  152. color: green
  153. div#add-group, div#group-selector div
  154. &:hover
  155. cursor: pointer
  156. >#col2
  157. width: 84%
  158. ul
  159. list-style: none
  160. li
  161. margin-bottom: 0.5em
  162. label
  163. @extend .t3
  164. &:hover
  165. input[type="text"]
  166. border-color: $baseColor1
  167. label
  168. color: black
  169. label
  170. display: block
  171. font-size: 110%
  172. color: #747575
  173. input[type="text"]
  174. @extend .t3
  175. border-color: $baseColor3
  176. font-size: 100%
  177. padding: 4px
  178. width: 100%
  179. #upper-half
  180. >div
  181. float: left
  182. width: 50%
  183. #col2
  184. input[type="text"]
  185. width: 50%
  186. #lower-half
  187. padding-bottom: 20px
  188. &.partly-visible
  189. margin-top: 0%
  190. padding-bottom: 3%
  191. position: absolute
  192. width: 100%
  193. #title
  194. position: absolute
  195. top: -1%
  196. left: 1%
  197. span
  198. font-size: 50%
  199. form#search-bar
  200. padding-top: 3%
  201. margin-left: auto
  202. margin-right: auto
  203. width: 60%
  204. div#results
  205. margin: 3% auto 0 auto
  206. margin-left: auto
  207. margin-right: auto
  208. width: 80%
  209. div.result
  210. background-color: #F8F8F8
  211. margin-bottom: 10%
  212. margin-top: 1%
  213. padding: 1%
  214. &.cascade
  215. @extend .t3
  216. margin-bottom: 0%