612 lines
No EOL
10 KiB
CSS
612 lines
No EOL
10 KiB
CSS
/* BROWSE MIDDLE */
|
|
.BrowseContainer
|
|
{
|
|
margin-bottom: 15px;
|
|
}
|
|
|
|
.BrowseContainer .Header
|
|
{
|
|
width: 100%;
|
|
}
|
|
|
|
.BrowseContainer .HeaderLeft
|
|
{
|
|
width: 6px;
|
|
height: 27px;
|
|
background: transparent url(../images/module_header_left.gif) left top no-repeat;
|
|
}
|
|
|
|
.BrowseContainer .HeaderRight
|
|
{
|
|
width: 6px;
|
|
height: 27px;
|
|
background: transparent url(../images/module_header_right.gif) right top no-repeat;
|
|
}
|
|
|
|
.BrowseContainer .HeaderIcon
|
|
{
|
|
float: left;
|
|
margin-right: 5px;
|
|
}
|
|
|
|
.BrowseContainer .HeaderTitle
|
|
{
|
|
background: #FCFCFC url(../images/module_header_bkg.gif) left top repeat-x;
|
|
padding: 6px 4px 4px 4px;
|
|
font-family: Arial;
|
|
font-size: 9pt;
|
|
font-weight: bold;
|
|
width: auto;
|
|
}
|
|
|
|
.BrowseContainer .Content
|
|
{
|
|
clear: both;
|
|
border: solid 1px #7F7F7F;
|
|
border-top: none;
|
|
background-color: #FCFCFC;
|
|
}
|
|
|
|
|
|
/* EDIT */
|
|
.EditContainer
|
|
{
|
|
width: 100%;
|
|
margin-left: auto;
|
|
margin-right: auto;
|
|
margin-top: 20px;
|
|
margin-bottom: 20px;
|
|
}
|
|
|
|
.EditContainer .Header
|
|
{
|
|
width: 100%;
|
|
}
|
|
|
|
.EditContainer .HeaderLeft
|
|
{
|
|
width: 6px;
|
|
height: 27px;
|
|
background: transparent url(../images/module_header_left.gif) left top no-repeat;
|
|
}
|
|
|
|
.EditContainer .HeaderRight
|
|
{
|
|
width: 6px;
|
|
height: 27px;
|
|
background: transparent url(../images/module_header_right.gif) right top no-repeat;
|
|
}
|
|
|
|
.EditContainer .HeaderIcon
|
|
{
|
|
float: left;
|
|
margin-right: 5px;
|
|
}
|
|
|
|
.EditContainer .HeaderTitle
|
|
{
|
|
background: #FCFCFC url(../images/module_header_bkg.gif) left top repeat-x;
|
|
padding: 6px 4px 4px 4px;
|
|
font-family: Arial;
|
|
font-size: 9pt;
|
|
font-weight: bold;
|
|
width: auto;
|
|
}
|
|
|
|
.EditContainer .Content
|
|
{
|
|
clear: both;
|
|
border: solid 1px #7F7F7F;
|
|
border-top: none;
|
|
background-color: #FCFCFC;
|
|
}
|
|
|
|
/* RIGHT */
|
|
.RightContainer
|
|
{
|
|
}
|
|
|
|
.RightContainer .Title
|
|
{
|
|
background: #4F7BBE url(../images/side_module_left_curve.gif) left top no-repeat;
|
|
padding: 3px;
|
|
font-family: Arial;
|
|
font-size: 9pt;
|
|
font-weight: bold;
|
|
color: #ffffff;
|
|
margin-right: 5px;
|
|
}
|
|
|
|
.RightContainer .Top
|
|
{
|
|
background: #4F7BBE url(../images/side_module_right_curve.gif) right top no-repeat;
|
|
}
|
|
|
|
.RightContainerContent
|
|
{
|
|
border: solid 1px #BABABA;
|
|
border-top: none;
|
|
background-color: #FCFCFC;
|
|
padding: 5px;
|
|
margin-bottom: 10px;
|
|
}
|
|
|
|
/* LOGIN */
|
|
.LoginContainer
|
|
{
|
|
width: 550px;
|
|
margin-left: auto;
|
|
margin-right: auto;
|
|
margin-top: 40px;
|
|
margin-bottom: 90px;
|
|
}
|
|
|
|
.LoginContainer .Header
|
|
{
|
|
width: 100%;
|
|
}
|
|
|
|
.LoginContainer .HeaderLeft
|
|
{
|
|
width: 6px;
|
|
height: 27px;
|
|
background: transparent url(../images/module_header_left.gif) left top no-repeat;
|
|
}
|
|
|
|
.LoginContainer .HeaderRight
|
|
{
|
|
width: 6px;
|
|
height: 27px;
|
|
background: transparent url(../images/module_header_right.gif) right top no-repeat;
|
|
}
|
|
|
|
.LoginContainer .HeaderIcon
|
|
{
|
|
float: left;
|
|
margin-right: 5px;
|
|
}
|
|
|
|
.LoginContainer .HeaderTitle
|
|
{
|
|
background: #FCFCFC url(../images/module_header_bkg.gif) left top repeat-x;
|
|
padding: 6px 4px 4px 4px;
|
|
font-family: Arial;
|
|
font-size: 9pt;
|
|
font-weight: bold;
|
|
width: auto;
|
|
}
|
|
|
|
.LoginContainer .Content
|
|
{
|
|
padding-top: 10px;
|
|
clear: both;
|
|
border: solid 1px #7F7F7F;
|
|
border-top: none;
|
|
background-color: #FCFCFC;
|
|
text-align: center;
|
|
}
|
|
|
|
|
|
|
|
/* POPUP */
|
|
.PopupContainer
|
|
{
|
|
width: 450px;
|
|
margin-left: auto;
|
|
margin-right: auto;
|
|
margin-top: 40px;
|
|
margin-bottom: 150px;
|
|
}
|
|
|
|
.PopupContainer .Header
|
|
{
|
|
width: 100%;
|
|
}
|
|
|
|
.PopupContainer .HeaderLeft
|
|
{
|
|
width: 6px;
|
|
height: 27px;
|
|
background: transparent url(../images/module_header_left.gif) left top no-repeat;
|
|
}
|
|
|
|
.PopupContainer .HeaderRight
|
|
{
|
|
width: 6px;
|
|
height: 27px;
|
|
background: transparent url(../images/module_header_right.gif) right top no-repeat;
|
|
}
|
|
|
|
.PopupContainer .HeaderIcon
|
|
{
|
|
float: left;
|
|
margin-right: 5px;
|
|
}
|
|
|
|
.PopupContainer .HeaderTitle
|
|
{
|
|
background: #FCFCFC url(../images/module_header_bkg.gif) left top repeat-x;
|
|
padding: 6px 4px 4px 4px;
|
|
font-family: Arial;
|
|
font-size: 9pt;
|
|
font-weight: bold;
|
|
width: auto;
|
|
}
|
|
|
|
.PopupContainer .Content
|
|
{
|
|
clear: both;
|
|
border: solid 1px #7F7F7F;
|
|
border-top: none;
|
|
background-color: #FCFCFC;
|
|
}
|
|
|
|
.PopupContainer .Body
|
|
{
|
|
padding-left: 20px;
|
|
font-size: 8pt;
|
|
}
|
|
|
|
|
|
|
|
/* Exchange Module Styles */
|
|
.ExchangeHeader
|
|
{
|
|
float: left;
|
|
background: transparent url(../images/Exchange/main_bg.gif) left top repeat-y;
|
|
}
|
|
.ExchangeBody
|
|
{
|
|
float: left;
|
|
background: transparent url(../images/Exchange/module_header.gif) left top no-repeat;
|
|
clear: both;
|
|
}
|
|
.ExchangeBottom
|
|
{
|
|
float: left;
|
|
background: transparent url(../images/Exchange/module_footer.gif) left bottom no-repeat;
|
|
}
|
|
.ExchangeFooter
|
|
{
|
|
float: left;
|
|
background: transparent url(../images/Exchange/bottom_bg.gif) left top repeat-y;
|
|
padding-bottom: 10px;
|
|
}
|
|
#ExchangeContainer
|
|
{
|
|
background-color: transparent;
|
|
}
|
|
|
|
#ExchangeContainer .Module
|
|
{
|
|
background-color: Transparent;
|
|
}
|
|
|
|
#ExchangeContainer .Header
|
|
{
|
|
margin: 0px;
|
|
background: Transparent;
|
|
padding: 20px 0px 10px 20px;
|
|
width: auto;
|
|
clear: both;
|
|
}
|
|
|
|
#ExchangeContainer .Header .Breadcrumb
|
|
{
|
|
font-family: Tahoma;
|
|
font-size: 9pt;
|
|
color: #000000;
|
|
text-decoration: none;
|
|
}
|
|
|
|
#ExchangeContainer .Left
|
|
{
|
|
padding-left: 15px;
|
|
float: left;
|
|
background: transparent;
|
|
padding-top: 14px;
|
|
width: 185px;
|
|
}
|
|
|
|
#ExchangeContainer .Content
|
|
{
|
|
float: right;
|
|
width: 790px;
|
|
}
|
|
|
|
#ExchangeContainer .Center
|
|
{
|
|
float: left;
|
|
background: transparent;
|
|
width: 100%;
|
|
}
|
|
|
|
#ExchangeContainer .Right
|
|
{
|
|
float: right;
|
|
margin: 20px 12px 10px 0px;
|
|
width: 168px;
|
|
background-color: transparent;
|
|
font-size: 11px;
|
|
text-align: justify;
|
|
}
|
|
|
|
#ExchangeContainer .Title
|
|
{
|
|
font-family: Arial;
|
|
font-size: 14pt;
|
|
margin-bottom: 5px;
|
|
}
|
|
|
|
#ExchangeContainer .MenuGroup
|
|
{
|
|
|
|
font-family: Tahoma;
|
|
font-size: 8pt;
|
|
color: #000000;
|
|
text-decoration:none;
|
|
font-weight:bold;
|
|
}
|
|
|
|
|
|
#ExchangeContainer .Menu
|
|
{
|
|
background: transparent url(../images/Exchange/menu_item_bg.gif) top left no-repeat;
|
|
padding-top: 2px;
|
|
padding-bottom: 30px;
|
|
}
|
|
|
|
#ExchangeContainer .Menu A
|
|
{
|
|
padding-left: 20px;
|
|
font-family: Tahoma;
|
|
font-size: 8pt;
|
|
color: #000000;
|
|
text-decoration: none;
|
|
background: transparent url(../images/Exchange/bullet.gif) center left no-repeat;
|
|
font-weight:normal;
|
|
}
|
|
|
|
#ExchangeContainer .Menu .SelectedMenuItem A,
|
|
#ExchangeContainer .Menu A:Hover
|
|
{
|
|
background: transparent url(../images/Exchange/bullet_hover.gif) center left no-repeat;
|
|
}
|
|
|
|
|
|
#ExchangeContainer .Menu .MenuItem
|
|
{
|
|
padding: 5px 0px 5px 10px;
|
|
|
|
}
|
|
|
|
#ExchangeContainer .Menu .SelectedMenuItem
|
|
{
|
|
font-weight: bold;
|
|
padding: 5px 0px 5px 10px;
|
|
|
|
}
|
|
|
|
/* VPS */
|
|
.VpsHeader
|
|
{
|
|
float: left;
|
|
background: transparent url(../images/Exchange/main_bg.gif) left top repeat-y;
|
|
}
|
|
.VpsBody
|
|
{
|
|
float: left;
|
|
background: transparent url(../images/Exchange/module_header.gif) left top no-repeat;
|
|
clear: both;
|
|
}
|
|
.VpsBottom
|
|
{
|
|
float: left;
|
|
background: transparent url(../images/Exchange/module_footer.gif) left bottom no-repeat;
|
|
}
|
|
.VpsFooter
|
|
{
|
|
float: left;
|
|
background: transparent url(../images/Exchange/bottom_bg.gif) left top repeat-y;
|
|
padding-bottom: 10px;
|
|
}
|
|
#VpsContainer
|
|
{
|
|
background-color: transparent;
|
|
}
|
|
|
|
#VpsContainer .Module
|
|
{
|
|
background-color: Transparent;
|
|
}
|
|
|
|
#VpsContainer .Header
|
|
{
|
|
margin: 0px;
|
|
background: Transparent;
|
|
padding: 20px 0px 10px 20px;
|
|
width: auto;
|
|
clear: both;
|
|
}
|
|
|
|
#VpsContainer .Header .Breadcrumb
|
|
{
|
|
font-family: Arial;
|
|
font-size: 9pt;
|
|
color: #000000;
|
|
text-decoration: none;
|
|
}
|
|
|
|
#VpsContainer .Left
|
|
{
|
|
padding-left: 15px;
|
|
float: left;
|
|
background: transparent;
|
|
padding-top: 14px;
|
|
width: 185px;
|
|
}
|
|
|
|
#VpsContainer .Content
|
|
{
|
|
float: right;
|
|
width: 790px;
|
|
}
|
|
|
|
#VpsContainer .Center
|
|
{
|
|
float: left;
|
|
background: transparent;
|
|
width: 100%;
|
|
}
|
|
|
|
#VpsContainer .Right
|
|
{
|
|
float: right;
|
|
margin: 20px 12px 10px 0px;
|
|
width: 168px;
|
|
background-color: transparent;
|
|
font-size: 11px;
|
|
text-align: justify;
|
|
}
|
|
|
|
#VpsContainer .Title
|
|
{
|
|
font-family: Arial;
|
|
font-size: 12pt;
|
|
font-weight: bold;
|
|
margin-bottom: 5px;
|
|
margin-left: 5px;
|
|
color: #444444;
|
|
}
|
|
|
|
#VpsContainer .SubTitle
|
|
{
|
|
font-family: Arial;
|
|
font-size: 11pt;
|
|
font-weight: bold;
|
|
margin-bottom: 5px;
|
|
}
|
|
|
|
#VpsContainer .MenuGroup
|
|
{
|
|
|
|
font-family: Tahoma;
|
|
font-size: 8pt;
|
|
color: #000000;
|
|
text-decoration:none;
|
|
font-weight:bold;
|
|
}
|
|
|
|
|
|
#VpsContainer .Menu
|
|
{
|
|
background: transparent url(../images/Exchange/menu_item_bg.gif) top left no-repeat;
|
|
padding-top: 2px;
|
|
padding-bottom: 30px;
|
|
}
|
|
|
|
#VpsContainer .Menu A
|
|
{
|
|
padding-left: 20px;
|
|
font-family: Tahoma;
|
|
font-size: 8pt;
|
|
color: #000000;
|
|
text-decoration: none;
|
|
background: transparent url(../images/Exchange/bullet.gif) center left no-repeat;
|
|
font-weight:normal;
|
|
}
|
|
|
|
#VpsContainer .Menu .SelectedMenuItem A,
|
|
#VpsContainer .Menu A:Hover
|
|
{
|
|
background: transparent url(../images/Exchange/bullet_hover.gif) center left no-repeat;
|
|
}
|
|
|
|
|
|
#VpsContainer .Menu .MenuItem
|
|
{
|
|
padding: 5px 0px 5px 10px;
|
|
}
|
|
|
|
#VpsContainer .Menu .SelectedMenuItem
|
|
{
|
|
font-weight: bold;
|
|
padding: 5px 0px 5px 10px;
|
|
|
|
}
|
|
|
|
/* VPSForPC */
|
|
.VpsForPCBody
|
|
{
|
|
float: left;
|
|
background: transparent url(../images/VPSForPC/private_cloud_module_header_vps.gif) left top no-repeat;
|
|
clear: both;
|
|
}
|
|
|
|
/* POPUP */
|
|
.Popup
|
|
{
|
|
width: 450px;
|
|
margin-left: auto;
|
|
margin-right: auto;
|
|
margin-top: 40px;
|
|
margin-bottom: 150px;
|
|
}
|
|
|
|
.Popup-Header
|
|
{
|
|
width: 100%;
|
|
}
|
|
|
|
.Popup-HeaderLeft
|
|
{
|
|
width: 6px;
|
|
height: 27px;
|
|
background: transparent url(../images/module_header_left.gif) left top no-repeat;
|
|
}
|
|
|
|
.Popup-HeaderRight
|
|
{
|
|
width: 6px;
|
|
height: 27px;
|
|
background: transparent url(../images/module_header_right.gif) right top no-repeat;
|
|
}
|
|
|
|
.Popup-HeaderIcon
|
|
{
|
|
float: left;
|
|
margin-right: 5px;
|
|
}
|
|
|
|
.Popup-HeaderTitle
|
|
{
|
|
background: #FCFCFC url(../images/module_header_bkg.gif) left top repeat-x;
|
|
padding: 6px 4px 4px 4px;
|
|
font-family: Arial;
|
|
font-size: 9pt;
|
|
font-weight: bold;
|
|
width: auto;
|
|
}
|
|
|
|
.Popup-Content
|
|
{
|
|
clear: both;
|
|
border: solid 1px #7F7F7F;
|
|
border-top: none;
|
|
background-color: #FCFCFC;
|
|
}
|
|
|
|
.Popup-Body
|
|
{
|
|
padding-left: 10px;
|
|
padding-right: 10px;
|
|
font-size: 8pt;
|
|
}
|
|
|
|
.Popup-Scroll
|
|
{
|
|
width: auto;
|
|
height: 200px;
|
|
overflow: auto;
|
|
white-space: nowrap;
|
|
} |