| #ali-pageEdit |
The portal actions such as Edit Page, Create Page, etc. Appears
opposite the breadcrumb at the top or the portal page. |
#ali-pageEdit {
float:right;
padding: 0px 0px 12px 0px;
font-family:Helvetica, Arial, sans-serif;
color:#96b7ED;
text-align:right;
}
|
| #ali-edit-container |
The div that contains the flyout page editor. |
#ali-edit-container {
clear:left;
float:left;
width:97%;
margin:0px 12px 12px 12px;
min-width:950px;
}
|
| #ali-edit-toolbar |
The bar at the top of the flyout page editor and contains the
"Edit Page" text and the "X" (close editor) button for the editor. |
#ali-edit-toolbar {
float:left;
width:100%;
height:21px;
margin-top:6px;
background-color:#6B91C0;
background-image:url(../img/edit_title_topbar.gif);
background-repeat:repeat-x;
color:#FFFFFF;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:bold;
letter-spacing:1px;
}
|
| #ali-edit-cornerleft and #ali-edit-cornerright |
The top right and top left rounded corners for the flyout page
editor. |
#ali-edit-cornerleft {
clear:left;
float:left;
width:8px;
height:21px;
background-image:url(../img/edit_corner_topleft.gif);
background-repeat:no-repeat;
}
#ali-edit-cornerright {
float:right;
position:relative;
right:-2px;
width:8px;
height:21px;
background-image:url(../img/edit_corner_topright.gif);
background-repeat:no-repeat;
margin:0;
padding:0;
}
|
| #ali-edit-content |
The div containing the main section of the flyout editor below
the toolbar and above the rounded corners at the bottom. |
#ali-edit-content {
width:100%;
border-left:solid 1px #6B91C0;
border-right:solid 1px #6B91C0;
background-color:#ECEFF4;
color:#6B91C0;
}
|
| #ali-edit-tabs-container |
Can be used to set tabbed navigation within the flyout page
editor. (Not used in the default implementation of the flyout page
editor.) |
#ali-edit-tabs-container {
clear:left;
float:left;
width:100%;
margin:0;
padding:0;
height:30px;
background-image:url(../img/edit_tab_gradient.gif);
background-repeat:repeat-x;
background-color:#C8DCFF;
border-bottom:solid 1px #7497C4;
border-right:solid 1px #7497C4;
border-left:solid 1px #7497C4;
}
|
| .ali-edit-tabs |
Can be used to set the style of tabbed navigation within the
flyout page editor. (Not used in the default implementation of the
flyout page editor.) |
.ali-edit-tabs {
float:left;
margin:6px 0 0 0;
padding:0;
background-color:#CFd3E7;
border-left:solid 1px #7497C4;
border-top:solid 1px #7497C4;
border-right:solid 1px #7497C4;
}
|
| #ali-edit-footer |
Contains the elements for the bottom of the flyout page editor,
including the bottom outline and the left and right rounded corners. |
#ali-edit-footer {
width:100%;
clear:left;
float:left;
background-image:url(../img/edit_bot.gif);
background-repeat:repeat-x;
height:8px;
}
|
| #ali-edit-botleft and #ali-edit-botright |
The divs that contain the rounded corners for the bottom right
and bottom left corners of the flyout page editor. The images for
these corners are specified in the style as the background image. |
#ali-edit-botleft {
clear:left;
float:left;
width:8px;
height:8px;
position:relative;
left:-1px;
background-image:url(../img/edit_corner_botleft.gif);
background-repeat:no-repeat;
}
|
| #ali-edit-table |
Flyout portlet editor table. |
#ali-edit-table {
font-size:1em;
color:#000000;
margin:0px;
}
|
| #ali-edit-portlets |
Flyout portlet editor tab. |
#ali-edit-portlets {
float:left;
width:100%;
border-left:solid 1px #6B91C0;
border-right:solid 1px #6B91C0;
background-color:#ECEFF4;
color:#000000;
font-size:11px;
}
|
| #ali-edit-portlets-search |
Flyout portlet editor search form. |
#ali-edit-portlets-search {
float:left;
padding:0 18px 0 14px;
border-right:solid 1px #D5D6DA;
line-height:31px;
}
|
| #ali-edit-breadcrumb |
Flyout portlet editor breadcrumbs. |
#ali-edit-breadcrumb {
float:left;
color:#2B4A7B;
padding: 2px 24px 12px 2px;
font-family:Helvetica, Arial, sans-serif;
font-size:11px;
letter-spacing:1px;
}
|
| #ali-edit-main-col1 |
Flyout portlet editor folder display. |
#ali-edit-main-col1 {
float:left;
width:212px;
margin:0;
padding:0;
}
|
