ben
/
bitshift
mirror of https://github.com/earwig/bitshift
1
1
Fork 0
Code Releases 1 Activity
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.
107 Commits
2 Branches
4.1 MiB
 
 
 
 
 
 
Tree: d62a71fd5a
Branches Tags
${ item.name }
Create branch ${ searchTerm }
from 'd62a71fd5a'
${ noResults }
bitshift/static/sass/index.sass

160 lines
3.1 KiB
Raw Blame History 

  1. /*

  2.  Stylesheet for index.html.

  3.  */

  4. 

  5. @import mixins

  6. @import variables

  7. 

  8. .ui-datepicker

  9.     font-size: 0.7em

  10. 

  11. .twitter-typeahead

  12.     width: 100%

  13. 

  14.     .tt-hint

  15.         color: $baseColor2

  16. 

  17.     .tt-dropdown-menu

  18.         width: 100%

  19.         padding: 4px 0

  20.         background-color: white

  21.         border: 1px solid $baseColor2

  22. 

  23.         .tt-suggestion

  24.             padding: 4px

  25. 

  26.             p

  27.                 margin: 0

  28. 

  29.                 strong

  30.                     color: $baseColor1

  31. 

  32.             &.tt-cursor

  33.                 @extend .t1

  34. 

  35.                 background-color: $baseColor1

  36. 

  37.                 *

  38.                     color: white

  39. 

  40. div#search-field

  41.     @extend .t2

  42. 

  43.     bottom: 0

  44.     height: 50%

  45.     left: 0

  46.     margin: auto

  47.     margin-top: 15%

  48.     max-height: 100px

  49.     position: absolute

  50.     right: 0

  51.     top: 0

  52.     width: 34%

  53. 

  54.     #title

  55.         font-size: 4em

  56.         padding-bottom: 0.5em

  57.         text-align: center

  58. 

  59.         #title-bit

  60.             color: $baseColor1

  61. 

  62.         #title-angle

  63.             color: $baseColor3

  64. 

  65.         #title-shift

  66.             color: $baseColor2

  67.             font-style: italic

  68. 

  69.     form#search-bar

  70. 

  71.         input[type="text"]

  72.             @include vendor(box-sizing, border-box)

  73. 

  74.             border: 1px solid $baseColor1

  75.             font-size: 1.1em

  76.             margin-bottom: 0px

  77.             padding: 6px

  78.             width: 100%

  79. 

  80.         div#advanced-search

  81.             background-color: white

  82.             border: 1px solid $baseColor2

  83.             margin: 0px

  84.             max-height: 0.1px

  85.             overflow: auto

  86.             padding: 0px

  87. 

  88.             &.visible

  89.                 max-height: 100%

  90.                 padding-bottom: 30px

  91. 

  92.             >div

  93.                 @include vendor(box-sizing, border-box)

  94. 

  95.                 float: left

  96.                 height: 100%

  97. 

  98.             >#col1

  99.                 width: 10%

  100. 

  101.             >#col2

  102.                 width: 84%

  103. 

  104.                 ul

  105.                     list-style: none

  106. 

  107.                     li

  108.                         margin-bottom: 0.5em

  109. 

  110.                         label

  111.                             display: block

  112.                             font-size: 1.1em

  113. 

  114.                 input[type="text"]

  115.                     @extend .t2

  116. 

  117.                     border-color: $baseColor3

  118.                     font-size: 1em

  119.                     padding: 4px

  120.                     width: 100%

  121. 

  122.                     &:hover

  123.                         border-color: $baseColor2

  124. 

  125.                     &:focus

  126.                         border-color: $baseColor1

  127. 

  128.                 #upper-half

  129.                     >div

  130.                         float: left

  131.                         width: 50%

  132. 

  133.                     #col2

  134.                         input[type="text"]

  135.                             width: 50%

  136. 

  137.     &.partly-visible

  138.         height: 1%

  139.         margin-top: 3%

  140.         width: 60%

  141. 

  142.         #title

  143.             display: none

  144. 

  145. div#results

  146.     margin-left: auto

  147.     margin-right: auto

  148.     width: 80%

  149. 

  150.     div.result

  151.         background-color: #F8F8F8

  152.         margin-bottom: 10%

  153.         margin-top: 1%

  154.         padding: 1%

  155. 

  156.         &.cascade

  157.             @extend .t3

  158. 

  159.             margin-bottom: 0%