ALI 6.5 Adaptive Styles User Elements
These elements control style and layout for user elements,
including user profile, user activity stream, user friends and user
information components. This is not a complete list; for all available
elements, see the mainstyle.css file.
| Element |
User Component |
Example |
| #ali-user-navbar |
The user profile navigation menu in portal navigation. |
#ali-user-navbar {
clear:both;
width:100%;
padding:0 0 2px 0;
margin:0;
height:27px;
background-image:url(../img/nav_2nd_pages.gif);
background-repeat:repeat-x;
letter-spacing:1px;
font:bold .725em Helvetica;
line-height:24px;
min-width:980px;
}
|
| .ali-user-activity* |
These elements control the display of user activity stream
components. The User Activities portlet usually appears on the user
profile page. |
.ali-user-activity-pulldown {
clear:both;
float:right;
width:99%;
padding:3px 16px 0 0;
color:#000000;
text-align:right;
font-size:.75em;
}
.ali-user-activity-stream {
margin: 8px 0 0 0;
padding:0 0 0 4px;
background-color:#EFF2FA;
border-bottom:solid 1px #DBDEE4;
font-size:.75em;
font-weight:bold;
letter-spacing:1px;
}
|
| .ali-user-friends* |
These elements control the display of the user friends components.
The User's Friends list portlet usually appears on the User Profile
page. . |
.ali-user-pulldown {
clear:both;
float:right;
width:99%;
padding:3px 16px 0 0;
color:#000000;
font-size:.75em;
text-align:right;
}
.ali-friends-info-title {
padding-right:6px;
text-align:right;
color:#6E7686;
font-size:.75em;
font-weight:bold;
letter-spacing:1px;
}
|
| #ali-user-geninfo* |
These elements control the display of the user general information
components, the main information on the User Profile page. |
#ali-user-geninfo-edit {
float:right;
width:100px;
margin:-4px;
padding:6px 12px 6px 12px;
background-color:#EFF3FF;
border-left:solid 1px #C4C8DB;
text-align:center;
}
.ali-user-geninfo-title {
padding-right:6px;
text-align:right;
color:#6E7686;
font-size:.65em;
font-weight:bold;
letter-spacing:0;
}
|
| #ali-user-search |
The search section in the user general info component. |
#ali-user-search {
float:right;
padding:3px 24px;
margin:0;
height:22px;
width:310px;
background-image:url(../img/nav_2nd_sub.gif);
background-repeat:repeat-x;
border-left:solid 1px #6f90cf;
}
|
