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.
106 Commits
2 Branches
21 MiB
 
 
 
 
 
 
Tree: 450e7cec0b
Branches Tags
${ item.name }
Create branch ${ searchTerm }
from '450e7cec0b'
${ noResults }
bitshift/static/sass/index.sass

154 lines
2.8 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.             overflow: auto

  85. 

  86.             >div

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

  88. 

  89.                 float: left

  90.                 height: 100%

  91. 

  92.             >#col1

  93.                 width: 10%

  94. 

  95.             >#col2

  96.                 width: 84%

  97. 

  98.                 ul

  99.                     list-style: none

  100. 

  101.                     li

  102.                         margin-bottom: 0.5em

  103. 

  104.                         label

  105.                             display: block

  106.                             font-size: 1.1em

  107. 

  108.                 input[type="text"]

  109.                     @extend .t2

  110. 

  111.                     border-color: $baseColor3

  112.                     font-size: 1em

  113.                     padding: 2px

  114.                     width: 100%

  115. 

  116.                     &:hover

  117.                         border-color: $baseColor2

  118. 

  119.                     &:focus

  120.                         border-color: $baseColor1

  121. 

  122.                 #upper-half

  123.                     >div

  124.                         float: left

  125.                         width: 50%

  126. 

  127.                     #col2

  128.                         input[type="text"]

  129.                             width: 50%

  130. 

  131.     &.partly-visible

  132.         height: 1%

  133.         margin-top: 3%

  134.         width: 60%

  135. 

  136.         #title

  137.             display: none

  138. 

  139. div#results

  140.     margin-left: auto

  141.     margin-right: auto

  142.     width: 80%

  143. 

  144.     div.result

  145.         background-color: #F8F8F8

  146.         margin-bottom: 10%

  147.         margin-top: 1%

  148.         padding: 1%

  149. 

  150.         &.cascade

  151.             @extend .t3

  152. 

  153.             margin-bottom: 0%