Sampler: changed mode-switch position to top bar, removed unnecessary layout.

svn changeset:6724/svn branch:trunk

5 files changed, 23 insertions, 12 deletions

diff --git a/WebContent/ITMILL/themes/sampler/sampler/flow.gif b/WebContent/ITMILL/themes/sampler/sampler/flow.gif
index f6dcc1ed05..d6a90f7087 100644
--- a/WebContent/ITMILL/themes/sampler/sampler/flow.gif
+++ b/WebContent/ITMILL/themes/sampler/sampler/flow.gif
diff --git a/WebContent/ITMILL/themes/sampler/sampler/grid.gif b/WebContent/ITMILL/themes/sampler/sampler/grid.gif
index 2500d8d15b..bbc0565fce 100644
--- a/WebContent/ITMILL/themes/sampler/sampler/grid.gif
+++ b/WebContent/ITMILL/themes/sampler/sampler/grid.gif
diff --git a/WebContent/ITMILL/themes/sampler/sampler/info-bubble-bottom.png b/WebContent/ITMILL/themes/sampler/sampler/info-bubble-bottom.png
index e168b8be23..f15888ec0e 100644
--- a/WebContent/ITMILL/themes/sampler/sampler/info-bubble-bottom.png
+++ b/WebContent/ITMILL/themes/sampler/sampler/info-bubble-bottom.png
diff --git a/WebContent/ITMILL/themes/sampler/sampler/list.gif b/WebContent/ITMILL/themes/sampler/sampler/list.gif
index 9f4641bc9a..f0b610f700 100644
--- a/WebContent/ITMILL/themes/sampler/sampler/list.gif
+++ b/WebContent/ITMILL/themes/sampler/sampler/list.gif
diff --git a/WebContent/ITMILL/themes/sampler/sampler/styles.css b/WebContent/ITMILL/themes/sampler/sampler/styles.css
index e97058fb49..9dbfc76917 100644
--- a/WebContent/ITMILL/themes/sampler/sampler/styles.css
+++ b/WebContent/ITMILL/themes/sampler/sampler/styles.css
@@ -221,7 +221,7 @@
 }
 .i-app-SamplerApplication .feature-info {
 	background: #1e2123 url(info-bubble-bg.png) repeat-y;
-	color: #9d9ea0;
+	color: #b8bbbe;
 	font-family: helvetica, arial, verdana, sans-serif;
 	font-size: 12px;
 	line-height: 19px;
@@ -233,8 +233,15 @@
 	background: transparent url(bullet.png) no-repeat 2px 60%;
 	padding-left: 8px;
 }
+.i-app-SamplerApplication .feature-info div.i-link a:hover {
+	color: #dcebf6;
+}
 .i-app-SamplerApplication .feature-info div.i-link a span {
 	text-decoration: none;
+	border-bottom: 1px dotted #495964;
+}
+.i-app-SamplerApplication .feature-info div.i-link a:hover span {
+	border-bottom: 1px solid #dcebf6;
 }
 .i-app-SamplerApplication .feature-info .i-panel-caption {
 	color: #fff;
@@ -298,27 +305,31 @@
 }
 
 .i-customcomponent-ModeSwitch .i-button {
-	height: 28px;
+	height: 24px;
+	width: 30px;
 	border: none;
-	font-size: 6px;
+	background: transparent url(segment.png) no-repeat;
+	cursor: default;
+	padding: 0;
 }
-.i-customcomponent-ModeSwitch .i-button-first-on {
-	background: transparent url(left-on.gif) no-repeat;
+.i-customcomponent-ModeSwitch .i-button-first-on,
+.i-customcomponent-ModeSwitch .i-button-first:active {
+	background-position: left bottom;
 }
 .i-customcomponent-ModeSwitch .i-button-first {
-	background: transparent url(left.gif) no-repeat;
+	background-position: left top;
 }
+/*
 .i-customcomponent-ModeSwitch .i-button-mid-on {
 	background: transparent url(mid-on.gif) no-repeat;
 }
 .i-customcomponent-ModeSwitch .i-button-mid {
 	background: transparent url(mid.gif) no-repeat;
-}
-.i-customcomponent-ModeSwitch .i-button-last-on {
-	border: none;
-	background: transparent url(right-on.gif) no-repeat right top;
+}*/
+.i-customcomponent-ModeSwitch .i-button-last-on,
+.i-customcomponent-ModeSwitch .i-button-last:active {
+	background-position: right bottom;
 }
 .i-customcomponent-ModeSwitch .i-button-last {
-	border: none;
-	background: transparent url(right.gif) no-repeat right top;
+	background-position: right top;
 }