njin widgets

resources/library/interactivities/Des.wgt/config.xml

+<?xml version="1.0" encoding="UTF-8"?>
+<widget xmlns="http://www.w3.org/ns/widgets" 
+		xmlns:ub="http://uniboard.mnemis.com/widgets"
+        id="http://www.njin.fr/sankore/apps/memory" 
+        version="1.0"
+        width="760"
+        height="610"
+        ub:resizable="true">     
+   
+		<name>Les dés</name>
+		<author href="http://www.njin.fr" email="contact@njin.fr">njin</author>
+		<description>Un jeu de dés</description>
+		
+		<content src="index.html"/>
+</widget>

resources/library/interactivities/Des.wgt/css/fonts/Lobster/SIL Open Font License 1.1.txt

+This Font Software is licensed under the SIL Open Font License, Version 1.1.
+This license is copied below, and is also available with a FAQ at:
+http://scripts.sil.org/OFL
+
+
+-----------------------------------------------------------
+SIL OPEN FONT LICENSE Version 1.1 - 26 February 2007
+-----------------------------------------------------------
+
+PREAMBLE
+The goals of the Open Font License (OFL) are to stimulate worldwide
+development of collaborative font projects, to support the font creation
+efforts of academic and linguistic communities, and to provide a free and
+open framework in which fonts may be shared and improved in partnership
+with others.
+
+The OFL allows the licensed fonts to be used, studied, modified and
+redistributed freely as long as they are not sold by themselves. The
+fonts, including any derivative works, can be bundled, embedded, 
+redistributed and/or sold with any software provided that any reserved
+names are not used by derivative works. The fonts and derivatives,
+however, cannot be released under any other type of license. The
+requirement for fonts to remain under this license does not apply
+to any document created using the fonts or their derivatives.
+
+DEFINITIONS
+"Font Software" refers to the set of files released by the Copyright
+Holder(s) under this license and clearly marked as such. This may
+include source files, build scripts and documentation.
+
+"Reserved Font Name" refers to any names specified as such after the
+copyright statement(s).
+
+"Original Version" refers to the collection of Font Software components as
+distributed by the Copyright Holder(s).
+
+"Modified Version" refers to any derivative made by adding to, deleting,
+or substituting -- in part or in whole -- any of the components of the
+Original Version, by changing formats or by porting the Font Software to a
+new environment.
+
+"Author" refers to any designer, engineer, programmer, technical
+writer or other person who contributed to the Font Software.
+
+PERMISSION & CONDITIONS
+Permission is hereby granted, free of charge, to any person obtaining
+a copy of the Font Software, to use, study, copy, merge, embed, modify,
+redistribute, and sell modified and unmodified copies of the Font
+Software, subject to the following conditions:
+
+1) Neither the Font Software nor any of its individual components,
+in Original or Modified Versions, may be sold by itself.
+
+2) Original or Modified Versions of the Font Software may be bundled,
+redistributed and/or sold with any software, provided that each copy
+contains the above copyright notice and this license. These can be
+included either as stand-alone text files, human-readable headers or
+in the appropriate machine-readable metadata fields within text or
+binary files as long as those fields can be easily viewed by the user.
+
+3) No Modified Version of the Font Software may use the Reserved Font
+Name(s) unless explicit written permission is granted by the corresponding
+Copyright Holder. This restriction only applies to the primary font name as
+presented to the users.
+
+4) The name(s) of the Copyright Holder(s) or the Author(s) of the Font
+Software shall not be used to promote, endorse or advertise any
+Modified Version, except to acknowledge the contribution(s) of the
+Copyright Holder(s) and the Author(s) or with their explicit written
+permission.
+
+5) The Font Software, modified or unmodified, in part or in whole,
+must be distributed entirely under this license, and must not be
+distributed under any other license. The requirement for fonts to
+remain under this license does not apply to any document created
+using the Font Software.
+
+TERMINATION
+This license becomes null and void if any of the above conditions are
+not met.
+
+DISCLAIMER
+THE FONT SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
+EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO ANY WARRANTIES OF
+MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT
+OF COPYRIGHT, PATENT, TRADEMARK, OR OTHER RIGHT. IN NO EVENT SHALL THE
+COPYRIGHT HOLDER BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY,
+INCLUDING ANY GENERAL, SPECIAL, INDIRECT, INCIDENTAL, OR CONSEQUENTIAL
+DAMAGES, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
+FROM, OUT OF THE USE OR INABILITY TO USE THE FONT SOFTWARE OR FROM
+OTHER DEALINGS IN THE FONT SOFTWARE.
\ No newline at end of file

