etan39
/
cloudstack
mirror of https://github.com/apache/cloudstack.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

UI for help dropdown

This commit is contained in:
NIKITA 2010-10-22 14:51:54 -07:00
parent bf377735c4
commit 4326070a88
3 changed files with 75 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

68
ui/new/css/main.css
View File

@ -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;
}

BIN
ui/new/images/arrow.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 224 B

15
ui/new/index.jsp
View File

@ -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>