function qem_generate_css()
{
$style = qem_get_stored_style();
$cal = qem_get_stored_calendar();
$display = event_get_stored_display();
$register = qem_get_stored_register();
$script = $showeventborder = $formborder = $daycolor = $eventbold = $colour = $eventitalic = '';
if ($style['calender_size'] == 'small') {
$radius = 7;
}
if ($style['calender_size'] == 'medium') {
$radius = 10;
}
if ($style['calender_size'] == 'large') {
$radius = 15;
}
$ssize = 50 + 2 * $style['date_border_width'] . 'px';
$srm = $ssize + 5 + $style['date_border_width'] . 'px';
$msize = 70 + 2 * $style['date_border_width'] . 'px';
$mrm = $msize + 5 + $style['date_border_width'] . 'px';
$lsize = 90 + 2 * $style['date_border_width'] . 'px';
$lrm = $lsize + 5 + $style['date_border_width'] . 'px';
if ($style['date_background'] == 'color') {
$color = $style['date_backgroundhex'];
}
if ($style['date_background'] == 'grey') {
$color = '#343838';
}
if ($style['date_background'] == 'red') {
$color = 'red';
}
if ($style['month_background'] == 'colour') {
$colour = $style['month_backgroundhex'];
} else {
$colour = '#FFF';
}
if ($style['event_background'] == 'bgwhite') {
$eventbackground = 'background:white;';
}
if ($style['event_background'] == 'bgcolor') {
$eventbackground = 'background:' . $style['event_backgroundhex'] . ';';
}
$formwidth = preg_split('#(?<=\\d)(?=[a-z%])#i', $register['formwidth']);
if (!$formwidth[0]) {
$formwidth[0] = '280';
}
if (!$formwidth[1]) {
$formwidth[1] = 'px';
}
$regwidth = $formwidth[0] . $formwidth[1];
$dayborder = 'color:' . $style['date_colour'] . ';background:' . $color . '; border: ' . $style['date_border_width'] . 'px solid ' . $style['date_border_colour'] . ';border-bottom:none;';
$nondayborder = 'border: ' . $style['date_border_width'] . 'px solid ' . $style['date_border_colour'] . ';border-top:none;background:' . $colour . ';';
$monthcolor = 'span.month {color:' . $style['month_colour'] . ';}';
$eventborder = 'border: ' . $style['date_border_width'] . 'px solid ' . $style['date_border_colour'] . ';';
if ($style['icon_corners'] == 'rounded') {
$dayborder = $dayborder . '-webkit-border-top-left-radius:' . $radius . 'px; -moz-border-top-left-radius:' . $radius . 'px; border-top-left-radius:' . $radius . 'px; -webkit-border-top-right-radius:' . $radius . 'px; -moz-border-top-right-radius:' . $radius . 'px; border-top-right-radius:' . $radius . 'px;';
$nondayborder = $nondayborder . '-webkit-border-bottom-left-radius:' . $radius . 'px; -moz-border-bottom-left-radius:' . $radius . 'px; border-bottom-left-radius:' . $radius . 'px; -webkit-border-bottom-right-radius:' . $radius . 'px; -moz-border-bottom-right-radius:' . $radius . 'px; border-bottom-right-radius:' . $radius . 'px;';
$eventborder = $eventborder . '-webkit-border-radius:' . $radius . 'px; -moz-border-radius:' . $radius . 'px; border-radius:' . $radius . 'px;';
}
if ($style['event_border']) {
$showeventborder = 'padding:' . $radius . 'px;' . $eventborder;
}
if ($register['formborder']) {
$formborder = "\n.qem-register {" . $eventborder . "padding:" . $radius . "px;}\n";
}
if ($style['widthtype'] == 'pixel') {
$eventwidth = preg_replace("/[^0-9]/", "", $style['width']) . 'px;';
} else {
$eventwidth = '100%';
}
$i = '300';
if ($display['event_image_width']) {
$i = preg_replace('/[^.,0-9]/', '', $display['event_image_width']);
}
if ($display['map_and_image_size']) {
$i = preg_replace('/[^.,0-9]/', '', $display['map_width']);
}
if ($display['image_width']) {
$j = preg_replace('/[^.,0-9]/', '', $display['image_width']);
} elseif ($display['map_and_image_size']) {
$j = preg_replace('/[^.,0-9]/', '', $display['map_width']);
} else {
$j = '300';
}
if ($cal['eventbold']) {
$eventbold = 'font-weight:bold;';
}
if ($cal['eventitalic']) {
$eventitalic = 'font-style:italic;';
}
$ec = $cal['event_corner'] == 'square' ? 0 : 3;
$script .= '.qem {width:' . $eventwidth . ';' . $style['event_margin'] . ';}
.qem p {' . $style['line_margin'] . ';}
.qem p, .qem h2 {margin: 0 0 8px 0;padding:0;}' . "\n";
if ($style['font'] == 'plugin') {
$script .= ".qem p {font-family: " . $style['font-family'] . "; font-size: " . $style['font-size'] . ";}\n.qem h2, .qem h2 a {font-size: " . $style['header-size'] . " !important;color:" . $style['header-colour'] . " !important}\n";
}
$arr = array('arrow' => '\\25B6', 'square' => '\\25A0', 'box' => '\\20DE', 'asterix' => '\\2605', 'blank' => ' ');
foreach ($arr as $item => $key) {
if ($item == $cal['smallicon']) {
$script .= '#qem-calendar-widget h2 {font-size: 1em;}
#qem-calendar-widget .qemtrim span {display:none;}
#qem-calendar-widget .qemtrim:after{content:"' . $key . '";font-size:150%;}
@media only screen and (max-width: 480px) {
.qemtrim span {display:none;}.qemtrim:after{content:"' . $key . '";font-size:150%;}
}' . "\n";
}
}
$script .= '.qem-small, .qem-medium, .qem-large {' . $showeventborder . $eventbackground . '}' . $formborder . ".qem-register{max-width:" . $regwidth . ";}\nimg.qem-image {max-width:" . $i . "px;height:auto;overflow:hidden;}\nimg.qem-list-image {width:100%;max-width:" . $j . "px !important;height:auto;overflow:hidden;}\n.qem-category {" . $eventborder . "}\n.qem-icon .qem-calendar-small {width:" . $ssize . ";}\n.qem-small {margin-left:" . $srm . ";}\n.qem-icon .qem-calendar-medium {width:" . $msize . ";}\n.qem-medium {margin-left:" . $mrm . ";}\n.qem-icon .qem-calendar-large {width:" . $lsize . ";}\n.qem-large {margin-left:" . $lrm . ";}\n.qem-calendar-small .nonday, .qem-calendar-medium .nonday, .qem-calendar-large .nonday {display:block;" . $nondayborder . "}\n.qem-calendar-small .day, .qem-calendar-medium .day, .qem-calendar-large .day {display:block;" . $daycolor . $dayborder . "}\n.qem-calendar-small .month, .qem-calendar-medium .month, .qem-calendar-large .month {color:" . $style['month_colour'] . "}\n\n#qem-calendar " . $cal['header'] . " {margin: 0 0 8px 0;padding:0;" . $cal['headerstyle'] . "}\n\n#qem-calendar .calmonth {text-align:center;}\n#qem-calendar .calday {background:" . $cal['calday'] . "; color:" . $cal['caldaytext'] . "}\n#qem-calendar .day {background:" . $cal['day'] . ";}\n#qem-calendar .eventday {background:" . $cal['eventday'] . ";}\n#qem-calendar .eventday a {-webkit-border-radius:" . $ec . "px; -moz-border-radius:" . $ec . "px; border-radius:" . $ec . "px;color:" . $cal['eventtext'] . " !important;background:" . $cal['eventbackground'] . " !important;border:" . $cal['eventborder'] . " !important;}\n#qem-calendar .oldday {background:" . $cal['oldday'] . ";}\n#qem-calendar td a:hover {background:" . $cal['eventhover'] . " !important;}\n.qemtrim span {" . $eventbold . $eventitalic . "}\n@media only screen and (max-width: 700px) {\n img.qem-image, img.qem-list-image, .qemmap {max-width:200px;}\n .qemtrim img {display:none;}\n }\n\n@media only screen and (max-width: 480px) {\n img.qem-image, img.qem-list-image, .qemmap {max-width:100px;}\n .qem-large, .qem-medium {margin-left: 50px;}\n .qem-icon .qem-calendar-large, .qem-icon .qem-calendar-medium {font-size: 80%;width: 40px;margin: 0 0 10px 0;padding: 0 0 2px 0;}\n .qem-icon .qem-calendar-large .day, .qem-icon .qem-calendar-medium .day {padding: 2px 0;}\n .qem-icon .qem-calendar-large .month, .qem-icon .qem-calendar-medium .month {font-size: 140%;padding: 2px 0;}\n}\n";
if ($cal['tdborder']) {
if ($cal['cellspacing'] > 0) {
$script .= '#qem-calendar td.day, #qem-calendar td.eventday, #qem-calendar td.calday {border: ' . $cal['tdborder'] . ';}' . "\n";
} else {
$script .= '#qem-calendar td.day, #qem-calendar td.eventday, #qem-calendar td.calday {border-left:none;border-top:none;border-right: ' . $cal['tdborder'] . ';border-bottom: ' . $cal['tdborder'] . ';}' . "\n" . '
#qem-calendar tr td.day:first-child,#qem-calendar tr td.eventday:first-child,#qem-calendar tr td.calday:first-child{border-left: ' . $cal['tdborder'] . ';}' . "\n" . '
#qem-calendar tr td.calday{border-top: ' . $cal['tdborder'] . ';}' . "\n" . '
#qem-calendar tr td.blankday {border-bottom: ' . $cal['tdborder'] . ';}' . "\n" . '
#qem-calendar tr td.firstday {border-right: ' . $cal['tdborder'] . ';border-bottom: ' . $cal['tdborder'] . ';}' . "\n";
}
}
if ($register['ontheright']) {
$script .= '.qem-register {width:100%;}' . "\n" . '.qem-rightregister {max-width:' . $i . 'px; margin: 0px 0px 10px 10px;}' . "\n";
}
if ($style['use_custom'] == 'checked') {
$script .= $style['custom'];
}
$cat = array('a', 'b', 'c', 'd', 'e', 'f', 'g', 'h', 'i', 'j');
foreach ($cat as $i) {
if ($cal['cat' . $i]) {
$eb = $cal['fixeventborder'] || $cal['eventborder'] == 'none' ? '' : 'border:1px solid ' . $cal['cat' . $i . 'text'] . ' !important;';
$script .= "#qem-calendar a." . $cal['cat' . $i] . " {background:" . $cal['cat' . $i . 'back'] . " !important;color:" . $cal['cat' . $i . 'text'] . " !important;" . $eb . "}\n";
$script .= '.' . $cal['cat' . $i] . ' .qem-small, .' . $cal['cat' . $i] . ' .qem-medium, .' . $cal['cat' . $i] . ' .qem-large {border-color:' . $cal['cat' . $i . 'back'] . ';}' . "\n" . '
.' . $cal['cat' . $i] . ' .qem-calendar-small .day, .' . $cal['cat' . $i] . ' .qem-calendar-medium .day, .' . $cal['cat' . $i] . ' .qem-calendar-large .day, .' . $cal['cat' . $i] . ' .qem-calendar-small .nonday, .' . $cal['cat' . $i] . ' .qem-calendar-medium .nonday, .' . $cal['cat' . $i] . ' .qem-calendar-large .nonday {border-color:' . $cal['cat' . $i . 'back'] . ';}' . "\n";
}
}
return $script;
}
function qem_styles()
{
if (isset($_POST['Submit']) && check_admin_referer("save_qem")) {
$options = array('use_head', 'font', 'font-family', 'font-size', 'header-size', 'header-colour', 'width', 'widthtype', 'event_background', 'event_backgroundhex', 'date_colour', 'date_background', 'date_backgroundhex', 'month_background', 'month_backgroundhex', 'month_colour', 'use_custom', 'custom', 'date_bold', 'date_italic', 'date_border_width', 'date_border_colour', 'calender_size', 'event_border', 'icon_corners', 'event_margin', 'line_margin', 'use_dayname', 'use_dayname_inline', 'iconorder', 'cat_border', 'vanilla', 'vanillawidget', 'linktocategories', 'showuncategorised', 'showkeyabove', 'showkeybelow', 'keycaption', 'showcategory', 'showcategorycaption', 'uselabels', 'startlabel', 'finishlabel', 'catallevents', 'catalleventscaption');
foreach ($options as $item) {
$style[$item] = stripslashes($_POST[$item]);
$style[$item] = filter_var($style[$item], FILTER_SANITIZE_STRING);
}
update_option('qem_style', $style);
qem_create_css_file('update');
qem_admin_notice(__('The form styles have been updated', 'quick-event-manager'));
}
if (isset($_POST['Reset']) && check_admin_referer("save_qem")) {
delete_option('qem_style');
qem_create_css_file('update');
qem_admin_notice(__('The style settings have been reset', 'quick-event-manager'));
}
$style = qem_get_stored_style();
${$style}['font'] = 'checked';
${$style}['widthtype'] = 'checked';
${$style}['background'] = 'checked';
${$style}['event_background'] = 'checked';
${$style}['date_background'] = 'checked';
${$style}['month_background'] = 'checked';
${$style}['icon_corners'] = 'checked';
${$style}['iconorder'] = 'checked';
${$style}['calender_size'] = 'checked';
$content = '<style>' . qem_generate_css() . '</style>
<div class="qem-settings">
<div class="qem-options">
<form method="post" action="">
<table>
<tr>
<td colspan="2"><h2>' . __('Event Width', 'quick-event-manager') . '</h2></td></tr>
<tr>
<td colspan="2"><input type="radio" name="widthtype" value="percent" ' . $percent . ' /> ' . __('100% (fill the available space)', 'quick-event-manager') . '<br />
<input type="radio" name="widthtype" value="pixel" ' . $pixel . ' /> ' . __('Pixel (fixed)', 'quick-event-manager') . '<br />
' . __('Enter the max-width ', 'quick-event-manager') . ': <input type="text" style="width:4em;" label="width" name="width" value="' . $style['width'] . '" />px ' . __('(Just enter the value, no need to add \'px\')', 'quick-event-manager') . '.</td></tr>
<tr>
<td colspan="2"><h2>' . __('Font Options', 'quick-event-manager') . '</h2></td>
</tr>
<tr>
<td colspan="2"><input type="radio" name="font" value="theme" ' . $theme . ' /> ' . __('Use your theme font styles', 'quick-event-manager') . '<br />
<input type="radio" name="font" value="plugin" ' . $plugin . ' /> ' . __('Use Plugin font styles (enter font family and size below)', 'quick-event-manager') . '</td></tr>
<tr>
<td>' . __('Font Family', 'quick-event-manager') . ':</td>
<td><input type="text" style="" label="font-family" name="font-family" value="' . $style['font-family'] . '" /></td></tr>
<tr>
<td>' . __('Font Size', 'quick-event-manager') . ':</td>
<td><input type="text" style="width:4em;" label="font-size" name="font-size" value="' . $style['font-size'] . '" /><br>
<span class="description">This is the base font size, you can set the sizes of each part of the listing in the Event Settings.</span></td></tr>
<tr>
<td>' . __('Header Size', 'quick-event-manager') . ':</td>
<td><input type="text" style="width:4em;" label="header-size" name="header-size" value="' . $style['header-size'] . '" /> ' . __('This the size of the title in the event list', 'quick-event-manager') . '.</td>
</tr>
<tr>
<td>' . __('Header Colour', 'quick-event-manager') . ':</td>
<td><input type="text" class="qem-color" label="header-colour" name="header-colour" value="' . $style['header-colour'] . '" /></td>
</tr>
<tr>
<td colspan="2"><h2>' . __('Calender Icon', 'quick-event-manager') . '</h2></td>
</tr>
<tr>
<td>' . __('Remove styles', 'quick-event-manager') . '</td>
<td><input type="checkbox" style="margin:0; padding: 0; border: none" name="vanilla"' . $style['vanilla'] . ' value="checked" /> ' . __('Do not style the calendar icon', 'quick-event-manager') . '</td>
</tr>
<tr>
<td style="vertical-align:top;">' . __('Size', 'quick-event-manager') . '</td>
<td>
<input type="radio" name="calender_size" value="small" ' . $small . ' /> ' . __('Small', 'quick-event-manager') . ' (40px)<br />
<input type="radio" name="calender_size" value="medium" ' . $medium . ' /> ' . __('Medium', 'quick-event-manager') . ' (60px)<br />
<input type="radio" name="calender_size" value="large" ' . $large . ' /> ' . __('Large', 'quick-event-manager') . '(80px)</td>
</tr>
<tr>
<td>' . __('Corners', 'quick-event-manager') . '</td>
<td>
<input type="radio" name="icon_corners" value="square" ' . $square . ' /> ' . __('Square', 'quick-event-manager') . '
<input type="radio" name="icon_corners" value="rounded" ' . $rounded . ' /> ' . __('Rounded', 'quick-event-manager') . '</td>
</tr>
<tr>
<td>' . __('Border Thickness', 'quick-event-manager') . '</td>
<td><input type="text" style="width:2em;" label="calendar border" name="date_border_width" value="' . $style['date_border_width'] . '" /> px</td>
</tr>
<tr>
<td>' . __('Border Colour', 'quick-event-manager') . ':</td>
<td><input type="text" class="qem-color" label="calendar border" name="date_border_colour" value="' . $style['date_border_colour'] . '" /><br><span class="description">' . __('There is an option below to use category colours for the icon border', 'quick-event-manager') . '.</span></td>
</tr>
<tr>
<td>' . __('Calendar Icon Order', 'quick-event-manager') . '</td>
<td>
<input type="radio" name="iconorder" value="default" ' . $default . ' /> ' . __('DMY', 'quick-event-manager') . ' <input type="radio" name="iconorder" value="month" ' . $month . ' /> ' . __('MDY', 'quick-event-manager') . '
<input type="radio" name="iconorder" value="year" ' . $year . ' /> ' . __('YDM', 'quick-event-manager') . '
<input type="radio" name="iconorder" value="dm" ' . $dm . ' /> ' . __('DM', 'quick-event-manager') . ' <input type="radio" name="iconorder" value="md" ' . $md . ' /> ' . __('MD', 'quick-event-manager') . '</td>
</tr>
<tr>
<td>' . __('Start/Finish Labels', 'quick-event-manager') . '</td>
<td><input type="checkbox" style="margin:0; padding: 0; border: none" name="uselabels"' . $style['uselabels'] . ' value="checked" /> ' . __('Show start/finish labels', 'quick-event-manager') . '<br>
' . __('Start', 'quick-event-manager') . ': <input type="text" style="width:7em;" name="startlabel" value="' . $style['startlabel'] . '" /> ' . __('Finish', 'quick-event-manager') . ': <input type="text" style="width:7em;" name="finishlabel" value="' . $style['finishlabel'] . '" /></td>
</tr>
<tr>
<td>' . __('Day Name', 'quick-event-manager') . '</td>
<td><input type="checkbox" style="margin:0; padding: 0; border: none" name="use_dayname"' . $style['use_dayname'] . ' value="checked" /> ' . __('Show day name', 'quick-event-manager') . '<br>
<input type="checkbox" style="margin:0; padding: 0; border: none" name="use_dayname_inline"' . $style['use_dayname_inline'] . ' value="checked" /> ' . __('Show day name inline with date', 'quick-event-manager') . '</td>
</tr>
<tr>
<td style="vertical-align:top;">' . __('Date Background colour', 'quick-event-manager') . '</td>
<td>
<input type="radio" name="date_background" value="grey" ' . $grey . ' /> ' . __('Grey', 'quick-event-manager') . '<br />
<input type="radio" name="date_background" value="red" ' . $red . ' /> ' . __('Red', 'quick-event-manager') . '<br />
<input type="radio" name="date_background" value="color" ' . $color . ' /> ' . __('Set your own', 'quick-event-manager') . '<br />
<input type="text" class="qem-color" label="background" name="date_backgroundhex" value="' . $style['date_backgroundhex'] . '" /></td>
</tr>
<tr>
<td>' . __('Date Text Colour', 'quick-event-manager') . '</td>
<td><input type="text" class="qem-color" label="date colour" name="date_colour" value="' . $style['date_colour'] . '" /></td>
</tr>
<tr>
<td style="vertical-align:top;">' . __('Month Background colour', 'quick-event-manager') . '</td>
<td>
<input type="radio" name="month_background" value="mwhite" ' . $mwhite . ' /> ' . __('White', 'quick-event-manager') . '<br />
<input type="radio" name="month_background" value="colour" ' . $colour . ' /> ' . __('Set your own', 'quick-event-manager') . '<br />
<input type="text" class="qem-color" name="month_backgroundhex" value="' . $style['month_backgroundhex'] . '" /></td>
</tr>
<tr>
<td>' . __('Month Text Colour', 'quick-event-manager') . '</td>
<td><input type="text" class="qem-color" label="month colour" name="month_colour" value="' . $style['month_colour'] . '" /></td>
</tr>
<tr>
<td>' . __('Month Text Style', 'quick-event-manager') . '</td>
<td><input type="checkbox" name="date_bold" value="checked" ' . $style['date_bold'] . ' /> ' . __('Bold', 'quick-event-manager') . '
<input type="checkbox" name="date_italic" value="checked" ' . $style['date_italic'] . ' /> ' . __('Italic', 'quick-event-manager') . '</td>
</tr>
<tr>
<td colspan="2"><h2>' . __('Event Content', 'quick-event-manager') . '</h2></td>
</tr>
<tr>
<td style="vertical-align:top;">' . __('Event Border', 'quick-event-manager') . '</td>
<td><input type="checkbox" style="margin:0; padding: 0; border: none" name="event_border"' . $style['event_border'] . ' value="checked" /> ' . __('Add a border to the event post', 'quick-event-manager') . '<br /><span class="description">' . __('Thickness and colour will be the same as the calendar icon', 'quick-event-manager') . '.</span></td>
</tr>
<tr>
<td style="vertical-align:top;">' . __('Event Background Colour', 'quick-event-manager') . '</td>
<td><input type="radio" name="event_background" value="bgwhite" ' . $bgwhite . ' /> ' . __('White', 'quick-event-manager') . '<br />
<input type="radio" name="event_background" value="bgtheme" ' . $bgtheme . ' /> ' . __('Use theme colours', 'quick-event-manager') . '<br />
<input type="radio" name="event_background" value="bgcolor" ' . $bgcolor . ' /> ' . __('Set your own', 'quick-event-manager') . '<br />
<input type="text" class="qem-color" label="background" name="event_backgroundhex" value="' . $style['event_backgroundhex'] . '" /></td>
</tr>
<tr>
<td style="vertical-align:top;">' . __('Margins and Padding', 'quick-event-manager') . '</td>
<td><span class="description">' . __('Set the margins and padding of each bit using CSS shortcodes', 'quick-event-manager') . ':</span><br><input type="text" label="line margin" name="line_margin" value="' . $style['line_margin'] . '" /></td>
</tr>
<tr>
<td style="vertical-align:top;">' . __('Event Margin', 'quick-event-manager') . '</td>
<td><span class="description">' . __('Set the margin or each event using CSS shortcodes', 'quick-event-manager') . ':</span><br>
<input type="text" label="margin" name="event_margin" value="' . $style['event_margin'] . '" /></td>
</tr>
<tr>
<td colspan="2"><h2>' . __('Categories', 'quick-event-manager') . '</h2></td>
</tr>
<tr>
<td width="30%">' . __('Display category key', 'quick-event-manager') . '</td>
<td><input type="checkbox" style="margin:0; padding: 0; border: none" name="showkeyabove" ' . $style['showkeyabove'] . ' value="checked" /> ' . __('Show above event list', 'quick-event-manager') . '<br>
<input type="checkbox" style="margin:0; padding: 0; border: none" name="showkeybelow" ' . $style['showkeybelow'] . ' value="checked" /> ' . __('Show below event list', 'quick-event-manager') . '</td>
</tr>
<tr>
<td width="30%">' . __('Caption', 'quick-event-manager') . '</td>
<td><input type="text" style="" label="text" name="keycaption" value="' . $style['keycaption'] . '" /></td>
</tr>
<tr>
<td width="30%">' . __('Add link back to all events', 'quick-event-manager') . '</td>
<td><input type="checkbox" style="margin:0; padding: 0; border: none" name="catallevents" ' . $style['catallevents'] . ' value="checked" /><br><span class="description">' . __('This uses the URL set on the', 'quick-event-manager') . ' <a href="?page=quick-event-manager/settings.php&tab=display">' . __('Event Display', 'quick-event-manager') . '</a> ' . __('page', 'quick-event-manager') . '.</span></td>
</tr>
<tr>
<td width="30%">' . __('Caption', 'quick-event-manager') . '</td>
<td><input type="text" style="" label="text" name="catalleventscaption" value="' . $style['catalleventscaption'] . '" /></td>
</tr>
<tr>
<td style="vertical-align:top;">' . __('Category Colours', 'quick-event-manager') . '</td><td><input type="checkbox" style="margin:0; padding: 0; border: none" name="cat_border"' . $style['cat_border'] . ' value="checked" /> ' . __('Use category colours for the event border', 'quick-event-manager') . '<br />
<span class="description">' . __('Options are set on the', 'quick-event-manager') . ' <a href="?page=quick-event-manager/settings.php&tab=calendar">' . __('Calendar Settings', 'quick-event-manager') . '</a> ' . __('page', 'quick-event-manager') . '.</span></td>
</tr>
<tr>
<td width="30%"></td><td><input type="checkbox" style="margin:0; padding: 0; border: none" name="showcategory" ' . $style['showcategory'] . ' value="checked" /> ' . __('Show name of current category', 'quick-event-manager') . '</td>
</tr>
<tr>
<td width="30%"></td>
<td>' . __('Current category label', 'quick-event-manager') . ':<br><input type="text" style="" label="text" name="showcategorycaption" value="' . $style['showcategorycaption'] . '" /></td>
</tr>
<tr>
<td>' . __('Linking', 'quick-event-manager') . '</td>
<td><input type="checkbox" style="margin:0; padding: 0; border: none" name="linktocategories" ' . $style['linktocategories'] . ' value="checked" /> ' . __('Link keys to categories', 'quick-event-manager') . '<br>
<input type="checkbox" style="margin:0; padding: 0; border: none" name="showuncategorised" ' . $style['showuncategorised'] . ' value="checked" /> ' . __('Show uncategorised key', 'quick-event-manager') . '</td>
</tr>
</table>
<h2>' . __('Custom CSS', 'quick-event-manager') . '</h2>
<p><input type="checkbox" style="margin:0; padding: 0; border: none" name="use_head"' . $style['use_head'] . ' value="checked" /> ' . __('Add styles to document head', 'quick-event-manager') . '. ' . __('Use this option if you are unable to create or save a stylesheet for the plugin', 'quick-event-manager') . '</p>
<p><input type="checkbox" style="margin:0; padding: 0; border: none" name="use_custom"' . $style['use_custom'] . ' value="checked" /> ' . __('Use Custom CSS', 'quick-event-manager') . '</p>
<p><textarea style="width:100%;height:100px;" name="custom">' . $style['custom'] . '</textarea></p>
<p>' . __('To see all the styling use the', 'quick-event-manager') . ' <a href="plugin-editor.php?file=quick-event-manager/quick-event-manager.css">' . __('CSS editor', 'quick-event-manager') . '</a>.</p>
<p>' . __('The main style wrapper is the <code>.qem</code> class.', 'quick-event-manager') . '</p>
<p><input type="submit" name="Submit" class="button-primary" style="color: #FFF;" value="' . __('Save Changes', 'quick-event-manager') . '" /> <input type="submit" name="Reset" class="button-primary" style="color: #FFF;" value="' . __('Reset', 'quick-event-manager') . '" onclick="return window.confirm( \'' . __('Are you sure you want to reset the style settings?', 'quick-event-manager') . '\' );"/></p>';
$content .= wp_nonce_field("save_qem");
$content .= '</form>
</div>
</div>
<div class="qem-options" style="float:right">
<h2>' . __('Event List Preview', 'quick-event-manager') . '</h2>
<p>' . __('Check the event list in your site as the Wordpress Dashboard can do funny things with styles', 'quick-event-manager') . '</p>';
$atts = array('posts' => '3');
$content .= qem_event_shortcode($atts, '');
$content .= '</div>';
echo $content;
}