resources/library/interactivities/Des.wgt/css/fonts/Lobster/demo.html

+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
+	"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
+<head>
+	<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
+
+	<title>Font Face Demo</title>
+	<link rel="stylesheet" href="stylesheet.css" type="text/css" charset="utf-8">
+	<style type="text/css" media="screen">
+		h1.fontface {font: 60px/68px 'Lobster13Regular', Arial, sans-serif;letter-spacing: 0;}
+
+		p.style1 {font: 18px/27px 'Lobster13Regular', Arial, sans-serif;}
+		
+		#container {
+			width: 800px;
+			margin-left: auto;
+			margin-right: auto;
+		}
+	</style>
+</head>
+
+<body>
+	<div id="container">
+		<h1 class="fontface">Font-face Demo for the Lobster Font</h1>
+	
+	 
+
+	<p class="style1">Lobster Regular - Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
+
+		</div>
+</body>
+</html>

resources/library/interactivities/Des.wgt/css/fonts/Lobster/stylesheet.css

+/* Generated by Font Squirrel (http://www.fontsquirrel.com) on March 26, 2012 06:03:05 AM America/New_York */
+
+
+
+@font-face {
+    font-family: 'Lobster13Regular';
+    src: url('Lobster_1.3-webfont.eot');
+    src: url('Lobster_1.3-webfont.eot?#iefix') format('embedded-opentype'),
+         url('Lobster_1.3-webfont.woff') format('woff'),
+         url('Lobster_1.3-webfont.ttf') format('truetype'),
+         url('Lobster_1.3-webfont.svg#Lobster13Regular') format('svg');
+    font-weight: normal;
+    font-style: normal;
+
+}
+

resources/library/interactivities/Des.wgt/css/fonts/SF-Toontime/ShyFonts Font License.txt

+By downloading this font package you agree to the following terms
+of use:
+
+ - This FONT PACKAGE is freeware.
+
+ - This FONT PACKAGE may be distributed ONLY via the Internet for
+   FREE.  Under NO circumstances may this FONT PACKAGE be sold for
+   a profit nor be included as part of another product or CD-ROM
+   compilation.  If you wish to include this FONT PACKAGE for FREE
+   distribution on your Web Site, please  include all of the fonts
+   and original documentation supplied with this FONT PACKAGE.
+
+ - You may install and use this FONT PACKAGE on an unlimited
+   amount of machines.
+
+ - You may NOT rename, edit, or create any alternate variations of
+   the fonts included in this FONT PACKAGE.
+
+ - This FONT PACKAGE comes "as is" with NO warranty whatsoever.
+   SHYFONTS accepts NO responsibility for any damages or loss of
+   any kind due to the use of this FONT PACKAGE.  The use of this
+   FONT PACKAGE is solely your responsibility -- you use this FONT
+   PACKAGE at your own risk.
+
+ - Enjoy the fonts!
+
+If you have any question regarding this document or the usage of
+this font package, feel free to contact us at info@shyfonts.com.
+Thank you for downloading this font package and enjoy!
+
+------------------------------------------------------------------------
+©2001 ShyFonts Type Foundry -- http://www.shyfonts.com
\ No newline at end of file

resources/library/interactivities/Des.wgt/css/fonts/SF-Toontime/demo.html

