/* 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: 3px width: 100% div#advanced-search background-color: white border: 1px solid $baseColor2 margin: 0px overflow: auto >div float: left height: 100% >#col1 background-color: red width: 10% >#col2 background-color: yellow width: 15% >#col3 background-color: blue width: 75% div width: 100% #upper-half background-color: brown div float: left height: 100% #col1 background-color: red width: 40% #col2 background-color: magenta width: 20% #col3 background-color: pink width: 40% #lower-half background-color: purple input[type="text"] border-color: $baseColor3 font-size: 1em width: 30% &.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%