param responsive

hello,
i looked at the past support tickets, and couldn’t find what to change in the bellow code, to make the calculator also work for people who are not registered users, if you could tell what part of the code, i would be grateful

<div id=”timezonecalculator_calculator” style=”display: block;”><h2>Calculator</h2>

Choose your current timezone, then pick your date/time in the calendar/drop-down or enter it manually in the date field by using one of these formats: ISO (yyyy-mm-dd), US (mm/dd/yyyy) or any English textual datetime description (tomorrow 3 pm or 2009-04-23 16:30). Let’s start!<br><br>

<div id=”timezonecalculator_calculator_input” style=”margin-right: 20px; float: left; width: 400px;”>
<div class=”timezonecalculator_calculator_row”>
<div class=”timezonecalculator_calculator_input_header”>
<strong id=”timezonecalculator_calculator_input_header_timezone”>TimeZone
</div>
<div class=”timezonecalculator_calculator_input_content” role=”group” aria-labelledby=”timezonecalculator_calculator_input_header_timezone”>

<select class=”continent” name=”timezonecalculator_continent” id=”timezonecalculator_continent”><option value=”etc”>etc</option><option value=”Africa”>Africa</option><option value=”America”>America</option><option value=”Antarctica”>Antarctica</option><option value=”Arctic”>Arctic</option><option value=”Asia”>Asia</option><option value=”Atlantic”>Atlantic</option><option value=”Australia”>Australia</option><option value=”Europe”>Europe</option><option value=”Indian”>Indian</option><option value=”Pacific”>Pacific</option></select>
<select class=”timezone” name=”timezonecalculator_timezone” id=”timezonecalculator_timezone”><option value=”Africa/Abidjan”>Abidjan</option><option value=”Africa/Accra”>Accra</option><option value=”Africa/Addis_Ababa”>Addis Ababa</option><option value=”Africa/Algiers”>Algiers</option><option value=”Africa/Asmara”>Asmara</option><option value=”Africa/Bamako”>Bamako</option><option value=”Africa/Bangui”>Bangui</option><option value=”Africa/Banjul”>Banjul</option><option value=”Africa/Bissau”>Bissau</option><option value=”Africa/Blantyre”>Blantyre</option><option value=”Africa/Brazzaville”>Brazzaville</option><option value=”Africa/Bujumbura”>Bujumbura</option><option value=”Africa/Cairo”>Cairo</option><option value=”Africa/Casablanca”>Casablanca</option><option value=”Africa/Ceuta”>Ceuta</option><option value=”Africa/Conakry”>Conakry</option><option value=”Africa/Dakar”>Dakar</option><option value=”Africa/Dar_es_Salaam”>Dar es Salaam</option><option value=”Africa/Djibouti”>Djibouti</option><option value=”Africa/Douala”>Douala</option><option value=”Africa/El_Aaiun”>El Aaiun</option><option value=”Africa/Freetown”>Freetown</option><option value=”Africa/Gaborone”>Gaborone</option><option value=”Africa/Harare”>Harare</option><option value=”Africa/Johannesburg”>Johannesburg</option><option value=”Africa/Juba”>Juba</option><option value=”Africa/Kampala”>Kampala</option><option value=”Africa/Khartoum”>Khartoum</option><option value=”Africa/Kigali”>Kigali</option><option value=”Africa/Kinshasa”>Kinshasa</option><option value=”Africa/Lagos”>Lagos</option><option value=”Africa/Libreville”>Libreville</option><option value=”Africa/Lome”>Lome</option><option value=”Africa/Luanda”>Luanda</option><option value=”Africa/Lubumbashi”>Lubumbashi</option><option value=”Africa/Lusaka”>Lusaka</option><option value=”Africa/Malabo”>Malabo</option><option value=”Africa/Maputo”>Maputo</option><option value=”Africa/Maseru”>Maseru</option><option value=”Africa/Mbabane”>Mbabane</option><option value=”Africa/Mogadishu”>Mogadishu</option><option value=”Africa/Monrovia”>Monrovia</option><option value=”Africa/Nairobi”>Nairobi</option><option value=”Africa/Ndjamena”>Ndjamena</option><option value=”Africa/Niamey”>Niamey</option><option value=”Africa/Nouakchott”>Nouakchott</option><option value=”Africa/Ouagadougou”>Ouagadougou</option><option value=”Africa/Porto-Novo”>Porto-Novo</option><option value=”Africa/Sao_Tome”>Sao Tome</option><option value=”Africa/Tripoli”>Tripoli</option><option value=”Africa/Tunis”>Tunis</option><option value=”Africa/Windhoek”>Windhoek</option></select>

<script type=”text/javascript”>

/* <![CDATA[ */

/*
populate continents select
*/

