/* * jQuery UI Datepicker * http://jqueryui.com * * Copyright 2013 jQuery Foundation and other contributors * Released under the MIT license. * http://jquery.org/license * * http://docs.jquery.com/UI/Datepicker#theming */ .ui-datepicker { width: 17em; padding: .2em .3em 0; display: none; background: #fff; background: rgba(255, 255, 255, 0.95); border: 1px solid #ddd; box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); outline: none; z-index: 10001; } .ui-datepicker .ui-datepicker-header { position: relative; padding: .2em 0; } .ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position: absolute; top: 2px; width: 1.8em; height: 1.8em; } .ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover { top: 1px; } .ui-datepicker .ui-datepicker-prev { left: 2px; } .ui-datepicker .ui-datepicker-next { right: 10px; } .ui-datepicker .ui-datepicker-prev-hover { left: 1px; } .ui-datepicker .ui-datepicker-next-hover { right: 9px; } .ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display: block; position: absolute; left: 50%; margin-left: -8px; top: 50%; margin-top: -8px; } .ui-datepicker .ui-datepicker-title { margin: 0 2.3em; line-height: 1.8em; text-align: center; } .ui-datepicker .ui-datepicker-title select { font-size: 1em; margin: 1px 0; } .ui-datepicker select.ui-datepicker-month-year { width: 100%; } .ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year { width: 49%; } .ui-datepicker table { width: 100%; font-size: .9em; border-collapse: collapse; margin: 0 0 .4em; } .ui-datepicker th { padding: .7em .3em; text-align: center; font-weight: bold; border: 0; } .ui-datepicker td { border: 0; padding: 1px; } .ui-datepicker td span, .ui-datepicker td a { display: block; padding: .2em; text-align: right; text-decoration: none; } .ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: .7em 0 0 0; padding: 0 .2em; border-left: 0; border-right: 0; border-bottom: 0; } .ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width: auto; overflow: visible; } .ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float: left; } /* with multiple calendars */ .ui-datepicker.ui-datepicker-multi { width: auto; } .ui-datepicker-multi .ui-datepicker-group { float: left; } .ui-datepicker-multi .ui-datepicker-group table { width: 95%; margin: 0 auto .4em; } .ui-datepicker-multi-2 .ui-datepicker-group { width: 50%; } .ui-datepicker-multi-3 .ui-datepicker-group { width: 33.3%; } .ui-datepicker-multi-4 .ui-datepicker-group { width: 25%; } .ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header, .ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header { border-left-width: 0; } .ui-datepicker-multi .ui-datepicker-buttonpane { clear: left; } .ui-datepicker-row-break { clear: both; width: 100%; font-size: 0; } /* RTL support */ .ui-datepicker-rtl { direction: rtl; } .ui-datepicker-rtl .ui-datepicker-prev { right: 2px; left: auto; } .ui-datepicker-rtl .ui-datepicker-next { left: 2px; right: auto; } .ui-datepicker-rtl .ui-datepicker-prev:hover { right: 1px; left: auto; } .ui-datepicker-rtl .ui-datepicker-next:hover { left: 1px; right: auto; } .ui-datepicker-rtl .ui-datepicker-buttonpane { clear: right; } .ui-datepicker-rtl .ui-datepicker-buttonpane button { float: left; } .ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current, .ui-datepicker-rtl .ui-datepicker-group { float: right; } .ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header, .ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header { border-right-width: 0; border-left-width: 1px; } .DateTile { display: block; float: left; width: 40px; text-align: center; margin: 2px 10px 0 0; padding: 4px 0 3px; line-height: 1.1; background-color: #333; color: #fff; } .DateTile .Month { display: block; font-size: 10px; text-transform: uppercase; } .DateTile .Day { font-size: 18px; display: block; } .EmptyMessage { text-align: center; margin: 20px auto; } .Event.add .DatePicker, .Event.edit .DatePicker { display: inline-block; width: 120px; } .Event.add .TimePicker, .Event.edit .TimePicker { display: inline-block; width: 120px; } .Event.add .Group.Card h3, .Event.edit .Group.Card h3 { margin: 0px; } .Event.add .Group.Card .Group-Description, .Event.edit .Group.Card .Group-Description { display: none; } .Event.add .Group.Card .Card-Icon, .Event.edit .Group.Card .Card-Icon { width: 48px; height: 48px; margin-bottom: 0px; } .Event.add .EventTime .P > div, .Event.edit .EventTime .P > div { display: inline-block; } .Event.add .EventTime .To, .Event.edit .EventTime .To { display: none; } .Event.add .EventTime .Timezone, .Event.edit .EventTime .Timezone { display: inline-block; } .Event.add .EventTime .EndTime, .Event.edit .EventTime .EndTime { margin-left: 20px; } .Event.add .EventTime label, .Event.edit .EventTime label { display: none; width: 50px; } .Event.add .EventTime label.When, .Event.edit .EventTime label.When { display: inline-block; } .Event.add .EventTime .Timebased, .Event.edit .EventTime .Timebased { display: none !important; } .Event.add .EventTime .Timezone select, .Event.edit .EventTime .Timezone select { position: absolute; visibility: hidden; top: 16px; } .Event.add .EventTime .Timezone .EventTimezoneDisplay, .Event.edit .EventTime .Timezone .EventTimezoneDisplay { cursor: pointer; } .Event.add .EventTime .Timezone .EventTimezoneDisplay:hover, .Event.edit .EventTime .Timezone .EventTimezoneDisplay:hover { text-decoration: underline; } .Event.add .EventTime.Times .Timebased, .Event.edit .EventTime.Times .Timebased { display: inline-block !important; } .Event.add .EventTime.Both .To, .Event.edit .EventTime.Both .To { display: block; } .Event.add .EventTime.Both label, .Event.edit .EventTime.Both label { display: inline-block; } .Event.add .EventTime.Both label.When, .Event.edit .EventTime.Both label.When { display: none; } .Event.add .EventTime.Both .EndTime, .Event.edit .EventTime.Both .EndTime { display: none !important; } .Event.event .EventInfo li { line-height: 1.5em; } .Event.event .EventInfo li span.Label { display: inline-block; font-weight: bold; width: 150px; } .Event.event .EventInfo span.Tag { margin-left: 10px; background: #979797; color: white; font-size: 11px; text-transform: uppercase; } .Event.event .EventInfo span.Tip { color: #979797; font-size: 11px; } .Event.event .EventInfo span.Tip .Timezone { border-bottom: 1px dotted; cursor: pointer; } .Event.event .EventInfo .Body { margin: 20px 0px; } .Event.event .Attending { margin: 0px; } .Event.event .Attendees .AttendeeList { display: block; padding: 2px; } .Event.event .Attendees .AttendeeList h3 { display: block; text-transform: uppercase; font-size: 18px; } .Event.event .Attendees .AttendeeList .PhotoWrap { margin-right: 4px; } .Event-Buttons { margin-top: 10px; float: right; } .Event-Buttons .BigButton, .Event-Buttons .ButtonGroup.Big { display: inline-block; } .Events.events .Cards { margin: 0px; } .Events.events .UpcomingEvents { margin-top: 20px; } .Events.events .UpcomingEvents .Event { margin: 20px 0px; } .Events.events .UpcomingEvents .Event .Event-Title { font-size: 120%; margin: 0px; } .Events.events .UpcomingEvents .Event .Event-Time { font-size: 12px; font-weight: normal; } .Events.events .UpcomingEvents .Event .Event-Location { line-height: 1.2em; } .Box-Events .DataList-Events { padding: 12px 0px; } .Box-Events .DataList-Events :first-child { margin-top: 0px; } .Box-Events .DataList-Events :last-child { margin-bottom: 0px; } .Box-Events .Event { margin: 12px 0px; } .Box-Events .Event .Event-Title { margin-bottom: 0px; } .Box-Events .Event .Event-Time { font-weight: normal; font-size: 12px; } .Box-Events .Event .Event-Location { line-height: 1.2em; } .Box-Events .Event .Event-Description { display: none; } .ui-timepicker-list { overflow-y: auto; height: 150px; width: 6.5em; background: #fff; background: rgba(255, 255, 255, 0.95); border: 1px solid #ddd; margin: 0; padding: 0; list-style: none; box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); outline: none; z-index: 10001; } .ui-timepicker-list.ui-timepicker-with-duration { width: 11em; } .ui-timepicker-duration { margin-left: 5px; color: #888; } .ui-timepicker-list:hover .ui-timepicker-duration { color: #888; } .ui-timepicker-list li { padding: 3px 0 3px 5px; cursor: pointer; white-space: nowrap; color: #000; list-style: none; margin: 0; } .ui-timepicker-list:hover .ui-timepicker-selected { background: #fff; color: #000; } li.ui-timepicker-selected, .ui-timepicker-list li:hover, .ui-timepicker-list:hover .ui-timepicker-selected:hover { background: #1980EC; color: #fff; } li.ui-timepicker-selected .ui-timepicker-duration, .ui-timepicker-list li:hover .ui-timepicker-duration { color: #ccc; } .Groups .PageControls:after { content: ""; display: table; clear: both; } .Groups .DataList .ItemContent { padding-left: 48px; } .Groups .Item .OptionsMenu, .Groups .Item .ButtonGroup { display: inline-block; vertical-align: top; } .Groups .Item .Buttons { padding-top: 0; margin-top: 0; margin-right: 5px; display: inline-block; } .Groups .DataTableWrap { margin-top: 10px; margin-bottom: 10px; } .Groups .DataTableWrap .Excerpt { font-size: 12px; } .Groups .DataTableWrap .Title-Wrapper { margin: 0; } .Groups .DataTableWrap .EventLocation, .Groups .DataTableWrap .EventDate { width: 25%; } .Groups .Group-Discussions .MItem.Category, .Groups .Group-Announcements .MItem.Category { display: none; } .Group-Box .Button-Controls { float: right; } .Group-Box .H { float: left; } .Group-Box .DataList .PhotoWrap { float: left; } .Group-Box .PhotoWrap { display: block; } .Group-Box .Group-Member.UserTile .PhotoWrap { display: inline; } .Group-Box .PhotoGrid .PhotoWrap { display: inline-block; } .Group-Header { margin-bottom: 20px; } .Group-Header:after { content: ""; display: table; clear: both; } .Group-Header .MItem { display: inline-block; } .Group-Header .Meta { font-size: 12px; } .Group-Header .OptionsMenu { display: block; float: right; } .Group-Header .Buttons { float: right; margin-top: 0; margin-right: 5px; } .Group-Header .Dropdown { right: 0; left: auto; } .Group-Box { margin-bottom: 20px; } .Group-Box:after { content: ""; display: table; clear: both; } .Group-Icon { max-width: 100px; max-height: 100px; } .Group-Icon-Big { width: 140px; height: 140px; max-width: 140px; max-height: 140px; border: 3px solid #fff; -moz-box-sizing: border-box; box-sizing: border-box; } .Group-Icon-Big-Wrap { position: relative; float: left; width: 140px; top: -40px; margin: 0 15px 15px 10px; -moz-box-sizing: border-box; box-sizing: border-box; } .Group-Icon-Big-Wrap .ChangePicture { z-index: 3; color: white; -moz-box-sizing: border-box; box-sizing: border-box; } .Group-Icon-Big-Wrap .ChangePicture .icon { display: inline-block; vertical-align: middle; padding-bottom: 2px; font-size: 20px; color: #fff; margin-right: 10px; } .Group-Icon-Big-Wrap .ChangePicture:hover { color: white; } .NoBanner .Group-Icon-Big-Wrap { top: 0; margin-left: 0; } .Group-Title { margin-bottom: 10px; font-size: 36px; line-height: 1; } .NoBanner .Group-Title { padding-top: 5px; } .Group-Description { line-height: 1.4; padding: 5px 0; } .Group-Banner { height: 200px; /* Fluid width centering */ width: 100%; background-size: cover; background-position: center top; background-repeat: no-repeat; margin-bottom: 10px; } .Section-Members .DataList .Item .PhotoWrap { float: left; } .Section-Group .DismissMessage { display: none; } .Section-Post.Groups.edit input[value="Save Thumbnail"] { display: none !important; } .Section-Group #Content .BoxNewDiscussion { display: inline-block; } .group-members-filter-box > .InputBox { display: inline-block; min-width: 200px; width: 50%; margin-right: 5px; vertical-align: middle; } .groupSearch { display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -ms-flex-align: start; align-items: flex-start; max-width: 100%; width: 400px; } .groupSearch form { width: 100%; } .groupSearch.SiteSearch .Button { top: 5px; } .groupSearch-search { display: -ms-flexbox; display: flex; } .groupSearch-text { -ms-flex-positive: 1; flex-grow: 1; } .groupToolbar { margin-top: 12px; margin-bottom: 12px; } /*# sourceMappingURL=groups.css.map */