No OneTemporary
Actions

Size

58 KB

Referenced Files

None

Subscribers

None

View Options

	diff --git a/program/js/googiespell.js b/program/js/googiespell.js
	index 02dfb94c7..9ca4b0677 100644
	--- a/program/js/googiespell.js
	+++ b/program/js/googiespell.js
	@@ -1,998 +1,987 @@
	/**
	* Roundcube SpellCheck script
	*
	* jQuery'fied spell checker based on GoogieSpell 4.0
	* (which was published under GPL "version 2 or any later version")
	*
	* @licstart The following is the entire license notice for the
	* JavaScript code in this file.
	*
	* Copyright (C) 2006 Amir Salihefendic
	* Copyright (C) The Roundcube Dev Team
	* Copyright (C) Kolab Systems AG
	*
	* The JavaScript code in this page is free software: you can
	* redistribute it and/or modify it under the terms of the GNU
	* General Public License (GNU GPL) as published by the Free Software
	* Foundation, either version 3 of the License, or (at your option)
	* any later version. The code is distributed WITHOUT ANY WARRANTY;
	* without even the implied warranty of MERCHANTABILITY or FITNESS
	* FOR A PARTICULAR PURPOSE. See the GNU GPL for more details.
	*
	* As additional permission under GNU GPL version 3 section 7, you
	* may distribute non-source (e.g., minimized or compacted) forms of
	* that code without the copy of the GNU GPL normally required by
	* section 4, provided you include this license notice and a URL
	* through which recipients can access the Corresponding Source.
	*
	* @licend The above is the entire license notice
	* for the JavaScript code in this file.
	*
	* @author 4mir Salihefendic <amix@amix.dk>
	* @author Aleksander Machniak - <alec [at] alec.pl>
	*/

	var GOOGIE_CUR_LANG,
	GOOGIE_DEFAULT_LANG = 'en';

	function GoogieSpell(img_dir, server_url, has_dict)
	{
	var ref = this,
	cookie_value = rcmail.get_cookie('language');

	GOOGIE_CUR_LANG = cookie_value != null ? cookie_value : GOOGIE_DEFAULT_LANG;

	this.array_keys = function(arr) {
	var res = [];
	for (var key in arr) { res.push([key]); }
	return res;
	}

	this.img_dir = img_dir;
	this.server_url = server_url;

	this.org_lang_to_word = {
	"da": "Dansk", "de": "Deutsch", "en": "English",
	"es": "Español", "fr": "Français", "it": "Italiano",
	"nl": "Nederlands", "pl": "Polski", "pt": "Português",
	"ru": "Русский", "fi": "Suomi", "sv": "Svenska"
	};
	this.lang_to_word = this.org_lang_to_word;
	this.langlist_codes = this.array_keys(this.lang_to_word);
	this.show_change_lang_pic = false; // roundcube mod.
	this.change_lang_pic_placement = 'right';
	this.report_state_change = true;

	this.ta_scroll_top = 0;
	this.el_scroll_top = 0;

	this.lang_chck_spell = "Check spelling";
	this.lang_revert = "Revert to";
	this.lang_close = "Close";
	this.lang_rsm_edt = "Resume editing";
	this.lang_no_error_found = "No spelling errors found";
	this.lang_no_suggestions = "No suggestions";
	this.lang_learn_word = "Add to dictionary";

	this.use_ok_pic = false; // added by roundcube
	this.show_spell_img = false; // roundcube mod.
	this.decoration = true;
	this.use_close_btn = false;
	this.edit_layer_dbl_click = true;
	this.report_ta_not_found = true;

	// Extensions
	this.custom_ajax_error = null;
	this.custom_no_spelling_error = null;
	this.extra_menu_items = [];
	this.custom_spellcheck_starter = null;
	this.main_controller = true;
	this.has_dictionary = has_dict;

	// Observers
	this.lang_state_observer = null;
	this.spelling_state_observer = null;
	this.show_menu_observer = null;
	this.all_errors_fixed_observer = null;

	// Focus links - used to give the text box focus
	this.use_focus = false;
	this.focus_link_t = null;
	this.focus_link_b = null;

	// Counters
	this.cnt_errors = 0;
	this.cnt_errors_fixed = 0;

	// Set document's onclick to hide the language and error menu
	$(document).click(function(e) {
	var target = $(e.target);
	if (target.attr('googie_action_btn') != '1' && ref.isErrorWindowShown())
	ref.hideErrorWindow();
	});


	this.decorateTextarea = function(id)
	{
	this.text_area = typeof id === 'string' ? document.getElementById(id) : id;

	if (this.text_area) {
	if (!this.spell_container && this.decoration) {
	var table = document.createElement('table'),
	tbody = document.createElement('tbody'),
	tr = document.createElement('tr'),
	spell_container = document.createElement('td'),
	r_width = this.isDefined(this.force_width) ? this.force_width : this.text_area.offsetWidth,
	r_height = this.isDefined(this.force_height) ? this.force_height : 16;

	tr.appendChild(spell_container);
	tbody.appendChild(tr);
	$(table).append(tbody).insertBefore(this.text_area).width('100%').height(r_height);
	$(spell_container).height(r_height).width(r_width).css('text-align', 'right');

	this.spell_container = spell_container;
	}

	this.checkSpellingState();
	}
	else if (this.report_ta_not_found) {
	rcmail.alert_dialog('Text area not found');
	}
	};

	//////
	// API Functions (the ones that you can call)
	/////
	this.setSpellContainer = function(id)
	{
	this.spell_container = typeof id === 'string' ? document.getElementById(id) : id;
	};

	this.setLanguages = function(lang_dict)
	{
	this.lang_to_word = lang_dict;
	this.langlist_codes = this.array_keys(lang_dict);
	};

	this.setCurrentLanguage = function(lan_code)
	{
	GOOGIE_CUR_LANG = lan_code;

	//Set cookie
	var now = new Date();
	now.setTime(now.getTime() + 365 * 24 * 60 * 60 * 1000);
	rcmail.set_cookie('language', lan_code, now);
	};

	this.setForceWidthHeight = function(width, height)
	{
	// Set to null if you want to use one of them
	this.force_width = width;
	this.force_height = height;
	};

	this.setDecoration = function(bool)
	{
	this.decoration = bool;
	};

	this.dontUseCloseButtons = function()
	{
	this.use_close_btn = false;
	};

	this.appendNewMenuItem = function(name, call_back_fn, checker)
	{
	this.extra_menu_items.push([name, call_back_fn, checker]);
	};

	this.setFocus = function()
	{
	try {
	this.focus_link_b.focus();
	this.focus_link_t.focus();
	return true;
	}
	catch(e) {
	return false;
	}
	};


	//////
	// Set functions (internal)
	/////
	this.setStateChanged = function(current_state)
	{
	this.state = current_state;
	if (this.spelling_state_observer != null && this.report_state_change)
	this.spelling_state_observer(current_state, this);
	};

	this.setReportStateChange = function(bool)
	{
	this.report_state_change = bool;
	};


	//////
	// Request functions
	/////
	this.getUrl = function()
	{
	return this.server_url + GOOGIE_CUR_LANG;
	};

	this.escapeSpecial = function(val)
	{
	return val ? val.replace(/&/g, "&").replace(/</g, "<").replace(/>/g, ">") : '';
	};

	this.createXMLReq = function (text)
	{
	return '<?xml version="1.0" encoding="utf-8" ?>'
	+ '<spellrequest textalreadyclipped="0" ignoredups="0" ignoredigits="1" ignoreallcaps="1">'
	+ '<text>' + text + '</text></spellrequest>';
	};

	this.spellCheck = function(ignore)
	{
	this.prepare(ignore);

	var req_text = this.escapeSpecial(this.orginal_text),
	ref = this;

	$.ajax({ type: 'POST', url: this.getUrl(), data: this.createXMLReq(req_text), dataType: 'text',
	error: function(o) {
	if (ref.custom_ajax_error) {
	ref.custom_ajax_error(ref);
	}
	else {
	rcmail.alert_dialog('An error was encountered on the server. Please try again later.');
	}
	if (ref.main_controller) {
	$(ref.spell_span).remove();
	ref.removeIndicator();
	}
	ref.checkSpellingState();
	},
	success: function(data) {
	ref.processData(data);
	if (!ref.results.length) {
	if (!ref.custom_no_spelling_error)
	ref.flashNoSpellingErrorState();
	else
	ref.custom_no_spelling_error(ref);
	}
	ref.removeIndicator();
	}
	});
	};

	this.learnWord = function(word, id)
	{
	word = this.escapeSpecial(word.innerHTML);

	var ref = this,
	req_text = '<?xml version="1.0" encoding="utf-8" ?><learnword><text>' + word + '</text></learnword>';

	$.ajax({ type: 'POST', url: this.getUrl(), data: req_text, dataType: 'text',
	error: function(o) {
	if (ref.custom_ajax_error) {
	ref.custom_ajax_error(ref);
	}
	else {
	rcmail.alert_dialog('An error was encountered on the server. Please try again later.');
	}
	},
	success: function(data) {
	}
	});
	};


	//////
	// Spell checking functions
	/////
	this.prepare = function(ignore, no_indicator)
	{
	this.cnt_errors_fixed = 0;
	this.cnt_errors = 0;
	this.setStateChanged('checking_spell');
	this.orginal_text = '';

	if (!no_indicator && this.main_controller)
	this.appendIndicator(this.spell_span);

	this.error_links = [];
	this.ta_scroll_top = this.text_area.scrollTop;
	this.ignore = ignore;

	var area = $(this.text_area);

	if (area.val() == '' \|\| ignore) {
	if (!this.custom_no_spelling_error)
	this.flashNoSpellingErrorState();
	else
	this.custom_no_spelling_error(this);
	this.removeIndicator();
	return;
	}

	this.createEditLayer(area.width(), area.height());
	this.createErrorWindow();
	$('body').append(this.error_window);

	try { netscape.security.PrivilegeManager.enablePrivilege("UniversalBrowserRead"); }
	catch (e) { }

	if (this.main_controller)
	$(this.spell_span).off('click');

	this.orginal_text = area.val();
	};

	this.parseResult = function(r_text)
	{
	// Returns an array: result[item] -> ['attrs'], ['suggestions']
	var re_split_attr_c = /\w+="(\d+\|true)"/g,
	re_split_text = /\t/g,
	matched_c = r_text.match(/<c[^>]>[^<]<\/c>/g),
	results = [];

	if (matched_c == null)
	return results;

	for (var i=0, len=matched_c.length; i < len; i++) {
	var item = [];
	this.errorFound();

	// Get attributes
	item['attrs'] = [];
	var c_attr, val,
	split_c = matched_c[i].match(re_split_attr_c);
	for (var j=0; j < split_c.length; j++) {
	c_attr = split_c[j].split(/=/);
	val = c_attr[1].replace(/"/g, '');
	item['attrs'][c_attr[0]] = val != 'true' ? parseInt(val) : val;
	}

	// Get suggestions
	item['suggestions'] = [];
	var only_text = matched_c[i].replace(/<[^>]*>/g, ''),
	split_t = only_text.split(re_split_text);
	for (var k=0; k < split_t.length; k++) {
	if(split_t[k] != '')
	item['suggestions'].push(split_t[k]);
	}
	results.push(item);
	}

	return results;
	};

	this.processData = function(data)
	{
	this.results = this.parseResult(data);
	if (this.results.length) {
	this.showErrorsInIframe();
	this.resumeEditingState();
	}
	};

	//////
	// Error menu functions
	/////
	this.createErrorWindow = function()
	{
	this.error_window = document.createElement('div');
	$(this.error_window).addClass('googie_window popupmenu').attr('googie_action_btn', '1');
	};

	this.isErrorWindowShown = function()
	{
	return $(this.error_window).is(':visible');
	};

	this.hideErrorWindow = function()
	{
	$(this.error_window).hide();
	$(this.error_window_iframe).hide();
	};

	this.updateOrginalText = function(offset, old_value, new_value, id)
	{
	var part_1 = this.orginal_text.substring(0, offset),
	part_2 = this.orginal_text.substring(offset+old_value.length),
	add_2_offset = new_value.length - old_value.length;

	this.orginal_text = part_1 + new_value + part_2;
	$(this.text_area).val(this.orginal_text);
	for (var j=0, len=this.results.length; j<len; j++) {
	// Don't edit the offset of the current item
	if (j != id && j > id)
	this.results[j]['attrs']['o'] += add_2_offset;
	}
	};

	this.saveOldValue = function(elm, old_value) {
	elm.is_changed = true;
	elm.old_value = old_value;
	};

	this.createListSeparator = function()
	{
	return $('<li>').html(' ').attr('googie_action_btn', '1')
	.css({'cursor': 'default', 'font-size': '3px', 'border-top': '1px solid #ccc', 'padding-top': '3px'})
	.get(0);
	};

	this.correctError = function(id, elm, l_elm, rm_pre_space)
	{
	var old_value = elm.innerHTML,
	new_value = l_elm.nodeType == 3 ? l_elm.nodeValue : l_elm.innerHTML,
	offset = this.results[id]['attrs']['o'];

	if (rm_pre_space) {
	var pre_length = elm.previousSibling.innerHTML;
	elm.previousSibling.innerHTML = pre_length.slice(0, pre_length.length-1);
	old_value = " " + old_value;
	offset--;
	}

	this.hideErrorWindow();
	this.updateOrginalText(offset, old_value, new_value, id);

	$(elm).html(new_value).css('color', 'green').attr('is_corrected', true);

	this.results[id]['attrs']['l'] = new_value.length;

	if (!this.isDefined(elm.old_value))
	this.saveOldValue(elm, old_value);

	this.errorFixed();
	};

	this.ignoreError = function(elm, id)
	{
	// @TODO: ignore all same words
	$(elm).removeAttr('class').css('color', '').off();
	this.hideErrorWindow();
	};

	this.showErrorWindow = function(elm, id)
	{
	if (this.show_menu_observer)
	this.show_menu_observer(this);

	var ref = this,
	pos = $(elm).offset(),
	list = document.createElement('ul');

	$(this.error_window).html('');
	- $(list).addClass('googie_list').attr('googie_action_btn', '1');
	+ $(list).addClass('googie_list toolbarmenu').attr('googie_action_btn', '1');

	// Build up the result list
	var suggestions = this.results[id]['suggestions'],
	offset = this.results[id]['attrs']['o'],
	len = this.results[id]['attrs']['l'],
	- row, item, dummy;
	+ item, dummy;

	// [Add to dictionary] button
	if (this.has_dictionary && !$(elm).attr('is_corrected')) {
	- row = document.createElement('li'),
	- dummy = document.createElement('span');
	+ dummy = $('<a>').text(this.lang_learn_word).addClass('googie_add_to_dict active');

	- $(dummy).text(this.lang_learn_word).addClass('googie_add_to_dict');
	- $(row).attr('googie_action_btn', '1').css('cursor', 'default')
	+ $('<li>').attr('googie_action_btn', '1').css('cursor', 'default')
	.mouseover(ref.item_onmouseover)
	.mouseout(ref.item_onmouseout)
	.click(function(e) {
	ref.learnWord(elm, id);
	ref.ignoreError(elm, id);
	- });
	-
	- row.appendChild(dummy);
	- list.appendChild(row);
	+ })
	+ .append(dummy)
	+ .appendTo(list);
	}

	for (var i=0, len=suggestions.length; i < len; i++) {
	- row = document.createElement('li'),
	- dummy = document.createElement('span');
	-
	- $(dummy).html(suggestions[i]);
	+ dummy = $('<a>').html(suggestions[i]).addClass('active');

	- $(row).mouseover(this.item_onmouseover).mouseout(this.item_onmouseout)
	- .click(function(e) { ref.correctError(id, elm, e.target.firstChild); });
	-
	- row.appendChild(dummy);
	- list.appendChild(row);
	+ $('<li>').mouseover(this.item_onmouseover).mouseout(this.item_onmouseout)
	+ .click(function(e) { ref.correctError(id, elm, e.target.firstChild); })
	+ .append(dummy)
	+ .appendTo(list);
	}

	// The element is changed, append the revert
	if (elm.is_changed && elm.innerHTML != elm.old_value) {
	- var old_value = elm.old_value,
	- revert_row = document.createElement('li'),
	- rev_span = document.createElement('span');
	+ var old_value = elm.old_value;

	- $(rev_span).addClass('googie_list_revert').html(this.lang_revert + ' ' + old_value);
	+ dummy = $('<a>').addClass('googie_list_revert active').html(this.lang_revert + ' ' + old_value);

	- $(revert_row).mouseover(this.item_onmouseover).mouseout(this.item_onmouseout)
	+ $('<li>').mouseover(this.item_onmouseover).mouseout(this.item_onmouseout)
	.click(function(e) {
	ref.updateOrginalText(offset, elm.innerHTML, old_value, id);
	$(elm).removeAttr('is_corrected').css('color', '#b91414').html(old_value);
	ref.hideErrorWindow();
	- });
	-
	- revert_row.appendChild(rev_span);
	- list.appendChild(revert_row);
	+ })
	+ .append(dummy)
	+ .appendTo(list);
	}

	// Append the edit box
	var edit_row = document.createElement('li'),
	edit_input = document.createElement('input'),
	ok_pic = document.createElement('button'),
	edit_form = document.createElement('form');

	var onsub = function () {
	if (edit_input.value != '') {
	if (!ref.isDefined(elm.old_value))
	ref.saveOldValue(elm, elm.innerHTML);

	ref.updateOrginalText(offset, elm.innerHTML, edit_input.value, id);
	$(elm).attr('is_corrected', true).css('color', 'green').text(edit_input.value);
	ref.hideErrorWindow();
	}
	return false;
	};

	- $(edit_input).width(120)
	- .css({'margin': 0, 'padding': 0})
	- .val($(elm).text()).attr('googie_action_btn', '1');
	- $(edit_row).css('cursor', 'default').attr('googie_action_btn', '1');
	+ $(edit_input).width(120).val($(elm).text()).attr('googie_action_btn', '1');
	+ $(edit_row).css('cursor', 'default').attr('googie_action_btn', '1')
	+ .on('click', function() { return false; });

	// roundcube modified image use
	if (this.use_ok_pic) {
	$('<img>').attr('src', this.img_dir + 'ok.gif')
	.width(32).height(16)
	.css({cursor: 'pointer', 'margin-left': '2px', 'margin-right': '2px'})
	.appendTo(ok_pic);
	}
	else {
	$(ok_pic).text('OK');
	}

	- $(ok_pic).addClass('mainaction save googie_ok_button').click(onsub);
	+ $(ok_pic).addClass('mainaction save googie_ok_button btn-sm').click(onsub);

	$(edit_form).attr('googie_action_btn', '1')
	- .css({'margin': 0, 'padding': 0, 'cursor': 'default', 'white-space': 'nowrap'})
	- .submit(onsub);
	+ .css({'cursor': 'default', 'white-space': 'nowrap'})
	+ .submit(onsub)
	+ .append(edit_input)
	+ .append(ok_pic)
	+ .appendTo(edit_row);

	- edit_form.appendChild(edit_input);
	- edit_form.appendChild(ok_pic);
	- edit_row.appendChild(edit_form);
	list.appendChild(edit_row);

	// Append extra menu items
	if (this.extra_menu_items.length > 0)
	list.appendChild(this.createListSeparator());

	var loop = function(i) {
	if (i < ref.extra_menu_items.length) {
	var e_elm = ref.extra_menu_items[i];

	if (!e_elm[2] \|\| e_elm[2](elm, ref)) {
	var e_row = document.createElement('tr'),
	e_col = document.createElement('td');

	$(e_col).html(e_elm[0])
	.mouseover(ref.item_onmouseover)
	.mouseout(ref.item_onmouseout)
	.click(function() { return e_elm[1](elm, ref) });

	e_row.appendChild(e_col);
	list.appendChild(e_row);
	}
	loop(i+1);
	}
	};

	loop(0);
	loop = null;

	//Close button
	if (this.use_close_btn) {
	list.appendChild(this.createCloseButton(this.hideErrorWindow));
	}

	this.error_window.appendChild(list);

	// roundcube plugin api hook
	rcmail.triggerEvent('googiespell_create', {obj: this.error_window});

	// calculate and set position
	var height = $(this.error_window).height(),
	width = $(this.error_window).width(),
	pageheight = $(document).height(),
	pagewidth = $(document).width(),
	top = pos.top + height + 20 < pageheight ? pos.top + 20 : pos.top - height,
	left = pos.left + width < pagewidth ? pos.left : pos.left - width;

	if (left < 0) left = 0;
	if (top < 0) top = 0;

	$(this.error_window).css({'top': top+'px', 'left': left+'px', position: 'absolute'}).show();

	// Dummy for IE - dropdown bug fix
	if (document.all && !window.opera) {
	if (!this.error_window_iframe) {
	var iframe = $('<iframe>').css({'position': 'absolute', 'z-index': -1});
	$('body').append(iframe);
	this.error_window_iframe = iframe;
	}

	$(this.error_window_iframe)
	.css({'top': this.error_window.offsetTop, 'left': this.error_window.offsetLeft,
	'width': this.error_window.offsetWidth, 'height': this.error_window.offsetHeight})
	.show();
	}
	};


	//////
	// Edit layer (the layer where the suggestions are stored)
	//////
	this.createEditLayer = function(width, height)
	{
	this.edit_layer = document.createElement('div');
	$(this.edit_layer).addClass('googie_edit_layer').attr('id', 'googie_edit_layer')
	.width(width).height(height);

	if (this.text_area.nodeName.toLowerCase() != 'input' \|\| $(this.text_area).val() == '') {
	$(this.edit_layer).css('overflow', 'auto');
	} else {
	$(this.edit_layer).css('overflow', 'hidden');
	}

	var ref = this;

	if (this.edit_layer_dbl_click) {
	$(this.edit_layer).dblclick(function(e) {
	if (e.target.className != 'googie_link' && !ref.isErrorWindowShown()) {
	ref.resumeEditing();
	var fn1 = function() {
	$(ref.text_area).focus();
	fn1 = null;
	};
	window.setTimeout(fn1, 10);
	}
	return false;
	});
	}
	};

	this.resumeEditing = function()
	{
	this.setStateChanged('ready');

	if (this.edit_layer)
	this.el_scroll_top = this.edit_layer.scrollTop;

	this.hideErrorWindow();

	if (this.main_controller)
	$(this.spell_span).removeClass().addClass('googie_no_style');

	if (!this.ignore) {
	if (this.use_focus) {
	$(this.focus_link_t).remove();
	$(this.focus_link_b).remove();
	}

	$(this.edit_layer).remove();
	$(this.text_area).show();

	if (this.el_scroll_top != undefined)
	this.text_area.scrollTop = this.el_scroll_top;
	}
	this.checkSpellingState(false);
	};

	this.createErrorLink = function(text, id)
	{
	var elm = document.createElement('span'),
	ref = this,
	d = function (e) {
	ref.showErrorWindow(elm, id);
	d = null;
	return false;
	};

	$(elm).html(text).addClass('googie_link').click(d).removeAttr('is_corrected')
	.attr({'googie_action_btn' : '1', 'g_id' : id});

	return elm;
	};

	this.createPart = function(txt_part)
	{
	if (txt_part == " ")
	return document.createTextNode(" ");

	txt_part = this.escapeSpecial(txt_part);
	txt_part = txt_part.replace(/\n/g, "<br>");
	txt_part = txt_part.replace(/ /g, "  ");
	txt_part = txt_part.replace(/^ /g, " ");
	txt_part = txt_part.replace(/ $/g, " ");

	var span = document.createElement('span');
	$(span).html(txt_part);
	return span;
	};

	this.showErrorsInIframe = function()
	{
	var output = document.createElement('div'),
	pointer = 0,
	results = this.results;

	if (results.length > 0) {
	for (var i=0, length=results.length; i < length; i++) {
	var offset = results[i]['attrs']['o'],
	len = results[i]['attrs']['l'],
	part_1_text = this.orginal_text.substring(pointer, offset),
	part_1 = this.createPart(part_1_text);

	output.appendChild(part_1);
	pointer += offset - pointer;

	// If the last child was an error, then insert some space
	var err_link = this.createErrorLink(this.orginal_text.substr(offset, len), i);
	this.error_links.push(err_link);
	output.appendChild(err_link);
	pointer += len;
	}

	// Insert the rest of the orginal text
	var part_2_text = this.orginal_text.substr(pointer, this.orginal_text.length),
	part_2 = this.createPart(part_2_text);

	output.appendChild(part_2);
	}
	else
	output.innerHTML = this.orginal_text;

	$(output).css('text-align', 'left');

	var me = this;
	if (this.custom_item_evaulator)
	$.map(this.error_links, function(elm){me.custom_item_evaulator(me, elm)});

	$(this.edit_layer).append(output);

	// Hide text area and show edit layer
	$(this.text_area).hide();
	$(this.edit_layer).insertBefore(this.text_area);

	if (this.use_focus) {
	this.focus_link_t = this.createFocusLink('focus_t');
	this.focus_link_b = this.createFocusLink('focus_b');

	$(this.focus_link_t).insertBefore(this.edit_layer);
	$(this.focus_link_b).insertAfter(this.edit_layer);
	}

	// this.edit_layer.scrollTop = this.ta_scroll_top;
	};

	this.deHighlightCurSel = function()
	{
	$(this.lang_cur_elm).removeClass().addClass('googie_list_onout');
	};

	this.highlightCurSel = function()
	{
	if (GOOGIE_CUR_LANG == null)
	GOOGIE_CUR_LANG = GOOGIE_DEFAULT_LANG;
	for (var i=0; i < this.lang_elms.length; i++) {
	if ($(this.lang_elms[i]).attr('googieId') == GOOGIE_CUR_LANG) {
	this.lang_elms[i].className = 'googie_list_selected';
	this.lang_cur_elm = this.lang_elms[i];
	}
	else {
	this.lang_elms[i].className = 'googie_list_onout';
	}
	}
	};

	this.createSpellDiv = function()
	{
	var span = document.createElement('span');

	$(span).addClass('googie_check_spelling_link').text(this.lang_chck_spell);

	if (this.show_spell_img) {
	$(span).append(' ').append($('<img>').attr('src', this.img_dir + 'spellc.gif'));
	}
	return span;
	};


	//////
	// State functions
	/////
	this.flashNoSpellingErrorState = function(on_finish)
	{
	this.setStateChanged('no_error_found');

	var ref = this;
	if (this.main_controller) {
	var no_spell_errors;
	if (on_finish) {
	var fn = function() {
	on_finish();
	ref.checkSpellingState();
	};
	no_spell_errors = fn;
	}
	else
	no_spell_errors = function () { ref.checkSpellingState() };

	var rsm = $('<span>').text(this.lang_no_error_found);

	$(this.switch_lan_pic).hide();
	$(this.spell_span).empty().append(rsm)
	.removeClass().addClass('googie_check_spelling_ok');

	window.setTimeout(no_spell_errors, 1000);
	}
	};

	this.resumeEditingState = function()
	{
	this.setStateChanged('resume_editing');

	//Change link text to resume
	if (this.main_controller) {
	var rsm = $('<span>').text(this.lang_rsm_edt);
	var ref = this;

	$(this.switch_lan_pic).hide();
	$(this.spell_span).empty().off().append(rsm)
	.click(function() { ref.resumeEditing(); })
	.removeClass().addClass('googie_resume_editing');
	}

	try { this.edit_layer.scrollTop = this.ta_scroll_top; }
	catch (e) {};
	};

	this.checkSpellingState = function(fire)
	{
	if (fire)
	this.setStateChanged('ready');

	this.switch_lan_pic = document.createElement('span');

	var span_chck = this.createSpellDiv(),
	ref = this;

	if (this.custom_spellcheck_starter)
	$(span_chck).click(function(e) { ref.custom_spellcheck_starter(); });
	else {
	$(span_chck).click(function(e) { ref.spellCheck(); });
	}

	if (this.main_controller) {
	if (this.change_lang_pic_placement == 'left') {
	$(this.spell_container).empty().append(this.switch_lan_pic).append(' ').append(span_chck);
	} else {
	$(this.spell_container).empty().append(span_chck).append(' ').append(this.switch_lan_pic);
	}
	}

	this.spell_span = span_chck;
	};


	//////
	// Misc. functions
	/////
	this.isDefined = function(o)
	{
	return (o !== undefined && o !== null)
	};

	this.errorFixed = function()
	{
	this.cnt_errors_fixed++;
	if (this.all_errors_fixed_observer)
	if (this.cnt_errors_fixed == this.cnt_errors) {
	this.hideErrorWindow();
	this.all_errors_fixed_observer();
	}
	};

	this.errorFound = function()
	{
	this.cnt_errors++;
	};

	this.createCloseButton = function(c_fn)
	{
	return this.createButton(this.lang_close, 'googie_list_close', c_fn);
	};

	this.createButton = function(name, css_class, c_fn)
	{
	var btn_row = document.createElement('tr'),
	btn = document.createElement('td'),
	spn_btn;

	if (css_class) {
	spn_btn = document.createElement('span');
	$(spn_btn).addClass(css_class).html(name);
	} else {
	spn_btn = document.createTextNode(name);
	}

	$(btn).click(c_fn)
	.mouseover(this.item_onmouseover)
	.mouseout(this.item_onmouseout);

	btn.appendChild(spn_btn);
	btn_row.appendChild(btn);

	return btn_row;
	};

	this.removeIndicator = function(elm)
	{
	//$(this.indicator).remove();
	// roundcube mod.
	if (window.rcmail)
	rcmail.set_busy(false, null, this.rc_msg_id);
	};

	this.appendIndicator = function(elm)
	{
	// modified by roundcube
	if (window.rcmail)
	this.rc_msg_id = rcmail.set_busy(true, 'checking');
	/*
	this.indicator = document.createElement('img');
	$(this.indicator).attr('src', this.img_dir + 'indicator.gif')
	.css({'margin-right': '5px', 'text-decoration': 'none'}).width(16).height(16);

	if (elm)
	$(this.indicator).insertBefore(elm);
	else
	$('body').append(this.indicator);
	*/
	}

	this.createFocusLink = function(name)
	{
	var link = document.createElement('a');
	$(link).attr({'href': 'javascript:;', 'name': name});
	return link;
	};

	this.item_onmouseover = function(e)
	{
	if (this.className != 'googie_list_revert' && this.className != 'googie_list_close')
	this.className = 'googie_list_onhover';
	else
	this.parentNode.className = 'googie_list_onhover';
	};

	this.item_onmouseout = function(e)
	{
	if (this.className != 'googie_list_revert' && this.className != 'googie_list_close')
	this.className = 'googie_list_onout';
	else
	this.parentNode.className = 'googie_list_onout';
	};


	};
	diff --git a/skins/classic/googiespell.css b/skins/classic/googiespell.css
	index e9e51feed..922189a7b 100644
	--- a/skins/classic/googiespell.css
	+++ b/skins/classic/googiespell.css
	@@ -1,128 +1,126 @@
	/*** modified styles for GoogieSpell ***/

	.googie_window {
	font-size: 11px;
	width: 185px;
	- margin: 0;
	- padding: 0;
	}

	.googie_edit_layer {
	background-color: #ffffff;
	padding: 1px 3px;
	font-size: 9pt;
	font-family: monospace;
	}

	.googie_edit_layer span {
	font-family: monospace;
	}

	.googie_list {
	width: 100%;
	margin: 0;
	padding: 0;
	}

	.googie_list li {
	font-size: 11px;
	- padding-left: 10px;
	- padding-right: 10px;
	- padding-top: 2px;
	- padding-bottom: 2px;
	cursor: pointer;
	list-style-type: none;
	}

	+.googie_list form {
	+ padding: 3px;
	+}
	+
	.googie_list_onhover {
	color: #FFFFFF;
	background-color: #CC3333;
	}

	.googie_list_onout {
	background-color: #fff;
	}

	.googie_list_selected {
	background-color: #cccccc;
	font-weight: bold;
	}

	.googie_list_close {
	font-size: 11px;
	color: #b91414;
	}

	.googie_list_onhover .googie_list_close {
	color: #FFFFFF;
	}

	.googie_list_revert {
	font-size: 11px;
	color: #b91414;
	}

	.googie_list_revert:hover {
	color: #fff;
	}

	.googie_link {
	color: #b91414;
	text-decoration: underline;
	cursor: pointer;
	font-size: 9pt;
	font-family: monospace;
	}

	.googie_check_spelling_link {
	color: #CC0000;
	font-size: 11px;
	text-decoration: none;
	cursor: pointer;
	}

	.googie_check_spelling_link:hover {
	text-decoration: underline;
	}

	.googie_no_style {
	text-decoration: none;
	}

	.googie_check_spelling_ok,
	.googie_resume_editing {
	color: green;
	font-size: 11px;
	cursor: pointer;
	}

	.googie_check_spelling_ok:hover,
	.googie_resume_editing:hover {
	text-decoration: underline;
	}

	.googie_lang_3d_click img {
	vertical-align: middle;
	border-top: 1px solid #555;
	border-left: 1px solid #555;
	border-right: 1px solid #b1b1b1;
	border-bottom: 1px solid #b1b1b1;
	}

	.googie_lang_3d_on img {
	vertical-align: middle;
	border-top: 1px solid #b1b1b1;
	border-left: 1px solid #b1b1b1;
	border-right: 1px solid #555;
	border-bottom: 1px solid #555;
	}

	.googie_ok_button {
	background: url(images/googiespell/ok.gif) no-repeat center center transparent;
	width: 32px;
	height: 16px;
	cursor: pointer;
	- padding: 0 2px;
	+ margin: 0 5px;
	text-indent: -5000px;
	- border: 0;
	+ border: 0 !important;
	}
	diff --git a/skins/elastic/styles/widgets/editor.less b/skins/elastic/styles/widgets/editor.less
	index 246f22870..acc1c9832 100644
	--- a/skins/elastic/styles/widgets/editor.less
	+++ b/skins/elastic/styles/widgets/editor.less
	@@ -1,942 +1,942 @@
	/**
	* Roundcube Webmail styles for the Elastic skin
	*
	* Copyright (c) The Roundcube Dev Team
	*
	* The contents are subject to the Creative Commons Attribution-ShareAlike
	* License. It is allowed to copy, distribute, transmit and to adapt the work
	* by keeping credits to the original authors in the README.md file.
	* See http://creativecommons.org/licenses/by-sa/3.0/ for details.
	*/


	/* Text Editor widget (and TinyMCE editor) */

	.mce-tinymce {
	&.mce-container.mce-panel {
	border-radius: .25rem;
	border-color: @color-input-border;
	overflow: hidden;
	}

	.mce-btn,
	.mce-panel {
	background-color: @color-input-addon-background;
	}

	.mce-panel {
	border-color: @color-input-border;
	}
	}

	.mce-top-part::before,
	.mce-tinymce,
	.mce-window {
	box-shadow: none !important;
	}

	.mce-btn {
	&.mce-active {
	background: @color-btn-secondary-background !important;
	}
	}

	.mce-window {
	&.mce-container {
	border: 0;

	& :not(.mce-ico) {
	.font-family;
	}
	}

	.mce-reset {
	background: #fff;
	}

	.mce-container-body {
	&.mce-abs-layout {
	overflow: unset;
	}

	.mce-abs-end {
	display: none;
	}
	}

	.mce-window-head {
	height: @layout-header-height;
	border-bottom: 1px solid @color-dialog-header-border;
	padding: 0;

	.mce-title {
	line-height: @layout-header-height;
	font-size: 1.25rem;
	padding: 0 3rem 0 1rem;
	color: @color-dialog-header;
	}

	.mce-close {
	border: 0;
	color: @color-dialog-header;
	background: transparent;
	right: 0;
	top: 0;
	position: absolute;
	height: (@layout-header-height - .7rem);
	width: 1.25em;
	margin: .25rem;
	padding: .1rem .75rem;
	cursor: pointer;

	&:before {
	&:extend(.font-icon-class);
	content: @fa-var-times;
	margin: 0;
	}

	i {
	display: none;
	}
	}
	}

	.mce-foot {
	border: 0;
	height: @layout-header-height !important;
	position: relative;

	@media screen and (max-width: @screen-width-xs) {
	border-top: 1px solid @color-dialog-header-border;
	}

	.mce-container-body {
	height: 100% !important;
	display: flex;
	align-items: center;
	justify-content: flex-end; // just 'end' does not work in Chrome

	.mce-btn {
	position: initial;
	margin-right: .5rem;
	line-height: 1;
	width: auto !important;
	height: auto !important;

	&:last-child {
	margin-right: 1rem;
	}

	.mce-txt {
	line-height: 1.5;
	vertical-align: unset;
	}

	button:before {
	&:extend(.font-icon-class);
	display: inline;
	float: none;
	vertical-align: middle;
	margin-right: .4rem;
	}
	}

	.mce-abs-end {
	position: initial;
	width: 1rem;
	order: 9;
	}
	}

	.mce-btn {
	.btn-secondary;
	border-radius: .3rem;
	border-color: transparent;

	&:focus {
	border-color: transparent !important;
	color: @color-btn-secondary;
	background: @color-btn-secondary-background;
	}

	&.mce-primary {
	.btn-primary;
	}

	button:hover,
	button {
	color: @color-btn-secondary;
	padding: .5rem .75rem;
	}
	}

	.mce-btn:last-child button:before {
	content: @fa-var-times;
	}

	.mce-btn.mce-primary button:before {
	content: @fa-var-check;
	}

	.mce-search-foot {
	div:nth-of-type(2) button:before {
	content: @fa-var-search;
	}
	div:nth-of-type(3) button:before,
	div:nth-of-type(4) button:before {
	content: @fa-var-pencil-alt;
	}
	div:nth-of-type(6) button:before {
	content: @fa-var-chevron-left;
	}
	div:nth-of-type(7) button:before {
	content: @fa-var-chevron-right;
	}
	div:nth-of-type(7) button:after {
	&:extend(.font-icon-class);
	display: inline;
	float: none;
	margin: 0 0 0 .2rem;
	content: @fa-var-chevron-right;
	}

	@media screen and (min-width: (@screen-width-xs + 1px)) {
	div:nth-of-type(6) {
	margin-left: .5rem;
	}
	div:nth-of-type(7) button {
	&:before {
	display: none;
	}
	}
	}
	}
	}

	// Form elements, let's keep'em in .mce-window to make overwriting simpler

	.mce-formitem {
	min-width: 450px;
	position: unset !important;

	& > .mce-container-body {
	margin-bottom: .5rem;

	& > * {
	width: 75% !important;
	position: unset !important;
	}

	& > label {
	max-width: 25%;
	min-width: 25%;
	line-height: 2.5 !important;
	}
	}

	.mce-widget {
	border-radius: .25rem;
	}
	}

	.mce-form {
	padding: 1rem;
	box-sizing: border-box;

	.mce-form {
	padding: 0;
	position: unset !important;
	width: 100% !important;

	& > .mce-container-body {
	flex-wrap: wrap;
	height: auto !important;
	}

	.mce-formitem {
	min-width: 100%;
	width: 100% !important;
	}
	}

	.mce-container {
	height: auto !important;

	.mce-container-body {
	display: flex;
	height: auto !important;

	& > input:not([size="5"]) {
	position: relative;
	left: 0 !important;
	flex: 1;
	}

	}
	}

	& > .mce-container-body {
	box-sizing: border-box;
	width: 100% !important;
	}

	.mce-form-split {
	.mce-formitem {
	min-width: auto;

	& > .mce-container-body {
	width: 100% !important;
	}
	}
	}

	label {
	position: unset;
	line-height: 2.5 !important;
	height: auto !important;
	}
	}

	.mce-colorpicker {
	& + .mce-form {
	width: 150px !important;
	padding: 0;

	.mce-formitem {
	min-width: unset;

	& + :not(.mce-formitem) {
	height: 50px !important;
	}
	}
	}
	}

	.mce-textbox {
	padding: .375rem .75rem !important;
	line-height: 1.5;
	color: @color-font;

	&:not(textarea) {
	height: auto !important;
	}

	&:focus {
	color: @color-font;
	border-color: @color-input-border-focus;
	box-shadow: 0 0 0 .2rem @color-input-border-focus-shadow;
	}

	&[size="5"] {
	width: auto !important;
	}

	&.mce-multiline {
	line-height: 1.25;
	width: 100% !important;
	position: unset;
	box-sizing: border-box;
	display: block;
	}
	}

	.mce-listbox {
	button {
	line-height: 1.5;
	padding: .375rem .75rem;
	}

	&:focus {
	border-color: @color-input-border-focus !important;
	box-shadow: 0 0 0 .2rem @color-input-border-focus-shadow !important;
	}
	}

	.mce-checkbox {
	line-height: 2.5;

	i.mce-i-checkbox {
	border: 0;
	width: auto;
	color: @color-checkbox;
	text-indent: 0;

	&:before {
	&:extend(.font-icon-class);
	margin: 0;
	content: @fa-var-toggle-off;
	}
	}

	&.mce-checked i.mce-i-checkbox:before {
	content: @fa-var-toggle-on;
	}

	&:focus {
	i.mce-i-checkbox {
	border: 0;
	}
	}
	}

	.mce-combobox {
	display: flex;

	input {
	border-radius: .3rem 0 0 .3rem;
	flex: 1;

	&:focus {
	z-index: 1;
	}
	}

	&.mce-combobox-fake {
	input {
	border-radius: .3rem;
	}
	}

	button {
	padding: .4rem .6rem;
	}

	.mce-btn {
	border-radius: 0 .3rem .3rem 0;
	background: @color-input-addon-background;

	&:focus {
	background-color: @color-input-border-focus-shadow;
	border-color: #c5c5c5;
	}
	}
	}

	.mce-tabs {
	padding-top: 1rem;
	margin: 0 1rem;
	border-color: @color-layout-border;

	.mce-tab {
	border-radius: .25rem .25rem 0 0;
	padding: .5rem 1rem;
	height: auto !important;
	border: 1px solid transparent;
	color: @color-link;
	background: transparent;
	margin-bottom: -1px;

	&.mce-active {
	border: 1px solid @color-layout-border;
	border-bottom-color: #fff;
	color: @color-font !important;
	}

	&:not(.mce-active):hover {
	border: 1px solid @color-list-border;
	border-bottom-color: transparent;
	border-bottom: 0;
	}

	&:focus {
	outline: unset !important;
	}
	}
	}

	.mce-label {
	text-shadow: none;
	color: @color-font;
	}
	}


	// Menus and popovers, e.g. color selector, emoticons selector, font selector
	.mce-menu,
	.mce-floatpanel.mce-popover {
	box-shadow: 3px 3px 5px @color-popover-shadow !important;
	border-color: @color-layout-border !important;
	border-radius: .3rem;
	}

	.mce-menu {
	.mce-menu-item.mce-active {
	color: @color-menu-hover;
	background-color: @color-menu-hover-background;
	}

	.popover-header {
	display: none !important;
	}
	}

	div.mce-menubtn.mce-opened {
	z-index: 65530 !important; // BUG: https://github.com/tinymce/tinymce/issues/4542
	}

	#mce-modal-block.mce-in {
	background-color: @color-dialog-overlay-background;
	opacity: 1 !important;
	}

	@media screen and (max-width: @screen-width-xs) {
	.mce-window {
	width: 100% !important;
	height: 100% !important;
	left: 0 !important;
	top: 0 !important;
	border-width: 0 !important;

	& > .mce-reset {
	display: flex;
	flex-direction: column;
	height: 100%;
	}

	.mce-window-body {
	flex: 1;
	overflow-y: auto !important;
	}

	& > .mce-reset > div,
	.mce-container-body {
	width: 100% !important;
	}

	.mce-window-head {
	background-color: @color-layout-mobile-header-background;

	.mce-title {
	font-size: 1rem;
	text-align: center;
	padding: 0 1rem;
	}

	.mce-close {
	display: none;
	}
	}

	.mce-foot {
	background-color: @color-layout-mobile-footer-background;

	.mce-container-body {
	justify-content: space-evenly;

	.mce-btn {
	position: initial;
	height: 100% !important;
	margin: 0;
	background: transparent;
	border-width: 0;

	&:focus {
	box-shadow: none;
	}

	&:hover {
	background: transparent;
	}

	&:last-child {
	margin: 0;
	}

	button {
	color: @color-font;
	padding: .45rem;
	font-size: .9rem;

	&:before {
	display: block;
	float: none;
	width: 100%;
	margin: 0;
	line-height: 1.75;
	height: 1.75rem;
	}
	}
	}

	.mce-abs-end {
	display: none;
	}
	}

	.mce-search-foot {
	div:nth-of-type(7) button:after {
	display: none;
	}
	}
	}

	.mce-form,
	.mce-form + .mce-container, // for Embed tab in Media dialog
	.mce-formitem,
	.mce-combobox,
	.mce-panel:not(.mce-popover) {
	width: 100% !important;
	}

	.mce-formitem {
	min-width: unset;
	}

	.mce-form {
	& > .mce-container-body {
	display: flex;
	flex-direction: column;
	left: 0;
	right: 0;
	box-sizing: border-box;
	}

	.mce-container-body {
	height: auto !important;
	flex-direction: column;

	& > label {
	position: unset !important;
	width: 100% !important;
	max-width: 100%;
	}

	& > label + * {
	position: unset !important;
	width: auto !important;
	}

	& > .mce-checkbox {
	position: absolute;
	left: 0 !important;
	top: 3rem !important;
	}
	}
	}

	// FIXME: How to fix the input width in less hacky way?
	.mce-combobox input {
	max-width: ~"calc(100% - 4rem)";
	}
	.mce-combobox-fake input {
	max-width: ~"calc(100% - 1.7rem)";
	}
	}

	.mce-menu {
	width: @layout-mobile-menu-width !important;
	right: 0;
	top: 0 !important;
	left: auto !important;
	height: 100% !important;
	max-height: unset !important;
	padding: 0 !important;
	margin: 0 !important;
	border-radius: 0;
	border: 0 !important;

	.popover-header {
	display: block !important;

	a {
	font-size: 1.2rem;
	line-height: @layout-touch-header-height;

	&:before {
	content: @fa-var-times;
	}
	}
	}

	.mce-container-body {
	width: 100% !important;
	}

	.mce-menu-item {
	height: @layout-touch-menu-record-height;
	line-height: @layout-touch-menu-record-height;
	padding: 0 .5rem;
	border-left: 0;
	border-bottom: 1px solid @color-list-border;
	margin: 0;

	.mce-ico {
	font-size: 150%;
	padding: 0 .7rem 0 .25rem;
	margin-top: -.2rem;
	}

	.mce-text {
	font-size: 1.2rem;
	.font-family;
	line-height: @layout-touch-menu-record-height;
	color: @color-font;
	}

	.mce-caret {
	display: none;
	}

	&.mce-menu-item-preview {
	&.mce-active {
	border-left: none;
	position: relative;

	&:after {
	.font-icon-class; // :extend() does not work here
	content: @fa-var-check;
	position: absolute;
	right: .5rem;
	top: 0;
	color: @color-font;
	}
	}
	}

	&.mce-menu-item-expand {
	position: relative;

	&:after {
	.font-icon-class; // :extend() does not work here
	content: @fa-var-angle-right;
	position: absolute;
	right: .5rem;
	top: 0;
	color: @color-font;
	}
	}
	}
	}

	.mce-menu-item-sep,
	.mce-menu-shortcut {
	display: none !important;
	}

	.mce-charmap-dialog {
	position: unset !important;

	+ .mce-container {
	display: none;
	}
	}

	.mce-charmap {
	display: block;

	tbody {
	display: block;
	}

	tr {
	display: flex;
	flex-wrap: wrap;
	}

	td {
	flex: 1;
	height: auto !important;
	min-width: 17%;
	padding: 0 !important;
	border: 0 !important;
	border-bottom: 1px solid @color-list-border !important;

	div {
	font-size: 3rem;
	line-height: 2;
	}
	}
	}
	}

	html.touch .mce-grid td {
	padding: .5rem;
	}


	/* Media file selector for TinyMCE */

	.image-selector {
	margin: 1rem 1rem 1rem 1rem !important;
	padding: 1rem .5rem 10rem .5rem !important;

	&.droptarget {
	border: .2rem dashed @color-table-border;

	&:after {
	margin-top: 2rem;
	}
	}

	button {
	.btn-secondary;
	padding: .5rem .75rem;
	line-height: 1.5;
	position: relative;

	&:before {
	line-height: 1;
	}
	}

	form {
	position: absolute;
	top: 0;
	}

	.attachmentslist {
	margin-left: 0;
	overflow-x: hidden;
	overflow-y: auto;
	height: 19.1em;

	li {
	padding: .25rem;
	cursor: pointer;

	&:before {
	display: none;
	}

	&:hover,
	&:focus {
	background: @color-list-selected-background;
	}

	span.name {
	flex: 1;
	margin: auto;
	padding-left: 1rem;
	.overflow-ellipsis;
	}

	span.img {
	height: 80px;
	width: 80px;
	display: flex;
	border: 1px solid @color-list-border;
	background: white;
	border-radius: .75rem;
	overflow: hidden;
	}

	img {
	margin: auto;
	}
	}

	html.layout-phone & {
	height: auto;
	}
	}
	}


	/* HTML editor widget */

	.html-editor {
	position: relative;
	display: flex;
	margin-bottom: .25rem;

	& > .nav {
	border-color: transparent;
	z-index: 1;
	position: absolute;
	right: 1rem;

	a.active {
	border-color: @color-input-border !important;

	&.mode-html {
	background-color: @color-input-addon-background;
	border-bottom-color: @color-input-addon-background !important;
	}

	&.mode-plain {
	border-bottom-color: #fff !important;
	}
	}

	a:hover,
	a:focus {
	border-bottom-color: transparent;
	outline: 0;
	}
	}

	& > iframe, // e.g. mailvelope frame
	& > .googie_edit_layer,
	& > .mce-tinymce,
	& > textarea {
	margin-top: 2.55rem;
	font-family: monospace;
	width: 100% !important;
	}

	& > iframe { // e.g. mailvelope frame
	border-radius: .3rem;
	border: 1px solid @color-input-border;
	min-height: 30em;
	}

	#composebody_ifr {
	min-height: 30em;
	}

	& > .mce-tinymce.focused {
	border-color: @color-input-border-focus;
	box-shadow: 0 0 0 .2rem @color-input-border-focus-shadow !important;
	}
	}


	/* GoogieSpell widget */

	.googie_window {
	width: 16rem;
	+ height: auto;
	}

	.googie_edit_layer {
	font-family: monospace;

	// from Bootstrap's textarea
	padding: .5rem .75rem;
	border: 1px solid @color-input-border;
	border-radius: .3rem;
	line-height: 1.25;
	}

	.googie_link {
	color: @color-spellcheck-link;
	text-decoration: underline;
	cursor: pointer;
	}

	.googie_list {
	li {
	min-width: 8rem;
	width: auto;

	&.googie_list_onhover {
	color: @color-menu-hover;
	background-color: @color-menu-hover-background;
	}

	.googie_list_revert:before {
	&:extend(.font-icon-class);
	- content: @fa-var-plus-square;
	+ content: @fa-var-undo;
	}

	.googie_add_to_dict:before {
	&:extend(.font-icon-class);
	content: @fa-var-plus-square;
	}
	}

	input {
	display: inline-block;
	- margin: .5rem .5rem .5rem 0 !important;
	- padding: .5rem .75rem !important;
	+ margin: .25rem .5rem;
	}
	}
	diff --git a/skins/larry/googiespell.css b/skins/larry/googiespell.css
	index b3a55a9be..3408ac1b8 100644
	--- a/skins/larry/googiespell.css
	+++ b/skins/larry/googiespell.css
	@@ -1,104 +1,108 @@
	/*** modified styles for GoogieSpell ***/

	.googie_window {
	font-size: 11px;
	width: 185px;
	margin: 0;
	padding: 0;
	}

	.googie_edit_layer {
	padding: 4px;
	font-size: 9pt;
	font-family: monospace;
	background-color: #fff;
	border: 0;
	}

	.googie_edit_layer span {
	font-family: monospace;
	}

	.googie_list {
	width: 100%;
	margin: 0;
	padding: 0;
	border-spacing: 0;
	}

	.googie_list li {
	min-width: 80px;
	width: auto;
	}

	.googie_list li.googie_list_selected {
	background: #4db0d2;
	}

	+.googie_list form {
	+ padding: 3px;
	+}
	+
	.googie_list_close {
	font-size: 11px;
	color: #b91414;
	}

	.googie_list_onhover .googie_list_close {
	color: #fff;
	}

	.googie_list_revert {
	font-size: 11px;
	color: #b91414;
	}

	.googie_list_revert:hover {
	color: #fff;
	}

	.googie_link {
	color: #b91414;
	text-decoration: underline;
	cursor: pointer;
	font-size: 9pt;
	font-family: monospace;
	}

	.googie_check_spelling_link {
	color: #0069A6;
	font-size: 11px;
	text-decoration: underline;
	cursor: pointer;
	}

	.googie_no_style {
	text-decoration: none;
	}

	.googie_check_spelling_ok,
	.googie_resume_editing {
	color: green;
	font-size: 11px;
	cursor: pointer;
	text-decoration: underline;
	}

	.googie_check_spelling_ok:hover,
	.googie_resume_editing:hover {
	text-decoration: underline;
	}

	.googie_lang_3d_click img,
	.googie_lang_3d_on img {
	vertical-align: middle;
	cursor: pointer;
	border: 0;
	}

	.googie_ok_button {
	background: url(images/googiespell/ok.gif) no-repeat center center transparent !important;
	width: 32px;
	height: 16px;
	cursor: pointer;
	margin: 0 5px;
	padding: 0;
	border: 0 !important;
	text-indent: -5000px;
	}

File Metadata

Mime Type: text/x-diff
Expires: Sat, Jan 18, 11:25 PM (12 h, 24 m)
Storage Engine: blob
Storage Format: Raw Data
Storage Handle: 120034
Default Alt Text: (58 KB)

No OneTemporaryActions

View Options

File Metadata

Event Timeline

No OneTemporary
Actions