websitepanel/WebsitePanel/Sources/WebsitePanel.WebPortal/App_Themes/Default/Styles/Containers.css
2012-10-10 19:59:27 -04:00

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