|
123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109 |
- /*
- Stylesheet for index.html.
- */
-
- @import mixins
- @import variables
-
- div#search-field
- @extend .t2
-
- bottom: 0
- height: 50%
- left: 0
- margin: auto
- margin-top: 15%
- max-height: 100px
- position: absolute
- right: 0
- top: 0
- width: 34%
-
- #title
- font-size: 4em
- padding-bottom: 0.5em
- text-align: center
-
- #title-bit
- color: $baseColor1
-
- #title-angle
- color: $baseColor3
-
- #title-shift
- color: $baseColor2
- font-style: italic
-
- form#search-bar
-
- input[type="text"]
- @include vendor(box-sizing, border-box)
-
- border: 1px solid $baseColor1
- font-size: 1.1em
- margin-bottom: 0px
- padding: 6px
- width: 100%
-
- div#advanced-search
- background-color: white
- border: 1px solid $baseColor2
- margin: 0px
- overflow: auto
-
- >div
- @include vendor(box-sizing, border-box)
-
- float: left
- height: 100%
-
- >#col1
- width: 10%
-
- >#col2
- width: 84%
-
- ul
- list-style: none
-
- li
- margin-bottom: 0.5em
-
- label
- display: block
- font-size: 1.1em
-
- input[type="text"]
- border-color: $baseColor3
- font-size: 1em
- padding: 2px
- width: 100%
-
- #upper-half
- >div
- float: left
- width: 50%
-
- &.partly-visible
- height: 1%
- margin-top: 3%
- width: 60%
-
- #title
- display: none
-
- div#results
- margin-left: auto
- margin-right: auto
- width: 80%
-
- div.result
- background-color: #F8F8F8
- margin-bottom: 10%
- margin-top: 1%
- padding: 1%
-
- &.cascade
- @extend .t3
-
- margin-bottom: 0%
|