ALI 6.5 Adaptive Styles Base Page Elements
These elements control style and layout for base page elements,
including the action bar and banner. This is not a complete list;
for all available elements, see the mainstyle.css file.
| Element |
Page Component |
Example |
| body |
The main body of the page (any text-based content not inside
another element). |
body {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:100%;
color: #FFFFFF;
margin: 0px;
}
|
| a:hover |
Links in the main body of the page on mouse-over. |
a:hover {
text-decoration:underline;
}
|
| #ali-actionbar |
The action bar at the top of the page. |
#ali-actionbar {
width:100%;
height:22px;
background-color: #0A2F66;
background-image: url(../img/banner_action_bkg.jpg);
background-repeat: repeat-x;
font-family:Verdana, Arial, Helvetica, sans-serif;
min-width:980px;
}
|
| #ali-banner |
The main content in the portal banner. This area usually contains
company branding, which can include an image referenced in the background-image: url parameter. |
#ali-banner {
width:100%;
height:80px;
background-color: #1D54A6;
background-image: url(../img/banner_bkg.jpg);
background-repeat: repeat-x;
font-family:Verdana, Arial, Helvetica, sans-serif;
min-width:980px;
}
|
| #ali-bannerWelcome |
The welcome text displayed in the portal banner. |
#ali-bannerWelcome {
float:left;
background:none;
color:#B2D8FF;
font-size:.8em;
letter-spacing:1px;
padding:6px 4px 0px 12px;
}
|
| #ali-bannerNav |
The navigation section of the portal banner. |
#ali-bannerNav {
float:right;
background:none;
color:#A6CFF6;
font-size:.8em;
letter-spacing:1px;
padding:6px 12px 4px 4px;
text-align:right;
}
|
| #ali-bannerLogo |
The logo in the portal banner. |
#ali-bannerLogo {
clear:left;
float:left;
padding:10px 10px 0px 14px;
}
|
| #ali-footer |
The portal page footer. |
#ali-footer {
clear:both;
width:100%;
height:22px;
background-image:url(../img/footer_bkg.gif);
background-repeat:repeat-x;
color:#FFFFFF;
font-family:Arial, Helvetica, sans-serif;
font-size:.7em;
letter-spacing:1px;
text-align:center;
margin-top:48px;
padding:4px 0 0 0;
min-width:980px;
}
|
