+
Font-face Demo for the Lobster Font
+
+
+
+
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.
+
+
+
+
diff --git a/resources/inDevelopmentWidgets/Cadran.wgt/css/fonts/Lobster/stylesheet.css b/resources/inDevelopmentWidgets/Cadran.wgt/css/fonts/Lobster/stylesheet.css
new file mode 100755
index 00000000..d19342e7
--- /dev/null
+++ b/resources/inDevelopmentWidgets/Cadran.wgt/css/fonts/Lobster/stylesheet.css
@@ -0,0 +1,16 @@
+/* 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;
+
+}
+
diff --git a/resources/inDevelopmentWidgets/Cadran.wgt/css/fonts/SF-Toontime/SF_Toontime-webfont.eot b/resources/inDevelopmentWidgets/Cadran.wgt/css/fonts/SF-Toontime/SF_Toontime-webfont.eot
new file mode 100755
index 00000000..3bff5391
Binary files /dev/null and b/resources/inDevelopmentWidgets/Cadran.wgt/css/fonts/SF-Toontime/SF_Toontime-webfont.eot differ
diff --git a/resources/inDevelopmentWidgets/Cadran.wgt/css/fonts/SF-Toontime/SF_Toontime-webfont.svg b/resources/inDevelopmentWidgets/Cadran.wgt/css/fonts/SF-Toontime/SF_Toontime-webfont.svg
new file mode 100755
index 00000000..81933f60
--- /dev/null
+++ b/resources/inDevelopmentWidgets/Cadran.wgt/css/fonts/SF-Toontime/SF_Toontime-webfont.svg
@@ -0,0 +1,237 @@
+
+
+
+
FONT-FACE DEMO FOR THE TOONTIME FONT
+
+
+
+
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.
+
+
+
+
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.
+
+
+
+
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.
+
+
+
+
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.
+
+
+
+
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.
+
+
+
+
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.
+
+
+
+
diff --git a/resources/inDevelopmentWidgets/Cadran.wgt/css/fonts/SF-Toontime/stylesheet.css b/resources/inDevelopmentWidgets/Cadran.wgt/css/fonts/SF-Toontime/stylesheet.css
new file mode 100755
index 00000000..cf4371ae
--- /dev/null
+++ b/resources/inDevelopmentWidgets/Cadran.wgt/css/fonts/SF-Toontime/stylesheet.css
@@ -0,0 +1,76 @@
+/* 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;
+
+}
+
diff --git a/resources/inDevelopmentWidgets/Cadran.wgt/css/images/bg.png b/resources/inDevelopmentWidgets/Cadran.wgt/css/images/bg.png
new file mode 100644
index 00000000..61c3c6f3
Binary files /dev/null and b/resources/inDevelopmentWidgets/Cadran.wgt/css/images/bg.png differ
diff --git a/resources/inDevelopmentWidgets/Cadran.wgt/css/images/pad-bd.png b/resources/inDevelopmentWidgets/Cadran.wgt/css/images/pad-bd.png
new file mode 100644
index 00000000..91b7c707
Binary files /dev/null and b/resources/inDevelopmentWidgets/Cadran.wgt/css/images/pad-bd.png differ
diff --git a/resources/inDevelopmentWidgets/Cadran.wgt/css/images/parameters-bg.png b/resources/inDevelopmentWidgets/Cadran.wgt/css/images/parameters-bg.png
new file mode 100644
index 00000000..36f648e1
Binary files /dev/null and b/resources/inDevelopmentWidgets/Cadran.wgt/css/images/parameters-bg.png differ
diff --git a/resources/inDevelopmentWidgets/Cadran.wgt/css/images/slate-bd.png b/resources/inDevelopmentWidgets/Cadran.wgt/css/images/slate-bd.png
new file mode 100644
index 00000000..bc8bded0
Binary files /dev/null and b/resources/inDevelopmentWidgets/Cadran.wgt/css/images/slate-bd.png differ
diff --git a/resources/inDevelopmentWidgets/Cadran.wgt/css/images/slate-toolbar-edit.png b/resources/inDevelopmentWidgets/Cadran.wgt/css/images/slate-toolbar-edit.png
new file mode 100644
index 00000000..f3896d0c
Binary files /dev/null and b/resources/inDevelopmentWidgets/Cadran.wgt/css/images/slate-toolbar-edit.png differ
diff --git a/resources/inDevelopmentWidgets/Cadran.wgt/css/images/slate-toolbar-help.png b/resources/inDevelopmentWidgets/Cadran.wgt/css/images/slate-toolbar-help.png
new file mode 100644
index 00000000..fb7cdeba
Binary files /dev/null and b/resources/inDevelopmentWidgets/Cadran.wgt/css/images/slate-toolbar-help.png differ
diff --git a/resources/inDevelopmentWidgets/Cadran.wgt/css/images/slate-toolbar-reload.png b/resources/inDevelopmentWidgets/Cadran.wgt/css/images/slate-toolbar-reload.png
new file mode 100644
index 00000000..844169a9
Binary files /dev/null and b/resources/inDevelopmentWidgets/Cadran.wgt/css/images/slate-toolbar-reload.png differ
diff --git a/resources/inDevelopmentWidgets/Cadran.wgt/css/images/toolbar-edit.png b/resources/inDevelopmentWidgets/Cadran.wgt/css/images/toolbar-edit.png
new file mode 100644
index 00000000..daa338cd
Binary files /dev/null and b/resources/inDevelopmentWidgets/Cadran.wgt/css/images/toolbar-edit.png differ
diff --git a/resources/inDevelopmentWidgets/Cadran.wgt/css/images/toolbar-help.png b/resources/inDevelopmentWidgets/Cadran.wgt/css/images/toolbar-help.png
new file mode 100644
index 00000000..6c4454c0
Binary files /dev/null and b/resources/inDevelopmentWidgets/Cadran.wgt/css/images/toolbar-help.png differ
diff --git a/resources/inDevelopmentWidgets/Cadran.wgt/css/images/toolbar-reload.png b/resources/inDevelopmentWidgets/Cadran.wgt/css/images/toolbar-reload.png
new file mode 100644
index 00000000..340d7371
Binary files /dev/null and b/resources/inDevelopmentWidgets/Cadran.wgt/css/images/toolbar-reload.png differ
diff --git a/resources/inDevelopmentWidgets/Cadran.wgt/css/main.css b/resources/inDevelopmentWidgets/Cadran.wgt/css/main.css
new file mode 100644
index 00000000..fb8fc908
--- /dev/null
+++ b/resources/inDevelopmentWidgets/Cadran.wgt/css/main.css
@@ -0,0 +1,184 @@
+.selected,
+.result,
+.input {
+ color: #FFCC99;
+}
+
+#disc {
+ position: relative;
+ margin: 200px auto 0;
+
+ color: #FFF;
+
+ text-shadow: 0px 1px 2px #000;
+}
+
+#disc .circle {
+ position: absolute;
+ top: 50%;
+ left: 50%;
+ border-radius: 50%;
+}
+
+.result {
+ width: 430px;
+ height: 430px;
+
+ margin-top: -215px;
+ margin-left: -215px;
+
+ -webkit-transition: all 0.25s ease-in-out;
+}
+
+.hide {
+ visibility: hidden;
+}
+
+.numbers {
+ width: 300px;
+ height: 300px;
+ border: 4px solid #FFF;
+
+ margin-top: -150px;
+ margin-left: -150px;
+
+ background-color: rgba(0,0,0,0.2);
+
+}
+
+.operators {
+ width: 170px;
+ height: 170px;
+ border: 4px solid #FFF;
+
+ margin-top: -85px;
+ margin-left: -85px;
+
+ background-color: rgba(0,0,0,0.2);
+}
+
+.input {
+ width: 90px;
+ height: 90px;
+ border: 4px solid #FFF;
+
+ margin-top: -45px;
+ margin-left: -45px;
+
+ background-color: rgba(0,0,0,0.2);
+ box-shadow: inset 0px 0px 4px #000;
+}
+
+.result > div,
+.numbers > div,
+.operators > div {
+ position: absolute;
+ top: 0px;
+ bottom: 50%;
+ left: 50%;
+ text-align: center;
+ -webkit-transform-origin: 50% 100%;
+}
+
+.numbers > div {
+ width: 40px;
+ font-size: 32px;
+ line-height: 32px;
+ margin-left: -20px;
+}
+
+.operators > div {
+ width: 20px;
+ font-size: 28px;
+ line-height: 20px;
+ margin-left: -10px;
+}
+
+.result > div > div,
+.numbers > div > div,
+.operators > div > div {
+ cursor: pointer;
+}
+
+.numbers > div > div {
+ padding: 15px 0;
+}
+
+.operators > div > div {
+ padding: 5px 0;
+}
+
+.input > div {
+ padding: 0 8px;
+ font-size: 40px;
+ line-height: 90px;
+ text-align: center;
+}
+
+.result {
+ -webkit-perspective: 600px;
+}
+
+.result > div {
+ width: 60px;
+ font-size: 50px;
+ line-height: 40px;
+ margin-left: -30px;
+ text-align: center;
+}
+
+#result {
+ height: 40px;
+}
+
+#result > div {
+ position: relative;
+ overflow: hidden;
+ height: 100%;
+}
+#result > div > div {
+ position: absolute;
+ width: 100%;
+}
+
+.reste {
+ font-size: 24px;
+}
+
+.csstransforms3d #result > div > div {
+ -webkit-transform-style: preserve-3d !important;
+ -webkit-transition: all .5s ease-in-out;
+ -webkit-backface-visibility: hidden;
+}
+
+.csstransforms3d #result > div > div:first-child {
+ -webkit-transform: rotateY( 0deg );
+}
+
+.no-csstransforms3d #result > div > div:first-child {
+ display: block;
+}
+
+.csstransforms3d #result > div > div:last-child {
+ -webkit-transform: rotateY( -180deg );
+}
+
+.no-csstransforms3d #result > div > div:last-child {
+ display: none;
+}
+
+.csstransforms3d #result.flip > div > div:first-child {
+ -webkit-transform: rotateY( 180deg );
+}
+
+.no-csstransforms3d #result.flip > div > div:first-child {
+ display: none;
+}
+
+.csstransforms3d #result.flip > div > div:last-child {
+ -webkit-transform: rotateY( 0deg );
+}
+
+.no-csstransforms3d #result.flip > div > div:last-child {
+ display: block;
+}
\ No newline at end of file
diff --git a/resources/inDevelopmentWidgets/Cadran.wgt/css/ubw-help.css b/resources/inDevelopmentWidgets/Cadran.wgt/css/ubw-help.css
new file mode 100644
index 00000000..57c83fd3
--- /dev/null
+++ b/resources/inDevelopmentWidgets/Cadran.wgt/css/ubw-help.css
@@ -0,0 +1,46 @@
+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
diff --git a/resources/inDevelopmentWidgets/Cadran.wgt/css/ubw-main.css b/resources/inDevelopmentWidgets/Cadran.wgt/css/ubw-main.css
new file mode 100644
index 00000000..09b0a91b
--- /dev/null
+++ b/resources/inDevelopmentWidgets/Cadran.wgt/css/ubw-main.css
@@ -0,0 +1,310 @@
+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
diff --git a/resources/inDevelopmentWidgets/Cadran.wgt/help.html b/resources/inDevelopmentWidgets/Cadran.wgt/help.html
new file mode 100644
index 00000000..1348efdc
--- /dev/null
+++ b/resources/inDevelopmentWidgets/Cadran.wgt/help.html
@@ -0,0 +1,62 @@
+
+
+
+
+