Old default theme renamed to "runo".

svn changeset:7856/svn branch:6.0

7 files changed, 269 insertions, 0 deletions

diff --git a/WebContent/VAADIN/themes/runo/tabsheet/img/inline-tab-bg.png b/WebContent/VAADIN/themes/runo/tabsheet/img/inline-tab-bg.png
new file mode 100644
index 0000000000..18b7ea5d15
--- /dev/null
+++ b/WebContent/VAADIN/themes/runo/tabsheet/img/inline-tab-bg.png
diff --git a/WebContent/VAADIN/themes/runo/tabsheet/img/inline-tab-left.png b/WebContent/VAADIN/themes/runo/tabsheet/img/inline-tab-left.png
new file mode 100644
index 0000000000..43943a6cd8
--- /dev/null
+++ b/WebContent/VAADIN/themes/runo/tabsheet/img/inline-tab-left.png
diff --git a/WebContent/VAADIN/themes/runo/tabsheet/img/inline-tab-right.png b/WebContent/VAADIN/themes/runo/tabsheet/img/inline-tab-right.png
new file mode 100644
index 0000000000..1af4cde8ac
--- /dev/null
+++ b/WebContent/VAADIN/themes/runo/tabsheet/img/inline-tab-right.png
diff --git a/WebContent/VAADIN/themes/runo/tabsheet/img/next.png b/WebContent/VAADIN/themes/runo/tabsheet/img/next.png
new file mode 100644
index 0000000000..f43dd1abf0
--- /dev/null
+++ b/WebContent/VAADIN/themes/runo/tabsheet/img/next.png
diff --git a/WebContent/VAADIN/themes/runo/tabsheet/img/prev.png b/WebContent/VAADIN/themes/runo/tabsheet/img/prev.png
new file mode 100644
index 0000000000..5e111b4aa0
--- /dev/null
+++ b/WebContent/VAADIN/themes/runo/tabsheet/img/prev.png
diff --git a/WebContent/VAADIN/themes/runo/tabsheet/img/tab-bg.png b/WebContent/VAADIN/themes/runo/tabsheet/img/tab-bg.png
new file mode 100644
index 0000000000..a4235e9a83
--- /dev/null
+++ b/WebContent/VAADIN/themes/runo/tabsheet/img/tab-bg.png
diff --git a/WebContent/VAADIN/themes/runo/tabsheet/tabsheet.css b/WebContent/VAADIN/themes/runo/tabsheet/tabsheet.css
new file mode 100644
index 0000000000..fa99f6ae43
--- /dev/null
+++ b/WebContent/VAADIN/themes/runo/tabsheet/tabsheet.css
@@ -0,0 +1,269 @@
+.v-tabsheet-tabs {
+	height: 48px;
+}
+
+.v-tabsheet-spacertd div {
+	height: 37px;
+	border: 1px solid #b6bbbc;
+	background: transparent url(img/tab-bg.png);
+	padding: 0;
+}
+.v-tabsheet-scroller {
+	margin-top: -37px;
+}
+.v-tabsheet-scrollerPrev,
+.v-tabsheet-scrollerNext {
+	border: none;
+	width: 12px;
+	height: 38px;
+	opacity: 0.9999;
+	margin-top: -1px;
+}
+.v-tabsheet-scrollerPrev-disabled,
+.v-tabsheet-scrollerNext-disabled {
+	border: none;
+	width: 12px;
+	height: 38px;
+	margin-top: -1px;
+	opacity: 0.9999;
+}
+.v-tabsheet-scrollerNext,
+.v-tabsheet-scrollerNext-disabled {
+	background: transparent url(img/next.png) no-repeat;
+}
+.v-tabsheet-scrollerPrev,
+.v-tabsheet-scrollerPrev-disabled {
+	background: transparent url(img/prev.png) no-repeat;
+}
+.v-tabsheet-scrollerPrev:hover,
+.v-tabsheet-scrollerNext:hover {
+	background-position: -24px 0px;
+}
+.v-tabsheet-scrollerPrev-disabled,
+.v-tabsheet-scrollerNext-disabled {
+	background-position: -12px 0px;
+}
+.v-tabsheet-scrollerPrev-disabled:hover,
+.v-tabsheet-scrollerNext-disabled:hover {
+	background-position: -12px 0px;
+}
+.v-tabsheet-tabitem {
+	border: 1px solid #b6bbbc;
+	border-right: none;
+	height: 37px;
+	padding: 0;
+	margin-top: 9px;
+	color: #777f85;
+	font-size: 15px;
+	line-height: 18px;
+	background: #f8f9f9 url(img/tab-bg.png);
+}
+.v-tabsheet-tabitem .v-caption {
+	height: 20px;
+	padding: 9px 15px 8px 15px;
+}
+.v-tabsheet-tabitem-selected {
+	border: none;
+	background: transparent url(../panel/img/top-left.png) no-repeat;
+	margin: 0;
+	padding: 0;
+	height: 48px;
+	color: #ee5311;
+}
+.v-tabsheet-tabitem:hover {
+	color: #4b5257;
+}
+.v-tabsheet-tabitem-selected:hover {
+	color: #ee5311;
+}
+.v-tabsheet-tabitem-selected .v-caption {
+	background: transparent url(../panel/img/top-right.png) repeat-x right top;
+	margin: 0 -1px 0 9px;
+	height: 18px;
+	padding: 16px 16px 14px 7px;
+	overflow: visible;
+}
+.v-tabsheet-content {
+	border: 1px solid #babfc0;
+	background-color: #fff;
+	border-bottom: 1px solid #dee2e3;
+	border-top: none;
+}

