dl.EventContact {
margin-bottom: 1em;
margin-left: 0;
}
dl.EventContact dt {
}
dl.EventContact dd {
margin-left: 2em;
}
div.CDResourceList {
height: 16em;
padding-right: 1em;
padding-left: 1em;
overflow-y: scroll;
overflow-x: hidden;
}
.EventTitle {
clear: left;
margin-top: 0.5em;
margin-bottom: 0.5em;
font-weight: bold;
}
p.EventLink {
margin: 1em;
}
a.EventLink {
display: inline-block;
max-width: 50ex;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
a.EventLink:hover {
max-width: auto;
white-space: wrap;
display: inline;
}
.EventTimeBanner {
clear: left;
font-size: large;
font-variant: small-caps;
font-weight: bold;
margin-bottom: 1em;
margin-top: 1em;
}
p + .EventTimeBanner {
padding-top: 1em;
border-top: 3px solid;
}
.EventDescription {
clear: left;
margin-top: 1em;
}
.EventDescription img {
max-width: 100%;
margin-bottom: 0;
margin-right: 1em;
padding: 10px;
}
.EventAttachment {
float: left;
}
.EventAttachment p {
max-width: 30ex;
}
/*
DL for the simple events list.
*/
dl.EventSimpleList {
margin-left: 0;
}
dl.EventSimpleList dt {
font-weight: bold;
margin-top: 1em;
}
dl.EventSimpleList dd {
margin-left: 1em;
margin-top: 1em;
}
dl.EventSimpleList dd:not([data-busy="true"]){
cursor: pointer;
}
.DateBanner {
display: none;
font-size: large;
}
dl.cd_resource_list {
float: left;
margin-right: 1em;
margin-bottom: 1em;
}
dl.cd_resource_list dt {
font-weight: bold;
}
/*
Mini-Calendar Styling.
*/
table.cd-calendar {
width: 100%;
border: 1px solid;
border-collapse: collapse;
}
table.cd-calendar caption {
font-size: large;
padding-bottom: 0.3em;
}
table.cd-calendar td,
table.cd-calendar th {
border: 1px solid;
text-align: center;
font-size: medium;
padding-top: 0.1em;
padding-bottom: 0.1em;
}
table.cd-calendar#wp-calendar td#prev,
table.cd-calendar#wp-calendar td#next {
text-align: center;
font-size: medium;
cursor: pointer;
}
table.cd-calendar#wp-calendar td a[data-day]{
font-weight: bold;
cursor: pointer;
text-decoration: none;
}
.widget_calendar a.CDSelectedDay {
color: red;
}
/*
Responsive full-sized calendar
*/
table.CDCalendar th,table.CDCalendar td, tr.CDNavigationRow th{
font-size: x-small;
width: 14.2%;
}
table.CDCalendar caption{
font-size: x-large;
}
img.CDNavIcon {
height: 24px;
width: 24px;
cursor: pointer;
}
.CDShortDow {
display: none;
}
table.CDCalendar,
.CDNavigationRow th {
border: none;
}
.CDSLTimeLabel,
.CDTimeLabel {
/*
CDSLTimeLabel is the time label in simple lists, and
CDTimeLabel is the time label for the responsive calendar.
*/
text-transform: lowercase;
font-size: small;
font-weight: bold;
}
.CDCalendar .CDEventTitle {
font-size: small;
font-weight: normal;
}
.CDCalendar .CDEventTitle:not([data-busy="true"]) {
cursor: pointer;
}
table.CDCalendar {
width: 100%;
border-collapse: collapse;
}
table.CDCalendar td {
padding-left: 8px;
}
th.CDNavPrevious {
text-align: left;
padding-left: 0.5em;
padding-top: 0.5em;
}
th.CDNavNext {
text-align: right;
padding-top: 0.5em;
padding-right: 0.5em;
}
.NonWrappingTable {
table-layout: fixed;
white-space: nowrap;
}
.NonWrappingTable td {
overflow: hidden;
}
.CDDayRow td {
vertical-align: top;
height: 100px;
border: 1px solid;
}
.CDDayHeadRow th {
border: 1px solid;
padding-left: 0.25em;
}
td.CDOffDays {
background-color: #e8e8e8;
}
td.CDToday {
}
.CDDayNumeral {
font-size: large;
font-weight: bold;
}
.CDnon-wrapping {
white-space: nowrap;
}
label.CDnon-wrapping {
margin-right: 1.5em;
display: inline-block;
}
@media screen and ( min-width: 601px ){
input[type='text'].CDMobile,
.CDMobile {
display: none;
}
}
@media screen and ( max-width: 600px ) {
/*
These are definitions for responsive
behavior. The break-point at 600px is
arbitrary.
*/
input[type='text'].CDNonMobile,
.CDNonMobile {
display: none;
}
.EventTimeBanner {
font-size: medium;
}
table.CDCalendar caption,
.CDDayNumeral {
font-size: small;
font-weight: normal;
}
.CDDayNumeral.Clickable {
cursor: pointer;
font-weight: bold;
text-decoration: underline;
}
tr.CDDayHeadRow th {
text-align: center;
}
tr.CDDayRow td {
/*
For the responsive mini-calendar, right align the numerals.
*/
text-align: right;
padding-right: 1.4em;
}
.CDDayRow td {
height: 0px;
}
.CDCalendar .CDEventTitle,
.CDCalendar .CDTimeLabel,
.CDFilter,
.CDFullDow,
.EventLink,
.EventDescription,
.EventLocationName,
.EventLocationAddress,
.EventContact,
.EventAttachment,
.addthis_inline_share_toolbox,
dl.cd_resource_list {
/*
For the detailed list of events
widget/short code, don't display
these elements.
*/
display: none;
}
.CDShortDow,
div.CDDisplayAlways .EventLink,
div.CDDisplayAlways .EventDescription,
div.CDDisplayAlways .EventLocationName,
div.CDDisplayAlways .EventLocationAddress,
div.CDDisplayAlways .EventContact,
div.CDDisplayAlways dl.cd_resource_list,
div.CDDisplayAlways .EventAttachment,
div.CDDisplayAlways .CDiCalendarLink,
div.CDDisplayAlways .addthis_inline_share_toolbox {
/*
If these elements are contained in a div
of class CDDisplayAlways, set display to
block. This covers the elements when they're
displayed in a dialog box.
*/
display: block;
}
.CDMinimalUIClickableTitle {
display: block;
text-decoration: underline;
cursor: pointer;
}
div.CDDisplayAlways .CDMinimalUIClickableTitle {
text-decoration: none;
cursor: default;
}
img.CDNavIcon {
height: 16px;
width: 16px;
}
}
@media print {
.CDFilter,
.CDNavigationRow {
display: none;
}
}
#CDailyAddEventsForm input[type='date'] {
width: 14em;
}
#CDailyAddEventsForm input[type='time']{
width: 10em;
}
#CDailyAddEventsForm input[type='number']{
width: 7ex;
}
#CDailyAddEventsForm select,
#CDailyAddEventsForm textarea,
#CDailyAddEventsForm input {
max-width: 90%;
}
#CDailyAddEventsForm input[type='text'],
#CDailyAddEventsForm input[type='url'],
#CDailyAddEventsForm textarea {
width: 70ex;
}
.CDFilter {
border: 1px solid #D8D8D8;
padding: 0.5em;
width: 100%;
}
.CDFilter label {
font-size: smaller;
}
.CDFilter label[data-style_id] {
padding: 0.3em;
margin-top: 0.2em;
}
.CDFilter legend[data-expandable="1"] {
cursor: pointer;
}
input[name="CDSearchText"][type="search"] {
background-repeat: no-repeat;
background-position: right 20px center;
width: 100%;
}
.ResourceQuantity {
display: block;
margin-left: 2em;
}
.ResourceQuantity.Unselected {
display: none;
}
#CDailyAddEventsForm label.ResourceQuantity input[type="number"] {
width: 4em;
}