diff --git a/public/css/add-show.css b/public/css/add-show.css index 8761f4b2a..7bc42bc35 100644 --- a/public/css/add-show.css +++ b/public/css/add-show.css @@ -1,22 +1,99 @@ -#schedule-add-show, -#fullcalendar_show_display { - float: left; -} - -#schedule-add-show { - font-size: 12px; - width: 600px; -} - -#schedule-add-show textarea { - width: 100%; - height: 100px; -} - -#fullcalendar_show_display { - width: 400px; -} - -#schedule-add-show-overlap { - clear: left; -} +#schedule-add-show, +#fullcalendar_show_display { + float: left; +} + +#schedule-add-show { + font-size: 12px; + width: 25%; + min-width:340px; +} + +#schedule-add-show textarea { + width: 99%; + height: 100px; +} + +#fullcalendar_show_display { + width: 60%; +} + +#schedule-add-show-overlap { + clear: left; +} + +#schedule-add-show .ui-tabs-panel { + padding-top: 16px; +} +#schedule-add-show fieldset { + padding:8px; + margin-bottom:8px; +} + +#schedule-add-show dl { + padding:8px; + margin-bottom:8px; + margin:0; + padding:0; + width:100%; +} +#schedule-add-show dd { + padding: 4px 0; + float: left; + font-size: 1.2em; + margin: 0; + padding: 4px 0 4px 15px; +} +#schedule-add-show dt, #schedule-add-show dt.big { + clear: left; + color: #666666; + float: left; + font-size: 1.2em; + font-weight: bold; + margin: 0; + padding: 4px 0; + text-align: left; + min-width:90px; + clear:left; +} +#schedule-add-show dt.big { + min-width:130px; +} +#schedule-add-show dt.block-display, #schedule-add-show dd.block-display { + display:block; + float:none; + margin-left:0; + padding-left:0; +} + +#schedule-add-show dt label { + padding-right:0; +} +.wrapp-label { + padding:0; + height:16px; + display:block; + line-height:18px; +} +label.wrapp-label input[type="checkbox"] { + float:left; + margin:-1px 4px 0 0; +} +#schedule-add-show fieldset { + min-height:70px; +} +#schedule-add-show fieldset dd input[type="checkbox"] { + margin-top:2px; +} +#add_show_day_check-element.block-display { + margin-bottom:15px; + margin-top:7px; +} +#add_show_day_check-element.block-display label.wrapp-label { + font-size:12px; + float:left; + margin-right:5px; +} +#add_show_name-element .input_text { + width:99%; +} \ No newline at end of file diff --git a/public/css/datatables/css/demo_page.css b/public/css/datatables/css/demo_page.css index bee7b0d99..aede410ab 100644 --- a/public/css/datatables/css/demo_page.css +++ b/public/css/datatables/css/demo_page.css @@ -1,93 +1,92 @@ - -/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * - * General page setup - */ -#dt_example { - font: 80%/1.45em "Lucida Grande", Verdana, Arial, Helvetica, sans-serif; - margin: 0; - padding: 0; - color: #333; - background-color: #fff; -} - - -#dt_example #container { - width: 800px; - margin: 30px auto; - padding: 0; -} - - -#dt_example #footer { - margin: 50px auto 0 auto; - padding: 0; -} - -#dt_example #demo { - margin: 30px auto 0 auto; -} - -#dt_example .demo_jui { - margin: 30px auto 0 auto; -} - -#dt_example .big { - font-size: 1.3em; - font-weight: bold; - line-height: 1.6em; - color: #4E6CA3; -} - -#dt_example .spacer { - height: 20px; - clear: both; -} - -#dt_example .clear { - clear: both; -} - -#dt_example pre { - padding: 15px; - background-color: #F5F5F5; - border: 1px solid #CCCCCC; -} - -#dt_example h1 { - margin-top: 2em; - font-size: 1.3em; - font-weight: normal; - line-height: 1.6em; - color: #4E6CA3; - border-bottom: 1px solid #B0BED9; - clear: both; -} - -#dt_example h2 { - font-size: 1.2em; - font-weight: normal; - line-height: 1.6em; - color: #4E6CA3; - clear: both; -} - -#dt_example a { - color: #0063DC; - text-decoration: none; -} - -#dt_example a:hover { - text-decoration: underline; -} - -#dt_example ul { - color: #4E6CA3; -} - -.css_right { - float: right; -} - -.css_left { - float: left; +/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * + * General page setup + */ +#dt_example { + font: 80%/1.45em "Lucida Grande", Verdana, Arial, Helvetica, sans-serif; + margin: 0; + padding: 0; + color: #333; + background-color: #fff; +} + + +#dt_example #container { + width: 800px; + margin: 30px auto; + padding: 0; +} + + +#dt_example #footer { + margin: 50px auto 0 auto; + padding: 0; +} + +#dt_example #demo { + margin: 30px auto 0 auto; +} + +#dt_example .demo_jui { + margin: 30px auto 0 auto; +} + +#dt_example .big { + font-size: 1.3em; + font-weight: bold; + line-height: 1.6em; + color: #4E6CA3; +} + +#dt_example .spacer { + height: 20px; + clear: both; +} + +#dt_example .clear { + clear: both; +} + +#dt_example pre { + padding: 15px; + background-color: #F5F5F5; + border: 1px solid #CCCCCC; +} + +#dt_example h1 { + margin-top: 2em; + font-size: 1.3em; + font-weight: normal; + line-height: 1.6em; + color: #4E6CA3; + border-bottom: 1px solid #B0BED9; + clear: both; +} + +#dt_example h2 { + font-size: 1.2em; + font-weight: normal; + line-height: 1.6em; + color: #4E6CA3; + clear: both; +} + +#dt_example a { + color: #0063DC; + text-decoration: none; +} + +#dt_example a:hover { + text-decoration: underline; +} + +#dt_example ul { + color: #4E6CA3; +} + +.css_right { + float: right; +} + +.css_left { + float: left; } \ No newline at end of file diff --git a/public/css/fullcalendar.css b/public/css/fullcalendar.css index 2f3b71cdf..26c6979c2 100644 --- a/public/css/fullcalendar.css +++ b/public/css/fullcalendar.css @@ -1,586 +1,611 @@ -/* - * FullCalendar v1.4.10 Stylesheet - * - * Feel free to edit this file to customize the look of FullCalendar. - * When upgrading to newer versions, please upgrade this file as well, - * porting over any customizations afterwards. - * - * Date: Sat Jan 1 23:46:27 2011 -0800 - * - */ - - -/* TODO: make font sizes look the same in all doctypes */ - - -.fc, -.fc .fc-header, -.fc .fc-content { - font-size: 1em; - } - -.fc { - direction: ltr; - text-align: left; - } - -.fc table { - border-collapse: collapse; - border-spacing: 0; - } - -.fc td, .fc th { - padding: 0; - vertical-align: top; - } - - - -/* Header -------------------------------------------------------------------------*/ - -table.fc-header { - width: 100%; - } - -.fc-header-left { - width: 25%; - } - -.fc-header-left table { - float: left; - } - -.fc-header-center { - width: 50%; - text-align: center; - } - -.fc-header-center table { - margin: 0 auto; - } - -.fc-header-right { - width: 25%; - } - -.fc-header-right table { - float: right; - } - -.fc-header-title { - margin-top: 0; - white-space: nowrap; - } - -.fc-header-space { - padding-left: 10px; - } - -/* right-to-left */ - -.fc-rtl .fc-header-title { - direction: rtl; - } - - - -/* Buttons -------------------------------------------------------------------------*/ - -.fc-header .fc-state-default, -.fc-header .ui-state-default { - margin-bottom: 1em; - cursor: pointer; - } - -.fc-header .fc-state-default { - border-width: 1px 0; - padding: 0 1px; - } - -.fc-header .fc-state-default, -.fc-header .fc-state-default a { - border-style: solid; - } - -.fc-header .fc-state-default a { - display: block; - border-width: 0 1px; - margin: 0 -1px; - width: 100%; - text-decoration: none; - } - -.fc-header .fc-state-default span { - display: block; - border-style: solid; - border-width: 1px 0 1px 1px; - padding: 3px 5px; - } - -.fc-header .ui-state-default { - padding: 4px 6px; - } - -.fc-header .fc-state-default span, -.fc-header .ui-state-default span { - white-space: nowrap; - } - -/* for adjacent buttons */ - -.fc-header .fc-no-right { - padding-right: 0; - } - -.fc-header .fc-no-right a { - margin-right: 0; - border-right: 0; - } - -.fc-header .ui-no-right { - border-right: 0; - } - -/* for fake rounded corners */ - -.fc-header .fc-corner-left { - margin-left: 1px; - padding-left: 0; - } - -.fc-header .fc-corner-right { - margin-right: 1px; - padding-right: 0; - } - -/* DEFAULT button COLORS */ - -.fc-header .fc-state-default, -.fc-header .fc-state-default a { - border-color: #777; /* outer border */ - color: #333; - } - -.fc-header .fc-state-default span { - border-color: #fff #fff #d1d1d1; /* inner border */ - background: #e8e8e8; - } - -/* PRESSED button COLORS (down and active) */ - -.fc-header .fc-state-active a { - color: #fff; - } - -.fc-header .fc-state-down span, -.fc-header .fc-state-active span { - background: #888; - border-color: #808080 #808080 #909090; /* inner border */ - } - -/* DISABLED button COLORS */ - -.fc-header .fc-state-disabled a { - color: #999; - } - -.fc-header .fc-state-disabled, -.fc-header .fc-state-disabled a { - border-color: #ccc; /* outer border */ - } - -.fc-header .fc-state-disabled span { - border-color: #fff #fff #f0f0f0; /* inner border */ - background: #f0f0f0; - } - - - -/* Content Area & Global Cell Styles -------------------------------------------------------------------------*/ - -.fc-widget-content { - border: 1px solid #ccc; /* outer border color */ - } - -.fc-content { - clear: both; - } - -.fc-content .fc-state-default { - border-style: solid; - border-color: #ccc; /* inner border color */ - } - -.fc-content .fc-state-highlight { /* today */ - background: #ffc; - } - -.fc-content .fc-not-today { /* override jq-ui highlight (TODO: ui-widget-content) */ - background: none; - } - -.fc-cell-overlay { /* semi-transparent rectangle while dragging */ - background: #9cf; - opacity: .2; - filter: alpha(opacity=20); /* for IE */ - } - -.fc-view { /* prevents dragging outside of widget */ - width: 100%; - overflow: hidden; - } - - - - - -/* Global Event Styles -------------------------------------------------------------------------*/ - -.fc-event, -.fc-agenda .fc-event-time, -.fc-event a { - border-style: solid; - border-color: #36c; /* default BORDER color (probably the same as background-color) */ - background-color: #36c; /* default BACKGROUND color */ - color: #fff; /* default TEXT color */ - } - - /* Use the 'className' CalEvent property and the following - * example CSS to change event color on a per-event basis: - * - * .myclass, - * .fc-agenda .myclass .fc-event-time, - * .myclass a { - * background-color: black; - * border-color: black; - * color: red; - * } - */ - -.fc-event { - text-align: left; - } - -.fc-event a { - overflow: hidden; - font-size: .85em; - text-decoration: none; - cursor: pointer; - } - -.fc-event-editable { - cursor: pointer; - } - -.fc-event-time, -.fc-event-title { - padding: 0 1px; - } - -/* for fake rounded corners */ - -.fc-event a { - display: block; - position: relative; - width: 100%; - height: 100%; - } - -/* right-to-left */ - -.fc-rtl .fc-event a { - text-align: right; - } - -/* resizable */ - -.fc .ui-resizable-handle { /*** TODO: don't use ui-resizable anoymore, change class ***/ - display: block; - position: absolute; - z-index: 99999; - border: 0 !important; /* important overrides pre jquery ui 1.7 styles */ - background: url(data:image/gif;base64,AAAA) !important; /* hover fix for IE */ - } - - - -/* Horizontal Events -------------------------------------------------------------------------*/ - -.fc-event-hori { - border-width: 1px 0; - margin-bottom: 1px; - } - -.fc-event-hori a { - border-width: 0; - } - -/* for fake rounded corners */ - -.fc-content .fc-corner-left { - margin-left: 1px; - } - -.fc-content .fc-corner-left a { - margin-left: -1px; - border-left-width: 1px; - } - -.fc-content .fc-corner-right { - margin-right: 1px; - } - -.fc-content .fc-corner-right a { - margin-right: -1px; - border-right-width: 1px; - } - -/* resizable */ - -.fc-event-hori .ui-resizable-e { - top: 0 !important; /* importants override pre jquery ui 1.7 styles */ - right: -3px !important; - width: 7px !important; - height: 100% !important; - cursor: e-resize; - } - -.fc-event-hori .ui-resizable-w { - top: 0 !important; - left: -3px !important; - width: 7px !important; - height: 100% !important; - cursor: w-resize; - } - -.fc-event-hori .ui-resizable-handle { - _padding-bottom: 14px; /* IE6 had 0 height */ - } - - - - -/* Month View, Basic Week View, Basic Day View -------------------------------------------------------------------------*/ - -.fc-grid table { - width: 100%; - } - -.fc .fc-grid th { - border-width: 0 0 0 1px; - text-align: center; - } - -.fc .fc-grid td { - border-width: 1px 0 0 1px; - } - -.fc-grid th.fc-leftmost, -.fc-grid td.fc-leftmost { - border-left: 0; - } - -.fc-grid .fc-day-number { - float: right; - padding: 0 2px; - } - -.fc-grid .fc-other-month .fc-day-number { - opacity: 0.3; - filter: alpha(opacity=30); /* for IE */ - /* opacity with small font can sometimes look too faded - might want to set the 'color' property instead - making day-numbers bold also fixes the problem */ - } - -.fc-grid .fc-day-content { - clear: both; - padding: 2px 2px 0; /* distance between events and day edges */ - } - -/* event styles */ - -.fc-grid .fc-event-time { - font-weight: bold; - } - -/* right-to-left */ - -.fc-rtl .fc-grid { - direction: rtl; - } - -.fc-rtl .fc-grid .fc-day-number { - float: left; - } - -.fc-rtl .fc-grid .fc-event-time { - float: right; - } - -/* Agenda Week View, Agenda Day View -------------------------------------------------------------------------*/ - -.fc .fc-agenda th, -.fc .fc-agenda td { - border-width: 1px 0 0 1px; - } - -.fc .fc-agenda .fc-leftmost { - border-left: 0; - } - -.fc-agenda tr.fc-first th, -.fc-agenda tr.fc-first td { - border-top: 0; - } - -.fc-agenda-head tr.fc-last th { - border-bottom-width: 1px; - } - -.fc .fc-agenda-head td, -.fc .fc-agenda-body td { - background: none; - } - -.fc-agenda-head th { - text-align: center; - } - -/* the time axis running down the left side */ - -.fc-agenda .fc-axis { - width: 50px; - padding: 0 4px; - vertical-align: middle; - white-space: nowrap; - text-align: right; - font-weight: normal; - } - -/* all-day event cells at top */ - -.fc-agenda-head tr.fc-all-day th { - height: 35px; - } - -.fc-agenda-head td { - padding-bottom: 10px; - } - -.fc .fc-divider div { - font-size: 1px; /* for IE6/7 */ - height: 2px; - } - -.fc .fc-divider .fc-state-default { - background: #eee; /* color for divider between all-day and time-slot events */ - } - -/* body styles */ - -.fc .fc-agenda-body td div { - height: 20px; /* slot height */ - } - -.fc .fc-agenda-body tr.fc-minor th, -.fc .fc-agenda-body tr.fc-minor td { - border-top-style: dotted; - } - -.fc-agenda .fc-day-content { - padding: 2px 2px 0; /* distance between events and day edges */ - } - -/* vertical background columns */ - -.fc .fc-agenda-bg .ui-state-highlight { - background-image: none; /* tall column, don't want repeating background image */ - } - - - -/* Vertical Events -------------------------------------------------------------------------*/ - -.fc-event-vert { - border-width: 0 1px; - } - -.fc-event-vert a { - border-width: 0; - } - -/* for fake rounded corners */ - -.fc-content .fc-corner-top { - margin-top: 1px; - } - -.fc-content .fc-corner-top a { - margin-top: -1px; - border-top-width: 1px; - } - -.fc-content .fc-corner-bottom { - margin-bottom: 1px; - } - -.fc-content .fc-corner-bottom a { - margin-bottom: -1px; - border-bottom-width: 1px; - } - -/* event content */ - -.fc-event-vert span { - display: block; - position: relative; - z-index: 2; - } - -.fc-event-vert span.fc-event-time { - white-space: nowrap; - _white-space: normal; - overflow: hidden; - border: 0; - font-size: 10px; - } - -.fc-event-vert span.fc-event-title { - line-height: 13px; - } - -.fc-event-vert span.fc-event-bg { /* makes the event lighter w/ a semi-transparent overlay */ - position: absolute; - z-index: 1; - top: 0; - left: 0; - width: 100%; - height: 100%; - background: #fff; - opacity: .3; - filter: alpha(opacity=30); /* for IE */ - } - -/* resizable */ - -.fc-event-vert .ui-resizable-s { - bottom: 0 !important; /* importants override pre jquery ui 1.7 styles */ - width: 100% !important; - height: 8px !important; - line-height: 8px !important; - font-size: 11px !important; - font-family: monospace; - text-align: center; - cursor: s-resize; - } - - +/* + * FullCalendar v1.4.10 Stylesheet + * + * Feel free to edit this file to customize the look of FullCalendar. + * When upgrading to newer versions, please upgrade this file as well, + * porting over any customizations afterwards. + * + * Date: Sat Jan 1 23:46:27 2011 -0800 + * + */ + + +/* TODO: make font sizes look the same in all doctypes */ + + +.fc, +.fc .fc-header, +.fc .fc-content { + font-size: 12px; + } + +.fc { + direction: ltr; + text-align: left; + } + +.fc table { + border-collapse: collapse; + border-spacing: 0; + } + +.fc td, .fc th { + padding: 0; + vertical-align: top; + } + + + +/* Header +------------------------------------------------------------------------*/ + +table.fc-header { + width: 100%; + } + +.fc-header-left { + width: 25%; + } + +.fc-header-left table { + float: left; + } + +.fc-header-center { + width: 50%; + text-align: center; + } + +.fc-header-center table { + margin: 0 auto; + } + +.fc-header-right { + width: 25%; + } + +.fc-header-right table { + float: right; + } + +.fc-header-title { + margin-top: 0; + white-space: nowrap; + } + +.fc-header-space { + padding-left: 10px; + } + +/* right-to-left */ + +.fc-rtl .fc-header-title { + direction: rtl; + } + + + +/* Buttons +------------------------------------------------------------------------*/ + +.fc-header .fc-state-default, +.fc-header .ui-state-default { + margin-bottom: 1em; + cursor: pointer; + } + +.fc-header .fc-state-default { + border-width: 1px; + padding: 0; + } + +.fc-header .fc-state-default, +.fc-header .fc-state-default a { + border-style: solid; + font-size:13px; + } + +.fc-header .fc-state-default a { + display: block; + border-width:0; + margin: 0; + width: 100%; + text-decoration: none; + } + +.fc-header .fc-state-default span { + display: block; + border-style: solid; + border-width: 0; + padding: 3px 10px 4px 10px; + } + +.fc-header .ui-state-default { + padding: 4px 6px; + } + +.fc-header .fc-state-default span, +.fc-header .ui-state-default span { + white-space: nowrap; + } + +/* for adjacent buttons */ + +.fc-header .fc-no-right { + padding-right: 0; + } + +.fc-header .fc-no-right a { + margin-right: 0; + border-right: 0; + } + +.fc-header .ui-no-right { + border-right: 0; + } + +/* for fake rounded corners */ + +.fc-header .fc-corner-left { + margin-left: 0; + padding-left: 0; + } + +.fc-header .fc-corner-right { + margin-right: 0; + padding-right: 0; + } + +/* DEFAULT button COLORS */ + +.fc-header .fc-state-default, +.fc-header .fc-state-default a { + border-color: #5b5b5b; /* outer border */ + color: #fff; + } + +.fc-header .fc-state-default span { + border-color: #fff #fff #d1d1d1; /* inner border */ + background-color: #6e6e6e; + background: -moz-linear-gradient(top, #868686 0, #6e6e6e 100%); + background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #868686), color-stop(100%, #6e6e6e)); + } + + +/* HOVER button COLORS */ + +.fc-header .fc-state-hover, +.fc-header .fc-state-hover a { + border-color: #282828; /* outer border */ + color: #fff; + } + +.fc-header .fc-state-hover span { + background-color: #282828; + background: -moz-linear-gradient(top, #3b3b3b 0, #282828 100%); + background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #3b3b3b), color-stop(100%, #282828)); + } + +/* PRESSED button COLORS (down and active) */ + +.fc-header .fc-state-active a { + color: #fff; + } + +.fc-header .fc-state-down span, +.fc-header .fc-state-active span { + background: #888; + border-color: #808080 #808080 #909090; /* inner border */ + } + +/* DISABLED button COLORS */ + +.fc-header .fc-state-disabled a { + color: #a1a1a1; + } + +.fc-header .fc-state-disabled, +.fc-header .fc-state-disabled a { + border-color: #a1a1a1; /* outer border */ + } + +.fc-header .fc-state-disabled span { + border-color: #fff #fff #f0f0f0; /* inner border */ + background: #bdbdbd; + } + + + +/* Content Area & Global Cell Styles +------------------------------------------------------------------------*/ + +.fc-widget-content { + border: 1px solid #5b5b5b; /* outer border color */ + background:#d8d8d8; + } + +.fc-content { + clear: both; + } + +.fc-content .fc-state-default { + border-style: solid; + border-color: #a5a5a5; /* inner border color */ + } + +.fc-content .fc-state-highlight { /* today */ + background: #efdac6; + } + +.fc-content .fc-not-today { /* override jq-ui highlight (TODO: ui-widget-content) */ + background: none; + } + +.fc-cell-overlay { /* semi-transparent rectangle while dragging */ + background: #9cf; + opacity: .2; + filter: alpha(opacity=20); /* for IE */ + } + +.fc-view { /* prevents dragging outside of widget */ + width: 100%; + overflow: hidden; + } + + + + + +/* Global Event Styles +------------------------------------------------------------------------*/ + +.fc-event, +.fc-agenda .fc-event-time, +.fc-event a { + border-style: solid; + border-color: #36c; /* default BORDER color (probably the same as background-color) */ + background-color: #36c; /* default BACKGROUND color */ + color: #fff; /* default TEXT color */ + } + + /* Use the 'className' CalEvent property and the following + * example CSS to change event color on a per-event basis: + * + * .myclass, + * .fc-agenda .myclass .fc-event-time, + * .myclass a { + * background-color: black; + * border-color: black; + * color: red; + * } + */ + +.fc-event { + text-align: left; + } + +.fc-event a { + overflow: hidden; + font-size: .85em; + text-decoration: none; + cursor: pointer; + } + +.fc-event-editable { + cursor: pointer; + } + +.fc-event-time, +.fc-event-title { + padding: 0 1px; + } + +/* for fake rounded corners */ + +.fc-event a { + display: block; + position: relative; + width: 100%; + height: 100%; + } + +/* right-to-left */ + +.fc-rtl .fc-event a { + text-align: right; + } + +/* resizable */ + +.fc .ui-resizable-handle { /*** TODO: don't use ui-resizable anoymore, change class ***/ + display: block; + position: absolute; + z-index: 99999; + border: 0 !important; /* important overrides pre jquery ui 1.7 styles */ + background: url(data:image/gif;base64,AAAA) !important; /* hover fix for IE */ + } + + + +/* Horizontal Events +------------------------------------------------------------------------*/ + +.fc-event-hori { + border-width: 1px 0; + margin-bottom: 1px; + } + +.fc-event-hori a { + border-width: 0; + } + +/* for fake rounded corners */ + +.fc-content .fc-corner-left { + margin-left: 1px; + } + +.fc-content .fc-corner-left a { + margin-left: -1px; + border-left-width: 1px; + } + +.fc-content .fc-corner-right { + margin-right: 1px; + } + +.fc-content .fc-corner-right a { + margin-right: -1px; + border-right-width: 1px; + } + +/* resizable */ + +.fc-event-hori .ui-resizable-e { + top: 0 !important; /* importants override pre jquery ui 1.7 styles */ + right: -3px !important; + width: 7px !important; + height: 100% !important; + cursor: e-resize; + } + +.fc-event-hori .ui-resizable-w { + top: 0 !important; + left: -3px !important; + width: 7px !important; + height: 100% !important; + cursor: w-resize; + } + +.fc-event-hori .ui-resizable-handle { + _padding-bottom: 14px; /* IE6 had 0 height */ + } + + + + +/* Month View, Basic Week View, Basic Day View +------------------------------------------------------------------------*/ + +.fc-grid table { + width: 100%; + } + +.fc .fc-grid th { + border-width: 0 0 0 1px; + text-align: center; + } + +.fc .fc-grid td { + border-width: 1px 0 0 1px; + } + +.fc-grid th.fc-leftmost, +.fc-grid td.fc-leftmost { + border-left: 0; + } + +.fc-grid .fc-day-number { + float: right; + padding: 0 2px; + } + +.fc-grid .fc-other-month .fc-day-number { + opacity: 0.3; + filter: alpha(opacity=30); /* for IE */ + /* opacity with small font can sometimes look too faded + might want to set the 'color' property instead + making day-numbers bold also fixes the problem */ + } + +.fc-grid .fc-day-content { + clear: both; + padding: 2px 2px 0; /* distance between events and day edges */ + } + +/* event styles */ + +.fc-grid .fc-event-time { + font-weight: bold; + } + +/* right-to-left */ + +.fc-rtl .fc-grid { + direction: rtl; + } + +.fc-rtl .fc-grid .fc-day-number { + float: left; + } + +.fc-rtl .fc-grid .fc-event-time { + float: right; + } + +/* Agenda Week View, Agenda Day View +------------------------------------------------------------------------*/ + +.fc .fc-agenda th, +.fc .fc-agenda td { + border-width: 1px 0 0 1px; + } + +.fc .fc-agenda .fc-leftmost { + border-left: 0; + } + +.fc-agenda tr.fc-first th, +.fc-agenda tr.fc-first td { + border-top: 0; + } + +.fc-agenda-head tr.fc-last th { + border-bottom-width: 1px; + } + +.fc .fc-agenda-head td, +.fc .fc-agenda-body td { + background: none; + } + +.fc-agenda-head th { + text-align: center; + } + +/* the time axis running down the left side */ + +.fc-agenda .fc-axis { + width: 50px; + padding: 0 4px; + vertical-align: middle; + white-space: nowrap; + text-align: right; + font-weight: normal; + } + +/* all-day event cells at top */ + +.fc-agenda-head tr.fc-all-day th { + height: 35px; + } + +.fc-agenda-head td { + padding-bottom: 10px; + } + +.fc .fc-divider div { + font-size: 1px; /* for IE6/7 */ + height: 2px; + } + +.fc .fc-divider .fc-state-default { + background: #eee; /* color for divider between all-day and time-slot events */ + } + +/* body styles */ + +.fc .fc-agenda-body td div { + height: 20px; /* slot height */ + } + +.fc .fc-agenda-body tr.fc-minor th, +.fc .fc-agenda-body tr.fc-minor td { + border-top-style: dotted; + } + +.fc-agenda .fc-day-content { + padding: 2px 2px 0; /* distance between events and day edges */ + } + +/* vertical background columns */ + +.fc .fc-agenda-bg .ui-state-highlight { + background-image: none; /* tall column, don't want repeating background image */ + } + + + +/* Vertical Events +------------------------------------------------------------------------*/ + +.fc-event-vert { + border-width: 0 1px; + } + +.fc-event-vert a { + border-width: 0; + } + +/* for fake rounded corners */ + +.fc-content .fc-corner-top { + margin-top: 1px; + } + +.fc-content .fc-corner-top a { + margin-top: -1px; + border-top-width: 1px; + } + +.fc-content .fc-corner-bottom { + margin-bottom: 1px; + } + +.fc-content .fc-corner-bottom a { + margin-bottom: -1px; + border-bottom-width: 1px; + } + +/* event content */ + +.fc-event-vert span { + display: block; + position: relative; + z-index: 2; + } + +.fc-event-vert span.fc-event-time { + white-space: nowrap; + _white-space: normal; + overflow: hidden; + border: 0; + font-size: 10px; + } + +.fc-event-vert span.fc-event-title { + line-height: 13px; + } + +.fc-event-vert span.fc-event-bg { /* makes the event lighter w/ a semi-transparent overlay */ + position: absolute; + z-index: 1; + top: 0; + left: 0; + width: 100%; + height: 100%; + background: #fff; + opacity: .3; + filter: alpha(opacity=30); /* for IE */ + } + +/* resizable */ + +.fc-event-vert .ui-resizable-s { + bottom: 0 !important; /* importants override pre jquery ui 1.7 styles */ + width: 100% !important; + height: 8px !important; + line-height: 8px !important; + font-size: 11px !important; + font-family: monospace; + text-align: center; + cursor: s-resize; + } + +/* added january 26th, 2011 - fritz */ +.fc-agenda-head tr.fc-last th, .fc-agenda-head tr.fc-first th { + padding:3px 0; + background-color: #b9b9b9; + background: -moz-linear-gradient(top, #cdcdcd 0, #b9b9b9 100%); + background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #cdcdcd), color-stop(100%, #b9b9b9)); + } diff --git a/public/css/images/airtime_logo_big.png b/public/css/images/airtime_logo_big.png new file mode 100644 index 000000000..6515696c5 Binary files /dev/null and b/public/css/images/airtime_logo_big.png differ diff --git a/public/css/images/login_content_bg.png b/public/css/images/login_content_bg.png new file mode 100644 index 000000000..9e9419256 Binary files /dev/null and b/public/css/images/login_content_bg.png differ diff --git a/public/css/images/login_page_bg.png b/public/css/images/login_page_bg.png new file mode 100644 index 000000000..7e147c3c4 Binary files /dev/null and b/public/css/images/login_page_bg.png differ diff --git a/public/css/images/search_auto_bg.png b/public/css/images/search_auto_bg.png new file mode 100644 index 000000000..6026bb51a Binary files /dev/null and b/public/css/images/search_auto_bg.png differ diff --git a/public/css/playlist_builder.css b/public/css/playlist_builder.css index 6a46dd563..027093107 100644 --- a/public/css/playlist_builder.css +++ b/public/css/playlist_builder.css @@ -48,12 +48,11 @@ #side_playlist li { width: 99.5%; margin-bottom:-1px; - height:56px; position:relative; } -#side_playlist li > div { - height: 50px; +#side_playlist li div.list-item-container { + height:56px; } #spl_name { @@ -185,7 +184,7 @@ float:none; } #spl_sortable .top { - margin-top:9px; + padding-top:9px; } #spl_sortable li .spl_fade_control.ui-state-default { background: transparent url(images/crossfade_playlist.png) no-repeat 0 0; @@ -195,10 +194,11 @@ background: transparent url(images/crossfade_playlist.png) no-repeat 0 -30px; border:none; } -#spl_sortable li.crossfade { - background:#debc9e url(images/crossfade_bg.png) repeat-x 0 0; +#spl_sortable li .crossfade { + background:#debc9e url(images/crossfade_bg.png) repeat-x 0 0 !important; border:1px solid #5d5d5d; - border-width: 1px 1px 0 1px; + border-width: 1px 0 0 0; + height:60px; } #spl_sortable dl.inline-list { margin:10px 0 0 37px; diff --git a/public/css/redmond/jquery-ui-1.8.8.custom.css b/public/css/redmond/jquery-ui-1.8.8.custom.css index 48ab2a02d..e7e1eb3c0 100644 --- a/public/css/redmond/jquery-ui-1.8.8.custom.css +++ b/public/css/redmond/jquery-ui-1.8.8.custom.css @@ -215,7 +215,7 @@ background-image: url(images/ui-icons_ffffff_256x240.png); } .ui-widget-header .ui-icon { - background-image: url(images/ui-icons_007fb3_256x240.png); + background-image: url(images/ui-icons_ffffff_256x240.png); } .ui-state-default .ui-icon { background-image: url(images/ui-icons_ffffff_256x240.png); diff --git a/public/css/styles.css b/public/css/styles.css index 6a05c0759..5568fe96c 100644 --- a/public/css/styles.css +++ b/public/css/styles.css @@ -8,6 +8,14 @@ body { margin: 0; padding: 0; } + +body#login-page { + background: #1f1f1f url(images/login_page_bg.png) no-repeat center 0; + margin: 60px 0 0 0; + padding: 0; +} + + h2 { color: #000000; font-size: 2.1em; @@ -41,7 +49,22 @@ select { z-index:1000; display:block; } + +/* Clearfix */ +.clearfix:after, li:after { content: "."; display: block; height: 0; clear: both; visibility: hidden;} +.clearfix, li { display: inline-block; } +* html .clearfix, * html li { height: 1%;} +.clearfix, li { display: block; } + + /* Master Panel */ +#sticky { + position:fixed; + height:130px; + top:0; + left:0; +} + #master-panel { background:#3d3d3d url(images/masterpanel_bg.png) repeat-x 0 0; @@ -178,7 +201,8 @@ select { .time-info-block li.time { font-size:26px; color:#fff; - margin-bottom:; + width:auto; + text-align:left; } .time-info-block li.time-zone { font-size:17px; @@ -264,8 +288,26 @@ fieldset.plain { text-indent: 3px; width:auto; } - - +.auto-search { + background:#dddddd url(images/search_auto_bg.png) no-repeat 0 0; + text-indent:25px; +} +.input_text_area { + background:#dddddd url("images/input_bg.png") repeat-x scroll 0 0 ; + border: 1px solid #5b5b5b; + font-size: 13px; + text-indent: 3px; +} +.input_select { + background-color: #DDDDDD; + border: 1px solid #5b5b5b; + font-family: Arial,Helvetica,sans-serif; + font-size: 12px; + height: 25px; + margin: 0; + padding: 2px 2px 2px 0; + vertical-align: top; +} label { font-size:13px; color:#5b5b5b; @@ -322,11 +364,11 @@ dl.inline-list dd { border: 1px solid #CCC; border-width: 0 0 0 1px !important; } - .datatable { border-color: #5b5b5b; border-style: solid; border-width: 1px 1px 1px 1px; + width:100%; } .datatable tr td, .datatable tr th { border-color: #b1b1b1; @@ -338,16 +380,13 @@ dl.inline-list dd { .odd { background-color: #d8d8d8; } - .even { background-color:#c7c7c7; } - - -.smartlist tr.even.selected td { +.datatable tr.even.selected td { background-color: #abcfe2; } -.smartlist tr.odd.selected td { +.datatable tr.odd.selected td { background-color: #c5deeb; } .datatable tr:hover td { @@ -368,4 +407,238 @@ dl.inline-list dd { } .dataTables_scroll .datatable { border-width: 0px 1px 0 1px; -} \ No newline at end of file +} + +.DataTables_sort_wrapper .ui-icon { + display: block; + float: left; + margin: 0 3px 0 -2px; +} +.dataTables_length { + float:right; + margin:0 8px 0 0; + +} +.dataTables_length label { + padding:10px 6px 0 0; + font-size:12px; + color:#404040; + line-height:22px; +} +.dataTables_filter { + margin:8px 0 0 8px; +} +.dataTables_filter .auto-search { + width:60%; +} +.dataTables_processing { + font-size:11px; + font-weight:normal; + margin:2px 0 3px 8px; +} +#library_display_wrapper .ui-widget-header:first-child { + background:none; + border-width:0 0 1px 0; + color: #444444; + font-weight: bold; +} +#library_display_wrapper .ui-widget-header:first-child .dataTables_length { + margin:0; +} +#library_display_wrapper .ui-widget-header:first-child .dataTables_filter { + margin:0; +} + +.dataTables_info { + padding: 8px 0 0 8px; + font-size:12px; + color:#555555; + font-weight:normal; +} + +.dataTables_paginate { + padding: 8px 0 8px 8px; +} +.dataTables_paginate .ui-button { + font-size:12px; + font-weight:normal; + padding: 0.2em 1em; + margin-right:3px; +} + +/*----END Data Table----*/ + +fieldset { + border: 1px solid #8f8f8f; + margin: 0; + padding: 0; +} +fieldset.plain { + border: none; + margin: 0; + padding: 0; +} +input[type="checkbox"] { + margin:0; + outline:none; + padding:0; + width:13px; + height:13px; +} +/*---//////////////////// LOGIN ////////////////////---*/ + +.login_box { + margin:0 auto 0 auto; + text-align:center; + width:420px; + border:1px solid #181818; + border-width: 0 0 1px 0; + padding:0; +} + +.login_box h2 { + background:#1f1f1f; + background: -moz-linear-gradient(center top , #2c2c2c 0pt, #1f1f1f 100%); + background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #2c2c2c), color-stop(100%, #1f1f1f)); + border:1px solid #181818; + border-top-color:#4f4f4f; + margin:0; + padding:8px 0 8px 14px; + font-size:15px; + font-weight:bold; + color:#bebebe; + text-align:left; + -moz-box-shadow: 0 2px 2px rgba(0,0,0,.10); + -webkit-box-shadow: 0 2px 2px rgba(0,0,0,.10); + box-shadow: 0 2px 2px rgba(0,0,0,.10); +} +.login_box p { + margin:0; + padding:8px 0 16px 0; + font-size:12px; + color:#717171; + text-align:left; +} +.logobox { + height:120px; + text-align:center; + background:url(images/airtime_logo_big.png) no-repeat 50% 0; +} + +.login { + margin:2px 0 0 4px; + border:none; + background:none; + text-align:left; + -moz-box-shadow: none; + -webkit-box-shadow: none; + box-shadow: none; +} + +.login td { + border:none; + background-color:transparent; + color:#696969; +} + +.login h2 { + padding:7px 0 10px 0; +} + +.light { + color:#1683b0; +} +.alert { + color:#C00; +} + +.login-content { + background:url(images/login_content_bg.png) no-repeat 0 bottom; + padding:10px 10px 12px 14px; + text-align:left; +} +.login-content dl, .login-content dl.zend_form { + margin: 12px 0 0 0; + margin-bottom:8px; + margin:0; + padding:0; + width:100%; +} + +.login-content dd { + padding: 4px 0; + float: left; + font-size: 1.2em; + margin: 0; + padding: 4px 0 4px 15px; +} +.login-content dt { + clear: left; + color: #666666; + float: left; + font-size: 1.2em; + font-weight: bold; + margin: 0; + padding: 4px 0; + text-align: left; + min-width:90px; + clear:left; +} + +dt.block-display, dd.block-display { + display:block; + float:none; + margin-left:0; + padding-left:0; +} + +.login-content dt label { + padding-right:0; +} +.login-content dd .input_text { + padding-right:0; + width:280px; +} + +/*---//////////////////// END LOGIN ////////////////////---*/ + + +/*---//////////////////// FOOTER ////////////////////---*/ +.footer { + display:block; + height:40px; + clear:both; + color:#4b4b4b; + margin-top:12px; + font-size:11px; + line-height:140%; + text-align:center; + padding:10px 0 0 0; +} + +.footer a { + color:#ff5d1a; + text-decoration:none; +} +#login-page .footer { + color:#6d6d6d; +} +.footer a:hover { + color:#ff5d1a; + text-decoration:underline; +} +/*---//////////////////// END FOOTER ////////////////////---*/ + +.button-bar { + height: 28px; + margin-top:12px; +} +.sticky { + padding:0; + width:100%; + z-index:2000; + position:fixed; + top:0; + left:0; + margin-bottom:140px; +} \ No newline at end of file diff --git a/public/js/playlist/nowplayingdatagrid.js b/public/js/playlist/nowplayingdatagrid.js index 241374316..6f2689edb 100644 --- a/public/js/playlist/nowplayingdatagrid.js +++ b/public/js/playlist/nowplayingdatagrid.js @@ -52,7 +52,7 @@ function createDataGrid(){ datagridData.columnHeaders[3]["fnRender"] = getTimeText; datagridData.columnHeaders[4]["fnRender"] = changeTimePrecisionInit; - $('#demo').html( '
' ); + $('#demo').html( '
' ); $('#nowplayingtable').dataTable( { "bSort" : false, "bJQueryUI": true,