+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
+	"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
+<head>
+	<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
+
+	<title>Font Face Demo</title>
+	<link rel="stylesheet" href="stylesheet.css" type="text/css" charset="utf-8">
+	<style type="text/css" media="screen">
+		h1.fontface {font: 60px/68px 'SFToontimeRegular', Arial, sans-serif;letter-spacing: 0;}
+
+		p.style1 {font: 18px/27px 'SFToontimeRegular', Arial, sans-serif;}
+		p.style2 {font: 18px/27px 'SFToontimeItalic', Arial, sans-serif;}
+		p.style3 {font: 18px/27px 'SFToontimeBold', Arial, sans-serif;}
+		p.style4 {font: 18px/27px 'SFToontimeBoldItalic', Arial, sans-serif;}
+		p.style5 {font: 18px/27px 'SFToontimeBlotchRegular', Arial, sans-serif;}
+		p.style6 {font: 18px/27px 'SFToontimeBlotchItalic', Arial, sans-serif;}
+		
+		#container {
+			width: 800px;
+			margin-left: auto;
+			margin-right: auto;
+		}
+	</style>
+</head>
+
+<body>
+	<div id="container">
+		<h1 class="fontface">FONT-FACE DEMO FOR THE TOONTIME FONT</h1>
+	
+	 
+
+	<p class="style1">SF Toontime Regular - Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
+
+	 
+
+	<p class="style2">SF Toontime Italic - Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
+
+	 
+
+	<p class="style3">SF Toontime Bold - Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
+
+	 
+
+	<p class="style4">SF Toontime Bold Italic - Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
+
+	 
+
+	<p class="style5">SF Toontime Blotch Regular - Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
+
+	 
+
+	<p class="style6">SF Toontime Blotch Italic - Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
+
+		</div>
+</body>
+</html>

resources/library/interactivities/Des.wgt/css/fonts/SF-Toontime/stylesheet.css

+/* Generated by Font Squirrel (http://www.fontsquirrel.com) on March 26, 2012 04:36:35 PM America/New_York */
+
+
+
+@font-face {
+    font-family: 'SFToontimeRegular';
+    src: url('SF_Toontime-webfont.eot');
+    src: url('SF_Toontime-webfont.eot?#iefix') format('embedded-opentype'),
+         url('SF_Toontime-webfont.woff') format('woff'),
+         url('SF_Toontime-webfont.ttf') format('truetype'),
+         url('SF_Toontime-webfont.svg#SFToontimeRegular') format('svg');
+    font-weight: normal;
+    font-style: normal;
+
+}
+
+@font-face {
+    font-family: 'SFToontimeItalic';
+    src: url('SF_Toontime_Italic-webfont.eot');
+    src: url('SF_Toontime_Italic-webfont.eot?#iefix') format('embedded-opentype'),
+         url('SF_Toontime_Italic-webfont.woff') format('woff'),
+         url('SF_Toontime_Italic-webfont.ttf') format('truetype'),
+         url('SF_Toontime_Italic-webfont.svg#SFToontimeItalic') format('svg');
+    font-weight: normal;
+    font-style: normal;
+
+}
+
+@font-face {
+    font-family: 'SFToontimeBold';
+    src: url('SF_Toontime_Bold-webfont.eot');
+    src: url('SF_Toontime_Bold-webfont.eot?#iefix') format('embedded-opentype'),
+         url('SF_Toontime_Bold-webfont.woff') format('woff'),
+         url('SF_Toontime_Bold-webfont.ttf') format('truetype'),
+         url('SF_Toontime_Bold-webfont.svg#SFToontimeBold') format('svg');
+    font-weight: normal;
+    font-style: normal;
+
+}
+
+@font-face {
+    font-family: 'SFToontimeBoldItalic';
+    src: url('SF_Toontime_Bold_Italic-webfont.eot');
+    src: url('SF_Toontime_Bold_Italic-webfont.eot?#iefix') format('embedded-opentype'),
+         url('SF_Toontime_Bold_Italic-webfont.woff') format('woff'),
+         url('SF_Toontime_Bold_Italic-webfont.ttf') format('truetype'),
+         url('SF_Toontime_Bold_Italic-webfont.svg#SFToontimeBoldItalic') format('svg');
+    font-weight: normal;
+    font-style: normal;
+
+}
+
+@font-face {
+    font-family: 'SFToontimeBlotchRegular';
+    src: url('SF_Toontime_Blotch-webfont.eot');
+    src: url('SF_Toontime_Blotch-webfont.eot?#iefix') format('embedded-opentype'),
+         url('SF_Toontime_Blotch-webfont.woff') format('woff'),
+         url('SF_Toontime_Blotch-webfont.ttf') format('truetype'),
+         url('SF_Toontime_Blotch-webfont.svg#SFToontimeBlotchRegular') format('svg');
+    font-weight: normal;
+    font-style: normal;
+
+}
+
+@font-face {
+    font-family: 'SFToontimeBlotchItalic';
+    src: url('SF_Toontime_Blotch_Italic-webfont.eot');
+    src: url('SF_Toontime_Blotch_Italic-webfont.eot?#iefix') format('embedded-opentype'),
+         url('SF_Toontime_Blotch_Italic-webfont.woff') format('woff'),
+         url('SF_Toontime_Blotch_Italic-webfont.ttf') format('truetype'),
+         url('SF_Toontime_Blotch_Italic-webfont.svg#SFToontimeBlotchItalic') format('svg');
+    font-weight: normal;
+    font-style: normal;
+
+}
+

