mirror of
https://github.com/apache/cloudstack.git
synced 2025-10-26 08:42:29 +01:00
433 lines
7.6 KiB
CSS
433 lines
7.6 KiB
CSS
@charset "UTF-8";
|
|
/* CSS Document */
|
|
|
|
|
|
html,body{
|
|
font-family:Arial, Helvetica, sans-serif;
|
|
font-size:11px;
|
|
color:#333;
|
|
height:auto;
|
|
font-weight:normal;
|
|
background:#FFF url(../../custom2/images/custom2_login_bg.gif) repeat-x top left;
|
|
margin:0;
|
|
padding:0;
|
|
overflow-x:hidden;
|
|
}
|
|
|
|
.login_logobox {
|
|
width:181px;
|
|
height:45px;
|
|
float:left;
|
|
background:url(../../custom2/images/client_login_logo.png) no-repeat top left;
|
|
margin:0 0 0 75px;
|
|
display:inline;
|
|
padding:0;
|
|
}
|
|
.main_loginbox_bot {
|
|
width:660px;
|
|
height:109px;
|
|
float:left;
|
|
background:url(../../custom2/images/custom2_loginbox_bot.png) no-repeat top left;
|
|
margin:0;
|
|
padding:0;
|
|
}
|
|
|
|
|
|
#main_header {
|
|
min-width:980px;
|
|
width:100%;
|
|
height:44px;
|
|
float:left;
|
|
background:#b84634 url(../../custom2/images/custom2_header_bg.jpg) repeat-x top left;
|
|
margin:0;
|
|
padding:0;
|
|
}
|
|
|
|
.header_left {
|
|
width:309px;
|
|
height:44px;
|
|
float:left;
|
|
margin:0;
|
|
padding:0;
|
|
}
|
|
|
|
.logo {
|
|
width:80px;
|
|
height:37px;
|
|
float:left;
|
|
background:url(../../custom2/images/custom2_logo.jpg) no-repeat top left;
|
|
margin:0 0 0 8px;
|
|
display:inline;
|
|
padding:0;
|
|
}
|
|
|
|
.mgmtconsole_logo {
|
|
width:157px;
|
|
height:21px;
|
|
float:left;
|
|
background:url(../../custom2/images/custom2_mgmtconsole_logo.jpg) no-repeat top left;
|
|
margin:11px 0 0 2px;
|
|
display:inline;
|
|
padding:0;
|
|
}
|
|
|
|
.userlinks p {
|
|
width:auto;
|
|
height:auto;
|
|
float:left;
|
|
text-align:left;
|
|
font-size:11px;
|
|
font-weight:normal;
|
|
color:#3b3b3b;
|
|
}
|
|
|
|
.userlinks span {
|
|
font-weight:bold;
|
|
text-align:left;
|
|
font-size:11px;
|
|
}
|
|
.userlinks a {
|
|
width:auto;
|
|
height:auto;
|
|
color:#00324c;
|
|
text-decoration:none;
|
|
font-size:11px;
|
|
font-weight:normal;
|
|
}
|
|
|
|
.userlinks a:link, userlinks a:visited {
|
|
text-decoration:none;
|
|
}
|
|
|
|
.userlinks a:hover {
|
|
text-decoration:underline;
|
|
}
|
|
|
|
.language_dropdownpanel {
|
|
width:103px;
|
|
height:19px;
|
|
float:left;
|
|
position:relative;
|
|
background:url(../../custom2/images/custom2_language_bg.gif) no-repeat top left;
|
|
margin:-3px 0 0 8px;
|
|
display:inline;
|
|
padding:0;
|
|
cursor:pointer;
|
|
cursor:hand;
|
|
}
|
|
|
|
.language_dropdownpanel:hover {
|
|
background:url(../../custom2/images/custom2_language_bg_hover.gif) no-repeat top left;
|
|
}
|
|
|
|
.language_icon {
|
|
width: 13px;
|
|
height:12px;
|
|
float:left;
|
|
background:url(../../custom2/images/custom2_language_icon.gif) no-repeat top left;
|
|
margin:3px 0 0 5px;
|
|
display:inline;
|
|
padding:0;
|
|
}
|
|
|
|
.language_dropdownbox {
|
|
width:101px;
|
|
height:auto;
|
|
position:absolute;
|
|
background:#a44031 repeat top left;
|
|
border:1px solid #d87d58;
|
|
margin:0;
|
|
padding:0 0 15px 0;
|
|
top:17px;
|
|
z-index:1010;
|
|
}
|
|
|
|
.leftmenu_panel {
|
|
width:221px;
|
|
height:100%;
|
|
min-height:1025px;
|
|
float:left;
|
|
background:#f4f8fb repeat top left;
|
|
border-right:1px dotted #183042;
|
|
border-top:1px dotted #183042;
|
|
margin:0 0 0 -100%;
|
|
padding:0;
|
|
}
|
|
|
|
.leftmenu_list{
|
|
width:100%;
|
|
height:auto;
|
|
float:left;
|
|
margin:0;
|
|
padding:0;
|
|
background:#eff5f9 url(../../custom2/images/custom2_leftmenubg.gif) repeat-x bottom left;
|
|
border-bottom:1px dotted #333;
|
|
}
|
|
|
|
.leftmenu_expandedbox{
|
|
width:100%;
|
|
height:auto;
|
|
float:left;
|
|
position:relative;
|
|
background:#d0d0d0 url(../../custom2/images/custom2_leftmenu_expanded.gif) repeat-x top left;
|
|
border-bottom:1px solid #FFF;
|
|
margin:0;
|
|
padding:0;
|
|
overflow-x:scoll;
|
|
overflow-x:auto;
|
|
overflow-y:hidden;
|
|
}
|
|
|
|
.leftmenu_content_flevel.selected{
|
|
background:#044e6c url(../../custom2/images/custom2_leftmenu_highlighted.gif) repeat-x top left;
|
|
border-bottom:1px dotted #333;
|
|
font-weight:bold;
|
|
color:#FFF;
|
|
}
|
|
|
|
.leftmenu_content_flevel:hover{
|
|
background:#f7f7f7 url(../../custom2/images/custom2_leftmenu_hover.gif) repeat-x top left;
|
|
}
|
|
|
|
.leftmenu_content:hover{
|
|
color:#FFF;
|
|
background:#aeaeae repeat top left;
|
|
}
|
|
|
|
.leftmenu_content.selected{
|
|
color:#FFF;
|
|
background:#a6d6ec url(../../custom2/images/custom2_leftmenu_contentselected.gif) repeat-x top left;
|
|
}
|
|
|
|
.leftmenu_secondindent{
|
|
min-width:180px;
|
|
max-width:auto;
|
|
height:auto;
|
|
float:left;
|
|
color:#333;
|
|
margin:7px 0 0 30px;
|
|
display:inline;
|
|
padding:0;
|
|
}
|
|
|
|
.leftmenu_thirdindent{
|
|
min-width:160px;
|
|
max-width:auto;
|
|
height:auto;
|
|
float:left;
|
|
color:#333;
|
|
margin:7px 0 0 50px;
|
|
display:inline;
|
|
padding:0;
|
|
}
|
|
|
|
.leftmenu_fourthindent{
|
|
min-width:200px;
|
|
max-width:auto;
|
|
height:auto;
|
|
float:left;
|
|
color:#333;
|
|
margin:7px 0 0 70px;
|
|
display:inline;
|
|
padding:0;
|
|
}
|
|
|
|
.leftmenu_fifthindent{
|
|
min-width:200px;
|
|
max-width:auto;
|
|
height:auto;
|
|
float:left;
|
|
color:#333;
|
|
margin:7px 0 0 100px;
|
|
display:inline;
|
|
padding:0;
|
|
}
|
|
|
|
.leftmenu_sixthindent{
|
|
min-width:200px;
|
|
max-width:auto;
|
|
height:auto;
|
|
float:left;
|
|
color:#333;
|
|
margin:7px 0 0 120px;
|
|
display:inline;
|
|
padding:0;
|
|
}
|
|
|
|
.leftmenu_domainindent{
|
|
min-width:180px;
|
|
max-width:auto;
|
|
height:auto;
|
|
float:left;
|
|
color:#333;
|
|
margin:7px 0 0 30px;
|
|
display:inline;
|
|
padding:0;
|
|
}
|
|
|
|
|
|
.actionpanel {
|
|
width:100%;
|
|
height:27px;
|
|
float:left;
|
|
background: #e5e5e5 url(../../custom2/images/custom2_actionpanel_bg.gif) repeat-x top left;
|
|
border-top:1px dotted #183042;
|
|
border-bottom:1px dotted #183042;
|
|
margin:0;
|
|
padding:0;
|
|
}
|
|
|
|
.searchpanel {
|
|
width:223px;
|
|
height:27px;
|
|
float:left;
|
|
margin:0;
|
|
padding:0;
|
|
background:url(../../custom2/images/custom2_actionpanel_border.gif) no-repeat top right;
|
|
list-style:none
|
|
}
|
|
|
|
.searchpanel_filterbutton {
|
|
width:16px;
|
|
height:16px;
|
|
float:left;
|
|
margin:5px 0 0 4px;
|
|
display:inline;
|
|
background:url(../../custom2/images/custom2_filter_downarrow.gif) no-repeat top left;
|
|
cursor:pointer;
|
|
cursor:hand;
|
|
}
|
|
|
|
.searchpanel_filterbutton.up {
|
|
background:url(../../custom2/images/custom2_filter_uparrow.gif) no-repeat top left;
|
|
}
|
|
|
|
|
|
.search_textbg {
|
|
width:186px;
|
|
height:17px;
|
|
float:left;
|
|
background:url(../../custom2/images/custom2_search_textbg.gif) no-repeat top left;
|
|
margin:0;
|
|
padding:0;
|
|
}
|
|
|
|
.actionpanel_button_wrapper{
|
|
width:auto;
|
|
height:27px;
|
|
float:left;
|
|
margin:0;
|
|
padding:0;
|
|
background:url(../../custom2/images/custom2_actionpanel_border.gif) no-repeat top right;
|
|
}
|
|
|
|
.actionpanel_button_links{
|
|
width:auto;
|
|
height:auto;
|
|
color:#333;
|
|
font-size:10px;
|
|
font-weight:normal;
|
|
text-decoration:none;
|
|
float:left;
|
|
margin:7px 11px 0 5px;
|
|
padding:0;
|
|
}
|
|
|
|
|
|
.actionpanel_button:hover{
|
|
background:url(../../custom2/images/custom2_actionpanel_hover.gif) repeat-x top right;
|
|
color:#FFF;
|
|
}
|
|
|
|
.midmenu_panel {
|
|
width:221px;
|
|
min-height:1000px;
|
|
height:auto;
|
|
float:left;
|
|
position:relative;
|
|
background:#f9f9f9 repeat top left;
|
|
border-right:1px dotted #183042;
|
|
margin:27px 0 0 -100%;
|
|
display:inline;
|
|
padding:0;
|
|
}
|
|
|
|
.midmenu_list{
|
|
width:220px;
|
|
height:auto;
|
|
float:left;
|
|
background:#f9f9f9 url(../../custom2/images/custom2_midmenubg.gif) repeat-x bottom left;
|
|
border-bottom:1px dotted #183042;
|
|
margin:0;
|
|
padding:0;
|
|
}
|
|
|
|
.midmenu_content:hover{
|
|
background:#b6b6b6 url(../../custom2/images/custom2_midmenu_hover.gif) repeat-x top left;
|
|
color:#333;
|
|
}
|
|
|
|
.midmenu_content.selected {
|
|
background:#a6d6ec url(../../custom2/images/custom2_midmenu_selected.gif) repeat-x top left;
|
|
color:#333;
|
|
|
|
}
|
|
|
|
|
|
.tabbox {
|
|
min-width:760px;
|
|
width:100%;
|
|
height:auto;
|
|
float:left;
|
|
margin:0;
|
|
padding:0;
|
|
border:none;
|
|
}
|
|
|
|
.content_tabs {
|
|
width:101px;
|
|
height:27px;
|
|
float:left;
|
|
font-size:11px;
|
|
margin:0 0 0 0;
|
|
text-align:center;
|
|
padding:6px 0 0 0;
|
|
display:inline;
|
|
|
|
}
|
|
|
|
.content_tabs.on {
|
|
background:url(../../custom2/images/custom2_contenttab_ON.gif) no-repeat bottom left;
|
|
color:#FFF;
|
|
border-right:1px dotted #333;
|
|
|
|
|
|
}
|
|
|
|
.content_tabs.off {
|
|
background:none;
|
|
color:#333;
|
|
cursor:pointer;
|
|
cursor:hand;
|
|
border-right:1px dotted #333;
|
|
|
|
|
|
}
|
|
|
|
.content_tabs.off:hover {
|
|
background:url(../../custom2/images/custom2_contenttab_hover.gif) no-repeat bottom left;
|
|
color:#333;
|
|
cursor:pointer;
|
|
cursor:hand;
|
|
}
|
|
|
|
.adv_searchpopup_bg {
|
|
width:100%;
|
|
height:auto;
|
|
float:left;
|
|
background:#cecece url(../../custom2/images/custom2_adv_searchbg.gif) repeat-x top left;
|
|
border-bottom:1px solid #2d2d2d;
|
|
margin:0;
|
|
padding:0 0 9px 0;
|
|
}
|