Loader for new and default list for mid menu

This commit is contained in:
NIKITA 2010-08-26 16:39:01 -07:00 committed by unknown
parent 1410878be4
commit 7e3432ac52
5 changed files with 40 additions and 6 deletions

View File

@ -1602,10 +1602,14 @@ a:visited {
} }
.midmenu_content.selected{ .midmenu_content.selected{
background:#626262 url(../images/leftmenu_hover.gif) repeat-x top left; background:#626262 url(../images/leftmenu_hover.gif) repeat-x top left;7497ae url(../images/mid_addingbg.gif) repeat-x top left;
color:#FFF; color:#FFF;
} }
.midmenu_content.adding{
background:#7497ae url(../images/mid_addingbg.gif) repeat-x top left;
color:#FFF;
}
/* /*
.midmenu_content:hover{ .midmenu_content:hover{
background:#626262 url(../images/leftmenu_hover.gif) repeat-x top left; background:#626262 url(../images/leftmenu_hover.gif) repeat-x top left;
@ -1613,6 +1617,9 @@ a:visited {
} }
*/ */
.midmenu_icons { .midmenu_icons {
width:8px; width:8px;
height:8px; height:8px;
@ -1933,6 +1940,25 @@ a:visited {
padding:0; padding:0;
} }
.midmenu_addingloader {
width:16px;
height:16px;
float:left;
background:url(../images/adding_loader.gif) no-repeat top left;
margin:2px 0 0 19px;
display:inline;
padding:0;
}
.midmenu_defaultloader {
width:16px;
height:16px;
float:left;
background:url(../images/mid_default.gif) no-repeat top left;
margin:5px 0 0 0;
padding:0;
}
.midmenu_infoicon { .midmenu_infoicon {
width:16px; width:16px;
height:16px; height:16px;

Binary file not shown.

After

Width:  |  Height:  |  Size: 847 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 226 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 847 B

View File

@ -65,7 +65,7 @@
<li> <li>
<div class="search_textbg"> <div class="search_textbg">
<input class="text" type="text" name="search_input" /> <input class="text" type="text" name="search_input" />
<div style="display:none;" class="search_closebutton"></div> <div class="search_closebutton" style="display:none;"></div>
</div> </div>
</li> </li>
</ol> </ol>
@ -239,18 +239,26 @@
<!-- Mid Menu starts here--> <!-- Mid Menu starts here-->
<div class="midmenu_panel"> <div class="midmenu_panel">
<div class="midmenu_box" id="midmenu_container"> <div class="midmenu_box" id="midmenu_container">
<!-- <div class="midmenu_list">
<div class="midmenu_content adding">
<div class="midmenu_textbox">
<p><strong>Adding &hellip;</strong></p>
</div>
<div class="midmenu_addingloader"></div>
</div>
</div>
<div class="midmenu_list"> <div class="midmenu_list">
<div class="midmenu_content selected"> <div class="midmenu_content">
<div class="midmenu_icons"><img src="images/status_green.png" alt="Running" /></div> <div class="midmenu_icons"><img src="images/status_green.png" alt="Running" /></div>
<div class="midmenu_textbox"> <div class="midmenu_textbox">
<p><strong>Instance 1</strong></p> <p><strong>Instance 1</strong></p>
<p>IP Address: 10.1.1.2</p> <p>IP Address: 10.1.1.2</p>
</div> </div>
<div class="midmenu_selectedloader"></div> <div class="midmenu_defaultloader"></div>
</div> </div>
</div> </div>
<!--
<div class="midmenu_list"> <div class="midmenu_list">
<div class="midmenu_content"> <div class="midmenu_content">
<div class="midmenu_icons"><img src="images/status_red.png" alt="Running" /></div> <div class="midmenu_icons"><img src="images/status_red.png" alt="Running" /></div>