resources/library/interactivities/Des.wgt/css/main.css

+#scene {
+	position: relative;
+}
+
+#dices {
+	display: block;
+	margin: 0 auto;
+}
+
+#launch {
+	text-align: center;
+}
+
+#launch button {
+	margin: 0;
+	padding-top: 90px;	
+	background: url("images/arrow-up.png") center top no-repeat;
+	border: none;
+	cursor: pointer;
+	font-family: "SFToontimeRegular";
+	font-size: 24px;
+	color: #FFF;
+}
\ No newline at end of file

resources/library/interactivities/Des.wgt/css/ubw-help.css

+html, body {
+	margin:0;
+	padding: 0;
+	height: 100%;
+	font-family: "helvetica neue";
+	font-size: 14px;
+	color: #666666;
+}
+
+#body {
+	
+}
+
+#core {
+	width: 100%;
+	height: 100%;
+	
+	position: relative;
+	
+	-webkit-border-radius: 8px;
+	-moz-border-radius: 8px;
+	-ms-border-radius: 8px;
+	border-radius: 8px;
+	
+	-webkit-box-shadow: 0 1px 3px rgba(0,0,0, 0.65);
+	-moz-box-shadow: 0 1px 3px rgba(0,0,0, 0.65);
+	-ms-box-shadow: 0 1px 3px rgba(0,0,0, 0.65);
+	box-shadow: 0 1px 3px rgba(0,0,0, 0.65);
+	background-image: linear-gradient(top, white 0%, #CCC 100%);
+	background-image: -o-linear-gradient(top, white 0%, #CCC 100%);
+	background-image: -moz-linear-gradient(top, white 0%, #CCC 100%);
+	background-image: -webkit-linear-gradient(top, white 0%, #CCC 100%);
+	background-image: -ms-linear-gradient(top, white 0%, #CCC 100%);
+	background-image: -webkit-gradient( linear, 50% top, 50% bottom, color-stop(0, white), color-stop(1, #CCC) );
+}
+
+#core .wrapper {
+	width: 100%;
+	height: 100%;
+	
+	overflow: auto;
+}
+
+#core .wrapper > div {
+	padding: 10px 20px;
+}
\ No newline at end of file

resources/library/interactivities/Des.wgt/css/ubw-main.css

+html, body {
+	margin:0;
+	padding: 0;
+	font-family: "helvetica neue";
+	font-size: 14px;
+	color: #666666;
+}
+
+#ubwidget {
+	position: absolute;
+	top: 0;
+	bottom: 0;
+	left: 0;
+	right: 0;
+	background: url("images/bg.png");
+}
+
+.theme-pad #ubwidget {
+	border-radius: 40px;
+	border-width: 52px;
+	
+	-webkit-border-image: url("images/pad-bd.png") 52 repeat;
+	   -moz-border-image: url("images/pad-bd.png") 52 repeat;
+			border-image: url("images/pad-bd.png") 52 repeat;
+}
+
+.theme-slate #ubwidget {
+	border-radius: 44px;
+	border-width: 52px;
+	
+	-webkit-border-image: url("images/slate-bd.png") 52 repeat;
+	   -moz-border-image: url("images/slate-bd.png") 52 repeat;
+			border-image: url("images/slate-bd.png") 52 repeat;
+}
+
+#ubwidget > .wrapper {
+	position: absolute;
+	top: 0px;
+	bottom: 0px;
+	left: 0px;
+	right: 0px;
+	overflow: hidden;
+}
+
+
+.theme-slate #ubwidget > .wrapper, .theme-pad #ubwidget > .wrapper {
+	position: absolute;
+	top: -49px;
+	bottom: -5px;
+	left: -5px;
+	right: -5px;
+	overflow: hidden;
+}
+
+#toolbar {
+	display: table;
+	width: 100%;
+	height: 44px;
+	font-family: "Lobster13Regular";
+	font-size: 24px;
+	color: #FFCC99;
+	padding:0 10px;
+}
+
+.theme-pad #toolbar, .theme-slate #toolbar {
+	height: 38px;
+	padding: 6px 0 0;
+}
+
+.theme-slate #toolbar {
+	color: #7F613F;
+	text-shadow: #FFDCA9 0 1px 0;
+}
+
+
+#toolbar > * {
+	display: table-cell;
+	height: 100%;
+	vertical-align: middle;
+}
+
+#toolbar .actions {
+	text-align: right;
+}
+
+#toolbar button, h1 {
+	font-weight: normal;
+	font-family: "Lobster13Regular";
+	font-size: 24px;
+	color: #FFCC99;
+	margin: 0;
+}
+
+.theme-slate #toolbar button, .theme-slate h1 {
+	color: #7F613F;
+	text-shadow: #FFDCA9 0 1px 0;
+}
+
+#toolbar button {
+	border: none;
+	padding: none;
+	outline: none;
+	background: none;
+	
+	cursor: pointer;
+	padding-left: 34px;
+	margin-left: 10px;
+	height: 32px;
+}
+
+#toolbar button span {
+	display: block;
+	line-height: 32px;
+}
+
+#toolbar button[role='edit'] {
+	background: url("images/toolbar-edit.png") left top no-repeat;	
+}
+
+#toolbar button[role='view'] {
+	display: none;
+	color: #FFF;
+	background: url("images/toolbar-edit.png") left -32px no-repeat;
+}
+
+#toolbar button[role='reload'] {
+	background: url("images/toolbar-reload.png") left top no-repeat;	
+}
+
+#toolbar button[role='help'] {
+	background: url("images/toolbar-help.png") left top no-repeat;	
+	display: none;
+}
+
+.hasHelp #toolbar button[role='help'] {
+	display: inline-block;
+}
+
+.showHelp #toolbar button[role='help'] {
+	color: #FFF;
+	background-position: left -32px;
+}
+
+.theme-slate #toolbar button[role='edit'] {
+	background-image: url("images/slate-toolbar-edit.png");
+}
+
+.theme-slate #toolbar button[role='view'] {
+	text-shadow: #7F613F 0 -1px 0;
+	background: url("images/slate-toolbar-edit.png") left -32px no-repeat;
+}
+
+.theme-slate #toolbar button[role='reload'] {
+	background-image: url("images/slate-toolbar-reload.png");
+}
+
+.theme-slate #toolbar button[role='help'] {
+	background-image: url("images/slate-toolbar-help.png");
+}
+
+.showHelp.theme-slate #toolbar button[role='help'] {
+	text-shadow: #7F613F 0 -1px 0;
+}
+
+
+.onEdit #toolbar button[role='view'] {
+	display: inline-block;
+}
+
+.onEdit #toolbar button[role='edit'] {
+	display: none;
+}
+
+#help {
+	width: 300px;
+	height: 400px;
+	position: absolute;
+	margin-top: 10px;
+	right: 10px;
+	z-index: 10000;
+	display: none;
+}
+
+.showHelp #help {
+	display: block;
+}
+
+#content {
+	position: absolute;
+	top: 44px;
+	bottom: 0;
+	overflow: auto;
+	left: 0;
+	right: 0;
+
+	background-image: -moz-radial-gradient(center center, ellipse closest-side, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0) 100%);
+	background-image: -webkit-radial-gradient(center center, ellipse closest-side, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0) 100%);
+	background-image: -o-radial-gradient(center center, ellipse closest-side, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0) 100%);
+	background-image: -ms-radial-gradient(center center, ellipse closest-side, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0) 100%);
+	background-image: radial-gradient(center center, ellipse closest-side, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0) 100%);
+}
+
+#parameters {
+	display:none;
+	padding: 10px 20px;
+	background: url("images/parameters-bg.png");
+	
+	-webkit-border-radius: 4px 4px 0 0;
+	   -moz-border-radius: 4px 4px 0 0;
+		-mz-border-radius: 4px 4px 0 0;
+			border-radius: 4px 4px 0 0;
+}
+
+#parameters label {
+	font-style: italic;
+}
+
+#parameters  label > select, #parameters  label > input{
+	margin-left: 10px;
+}
+
+#parameters > div.inline {
+	display: inline-block;
+}
+
+#parameters > div.inline+div.inline {
+	margin-left: 20px;
+}
+
+#parameters input[type=text],
+#parameters input[type=number] {
+	height: 26px;
+	border: 1px solid #BBB;
+	background-color: #FFF;
+	
+	padding: 0 4px;
+	
+	-webkit-border-radius: 4px;
+	   -moz-border-radius: 4px;
+	    -ms-border-radius: 4px;
+			border-radius: 4px;
+	
+	-webkit-box-shadow: 0 1px 0 #FFF;
+	   -moz-box-shadow: 0 1px 0 #FFF;
+	    -ms-box-shadow: 0 1px 0 #FFF;
+			box-shadow: 0 1px 0 #FFF;
+}
+
+#parameters input.tiny {
+	width: 40px;
+}
+
+#parameters input.small {
+	width: 80px;
+}
+
+#parameters input.medium {
+	width: 120px;
+}
+
+#parameters input.long {
+	width: 160px;
+}
+
+#scene {
+	padding: 20px;
+}
+
+#scene > * {
+	margin: 0 auto;
+}
+.onEdit #scene {
+}
+
+.onEdit #parameters {
+	display: block;
+}
+
+/*
+.card-container {
+  	-webkit-perspective: 600px;
+	width:100%;
+	height: 100%;
+}
+.card {
+	position: relative;
+	width:100%;
+	height: 100%;
+}
+.card > div {
+	position: absolute;
+	width:100%;
+	height: 100%;
+	-webkit-transform-style: preserve-3d;
+  	-webkit-transition: all .5s ease-in-out;
+	-webkit-backface-visibility: hidden;
+}
+.card > div:first-child {
+	-webkit-transform: rotateY( 0deg );
+}
+.card > div:last-child {
+	-webkit-transform: rotateY( -180deg );
+}
+.card.flip > div:first-child {
+	-webkit-transform: rotateY( 180deg );
+}
+.card.flip > div:last-child {
+	-webkit-transform: rotateY( 0deg );
+}
+*/
\ No newline at end of file

