3.2.9.2 pre-release

admin/css/opHighlightMode/Border_Around.css

@@ -0,0 +1,7 @@
+/* Border Around */
+input.qtranxs-translatable, textarea.qtranxs-translatable, div.qtranxs-translatable {
+outline: 2px solid #Color2 !important;
+}
+div.qtranxs-translatable div.mce-panel {
+margin-top: 2px
+}

admin/css/opHighlightMode/Left_Border.css

@@ -0,0 +1,4 @@
+/* Left Border */
+input.qtranxs-translatable, textarea.qtranxs-translatable, div.qtranxs-translatable {
+box-shadow: -3px 0 #Color2 !important;
+}

admin/css/opLSBStyle/Simple_Buttons.css

@@ -0,0 +1,33 @@
+/* Language Switching Buttons as Simple Horizontal Block */
+
+.qtranxs-lang-switch-wrap
+{
+	//margin: 10px 0;
+	margin: 0;
+}
+
+.qtranxs-lang-switch
+{
+	border: 1px solid  #ccc;
+	background-image: linear-gradient(to top,#e5e5e5,#f4f4f4);
+	//margin-top: 2px;
+	//padding: 8px;
+	padding: 0 0 2px 4px;
+	margin: 0 4px 0 0;
+	cursor: default;
+	display: inline-block;
+}
+
+.qtranxs-lang-switch.active
+{
+	border-color: #888;
+	background-image: none;
+	background-color: #bbb;
+	color: #555;
+}
+
+.qtranxs-lang-switch>*
+{
+	vertical-align: middle;
+	margin-right: 4px;
+}

admin/css/opLSBStyle/Simple_Tabs.css

@@ -0,0 +1,52 @@
+/* Language Switching Buttons as Simple Tabs */
+
+.qtranxs-lang-switch-wrap {
+	margin: 10px 0 10px;
+	position: relative;
+}
+
+.qtranxs-lang-switch-wrap:before{
+	position: absolute;
+	content: ' ';
+	bottom:0;
+	left:0;
+	right:0;
+	z-index: 1;
+	border-bottom: 1px solid #ccc;
+}
+
+.qtranxs-lang-switch-wrap li.qtranxs-lang-switch{
+	position: relative;
+	border-color: #ccc;
+	padding: 5px 5px;
+	cursor: pointer;
+	position: relative;
+	z-index: 2;
+	background: none;
+	margin-right: 2px;
+	line-height: 1.42857143;
+	border: 1px solid transparent;
+	border-radius: 4px 4px 0 0;
+	opacity: 0.8;
+	display: inline-block;
+}
+
+.qtranxs-lang-switch-wrap li.qtranxs-lang-switch:hover{
+	background: #e0e0e0;
+	opacity: 1;
+}
+
+.qtranxs-lang-switch-wrap li.qtranxs-lang-switch.active,
+.qtranxs-lang-switch-wrap li.qtranxs-lang-switch.active:focus,
+.qtranxs-lang-switch-wrap li.qtranxs-lang-switch.active:hover {
+	color: #555;
+	cursor: default;
+	background-color: #f1f1f1;
+	border: 1px solid #ccc;
+	border-bottom-color: transparent;
+	opacity: 1;
+}
+
+.qtranxs-lang-switch img {
+	margin-right: 4px;
+}

admin/css/opLSBStyle/Tabs_in_Block.css

@@ -0,0 +1,34 @@
+/* Language Switching Buttons as Tabs in Black Block */
+
+.qtranxs-lang-switch-wrap
+{
+	//margin: 10px 0;
+	margin: 0;
+}
+
+.qtranxs-lang-switch
+{
+	padding: 3px 8px 5px 8px;
+	margin: 6px 4px 0 4px;
+	display: inline-block;
+}
+
+.qtranxs-lang-switch
+{
+	cursor: pointer;
+}
+
+.qtranxs-lang-switch>*
+{
+	vertical-align: middle;
+	margin-right: 4px;
+}
+
+.qtranxs-lang-switch *
+{
+	vertical-align: middle;
+}
+
+.qtranxs-lang-switch img {
+	margin-right: 4px;
+}

qtranslate_configuration.css → admin/css/qtranslate_configuration.css

@@ -86,7 +86,7 @@
 }
 
 
-/* Language Switching Buttons as horizontal block */
+/* Language Switching Buttons as horizontal block
 
 .qtranxs-lang-switch-wrap
 {
@@ -119,6 +119,7 @@
 	vertical-align: middle;
 	margin-right: 4px;
 }
+*/
 
 /* Language Switching Buttons as tabs *
 

admin/js/common.js

@@ -873,7 +873,8 @@ var qTranslateX=function(pg)
 		}
 		for(var i=0; i < anchors.length; ++i){
 			var anchor = anchors[i];
-			var langSwitchWrap=qtranxj_ce('ul', {className: 'qtranxs-lang-switch-wrap'});
+			var langSwitchWrap=qtranxj_ce('ul', {className: qTranslateConfig.lsb_style_wrap_class});
+			//var langSwitchWrap=qtranxj_ce('ul', {className: 'qtranxs-lang-switch-wrap wp-ui-primary'});
 			//var header=w.getElementsByTagName('h2')[0];
 			//header.parentNode.insertBefore(langSwitchWrap, header.nextElementSibling);
 			anchor.parentNode.insertBefore( langSwitchWrap, anchor );
@@ -915,15 +916,19 @@ function qtranxj_LanguageSwitch(langSwitchWrap)
 		{
 			var tabSwitches = qTranslateConfig.tabSwitches[qTranslateConfig.activeLanguage];
 			for(var i=0; i < tabSwitches.length; ++i){
-				tabSwitches[i].classList.remove('active');
+				tabSwitches[i].classList.remove(qTranslateConfig.lsb_style_active_class);
+				//tabSwitches[i].classList.remove('active');
+				//tabSwitches[i].classList.remove('wp-ui-highlight');
 			}
 			//tabSwitches[qTranslateConfig.activeLanguage].classList.remove('active');
 		}
 		qTranslateConfig.activeLanguage=tabSwitch.lang;
 		{
 			var tabSwitches = qTranslateConfig.tabSwitches[qTranslateConfig.activeLanguage];
 			for(var i=0; i < tabSwitches.length; ++i){
-				tabSwitches[i].classList.add('active');
+				tabSwitches[i].classList.add(qTranslateConfig.lsb_style_active_class);
+				//tabSwitches[i].classList.add('active');
+				//tabSwitches[i].classList.add('wp-ui-highlight');
 			}
 			//tabSwitch.classList.add('active');
 		}
@@ -943,7 +948,7 @@ function qtranxj_LanguageSwitch(langSwitchWrap)
 		qtranxj_ce('img', {src: flag_location+qTranslateConfig.flag[lang]}, tabSwitch);
 		qtranxj_ce('span', {innerHTML: langNames[lang]}, tabSwitch);
 		if ( qTranslateConfig.activeLanguage == lang )
-			tabSwitch.classList.add('active');
+			tabSwitch.classList.add(qTranslateConfig.lsb_style_active_class);
 		if(!qTranslateConfig.tabSwitches[lang]) qTranslateConfig.tabSwitches[lang] = [];
 		qTranslateConfig.tabSwitches[lang].push(tabSwitch);
 		//tabSwitches[lang]=tabSwitch;