27 files changed, 163 insertions, 6 deletions

diff --git a/WebContent/VAADIN/themes/runo/absolutelayout/absolutelayout.css b/WebContent/VAADIN/themes/runo/absolutelayout/absolutelayout.scss
index 9373b73db8..623110ff63 100644
--- a/WebContent/VAADIN/themes/runo/absolutelayout/absolutelayout.css
+++ b/WebContent/VAADIN/themes/runo/absolutelayout/absolutelayout.scss
@@ -1,4 +1,8 @@
+@mixin runo-absolutelayout {
+
 .v-absolutelayout-wrapper {
 	position: absolute;
 	overflow:hidden;
 }
+
+}
\ No newline at end of file
diff --git a/WebContent/VAADIN/themes/runo/accordion/accordion.css b/WebContent/VAADIN/themes/runo/accordion/accordion.scss
index cad4bb94ba..f9c9487536 100644
--- a/WebContent/VAADIN/themes/runo/accordion/accordion.css
+++ b/WebContent/VAADIN/themes/runo/accordion/accordion.scss
@@ -1,3 +1,5 @@
+@mixin runo-accordion {
+
 .v-accordion-item-caption {
 	height: 31px;
 	background: #edf0f0 url(img/bg.png);
@@ -45,4 +47,6 @@
 	-moz-border-radius: 12px;
 	border-radius: 12px;
 	background-position: 15px 50%;
+}
+
 }
\ No newline at end of file
diff --git a/WebContent/VAADIN/themes/runo/button/button.css b/WebContent/VAADIN/themes/runo/button/button.scss
index 5515db5aec..5da6211804 100644
--- a/WebContent/VAADIN/themes/runo/button/button.css
+++ b/WebContent/VAADIN/themes/runo/button/button.scss
@@ -1,3 +1,5 @@
+@mixin runo-button {
+
 .v-button {
 	padding: 1px;
 	border: none;
@@ -26,7 +28,7 @@
 	border-color: rgba(146,151,152,.9);
 	border-top-color: rgba(146,151,152,1);
 	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.4) inset;
-	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.4) inset;;
+	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.4) inset;
 	text-shadow: none;
 	}
 
@@ -96,8 +98,8 @@
 	border-bottom-color: #747f82;
 	color: #f0f2f2;
 	text-shadow: 0 -1px 0 #5d6969;
-	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.4) inset;;
-	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.4) inset;;
+	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.4) inset;
+	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.4) inset;
 	}
 
 .v-button-default .v-button-wrap,
@@ -154,3 +156,5 @@
 .v-checkbox .v-errorindicator {
 	padding-left: 10px;
 	}
+
+}
\ No newline at end of file
diff --git a/WebContent/VAADIN/themes/runo/caption/caption.css b/WebContent/VAADIN/themes/runo/caption/caption.scss
index 93d7874665..dab33c99c7 100644
--- a/WebContent/VAADIN/themes/runo/caption/caption.css
+++ b/WebContent/VAADIN/themes/runo/caption/caption.scss
@@ -1,3 +1,5 @@
+@mixin runo-caption {
+
 .v-captionwrapper {
 	margin: 0.3em 0 0 0;
 }
@@ -6,3 +8,5 @@
 	height: 16px;
 	background: transparent url(../icons/16/error.png) no-repeat top right;
 }
+
+}
diff --git a/WebContent/VAADIN/themes/runo/common/common.css b/WebContent/VAADIN/themes/runo/common/common.scss
index 2b3aa372a2..a7c8d7ab7e 100644
--- a/WebContent/VAADIN/themes/runo/common/common.css
+++ b/WebContent/VAADIN/themes/runo/common/common.scss
@@ -1,3 +1,5 @@
+@mixin runo-common {
+
 .v-generated-body {
 	background: #e9eced;
 }
@@ -105,4 +107,6 @@
 .v-embedded-icon-16 img {
 	width:16px;
 	height:16px;
+}
+
 }
