From 10d9d139932c2b8cd3e02c4c20b784ac77ddad0c Mon Sep 17 00:00:00 2001 From: Naomi Date: Fri, 28 Jan 2011 17:37:31 -0500 Subject: [PATCH] some basic form work, need to lear more about custom form validation/rendering. --- application/forms/AddShowRepeats.php | 1 + application/forms/AddShowStyle.php | 2 + application/forms/AddShowWhat.php | 10 + application/forms/AddShowWhen.php | 18 + application/forms/AddShowWho.php | 1 + application/models/Shows.php | 1 - application/views/scripts/testform.phtml | 11 + public/css/add-show.css | 121 +- public/css/fullcalendar.css | 1197 +++++++++-------- public/css/redmond/jquery-ui-1.8.8.custom.css | 2 +- public/css/styles.css | 46 +- 11 files changed, 791 insertions(+), 619 deletions(-) create mode 100644 application/views/scripts/testform.phtml diff --git a/application/forms/AddShowRepeats.php b/application/forms/AddShowRepeats.php index 79e8b6179..4c640d4c1 100644 --- a/application/forms/AddShowRepeats.php +++ b/application/forms/AddShowRepeats.php @@ -26,6 +26,7 @@ class Application_Form_AddShowRepeats extends Zend_Form_SubForm // Add end date element $this->addElement('text', 'add_show_end_date', array( 'label' => 'Date End:', + //'class' => 'input_text hasDatepicker', 'required' => false, 'filters' => array('StringTrim'), 'validators' => array( diff --git a/application/forms/AddShowStyle.php b/application/forms/AddShowStyle.php index 6a1e94025..faa471f0d 100644 --- a/application/forms/AddShowStyle.php +++ b/application/forms/AddShowStyle.php @@ -8,12 +8,14 @@ class Application_Form_AddShowStyle extends Zend_Form_SubForm // Add show background-color input $this->addElement('text', 'add_show_background_color', array( 'label' => 'Background Colour:', + 'class' => 'input_text', 'filters' => array('StringTrim') )); // Add show color input $this->addElement('text', 'add_show_color', array( 'label' => 'Text Colour', + 'class' => 'input_text', 'filters' => array('StringTrim') )); } diff --git a/application/forms/AddShowWhat.php b/application/forms/AddShowWhat.php index 3eba1bc39..419427efb 100644 --- a/application/forms/AddShowWhat.php +++ b/application/forms/AddShowWhat.php @@ -8,15 +8,25 @@ class Application_Form_AddShowWhat extends Zend_Form_SubForm // Add name element $this->addElement('text', 'add_show_name', array( 'label' => 'Name:', + 'class' => 'input_text', 'required' => true, 'filters' => array('StringTrim'), 'validators' => array('NotEmpty') )); + $nameLabel = $this->getElement('add_show_name'); + + $nameLabel->setDecorators(array(array('ViewScript', array( + 'viewScript' => 'testform.phtml', + 'class' => 'test template' + )))); + + // Add the description element $this->addElement('textarea', 'add_show_description', array( 'label' => 'Description:', 'required' => false, + 'class' => 'input_text_area' )); } diff --git a/application/forms/AddShowWhen.php b/application/forms/AddShowWhen.php index b4afdbd7d..0440529ea 100644 --- a/application/forms/AddShowWhen.php +++ b/application/forms/AddShowWhen.php @@ -8,6 +8,7 @@ class Application_Form_AddShowWhen extends Zend_Form_SubForm // Add start date element $this->addElement('text', 'add_show_start_date', array( 'label' => 'Date Start:', + //'class' => 'input_text hasDatepicker', 'required' => true, 'filters' => array('StringTrim'), 'validators' => array( @@ -19,6 +20,7 @@ class Application_Form_AddShowWhen extends Zend_Form_SubForm // Add start time element $this->addElement('text', 'add_show_start_time', array( 'label' => 'Start Time:', + 'class' => 'input_text', 'required' => true, 'filters' => array('StringTrim'), 'validators' => array( @@ -30,6 +32,7 @@ class Application_Form_AddShowWhen extends Zend_Form_SubForm // Add duration element $this->addElement('text', 'add_show_duration', array( 'label' => 'Duration:', + 'class' => 'input_text', 'required' => true, 'filters' => array('StringTrim'), 'validators' => array( @@ -46,6 +49,21 @@ class Application_Form_AddShowWhen extends Zend_Form_SubForm } + public function postValidation(array $formData) { + + $now_timestamp = date("Y-m-d H:i:s"); + $start_timestamp = $formData['add_show_start_date']."".$formData['add_show_start_time']; + + $now_epoch = strtotime($now_timestamp); + $start_epoch = strtotime($start_timestamp); + + if($start_epoch < $now_epoch) { + $this->getElement('add_show_start_time')->setErrors(array('Cannot create show in the past')); + return false; + } + + return true; + } } diff --git a/application/forms/AddShowWho.php b/application/forms/AddShowWho.php index 55656c95f..86981a28d 100644 --- a/application/forms/AddShowWho.php +++ b/application/forms/AddShowWho.php @@ -8,6 +8,7 @@ class Application_Form_AddShowWho extends Zend_Form_SubForm // Add hosts autocomplete $this->addElement('text', 'add_show_hosts_autocomplete', array( 'label' => 'Type a Host:', + 'class' => 'input_text ui-autocomplete-input', 'required' => false )); diff --git a/application/models/Shows.php b/application/models/Shows.php index 7313d9711..47a35477e 100644 --- a/application/models/Shows.php +++ b/application/models/Shows.php @@ -384,7 +384,6 @@ class Show { } } - //TODO should only delete shows that are in the future. public function deleteShow($timestamp, $dayId=NULL) { global $CC_DBC; diff --git a/application/views/scripts/testform.phtml b/application/views/scripts/testform.phtml new file mode 100644 index 000000000..78aaecb88 --- /dev/null +++ b/application/views/scripts/testform.phtml @@ -0,0 +1,11 @@ +
+ formLabel($this->element->getName(), + $this->element->getLabel()) ?> + {$this->element->helper}( + $this->element->getName(), + $this->element->getValue(), + $this->element->getAttribs() + ) ?> + formErrors($this->element->getMessages()) ?> +
element->getDescription() ?>
+
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/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/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..b0ff065a3 100644 --- a/public/css/styles.css +++ b/public/css/styles.css @@ -41,6 +41,14 @@ 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 */ #master-panel { @@ -264,8 +272,12 @@ fieldset.plain { text-indent: 3px; width:auto; } - - +.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; +} label { font-size:13px; color:#5b5b5b; @@ -322,7 +334,6 @@ dl.inline-list dd { border: 1px solid #CCC; border-width: 0 0 0 1px !important; } - .datatable { border-color: #5b5b5b; border-style: solid; @@ -338,16 +349,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 +376,24 @@ dl.inline-list dd { } .dataTables_scroll .datatable { border-width: 0px 1px 0 1px; -} \ No newline at end of file +} + +/*----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; +} \ No newline at end of file