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; }