@bwidth: 950px; #search-template{ section.body{ padding-bottom: 15px; box-shadow: 0 100px 15px -95px black; & > header{ background: #999999; filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#343434', endColorstr='#999999'); background: -webkit-linear-gradient(to bottom, #353535 0%,#999999 100%); background: -moz-linear-gradient(to bottom, #353535 0%,#999999 100%); background: -o-linear-gradient(to bottom, #353535 0%,#999999 100%); background: -ms-linear-gradient(to bottom, #353535 0%,#999999 100%); background: linear-gradient(to bottom, #353535 0%,#999999 100%); width: @bwidth - (01px + 06px); border: solid 01px #4e4e4e; border-bottom: none; color: white; border-radius: 05px 05px 0 0; padding-left: 03px; padding-right: 03px; font-size: 12px; font-family: "franklin-gothic-urw-cond"; section.search-crit{ width: 470px; border-right: solid 02px #5b5b5b; li{ margin-bottom: 10px; } } section{ h3{ text-transform: uppercase; margin-top: 03px; margin-bottom: 03px; font-style: italic; } ul.boxedList{ list-style: none; > li{ padding: 04px; border: solid 01px; border-top-color: #bfbfbf; border-left-color: #dfdfdf; border-right-color: #dedede; border-bottom-color: white; box-shadow: 01px 01px 01px #9e9e9e inset; position: relative; float: left; margin-right: 10px; cursor: pointer; span.type{ text-transform: uppercase; } &.0pxoveable{ &:after{ content: 'X'; padding-left: 05px; font-weight: bold; } } } } nav{ > ul > li{ text-align: center; text-transform: uppercase; padding-left: 00px; padding-right: 10px !important; width: 52px; background-image: url( search/nav-arrow.png ); background-repeat: no-repeat; background-position: 56px center; position: relative; &:hover, &.hover{ background-image: url(/assets/styles/shared/header/arrow-icon-top-hover.png); background-position: 55px center; background-color: #001037; border-color: #001037; box-shadow: none; color: #00aeef; ul{ display: block; } } ul{ display: none; position: absolute; list-style: none; background-color: #001037; top: 20px; padding: 08px; border-radius: 0 0 05px 05px; z-index: 1250; font-family: "pragmatica-web"; font-weight: 400; line-height: 14px; li{ float: left; text-transform: none; color: #bfbfbf; text-align: left; &:hover, &.hover{ color: #ddbc38; } } &.discipline{ left: -240px; width: 520px; li{ width: 260px; } } &.date{ left: -140px; } &.location{ left: -50px; width: 150px; li{ width: 150px; } } &.level{ left: -50px; width: 101px; li{ width: 100px; } } &.format{ left: -40px; width: 121px; li{ width: 120px; } } } &:last-child{ margin-right: 00px; } } } &.search-refine{ text-align: left; width: 468px; padding-left: 03px; margin-top: 02px; } } }//& > header section.content{ margin: 05px; margin-top: 11px; } section.search-results{ font-size: 12px; section.type{ float: left; .icon{ background-image: url(/assets/styles/search/view-types.png); background-size: 32px 36px; height: 18px; width: 16px; margin-left: 01px; margin-right: 06px; float: left; } .list{ cursor: pointer; .text{ border-right: solid 02px #c2c2c2; padding-right: 06px; } .icon{ background-position: 00px 18px; } &.selected{ cursor: auto; .icon{ background-position: 00px 00px; } } } .calendar{ cursor: pointer; margin-left: 10px; .icon{ background-position: 16px 18px; } &.selected{ cursor: auto; .icon{ background-position: 16px 00px; } } } .text{ margin-top: 05px; float: left; height: 11px; } } section.discipline{ float: left; width: 180px; margin-left: 100px; margin-top: 05px; > a{ color: #003366; } // .text{ // margin-top: 05px; // float: left; // height: 11px; // } } section.showing{ margin-left: 70px; float: left; .limited{ float: left; padding-right: 06px; } .all{ float: left; margin-left: 06px; } } section.pages{ margin-left: 100px; float: left; width:100px; .pagelist{ float: right; width: 68px; > div{ float: left; &.pagenum{ margin-left: 10px; cursor: pointer; &:hover{ text-decoration: underline; } } } } } .selection{ color: #999999; &.selected{ color: #003366; } } } section.results{ padding-bottom: 13px; border-bottom: solid 01px #b4b4b4; margin-top: 09px; border-top: solid 01px #b4b4b4; padding-top: 10px; margin-bottom: 21px; font-size: 12px; text-align: left; > header{ font-size: 16px; font-weight: bold; text-align: center; } a{ color: black; &:hover, &.hover{ color: #ddbc38; } } table.calendarview{ border-top: solid 10px #b8b8b8; thead{ tr{ th:first-child{ border-left: none; color: #003366; font-size: 18px; vertical-align: bottom; padding-left: 10px; width: 448px; text-align: left; font-weight: bold; } th{ border-bottom: solid 01px #b4b4b4; border-left: solid 01px #b4b4b4; text-align: center; font-weight: normal; font-size: 10px; padding: 01px; padding-top: 05px; padding-bottom: 05px; line-height: 12px; &.sunday{ border-left: solid 01px black; } div{ width: 10px; } } } } tbody{ tr:nth-child(odd){ td{ background-color: white; } } tr:nth-child(even){ td{ background-color: #e7e7e7; } } tr{ td:first-child{ border-left: none; padding-left: 10px; } td:last-child{ padding-left: 05px; padding-right: 05px; } td{ border-left: solid 01px #b4b4b4; font-weight: normal; font-size: 12px; padding-top: 02px; padding-bottom: 02px; &.sunday{ border-left: solid 01px black; } div{ padding-top: 08px; padding-bottom: 08px; &.hasday{ background-color: #003366; } } } } } } table.listview{ width: 940px; thead tr{ padding-bottom: 08px; border-bottom: solid 01px #b4b4b4; } th{ font-family: "franklin-gothic-urw-cond"; text-transform: uppercase; color: #969696; cursor: pointer; font-weight: 400; > div{ border: solid 01px #c8c8c8; box-shadow: 01px 01px 01px #e9e9e9 inset; padding: 03px 04px; margin-left: 10px; height: 12px; margin-bottom: 10px; &.icon{ box-shadow: none; margin-left: 01px; border: none; padding: 0; img{ vertical-align: bottom; margin-bottom: -04px; } } > span { background-image: url(/assets/styles/search/sort-field-off.png); background-repeat: no-repeat; background-position: right center; display: block; } } &.orderby{ > div{ color: black; cursor: auto; > span{ background-image: url(/assets/styles/search/sort-field-on.png); } } } &:first-child{ > div{ margin-left: 00px; } } &.hidden{ border: none; box-shadow: none; } } tbody{ tr:nth-child(odd){ td{ background-color: white; } } tr:nth-child(even){ td{ background-color: #e7e7e7; } } tr{ td{ padding-left: 15px; padding-bottom: 10px; &:first-child{ padding-left: 05px; } &.icon{ padding-left: 07px; } } } } } } } }