jQuery(‘#timezonecalculator_continent’).replaceWith(‘<select class=”continent” name=”timezonecalculator_continent” id=”timezonecalculator_continent”>’+timezonecalculator_continents_array+'</select>’);

/*
load selected continent
*/

timezonecalculator_select_value_in_select(‘timezonecalculator_continent’, ‘Africa’);

/*
populate timezones-select
according to continents-select
*/

timezonecalculator_set_timezone_array(‘timezonecalculator_’);

/*
load selected timezone
*/

timezonecalculator_select_value_in_select(‘timezonecalculator_timezone’, ‘Africa/Abidjan’);

/*
all changes in the continent-select
trigger a reload of the related
timezones-select
*/

jQuery(‘#timezonecalculator_continent’).bind(‘change’, function(e){ timezonecalculator_set_timezone_array(‘timezonecalculator_’); });

/* ]]> */

</script>

</div>
</div>

<div class=”timezonecalculator_calculator_row”>
<div class=”timezonecalculator_calculator_input_header”>
<strong id=”timezonecalculator_calculator_input_header_date”>Date
</div>
<div class=”timezonecalculator_calculator_input_content” style=”display:table; width:100%” role=”group” aria-labelledby=”timezonecalculator_calculator_input_header_date”>
<div style=”display:table-row;”>

<input type=”text” name=”timezonecalculator_date” id=”timezonecalculator_date” placeholder=”2019-08-26, tomorrow 3pm, …” size=”25″ maxlength=”30″ value=””><span class=”fd-screen-reader”>Open Calendar</span>

<script type=”text/javascript”>

/* <![CDATA[ */

var opts = {
formElements:{“timezonecalculator_date”:”Y-ds-m-ds-d”},
highlightDays:[0,0,0,0,0,1,1],
fillGrid:true,
rangeLow:”19300101″,
rangeHigh:”20371231″,
noFadeEffect:true,
constrainSelection:false };

datePickerController.createDatePicker(opts);

timezonecalculator_calculator_set_default_date();
/* ]]> */

</script>
</div>
</div>
</div>

<div class=”timezonecalculator_calculator_row”>
<div class=”timezonecalculator_calculator_input_header”>
<strong id=”timezonecalculator_calculator_input_header_time”>Time
</div>
<div class=”timezonecalculator_calculator_input_content” role=”group” aria-labelledby=”timezonecalculator_calculator_input_header_time”>
<select class=”clock” name=”timezonecalculator_hour” id=”timezonecalculator_hour”><option value=”?”>-</option><option value=”00″>00 (12 am)</option><option value=”01″>01 (01 am)</option><option value=”02″>02 (02 am)</option><option value=”03″>03 (03 am)</option><option value=”04″>04 (04 am)</option><option value=”05″>05 (05 am)</option><option value=”06″>06 (06 am)</option><option value=”07″>07 (07 am)</option><option value=”08″>08 (08 am)</option><option value=”09″>09 (09 am)</option><option value=”10″>10 (10 am)</option><option value=”11″>11 (11 am)</option><option value=”12″>12 (12 pm)</option><option value=”13″>13 (01 pm)</option><option value=”14″>14 (02 pm)</option><option value=”15″>15 (03 pm)</option><option value=”16″>16 (04 pm)</option><option value=”17″>17 (05 pm)</option><option value=”18″>18 (06 pm)</option><option value=”19″>19 (07 pm)</option><option value=”20″>20 (08 pm)</option><option value=”21″>21 (09 pm)</option><option value=”22″>22 (10 pm)</option><option value=”23″>23 (11 pm)</option></select> : <select class=”clock” name=”timezonecalculator_minute” id=”timezonecalculator_minute”><option value=”?”>-</option><option value=”00″>00</option><option value=”05″>05</option><option value=”10″>10</option><option value=”15″>15</option><option value=”20″>20</option><option value=”25″>25</option><option value=”30″>30</option><option value=”35″>35</option><option value=”40″>40</option><option value=”45″>45</option><option value=”50″>50</option><option value=”55″>55</option></select> </div>
</div>

<div class=”timezonecalculator_calculator_input_content” style=”margin-bottom:10px; margin-top:30px”>
<input class=”button-primary” type=”button” name=”timezonecalculator_calculate_time” id=”timezonecalculator_calculate_time” value=”Calculate time”>
<input class=”button-primary” type=”button” name=”timezonecalculator_form_reset” id=”timezonecalculator_form_reset” value=”Reset”>
</div>

</div>

<div id=”timezonecalculator_calculator_results” style=”display: none; min-height: 320.5px; float: left; width: 400px;”>

<div id=”timezonecalculator_block_1″ class=”timezonecalculator-output”></div>
</div>

<div style=”clear:both”></div>

<script type=”text/javascript”>

/* <![CDATA[ */

jQuery(‘#fd-but-timezonecalculator_date span’).first().remove();

timezonecalculator_calculator_settings.block_id=’1′;

/*
register listeners for buttons
*/

jQuery(‘#timezonecalculator_calculate_time’).bind(‘click’, function(){ timezonecalculator_calculator_calculation(); });

jQuery(‘#timezonecalculator_form_reset’).bind(‘click’, function(){ timezonecalculator_calculator_reset_form(); });

/*
register listeners for text-input
*/

jQuery(‘#timezonecalculator_date’).keypress(function(e){
var keycode=(e.keyCode ? e.keyCode : e.which);

if (keycode==13)
timezonecalculator_calculator_calculation();
});

/*
media-query needs to be realized
with javascript
because we need to do some calculations
*/

jQuery(document).ready(function() {
timezonecalculator_resize_calculator_page();
});

jQuery(window).on(‘load resize orientationchange’, function() {
timezonecalculator_resize_calculator_page();
});

/*
needs to have a timeout
because there’s no
trigger available
*/

jQuery(‘#collapse-menu’).on(‘click’, function() {
window.setTimeout(function () {
timezonecalculator_resize_calculator_page();
}, 100);
});

/* ]]> */

</script>

</div>