resources/library/interactivities/Des.wgt/help.html

+<!doctype html>
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+<head>
+	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
+	<!--
+	<link rel="stylesheet" href="css/fonts/Lobster/stylesheet.css">
+	<link rel="stylesheet" href="css/fonts/SF-Toontime/stylesheet.css">	
+    -->
+	<link rel="stylesheet" href="css/ubw-help.css">
+
+	<script src="js/lib/modernizr.js" type="text/javascript"></script>
+	<script src="js/lib/jquery-1.7.1.min.js" type="text/javascript"></script>
+	<script src="js/lib/mustache.js" type="text/javascript"></script>
+</head>
+
+<body>
+    <div id="core">
+		<div class="wrapper">
+			<div>
+				<script>
+					function loadFile(filename, locale) {
+						var toload = filename;
+						var nextlocale = undefined;
+						
+						if(locale.length >= 5) {
+							toload += '_' + locale.substring(0, 5) +'-template.js';
+							nextlocale = locale.substring(0, 2);
+						}
+							
+						else if(locale.length >= 2){
+							toload += '_' + locale.substring(0, 2) +'-template.js';
+							nextlocale = '';
+						}
+						else
+							toload += '-template.js';
+						    
+						$.ajax({
+					        url:        toload,
+					        async:      false,
+					        contentType:'text/plain;charset=UTF-8',
+					        dataType:   'text',
+					        success:    function(data, status) {
+								$("#core>.wrapper>div").html(Mustache.render(data, window));                   
+							},
+							statusCode: {
+								404: function() {
+									if(nextlocale !== undefined)
+										loadFile(filename, nextlocale);
+								}
+							}
+					    });
+					}
+					$(document).ready(function(){
+						var locale = window.parent.sankore ? window.parent.sankore.locale() : "";
+						loadFile("js/help", locale);
+					});
+				</script>
+			</div>
+		</div>
+    </div>
+</body>
+
+</html>
\ No newline at end of file

