@charset "UTF-8"; @import "lib/lesshat.less"; @import "lib/breakpoints.less"; @import "lib/colors.less"; @import "lib/fonts.less"; @import "lib/eventicon-embedded.less"; .sans-serif-font() { font-family: "Gotham SSm A", "Gotham SSm B", Verdana, "Verdana Ref", Geneva, Tahoma, "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", "Bitstream Vera Sans", "Liberation Sans", sans-serif; font-weight: 400; font-style: normal; } .clearfix:after { content: " "; /* Older browsers do not support empty content */ visibility: hidden; display: block; height: 0; clear: both; } .wdn-grid-set.reverse > [class*=wdn-col] { float: right; } .wdn-button-small { font-size: 80%; } .tooltip { > div { position: absolute; background-color: var(--bg-light-gray); color: var(--body); box-shadow: 0px 1px 4px RGBA(0,0,0,0.2); padding: 1em .75em; bottom: 160%; left: -91px; width: 200px; text-align: left; z-index: 250; font-size: .8em; } > div:before { background-color: var(--bg-light-gray); content: ""; display: block; width: 15px; height: 15px; position: absolute; bottom: -8px; left: 50%; margin-left: -7px; transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); box-shadow: 0px 0px 4px RGBA(0,0,0,0.25); } > div:after { content:""; height: 12px; width: 40px; background-color: var(--bg-light-gray); display: block; position: absolute; bottom: 0px; left: 50%; margin-left: -24px; } div.close { position: absolute; top: 0; right: 0; padding-right: .5em; font-size: 1.5em; } &.hang-right > div { left: -27px; } &.hang-left > div { left: -37px; } &.hang-right > div:before { left: 34px; margin-left: -7px; } &.hang-right > div:after { left: 34px; margin-left: -24px; } &.hang-left > div:before { left: 166px; margin-left: -7px; } &.hang-left > div:after { left: 166px; margin-left: -24px; } &.hang-below > div:before { top: -8px; bottom: auto; } &.hang-below > div:after { top: 0px; bottom: auto; } &.hang-above { top: -1em; } &.hang-below { bottom: 0; margin-bottom: -8em; } display: none; text-align: center; font-size: 0.85em; line-height: 1.3em; position: absolute; font-size: .8125rem; ul li { margin-bottom: .75em; } span.heading { font-family: "Tungsten A","Tungsten B",HelveticaNeueCondensed,HelveticaNeue-Condensed,"Helvetica Neue Condensed",HelveticaNeueRomanCondensed,HelveticaNeue-Roman-Condensed,"Helvetica Neue Roman Condensed","Arial Narrow",HelveticaNeue,"Helvetica Neue",HelveticaNeueRoman,HelveticaNeue-Roman,"Helvetica Neue Roman",Helvetica,Tahoma,Geneva,Arial,sans-serif; font-size: 1.777em; } p { margin: 0; } &.italic *, .italic { font-style: italic; } } #pagetitle h3 { margin-top: 0; } .dcf-main-content form { fieldset { margin: 0; margin-bottom: 1em; } legend { font-size: 1.5em; margin-top: 0.5em; margin-bottom: 1em; padding-bottom: 0; } &.delete-form, &.inline-form { display: inline; padding: 0; } input { word-wrap: normal; &[disabled] { background: #CCCCCC; } } textarea { resize: vertical; } .helper { font-family: "Gotham SSm A","Gotham SSm B",Verdana,"Verdana Ref",Geneva,Tahoma,"Lucida Grande","Lucida Sans Unicode","Lucida Sans","DejaVu Sans","Bitstream Vera Sans","Liberation Sans",sans-serif; } .offset-field-group { background: @dark-triad; border-radius: .5em; padding: 1em; label { color: @cream; } } } .table-actions { a, button { vertical-align: middle; } } .space-image { background: lighten(@light-triad, 20%); border-radius: 1em; border: 1px solid @dark-triad; padding: 1em; } #notice .message-content a { text-decoration: underline; } label.day-header { width: 20%; display: block; float: left; text-align: center; font-family: "Gotham SSm A","Gotham SSm B",Verdana,"Verdana Ref",Geneva,Tahoma,"Lucida Grande","Lucida Sans Unicode","Lucida Sans","DejaVu Sans","Bitstream Vera Sans","Liberation Sans",sans-serif; } .day-label-container { height: 2.5em; box-shadow: 0px 3px 2px rgba(0, 0, 0, 0.2); position: relative; z-index: 1; background-color: var(--bg-light-gray); padding: .5em 46px 0 10%; @media only screen and (min-width : 900px) {padding: .5em 46px 0 7.5%;} @media only screen and (min-width : 1200px) {padding: .5em 46px 0 5%;} } .calendar { overflow: hidden; width: 100%; } .calendar-container { clear:both; font-family: "Gotham SSm A","Gotham SSm B",Verdana,"Verdana Ref",Geneva,Tahoma,"Lucida Grande","Lucida Sans Unicode","Lucida Sans","DejaVu Sans","Bitstream Vera Sans","Liberation Sans",sans-serif; width: 100%; text-align: center; overflow-y: scroll; overflow-x: hidden; height: 532px; padding: 0 1em 0 0; box-shadow: inset 0px 0px 10px rgba(0, 0, 0, 0.2); .time-labels { font-size: 80%; .calendar-half-hour { padding-right: .1em; position: relative; &, &:nth-child(2n), &:nth-child(2n+1) { border-bottom: none; } &:first-child { border-top: none; } label { display: block; position: relative; top: -.9em; right: .3em; } } text-align: right; float: left; width: 10%; @media only screen and (min-width : 900px) {width: 7.5%;} @media only screen and (min-width : 1200px) {width: 5%;} border-right: solid 1px #d5d5d2; text-align: right; } .calendar-day { .day-chart { position: relative; } vertical-align: bottom; text-align: center; float: left; width: 18%; @media only screen and (min-width : 900px) {width: 18.5%;} @media only screen and (min-width : 1200px) {width: 19%;} border-right: solid 1px #d5d5d2; &:last-child { margin-right: 0; } } .calendar-half-hour { height: 28px; &:nth-child(2n) { border-bottom: 1px solid #c1c0be; } &:nth-child(2n+1) { border-bottom: 1px solid #eae9e6; } &:first-child { border-top: solid 1px #d5d5d2; } } .event-container { position: absolute; width: 100%; z-index: 2; } .event, .reservation { cursor: pointer; text-overflow: ellipsis; color: #fff; background: #137CBD; border-left: 3px solid #2a5875; width: 100%; font-size: 60%; padding: 0.15em .25em; white-space: nowrap; overflow: hidden; box-shadow: 0px 1px 3px RGBA(0,0,0,.3); line-height: 1.5em; font-size: 1em; p { margin: 0; &.eventicon-clock { line-height: 0.25em; font-size: 0.5em; } } &.new-member-orientation { background: #FFFFB8; border-color: darken(#FFFFB8, 50%); } &.free-event { background: #F8F8F8; border-color: darken(#F8F8F8, 50%); color: #454545; } &.machine-training { background: #58CC2F; border-color: darken(#58CC2F, 20%); } &.rsvp-only-event { background: #FFA6F5; border-color: darken(#FFA6F5, 50%); } &.top-overflow { border-top: none; border-top-left-radius: 0px; border-top-right-radius: 0px; } &.bottom-overflow { border-bottom: none; border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; } &.editing { border-style: dashed; } a { color: initial; &:hover { text-decoration: underline; } } &.past { opacity: .5; } } .status { position: absolute; background: gray; width: 100%; opacity: .5; &.closed { background-color: darken(#AAAAAA, 40%) } &.open-without-reservations { background-color: lighten(#137cbd, 30%); } } } .calendar-container.individual-day { background-color: var(--bg-light-gray); border: 1px solid var(--b); .time-labels { width: 15%; @media only screen and (max-width : 600px) {width: 20%;} @media only screen and (min-width : 900px) {width: 10%;} } .calendar-day { width: 80%; @media only screen and (max-width : 600px) {width: 75%;} @media only screen and (min-width : 900px) {width: 85%;} } .day-header { width: 100%; padding: 0.25em 0.75em; } } .event-details { margin-bottom: 1em; padding: 0 23px 1.777em; padding: 0 1.425rem 1.777em; border-top: 5px solid #D00000; background-color: #fff; box-shadow: 0 0 0 1px fadeout(mix(#000, @cream, 92%), 90%); .date-wrapper, .time-wrapper, .location, .contact { display: block; .sans-serif-font(); font-size: 13px; font-size: 0.802rem; &:before { color: @ui05; } } .description { margin: 1em 0 0; padding-top: 1em; border-top: 1px solid mix(#000, @cream, 24%); } } .toolbox, .visual-island { background: var(--bg-light-gray); margin-bottom: 1em; word-wrap: break-word; padding: 0 !important; .tools, .details { padding: 1em; border-left: 1px solid var(--b); border-right: 1px solid var(--b); border-bottom: 1px solid var(--b); &.top-border { border-top: 1px solid var(--b); } } h1, h2, h3, h4, h5, h6, .vi-header{ display: block; font-size: .802em !important; margin: 0; border-bottom: 1px solid var(--b); font-family: "Gotham SSm A","Gotham SSm B",Verdana,"Verdana Ref",Geneva,Tahoma,"Lucida Grande","Lucida Sans Unicode","Lucida Sans","DejaVu Sans","Bitstream Vera Sans","Liberation Sans",sans-serif; width: 100%; background-color: var(--b); padding: 1em; text-transform: uppercase; color:#fff; font-weight: 400; font-style: normal; text-align: center; } p { padding: 0 1em 1em 1em; } ul { padding: 0; padding-left: 1em; margin: 0; a { border-bottom: none; font-family: "Gotham SSm A","Gotham SSm B",Verdana,"Verdana Ref",Geneva,Tahoma,"Lucida Grande","Lucida Sans Unicode","Lucida Sans","DejaVu Sans","Bitstream Vera Sans","Liberation Sans",sans-serif; } } } .event-list { background-color: #eae9e6; font-size: 80%; line-height: 1.4; .center { text-align: center; } tbody tr { min-height: 30px; } ul { padding-left: 0; list-style-type: none; } li { padding: 5px 0; } li:not(:last-child) { border-bottom: 1px solid #999999; } } .date-time-select { padding: 1em; background-color: var(--bg-light-gray); border: 1px solid var(--b); margin-bottom: 0.75em; text-align: center; &.hours { text-align: left; } .wdn-icon-calendar { margin-right: -2.3em; position: relative; z-index: 2; margin-left: 0.8em; } .am_pm { display: inline-block; font-family: "Gotham"; font-size: .75em; margin-left: .75em; } input { padding-left: 2.3em; width: 90%; position: relative; text-align: center; } select { width: 90%; text-align: center; padding: 0; } > * { vertical-align: middle; } } /* for mobile-tablet-ish sizes */ @media (max-width: 767px) { .medium-hidden { display: none; } .medium-block { display: block !important; } .date-time-select { input { width: 100%; } select { width: 30%; text-align: center; } } } .calendar-container { .mCSB_scrollTools { height: 95%; margin-top: 1.5%; } } #nowLine { width: 100%; height: 2px; background-image: linear-gradient(to right,rgba(208, 0, 0, 0.5) 40%,rgba(255,255,255,0) 20%); background-position: top; background-size: 3px 1px; background-repeat: repeat-x; position: absolute; z-index: 1; } #nowArrow { content: ""; position: absolute; height: 10px; width: 12px; background-image: url(/images/time-arrow.svg); left: -7px; margin-top: -5px; background-repeat: no-repeat; z-index: 3; } .wdn_tabs>li { background-color: var(--bg-light-gray); .selected { background-color: var(--bg-tab-selected); } } .wdn_tabs_content { background-color: var(--bg-tabs-panel); border-color: var(--b-tab); }