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

help UI

This commit is contained in:
NIKITA 2010-10-20 18:32:11 -07:00
parent 87449c9081
commit d68f44de1e
2 changed files with 88 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -1795,7 +1795,6 @@ a:hover.search_button {
margin:0;
padding:0;
background:url(../images/actionpanel_border.gif) no-repeat top left;
}
.actionpanel_button{
@ -1857,9 +1856,85 @@ a:hover.search_button {
margin:0;
padding:0;
z-index:1005;
}
.help_dropdown_box {
width:209px;
height:200px;
float:left;
position:absolute;
background:#FFF repeat top left;
border:1px solid #999;
top:20px;
right:7px;
margin:0;
padding:0;
z-index:1005;
}
.help_dropdown_box_titlebox {
width:190px;
height:auto;
float:left;
margin:8px 0 0 10px;
padding:0;
}
.help_dropdown_box_titlebox h2 {
width:auto;
height:auto;
float:left;
color:#999;
text-align:left;
font-size:14px;
margin:0;
padding:0;
}
.help_dropdown_box_titlebox a {
float:right;
color:#2c8bbc;
font-size:10px;
font-weight:normal;
text-align:left;
margin:0;
padding:0;
text-decoration:none;
}
.help_dropdown_box_titlebox a:link, .help_dropdown_box_titlebox a:visited {
text-decoration:none;
}
.help_dropdown_box_titlebox a:hover {
text-decoration:underline;
}
.help_dropdown_box_textbox {
width:190px;
height:140px;
float:left;
margin:0 0 0 10px;
padding:0;
overflow-y:auto;
overflow-y:scroll;
overflow-x:hidden;
}
.help_dropdown_box_textbox p{
width:190px;
height:auto;
float:left;
color:#333;
font-size:11px;
font-weight:normal;
text-align:left;
margin:12px 0 0 0;
padding:0;
}
.actionsdropdown_boxlist {
width:197px;
height:auto;

13
ui/new/index.jsp
View File

@ -279,13 +279,24 @@ long milliseconds = new Date().getTime();
</div>
</div>
<div class="actionpanel_button_wrapper" id="help_link" style="display: block; float: right;
background: none;">
background: none; position: relative;">
<div class="actionpanel_button">
<div class="actionpanel_button_icons">
<img src="images/help_actionicon.png" alt="Help" /></div>
<div class="actionpanel_button_links">
<%=t.t("help")%></div>
</div>
<div class="help_dropdown_box" style="display:none;">
<div class="help_dropdown_box_titlebox">
<h2> Instance Help</h2>
<a href="#"> Close</a>
</div>
<div class="help_dropdown_box_textbox">
<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>
</div>
</div>
<!-- Action Panel ends here-->