improved interactivities font

resources/library/interactivities/Ass images.wgt/css/basic.css

@@ -4,7 +4,8 @@ html, body{
     margin: 0;
     padding: 0;
     border-radius: 35px;
-    overflow: hidden;
+    overflow: hidden;    
+    font-family: sans-serif;
 }
 
 .without_radius{
@@ -280,7 +281,7 @@ body{
     margin: 10px 10px 0 10px;
     padding: 0;
     float: left;
-    font-family: Arial,Helvetica,sans-serif;
+    font-family: sans-serif;
     font-size: 24px;
     color: #7F613F;
     text-shadow: #FFDCA9 0 1px 0;
@@ -290,7 +291,7 @@ body{
     cursor: pointer;
     margin: 10px 10px 0 0;
     float: right;
-    font-family: Arial,Helvetica,sans-serif;
+    font-family: sans-serif;
     font-size: 24px;    
     line-height: 32px;
 }
@@ -407,7 +408,7 @@ body{
 
 .inline{
     display: inline-block;
-    font-family: "helvetica neue";
+    font-family: sans-serif;
     font-size: 14px;
     color: #666;
 }

resources/library/interactivities/Ass sons.wgt/css/basic.css

@@ -5,6 +5,7 @@ html, body{
     padding: 0;
     border-radius: 35px;
     overflow: hidden;
+    font-family: sans-serif;
 }
 
 body{
@@ -315,7 +316,7 @@ body{
     margin: 10px 10px 0 10px;
     padding: 0;
     float: left;
-    font-family: Arial,Helvetica,sans-serif;
+    font-family: sans-serif;
     font-size: 24px;
     color: #7F613F;
     text-shadow: #FFDCA9 0 1px 0;
@@ -325,7 +326,7 @@ body{
     cursor: pointer;
     margin: 10px 10px 0 0;
     float: right;
-    font-family: Arial,Helvetica,sans-serif;
+    font-family: sans-serif;
     font-size: 24px;    
     line-height: 32px;
 }
@@ -351,22 +352,6 @@ body{
     text-shadow: #FFDCA9 0 1px 0;
 }
 
-.style_select{    
-    width: 120px;
-    /*font-family: "Lobster13Regular";*/
-    font-size: 24px;
-    float: right;
-    margin: 10px 20px 0 0;
-    border-radius: 10px;
-    background-image: url(../img/ar_down.png);
-    background-color: #d4aa79;
-    color: #8c5730;
-    background-position: 105px 11px;
-    background-repeat: no-repeat;
-    -webkit-appearance: menulist-text;
-    display: none;
-}
-
 .btl_pad{
     background-image: url(../img/pad-top-left.png) !important;
 }
@@ -463,7 +448,7 @@ body{
 
 .inline{
     display: inline-block;
-    font-family: "helvetica neue";
+    font-family: sans-serif;
     font-size: 14px;
     color: #666;
 }

resources/library/interactivities/Cat images.wgt/css/basic.css

@@ -5,6 +5,7 @@ html, body{
     padding: 0;
     border-radius: 35px;
     overflow: hidden;
+    font-family: sans-serif;
 }
 
 body{
@@ -256,7 +257,7 @@ body{
     margin: 10px 10px 0 10px;
     padding: 0;
     float: left;
-    font-family: Arial,Helvetica,sans-serif;
+    font-family: sans-serif;
     font-size: 24px;
     color: #7F613F;
     text-shadow: #FFDCA9 0 1px 0;
@@ -266,7 +267,7 @@ body{
     cursor: pointer;
     margin: 10px 10px 0 0;
     float: right;
-    font-family: Arial,Helvetica,sans-serif;
+    font-family: sans-serif;
     font-size: 24px;    
     line-height: 32px;
 }
@@ -388,7 +389,7 @@ body{
 
 .inline{
     display: inline-block;
-    font-family: "helvetica neue";
+    font-family: sans-serif;
     font-size: 14px;
     color: #666;
 }

resources/library/interactivities/Cat text.wgt/css/basic.css

@@ -5,6 +5,7 @@ html, body{
     padding: 0;
     border-radius: 35px;
     overflow: hidden;
+    font-family: sans-serif;
 }
 
 body{
@@ -278,7 +279,7 @@ body{
     margin: 10px 10px 0 10px;
     padding: 0;
     float: left;
-    font-family: Arial,Helvetica,sans-serif;
+    font-family: sans-serif;
     font-size: 24px;
     color: #7F613F;
     text-shadow: #FFDCA9 0 1px 0;
@@ -288,7 +289,7 @@ body{
     cursor: pointer;
     margin: 10px 10px 0 0;
     float: right;
-    font-family: Arial,Helvetica,sans-serif;
+    font-family: sans-serif;
     font-size: 24px;    
     line-height: 32px;
 }
@@ -410,7 +411,7 @@ body{
 
 .inline{
     display: inline-block;
-    font-family: "helvetica neue";
+    font-family: sans-serif;
     font-size: 14px;
     color: #666;
 }

resources/library/interactivities/Choisir.wgt/css/basic.css

@@ -18,6 +18,7 @@ html, body{
     padding: 0;    
     border-radius: 35px;
     overflow: hidden;
+    font-family: sans-serif;
 }
 
 body{
@@ -30,7 +31,7 @@ body{
     border: none;
     background-image: url(../images/greySquare.png);
     font-weight: bold;
-    font-family: Verdana;
+    font-family: sans-serif;
     color: #00C6FF;;
     cursor: pointer;
 }
@@ -45,7 +46,7 @@ body{
     float: left;
     padding: 5px;
     margin: 2px;
-    font-family: Verdana,Arial,Helvetica,sans-serif;
+    font-family: sans-serif;
     font-size: large;
 }
 
@@ -68,7 +69,7 @@ body{
     margin: 2px auto;
     padding: 5px;
     float: left;
-    font-family: Verdana,Arial,Helvetica,sans-serif;
+    font-family: sans-serif;
 }
 
 .qstDivDisplay{
@@ -76,7 +77,7 @@ body{
     margin: 5px 5%;
     padding: 5px;
     float: left;
-    font-family: Verdana,Arial,Helvetica,sans-serif;
+    font-family: sans-serif;
     border: 2px solid #cccccc;
     -moz-border-radius: 5px;
     -webkit-border-radius: 5px;
@@ -146,7 +147,7 @@ body{
     width: 95%;
     max-height: 100px;
     overflow-x: hidden;
-    font-family: Verdana,Arial,Helvetica,sans-serif;
+    font-family: sans-serif;
     font-size: small;
     border: 3px solid #ccc;
     border-radius: 5px;
@@ -162,7 +163,7 @@ body{
     width: 95%;
     max-height: 120px;
     overflow-x: hidden;
-    font-family: Verdana,Arial,Helvetica,sans-serif;
+    font-family: sans-serif;
     color: white;
     border: 1px solid #DFDFDE;
     border-top-left-radius: 10px;
@@ -214,7 +215,7 @@ body{
 .ansContent{
     padding: 1px 3px 3px 3px;
     margin-left: 5px;
-    font-family: Verdana,Arial,Helvetica,sans-serif;
+    font-family: sans-serif;
     font-size: small;
     width: 80%;
     max-height: 60px;
@@ -230,7 +231,7 @@ body{
 .ansContentDisplay{
     padding: 1px 3px 3px 3px;
     margin-left: 5px;
-    font-family: Verdana,Arial,Helvetica,sans-serif;
+    font-family: sans-serif;
     font-size: small;
     font-weight: bold;
     width: 80%;
@@ -299,7 +300,7 @@ body{
     color: #666666;
     float: left;
     font-size: small;
-    font-family: Verdana,Arial,Helvetica,sans-serif;
+    font-family: sans-serif;
     margin: 3px 5px;
     padding: 5px;
 }
@@ -347,7 +348,7 @@ body{
 .textType{
     width: 160px;
     font-size: small;    
-    font-family: Verdana,Arial,Helvetica,sans-serif;
+    font-family: sans-serif;
     color: #666;
     padding: 3px;
     margin-left: 20px;
@@ -471,7 +472,7 @@ body{
     margin: 10px 10px 0 10px;
     padding: 0;
     float: left;
-    font-family: Arial,Helvetica,sans-serif;
+    font-family: sans-serif;
     font-size: 24px;
     color: #7F613F;
     text-shadow: #FFDCA9 0 1px 0;
@@ -481,7 +482,7 @@ body{
     cursor: pointer;
     margin: 10px 10px 0 0;
     float: right;
-    font-family: Arial,Helvetica,sans-serif;
+    font-family: sans-serif;
     font-size: 24px;    
     line-height: 32px;
 }
@@ -603,7 +604,7 @@ body{
 
 .inline{
     display: inline-block;
-    font-family: "helvetica neue";
+    font-family: sans-serif;
     font-size: 14px;
     color: #666;
 }

resources/library/interactivities/Contraste.wgt/css/basic.css

@@ -5,6 +5,7 @@ html, body{
     padding: 0;    
     border-radius: 35px;
     overflow: hidden;
+    font-family: sans-serif;
 }
 
 body{
@@ -17,11 +18,9 @@ body{
     border: none;
     background-image: url(../images/greySquare.png);
     font-weight: bold;
-    font-family: Verdana;
+    font-family: sans-serif;
     color: yellow;
     cursor: pointer;
-    -webkit-border-top-left-radius: 5px;
-    -webkit-border-bottom-left-radius: 5px;
     border-top-left-radius: 5px;
     border-bottom-left-radius: 5px;
 }
@@ -101,7 +100,7 @@ body{
     float: right;
     width: 70%;
     border: none;
-    font-family: Verdana,Arial,Helvetica,sans-serif;
+    font-family: sans-serif;
     background-color: #ffc;
     -webkit-border-radius: 5px;
     -webkit-border-radius: 5px;
@@ -116,7 +115,7 @@ body{
     margin: 4px 5px;
     border: none;
     background-image: url(../images/greySquare2.png);
-    font-family: Verdana;
+    font-family: sans-serif;
     color: yellow;
     cursor: pointer;
     -webkit-border-radius: 5px;
@@ -137,7 +136,7 @@ body{
     padding: 2px;
     float: left;
     text-align: center;
-    font-family: Verdana,Arial,Helvetica,sans-serif;
+    font-family: sans-serif;
     font-weight: bold;
     font-size:24px;
     word-wrap: break-word;
@@ -265,7 +264,7 @@ body{
     margin: 10px 10px 0 10px;
     padding: 0;
     float: left;
-    font-family: Arial,Helvetica,sans-serif;
+    font-family: sans-serif;
     font-size: 24px;
     color: #7F613F;
     text-shadow: #FFDCA9 0 1px 0;
@@ -275,7 +274,7 @@ body{
     cursor: pointer;
     margin: 10px 10px 0 0;
     float: right;
-    font-family: Arial,Helvetica,sans-serif;
+    font-family: sans-serif;
     font-size: 24px;    
     line-height: 32px;
 }
@@ -413,7 +412,7 @@ body{
 
 .inline{
     display: inline-block;
-    font-family: "helvetica neue";
+    font-family: sans-serif;
     font-size: 14px;
     color: #666;
 }

resources/library/interactivities/Etudier.wgt/css/basic.css

@@ -5,6 +5,7 @@ html, body{
     padding: 0;
     border-radius: 35px;
     overflow: hidden;
+    font-family: sans-serif;
 }
 
 body{
@@ -354,7 +355,7 @@ li>div{
     margin: 10px 10px 0 10px;
     padding: 0;
     float: left;
-    font-family: Arial,Helvetica,sans-serif;
+    font-family: sans-serif;
     font-size: 24px;
     color: #7F613F;
     text-shadow: #FFDCA9 0 1px 0;
@@ -364,7 +365,7 @@ li>div{
     cursor: pointer;
     margin: 10px 10px 0 0;
     float: right;
-    font-family: Arial,Helvetica,sans-serif;
+    font-family: sans-serif;
     font-size: 24px;    
     line-height: 32px;
 }
@@ -479,7 +480,7 @@ li>div{
 
 .inline{
     display: inline-block;
-    font-family: "helvetica neue";
+    font-family: sans-serif;
     font-size: 14px;
     color: #666;
 }

resources/library/interactivities/Ordre images.wgt/css/basic.css

@@ -5,6 +5,7 @@ html, body{
     padding: 0;    
     border-radius: 35px;
     overflow: hidden;
+    font-family: sans-serif;
 }
 
 body{
@@ -237,7 +238,7 @@ body{
     margin: 10px 10px 0 10px;
     padding: 0;
     float: left;
-    font-family: Arial,Helvetica,sans-serif;
+    font-family: sans-serif;
     font-size: 24px;
     color: #7F613F;
     text-shadow: #FFDCA9 0 1px 0;
@@ -247,7 +248,7 @@ body{
     cursor: pointer;
     margin: 10px 10px 0 0;
     float: right;
-    font-family: Arial,Helvetica,sans-serif;
+    font-family: sans-serif;
     font-size: 24px;    
     line-height: 32px;
 }
@@ -369,7 +370,7 @@ body{
 
 .inline{
     display: inline-block;
-    font-family: "helvetica neue";
+    font-family: sans-serif;
     font-size: 14px;
     color: #666;
 }

resources/library/interactivities/Ordre lettres.wgt/css/basic.css

@@ -5,6 +5,7 @@ html, body{
     padding: 0;
     border-radius: 35px;
     overflow: hidden;
+    font-family: sans-serif;
 }
 
 body{
@@ -298,7 +299,7 @@ body{
     margin: 10px 10px 0 10px;
     padding: 0;
     float: left;
-    font-family: Arial,Helvetica,sans-serif;
+    font-family: sans-serif;
     font-size: 24px;
     color: #7F613F;
     text-shadow: #FFDCA9 0 1px 0;
@@ -308,7 +309,7 @@ body{
     cursor: pointer;
     margin: 10px 10px 0 0;
     float: right;
-    font-family: Arial,Helvetica,sans-serif;
+    font-family: sans-serif;
     font-size: 24px;    
     line-height: 32px;
 }
@@ -430,7 +431,7 @@ body{
 
 .inline{
     display: inline-block;
-    font-family: "helvetica neue";
+    font-family: sans-serif;
     font-size: 14px;
     color: #666;
 }

resources/library/interactivities/Ordre mots.wgt/styles/of_puppets.css

@@ -5,6 +5,7 @@ html, body{
     padding: 0;    
     border-radius: 35px;
     overflow: hidden;
+    font-family: sans-serif;
 }
 
 body{
@@ -140,7 +141,7 @@ body{
     margin: 10px 10px 0 10px;
     padding: 0;
     float: left;
-    font-family: Arial,Helvetica,sans-serif;
+    font-family: sans-serif;
     font-size: 24px;
     color: #7F613F;
     text-shadow: #FFDCA9 0 1px 0;
@@ -150,7 +151,7 @@ body{
     cursor: pointer;
     margin: 10px 10px 0 0;
     float: right;
-    font-family: Arial,Helvetica,sans-serif;
+    font-family: sans-serif;
     font-size: 24px;    
     line-height: 32px;
 }
@@ -272,7 +273,7 @@ body{
 
 .inline{
     display: inline-block;
-    font-family: "helvetica neue";
+    font-family: sans-serif;
     font-size: 14px;
     color: #666;
 }

resources/library/interactivities/Ordre phrase.wgt/styles/of_puppets.css

@@ -5,6 +5,7 @@ html, body{
     padding: 0;    
     border-radius: 35px;
     overflow: hidden;
+    font-family: sans-serif;
 }
 
 body{
@@ -149,7 +150,7 @@ textarea{
     margin: 10px 10px 0 10px;
     padding: 0;
     float: left;
-    font-family: Arial,Helvetica,sans-serif;
+    font-family: sans-serif;
     font-size: 24px;
     color: #7F613F;
     text-shadow: #FFDCA9 0 1px 0;
@@ -159,7 +160,7 @@ textarea{
     cursor: pointer;
     margin: 10px 10px 0 0;
     float: right;
-    font-family: Arial,Helvetica,sans-serif;
+    font-family: sans-serif;
     font-size: 24px;    
     line-height: 32px;
 }
@@ -281,7 +282,7 @@ textarea{
 
 .inline{
     display: inline-block;
-    font-family: "helvetica neue";
+    font-family: sans-serif;
     font-size: 14px;
     color: #666;
 }

resources/library/interactivities/Selectionner.wgt/css/basic.css

@@ -5,6 +5,7 @@ html, body{
     padding: 0;    
     border-radius: 35px;
     overflow: hidden;
+    font-family: sans-serif;
 }
 
 body{
@@ -314,7 +315,7 @@ body{
     margin: 10px 10px 0 10px;
     padding: 0;
     float: left;
-    font-family: Arial,Helvetica,sans-serif;
+    font-family: sans-serif;
     font-size: 24px;
     color: #7F613F;
     text-shadow: #FFDCA9 0 1px 0;
@@ -324,7 +325,7 @@ body{
     cursor: pointer;
     margin: 10px 10px 0 0;
     float: right;
-    font-family: Arial,Helvetica,sans-serif;
+    font-family: sans-serif;
     font-size: 24px;    
     line-height: 32px;
 }
@@ -446,7 +447,7 @@ body{
 
 .inline{
     display: inline-block;
-    font-family: "helvetica neue";
+    font-family: sans-serif;
     font-size: 14px;
     color: #666;
 }

resources/library/interactivities/Separe phrase.wgt/styles/app.css

@@ -109,7 +109,7 @@
     margin: 10px 10px 0 10px;
     padding: 0;
     float: left;
-    font-family: Arial,Helvetica,sans-serif;
+    font-family: sans-serif;
     font-size: 24px;
     color: #7F613F;
     text-shadow: #FFDCA9 0 1px 0;
@@ -119,7 +119,7 @@
     cursor: pointer;
     margin: 10px 10px 0 0;
     float: right;
-    font-family: Arial,Helvetica,sans-serif;
+    font-family: sans-serif;
     font-size: 24px;    
     line-height: 32px;
 }
@@ -241,7 +241,7 @@
 
 .inline{
     display: inline-block;
-    font-family: "helvetica neue";
+    font-family: sans-serif;
     font-size: 14px;
     color: #666;
 }

resources/library/interactivities/Separe phrase.wgt/styles/master.css

@@ -5,6 +5,7 @@ html, body{
     padding: 0;    
     border-radius: 35px;
     overflow: hidden;
+    font-family: sans-serif;
 }
 
 body{

resources/library/interactivities/Separe texte.wgt/styles/app.css

@@ -110,7 +110,7 @@
     margin: 10px 10px 0 10px;
     padding: 0;
     float: left;
-    font-family: Arial,Helvetica,sans-serif;
+    font-family: sans-serif;
     font-size: 24px;
     color: #7F613F;
     text-shadow: #FFDCA9 0 1px 0;
@@ -120,7 +120,7 @@
     cursor: pointer;
     margin: 10px 10px 0 0;
     float: right;
-    font-family: Arial,Helvetica,sans-serif;
+    font-family: sans-serif;
     font-size: 24px;    
     line-height: 32px;
 }
@@ -242,7 +242,7 @@
 
 .inline{
     display: inline-block;
-    font-family: "helvetica neue";
+    font-family: sans-serif;
     font-size: 14px;
     color: #666;
 }

resources/library/interactivities/Separe texte.wgt/styles/master.css

@@ -5,6 +5,7 @@ html, body{
     padding: 0;    
     border-radius: 35px;
     overflow: hidden;
+    font-family: sans-serif;
 }
 
 body{

resources/library/interactivities/Syllabes.wgt/styles/master.css

@@ -5,6 +5,7 @@ html, body{
     padding: 0;    
     border-radius: 35px;
     overflow: hidden;
+    font-family: sans-serif;
 }
 
 body{

resources/library/interactivities/Syllabes.wgt/styles/spl-word.css

@@ -111,7 +111,7 @@
     margin: 10px 10px 0 10px;
     padding: 0;
     float: left;
-    font-family: Arial,Helvetica,sans-serif;
+    font-family: sans-serif;
     font-size: 24px;
     color: #7F613F;
     text-shadow: #FFDCA9 0 1px 0;
@@ -121,7 +121,7 @@
     cursor: pointer;
     margin: 10px 10px 0 0;
     float: right;
-    font-family: Arial,Helvetica,sans-serif;
+    font-family: sans-serif;
     font-size: 24px;    
     line-height: 32px;
 }
@@ -243,7 +243,7 @@
 
 .inline{
     display: inline-block;
-    font-family: "helvetica neue";
+    font-family: sans-serif;
     font-size: 14px;
     color: #666;
 }