+.v-tabsheet-hidetabs .v-tabsheet-content {

+	border-top: 1px solid #b5babb;

+}

+.v-tabsheet-deco {
+	height: 10px;
+	background: transparent url(../panel/img/bottom-right.png) repeat-x right top;
+	margin-left: 9px;
+	overflow: visible;
+}
+.v-tabsheet-deco:before {
+	display: block;
+	content: "";
+	width: 9px;
+	height: 9px;
+	margin-left: -9px;
+	background: transparent url(../panel/img/bottom-left.png) no-repeat;
+}
+/* Progress indication */
+.v-tabsheet-loading .v-tabsheet-tabitem-selected .v-captiontext {
+	background: transparent url(../common/img/ajax-loader.gif) no-repeat top right;
+	margin-left: -10px;
+	padding-left: 10px;
+	margin-right: -10px;
+	padding-right: 10px;
+	margin-top: -12px;
+	padding-top: 12px;
+}
+/* IE specific styles */
+.v-ie6 .v-tabsheet-tabs {
+	height: 46px;
+}
+.v-ie6 .v-tabsheet-tabitem-selected {
+	border: 1px solid #babfc0;
+	border-bottom: none;
+	background: #fff;
+	margin-top: 0;
+	height: 23px;
+	padding: 18px 14px 6px 15px;
+	cursor: default;
+	color: #ee5311;
+}
+.v-ie6 .v-tabsheet-tabitem-selected .v-caption {
+	background: transparent;
+	padding: 0;
+	margin: 0;
+}
+.v-ie6 .v-tabsheet-content,
+.v-ie7 .v-tabsheet-content,
+.v-ie8 .v-tabsheet-content {
+	border-bottom: none;
+}
+.v-ie6 .v-tabsheet-deco,
+.v-ie7 .v-tabsheet-deco,
+.v-ie8 .v-tabsheet-deco {
+	height: 1px;
+	background: #babfc0;
+	overflow: hidden;
+	margin: 0;
+}
+.v-ie7 .v-tabsheet-deco,
+.v-ie8 .v-tabsheet-deco {
+	width: 100%;
+}
+/* Light-style */
+.v-tabsheet-light .v-tabsheet-tabcontainer {
+	height: 32px;
+}
+.v-tabsheet-tabs-light {
+	height: 32px;
+	width: 100%;
+	overflow:hidden;
+	background: transparent url(img/inline-tab-bg.png) repeat-x;
+}
+.v-tabsheet-light .v-tabsheet-spacertd div {
+	height: 31px;
+	border: none;
+	border-bottom: 1px solid #b6bbbc;
+	background: transparent;
+}
+.v-tabsheet-light .v-tabsheet-tabitem {
+	border: none;
+	border-bottom: 1px solid #b6bbbc;
+	height: 30px;
+	padding: 0;
+	margin-top: 0;
+	color: #656d73;
+	font-size: 12px;
+	line-height: normal;
+	background: transparent;
+	cursor: pointer;
+	text-shadow: #fff 0 1px 0;
+}
+.v-tabsheet-light .v-tabsheet-tabitemcell-first .v-caption {
+	margin-left: 6px;
+}
+.v-tabsheet-light .v-tabsheet-tabitem .v-caption {
+	height: 24px;
+	padding: 8px 9px 0 9px;
+}
+.v-tabsheet-light .v-tabsheet-tabitem-selected {
+	border: none;
+	background: #fff url(img/inline-tab-right.png) no-repeat right top;
+	margin: 0;
+	padding: 0;
+	height: 32px;
+	cursor: default;
+	color: #ee5311;
+	text-shadow: none;
+}
+.v-tabsheet-light .v-tabsheet-tabitem:hover {
+	color: #4b5257;
+}
+.v-tabsheet-light .v-tabsheet-tabitem-selected:hover {
+	color: #ee5311;
+}
+.v-tabsheet-light .v-tabsheet-tabitem-selected .v-caption {
+	background: transparent url(img/inline-tab-left.png) no-repeat -7px 0;
+	margin: 0;
+	height: 23px;
+	padding: 9px 11px 0 11px;
+	overflow: visible;
+}
+.v-tabsheet-light .v-tabsheet-tabitemcell-first .v-tabsheet-tabitem-selected .v-caption {
+	background: transparent url(img/inline-tab-left.png) no-repeat -3px 0;
+	padding-left: 15px;
+}
+.v-tabsheet-light .v-tabsheet-content {
+	border: none;
+	background: transparent;
+}
+.v-tabsheet-light .v-tabsheet-hidetabs .v-tabsheet-content {
+	border: none;
+}
+.v-tabsheet-deco-light {
+	height: 0;
+	overflow: hidden;
+}
+.v-tabsheet-deco-light:before {
+	display: none;
+}
+/* Scroller */
+.v-tabsheet-light .v-tabsheet-scrollerPrev,
+.v-tabsheet-light .v-tabsheet-scrollerNext {
+	margin-top: 2px;
+	height: 34px;
+}
+.v-tabsheet-light .v-tabsheet-scrollerPrev-disabled,
+.v-tabsheet-light .v-tabsheet-scrollerNext-disabled {
+	margin-top: 2px;
+	height: 34px;
+}
+/* Progress indication */
+.v-tabsheet-loading .v-tabsheet-tabs-light .v-tabsheet-tabitem-selected .v-captiontext {
+	margin-left: -3px;
+	padding-left: 3px;
+}
+/* IE specific styles */
+.v-ie6 .v-tabsheet-tabs-light,
+.v-ie7 .v-tabsheet-tabs-light {
+	height: 32px;
+}
+.v-ie6 .v-tabsheet-light .v-tabsheet-tabitem-selected,
+.v-ie7 .v-tabsheet-light .v-tabsheet-tabitem-selected {
+	border: none;
+	background: #fff url(img/inline-tab-right.png) no-repeat right top;
+	padding: 0;
+	height: 32px;
+}
+.v-ie6 .v-tabsheet-light .v-tabsheet-tabitem-selected .v-caption,
+.v-ie7 .v-tabsheet-light .v-tabsheet-tabitem-selected .v-caption {
+	background: transparent url(img/inline-tab-left.png) no-repeat -7px 0;
+	padding: 9px 11px 0 11px;
+}
+.v-ie6 .v-tabsheet-deco-light,
+.v-ie7 .v-tabsheet-deco-light,
+.v-ie8 .v-tabsheet-deco-light {
+	height: 0;
+}
\ No newline at end of file