resources/library/interactivities/Des.wgt/i18n/Messages.properties

+fr.njin.i18n.document.title = Dices
+
+fr.njin.i18n.toolbar.edit = Edit
+fr.njin.i18n.toolbar.view = Close
+fr.njin.i18n.toolbar.reload = Reload
+fr.njin.i18n.toolbar.help = Help
+
+fr.njin.i18n.parameters.label.themes = Theme
+fr.njin.i18n.parameters.label.slate.themes = slate
+fr.njin.i18n.parameters.label.pad.themes = pad
+fr.njin.i18n.parameters.label.none.themes = none
+
+fr.njin.i18n.de.parameters.label.count = Number of dices
+fr.njin.i18n.de.actions.label.launch = Roll !
\ No newline at end of file

resources/library/interactivities/Des.wgt/i18n/Messages_fr.properties

+fr.njin.i18n.document.title = Dés
+
+fr.njin.i18n.toolbar.edit = Editer
+fr.njin.i18n.toolbar.view = Fermer
+fr.njin.i18n.toolbar.reload = Recharger
+fr.njin.i18n.toolbar.help = Aide
+
+fr.njin.i18n.parameters.label.themes = Thème
+fr.njin.i18n.parameters.label.slate.themes = ardoise
+fr.njin.i18n.parameters.label.pad.themes = tablette
+fr.njin.i18n.parameters.label.none.themes = aucun
+
+fr.njin.i18n.de.parameters.label.count = Nombre de dés
+fr.njin.i18n.de.actions.label.launch = Lancer !
\ No newline at end of file

