From 4326070a8845cffac6489df99b82736bf2b5c0b7 Mon Sep 17 00:00:00 2001
From: NIKITA <nikita@cloud.com>
Date: Fri, 22 Oct 2010 14:51:54 -0700
Subject: [PATCH] UI for help dropdown

---
 ui/new/css/main.css     |  68 +++++++++++++++++++++++++++++++++++-----
 ui/new/images/arrow.png | Bin 0 -> 224 bytes
 ui/new/index.jsp        |  15 +++++++++
 3 files changed, 75 insertions(+), 8 deletions(-)
 create mode 100644 ui/new/images/arrow.png

diff --git a/ui/new/css/main.css b/ui/new/css/main.css
index c6dddd43198..b1c2a5547f9 100644
--- a/ui/new/css/main.css
+++ b/ui/new/css/main.css
@@ -1859,8 +1859,8 @@ a:hover.search_button {
 }
 
 .help_dropdown_box {
-	width:209px;
-	height:200px;
+	width:400px;
+	height:400px;
 	float:left;
 	position:absolute;
 	background:#FFF repeat top left;
@@ -1873,7 +1873,7 @@ a:hover.search_button {
 }
 
 .help_dropdown_box_titlebox {
-	width:190px;
+	width:380px;
 	height:auto;
 	float:left;
 	margin:8px 0 0 10px;
@@ -1912,26 +1912,78 @@ a:hover.search_button {
 }
 	
 .help_dropdown_box_textbox {
-	width:190px;
-	height:140px;
+	width:380px;
+	height:340px;
 	float:left;
 	margin:0 0 0 10px;
 	padding:0;
-	overflow-y:auto;
 	overflow-y:scroll;
+	overflow-y:auto;
 	overflow-x:hidden;
+}
+
+
+.help_dropdown_box_textbox a {
+	color:#2c8bbc;
+	font-size:11px;
+	font-weight:normal;
+	text-align:left;
+	margin:0;
+	padding:0;
+	text-decoration:underline;
+}
+
+.help_dropdown_box_textbox a:link, .help_dropdown_box_textbox a:visited {
+	text-decoration:underline;
 	
 }
+
+.help_dropdown_box_textbox a:hover {
+	text-decoration:underline;
+	color:#333;
+}
+
+
+
+.help_dropdown_box_textbox ul {
+	width:350px;
+	height:auto;
+	float:left;
+	margin:12px 0 0 0;
+	padding:0;
+}
+
+.help_dropdown_box_textbox li {
+	width:350px;
+	height:auto;
+	float:left;
+	background:url(../images/arrow.png) no-repeat top left;
+	margin:5px 0 0 0;
+	padding:0 0 0 16px;
+	font-size:11px;
+}
+
+.help_dropdown_box_textbox h3{
+	width:360px;
+	height:auto;
+	float:left;
+	color:#0D4861;
+	font-size:12px;
+	font-weight:normal;
+	text-align:left;
+	margin:12px 0 0 0;
+	padding:0;
+}
 	
 .help_dropdown_box_textbox p{
-	width:190px;
+	width:360px;
 	height:auto;
 	float:left;
 	color:#333;
 	font-size:11px;
 	font-weight:normal;
 	text-align:left;
-	margin:12px 0 0 0;
+	margin:8px 0 0 0;
 	padding:0;
 }
 
diff --git a/ui/new/images/arrow.png b/ui/new/images/arrow.png
new file mode 100644
index 0000000000000000000000000000000000000000..8fe85df567ad99ff9b79d43f6c42e2eecae9435a
GIT binary patch
literal 224
zcmeAS@N?(olHy`uVBq!ia0vp^AT}2V8v_I5FVp|pK#pXIYeY$Kep*R+Vo@rCV@iHf
zs)A>3VtQ&&YGO)d;mK4RprR&E7srr_TS<TZ|F>u6Flg+MG)^;MU=c9(Xo+-kYGPDq
zIG`hN`1tX5AWI^V>tIm&xjBt57#JHEn7kXeC^4(C=`biXJZMv37MpR_fnieWnG+`*
zE}r9<dLU12(}VgIS!@jqhqDCD4lpGz*e!q4WI}Vq1(gk&Y`4!eJu6zHHtC5Q!<kT>
V<1SbJ{sOv&!PC{xWt~$(695IIPO<<1

literal 0
HcmV?d00001

diff --git a/ui/new/index.jsp b/ui/new/index.jsp
index d83cd339f8f..9833a974946 100644
--- a/ui/new/index.jsp
+++ b/ui/new/index.jsp
@@ -273,6 +273,21 @@ long milliseconds = new Date().getTime();
                                 </div>
                                 
                                 <div class="help_dropdown_box_textbox" id="help_dropdown_body">
+                                	<ul>
+                                    	<li><a href="#topic1">Start VM</a></li>
+                                        <li><a href="#topic2">Stop VM</a></li>
+                                        <li><a href="#topic3">Destroy VM</a></li>
+                                    </ul>
+                                    
+                                    
+                                    <h3>Start VM<a name="topic1"></a></h3>
+                                	<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. </p>
+                                    
+                                   
+                                    <h3>Stop VM <a name="topic2"></a></h3>
+                                	<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. </p><p>It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.</p>
+                                    
+                                    <h3>Destroy VM<a name="topic3"></a></h3>
                                 	<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. </p><p>It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.</p>
                                 </div>
                             </div>