\ No newline at end of file
diff --git a/WebContent/VAADIN/themes/runo/datefield/datefield.css b/WebContent/VAADIN/themes/runo/datefield/datefield.scss
index 0bfa060a09..57ad061b65 100644
--- a/WebContent/VAADIN/themes/runo/datefield/datefield.css
+++ b/WebContent/VAADIN/themes/runo/datefield/datefield.scss
@@ -1,3 +1,5 @@
+@mixin runo-datefield {
+
 .v-datefield input.v-textfield,
 .v-datefield input.v-textfield[type=text] {
 	height: 18px;
@@ -107,7 +109,7 @@ td.v-datefield-calendarpanel-month {
 .v-datefield-calendarpanel-day-today {
 	border: 1px solid #429ce9;
 	width: 12px;
-	height: 14px
+	height: 14px;
 }
 .v-datefield-calendarpanel-day-entry {
 	color: #6a98b5;
@@ -143,3 +145,5 @@ td.v-datefield-calendarpanel-month {
 	color: #999;
 	font-style: normal;
 }
+
+}
\ No newline at end of file
diff --git a/WebContent/VAADIN/themes/runo/formlayout/formlayout.css b/WebContent/VAADIN/themes/runo/formlayout/formlayout.scss
index 466baafd8c..0766269d8b 100644
--- a/WebContent/VAADIN/themes/runo/formlayout/formlayout.css
+++ b/WebContent/VAADIN/themes/runo/formlayout/formlayout.scss
@@ -1,3 +1,5 @@
+@mixin runo-formlayout {
+
 .v-formlayout-cell .v-errorindicator {
 	width: 10px;
 	height: 16px;
@@ -51,4 +53,6 @@
 	padding: 0 4px 0.3em 4px;
 	font-weight: bold;
 	color: #464f52;
+}
+
 }
\ No newline at end of file
diff --git a/WebContent/VAADIN/themes/runo/gridlayout/gridlayout.css b/WebContent/VAADIN/themes/runo/gridlayout/gridlayout.scss
index a9c1fef15e..a8e9f7a7cd 100644
--- a/WebContent/VAADIN/themes/runo/gridlayout/gridlayout.css
+++ b/WebContent/VAADIN/themes/runo/gridlayout/gridlayout.scss
@@ -1,3 +1,5 @@
+@mixin runo-gridlayout {
+
 .v-gridlayout-margin-top {
 	padding-top: 15px;
 }
@@ -13,4 +15,6 @@
 .v-gridlayout-spacing-on {
 	padding-left: 8px;
 	padding-top: 8px;
+}
+
 }
\ No newline at end of file
diff --git a/WebContent/VAADIN/themes/runo/label/label.css b/WebContent/VAADIN/themes/runo/label/label.scss
index e851bd74f3..94bb5637e9 100644
--- a/WebContent/VAADIN/themes/runo/label/label.css
+++ b/WebContent/VAADIN/themes/runo/label/label.scss
@@ -1,3 +1,5 @@
+@mixin runo-label {
+
 .v-label h1,
 .v-label h2,
 .v-label h3,
@@ -67,4 +69,6 @@
 .v-sa .v-label hr,
 .v-ie8 .v-label hr {
 	height: 1px;
+}
+
 }
\ No newline at end of file
diff --git a/WebContent/VAADIN/themes/runo/link/link.css b/WebContent/VAADIN/themes/runo/link/link.scss
index a123156cb6..8c08a718b8 100644
--- a/WebContent/VAADIN/themes/runo/link/link.css
+++ b/WebContent/VAADIN/themes/runo/link/link.scss
@@ -1,3 +1,7 @@
+@mixin runo-link {
+
 .v-link a {
 	color: #464f52;
+}
+
 }
\ No newline at end of file
diff --git a/WebContent/VAADIN/themes/runo/menubar/menubar.css b/WebContent/VAADIN/themes/runo/menubar/menubar.scss
index 91cf78189d..a9c26a4b24 100644
--- a/WebContent/VAADIN/themes/runo/menubar/menubar.css
+++ b/WebContent/VAADIN/themes/runo/menubar/menubar.scss
@@ -1,3 +1,5 @@
+@mixin runo-menubar {
+
 .v-menubar {
 	color: #464f52;
 	border-left: 1px solid #c6cbcc;
@@ -32,4 +34,6 @@
 }
 .v-menubar-submenu .v-menubar-menuitem-caption .v-icon { 
 	vertical-align: middle;
+}
+
 }
\ No newline at end of file
diff --git a/WebContent/VAADIN/themes/runo/notification/notification.css b/WebContent/VAADIN/themes/runo/notification/notification.scss
index 1d9f868a14..f81f304923 100644
--- a/WebContent/VAADIN/themes/runo/notification/notification.css
+++ b/WebContent/VAADIN/themes/runo/notification/notification.scss
@@ -1,3 +1,5 @@
+@mixin runo-notification {
+
 .v-Notification {
 	font-family: "Trebuchet MS", geneva, helvetica, arial, tahoma, verdana, sans-serif;
 	background-color: #94a0a3;
@@ -64,4 +66,6 @@
 	background-color: #ff0a0a;
 	font-size: .9em;
 	padding: 14px 32px;
+}
+
 }
\ No newline at end of file
diff --git a/WebContent/VAADIN/themes/runo/orderedlayout/orderedlayout.css b/WebContent/VAADIN/themes/runo/orderedlayout/orderedlayout.scss
index 8738ac89d1..37ae0279b6 100644
--- a/WebContent/VAADIN/themes/runo/orderedlayout/orderedlayout.css
+++ b/WebContent/VAADIN/themes/runo/orderedlayout/orderedlayout.scss
@@ -1,3 +1,5 @@
+@mixin runo-orderedlayout {
+
 .v-orderedlayout-margin-top,
 .v-horizontallayout-margin-top,
 .v-verticallayout-margin-top,
@@ -113,4 +115,6 @@ div.v-csslayout-box-shadow {
 .v-gecko .v-csslayout-box-shadow > .v-csslayout-margin {
 	-webkit-box-shadow: 0 2px 8px rgba(0,0,0,.4);
 	-moz-box-shadow: 0 2px 8px rgba(0,0,0,.4);
+}
+
 }
\ No newline at end of file
diff --git a/WebContent/VAADIN/themes/runo/panel/panel.css b/WebContent/VAADIN/themes/runo/panel/panel.scss
index 138fb07f9c..5963f73434 100644
--- a/WebContent/VAADIN/themes/runo/panel/panel.css
+++ b/WebContent/VAADIN/themes/runo/panel/panel.scss
@@ -1,3 +1,5 @@
+@mixin runo-panel {
+
 .v-panel {
 	background: transparent url(img/top-left.png) no-repeat;
 }
@@ -76,4 +78,6 @@
 .v-ie8 .v-panel-deco { 
 	height: 0;
 	overflow: hidden;
+}
+
 }
\ No newline at end of file
diff --git a/WebContent/VAADIN/themes/runo/popupview/popupview.css b/WebContent/VAADIN/themes/runo/popupview/popupview.scss
index bbbfb69108..ddae62902e 100644
--- a/WebContent/VAADIN/themes/runo/popupview/popupview.css
+++ b/WebContent/VAADIN/themes/runo/popupview/popupview.scss
@@ -1,3 +1,5 @@
+@mixin runo-popupview {
+
 .v-popupview {
 	background: transparent;
 }
@@ -6,4 +8,6 @@
 	border-bottom: 1px solid #dee2e3;
 	background: #fff;
 	padding: 3px;
+}
+
 }
\ No newline at end of file
diff --git a/WebContent/VAADIN/themes/runo/progressindicator/progressindicator.css b/WebContent/VAADIN/themes/runo/progressindicator/progressindicator.scss
index d8c110471a..31d4493b78 100644
--- a/WebContent/VAADIN/themes/runo/progressindicator/progressindicator.css
+++ b/WebContent/VAADIN/themes/runo/progressindicator/progressindicator.scss
@@ -1,3 +1,5 @@
+@mixin runo-progressindicator {
+
 .v-progressindicator-wrapper {
 	background: #dfe2e4 url(img/base.gif) repeat-x;
 	border: 1px solid #b6bbbc;
@@ -16,4 +18,6 @@
 }
 .v-progressindicator-indeterminate-disabled {
 	background: #dfe2e4;
+}
+
 }
\ No newline at end of file
diff --git a/WebContent/VAADIN/themes/runo/runo.scss b/WebContent/VAADIN/themes/runo/runo.scss
new file mode 100644
index 0000000000..9ef3ed118a
--- /dev/null
+++ b/WebContent/VAADIN/themes/runo/runo.scss
@@ -0,0 +1,27 @@
+// this file just defines all runo mixins by importing them
+
+@import "absolutelayout/absolutelayout.scss";
+@import "accordion/accordion.scss";
+@import "button/button.scss";
+@import "caption/caption.scss";
+@import "common/common.scss";
+@import "datefield/datefield.scss";
+@import "formlayout/formlayout.scss";
+@import "gridlayout/gridlayout.scss";
+@import "label/label.scss";
+@import "link/link.scss";
+@import "menubar/menubar.scss";
+@import "notification/notification.scss";
+@import "orderedlayout/orderedlayout.scss";
+@import "panel/panel.scss";
+@import "popupview/popupview.scss";
+@import "progressindicator/progressindicator.scss";
+@import "select/select.scss";
+@import "shadow/shadow.scss";
+@import "slider/slider.scss";
+@import "splitpanel/splitpanel.scss";
+@import "table/table.scss";
+@import "tabsheet/tabsheet.scss";
+@import "textfield/textfield.scss";
+@import "tree/tree.scss";
+@import "window/window.scss";
diff --git a/WebContent/VAADIN/themes/runo/select/select.css b/WebContent/VAADIN/themes/runo/select/select.scss
index 5c66cf81db..e043f143e3 100644
--- a/WebContent/VAADIN/themes/runo/select/select.css
+++ b/WebContent/VAADIN/themes/runo/select/select.scss
@@ -1,3 +1,5 @@
+@mixin runo-select {
+
 .v-select-select {
 	font-size: 13px;
 }
@@ -157,4 +159,5 @@
 .v-select-required .v-select-twincol-options {
 	background: #FFE0E0;
 }
-*/
\ No newline at end of file
+*/
+}
\ No newline at end of file
diff --git a/WebContent/VAADIN/themes/runo/shadow/shadow.css b/WebContent/VAADIN/themes/runo/shadow/shadow.scss
index 2fc9a1c608..96a911fca4 100644
--- a/WebContent/VAADIN/themes/runo/shadow/shadow.css
+++ b/WebContent/VAADIN/themes/runo/shadow/shadow.scss
@@ -1,3 +1,5 @@
+@mixin runo-shadow {
+
 .v-shadow {
 	position: absolute;
 }
@@ -65,4 +67,6 @@
     bottom: -5px;           right: -4px;
     width: 8px;          height: 8px;
     background: transparent url(img/bottom-right.png);
-} 
\ No newline at end of file
+}
+
+}
\ No newline at end of file
diff --git a/WebContent/VAADIN/themes/runo/slider/slider.css b/WebContent/VAADIN/themes/runo/slider/slider.scss
index 698d15de90..3bc9e28702 100644
--- a/WebContent/VAADIN/themes/runo/slider/slider.css
+++ b/WebContent/VAADIN/themes/runo/slider/slider.scss
@@ -1,3 +1,5 @@
+@mixin runo-slider {
+
 .v-slider {
 	border-top: 1px solid #cccfd0;
 	border-bottom: 1px solid #cccfd0;
@@ -68,3 +70,4 @@
 	background-color: #FFE0E0;
 }
 */
+}
\ No newline at end of file
diff --git a/WebContent/VAADIN/themes/runo/splitpanel/splitpanel.css b/WebContent/VAADIN/themes/runo/splitpanel/splitpanel.scss
index d7851c27e6..dd01217380 100644
--- a/WebContent/VAADIN/themes/runo/splitpanel/splitpanel.css
+++ b/WebContent/VAADIN/themes/runo/splitpanel/splitpanel.scss
@@ -1,3 +1,5 @@
+@mixin runo-splitpanel {
+
 .v-splitpanel-horizontal,
 .v-splitpanel-vertical {
 	overflow: hidden;
@@ -81,4 +83,6 @@
 	background: transparent;
 	height: 5px;
 	margin: -2px 0 0 0;
+}
+
 }
\ No newline at end of file
diff --git a/WebContent/VAADIN/themes/runo/styles.scss b/WebContent/VAADIN/themes/runo/styles.scss
new file mode 100644
index 0000000000..1bbe531b23
--- /dev/null
+++ b/WebContent/VAADIN/themes/runo/styles.scss
@@ -0,0 +1,32 @@
+@import "../base/styles.scss";
+@import "runo.scss";
+
+// .v-theme-runo {
+@include runo-absolutelayout;
+@include runo-accordion;
+@include runo-button;
+@include runo-caption;
+
+@include runo-common;
+
+@include runo-datefield;
+@include runo-formlayout;
+@include runo-gridlayout;
+@include runo-label;
+@include runo-link;
+@include runo-menubar;
+@include runo-notification;
+@include runo-orderedlayout;
+@include runo-panel;
+@include runo-popupview;
+@include runo-progressindicator;
+@include runo-select;
+@include runo-shadow;
+@include runo-slider;
+@include runo-splitpanel;
+@include runo-table;
+@include runo-tabsheet;
+@include runo-textfield;
+@include runo-tree;
+@include runo-window;
+// }
diff --git a/WebContent/VAADIN/themes/runo/table/table.css b/WebContent/VAADIN/themes/runo/table/table.scss
index 42f93752be..47bcb2caca 100644
--- a/WebContent/VAADIN/themes/runo/table/table.css
+++ b/WebContent/VAADIN/themes/runo/table/table.scss
@@ -1,3 +1,5 @@
+@mixin runo-table {
+
 .v-table-header-wrap {
 	height: 36px;
 	border: 1px solid #b6bbbc;
@@ -200,3 +202,5 @@ tr.v-table-row-odd:hover {
 	line-height: 18px;
 	padding: 2px 0;
 }
+
+}
\ No newline at end of file
diff --git a/WebContent/VAADIN/themes/runo/tabsheet/tabsheet.css b/WebContent/VAADIN/themes/runo/tabsheet/tabsheet.scss
index 7028b3ed16..683eb35f4c 100644
--- a/WebContent/VAADIN/themes/runo/tabsheet/tabsheet.css
+++ b/WebContent/VAADIN/themes/runo/tabsheet/tabsheet.scss
@@ -1,3 +1,5 @@
+@mixin runo-tabsheet {
+
 .v-tabsheet-tabs {
 	height: 48px;
 }
@@ -250,4 +252,6 @@
 }*/
 .v-ie .v-tabsheet-deco-light {
 	height: 0;
+}
+
 }
\ No newline at end of file
diff --git a/WebContent/VAADIN/themes/runo/textfield/textfield.css b/WebContent/VAADIN/themes/runo/textfield/textfield.scss
index af4443c80f..3382fbee91 100644
--- a/WebContent/VAADIN/themes/runo/textfield/textfield.css
+++ b/WebContent/VAADIN/themes/runo/textfield/textfield.scss
@@ -1,3 +1,5 @@
+@mixin runo-textfield {
+
 .v-textfield,
 .v-textarea {
 	background: #fff url(img/bg.png) repeat-x;
@@ -42,4 +44,6 @@ textarea.v-textarea-small {
 	height: 18px;
 	line-height: 12px;
 	padding: 1px 2px;
+}
+
 }
\ No newline at end of file
diff --git a/WebContent/VAADIN/themes/runo/tree/tree.css b/WebContent/VAADIN/themes/runo/tree/tree.scss
index 14061b8afb..cb3dff3156 100644
--- a/WebContent/VAADIN/themes/runo/tree/tree.css
+++ b/WebContent/VAADIN/themes/runo/tree/tree.scss
@@ -1,3 +1,5 @@
+@mixin runo-tree {
+
 .v-tree-node {
 	background: transparent url(img/collapsed.png) no-repeat 2px 1px;
 }
@@ -54,4 +56,6 @@
 }
 .v-tree-connectors .v-tree-node-drag-top.v-tree-node-leaf {
 	background-position: 2px 50%;
+}
+
 }
\ No newline at end of file
diff --git a/WebContent/VAADIN/themes/runo/window/window.css b/WebContent/VAADIN/themes/runo/window/window.scss
index 675c8942bf..b08f87b7fa 100644
--- a/WebContent/VAADIN/themes/runo/window/window.css
+++ b/WebContent/VAADIN/themes/runo/window/window.scss
@@ -1,3 +1,5 @@
+@mixin runo-window {
+
 .v-window {
 	color: #464f52;
 	font-family: "Trebuchet MS", geneva, helvetica, arial, tahoma, verdana, sans-serif;
@@ -138,4 +140,6 @@
     bottom: -27px;           right: -20px;
     width: 39px;          height: 39px;
     background: transparent url(img/shadow/bottom-right.png);
+}
+
 }
\ No newline at end of file