resources/library/interactivities/Des.wgt/index.html

+<!doctype html>
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+<head>
+	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
+
+	<!-- Les fonts bug dans Open Sankoré -->
+	<!--
+	<link rel="stylesheet" href="css/fonts/Lobster/stylesheet.css">
+	<link rel="stylesheet" href="css/fonts/SF-Toontime/stylesheet.css">	
+	-->
+    <link rel="stylesheet" href="css/main.css">
+	<link rel="stylesheet" href="css/ubw-main.css">
+
+	<script src="js/templates.js" type="text/javascript" charset="utf-8"></script>
+	
+	<script src="js/lib/modernizr.js" type="text/javascript"></script>
+	<script src="js/lib/jquery-1.7.1.min.js" type="text/javascript"></script>
+	<script src="js/lib/jquery-css-transform.js" type="text/javascript"></script>
+	<script src="js/lib/jquery.i18n.properties-min-1.0.9.js" type="text/javascript" charset="utf-8"></script>
+	<script src="js/lib/mustache.js" type="text/javascript"></script>
+	<script src="js/lib/ubw-main.js" type="text/javascript"></script>
+	<script src="js/main.js" type="text/javascript" charset="utf-8"></script>
+	
+</head>
+
+<body class="hasHelp">
+    <div id="ubwidget" data-count="3" data-themes="pad">
+		<div class="wrapper">
+			<div id="toolbar">
+			</div>
+			<div id="help">
+				<iframe src="help.html" width="100%" height="100%" frameborder="0"></iframe>
+			</div>
+			<div id="content">
+				<div id="parameters">
+				</div>
+				<div id="scene">
+					<div>
+						<canvas id="dices" width="640" height="280"></canvas>
+						<div id="actions">
+							<div id="launch">
+								<button type="button"></button>
+							</div>
+						</div>
+					</div>
+				</div>
+			</div>
+		</div>
+    </div>
+</body>
+
+</html>
\ No newline at end of file

