ben
/
bitshift
의 미러 https://github.com/earwig/bitshift
1
1
포크 0
코드 릴리즈 1 활동
A semantic search engine for source code https://bitshift.benkurtovic.com/
25개 이상의 토픽을 선택하실 수 없습니다. Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
114 커밋
2 브랜치
20 MiB
트리: 3df930029f
브랜치 태그
${ item.name }
${ searchTerm } 브랜치 생성
from '3df930029f'
${ noResults }
bitshift/static/sass/index.sass

index.sass 4.6 KiB
Raw Normal View 히스토리

Add partly styled search bar, fix footer. Add: templates/index.html -Add search bar elements. static/sass/index.sass -Add styling for the search entry bar. Fix: static/sass/main.sass -Fix footer's styling, which lacked a `bottom: 0px` that floored it.
10 년 전
​
​
​
​
Add results animation, more content to index.js. Add: static/js/index.js -Add `populateResults()`, to distinguish the addition of results to `div#results` from the retrieval of Codelets from the server itself. -Add `clearResults()` for convenience. static/sass/index.sass -Add `.cascade`, to provide new `div.result` elements with a downwards-cascading animation.
10 년 전
Add partly styled search bar, fix footer. Add: templates/index.html -Add search bar elements. static/sass/index.sass -Add styling for the search entry bar. Fix: static/sass/main.sass -Fix footer's styling, which lacked a `bottom: 0px` that floored it.
10 년 전
Add `datepicker` and `typeahead`, Add: static/sass/index.sass -Add style rules for `datepicker` and `typeahead` elements. templates/index.html -Add any class specifiers required by both libraries to their corresponding elements. -Add a hack-ish `script` tag containing setup for `typeahead`.
10 년 전
Integrate advanced search form with existing UI. Add: static/js/index.js -Add a `jQuery` callback to `fadeIn()` and `fadeOut()` the advanced-search form. templates/index.html, static/sass/index.sass -Add advanced-search form toggling button markup and styling.
10 년 전
Add `datepicker` and `typeahead`, Add: static/sass/index.sass -Add style rules for `datepicker` and `typeahead` elements. templates/index.html -Add any class specifiers required by both libraries to their corresponding elements. -Add a hack-ish `script` tag containing setup for `typeahead`.
10 년 전
​
​
​
Create lib/ structure, clean up js. Add: static/(css, js)/lib -Add directories to contain third-party library files (eg, `jquery.min.js`). templates/index.html, static/js/index.js -Move `typeahead` initialization from `index.html` to `index.js`. static/sass/index.sass -Refactor `twitter-typeahead` specifier hierarchy.
10 년 전
​
Add `datepicker` and `typeahead`, Add: static/sass/index.sass -Add style rules for `datepicker` and `typeahead` elements. templates/index.html -Add any class specifiers required by both libraries to their corresponding elements. -Add a hack-ish `script` tag containing setup for `typeahead`.
10 년 전
Create lib/ structure, clean up js. Add: static/(css, js)/lib -Add directories to contain third-party library files (eg, `jquery.min.js`). templates/index.html, static/js/index.js -Move `typeahead` initialization from `index.html` to `index.js`. static/sass/index.sass -Refactor `twitter-typeahead` specifier hierarchy.
10 년 전
​
​
​
​
Add `datepicker` and `typeahead`, Add: static/sass/index.sass -Add style rules for `datepicker` and `typeahead` elements. templates/index.html -Add any class specifiers required by both libraries to their corresponding elements. -Add a hack-ish `script` tag containing setup for `typeahead`.
10 년 전
Create lib/ structure, clean up js. Add: static/(css, js)/lib -Add directories to contain third-party library files (eg, `jquery.min.js`). templates/index.html, static/js/index.js -Move `typeahead` initialization from `index.html` to `index.js`. static/sass/index.sass -Refactor `twitter-typeahead` specifier hierarchy.
10 년 전
​
Add `datepicker` and `typeahead`, Add: static/sass/index.sass -Add style rules for `datepicker` and `typeahead` elements. templates/index.html -Add any class specifiers required by both libraries to their corresponding elements. -Add a hack-ish `script` tag containing setup for `typeahead`.
10 년 전
Create lib/ structure, clean up js. Add: static/(css, js)/lib -Add directories to contain third-party library files (eg, `jquery.min.js`). templates/index.html, static/js/index.js -Move `typeahead` initialization from `index.html` to `index.js`. static/sass/index.sass -Refactor `twitter-typeahead` specifier hierarchy.
10 년 전
​
Add `datepicker` and `typeahead`, Add: static/sass/index.sass -Add style rules for `datepicker` and `typeahead` elements. templates/index.html -Add any class specifiers required by both libraries to their corresponding elements. -Add a hack-ish `script` tag containing setup for `typeahead`.
10 년 전
Create lib/ structure, clean up js. Add: static/(css, js)/lib -Add directories to contain third-party library files (eg, `jquery.min.js`). templates/index.html, static/js/index.js -Move `typeahead` initialization from `index.html` to `index.js`. static/sass/index.sass -Refactor `twitter-typeahead` specifier hierarchy.
10 년 전
​
Add `datepicker` and `typeahead`, Add: static/sass/index.sass -Add style rules for `datepicker` and `typeahead` elements. templates/index.html -Add any class specifiers required by both libraries to their corresponding elements. -Add a hack-ish `script` tag containing setup for `typeahead`.
10 년 전
Create lib/ structure, clean up js. Add: static/(css, js)/lib -Add directories to contain third-party library files (eg, `jquery.min.js`). templates/index.html, static/js/index.js -Move `typeahead` initialization from `index.html` to `index.js`. static/sass/index.sass -Refactor `twitter-typeahead` specifier hierarchy.
10 년 전
​
Add `datepicker` and `typeahead`, Add: static/sass/index.sass -Add style rules for `datepicker` and `typeahead` elements. templates/index.html -Add any class specifiers required by both libraries to their corresponding elements. -Add a hack-ish `script` tag containing setup for `typeahead`.
10 년 전
Create lib/ structure, clean up js. Add: static/(css, js)/lib -Add directories to contain third-party library files (eg, `jquery.min.js`). templates/index.html, static/js/index.js -Move `typeahead` initialization from `index.html` to `index.js`. static/sass/index.sass -Refactor `twitter-typeahead` specifier hierarchy.
10 년 전
Add `datepicker` and `typeahead`, Add: static/sass/index.sass -Add style rules for `datepicker` and `typeahead` elements. templates/index.html -Add any class specifiers required by both libraries to their corresponding elements. -Add a hack-ish `script` tag containing setup for `typeahead`.
10 년 전
Create lib/ structure, clean up js. Add: static/(css, js)/lib -Add directories to contain third-party library files (eg, `jquery.min.js`). templates/index.html, static/js/index.js -Move `typeahead` initialization from `index.html` to `index.js`. static/sass/index.sass -Refactor `twitter-typeahead` specifier hierarchy.
10 년 전
​
Add `datepicker` and `typeahead`, Add: static/sass/index.sass -Add style rules for `datepicker` and `typeahead` elements. templates/index.html -Add any class specifiers required by both libraries to their corresponding elements. -Add a hack-ish `script` tag containing setup for `typeahead`.
10 년 전
Add transition when user types, results styling. Add: static/js/index.js -Add conditional to prevent a search from being triggered when a non-character key combination (ie, `up`, `down`, `ctrl-c`) was entered. -Add `queryServer()`, currently only for testing purposes (it populates `div#results` with randomized content). -Add documentation comments to all functions. static/sass/index.sass -Add different styling to the `#search-field` whenever results are visible (in other words, at any point after a query has been executed).
10 년 전
Add jQuery; infinite scrolling to results. Add: static/js/index.js -Add new results to the results `div` whenever the user scrolls to the bottom of the page.
10 년 전
Add results animation, more content to index.js. Add: static/js/index.js -Add `populateResults()`, to distinguish the addition of results to `div#results` from the retrieval of Codelets from the server itself. -Add `clearResults()` for convenience. static/sass/index.sass -Add `.cascade`, to provide new `div.result` elements with a downwards-cascading animation.
10 년 전
Add partly styled search bar, fix footer. Add: templates/index.html -Add search bar elements. static/sass/index.sass -Add styling for the search entry bar. Fix: static/sass/main.sass -Fix footer's styling, which lacked a `bottom: 0px` that floored it.
10 년 전
Add 3 base-colors, better transition animation. Add: static/sass/index.sass -Add a gradual CSS `transition` to the search-bar, when a query is entered for the first time. static/sass/_variables.sass -Add bitshift's three new primary base colors.
10 년 전
Add partly styled search bar, fix footer. Add: templates/index.html -Add search bar elements. static/sass/index.sass -Add styling for the search entry bar. Fix: static/sass/main.sass -Fix footer's styling, which lacked a `bottom: 0px` that floored it.
10 년 전
​
Add 3 base-colors, better transition animation. Add: static/sass/index.sass -Add a gradual CSS `transition` to the search-bar, when a query is entered for the first time. static/sass/_variables.sass -Add bitshift's three new primary base colors.
10 년 전
Add adv-search form, skeleton-pages. Add: templates/index.html -Add compartmental `div` structure for the advanced-search form. static/sass/index.sass -Add layout style rules to the advanced-search form. app.py, templates/(about, developers).html -Add `Flask` routes and skeleton files for pages to be developed later. Ref: static/js/index.js -Substitute some verbose `JavaScript` calls with their `jQuery` equivalents.
10 년 전
Add partly styled search bar, fix footer. Add: templates/index.html -Add search bar elements. static/sass/index.sass -Add styling for the search entry bar. Fix: static/sass/main.sass -Fix footer's styling, which lacked a `bottom: 0px` that floored it.
10 년 전
Add advanced-search icon, move title to corner. Add: static/js/index.js -Move `div#title` to the corner of the page when the search bar is `.partly-visible` (ie, results are displayed). templates/index.html, static/(sass/index.sass, img/*.png) -Replace the advanced-search button with a magnifying glass icon.
10 년 전
Add partly styled search bar, fix footer. Add: templates/index.html -Add search bar elements. static/sass/index.sass -Add styling for the search entry bar. Fix: static/sass/main.sass -Fix footer's styling, which lacked a `bottom: 0px` that floored it.
10 년 전
Add advanced-search icon, move title to corner. Add: static/js/index.js -Move `div#title` to the corner of the page when the search bar is `.partly-visible` (ie, results are displayed). templates/index.html, static/(sass/index.sass, img/*.png) -Replace the advanced-search button with a magnifying glass icon.
10 년 전
Add partly styled search bar, fix footer. Add: templates/index.html -Add search bar elements. static/sass/index.sass -Add styling for the search entry bar. Fix: static/sass/main.sass -Fix footer's styling, which lacked a `bottom: 0px` that floored it.
10 년 전
Add search group creation/selection. Add: static/js/index.js -Add advanced-search form search-group logic. -Allow users to create new search groups, and cycle through existing ones. static/templates/index.html -Add search-group count widget, and selection/addition buttons. static/sass/index.sass -Style the various search group elements.
10 년 전
​
Add partly styled search bar, fix footer. Add: templates/index.html -Add search bar elements. static/sass/index.sass -Add styling for the search entry bar. Fix: static/sass/main.sass -Fix footer's styling, which lacked a `bottom: 0px` that floored it.
10 년 전
Add search group creation/selection. Add: static/js/index.js -Add advanced-search form search-group logic. -Allow users to create new search groups, and cycle through existing ones. static/templates/index.html -Add search-group count widget, and selection/addition buttons. static/sass/index.sass -Style the various search group elements.
10 년 전
​
​
​
Add a text logo.
10 년 전
Add search group creation/selection. Add: static/js/index.js -Add advanced-search form search-group logic. -Allow users to create new search groups, and cycle through existing ones. static/templates/index.html -Add search-group count widget, and selection/addition buttons. static/sass/index.sass -Style the various search group elements.
10 년 전
​
Add a text logo.
10 년 전
Add search group creation/selection. Add: static/js/index.js -Add advanced-search form search-group logic. -Allow users to create new search groups, and cycle through existing ones. static/templates/index.html -Add search-group count widget, and selection/addition buttons. static/sass/index.sass -Style the various search group elements.
10 년 전
​
​
​
​
​
Add a text logo.
10 년 전
Add adv-search form, skeleton-pages. Add: templates/index.html -Add compartmental `div` structure for the advanced-search form. static/sass/index.sass -Add layout style rules to the advanced-search form. app.py, templates/(about, developers).html -Add `Flask` routes and skeleton files for pages to be developed later. Ref: static/js/index.js -Substitute some verbose `JavaScript` calls with their `jQuery` equivalents.
10 년 전
Integrate advanced search form with existing UI. Add: static/js/index.js -Add a `jQuery` callback to `fadeIn()` and `fadeOut()` the advanced-search form. templates/index.html, static/sass/index.sass -Add advanced-search form toggling button markup and styling.
10 년 전
​
Add adv-search form, skeleton-pages. Add: templates/index.html -Add compartmental `div` structure for the advanced-search form. static/sass/index.sass -Add layout style rules to the advanced-search form. app.py, templates/(about, developers).html -Add `Flask` routes and skeleton files for pages to be developed later. Ref: static/js/index.js -Substitute some verbose `JavaScript` calls with their `jQuery` equivalents.
10 년 전
​
Integrate advanced search form with existing UI. Add: static/js/index.js -Add a `jQuery` callback to `fadeIn()` and `fadeOut()` the advanced-search form. templates/index.html, static/sass/index.sass -Add advanced-search form toggling button markup and styling.
10 년 전
​
Add adv-search form, skeleton-pages. Add: templates/index.html -Add compartmental `div` structure for the advanced-search form. static/sass/index.sass -Add layout style rules to the advanced-search form. app.py, templates/(about, developers).html -Add `Flask` routes and skeleton files for pages to be developed later. Ref: static/js/index.js -Substitute some verbose `JavaScript` calls with their `jQuery` equivalents.
10 년 전
Simplify form layout. Add: templates/index.html -Simplify form layout: reduce the number of independent adjacent `div`s, and position `label`s above their corresponding `input` elements. static/sass/index.sass -Remove now superfluous positioning rules for the previous layout.
10 년 전
Add advanced-search icon, move title to corner. Add: static/js/index.js -Move `div#title` to the corner of the page when the search bar is `.partly-visible` (ie, results are displayed). templates/index.html, static/(sass/index.sass, img/*.png) -Replace the advanced-search button with a magnifying glass icon.
10 년 전
​
​
Integrate advanced search form with existing UI. Add: static/js/index.js -Add a `jQuery` callback to `fadeIn()` and `fadeOut()` the advanced-search form. templates/index.html, static/sass/index.sass -Add advanced-search form toggling button markup and styling.
10 년 전
​
​
​
Add search group creation/selection. Add: static/js/index.js -Add advanced-search form search-group logic. -Allow users to create new search groups, and cycle through existing ones. static/templates/index.html -Add search-group count widget, and selection/addition buttons. static/sass/index.sass -Style the various search group elements.
10 년 전
Add advanced-search icon, move title to corner. Add: static/js/index.js -Move `div#title` to the corner of the page when the search bar is `.partly-visible` (ie, results are displayed). templates/index.html, static/(sass/index.sass, img/*.png) -Replace the advanced-search button with a magnifying glass icon.
10 년 전
​
​
​
​
​
Integrate advanced search form with existing UI. Add: static/js/index.js -Add a `jQuery` callback to `fadeIn()` and `fadeOut()` the advanced-search form. templates/index.html, static/sass/index.sass -Add advanced-search form toggling button markup and styling.
10 년 전
​
Add advanced-search icon, move title to corner. Add: static/js/index.js -Move `div#title` to the corner of the page when the search bar is `.partly-visible` (ie, results are displayed). templates/index.html, static/(sass/index.sass, img/*.png) -Replace the advanced-search button with a magnifying glass icon.
10 년 전
​
​
​
​
​
​
​
Integrate advanced search form with existing UI. Add: static/js/index.js -Add a `jQuery` callback to `fadeIn()` and `fadeOut()` the advanced-search form. templates/index.html, static/sass/index.sass -Add advanced-search form toggling button markup and styling.
10 년 전
Add advanced-search icon, move title to corner. Add: static/js/index.js -Move `div#title` to the corner of the page when the search bar is `.partly-visible` (ie, results are displayed). templates/index.html, static/(sass/index.sass, img/*.png) -Replace the advanced-search button with a magnifying glass icon.
10 년 전
​
​
​
​
Add adv-search form, skeleton-pages. Add: templates/index.html -Add compartmental `div` structure for the advanced-search form. static/sass/index.sass -Add layout style rules to the advanced-search form. app.py, templates/(about, developers).html -Add `Flask` routes and skeleton files for pages to be developed later. Ref: static/js/index.js -Substitute some verbose `JavaScript` calls with their `jQuery` equivalents.
10 년 전
​
Style the sidebar; prepare for CSS onclick. Add: static/sass/index.sass -Style `div#sidebar` contents.
10 년 전
​
Replace old advanced search form with new skeleton. Add: static/js/index.js -Add header comments to existing search-group manipulation functions. static/sass/index.sass -Remove style rules for the old advanced search form. templates/index.html -Add element tree for new search form.
10 년 전
Add adv-search form, skeleton-pages. Add: templates/index.html -Add compartmental `div` structure for the advanced-search form. static/sass/index.sass -Add layout style rules to the advanced-search form. app.py, templates/(about, developers).html -Add `Flask` routes and skeleton files for pages to be developed later. Ref: static/js/index.js -Substitute some verbose `JavaScript` calls with their `jQuery` equivalents.
10 년 전
​
​
Simplify form layout. Add: templates/index.html -Simplify form layout: reduce the number of independent adjacent `div`s, and position `label`s above their corresponding `input` elements. static/sass/index.sass -Remove now superfluous positioning rules for the previous layout.
10 년 전
​
Replace old advanced search form with new skeleton. Add: static/js/index.js -Add header comments to existing search-group manipulation functions. static/sass/index.sass -Remove style rules for the old advanced search form. templates/index.html -Add element tree for new search form.
10 년 전
Add adv-search form, skeleton-pages. Add: templates/index.html -Add compartmental `div` structure for the advanced-search form. static/sass/index.sass -Add layout style rules to the advanced-search form. app.py, templates/(about, developers).html -Add `Flask` routes and skeleton files for pages to be developed later. Ref: static/js/index.js -Substitute some verbose `JavaScript` calls with their `jQuery` equivalents.
10 년 전
Add transition when user types, results styling. Add: static/js/index.js -Add conditional to prevent a search from being triggered when a non-character key combination (ie, `up`, `down`, `ctrl-c`) was entered. -Add `queryServer()`, currently only for testing purposes (it populates `div#results` with randomized content). -Add documentation comments to all functions. static/sass/index.sass -Add different styling to the `#search-field` whenever results are visible (in other words, at any point after a query has been executed).
10 년 전
Replace old advanced search form with new skeleton. Add: static/js/index.js -Add header comments to existing search-group manipulation functions. static/sass/index.sass -Remove style rules for the old advanced search form. templates/index.html -Add element tree for new search form.
10 년 전
Style the sidebar; prepare for CSS onclick. Add: static/sass/index.sass -Style `div#sidebar` contents.
10 년 전
Add checkbox-hack menu selection transitions. Add: templates/index.html, static/sass/index.sass -Add pure CSS styling for "clicked" buttons, using the checkbox hack.
10 년 전
Style the sidebar; prepare for CSS onclick. Add: static/sass/index.sass -Style `div#sidebar` contents.
10 년 전
​
​
Add checkbox-hack menu selection transitions. Add: templates/index.html, static/sass/index.sass -Add pure CSS styling for "clicked" buttons, using the checkbox hack.
10 년 전
Style the sidebar; prepare for CSS onclick. Add: static/sass/index.sass -Style `div#sidebar` contents.
10 년 전
​
​
​
​
​
​
​
Add checkbox-hack menu selection transitions. Add: templates/index.html, static/sass/index.sass -Add pure CSS styling for "clicked" buttons, using the checkbox hack.
10 년 전
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
Style the sidebar; prepare for CSS onclick. Add: static/sass/index.sass -Style `div#sidebar` contents.
10 년 전
Add checkbox-hack menu selection transitions. Add: templates/index.html, static/sass/index.sass -Add pure CSS styling for "clicked" buttons, using the checkbox hack.
10 년 전
​
Style the sidebar; prepare for CSS onclick. Add: static/sass/index.sass -Style `div#sidebar` contents.
10 년 전
Add checkbox-hack menu selection transitions. Add: templates/index.html, static/sass/index.sass -Add pure CSS styling for "clicked" buttons, using the checkbox hack.
10 년 전
​
Style the sidebar; prepare for CSS onclick. Add: static/sass/index.sass -Style `div#sidebar` contents.
10 년 전
Add checkbox-hack menu selection transitions. Add: templates/index.html, static/sass/index.sass -Add pure CSS styling for "clicked" buttons, using the checkbox hack.
10 년 전
​
​
Style the sidebar; prepare for CSS onclick. Add: static/sass/index.sass -Style `div#sidebar` contents.
10 년 전
Replace old advanced search form with new skeleton. Add: static/js/index.js -Add header comments to existing search-group manipulation functions. static/sass/index.sass -Remove style rules for the old advanced search form. templates/index.html -Add element tree for new search form.
10 년 전
​
Add checkbox-hack menu selection transitions. Add: templates/index.html, static/sass/index.sass -Add pure CSS styling for "clicked" buttons, using the checkbox hack.
10 년 전
Add advanced-search icon, move title to corner. Add: static/js/index.js -Move `div#title` to the corner of the page when the search bar is `.partly-visible` (ie, results are displayed). templates/index.html, static/(sass/index.sass, img/*.png) -Replace the advanced-search button with a magnifying glass icon.
10 년 전
Add transition when user types, results styling. Add: static/js/index.js -Add conditional to prevent a search from being triggered when a non-character key combination (ie, `up`, `down`, `ctrl-c`) was entered. -Add `queryServer()`, currently only for testing purposes (it populates `div#results` with randomized content). -Add documentation comments to all functions. static/sass/index.sass -Add different styling to the `#search-field` whenever results are visible (in other words, at any point after a query has been executed).
10 년 전
Add advanced-search icon, move title to corner. Add: static/js/index.js -Move `div#title` to the corner of the page when the search bar is `.partly-visible` (ie, results are displayed). templates/index.html, static/(sass/index.sass, img/*.png) -Replace the advanced-search button with a magnifying glass icon.
10 년 전
​
​
​
Add transition when user types, results styling. Add: static/js/index.js -Add conditional to prevent a search from being triggered when a non-character key combination (ie, `up`, `down`, `ctrl-c`) was entered. -Add `queryServer()`, currently only for testing purposes (it populates `div#results` with randomized content). -Add documentation comments to all functions. static/sass/index.sass -Add different styling to the `#search-field` whenever results are visible (in other words, at any point after a query has been executed).
10 년 전
​
Add advanced-search icon, move title to corner. Add: static/js/index.js -Move `div#title` to the corner of the page when the search bar is `.partly-visible` (ie, results are displayed). templates/index.html, static/(sass/index.sass, img/*.png) -Replace the advanced-search button with a magnifying glass icon.
10 년 전
​
​
​
​
​
​
​
​
​
​
​
Add transition when user types, results styling. Add: static/js/index.js -Add conditional to prevent a search from being triggered when a non-character key combination (ie, `up`, `down`, `ctrl-c`) was entered. -Add `queryServer()`, currently only for testing purposes (it populates `div#results` with randomized content). -Add documentation comments to all functions. static/sass/index.sass -Add different styling to the `#search-field` whenever results are visible (in other words, at any point after a query has been executed).
10 년 전
​
Add advanced-search icon, move title to corner. Add: static/js/index.js -Move `div#title` to the corner of the page when the search bar is `.partly-visible` (ie, results are displayed). templates/index.html, static/(sass/index.sass, img/*.png) -Replace the advanced-search button with a magnifying glass icon.
10 년 전
Add transition when user types, results styling. Add: static/js/index.js -Add conditional to prevent a search from being triggered when a non-character key combination (ie, `up`, `down`, `ctrl-c`) was entered. -Add `queryServer()`, currently only for testing purposes (it populates `div#results` with randomized content). -Add documentation comments to all functions. static/sass/index.sass -Add different styling to the `#search-field` whenever results are visible (in other words, at any point after a query has been executed).
10 년 전
​
​
Add results animation, more content to index.js. Add: static/js/index.js -Add `populateResults()`, to distinguish the addition of results to `div#results` from the retrieval of Codelets from the server itself. -Add `clearResults()` for convenience. static/sass/index.sass -Add `.cascade`, to provide new `div.result` elements with a downwards-cascading animation.
10 년 전
​
​
​
​
​
​
​
Add jQuery; infinite scrolling to results. Add: static/js/index.js -Add new results to the results `div` whenever the user scrolls to the bottom of the page.
10 년 전
​
Add results animation, more content to index.js. Add: static/js/index.js -Add `populateResults()`, to distinguish the addition of results to `div#results` from the retrieval of Codelets from the server itself. -Add `clearResults()` for convenience. static/sass/index.sass -Add `.cascade`, to provide new `div.result` elements with a downwards-cascading animation.
10 년 전
 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210 
  1. /*

  2.  Stylesheet for index.html.

  3.  */

  4. 

  5. @import mixins

  6. @import variables

  7. 

  8. .ui-datepicker

  9.     font-size: 70%

  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.     right: 0

  50.     position: absolute

  51.     top: 0

  52.     width: 40%

  53. 

  54.     a#title

  55.         text-decoration: none

  56. 

  57.         div#title

  58.             font-size: 400%

  59.             padding-bottom: 0.2em

  60.             text-align: center

  61. 

  62.             #title-bit

  63.                 color: $baseColor1

  64. 

  65.             #title-angle

  66.                 color: $baseColor3

  67. 

  68.             #title-shift

  69.                 color: $baseColor2

  70.                 font-style: italic

  71. 

  72.     form#search-bar

  73.         input[type="text"], button

  74.             @extend .t3

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

  76. 

  77.             border: 1px solid $baseColor2

  78.             font-size: 110%

  79.             margin-bottom: 0px

  80.             padding: 6px

  81. 

  82.         input[type="text"]

  83.             width: 85%

  84. 

  85.             &:hover

  86.                 border-color: $baseColor1

  87. 

  88.         button#advanced-search

  89.             background-color: white

  90.             border: 1px solid white

  91.             width: 15%

  92.             height: 10%

  93.             padding: 0px

  94.             float: right

  95. 

  96.             &.clicked, &:hover

  97.                 img

  98.                     @extend .t3

  99. 

  100.                     background-color: black

  101.                     cursor: pointer

  102. 

  103.             &:focus

  104.                 outline: 0

  105. 

  106.             img

  107.                 background-color: $baseColor2

  108.                 margin-top: 5px

  109.                 width: 26px

  110.                 height: 26px

  111. 

  112.         div#advanced-search

  113.             background-color: white

  114.             border: 1px solid $baseColor3

  115.             padding-top: 0px

  116.             overflow: auto

  117. 

  118.             >div

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

  120. 

  121.                 display: inline-block

  122.                 float: left

  123. 

  124.             #sidebar

  125.                 padding-left: 1%

  126.                 width: 25%

  127. 

  128.                 >div

  129.                     color: $baseColor2

  130.                     font-size: 120%

  131.                     padding-top: 5%

  132. 

  133.                 >ul

  134.                     list-style: none

  135.                     padding-left: 0

  136.                     margin-bottom: 8%

  137.                     margin-top: 2%

  138. 

  139.                     li

  140.                         margin-bottom: 2%

  141. 

  142.                         label

  143.                             user-select: none

  144. 

  145.                             div

  146.                                 @extend .t3

  147. 

  148.                                 background-color: #F1F1F1

  149.                                 border: none

  150.                                 font-size: 96%

  151.                                 padding: 3%

  152.                                 width: 85%

  153. 

  154.                                 &:hover, &.selectedInputField

  155.                                     @extend .t3

  156. 

  157.                                     background-color: $baseColor2

  158.                                     color: white

  159.                                     width: 90%

  160. 

  161.                         input[type="checkbox"]

  162.                             display: none

  163. 

  164.                             &:checked + label > div

  165.                                 @extend .selectedInputField

  166. 

  167.                                 background-color: $baseColor1

  168.                                 color: white

  169.                                 width: 90%

  170. 

  171.             #search-groups

  172.                 background-color: blue

  173.                 width: 75%

  174. 

  175.     &.partly-visible

  176.         margin-top: 0%

  177.         padding-bottom: 3%

  178.         position: absolute

  179.         width: 100%

  180. 

  181.         #title

  182.             position: absolute

  183.             top: -1%

  184.             left: 1%

  185. 

  186.             span

  187.                 font-size: 50%

  188. 

  189.         form#search-bar

  190.             padding-top: 3%

  191.             margin-left: auto

  192.             margin-right: auto

  193.             width: 60%

  194. 

  195. div#results

  196.     margin: 3% auto 0 auto

  197.     margin-left: auto

  198.     margin-right: auto

  199.     width: 80%

  200. 

  201.     div.result

  202.         background-color: #F8F8F8

  203.         margin-bottom: 10%

  204.         margin-top: 1%

  205.         padding: 1%

  206. 

  207.         &.cascade

  208.             @extend .t3

  209. 

  210.             margin-bottom: 0%