/* AjaxScaffoldGenerator version 3.0.0 (c) 2006 Richard White AjaxScaffoldGenerator is freely distributable under the terms of an MIT-style license. For details, see the AjaxScaffoldGenerator web site: http://www.ajaxscaffold.com/ */ .ajax-scaffold form, .ajax-scaffold table, .ajax-scaffold p, .ajax-scaffold div, .ajax-scaffold fieldset { margin: 0; padding: 0; } .ajax-scaffold a { color: #06c; text-decoration: none; } .ajax-scaffold { margin: 5px 0; } .ajax-scaffold table { width: 100%; } /* Header Styling ======================== */ .ajax-scaffold-header { background: #005CB8; position: relative; } .ajax-scaffold-header h2 { color: #fff; padding: 2px 5px 4px 5px; margin: 0; font: normal 17px verdana, sans-serif; } .ajax-scaffold-header div.actions a { color: #fff; background: url(/images/add.gif) 1px 50% no-repeat; font: bold 14px arial, sans-serif; letter-spacing: -1px; text-decoration: none; padding: 1px 2px 1px 19px; } .ajax-scaffold-header div.actions a:hover { background: #378CDF url(/images/add.gif) 1px 50% no-repeat; } .ajax-scaffold-header div.actions { position: absolute; right: 5px; top: 3px; width: 120px; text-align: right; } .ajax-scaffold-header div.actions img { margin-bottom: -3px; } /* Table Column Headers ============================= */ .ajax-scaffold th { font-size: 11px; color: #fff; background: #555; letter-spacing: 0; font-family: Arial, sans-serif; text-align: left; } .ajax-scaffold th a { color: #fff; padding: 2px 15px 2px 5px; display: block; } .ajax-scaffold th a:hover { background: #000; } .ajax-scaffold th.sorted { background: #333; } .ajax-scaffold th.asc a, .ajax-scaffold th.asc a:hover { background: #333 url(/images/arrow_up.gif) right 50% no-repeat; } .ajax-scaffold th.desc a, .ajax-scaffold th.desc a:hover { background: #333 url(/images/arrow_down.gif) right 50% no-repeat; } .ajax-scaffold th.loading a, .ajax-scaffold th.loading a:hover { background: #333 url(/images/indicator-small.gif) right 50% no-repeat; } /* Table Body Styling ============================= */ .ajax-scaffold td { padding: 5px 4px; border-bottom: solid 1px #C5DBF7; color: #333; font-family: Verdana, sans-serif; font-size: 11px; background-color: #E6F2FF; border-left: solid 1px #C5DBF7; } .ajax-scaffold td.actions { border-right: solid 1px #ccc; } .ajax-scaffold tr.even td { background-color: #fff; border-left: solid 1px #ddd; } .ajax-scaffold tr td.sorted { background-color: #ffa; border-bottom: solid 1px #ccc; } .ajax-scaffold tr.even td.sorted { background-color: #ffd; border-bottom: solid 1px #ccc; } .ajax-scaffold .update td, .ajax-scaffold .create td { padding: 4px; } .ajax-scaffold td.empty { color: #999; text-align: center; } /* Table Actions (Edit, Delete) Styling ============================= */ .ajax-scaffold td a { font: bold 11px verdana, sans-serif; letter-spacing: -1px; padding: 2px; line-height: 16px; } .ajax-scaffold td a:hover { background: #ff8; } .ajax-scaffold .update td, .ajax-scaffold .create td { background: #DAFFCD; } .ajax-scaffold .update td, .ajax-scaffold .create td { border-left: solid 1px #7FcF00; border-bottom: solid 1px #7FcF00; border-right: solid 1px #7FcF00; } .ajax-scaffold .actions { padding: 0; width: 95px; } .ajax-scaffold .actions table { float: right; width: auto; margin-right: 5px; } .ajax-scaffold .actions table td { border: none; text-align: right; padding: 0 0 0 2px; } /* ajax-scaffold Footer Styling ========================== */ .ajax-scaffold .ajax-scaffold-footer { text-align: right; background: #005CB8; padding: 3px 5px 2px 5px; border-bottom: none; color: #ccc; font: bold 12px arial, sans-serif; } .ajax-scaffold-footer a { color: #fff; text-decoration: none; letter-spacing: 0; padding: 0 2px; margin: 0 -2px; font: bold 12px arial, sans-serif; } .ajax-scaffold-footer a:hover { background: #378CDF; } .ajax-scaffold-footer .next { margin-left: 0; padding-left: 5px; border-left: solid 1px #ccc; } .ajax-scaffold-footer .previous { margin-right: 0; padding-right: 5px; border-right: solid 1px #ccc; } /* Messages ========================= */ .ajax-scaffold .messages-container { padding: 0; margin: 0 7px; border: none; } .ajax-scaffold .empty-message { background: #e8e8e8; padding: 4px; text-align: center; color: #666; } .ajax-scaffold .message { font-size: 11px; font-weight: bold; padding: 5px 20px 5px 21px; color: #333; position: relative; margin: 2px 7px; line-height: 12px; } .ajax-scaffold td .message a { position: absolute; right: 10px; top: 4px; padding: 0; font: bold 11px verdana, sans-serif; letter-spacing: -1px; } .ajax-scaffold .messages-container .message { margin: 0; } .ajax-scaffold .error-message { border-left: solid 5px #f66; background: #fbb url(/images/error.gif) 2px 3px no-repeat; } .ajax-scaffold .warning-message { border-left: solid 5px #ff6; background: #ffb url(/images/warning.gif) 2px 3px no-repeat; } .ajax-scaffold .info-message { border-left: solid 5px #66f; background: #bbf url(/images/information.gif) 2px 3px no-repeat; } * html .ajax-scaffold .messages-container .message { background-position: 7px 3px; } /* Error Styling ========================== */ .ajax-scaffold #errorExplanation { background: #fcc; margin: 2px 7px; border: solid 1px #f66; float: left; } .ajax-scaffold fieldset { clear: both; } .ajax-scaffold #errorExplanation h2 { padding: 2px 5px 3px 20px; color: #333; font-size: 11px; margin: 0; letter-spacing: 0; font-family: Verdana; background: #f66 url(/images/error.gif) 2px 1px no-repeat; } .ajax-scaffold #errorExplanation ul { margin: 0; padding: 0 2px 4px 25px; list-style: disc; } .ajax-scaffold #errorExplanation p { font-size: 11px; padding: 2px 5px; font-family: Verdana; margin: 0; } .ajax-scaffold #errorExplanation ul li { font: bold 11px verdana; letter-spacing: -1px; margin: 0; padding: 0; background: transparent; } .ajax-scaffold .fieldWithErrors input { border: solid 1px #f00; } /* Loading Indicators ============================== */ .ajax-scaffold .loading-indicator { vertical-align: bottom; margin: 0; } .ajax-scaffold .ajax-scaffold-header .loading-indicator, .ajax-scaffold .update .loading-indicator, .ajax-scaffold .create .loading-indicator { vertical-align: bottom; margin-bottom: 3px; } /* Form Styling ============================== */ .ajax-scaffold .submit { font-weight: bold; font-size: 14px; font-family: Arial, sans-serif; letter-spacing: 0; margin: 0; margin-top: 5px; } .ajax-scaffold fieldset { border: none; } .ajax-scaffold label.required{ font-weight: bold; } .ajax-scaffold label.example { font-size: 11px; font-family: arial; color: #888; } .ajax-scaffold h4 { padding: 2px; margin: 0; text-transform: none; color: #1F7F00; letter-spacing: -1px; font: bold 16px arial; } .ajax-scaffold .update a, .ajax-scaffold .create a { font-size: 14px; font-weight: bold; font-family: Arial, sans-serif; letter-spacing: 0; } .ajax-scaffold p { clear: both; } .ajax-scaffold div.row { clear: both; float: none; padding: 2px; margin-left: 5px; } .ajax-scaffold div.form-element { float: left; margin-right: 10px; margin-bottom: 2px; } .ajax-scaffold label { display: block; font-family: Verdana, sans-serif; color: #555; font-size: 11px; padding-bottom: 1px; } .ajax-scaffold input.text-input, .ajax-scaffold select { font-size: 16px; font-weight: bold; font-family: Arial, sans-serif; letter-spacing: -1px; border: solid 1px #1F7F00; } .ajax-scaffold .form-element input { padding: 1px; } .ajax-scaffold textarea { height: 65px; font-family: Arial, sans-serif; font-size: 12px; padding: 1px; border: solid 1px #1F7F00; } /* IE hacks ==================================== */ * html .ajax-scaffold-header { height: 1%; } * html .ajax-scaffold td .messages-container { border-top: solid 1px #DAFFCD; }