From e36a58a2019f1d0fb2dacc12598d19f997dda34a Mon Sep 17 00:00:00 2001
From: Ilia Ryabokon <ilin@scand.com>
Date: Tue, 2 Oct 2012 15:20:39 +0300
Subject: [PATCH 1/4] Sankore 1189 - loading message

---
 src/domain/UBGraphicsWidgetItem.cpp | 52 ++++++++++++++---------------
 src/domain/UBGraphicsWidgetItem.h   |  5 +--
 2 files changed, 28 insertions(+), 29 deletions(-)

diff --git a/src/domain/UBGraphicsWidgetItem.cpp b/src/domain/UBGraphicsWidgetItem.cpp
index 6e22d04b..7d43c949 100644
--- a/src/domain/UBGraphicsWidgetItem.cpp
+++ b/src/domain/UBGraphicsWidgetItem.cpp
@@ -49,7 +49,7 @@ UBGraphicsWidgetItem::UBGraphicsWidgetItem(const QUrl &pWidgetUrl, QGraphicsItem
     , mInitialLoadDone(false)
     , mIsFreezable(true)
     , mIsResizable(false)    
-    , mLoadIsErronous(false)    
+    , mLoadIsErronous(false)
     , mCanBeContent(0)
     , mCanBeTool(0)
     , mWidgetUrl(pWidgetUrl)
@@ -113,6 +113,7 @@ void UBGraphicsWidgetItem::initialize()
     connect(page()->mainFrame(), SIGNAL(javaScriptWindowObjectCleared()), this, SLOT(javaScriptWindowObjectCleared()));
     connect(page(), SIGNAL(geometryChangeRequested(const QRect&)), this, SLOT(geometryChangeRequested(const QRect&)));
     connect(this, SIGNAL(loadFinished(bool)), this, SLOT(mainFrameLoadFinished (bool)));
+    connect(page()->mainFrame(), SIGNAL(initialLayoutCompleted()), this, SLOT(initialLayoutCompleted()));
     connect(page(), SIGNAL(linkClicked(const QUrl&)), this, SLOT(onLinkClicked(const QUrl&)));
 }
 
@@ -121,6 +122,11 @@ void UBGraphicsWidgetItem::onLinkClicked(const QUrl& url)
 	UBApplication::webController->loadUrl(url);
 }
 