resources/library/interactivities/Des.wgt/js/help-template.js

+<h3>Dices</h3>
+<h4>Oral calculation or for various games</h4>
+<p>The dices App allows you to display random dices faces.</p>
+<p>By clicking on the arrow or on "Launch" button you have a new set of results.
+You can work the oral calculation with the displayed results or playing to "the account is good".
+</p>
+<p>The calculations and reasoning can be written on the whiteboard (outside the App).</p>
+
+<p>The "Edit" button allows you to :</p>
+<ul>
+	<li>choose the theme of the App : tablet, slate, or none (by default tablet),</li>
+	<li>determine the number of dices you want to use for your activity (2-6).</li>
+</ul>
\ No newline at end of file

resources/library/interactivities/Des.wgt/js/help_fr-template.js

+<h3>Dés</h3>
+<h4>Calcul oral ou jeux divers</h4>
+<p>L'App dés vous permet d'afficher des faces de dés de manière aléatoire.</p>
+<p>En cliquant sur la flèche ou "Lancer" vous afficher une nouvelle série de résultats.
+Avec cette App, vous pouvez notamment travailler le calcul oral avec les résultats affichés ou en jouant "au  compte est bon".
+</p>
+<p>Les calculs et le raisonnement peuvent être saisis sur le tableau (en dehors de l'App).</p>
+
+<p>Le bouton "éditer" vous permet de :</p>
+<ul>
+	<li>choisir le thème de l'interactivité : tablette, ardoise ou aucun (par défaut tablette),</li>
+	<li>déterminer le nombre de dés que vous voulez utiliser pour votre activité (2-6).</li>
+</ul>
\ No newline at end of file

resources/library/interactivities/Des.wgt/js/templates.js

+var toolbarTemplate = 	
+			'<h1 class="title">{{fr.njin.i18n.document.title}}</h1>'+
+			'<div class="actions">'+
+				'<button role="edit"><span>{{fr.njin.i18n.toolbar.edit}}</span></button>'+
+				'<button role="view"><span>{{fr.njin.i18n.toolbar.view}}</span></button>'+
+				'<button role="help"><span>{{fr.njin.i18n.toolbar.help}}</span></button>'+
+			'</div>';
+			
+var parametersTemplate = 
+			'<div class="inline">'+
+				'<label>{{fr.njin.i18n.parameters.label.themes}}'+
+					'<select name="themes" role="parameter">'+
+						'<option value="pad">{{fr.njin.i18n.parameters.label.pad.themes}}</option>'+					
+						'<option value="slate">{{fr.njin.i18n.parameters.label.slate.themes}}</option>'+
+						'<option value="none">{{fr.njin.i18n.parameters.label.none.themes}}</option>'+
+					'</select>'+
+				'</label>'+
+			'</div>'+
+			'<div class="inline">'+
+				'<label>{{fr.njin.i18n.de.parameters.label.count}}'+
+					'<select name="count" role="parameter">'+
+						'<option value="2">2</option>'+
+						'<option value="3">3</option>'+						
+						'<option value="4">4</option>'+						
+						'<option value="5">5</option>'+						
+						'<option value="6">6</option>'+						
+					'</select>'+
+				'</label>'+
+			'</div>';