+void UBGraphicsWidgetItem::initialLayoutCompleted()
+{
+    mInitialLoadDone = true;
+}
+
 QUrl UBGraphicsWidgetItem::mainHtml()
 {
     return mMainHtmlUrl;
@@ -564,40 +570,33 @@ void UBGraphicsWidgetItem::injectInlineJavaScript()
 void UBGraphicsWidgetItem::paint( QPainter *painter, const QStyleOptionGraphicsItem *option, QWidget *widget)
 {
 
-    if (scene() && scene()->renderingContext() != UBGraphicsScene::Screen)
-    {
+    if (scene() && scene()->renderingContext() != UBGraphicsScene::Screen) {
         painter->drawPixmap(0, 0, snapshot());
     }
-    else
-    {
-        if (!mInitialLoadDone || mLoadIsErronous) 
-        {
-            QString message;
+    else {
+        QGraphicsWebView::paint(painter, option, widget);
+    }
 
-            if (mInitialLoadDone && mLoadIsErronous)
-                message = tr("Cannot load content");
-            else
-                message = tr("Loading ...");
+    if (!mInitialLoadDone) {
+        QString message;
 
-            painter->setFont(QFont("Arial", 12));
+        message = tr("Loading ...");
 
-            QFontMetrics fm = painter->fontMetrics();
-            QRect txtBoundingRect = fm.boundingRect(message);
+        painter->setFont(QFont("Arial", 12));
 
-            txtBoundingRect.moveCenter(rect().center().toPoint());
-            txtBoundingRect.adjust(-10, -5, 10, 5);
+        QFontMetrics fm = painter->fontMetrics();
+        QRect txtBoundingRect = fm.boundingRect(message);
 
-            painter->setPen(Qt::NoPen);
-            painter->setBrush(UBSettings::paletteColor);
-            painter->drawRoundedRect(txtBoundingRect, 3, 3);
+        txtBoundingRect.moveCenter(rect().center().toPoint());
+        txtBoundingRect.adjust(-10, -5, 10, 5);
 
-            painter->setPen(Qt::white);
-            painter->drawText(rect(), Qt::AlignCenter, message);
-        }
-        else
-            QGraphicsWebView::paint(painter, option, widget);
-    }
+        painter->setPen(Qt::NoPen);
+        painter->setBrush(UBSettings::paletteColor);
+        painter->drawRoundedRect(txtBoundingRect, 3, 3);
 
+        painter->setPen(Qt::white);
+        painter->drawText(rect(), Qt::AlignCenter, message);
+    }
 }
 
 void UBGraphicsWidgetItem::geometryChangeRequested(const QRect& geom)
@@ -618,7 +617,6 @@ void UBGraphicsWidgetItem::javaScriptWindowObjectCleared()
 
 void UBGraphicsWidgetItem::mainFrameLoadFinished (bool ok)
 {
-    mInitialLoadDone = true;
     mLoadIsErronous = !ok;
     update(boundingRect());
     takeSnapshot();
diff --git a/src/domain/UBGraphicsWidgetItem.h b/src/domain/UBGraphicsWidgetItem.h
index 10aeb2b7..412dbad8 100644
--- a/src/domain/UBGraphicsWidgetItem.h
+++ b/src/domain/UBGraphicsWidgetItem.h
@@ -21,8 +21,8 @@
 
 #include "core/UB.h"
 
-#include "UBItem.h"
-#include "UBResizableGraphicsItem.h"
+#include "UBItem.h"
+#include "UBResizableGraphicsItem.h"
 
 class UBWidgetUniboardAPI;
 class UBGraphicsScene;
@@ -163,6 +163,7 @@ class UBGraphicsWidgetItem : public QGraphicsWebView, public UBItem, public UBRe
 
     private slots:
     	void onLinkClicked(const QUrl& url);
+        void initialLayoutCompleted();
 
     private:
         bool mIsFrozen;

From 543495507dabf2fb730d662643555c26ff3c13e5 Mon Sep 17 00:00:00 2001
From: bmagnin <vi>
Date: Tue, 2 Oct 2012 14:31:49 +0200
Subject: [PATCH 2/4] Wording in french

---
 .../library/interactivities/Ass images.wgt/js/script.js   | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/resources/library/interactivities/Ass images.wgt/js/script.js b/resources/library/interactivities/Ass images.wgt/js/script.js
index c2322d84..fb87a54c 100644
--- a/resources/library/interactivities/Ass images.wgt/js/script.js	
+++ b/resources/library/interactivities/Ass images.wgt/js/script.js	
@@ -1,14 +1,14 @@
 var sankoreLang = {
-    display: "Close", 
+    display: "Display", 
     edit: "Edit", 
     short_desc: "Select the number \"three\".", 
     add: "Add new block",
     enter: "Enter your instruction here ...",
     wgt_name: "Associate images",
     reload: "Reload",
-    slate: "Wood",
-    pad: "Pad",
-    none: "None",
+    slate: "wood",
+    pad: "pad",
+    none: "none",
     help: "Help",
     help_content: "This is an example of help content ...",
     theme: "Theme"

From bfff57a3a43fd77bfff1bc868ca5077c40b66070 Mon Sep 17 00:00:00 2001
From: bmagnin <vi>
Date: Tue, 2 Oct 2012 17:13:30 +0200
Subject: [PATCH 3/4] Wording in French interactivities

---
 .../Ass images.wgt/js/script.js               |  2 +-
 .../interactivities/Ass sons.wgt/js/script.js |  8 +++----
 .../Ass sons.wgt/locales/fr/js/script.js      | 22 ++++++-------------
 .../Cat images.wgt/js/script.js               |  8 +++----
 .../Cat images.wgt/locales/fr/js/script.js    |  2 +-
 .../interactivities/Cat text.wgt/js/script.js |  8 +++----
 .../locales/fr/scripts/selQuestionApp.js      |  2 +-
 .../Choisir.wgt/scripts/selQuestionApp.js     |  8 +++----
 .../Contraste.wgt/scripts/blackYellow.js      |  2 +-
 9 files changed, 27 insertions(+), 35 deletions(-)

diff --git a/resources/library/interactivities/Ass images.wgt/js/script.js b/resources/library/interactivities/Ass images.wgt/js/script.js
index fb87a54c..d771579c 100644
--- a/resources/library/interactivities/Ass images.wgt/js/script.js	
+++ b/resources/library/interactivities/Ass images.wgt/js/script.js	
@@ -6,7 +6,7 @@ var sankoreLang = {
     enter: "Enter your instruction here ...",
     wgt_name: "Associate images",
     reload: "Reload",
-    slate: "wood",
+    slate: "slate",
     pad: "pad",
     none: "none",
     help: "Help",
diff --git a/resources/library/interactivities/Ass sons.wgt/js/script.js b/resources/library/interactivities/Ass sons.wgt/js/script.js
index 3b8f3efa..7ae359f3 100644
--- a/resources/library/interactivities/Ass sons.wgt/js/script.js	
+++ b/resources/library/interactivities/Ass sons.wgt/js/script.js	
@@ -1,14 +1,14 @@
 var sankoreLang = {
-    display: "Close", 
+    display: "Display", 
     edit: "Edit", 
     short_desc: "How many signals do you hear?", 
     add: "Add new block",
     enter: "Enter your instruction here ...",
     wgt_name: "Associate to the audio",
     reload: "Reload",
-    slate: "Wood",
-    pad: "Pad",
-    none: "None",
+    slate: "slate",
+    pad: "pad",
+    none: "none",
     help: "Help",
     help_content: "This is an example of help content ...",
     theme: "Theme"
diff --git a/resources/library/interactivities/Ass sons.wgt/locales/fr/js/script.js b/resources/library/interactivities/Ass sons.wgt/locales/fr/js/script.js
index 441069a9..1b3c594d 100644
--- a/resources/library/interactivities/Ass sons.wgt/locales/fr/js/script.js	
+++ b/resources/library/interactivities/Ass sons.wgt/locales/fr/js/script.js	
@@ -1,14 +1,14 @@
 var sankoreLang = {
-    display: "Fermer", 
+    display: "Afficher", 
     edit: "Modifier", 
     short_desc: "Combien de signaux entendez-vous?", 
     add: "Nouveau bloc",
     enter: "Saisir votre description ici ...",
     wgt_name: "Associer aux sons",
     reload: "Recharger",
-    slate: "Bois",
-    pad: "Pad",
-    none: "Aucun",
+    slate: "ardoise",
+    pad: "tablette",
+    none: "aucun",
     help: "Aide",
     help_content: "<p><h2>Associer aux sons</h2></p>"+
     "<p><h3>Faire correspondre une image à un son.</h3></p>"+
@@ -21,7 +21,7 @@ var sankoreLang = {
     "<ul><li>de choisir le thème de l’interactivité : tablette, ardoise ou aucun (par défaut aucun),</li>"+
     "<li>de modifier un exercice ou d’en créer de nouveaux dans la même activité.</li></ul>"+
 
-<<<<<<< HEAD
+
 "<p>En mode édition, pour créer un nouvel exercice, cliquez sur “Nouveau bloc” en bas, puis </p>"+
 "<ul><li>insérez une consigne en cliquant sur le champ de texte “Saisir votre description ici ...”,"+
 "<li>insérez un son dans la zone à gauche de la consigne par glisser-déposer d’un son à partir de votre bibliothèque,</li>"+
@@ -30,16 +30,8 @@ var sankoreLang = {
 "<li>définissez l’image correcte de l’interactivité en cliquant sur le bouton valider “v” situé en bas à droite de l’image concernée.</li></ul>"+
 "<p>Pour supprimer une zone image, cliquez sur la croix située dans le coin supérieur droit de l’image.</p>"+ 
 "<p>Pour remplacer un son, glissez-déposez simplement un nouveau son.</p>"+
-=======
-    "<p>En mode édition, pour créer un nouvel exercice, cliquez sur “Nouveau bloc” en bas, puis </p>"+
-    "<ul><li>insérez une consigne en cliquant sur le champ de texte “Saisir votre description ici ...”,"+
-    "<li>insérez un son dans la zone à gauche de la consigne par glisser-déposer d’un son à partir de votre bibliothèque,</li>"+
-    "<li>ajoutez des zones image en cliquant sur le gros signe + en dessous,</li>"+
-    "<li>insérez des images par glisser-déposer des images à partir de votre bibliothèque,</li>"+
-    "<li>définissez l’image correcte de l’interactivité en cliquant sur le bouton valider “v” situé en bas à droite de l’image concernée.</li></ul>"+
-    "<p>Pour supprimer une zone image, cliquez sur la croix située dans le coin supérieur droit de l’image.</p>"+ 
-    "<p>Pour remplacer un son, glissez-déposez simplement un nouveau son.</p>"+
->>>>>>> 986e8e8f3435c5208d294c97db33e0cf54790514
+
+
 
     "<p>Pour supprimer un exercice, cliquez sur la croix à gauche du numéro de l’exercice.</p>"+
 
diff --git a/resources/library/interactivities/Cat images.wgt/js/script.js b/resources/library/interactivities/Cat images.wgt/js/script.js
index cf2f6d0c..9c4358b4 100644
--- a/resources/library/interactivities/Cat images.wgt/js/script.js	
+++ b/resources/library/interactivities/Cat images.wgt/js/script.js	
@@ -1,5 +1,5 @@
 var sankoreLang = {
-    display: "Close", 
+    display: "Display", 
     edit: "Edit", 
     first_desc: "Odd numbers", 
     second_desc: "Even numbers", 
@@ -7,9 +7,9 @@ var sankoreLang = {
     add: "Add new block",
     wgt_name: "Categorize images",
     reload: "Reload",
-    slate: "Wood",
-    pad: "Pad",
-    none: "None",
+    slate: "slate",
+    pad: "pad",
+    none: "none",
     help: "Help",
     help_content: "This is an example of help content ...",
     theme: "Theme"
diff --git a/resources/library/interactivities/Cat images.wgt/locales/fr/js/script.js b/resources/library/interactivities/Cat images.wgt/locales/fr/js/script.js
index 5b20fcd1..a23d77b7 100644
--- a/resources/library/interactivities/Cat images.wgt/locales/fr/js/script.js	
+++ b/resources/library/interactivities/Cat images.wgt/locales/fr/js/script.js	
@@ -1,5 +1,5 @@
 var sankoreLang = {
-    display: "Fermer", 
+    display: "Afficher", 
     edit: "Modifier",
     first_desc: "Les nombres impairs", 
     second_desc: "Les nombres pairs", 
diff --git a/resources/library/interactivities/Cat text.wgt/js/script.js b/resources/library/interactivities/Cat text.wgt/js/script.js
index a53fc178..5744ce0a 100644
--- a/resources/library/interactivities/Cat text.wgt/js/script.js	
+++ b/resources/library/interactivities/Cat text.wgt/js/script.js	
@@ -1,5 +1,5 @@
 var sankoreLang = {
-    display: "Close", 
+    display: "Display", 
     edit: "Edit", 
     first_desc: "Fruits", 
     second_desc: "Vegetables",
@@ -13,9 +13,9 @@ var sankoreLang = {
     text: "Some text",
     wgt_name: "Categorize text",
     reload: "Reload",
-    slate: "Wood",
-    pad: "Pad",
-    none: "None",
+    slate: "slate",
+    pad: "pad",
+    none: "none",
     help: "Help",
     help_content: "This is an example of help content ...",
     theme: "Theme"
diff --git a/resources/library/interactivities/Choisir.wgt/locales/fr/scripts/selQuestionApp.js b/resources/library/interactivities/Choisir.wgt/locales/fr/scripts/selQuestionApp.js
index 36b0c319..720c3b5f 100644
--- a/resources/library/interactivities/Choisir.wgt/locales/fr/scripts/selQuestionApp.js
+++ b/resources/library/interactivities/Choisir.wgt/locales/fr/scripts/selQuestionApp.js
@@ -15,7 +15,7 @@
 
 var sankoreLang = {
     edit: "Modifier",
-    display:"Fermer",
+    display:"Afficher",
     question:"La question",
     example_question:"Ceci est un exemple de question",
     answer:"Ceci est une réponse possible",
diff --git a/resources/library/interactivities/Choisir.wgt/scripts/selQuestionApp.js b/resources/library/interactivities/Choisir.wgt/scripts/selQuestionApp.js
index e04f2e83..8bb552c3 100644
--- a/resources/library/interactivities/Choisir.wgt/scripts/selQuestionApp.js
+++ b/resources/library/interactivities/Choisir.wgt/scripts/selQuestionApp.js
@@ -15,7 +15,7 @@
 
 var sankoreLang = {
     edit: "Edit",
-    display:"Close",
+    display:"Display",
     question:"Question",
     example_question:"This is an example of the question",
     answer:"This is one possible answer",
@@ -37,9 +37,9 @@ var sankoreLang = {
     a:"A",
     wgt_name: "Choose the right answer",
     reload: "Reload",
-    slate: "Wood",
-    pad: "Pad",
-    none: "None",
+    slate: "slate",
+    pad: "pad",
+    none: "none",
     help: "Help",
     help_content: "This is an example of help content ...",
     theme: "Theme"
diff --git a/resources/library/interactivities/Contraste.wgt/scripts/blackYellow.js b/resources/library/interactivities/Contraste.wgt/scripts/blackYellow.js
index 89e6df3f..26746d70 100644
--- a/resources/library/interactivities/Contraste.wgt/scripts/blackYellow.js
+++ b/resources/library/interactivities/Contraste.wgt/scripts/blackYellow.js
@@ -23,7 +23,7 @@ var sankoreLang = {
     cancel: "Cancel",
     wgt_name: "Contrast",
     reload: "Reload",
-    slate: "wood",
+    slate: "slate",
     pad: "pad",
     none: "none",
     help: "Help",

From 1e8c94befcd08fbd66fe79c34a2b1189a18f3e0f Mon Sep 17 00:00:00 2001
From: maximXbs <mkohovich@xbsoftware.com>
Date: Tue, 2 Oct 2012 17:40:59 +0200
Subject: [PATCH 4/4] updated 'Contraste' app

---
 .../Contraste.wgt/css/basic.css               | 157 ++++++++++--------
 .../Contraste.wgt/images/ar_down.png          | Bin 529 -> 0 bytes
 .../Contraste.wgt/images/ar_down_white.png    | Bin 142 -> 0 bytes
 .../Contraste.wgt/images/parameters-bg.png    | Bin 0 -> 4256 bytes
 .../Contraste.wgt/images/plus-white.png       | Bin 1314 -> 0 bytes
 .../Contraste.wgt/images/plus.png             | Bin 1859 -> 744 bytes
 .../Contraste.wgt/images/slate-display.png    | Bin 532 -> 0 bytes
 .../Contraste.wgt/images/slate-edit.png       | Bin 1907 -> 0 bytes
 .../Contraste.wgt/images/slate-help-white.png | Bin 553 -> 0 bytes
 .../Contraste.wgt/images/slate-help.png       | Bin 1795 -> 0 bytes
 .../images/slate-toolbar-help.png             | Bin 0 -> 1697 bytes
 .../images/slate-toolbar-reload-white.png     | Bin 1619 -> 0 bytes
 .../images/slate-toolbar-reload.png           | Bin 2110 -> 2289 bytes
 .../Contraste.wgt/images/toolbar-edit.png     | Bin 0 -> 732 bytes
 .../Contraste.wgt/images/toolbar-help.png     | Bin 0 -> 707 bytes
 .../Contraste.wgt/images/toolbar-reload.png   | Bin 0 -> 999 bytes
 .../interactivities/Contraste.wgt/index.html  |  26 +--
 .../Contraste.wgt/locales/fr/index.html       |  26 +--
 .../locales/fr/scripts/blackYellow.js         | 149 ++++++++++-------
 .../Contraste.wgt/locales/ru/index.html       |  18 +-
 .../locales/ru/scripts/blackYellow.js         | 127 ++++++++------
 .../Contraste.wgt/scripts/blackYellow.js      | 127 ++++++++------
 22 files changed, 362 insertions(+), 268 deletions(-)
 delete mode 100644 resources/library/interactivities/Contraste.wgt/images/ar_down.png
 delete mode 100644 resources/library/interactivities/Contraste.wgt/images/ar_down_white.png
 create mode 100644 resources/library/interactivities/Contraste.wgt/images/parameters-bg.png
 delete mode 100644 resources/library/interactivities/Contraste.wgt/images/plus-white.png
 delete mode 100644 resources/library/interactivities/Contraste.wgt/images/slate-display.png
 delete mode 100644 resources/library/interactivities/Contraste.wgt/images/slate-edit.png
 delete mode 100644 resources/library/interactivities/Contraste.wgt/images/slate-help-white.png
 delete mode 100644 resources/library/interactivities/Contraste.wgt/images/slate-help.png
 create mode 100644 resources/library/interactivities/Contraste.wgt/images/slate-toolbar-help.png
 delete mode 100644 resources/library/interactivities/Contraste.wgt/images/slate-toolbar-reload-white.png
 create mode 100644 resources/library/interactivities/Contraste.wgt/images/toolbar-edit.png
 create mode 100644 resources/library/interactivities/Contraste.wgt/images/toolbar-help.png
 create mode 100644 resources/library/interactivities/Contraste.wgt/images/toolbar-reload.png

diff --git a/resources/library/interactivities/Contraste.wgt/css/basic.css b/resources/library/interactivities/Contraste.wgt/css/basic.css
index 64323d60..90530c69 100644
--- a/resources/library/interactivities/Contraste.wgt/css/basic.css
+++ b/resources/library/interactivities/Contraste.wgt/css/basic.css
@@ -3,7 +3,7 @@ html, body{
     height: 100%;
     margin: 0;
     padding: 0;    
-    border-radius: 50px;
+    border-radius: 35px;
     overflow: hidden;
 }
 
@@ -41,8 +41,6 @@ body{
     height: 100%;
     float: left;
     background-color: black;
-    -webkit-border-top-left-radius: 7px;
-    -webkit-border-bottom-left-radius: 7px;
     border-top-left-radius: 7px;
     border-bottom-left-radius: 7px;
 }
@@ -52,8 +50,6 @@ body{
     height: 100%;
     float: right;
     background-color: yellow;
-    -webkit-border-top-right-radius: 7px;
-    -webkit-border-bottom-right-radius: 7px;
     border-top-right-radius: 7px;
     border-bottom-right-radius: 7px;
 }
@@ -269,65 +265,55 @@ body{
     margin: 10px 10px 0 10px;
     padding: 0;
     float: left;
-    /*font-family: "Lobster13Regular";*/
+    font-family: Arial,Helvetica,sans-serif;
     font-size: 24px;
-    color: #8c5730;
+    color: #7F613F;
+    text-shadow: #FFDCA9 0 1px 0;
 }
 
-#wgt_reload, #wgt_edit, #wgt_display,#wgt_add, #wgt_help{
+#wgt_reload, #wgt_edit, #wgt_display, #wgt_help{
     cursor: pointer;
-    height: 44px;
     margin: 10px 10px 0 0;
     float: right;
-    /*font-family: "Lobster13Regular";*/
-    font-size: 24px;   
-    color: #8c5730;
+    font-family: Arial,Helvetica,sans-serif;
+    font-size: 24px;    
+    line-height: 32px;
 }
 
 #wgt_display{
-    padding-left: 40px;
-    background-image: url(../images/slate-edit.png);
-    background-repeat: no-repeat;
-    background-position: top 0;
+    padding-left: 35px;
+    background: url(../images/toolbar-edit.png) left -32px no-repeat;
+    color: white;
     display: none;
 }
 
 #wgt_edit{    
-    padding-left: 40px;
-    background-image: url(../images/slate-edit.png);
-    background-repeat: no-repeat;
-    background-position: top 0;
+    padding-left: 35px;
+    background: url(../images/slate-toolbar-edit.png) left top no-repeat;
+    color: #7F613F;
+    text-shadow: #FFDCA9 0 1px 0;
 }
 
 #wgt_reload{
-    padding-left: 40px;
-    background-image: url(../images/slate-toolbar-reload.png);
-    background-repeat: no-repeat;
-    background-position: top 0;
+    padding-left: 35px;
+    background: url(../images/slate-toolbar-reload.png) left top no-repeat;
+    color: #7F613F;
+    text-shadow: #FFDCA9 0 1px 0;
 }
 
 #wgt_add{
-    padding-left: 40px;
-    background-image: url(../images/plus.png);
-    background-repeat: no-repeat;
-    background-position: top 0;
-    display: none;
+    margin-left: 10px;
+    padding-right: 10px;
+    border: 1px solid #666;
+    border-radius: 15px;
+    padding-left: 30px;
+    background: url(../images/plus.png) -2px -2px no-repeat;
+    display: inline-block;
 }
 
-.style_select{    
-    width: 120px;
-    /*font-family: "Lobster13Regular";*/
-    font-size: 24px;
-    float: right;
-    margin: 10px 20px 0 0;
-    border-radius: 10px;
-    background-image: url(../images/ar_down.png);
-    background-color: #d4aa79;
-    color: #8c5730;
-    background-position: 105px 11px;
-    background-repeat: no-repeat;
-    -webkit-appearance: menulist-text;
-    display: none;
+#wgt_add:hover{
+    border-color: black;
+    cursor: pointer;
 }
 
 .btl_pad{
@@ -362,55 +348,50 @@ body{
     background-image: url(../images/pad-bottom-right.png) !important;
 }
 
-.pad_color{
-    color: white !important;
-}
-
-.pad_reload{
-    background-image: url(../images/slate-toolbar-reload-white.png) !important;
+.without_radius{
+    border-radius: 0 !important;
 }
 
-.pad_edit{
-    background-image: url(../images/slate-display.png) !important;
+.without_back{
+    background: none !important;
 }
 
-.pad_add{
-    background-image: url(../images/plus-white.png) !important;
+.pad_color{
+    color: #FC9 !important;
+    text-shadow: none !important;
 }
 
-.pad_select{
-    background-color: black !important;
-    color: white !important;
-    background-image: url(../images/ar_down_white.png) !important;
+.pad_reload{
+    background: url(../images/toolbar-reload.png) left top no-repeat !important;
 }
 
-.without_radius{
-    border-radius: 0 !important;
+.pad_edit{
+    background: url(../images/toolbar-edit.png) left top no-repeat !important;    
 }
 
-.without_back{
-    background: none !important;
+.pad_help{
+    background: url(../images/toolbar-help.png) left top no-repeat !important;
 }
 
-.none_select{
-    background-color: #333 !important;
+.help_wood{
+    background: url(../images/slate-toolbar-help.png) left -32px no-repeat !important;
     color: white !important;
-    background-image: url(../images/ar_down_white.png) !important;
+    text-shadow: #7F613F 0 -1px 0 !important;
 }
 
-.pad_help{
-    background-image: url(../images/slate-help-white.png) !important;
+.help_pad{
+    background: url(../images/toolbar-help.png) left -32px no-repeat !important;
+    color: white !important;
 }
 
 #wgt_help{
-    padding-left: 32px;
-    background-image: url(../images/slate-help.png);
-    background-repeat: no-repeat;
-    background-position: top 0;
+    padding-left: 35px;
+    background: url(../images/slate-toolbar-help.png) left top no-repeat;
+    color: #7F613F;
+    text-shadow: #FFDCA9 0 1px 0;
 }
 
 #help{
-    width: 100%;
     height: 100%;    
     overflow: auto;
     display: none;
@@ -419,5 +400,37 @@ body{
 }
 
 .open{
-    
+
+}
+
+#parameters{    
+    display: none;
+    margin: 40px 0 0 0;
+    padding: 10px 20px;
+    background: url("../images/parameters-bg.png");
+    border-radius: 4px 4px 0 0;
+}
+
+.inline{
+    display: inline-block;
+    font-family: "helvetica neue";
+    font-size: 14px;
+    color: #666;
+}
+
+#parameters label {
+    font-style: italic;
+}
+
+#style_select{   
+    margin-left: 10px;
+}
+
+.display_wood{
+    background: url(../images/slate-toolbar-edit.png) left -32px no-repeat !important;
+    text-shadow: #7F613F 0 -1px 0;
+}
+
+.radius_ft{
+    border-radius: 45px !important;
 }
\ No newline at end of file
diff --git a/resources/library/interactivities/Contraste.wgt/images/ar_down.png b/resources/library/interactivities/Contraste.wgt/images/ar_down.png
deleted file mode 100644
index a20fab4f36a5d0f7e7a48e67ce9335c1a76a005d..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 529
zcmV+s0`C2ZP)<h;3K|Lk000e1NJLTq000UA000jN1^@s6-Tz(=0000PbVXQnQ*UN;
zcVTj606}DLVr3vnZDD6+Qe|Oed2z{QJOBUzvq?ljRCwA{QOj=AKomW9W^5-;aZ(V_
z1+4i67D%jF^@EVu@C!wvmG}X6m5RD7i|*L)5)Bflje<xN+l}9oacmFcJfv`>tGP4h
z+%xyi(97qKUw8MsXF#K%IhY_2F%T0FmI=FS7s>4>0pJM{Jq374%m_IHYlYl0IS1#$
zGJGbM3psHfKI-)P`yF?15ANVDy1hPxV`Hfl>Sc-VA3uy(b{oExX_T~XcGrdL?ZbO;
z0Pp?*-2MPX8Yk0Vzu&N?)>l~^T~t+xs#K^J3#dGWOkz~V@z2k17b=%S0n<|)1jp9Y
zKP0OI$K3<B*8MGt0^=W_k3~<Iy>39&@;nLsk<4=#cf{cgO6C|3zl_v8Ki8@T(`IZC
zP$uC~7AHvOA?C9Q{@z?;eD(E++IKN3(QJgZl4nuqzhZ<t+;)&eahmwkGu{dfgdtYo
z(8DbBFNv`imgOJ{rk7mnAvQc~G@*^!oanMRiRKZ4AVif%Cz_f6!a78)*A?x;NT23X
z&a@`xQFFTGR#)%jD?QcaJJQBpkly9Qwudb`tbUKpfcQ_iYu64%m~Hc2{1adRH8#)C
TM@|ex00000NkvXXu0mjf!>#Ti

diff --git a/resources/library/interactivities/Contraste.wgt/images/ar_down_white.png b/resources/library/interactivities/Contraste.wgt/images/ar_down_white.png
deleted file mode 100644
index 4a1d133b72676983e994ef76f99f777714560e7b..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 142
zcmeAS@N?(olHy`uVBq!ia0vp^AT~b-8<4#FKaLMbNtU=qlmzFem6RtIr7}3C<R_&n
zc;+Uirv{}arc@T5Otk?jGVpY945_%4^oO5?$Av+SO^GpA#7Jmi-^7&FA7`HOsE#*&
nv}u|h<GGI0npd_<DI8$f{+~r@6MMpRpk4+~S3j3^P6<r_YN#uV

diff --git a/resources/library/interactivities/Contraste.wgt/images/parameters-bg.png b/resources/library/interactivities/Contraste.wgt/images/parameters-bg.png
new file mode 100644
index 0000000000000000000000000000000000000000..36f648e1bb1679a741338ad6dee0089bd3c3c8a5
GIT binary patch
literal 4256
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

literal 0
HcmV?d00001

diff --git a/resources/library/interactivities/Contraste.wgt/images/plus-white.png b/resources/library/interactivities/Contraste.wgt/images/plus-white.png
deleted file mode 100644
index 650983ca899d74fb3a17d2a90787a4ac1851f6bb..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 1314
zcmeAS@N?(olHy`uVBq!ia0vp^3LwnE1|*BCs=fdz$r9IylHmNblJdl&R0hYC{G?O`
z&)mfH)S%SFl*+=BsWuD@%nF$y5hW46K32*3xq68pHF_1f1wh>l3^w)^1&PVosU-?Y
zsp*+{wo31J?^jaDOtDo8H}y5}EpSfF$n>ZxN)4{^3rViZPPR-@vbR&PsjvbXkegbP
zs8ErclUHn2VXFi-*9yo63F|8<fR&VF+bTgE72zA8;GAESs$i;Tpqp%9W}skZsAp(w
zVs37(qhMrUXrOOkq;F`XYiMp|Y-D9%pa2C*K--E^(yW49+@N*=dA3R!B_#z``ugSN
z<$C4Ddih1^`i7R4mLM~XjC6r2bc-wVN)jt{^NN*WCb*;)Cl_TFlw{`TDS%8&Ov*1U
zu~h=P6yk;40=Thx#n4~^2AF<DVu8M)o&m^9FonLp_?717!c`ZS1f?R}i`C%bkjjEo
z{h-w1{L-RiV8o><gRCmBaxO|uEXgkl$<NP$g<?QPeo20DMt*^UbFisGcxGNoet9ui
zwXd(0XI^nhVqS8pr;Du;P`_SgW{Q=Cv$La#nVYMntD}XXp{t>jsjH)txrwE-g}IBf
zi;*QvuS<S%X>Mv>2~2MaLa!T6y`Y4UTL84#CABECEH%ZgC_h&L>|v`++-`BkX&zK>
z3U0T!;MA)Rbc{YIT9Kj|CIn17ASOJ~0y*$xpPC0u>qWpsy)tFH8v_I53{MxwkcwML
zfByfsKkUGy*2c)Tm@h#waIc8~JJUvUfo`Uaj3IxR1opE%TI;Y!u4BGXu9AkJP@`%?
zg_^+spZ*em8dptKIF{q4RMf~Wu%0bRPG#e1hZ>m<d#9g&9CA31?DELk$55yt@P2^`
z%cqMq+eJFAeq0gG_{cS*>eI)YjpvK(mnhV8ANl6uCe9r4HhPK1N9C)GmmK~uW*yLG
z+IOt=>cXo3&Sxj79c470*mQxjU)7*NUnOCo#pDR~6N;HpUI(VP$Q)oWWfl`HI%2Va
z>10BzmW6|?XDsV3n{AUWh-$8mUFMWnE__l(J*g|HRHJrIm#W?w9bF(NP@^|)&Li!O
z8%`Q3ZJfVortOaG!`D4T`FHhSFf=SWk+xUu7^C^ZEvllnT*j}Z4Eb*GE-jt7D%z_-
zEJ$^0|BO=}6WdrPKAND>l{occx>lIme9yH#30FVXYlR&De{yBtM^lfG6*m<Wmw7&8
zKjPh)F-g+duxPT5REK%s;y|vh{gx^wUe6zN6&E=%#BY{)_IUFXv(u99zuT1WF)}c+
YF@z_Szv_+iW(Jj7p00i_>zopr0Ovx(+yDRo

diff --git a/resources/library/interactivities/Contraste.wgt/images/plus.png b/resources/library/interactivities/Contraste.wgt/images/plus.png
index b8d6f764429dd6637a887a819237884d873d8265..4ed06b7cd59bb3c112da9d122486a9e0069aa363 100644
GIT binary patch
delta 719
zcmV;=0x<o<4(J6TiBL{Q4GJ0x0000DNk~Le0000L0000L2nGNE0I3(HmXRSRe*%h0
zL_t(|+LV=RXw6|9$N&Gc9h)5rn_Du<rLaw$gyD@#B#|^k$*bemnpc#)m~wgHg(Ql+
zAxT1#EaZ|hUM#1~L@4F5Npl%zJ2mF-^E-Xddir;Enx{TJ|IYI~-{<%IZpTj~5?-D$
z4yM5r7y=#e8eYP;{tgx95u6Ddf1w)2Loxh<cW?(T!-s*2j)r}(LEknyB{%`5!cy1?
zC*e5s<`b=g6R=QEJq!=v3;dR~<xm5g;Sf|n9i(!Jj*;LZxaa$RLl6Y5eE)>N+1CP3
zSZ`##f$y!dv@bXjXY+mu-r~R><|gJ&2*7jbmF4EsTKRaB#QQ|e+PQjCe>)t6B>2vy
zvtWnjjJUaj`7ZMTh{0|cmK816EhFF*8=D>L|7xBMyEJ>Db<2c@^6hd<y@)niV0z#-
ze(KQy*N@#YpgTvle1!{80Lx&kJ$<^8yj>CZ9P28zd4Zm2sWe!Dc`i4Z5pQ&6k_FsE
zheDB}{KpZkmRklvDU`tqf0!eovnFc(<#pL}mU1P9Dz`2e4pB$+u@XLOsaa`(X>u&}
z6ws*Srj&`kP`Op9g5GLFQrJkte2HER`Lswu^3)gFB06|qskO#@#&g2Kh$(O}=eJB=
zv3Hd6)GDqKKAY$#IHy1*Q~+K`IH@|%T5jt$qUsUz;Hh4cE{MnDf1WC2BrJi+@Jg2j
zN_M-jSr@z3uY;rT1NK5|xJ<2*ZpwGZV3m9vHLD$p!3t&@oYvVha6MN;u`aV+t!yP+
zgDaZf%W8Y>4A`P4cSx{4U+ep*mR2kOu7&kEs>rh8nd<)PK$^52I0ENkH7tgS%Gb2g
z=7xfj`rp433(6&UC8WQT68Ns1ZtJHHWX3-M1_05W#h4FkW$yq0002ovPDHLkV1g?i
BS0w-d

literal 1859
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
W%Jmt8lGqgEZ;j83;8wE}bN>cpo7Hjv

diff --git a/resources/library/interactivities/Contraste.wgt/images/slate-display.png b/resources/library/interactivities/Contraste.wgt/images/slate-display.png
deleted file mode 100644
index 96166143476c5ae7d45c546bcfa6cc6aee5b4c18..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 532
zcmV+v0_**WP)<h;3K|Lk000e1NJLTq001BW001Be1^@s6b9#F80000PbVXQnQ*UN;
zcVTj606}DLVr3vnZDD6+Qe|Oed2z{QJOBUzwn;=mRCwBA{Qv(y!$1Nih5-fx?f@2i
zl8lUu6kE`cWG?`u4gj$}5I+Rs2@UfOP5{Y)qMwD9z5`j##lwF%uB1;#TvnOk<J*_=
zCw8yyZ(v|>07@qS@dvOgaA8U<@5=ML{NmA_|LEYxxg-C(3j(%+?VyDN@L7)R2%x$G
zsyl!f%VA*8nwjsY>HtzK2Z0Z7Ui_z;14y+T2B_iyaxMS+_s?aD9YBfYKuUlj2T*D`
zMcI&IpF>MRvK&AS%gJ^CwJayg0o1gdWCu{&a*`ZC3(JXi0Ie)1+5x@A!P8$px%-FO
zmJ{uO3rBZ6`TgtX4<J7Ph!;@Ha-tpZ;Kqgj4{u#ufuzad@1H+kD7Bm@2LR*W0A%pa
z6;n5(X>_2}a+m|~wu*JkoT5QAzp$7O&@l^;8mkB1Jb$zw#{c*4?-eE{W?P{62dcJ;
zr4%*nLA1F`2m=QfPdvC032EUP>{~zAJS?k`BFo{yfD2zcbMP&4Fauk(|5r?|{(o}M
z+6SP7Nlvhnlm_tR{R2QeffCDM4qzlu?SdpPf^s7i9{>jR1#0yhh;hJZ=al9EAiw}1
WxhI7T;&QP70000<MNUMnLSTXb2j&|9

diff --git a/resources/library/interactivities/Contraste.wgt/images/slate-edit.png b/resources/library/interactivities/Contraste.wgt/images/slate-edit.png
deleted file mode 100644
index 17f5fc5c56871b08ba229cb9c6be9920dc3f3ba8..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 1907
zcmaJ?eN<C*7`}j@AfSMeeARU-La^PtjRCuS2r`g`mtZcPiN@IOWXN`}+l6hQ2vRKM
zND!JvfS!=l2#8Wal$<1sFVjRyGe4#%_<<$!Xed~BD%u~>J?Gxv$9bOTect!?{?08<
zN?hvX;OPJWfD=ESC!j{q^3JfMzUrKu2h`v}#)`=0xQx_@RTvO0#nUj5uMn@p1ejQ=
z+t7`L1Aq-E7m7#`x(t!v3WnH%VQ3Wu#Rh=z#acovS&xxm8n#ZZjG+B-^f(QaOCxA2
zIVg-0F<81hK1YQu&q)+Ya@I?@QrhB3FkFjJ0t$>2gIYzVQjKUMXwP&JYHrzvXy7vl
zxjusS+>{7S0%LF$267lMT>=NgU@()xWCw+Wgam>tm<dBL3u3b9%n*dlLSPtt@zAJf
zDya++@Zw&?qE->Kbdn?x2-0XY3=NxstJXnGE|+W3V6o^Fg09vnNwJo$RL`GO;9+Ws
zN=}e+TnSnf#c6mJ89}3*K2JeGyp&a{UzCX|7^D>w5R(C0Qkn#!=>J0%ikE0LDZpO&
z{ZC=FP)A^p08`^xDhYLPviX)!1QMgd#3Zf~;&|p{6_e6&5?80=1Q@fN1Fn=SrMO1@
z42_})U#TX=N(sj2MbIcdLoSyhF}x5ShqHvm<-oB_W-OB%7Z(y63bWavalu?(EO(O2
z!zEb?Oi501rLVZ`DY=$LP!LpP9;T9KW70Skt^l7UjL4_<0#B*;f-9Zc3v)^?M45ps
z$NH~hp4_5($1;7{wAA8d+ha<q*Hu(gkIAJ>>aN`4^P+{?-|ntN-*HQx)6TATclZsO
zo&Fx|<Rr?pPM)8gZ2w7X$K0{6h4O)6_idXE)icord3QNQCl}sJDLcP6OhWUm_=ffK
z2R`$%B?<m@m(9cVorb7{@@<e#$L{YA8>-2@w`qA@lHZwR=N+Zm@kM()CieUF6j;@u
z)mi($s_Ysvx4W0z_|a%I-kmsd`n$gx%6iMvq#cE>+C1~I!bkC=j@Ke9y34+lpX6OO
zXN{YVLI+|JqM4(EH*d<y7Bw_9ln-RshTfkTXlrZZ_B6d&YTa~g-t+{9VU_BBUuJOs
z<Hv2Hg5q}6x4*E`ZP&IM^`Az*?`)~<Y<j`8y*mx9##ByT#-Z&Ko#gSt=uaH|XiZH`
zue+3}BrGt$n7mqZWy3FhHn6wBh5LnF=n7M|o$b68am&iKxKg1H-3J_}w<Hk$8<J%`
zvhV7KUAVH<tG!U;AGb5;(xLQ<jUL+#0HCwqx*v1+GbR81-Dmk6{j9x!<Bu*S$kM^{
zGe@_?Bh|hPPTIR~%MD>ZK0ZN_9zS>AbgtOE=W%4d;Ch`fL$EeKN)-=9-`HC9acSx8
zbHfe+YYP2)*757zy}9~}F3sClx|W|lGxp6A7yCw}U0j#zcW6gI!{`sg-Mpq@0`?9r
zI{8uSv0oOt48Bp`a`51plR{yL5B}6<ty96y=9$)2cS8Lx1#Yt5lfqckGwbvMe{t)r
zFvMrQQ@{z6Fm|8migIX0r8Ga)A9$C3XqBH;6wo{8{7Cjz<27V}qr7qK?Dbafs#>?A
zn6+53i74n3D8uy*faXX_P-Ns!MPbcr9*&;Smml8kTUhv^*(-3Tmz%ysXf<s?>nT}n
zS3@r1|K+6<u?pqA5v$98F>%kiUS72|H8u1LTW{Lf1J<JKsKIfg!Y*XBrf)2J;?5&q
zgY);U4j%^pzVAuX8qd%2Y-j@2py%|N+Y3BV6rEE{R5T+UJqLOZRBm)@Y;4SFtvwa+
zv_KauIM(o_?`l_97sPW;3i3|L4X>dS`d>v4N6Qnu+_cDrU-h519XxnWlyUk}jQt8p
z=<FFY7J^5Cp{ma-6Yt%A=%YV!Vpsmfky7haoldvQ>&zWj`@f?)hRmBjc+fG@{DtW)
zE9k9Mk*#ASIIF&>sA%r)F@HOhXn#Zx41Cbi($dc(E7i(b0o5j9XGHaD@B#zpioNaL
z-V0;wDznGF{;}Hn`rbKhq5CUj2b?!9-j<GGot<)!=b+DRU;AzDMCKZ^MsQA-ePw>)
z(t)e-1*S()rv8gt&fa~}v$N#)Aa@-KUrlR>ygu#lc*cbdc?pQK8DAy7RoHC(ciOmn
ZDi8|3Y4kkxbj0!-<i{rR8keMQ`3J5@`}hC=

diff --git a/resources/library/interactivities/Contraste.wgt/images/slate-help-white.png b/resources/library/interactivities/Contraste.wgt/images/slate-help-white.png
deleted file mode 100644
index 7b5ebfd8d29a9283767b2a42ff801178434f729d..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 553
zcmV+^0@nSBP)<h;3K|Lk000e1NJLTq001BW001Be1^@s6b9#F80000PbVXQnQ*UN;
zcVTj606}DLVr3vnZDD6+Qe|Oed2z{QJOBUz%Sl8*RCwBA{Qv(y!$1Nih5-fx?f@2i
zl8lUuDEx*bdj}wu0K@@6%#S4X5r{Vc@q&hV2M@pmiHTlDe2QQW09q^nGF(C3z~8{e
zgF(a4mVup<8?Nr>_pb~$&L3vDaAXI=gPRvNf*c8S$Ood*7f2B<470o|&+qb$b4UIY
z13>CP>OuPOnGLstkOR8%{g1qObmu=Q0HhwIk75S^eUb3s#)bdn0FXYAeu^Bhd-aTS
z|0w`a{dn!bn+;`^bqp!VV#MfYB#=_6QA{$9mV`ss0iQp-IZBD)pWhRqpFlQo_)i&d
zptvOb{rlHea%_g`qr4~v(gJ_~{<%zw<xut1sS99^0M>YKh_U?Zrw@-n>WPS6;vE1r
zEP==XNFXwOfiY3-0T}r6=l54;W)?17>VZN3jfI7ko0J9#3n|%Z%fg=f0wNOHxa2>)
zd2yfQyh>~ofWWf{H{at6dyqT{S)6cfhz|IL#UD~4PjM7%n%~7BDX)rC{`te(3^a`b
zU{mWgfu`7NQlo$*2LQ!35XgcXNOb^7*$@Qgcjh%IY8cj{i{HO-zB#dcQXRSjs2T-O
r^#wS5UqE6-M>qsV8zl4q009O7eJ4TJ=dcL@00000NkvXXu0mjfuXXIg

diff --git a/resources/library/interactivities/Contraste.wgt/images/slate-help.png b/resources/library/interactivities/Contraste.wgt/images/slate-help.png
deleted file mode 100644
index 069052d0061dacbeaa3bd022259a5db0e37a9f16..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 1795
zcmaJ?Yfuws6kQ%FAfUs`V%6>}AZQ`UCO}LiA%P?U8VVsuP)1ymg+xd;B#Q|FDK9}0
z8N@1s4oc9DRuQEwqAdt&i&AZiqUGTrC}=y1Kv4#(6uUvd{wUp<-S08yoO|y5?l-$P
zB7B3L&2k$60PI3Tcp_p1O|R8L;;S_nUJ-*U&X?d(SR$@NG$_E8VF@T0szj1d5sJvt
zQ`^u00I&cRVhJu0ZemI?B?&QMNP4B3U;{uvpk9qglTjQ@K$8?I7BupGGXyGREGWiL
zND-=oQMn?-ph2Sy;bN&FS;~+>fow29&m;ttD2{-7Wr|A6)U%*zT_!O%ZIdBz8iFUY
zp!cRE!U!-J)1aUqiQ*%r_)|cCm;}>&>2$g`NTt9OGKETpsXj2BNux3;6maH&h-eyF
zB2&Z@%)}yAEJ%*yY9^Vi)9FY$8VS=RkzoddVbY*deF%h)HeH1ydLNb6ZB~JYYNZ;5
z8dqQ{(4>eYU}-oDBAmWYL8+dTRcU9+L==pyN7Q7PL@}i_3ls|fAF5Q&p|!XO{owaM
zg|*^zHA)ttS}aW?B@Qmp%@j(_4A!6sj%magmNHw#2swshS~;c$gQNVw7==oP>9o^m
zp^zD>(&C6piiYx75Wy!Y6f!2mpC*8P>ApOe0mCpK=K8_G!Twxs5TDNA(ip+BTplJ(
zQ=%$-mMi<f^_!P#Y6PX4h|EJZik+xTpuv>jbiz!<{9dT@>dkOv^LwGq%Ow+L$fjfc
z*D=p-5xrxY&NVHum}`4fMfAFcXlh6v9!K1j^iUpGtnV3$5y~C8A65R{=k6<1bcmgb
z?mN|=s;;Z^5Y<6m{Ptj@$lGSs$wiU8(e`6JABgn|`eLnNyubI1hs)$;v0>?FVWiE;
zJCr@EkEZPGY&6FI5$e#ek(5Qbok**gxI!N}T47Z(aA8Zq%^fTJJi!>+>*0vb=(bdW
zQ)`cVB<DhqvBmpAYD(<XHTU$frw1Dx@84b{ew_2?qhp&7F-CZ2yPzV-LQN_kXsUgl
zY5Q}O(+?xDw~G1<Z`k!dmcw?shG!)&WAT&{S**)Jv|<9}tlhp!*dbvbPxA1v-Ow@7
ztM@I}yfAC_B6THl%iZ@n@8eJXLa{CQRSssaGJ~?3kGFXs`9WD%>#c7TK8~u9FEq=w
zjgCeo=0L6`aA#nBaSjz!Jn(;cHf(fi_wbq+%OgQoxj=#_8|f8x4DtZM+V-SkzJ)Qx
z|JL%nw7goYnsYU;+uvrg*<V$AO}e^sY^r1&y?I3*U}Z!*sq7d_fD?QD1@I%yjO$!_
zEo01VQ%HVXMt0c#q^L3{5LgHUQ6Bvn5TITjWxcoAp{k9WKlrr%io!SBcy$lJ&$be0
zGi#mq2u`fn^V9yg@GMTR+v%wTaJ2Q|nx>}Sl{vk4nq1j(+WN9(W@MmLwt67aBRfL&
zdr9%9=7*t@G#no-4pD6?3G3Rj0L(+H(d+9b!`tt{om*3%{Z;wp<!;%!%5W_t+3LMG
zXTVkCCZ#60J0PqZhR=tYyPCSkH#c6IbldrCh~egBbLh!}r2&A09Nevw*k?~v1|XRm
z$*mV(_)b!Gor_L8dH#IjHk)rdjLPWT%=R>QRYh5oXO;qb@|}&BeSBtV*>m%b98Oi7
z9Z<Ne-L1;%$iuGJmqepQ&R%aHbt@Nb11-viz#JF*!q^8br~AA2%b$*?WbGPn5JczH
z7ea%Jxsfm3EKWS^wf5sjnh7$1l_H+k-Fqhu2G5~@E`^h(U`fSwb?Hi0OWhL7kAn(M
zS(ddiE*^+|vX$JsSRUUZ47rP6eAigmId(YY8^QWdIEbLsc;d2=eLDRN$NPYU+0oZW
z4GfHD+i`(Yh_{P$-}6>cy=DH6cSl%_cgub0zd7DKmf6xU@a7G@+%tZ~xY&$WO|Q%B
zZ%=Lgx;ac&ztrAhYO3SL;8^n{&0*>t<D6ekpt&v3gN~O|9qTdEZz+@?&Z`aDp8F4m
CsjWKz

diff --git a/resources/library/interactivities/Contraste.wgt/images/slate-toolbar-help.png b/resources/library/interactivities/Contraste.wgt/images/slate-toolbar-help.png
new file mode 100644
index 0000000000000000000000000000000000000000..fb7cdebad7f32917ca2863be754dfdc26f2013b8
GIT binary patch
literal 1697
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

literal 0
HcmV?d00001

diff --git a/resources/library/interactivities/Contraste.wgt/images/slate-toolbar-reload-white.png b/resources/library/interactivities/Contraste.wgt/images/slate-toolbar-reload-white.png
deleted file mode 100644
index 78d146ec37fd55bc97dbac2bf21e599468ee8d36..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 1619
zcmeAS@N?(olHy`uVBq!ia0vp^3LwnE1|*BCs=fdz$r9IylHmNblJdl&R0hYC{G?O`
z&)mfH)S%SFl*+=BsWuD@%nF$y5hW46K32*3xq68pHF_1f1wh>l3^w)^1&PVosU-?Y
zsp*+{wo31J?^jaDOtDo8H}y5}EpSfF$n>ZxN)4{^3rViZPPR-@vbR&PsjvbXkegbP
zs8ErclUHn2VXFi-*9yo63F|8<fR&VF+bTgE72zA8;GAESs$i;Tpqp%9W}skZsAp(w
zVs37(qhMrUXrOOkq;F`XYiMp|Y-D9%pa2C*K--E^(yW49+@N*=dA3R!B_#z``ugSN
z<$C4Ddih1^`i7R4mLM~XjC6r2bc-wVN)jt{^NN*WCb*;)Cl_TFlw{`TDS%8&Ov*1U
zu~h=P6yk;40=Thx#n4~^2AF<DVu8M)o&m^9FonLp_?717!c`ZS1f?R}i`C%bkjjEo
z{h-w1{L-RiV8o><gRCmBaxO|uEXgkl$<NP$g<?QPeo20DMt*^UbFisGcxGNoet9ui
zwXd(0XI^nhVqS8pr;Du;P`_SgW{Q=Wi;0DWk+X}XsUZ-!8d^FU8@d>pIh$D;n7J8P
zI>Ge1<R_QrrskEv^rj&6y5iIeN(i|HK$~4si!#enQ{0O3a}~fIw#vlq7AKtMLG`BK
zc8fDkz4}1M=!2paDVkwIz_bHm!V@i!15fs;dBC(@1WeQq7x2DdU|>4w>EaktaqCUE
zeMXd{ME$g&z>Gq{!c_^51snY4TFqGcLLjQ(k}BKWT(|8URw)zHiUpPV%6ybN9$az|
z<eKIt>mu;Sc#D(ln%u|sTI=_3w%fVq$30uq+-Wr*9>1G+|L*tQ*8A<3KdPL!+jr;j
zyPNI^?l>Rxp=xiU$?=&!&#b?m?K{Re;o6oTci2uHuq-+4#ku0izm_8tZol1k;`!%%
z;ZByeIC;BvdFM4@+U;$ZUw<vW8@K*=sg>-yu+<Z{Ie&3bIhx|Y;h`wPRqJ$GyxaBO
z<BwY&f3)Ctw(;)ZyLfbtQNr}iia(jv_GOvP4i}3JzxCFv-}lcHWyRDO@$RGh46o%g
zE<f;)>3!qAh)ffylanGm54`^_&&$TFd03vI{mjOFEP7!Ret4N3Q(;gIHk&>5PTAf#
z`$@Zlx$<9B{;iv@E}bmI!Pd;WvsnEJhi9t_pG)!aN5MP9I+z*{1f0t*D=(kEZn;BW
zW0OIF)!eMLVXs5qw3#=0ElpbFuQ=1EF6>F0dC#v)rBQ3WZ)*P#zx1}uo~w58#TBW~
zm|9}2?A|LZnV0Xp;9|y<#ESkeSF=p5B@aH>B;V`idFW;rL(t*Ly_XGz&V9~Ze;~oY
zW^vp8sRBP#OLW9ecjxvzwkl2A{Bxzjyt8TXGgyv2E)0BeJ7-&a#FK<zrVqab{601s
zxVh9E?_vHB%l>xv%aW=iUaN&X&+75LUZLyb_4t6%LZ9WqX;HC>cO0K}C{;QZ+BU?z
zo8YnfVQ6Hp-%}TLq0TeU1BxQohOK`pAo@7g;nhLsSNjh>Ewbc0{v+8!W}aS_!@_^F
zuXpbFEIa-5SB|B3rnah0K53WakhOMJfuedt|G$R0g-e4n<Cy>H{(tuF)I_U^4vQ~#
zT))8{lzqKLB<}NU&Xrj;(pOuw6XK`DdOc;ieq@bwi1Z%blhz6SRpKvJlru7Z{Jhz<
les}r7ySG2opO9x{WB7J{-|3FTiSIzgyr-+5%Q~loCIA;2bXNcX

diff --git a/resources/library/interactivities/Contraste.wgt/images/slate-toolbar-reload.png b/resources/library/interactivities/Contraste.wgt/images/slate-toolbar-reload.png
index 685a5cb2a93933036bec2353f4e1291358ec3ca1..844169a963567982f39336dcff5b0c56568f58ce 100644
GIT binary patch
literal 2289
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
LNkvXXu0mjfx#&Pd

literal 2110
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
Yz&J|s3g_tKqx_@$dGDh%?2StQ59jP)K>z>%

diff --git a/resources/library/interactivities/Contraste.wgt/images/toolbar-edit.png b/resources/library/interactivities/Contraste.wgt/images/toolbar-edit.png
new file mode 100644
index 0000000000000000000000000000000000000000..daa338cd9bad28014559c72dab05555471ed402b
GIT binary patch
literal 732
zcmV<20wev2P)<h;3K|Lk000e1NJLTq001BW002M;1^@s6dyaLk00004b3#c}2nYxW
zd<bNS00009a7bBm000XT000XT0n*)m`~Uy|9CSrkbW?9;ba!ELWdK2BZ(?O2Mrm?o
zcW-iQb09-gHF34$HUIzs7IZ~ebVG7wVRUJ4ZXi@?ZDjy5HZL$UFEKLOh$^H200J~g
zL_t(&f$f;VZQC#uhJO~hHzQ<&sIczU2-%=LSyy+1j-Vc$lSk+VRqqZ!Z{Tj=Oz`(0
z(xn+P7Rg7uK=K1QkO=jCCZA#IDU!HmK3tXlKM35o1ErM6L%Chw0$7>hPu2Ds07A#D
z+(`)m10Mn0JJUZ@+pnq%MBp|%ES8NwDOLk#-~e!sr^msc6xo3pa5tZ@SZX^c-ho6o
z06e&ZB7qF}i)0IA!gl~p>L5#?0N!D-JQN8?!jlC`;HvFkz>@@Oz-J58g3l7D2|p`P
z8~&=mCE!tkOTnW827U+NPfd7GfZKJ0>63S=?e7451Mpk}9uxr30C=|7DAo1@fG#3Y
z1b<CHyAwv{yEHr|&;j_&?Rw)$4ER?QBJh}it^6;pgsF{NNjTtL$?){p0r=(p&u>h}
z^05>ix)tAeWB=B=!&DC&0NNI&WPE`=rmvk=Z9huGLQ(H8r|$x9UZ75YfIRIFC>8Aw
zfaLK{3Qkh<G=tANG9?8fa2s7!;0*k@6IBFe!fhItS>7L*3U0(z`UC0k;6t*GAaUDm
zv{_eH15)rT0ZDkWKndKe&lf0#7YRtfvjwE!Spt&qWC3Y-l0Xf3s(>bWAi0-<&lceH
zYekZc8Lx~?5j;iUE6Ibmu!%^_hNlP&B*(zwRS7&rz!u*o@PK_TJVn6G##wBSAqzfB
zfMgdq=g~R;Y<Nr{tv_Jy_mc5n&mS=L2endal!ke%puoj*^>@Ro3;YFgD1q%<ZeU~p
O0000<MNUMnLSTYm1u)tG

literal 0
HcmV?d00001

diff --git a/resources/library/interactivities/Contraste.wgt/images/toolbar-help.png b/resources/library/interactivities/Contraste.wgt/images/toolbar-help.png
new file mode 100644
index 0000000000000000000000000000000000000000..6c4454c040a620868f3eafcb25b4bcc79ce03b44
GIT binary patch
literal 707
zcmV;!0zCbRP)<h;3K|Lk000e1NJLTq001BW002M;1^@s6dyaLk00004b3#c}2nYxW
zd<bNS00009a7bBm000XT000XT0n*)m`~Uy|9CSrkbW?9;ba!ELWdK2BZ(?O2Mrm?o
zcW-iQb09-gHF34$HUIzs7IZ~ebVG7wVRUJ4ZXi@?ZDjy5HZL$UFEKLOh$^H200J9H
zL_t(&f$f;VZQDQ)Mc)LzM;*i+IDmOKJ4j04$-JtAxCCFBlS-gEVD2&?cc2pJ3ML0G
z4N{PHXGu9L2mAmJB>&8O?(WPGBdSVDd`TL85dhqT2qH4N*IktZ1@II2I(YR4)WAlv
zvU%qR&X@!VPJr&J6|ez*ghT^dppdL=FCxGNZ-6^P@E)%~&i!NSBU#Tt9T^<QuS2Au
z0Nqsu@DLfi#{)0Fi&+Bb4%-}f?JWW<hi<Zc@;a~xun5@BjN!Gn2zZ_;z-u2A;OhF+
zRoHU>*vt~(P|%gu7`!?=FJha~9{6Sqo?DucISV8!Tj0q^e|G$^U+W6=&|TFs{tr0D
zn`GtcogeTY{2@7k0{HHEzmIV?MZg+=cl?8)4fjZ138$>U6Oen}H~&I_Zwqq#0!Ns#
z1)=mZrC*QeGz8FHb<620w~?$ojJO|=hS2?H{W|fyC9-)1SKy<OJPj8Ci-7AFAR?oS
zuFP)ea$W~l>z?OFd_PpxdkuIiRjt*AT2)sj{}ur*_}&=2$KKgpL_iZ6yhk%zfT|V~
zgZC(W{*%uKEY0W=-Rf*QTz?%{1n|Gl2dst2T7r*J2mKobq%Fk*5r>%ImKC<o2SnoL
z106r?clecO0*~%hH9Q{>`8@Lh^BEZML#?@q@t?dBCZ7*{$}PBp`GD#z=jH<<ha;|E
pLF^VdoAsIHU&s1i<^#zE`~`XgVLWEpa>W1u002ovPDHLkV1mUGDkT5_

literal 0
HcmV?d00001

diff --git a/resources/library/interactivities/Contraste.wgt/images/toolbar-reload.png b/resources/library/interactivities/Contraste.wgt/images/toolbar-reload.png
new file mode 100644
index 0000000000000000000000000000000000000000..340d7371f204e07c5e1e7202160cbd20eb2bbaff
GIT binary patch
literal 999
zcmV<D0~q{?P)<h;3K|Lk000e1NJLTq001BW002M;1^@s6dyaLk00004b3#c}2nYxW
zd<bNS00009a7bBm000XT000XT0n*)m`~Uy|9CSrkbW?9;ba!ELWdK2BZ(?O2Mrm?o
zcW-iQb09-gHF34$HUIzs7IZ~ebVG7wVRUJ4ZXi@?ZDjy5HZL$UFEKLOh$^H200Tcs
zL_t(&f$f+<R@*QTK)?FBCpRER2oLY;o&b7+nhjnOPCz(8!_wW5o`B>8xO?{jC#X3A
z<^<D)<vv-FY#Bnb$-I~MY&n|w8d)>rQ6j=F<<m~B?*V|%_JC5VbuUFW1Li79D`RW|
z#J~g?>){f31acLnk3NI;JEztL3;=ED0r;h&G?5}pfEjSuu_%CNV5XvU@m_!&_+lvS
zGi=KfkeD6`29P2<1@1bOm((tAl*iOtGP3^n3d9XW5P%ffNGo=&I0vp(l;$ofDY6sl
zZJM|sY<s>_F!dOJ2EO@>1E?rnsVF@H=Em>=u+$6d29P2f16LmXhZ?R|RFqx<mwj_x
z9+*4EOu5pKArNz5X$(#I^RwlJ&Qq`n(XfAwp)-!p7tPIwM?w{)C9pDvPR-}r3dLq*
zG*8FY0CMBHb-LDa0e}>l`C@$SI(F}sZF#_Sdu2ZG0hGq|spmg$1$YVp_`N9r9sNul
zc?iJ5xIUC33yOXonNo*hm+sDNcu$?-z{+T$V$>6jtT;Xojsw@m^#PD;g`vh{+U~A!
z<bu9}WJWtNy;A3jR*7aA9%(~%LOWAYx)@XuX@$2yVkvv2PBLae($tAD?LGf*90rzT
z2E+yZS<)pHaB0?tp#@1BDoSsFBdjCTBMacjRhYJP4^789y?$rC1}yb&39NJ$T%X^!
z1>2ULe;Mro_5gc;{{Dc-445mWDr2m>KcG}_e*h6_{j6sbsb!(>6A>w;UrG^4d;l$b
zJpj3-bf`RPZ+QXy6_Lnh`vZDgg0?_JMjb1@7m?UUB_byx@?g!W8czgmfr!jJ#!C@d
z`^NWx{BX_f1rU+3$9N;N5C9D^wdaNaEPDV%M8*Rk?u>br?S;-$unBQ^G%@Xce1AZx
zl6`-mqd(vTu=XteK(Kv(U<>_$I&ymZ1HMokTkpY}`vbBb*2h7CNb00xMzG*db3@0Z
zZCjRW_BsG;FARdv^DATii@o|z0FV1BJ?71bQpb8%Hcj;Nu!6);xS9TdQi}$_Hqe`l
zMC8J;q7Zozt2P|81=hrgv|r3VxfMs+9=rt(1!F?`19cX3&2QW5TJ<($=U+y9fPeFJ
V^_8`m{=5JH002ovPDHLkV1m<vuk!!^

literal 0
HcmV?d00001

diff --git a/resources/library/interactivities/Contraste.wgt/index.html b/resources/library/interactivities/Contraste.wgt/index.html
index 0072e219..8f20fea1 100644
--- a/resources/library/interactivities/Contraste.wgt/index.html
+++ b/resources/library/interactivities/Contraste.wgt/index.html
@@ -5,7 +5,7 @@
         <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
         <link rel="stylesheet" type="text/css" href="css/basic.css"/>
         <link rel="stylesheet" href="css/fonts/Lobster/stylesheet.css">
-	<link rel="stylesheet" href="css/fonts/SF-Toontime/stylesheet.css">
+        <link rel="stylesheet" href="css/fonts/SF-Toontime/stylesheet.css">
         <script type="text/javascript" src="scripts/jquery-1.6.2.min.js"></script>
         <script src="scripts/jquery.disable.text.select.js" type="text/javascript"></script>
         <script type="text/javascript" src="scripts/blackYellow.js"></script>
@@ -51,27 +51,33 @@
                     <div id="wgt_reload"></div>                    
                     <div id="wgt_display" class="selected"></div>
                     <div id="wgt_edit"></div>
-                    <div id="wgt_add"></div>
-                    <select class="style_select">
-                        <option value="1"></option>
-                        <option value="2"></option>
-                        <option value="3"></option>
-                    </select>
                 </td>
                 <td class="b_top_right">&nbsp;</td>
             </tr>
-       
+
             <tr>
                 <td class="b_center_left">&nbsp;</td>
                 <td>
                     <div id="help"></div>
+                    <div id="parameters">
+                        <div class="inline">
+                            <label>
+                                <select id="style_select">
+                                    <option value="1"></option>
+                                    <option value="2"></option>
+                                    <option value="3"></option>
+                                </select>
+                            </label>
+                            <div id="wgt_add"></div>
+                        </div>
+                    </div>
                     <div id="data">
-                        
+
                     </div>
                 </td>
                 <td class="b_center_right">&nbsp;</td>
             </tr>     
-        
+
             <tr style="height: 54px;">
                 <td class="b_bottom_left">&nbsp;</td>
                 <td class="b_bottom_center">&nbsp;</td>
diff --git a/resources/library/interactivities/Contraste.wgt/locales/fr/index.html b/resources/library/interactivities/Contraste.wgt/locales/fr/index.html
index f2cecf06..5c74529e 100644
--- a/resources/library/interactivities/Contraste.wgt/locales/fr/index.html
+++ b/resources/library/interactivities/Contraste.wgt/locales/fr/index.html
@@ -9,7 +9,7 @@ and open the template in the editor.
         <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
         <link rel="stylesheet" type="text/css" href="../../css/basic.css"/>
         <link rel="stylesheet" href="../../css/fonts/Lobster/stylesheet.css">
-	<link rel="stylesheet" href="../../css/fonts/SF-Toontime/stylesheet.css">
+        <link rel="stylesheet" href="../../css/fonts/SF-Toontime/stylesheet.css">
         <script type="text/javascript" src="../../scripts/jquery-1.6.2.min.js"></script>
         <script src="../../scripts/jquery.disable.text.select.js" type="text/javascript"></script>
         <script type="text/javascript" src="scripts/blackYellow.js"></script>
@@ -31,27 +31,33 @@ and open the template in the editor.
                     <div id="wgt_reload"></div>                    
                     <div id="wgt_display" class="selected"></div>
                     <div id="wgt_edit"></div>
-                    <div id="wgt_add"></div>
-                    <select class="style_select">
-                        <option value="1"></option>
-                        <option value="2"></option>
-                        <option value="3"></option>
-                    </select>
                 </td>
                 <td class="b_top_right">&nbsp;</td>
             </tr>
-       
+
             <tr>
                 <td class="b_center_left">&nbsp;</td>
                 <td>
                     <div id="help"></div>
+                    <div id="parameters">
+                        <div class="inline">
+                            <label>
+                                <select id="style_select">
+                                    <option value="1"></option>
+                                    <option value="2"></option>
+                                    <option value="3"></option>
+                                </select>
+                            </label>
+                            <div id="wgt_add"></div>
+                        </div>
+                    </div>
                     <div id="data">
-                        
+
                     </div>
                 </td>
                 <td class="b_center_right">&nbsp;</td>
             </tr>     
-        
+
             <tr style="height: 54px;">
                 <td class="b_bottom_left">&nbsp;</td>
                 <td class="b_bottom_center">&nbsp;</td>
diff --git a/resources/library/interactivities/Contraste.wgt/locales/fr/scripts/blackYellow.js b/resources/library/interactivities/Contraste.wgt/locales/fr/scripts/blackYellow.js
index 634dde99..aa40e63e 100644
--- a/resources/library/interactivities/Contraste.wgt/locales/fr/scripts/blackYellow.js
+++ b/resources/library/interactivities/Contraste.wgt/locales/fr/scripts/blackYellow.js
@@ -14,7 +14,7 @@
  */
 
 var sankoreLang = {
-    display: "Afficher", 
+    display: "Fermer", 
     edit: "Modifier", 
     add: "Ajouter", 
     enter_data: "Saisir la donnée:", 
@@ -28,24 +28,25 @@ var sankoreLang = {
     none: "aucun",
     help: "Aide",
     help_content: "<p><h2>Contraste</h2></p>"+
-"<p><h3>Jeu de couleurs.</h3></p>"+
+    "<p><h3>Jeu de couleurs.</h3></p>"+
 
 
-"<p>Cette activité permet de masquer et d’afficher du texte en jouant sur la couleur de fond (jaune ou noir). Le but est de pouvoir faire apparaître des données en passant d’une couleur à l’autre.</p>"+
+    "<p>Cette activité permet de masquer et d’afficher du texte en jouant sur la couleur de fond (jaune ou noir). Le but est de pouvoir faire apparaître des données en passant d’une couleur à l’autre.</p>"+
 
-"<p>Le bouton “Recharger” réinitialise les exercices.</p>"+
+    "<p>Le bouton “Recharger” réinitialise les exercices.</p>"+
 
-"<p>Le bouton “Modifier” vous permet :</p>"+
-"<ul><li>de choisir le thème de l’interactivité : tablette, ardoise ou aucun (par défaut aucun),</li>"+
-"<li>de modifier un exercice ou d’en créer de nouveaux dans la même activité.</li></ul>"+
+    "<p>Le bouton “Modifier” vous permet :</p>"+
+    "<ul><li>de choisir le thème de l’interactivité : tablette, ardoise ou aucun (par défaut aucun),</li>"+
+    "<li>de modifier un exercice ou d’en créer de nouveaux dans la même activité.</li></ul>"+
 
-"<p>En mode édition, pour créer un nouvel exercice, cliquez sur “+ Ajouter” en haut, puis</p>"+
-"<ul><li>saisissez la donnée par exemple “3x15”,</li>"+
-"<li>saisissez le résultat, par exemple “15” et cliquez sur “OK”.</li></ul>"+
-"<p>Pour modifier les données ou les résultats, cliquez directement sur l’exercice.</p>"+
-"<p>Pour supprimer un exercice, cliquez sur la croix en haut à droite de l’exercice.</p>"+
+    "<p>En mode édition, pour créer un nouvel exercice, cliquez sur “+ Ajouter” en haut, puis</p>"+
+    "<ul><li>saisissez la donnée par exemple “3x15”,</li>"+
+    "<li>saisissez le résultat, par exemple “15” et cliquez sur “OK”.</li></ul>"+
+    "<p>Pour modifier les données ou les résultats, cliquez directement sur l’exercice.</p>"+
+    "<p>Pour supprimer un exercice, cliquez sur la croix en haut à droite de l’exercice.</p>"+
 
-"<p>Le bouton “Afficher” vous permet d’utiliser l’activité.</p>"
+    "<p>Le bouton “Afficher” vous permet d’utiliser l’activité.</p>",
+    theme: "Thème"
 };
 
 function init(){
@@ -61,6 +62,8 @@ function init(){
     var flagForSelect = false;
     var dragElement = null; //the element that must be dragging
     var lang = ""; //locale language
+    var resizeFlag = true;
+    
     var coords = {
         left:0,
         top:0
@@ -82,9 +85,11 @@ function init(){
     $("#wgt_reload").text(sankoreLang.reload);
     $("#wgt_help").text(sankoreLang.help);
     $("#help").html(sankoreLang.help_content);
-    $(".style_select option[value='1']").text(sankoreLang.slate);
-    $(".style_select option[value='2']").text(sankoreLang.pad);
-    $(".style_select option[value='3']").text(sankoreLang.none);
+    $("#style_select option[value='1']").text(sankoreLang.slate);
+    $("#style_select option[value='2']").text(sankoreLang.pad);
+    $("#style_select option[value='3']").text(sankoreLang.none);
+    var tmpl = $("div.inline label").html();
+    $("div.inline label").html(sankoreLang.theme + tmpl)
     
     if(window.sankore){
         if(sankore.preference("blackYellowData","")){
@@ -109,7 +114,7 @@ function init(){
     if(window.sankore){
         if(sankore.preference("by_style","")){
             changeStyle(sankore.preference("by_style",""));
-            $(".style_select").val(sankore.preference("by_style",""));
+            $("#style_select").val(sankore.preference("by_style",""));
         } else
             changeStyle("3")
     } else
@@ -120,9 +125,15 @@ function init(){
             if(!$(this).hasClass("selected")){                
                 $(this).addClass("selected");
                 $("#wgt_edit").removeClass("selected");
-                $(".style_select").css("display","none");                
+                $("#parameters").css("display","none");   
+                var tmpwh = $(window).height();
+                var tmpww = $(window).width();
+                resizeFlag = true;
+                window.resizeTo(tmpww, tmpwh - 44)
+                $("#data").css("padding-bottom","");
+                $("#leftDiv").css("border-top-left-radius","7px");
+                $("#rightDiv").css("border-top-right-radius","7px");
                 $(this).css("display", "none");
-                $("#wgt_add").css("display", "none");
                 $("#wgt_edit").css("display", "block");
                 mode = false;
                 $(".leftDiv, .rightDiv").animate({
@@ -135,7 +146,7 @@ function init(){
                                 tmpReadyTask.width($(domElem).width())
                                 .height($(domElem).height())
                                 .css("position","absolute")
-                                .css("top",$(domElem).position().top)
+                                .css("top",$(domElem).position().top - 40)
                                 .css("left",$(domElem).position().left)
                                 .find(".taskContainer").removeAttr("contenteditable");                                
                                 
@@ -146,15 +157,22 @@ function init(){
                         opacityChanged = false;
                     }
                 });
+                
                 $(document).disableTextSelect(); 
             }
         } else {            
             if(!$(this).hasClass("selected")){
                 $(this).addClass("selected");
                 $("#wgt_display").removeClass("selected");
-                $(".style_select").css("display","block");                
+                $("#parameters").css("display","block");   
+                tmpwh = $(window).height();
+                tmpww = $(window).width();
+                resizeFlag = true;
+                window.resizeTo(tmpww, tmpwh + 44)
+                $("#data").css("padding-bottom","42px");
+                $("#leftDiv").css("border-top-left-radius","0px");
+                $("#rightDiv").css("border-top-right-radius","0px");
                 $(this).css("display", "none");
-                $("#wgt_add").css("display", "block");
                 $("#wgt_display").css("display", "block");
                 mode = true; 
                 $(document).enableTextSelect(); 
@@ -189,12 +207,15 @@ function init(){
     $("#wgt_help").click(function(){
         var tmp = $(this);
         if($(this).hasClass("open")){
+            $(this).removeClass("help_pad").removeClass("help_wood")
             $("#help").slideUp("100", function(){
                 tmp.removeClass("open");
                 $("#data").show();
+                ($("#wgt_edit").hasClass("selected"))?$("#parameters").show():'';
             });
         } else {            
-            $("#data").hide();
+            ($("#style_select").val() == 1)?$(this).removeClass("help_pad").addClass("help_wood"):$(this).removeClass("help_wood").addClass("help_pad");
+            $("#data, #parameters").hide();
             $("#help").slideDown("100", function(){
                 tmp.addClass("open");
             });
@@ -218,10 +239,10 @@ function init(){
         $(document).disableTextSelect();
     });
     
-    $(".style_select option[value='1']").text(sankoreLang.slate);
-    $(".style_select option[value='2']").text(sankoreLang.pad);
+    $("#style_select option[value='1']").text(sankoreLang.slate);
+    $("#style_select option[value='2']").text(sankoreLang.pad);
     
-    $(".style_select").change(function (event){
+    $("#style_select").change(function (event){
         changeStyle($(this).find("option:selected").val());
     })
     
@@ -372,12 +393,12 @@ function init(){
             if((prevBottom + 15 + curHeight) < ($(window).height() - 54))
                 curr.css("top", prevBottom + 15 + "px");                        
             else
-                curr.css("top", "60px").css("left", prevLeft + 255 + "px");            
+                curr.css("top", "100px").css("left", prevLeft + 255 + "px");            
         } else {
             if((prevBottom + 15 + curHeight) < ($(window).height() - 54))
                 curr.css("top", prevBottom + 15 + "px").css("left", prevLeft + "px");           
             else
-                curr.css("top", "60px").css("left", prevLeft + 255 + "px");
+                curr.css("top", "100px").css("left", prevLeft + 255 + "px");
         }
         prevBottom = curr.position().top + curr.height(),
         prevLeft = curr.position().left;
@@ -390,28 +411,31 @@ function init(){
     popupBack.css("left", ($(window).width() - 360)*50/$(window).width() + "%");
     
     $(window).resize(function(){
-        if($("#wgt_edit").hasClass("selected")){
-            if($(".editContainer").size() > 1){            
-                var prev = $(".editContainer:first"),
-                prevBottom = prev.position().top + prev.height(),
-                prevLeft = prev.position().left;
-                recursionCall(prevBottom, prevLeft, prev.next());
+        if(!resizeFlag){
+            if($("#wgt_edit").hasClass("selected")){
+                if($(".editContainer").size() > 1){            
+                    var prev = $(".editContainer:first"),
+                    prevBottom = prev.position().top + prev.height(),
+                    prevLeft = prev.position().left;
+                    recursionCall(prevBottom, prevLeft, prev.next());
+                }
+            } else {
+                var tmp_array = [];
+                $(".readyTask").each(function(){
+                    tmp_array.push($(this));
+                });
+                orderItems(tmp_array);
             }
-        } else {
-            var tmp_array = [];
-            $(".readyTask").each(function(){
-                tmp_array.push($(this));
-            });
-            orderItems(tmp_array);
-        }
-        popupBack.css("top", ($(window).height() - 138)*50/$(window).height() + "%");
-        popupBack.css("left", ($(window).width() - 360)*50/$(window).width() + "%");
+            popupBack.css("top", ($(window).height() - 138)*50/$(window).height() + "%");
+            popupBack.css("left", ($(window).width() - 360)*50/$(window).width() + "%");
+        } else 
+            resizeFlag = false;
     });
     
     if (window.widget) {
         window.widget.onleave = function(){
             exportToSankore();
-            sankore.setPreference("by_style", $(".style_select").find("option:selected").val());
+            sankore.setPreference("by_style", $("#style_select").find("option:selected").val());
         }
     }
     
@@ -434,7 +458,7 @@ function init(){
                     objToExport.data2 = $(domElem).find(".readyTask").find(":last-child").text();
                     objToExport.width = $(domElem).width();
                     objToExport.height = $(domElem).height();
-                    objToExport.top = $(domElem).position().top;
+                    objToExport.top = $(domElem).position().top - 40;
                     objToExport.left = $(domElem).position().left;
                     arrayToExport.push(objToExport);
                 });
@@ -493,14 +517,14 @@ function reloadItems(){
 
 //order items
 function orderItems(items){
-    var bottom = 45,
+    var bottom = ($("#wgt_edit").hasClass("selected"))?85:45,
     lastItemLeft = 54; 
     for (var i in items){
         if((bottom + items[i].height()) < ($(window).height() - 54)){
             items[i].css("top", bottom + 15 + "px").css("left", lastItemLeft + "px").appendTo("#data");
             bottom += items[i].height() + 15;
         } else {
-            bottom = 60;
+            bottom = 100;
             lastItemLeft += 255;
             items[i].css("top", bottom + "px").css("left", lastItemLeft + "px").appendTo("#data");
             bottom += items[i].height();
@@ -525,7 +549,7 @@ function shuffle( arr )
 //adding a new task to the page
 function addTask(expression, result){
     var lastItem = $(".editContainer:last"),
-    lastItemPos = lastItem.length ? lastItem.position().top : 45,
+    lastItemPos = lastItem.length ? lastItem.position().top : 85,
     lastItemHeight = lastItem.length ? lastItem.height() : 0,
     lastItemLeft = lastItem.length ? lastItem.position().left : 54;
     var bottom = lastItemPos + lastItemHeight + 85;
@@ -537,7 +561,7 @@ function addTask(expression, result){
     if(bottom < ($(window).height() - 54)){
         editContent.css("top", lastItemPos + lastItemHeight + 15 + "px").css("left", lastItemLeft + "px").appendTo("#data");
     } else {
-        lastItemPos = 45;
+        lastItemPos = 85;
         editContent.css("top", lastItemPos + 15 + "px").css("left", lastItemLeft + 255 + "px").appendTo("#data");
     }    
     main.appendTo(editContent);
@@ -556,13 +580,12 @@ function changeStyle(val){
             $(".b_bottom_left").removeClass("bbl_pad").removeClass("without_back");
             $(".b_bottom_center").removeClass("bbc_pad").removeClass("without_back");
             $("#wgt_reload").removeClass("pad_color").removeClass("pad_reload");
-            $("#wgt_edit").removeClass("pad_color").removeClass("pad_edit");
             $("#wgt_help").removeClass("pad_color").removeClass("pad_help");
-            $("#wgt_display").removeClass("pad_color").removeClass("pad_edit");
-            $("#wgt_add").removeClass("pad_color").removeClass("pad_add");
+            $("#wgt_edit").removeClass("pad_color").removeClass("pad_edit");
             $("#wgt_name").removeClass("pad_color");
-            $(".style_select").removeClass("pad_select").removeClass("none_select").val(val);
-            $("body, html").removeClass("without_radius");
+            $("#wgt_display").addClass("display_wood");
+            $("#style_select").val(val);
+            $("body, html").removeClass("without_radius").addClass("radius_ft");
             break;
         case "2":
             $(".b_top_left").addClass("btl_pad").removeClass("without_back");
@@ -574,13 +597,12 @@ function changeStyle(val){
             $(".b_bottom_left").addClass("bbl_pad").removeClass("without_back");
             $(".b_bottom_center").addClass("bbc_pad").removeClass("without_back");
             $("#wgt_reload").addClass("pad_color").addClass("pad_reload");
-            $("#wgt_edit").addClass("pad_color").addClass("pad_edit");
             $("#wgt_help").addClass("pad_color").addClass("pad_help");
-            $("#wgt_display").addClass("pad_color").addClass("pad_edit");
-            $("#wgt_add").addClass("pad_color").addClass("pad_add");
+            $("#wgt_edit").addClass("pad_color").addClass("pad_edit");
             $("#wgt_name").addClass("pad_color");
-            $(".style_select").addClass("pad_select").removeClass("none_select").val(val);
-            $("body, html").removeClass("without_radius");
+            $("#wgt_display").removeClass("display_wood");
+            $("#style_select").val(val);
+            $("body, html").removeClass("without_radius").removeClass("radius_ft");
             break;
         case "3":
             $(".b_top_left").addClass("without_back").removeClass("btl_pad");
@@ -591,14 +613,13 @@ function changeStyle(val){
             $(".b_bottom_right").addClass("without_back").removeClass("bbr_pad");
             $(".b_bottom_left").addClass("without_back").removeClass("bbl_pad");
             $(".b_bottom_center").addClass("without_back").removeClass("bbc_pad");
+            $("#wgt_help").addClass("pad_color").addClass("pad_help");
             $("#wgt_reload").addClass("pad_color").addClass("pad_reload");
             $("#wgt_edit").addClass("pad_color").addClass("pad_edit");
-            $("#wgt_help").addClass("pad_color").addClass("pad_help");
-            $("#wgt_display").addClass("pad_color").addClass("pad_edit");
-            $("#wgt_add").addClass("pad_color").addClass("pad_add");
             $("#wgt_name").addClass("pad_color");
-            $(".style_select").addClass("none_select").val(val);
-            $("body, html").addClass("without_radius");
+            $("#wgt_display").removeClass("display_wood");
+            $("#style_select").val(val);
+            $("body, html").addClass("without_radius").removeClass("radius_ft");
             break;
     }
     if($("#wgt_edit").hasClass("selected"))
diff --git a/resources/library/interactivities/Contraste.wgt/locales/ru/index.html b/resources/library/interactivities/Contraste.wgt/locales/ru/index.html
index f2cecf06..f72a635b 100644
--- a/resources/library/interactivities/Contraste.wgt/locales/ru/index.html
+++ b/resources/library/interactivities/Contraste.wgt/locales/ru/index.html
@@ -31,12 +31,6 @@ and open the template in the editor.
                     <div id="wgt_reload"></div>                    
                     <div id="wgt_display" class="selected"></div>
                     <div id="wgt_edit"></div>
-                    <div id="wgt_add"></div>
-                    <select class="style_select">
-                        <option value="1"></option>
-                        <option value="2"></option>
-                        <option value="3"></option>
-                    </select>
                 </td>
                 <td class="b_top_right">&nbsp;</td>
             </tr>
@@ -45,6 +39,18 @@ and open the template in the editor.
                 <td class="b_center_left">&nbsp;</td>
                 <td>
                     <div id="help"></div>
+                     <div id="parameters">
+                        <div class="inline">
+                            <label>
+                                <select id="style_select">
+                                    <option value="1"></option>
+                                    <option value="2"></option>
+                                    <option value="3"></option>
+                                </select>
+                            </label>
+                            <div id="wgt_add"></div>
+                        </div>
+                    </div>
                     <div id="data">
                         
                     </div>
diff --git a/resources/library/interactivities/Contraste.wgt/locales/ru/scripts/blackYellow.js b/resources/library/interactivities/Contraste.wgt/locales/ru/scripts/blackYellow.js
index fc0eb152..15d2aff3 100644
--- a/resources/library/interactivities/Contraste.wgt/locales/ru/scripts/blackYellow.js
+++ b/resources/library/interactivities/Contraste.wgt/locales/ru/scripts/blackYellow.js
@@ -14,7 +14,7 @@
  */
 
 var sankoreLang = {
-    display: "Показать", 
+    display: "Закрыть", 
     edit: "Изменить", 
     add: "Добавить", 
     enter_data: "Введите вопрос:", 
@@ -27,7 +27,8 @@ var sankoreLang = {
     pad: "планшет",
     none: "нет",
     help: "Помощь",
-    help_content: "Пример текста помощи ..."
+    help_content: "Пример текста помощи ...",
+    theme: "Тема"
 };
 
 function init(){
@@ -43,6 +44,8 @@ function init(){
     var flagForSelect = false;
     var dragElement = null; //the element that must be dragging
     var lang = ""; //locale language
+    var resizeFlag = true;
+    
     var coords = {
         left:0,
         top:0
@@ -64,9 +67,11 @@ function init(){
     $("#wgt_reload").text(sankoreLang.reload);
     $("#wgt_help").text(sankoreLang.help);
     $("#help").html(sankoreLang.help_content);
-    $(".style_select option[value='1']").text(sankoreLang.slate);
-    $(".style_select option[value='2']").text(sankoreLang.pad);
-    $(".style_select option[value='3']").text(sankoreLang.none);
+    $("#style_select option[value='1']").text(sankoreLang.slate);
+    $("#style_select option[value='2']").text(sankoreLang.pad);
+    $("#style_select option[value='3']").text(sankoreLang.none);
+    var tmpl = $("div.inline label").html();
+    $("div.inline label").html(sankoreLang.theme + tmpl)
     
     if(window.sankore){
         if(sankore.preference("blackYellowData","")){
@@ -91,7 +96,7 @@ function init(){
     if(window.sankore){
         if(sankore.preference("by_style","")){
             changeStyle(sankore.preference("by_style",""));
-            $(".style_select").val(sankore.preference("by_style",""));
+            $("#style_select").val(sankore.preference("by_style",""));
         } else
             changeStyle("3")
     } else
@@ -102,9 +107,15 @@ function init(){
             if(!$(this).hasClass("selected")){                
                 $(this).addClass("selected");
                 $("#wgt_edit").removeClass("selected");
-                $(".style_select").css("display","none");                
+                $("#parameters").css("display","none");   
+                var tmpwh = $(window).height();
+                var tmpww = $(window).width();
+                resizeFlag = true;
+                window.resizeTo(tmpww, tmpwh - 44)
+                $("#data").css("padding-bottom","");
+                $("#leftDiv").css("border-top-left-radius","7px");
+                $("#rightDiv").css("border-top-right-radius","7px");
                 $(this).css("display", "none");
-                $("#wgt_add").css("display", "none");
                 $("#wgt_edit").css("display", "block");
                 mode = false;
                 $(".leftDiv, .rightDiv").animate({
@@ -117,7 +128,7 @@ function init(){
                                 tmpReadyTask.width($(domElem).width())
                                 .height($(domElem).height())
                                 .css("position","absolute")
-                                .css("top",$(domElem).position().top)
+                                .css("top",$(domElem).position().top - 40)
                                 .css("left",$(domElem).position().left)
                                 .find(".taskContainer").removeAttr("contenteditable");                                
                                 
@@ -128,15 +139,22 @@ function init(){
                         opacityChanged = false;
                     }
                 });
+                
                 $(document).disableTextSelect(); 
             }
         } else {            
             if(!$(this).hasClass("selected")){
                 $(this).addClass("selected");
                 $("#wgt_display").removeClass("selected");
-                $(".style_select").css("display","block");                
+                $("#parameters").css("display","block");   
+                tmpwh = $(window).height();
+                tmpww = $(window).width();
+                resizeFlag = true;
+                window.resizeTo(tmpww, tmpwh + 44)
+                $("#data").css("padding-bottom","42px");
+                $("#leftDiv").css("border-top-left-radius","0px");
+                $("#rightDiv").css("border-top-right-radius","0px");
                 $(this).css("display", "none");
-                $("#wgt_add").css("display", "block");
                 $("#wgt_display").css("display", "block");
                 mode = true; 
                 $(document).enableTextSelect(); 
@@ -171,12 +189,15 @@ function init(){
     $("#wgt_help").click(function(){
         var tmp = $(this);
         if($(this).hasClass("open")){
+            $(this).removeClass("help_pad").removeClass("help_wood")
             $("#help").slideUp("100", function(){
                 tmp.removeClass("open");
                 $("#data").show();
+                ($("#wgt_edit").hasClass("selected"))?$("#parameters").show():'';
             });
         } else {            
-            $("#data").hide();
+            ($("#style_select").val() == 1)?$(this).removeClass("help_pad").addClass("help_wood"):$(this).removeClass("help_wood").addClass("help_pad");
+            $("#data, #parameters").hide();
             $("#help").slideDown("100", function(){
                 tmp.addClass("open");
             });
@@ -200,10 +221,10 @@ function init(){
         $(document).disableTextSelect();
     });
     
-    $(".style_select option[value='1']").text(sankoreLang.slate);
-    $(".style_select option[value='2']").text(sankoreLang.pad);
+    $("#style_select option[value='1']").text(sankoreLang.slate);
+    $("#style_select option[value='2']").text(sankoreLang.pad);
     
-    $(".style_select").change(function (event){
+    $("#style_select").change(function (event){
         changeStyle($(this).find("option:selected").val());
     })
     
@@ -354,12 +375,12 @@ function init(){
             if((prevBottom + 15 + curHeight) < ($(window).height() - 54))
                 curr.css("top", prevBottom + 15 + "px");                        
             else
-                curr.css("top", "60px").css("left", prevLeft + 255 + "px");            
+                curr.css("top", "100px").css("left", prevLeft + 255 + "px");            
         } else {
             if((prevBottom + 15 + curHeight) < ($(window).height() - 54))
                 curr.css("top", prevBottom + 15 + "px").css("left", prevLeft + "px");           
             else
-                curr.css("top", "60px").css("left", prevLeft + 255 + "px");
+                curr.css("top", "100px").css("left", prevLeft + 255 + "px");
         }
         prevBottom = curr.position().top + curr.height(),
         prevLeft = curr.position().left;
@@ -372,28 +393,31 @@ function init(){
     popupBack.css("left", ($(window).width() - 360)*50/$(window).width() + "%");
     
     $(window).resize(function(){
-        if($("#wgt_edit").hasClass("selected")){
-            if($(".editContainer").size() > 1){            
-                var prev = $(".editContainer:first"),
-                prevBottom = prev.position().top + prev.height(),
-                prevLeft = prev.position().left;
-                recursionCall(prevBottom, prevLeft, prev.next());
+        if(!resizeFlag){
+            if($("#wgt_edit").hasClass("selected")){
+                if($(".editContainer").size() > 1){            
+                    var prev = $(".editContainer:first"),
+                    prevBottom = prev.position().top + prev.height(),
+                    prevLeft = prev.position().left;
+                    recursionCall(prevBottom, prevLeft, prev.next());
+                }
+            } else {
+                var tmp_array = [];
+                $(".readyTask").each(function(){
+                    tmp_array.push($(this));
+                });
+                orderItems(tmp_array);
             }
-        } else {
-            var tmp_array = [];
-            $(".readyTask").each(function(){
-                tmp_array.push($(this));
-            });
-            orderItems(tmp_array);
-        }
-        popupBack.css("top", ($(window).height() - 138)*50/$(window).height() + "%");
-        popupBack.css("left", ($(window).width() - 360)*50/$(window).width() + "%");
+            popupBack.css("top", ($(window).height() - 138)*50/$(window).height() + "%");
+            popupBack.css("left", ($(window).width() - 360)*50/$(window).width() + "%");
+        } else 
+            resizeFlag = false;
     });
     
     if (window.widget) {
         window.widget.onleave = function(){
             exportToSankore();
-            sankore.setPreference("by_style", $(".style_select").find("option:selected").val());
+            sankore.setPreference("by_style", $("#style_select").find("option:selected").val());
         }
     }
     
@@ -416,7 +440,7 @@ function init(){
                     objToExport.data2 = $(domElem).find(".readyTask").find(":last-child").text();
                     objToExport.width = $(domElem).width();
                     objToExport.height = $(domElem).height();
-                    objToExport.top = $(domElem).position().top;
+                    objToExport.top = $(domElem).position().top - 40;
                     objToExport.left = $(domElem).position().left;
                     arrayToExport.push(objToExport);
                 });
@@ -475,14 +499,14 @@ function reloadItems(){
 
 //order items
 function orderItems(items){
-    var bottom = 45,
+    var bottom = ($("#wgt_edit").hasClass("selected"))?85:45,
     lastItemLeft = 54; 
     for (var i in items){
         if((bottom + items[i].height()) < ($(window).height() - 54)){
             items[i].css("top", bottom + 15 + "px").css("left", lastItemLeft + "px").appendTo("#data");
             bottom += items[i].height() + 15;
         } else {
-            bottom = 60;
+            bottom = 100;
             lastItemLeft += 255;
             items[i].css("top", bottom + "px").css("left", lastItemLeft + "px").appendTo("#data");
             bottom += items[i].height();
@@ -507,7 +531,7 @@ function shuffle( arr )
 //adding a new task to the page
 function addTask(expression, result){
     var lastItem = $(".editContainer:last"),
-    lastItemPos = lastItem.length ? lastItem.position().top : 45,
+    lastItemPos = lastItem.length ? lastItem.position().top : 85,
     lastItemHeight = lastItem.length ? lastItem.height() : 0,
     lastItemLeft = lastItem.length ? lastItem.position().left : 54;
     var bottom = lastItemPos + lastItemHeight + 85;
@@ -519,7 +543,7 @@ function addTask(expression, result){
     if(bottom < ($(window).height() - 54)){
         editContent.css("top", lastItemPos + lastItemHeight + 15 + "px").css("left", lastItemLeft + "px").appendTo("#data");
     } else {
-        lastItemPos = 45;
+        lastItemPos = 85;
         editContent.css("top", lastItemPos + 15 + "px").css("left", lastItemLeft + 255 + "px").appendTo("#data");
     }    
     main.appendTo(editContent);
@@ -538,13 +562,12 @@ function changeStyle(val){
             $(".b_bottom_left").removeClass("bbl_pad").removeClass("without_back");
             $(".b_bottom_center").removeClass("bbc_pad").removeClass("without_back");
             $("#wgt_reload").removeClass("pad_color").removeClass("pad_reload");
-            $("#wgt_edit").removeClass("pad_color").removeClass("pad_edit");
             $("#wgt_help").removeClass("pad_color").removeClass("pad_help");
-            $("#wgt_display").removeClass("pad_color").removeClass("pad_edit");
-            $("#wgt_add").removeClass("pad_color").removeClass("pad_add");
+            $("#wgt_edit").removeClass("pad_color").removeClass("pad_edit");
             $("#wgt_name").removeClass("pad_color");
-            $(".style_select").removeClass("pad_select").removeClass("none_select").val(val);
-            $("body, html").removeClass("without_radius");
+            $("#wgt_display").addClass("display_wood");
+            $("#style_select").val(val);
+            $("body, html").removeClass("without_radius").addClass("radius_ft");
             break;
         case "2":
             $(".b_top_left").addClass("btl_pad").removeClass("without_back");
@@ -556,13 +579,12 @@ function changeStyle(val){
             $(".b_bottom_left").addClass("bbl_pad").removeClass("without_back");
             $(".b_bottom_center").addClass("bbc_pad").removeClass("without_back");
             $("#wgt_reload").addClass("pad_color").addClass("pad_reload");
-            $("#wgt_edit").addClass("pad_color").addClass("pad_edit");
             $("#wgt_help").addClass("pad_color").addClass("pad_help");
-            $("#wgt_display").addClass("pad_color").addClass("pad_edit");
-            $("#wgt_add").addClass("pad_color").addClass("pad_add");
+            $("#wgt_edit").addClass("pad_color").addClass("pad_edit");
             $("#wgt_name").addClass("pad_color");
-            $(".style_select").addClass("pad_select").removeClass("none_select").val(val);
-            $("body, html").removeClass("without_radius");
+            $("#wgt_display").removeClass("display_wood");
+            $("#style_select").val(val);
+            $("body, html").removeClass("without_radius").removeClass("radius_ft");
             break;
         case "3":
             $(".b_top_left").addClass("without_back").removeClass("btl_pad");
@@ -573,14 +595,13 @@ function changeStyle(val){
             $(".b_bottom_right").addClass("without_back").removeClass("bbr_pad");
             $(".b_bottom_left").addClass("without_back").removeClass("bbl_pad");
             $(".b_bottom_center").addClass("without_back").removeClass("bbc_pad");
+            $("#wgt_help").addClass("pad_color").addClass("pad_help");
             $("#wgt_reload").addClass("pad_color").addClass("pad_reload");
             $("#wgt_edit").addClass("pad_color").addClass("pad_edit");
-            $("#wgt_help").addClass("pad_color").addClass("pad_help");
-            $("#wgt_display").addClass("pad_color").addClass("pad_edit");
-            $("#wgt_add").addClass("pad_color").addClass("pad_add");
             $("#wgt_name").addClass("pad_color");
-            $(".style_select").addClass("none_select").val(val);
-            $("body, html").addClass("without_radius");
+            $("#wgt_display").removeClass("display_wood");
+            $("#style_select").val(val);
+            $("body, html").addClass("without_radius").removeClass("radius_ft");
             break;
     }
     if($("#wgt_edit").hasClass("selected"))
diff --git a/resources/library/interactivities/Contraste.wgt/scripts/blackYellow.js b/resources/library/interactivities/Contraste.wgt/scripts/blackYellow.js
index 89e6df3f..d9b1e52f 100644
--- a/resources/library/interactivities/Contraste.wgt/scripts/blackYellow.js
+++ b/resources/library/interactivities/Contraste.wgt/scripts/blackYellow.js
@@ -14,7 +14,7 @@
  */
 
 var sankoreLang = {
-    display: "Display", 
+    display: "Close", 
     edit: "Edit", 
     add: "Add", 
     enter_data: "Enter data:", 
@@ -27,7 +27,8 @@ var sankoreLang = {
     pad: "pad",
     none: "none",
     help: "Help",
-    help_content: "This is an example of help content ..."
+    help_content: "This is an example of help content ...",
+    theme: "Theme"
 };
 
 function init(){
@@ -43,6 +44,8 @@ function init(){
     var flagForSelect = false;
     var dragElement = null; //the element that must be dragging
     var lang = ""; //locale language
+    var resizeFlag = true;
+    
     var coords = {
         left:0,
         top:0
@@ -64,9 +67,11 @@ function init(){
     $("#wgt_reload").text(sankoreLang.reload);
     $("#wgt_help").text(sankoreLang.help);
     $("#help").html(sankoreLang.help_content);
-    $(".style_select option[value='1']").text(sankoreLang.slate);
-    $(".style_select option[value='2']").text(sankoreLang.pad);
-    $(".style_select option[value='3']").text(sankoreLang.none);
+    $("#style_select option[value='1']").text(sankoreLang.slate);
+    $("#style_select option[value='2']").text(sankoreLang.pad);
+    $("#style_select option[value='3']").text(sankoreLang.none);
+    var tmpl = $("div.inline label").html();
+    $("div.inline label").html(sankoreLang.theme + tmpl)
     
     if(window.sankore){
         if(sankore.preference("blackYellowData","")){
@@ -91,7 +96,7 @@ function init(){
     if(window.sankore){
         if(sankore.preference("by_style","")){
             changeStyle(sankore.preference("by_style",""));
-            $(".style_select").val(sankore.preference("by_style",""));
+            $("#style_select").val(sankore.preference("by_style",""));
         } else
             changeStyle("3")
     } else
@@ -102,9 +107,15 @@ function init(){
             if(!$(this).hasClass("selected")){                
                 $(this).addClass("selected");
                 $("#wgt_edit").removeClass("selected");
-                $(".style_select").css("display","none");                
+                $("#parameters").css("display","none");   
+                var tmpwh = $(window).height();
+                var tmpww = $(window).width();
+                resizeFlag = true;
+                window.resizeTo(tmpww, tmpwh - 44)
+                $("#data").css("padding-bottom","");
+                $("#leftDiv").css("border-top-left-radius","7px");
+                $("#rightDiv").css("border-top-right-radius","7px");
                 $(this).css("display", "none");
-                $("#wgt_add").css("display", "none");
                 $("#wgt_edit").css("display", "block");
                 mode = false;
                 $(".leftDiv, .rightDiv").animate({
@@ -117,7 +128,7 @@ function init(){
                                 tmpReadyTask.width($(domElem).width())
                                 .height($(domElem).height())
                                 .css("position","absolute")
-                                .css("top",$(domElem).position().top)
+                                .css("top",$(domElem).position().top - 40)
                                 .css("left",$(domElem).position().left)
                                 .find(".taskContainer").removeAttr("contenteditable");                                
                                 
@@ -128,15 +139,22 @@ function init(){
                         opacityChanged = false;
                     }
                 });
+                
                 $(document).disableTextSelect(); 
             }
         } else {            
             if(!$(this).hasClass("selected")){
                 $(this).addClass("selected");
                 $("#wgt_display").removeClass("selected");
-                $(".style_select").css("display","block");                
+                $("#parameters").css("display","block");   
+                tmpwh = $(window).height();
+                tmpww = $(window).width();
+                resizeFlag = true;
+                window.resizeTo(tmpww, tmpwh + 44)
+                $("#data").css("padding-bottom","42px");
+                $("#leftDiv").css("border-top-left-radius","0px");
+                $("#rightDiv").css("border-top-right-radius","0px");
                 $(this).css("display", "none");
-                $("#wgt_add").css("display", "block");
                 $("#wgt_display").css("display", "block");
                 mode = true; 
                 $(document).enableTextSelect(); 
@@ -171,12 +189,15 @@ function init(){
     $("#wgt_help").click(function(){
         var tmp = $(this);
         if($(this).hasClass("open")){
+            $(this).removeClass("help_pad").removeClass("help_wood")
             $("#help").slideUp("100", function(){
                 tmp.removeClass("open");
                 $("#data").show();
+                ($("#wgt_edit").hasClass("selected"))?$("#parameters").show():'';
             });
         } else {            
-            $("#data").hide();
+            ($("#style_select").val() == 1)?$(this).removeClass("help_pad").addClass("help_wood"):$(this).removeClass("help_wood").addClass("help_pad");
+            $("#data, #parameters").hide();
             $("#help").slideDown("100", function(){
                 tmp.addClass("open");
             });
@@ -200,10 +221,10 @@ function init(){
         $(document).disableTextSelect();
     });
     
-    $(".style_select option[value='1']").text(sankoreLang.slate);
-    $(".style_select option[value='2']").text(sankoreLang.pad);
+    $("#style_select option[value='1']").text(sankoreLang.slate);
+    $("#style_select option[value='2']").text(sankoreLang.pad);
     
-    $(".style_select").change(function (event){
+    $("#style_select").change(function (event){
         changeStyle($(this).find("option:selected").val());
     })
     
@@ -354,12 +375,12 @@ function init(){
             if((prevBottom + 15 + curHeight) < ($(window).height() - 54))
                 curr.css("top", prevBottom + 15 + "px");                        
             else
-                curr.css("top", "60px").css("left", prevLeft + 255 + "px");            
+                curr.css("top", "100px").css("left", prevLeft + 255 + "px");            
         } else {
             if((prevBottom + 15 + curHeight) < ($(window).height() - 54))
                 curr.css("top", prevBottom + 15 + "px").css("left", prevLeft + "px");           
             else
-                curr.css("top", "60px").css("left", prevLeft + 255 + "px");
+                curr.css("top", "100px").css("left", prevLeft + 255 + "px");
         }
         prevBottom = curr.position().top + curr.height(),
         prevLeft = curr.position().left;
@@ -372,28 +393,31 @@ function init(){
     popupBack.css("left", ($(window).width() - 360)*50/$(window).width() + "%");
     
     $(window).resize(function(){
-        if($("#wgt_edit").hasClass("selected")){
-            if($(".editContainer").size() > 1){            
-                var prev = $(".editContainer:first"),
-                prevBottom = prev.position().top + prev.height(),
-                prevLeft = prev.position().left;
-                recursionCall(prevBottom, prevLeft, prev.next());
+        if(!resizeFlag){
+            if($("#wgt_edit").hasClass("selected")){
+                if($(".editContainer").size() > 1){            
+                    var prev = $(".editContainer:first"),
+                    prevBottom = prev.position().top + prev.height(),
+                    prevLeft = prev.position().left;
+                    recursionCall(prevBottom, prevLeft, prev.next());
+                }
+            } else {
+                var tmp_array = [];
+                $(".readyTask").each(function(){
+                    tmp_array.push($(this));
+                });
+                orderItems(tmp_array);
             }
-        } else {
-            var tmp_array = [];
-            $(".readyTask").each(function(){
-                tmp_array.push($(this));
-            });
-            orderItems(tmp_array);
-        }
-        popupBack.css("top", ($(window).height() - 138)*50/$(window).height() + "%");
-        popupBack.css("left", ($(window).width() - 360)*50/$(window).width() + "%");
+            popupBack.css("top", ($(window).height() - 138)*50/$(window).height() + "%");
+            popupBack.css("left", ($(window).width() - 360)*50/$(window).width() + "%");
+        } else 
+            resizeFlag = false;
     });
     
     if (window.widget) {
         window.widget.onleave = function(){
             exportToSankore();
-            sankore.setPreference("by_style", $(".style_select").find("option:selected").val());
+            sankore.setPreference("by_style", $("#style_select").find("option:selected").val());
         }
     }
     
@@ -416,7 +440,7 @@ function init(){
                     objToExport.data2 = $(domElem).find(".readyTask").find(":last-child").text();
                     objToExport.width = $(domElem).width();
                     objToExport.height = $(domElem).height();
-                    objToExport.top = $(domElem).position().top;
+                    objToExport.top = $(domElem).position().top - 40;
                     objToExport.left = $(domElem).position().left;
                     arrayToExport.push(objToExport);
                 });
@@ -475,14 +499,14 @@ function reloadItems(){
 
 //order items
 function orderItems(items){
-    var bottom = 45,
+    var bottom = ($("#wgt_edit").hasClass("selected"))?85:45,
     lastItemLeft = 54; 
     for (var i in items){
         if((bottom + items[i].height()) < ($(window).height() - 54)){
             items[i].css("top", bottom + 15 + "px").css("left", lastItemLeft + "px").appendTo("#data");
             bottom += items[i].height() + 15;
         } else {
-            bottom = 60;
+            bottom = 100;
             lastItemLeft += 255;
             items[i].css("top", bottom + "px").css("left", lastItemLeft + "px").appendTo("#data");
             bottom += items[i].height();
@@ -507,7 +531,7 @@ function shuffle( arr )
 //adding a new task to the page
 function addTask(expression, result){
     var lastItem = $(".editContainer:last"),
-    lastItemPos = lastItem.length ? lastItem.position().top : 45,
+    lastItemPos = lastItem.length ? lastItem.position().top : 85,
     lastItemHeight = lastItem.length ? lastItem.height() : 0,
     lastItemLeft = lastItem.length ? lastItem.position().left : 54;
     var bottom = lastItemPos + lastItemHeight + 85;
@@ -519,7 +543,7 @@ function addTask(expression, result){
     if(bottom < ($(window).height() - 54)){
         editContent.css("top", lastItemPos + lastItemHeight + 15 + "px").css("left", lastItemLeft + "px").appendTo("#data");
     } else {
-        lastItemPos = 45;
+        lastItemPos = 85;
         editContent.css("top", lastItemPos + 15 + "px").css("left", lastItemLeft + 255 + "px").appendTo("#data");
     }    
     main.appendTo(editContent);
@@ -538,13 +562,12 @@ function changeStyle(val){
             $(".b_bottom_left").removeClass("bbl_pad").removeClass("without_back");
             $(".b_bottom_center").removeClass("bbc_pad").removeClass("without_back");
             $("#wgt_reload").removeClass("pad_color").removeClass("pad_reload");
-            $("#wgt_edit").removeClass("pad_color").removeClass("pad_edit");
             $("#wgt_help").removeClass("pad_color").removeClass("pad_help");
-            $("#wgt_display").removeClass("pad_color").removeClass("pad_edit");
-            $("#wgt_add").removeClass("pad_color").removeClass("pad_add");
+            $("#wgt_edit").removeClass("pad_color").removeClass("pad_edit");
             $("#wgt_name").removeClass("pad_color");
-            $(".style_select").removeClass("pad_select").removeClass("none_select").val(val);
-            $("body, html").removeClass("without_radius");
+            $("#wgt_display").addClass("display_wood");
+            $("#style_select").val(val);
+            $("body, html").removeClass("without_radius").addClass("radius_ft");
             break;
         case "2":
             $(".b_top_left").addClass("btl_pad").removeClass("without_back");
@@ -556,13 +579,12 @@ function changeStyle(val){
             $(".b_bottom_left").addClass("bbl_pad").removeClass("without_back");
             $(".b_bottom_center").addClass("bbc_pad").removeClass("without_back");
             $("#wgt_reload").addClass("pad_color").addClass("pad_reload");
-            $("#wgt_edit").addClass("pad_color").addClass("pad_edit");
             $("#wgt_help").addClass("pad_color").addClass("pad_help");
-            $("#wgt_display").addClass("pad_color").addClass("pad_edit");
-            $("#wgt_add").addClass("pad_color").addClass("pad_add");
+            $("#wgt_edit").addClass("pad_color").addClass("pad_edit");
             $("#wgt_name").addClass("pad_color");
-            $(".style_select").addClass("pad_select").removeClass("none_select").val(val);
-            $("body, html").removeClass("without_radius");
+            $("#wgt_display").removeClass("display_wood");
+            $("#style_select").val(val);
+            $("body, html").removeClass("without_radius").removeClass("radius_ft");
             break;
         case "3":
             $(".b_top_left").addClass("without_back").removeClass("btl_pad");
@@ -573,14 +595,13 @@ function changeStyle(val){
             $(".b_bottom_right").addClass("without_back").removeClass("bbr_pad");
             $(".b_bottom_left").addClass("without_back").removeClass("bbl_pad");
             $(".b_bottom_center").addClass("without_back").removeClass("bbc_pad");
+            $("#wgt_help").addClass("pad_color").addClass("pad_help");
             $("#wgt_reload").addClass("pad_color").addClass("pad_reload");
             $("#wgt_edit").addClass("pad_color").addClass("pad_edit");
-            $("#wgt_help").addClass("pad_color").addClass("pad_help");
-            $("#wgt_display").addClass("pad_color").addClass("pad_edit");
-            $("#wgt_add").addClass("pad_color").addClass("pad_add");
             $("#wgt_name").addClass("pad_color");
-            $(".style_select").addClass("none_select").val(val);
-            $("body, html").addClass("without_radius");
+            $("#wgt_display").removeClass("display_wood");
+            $("#style_select").val(val);
+            $("body, html").addClass("without_radius").removeClass("radius_ft");
             break;
     }
     if($("#wgt_edit").hasClass("selected"))