These elements control style and layout for editing elements, including the page editing elements near the navigation breadcrumb and the flyout page and portlet editor elements. This is not a complete list; for all available elements, see the mainstyle.css file.
Element | Editing Component | Example |
---|---|---|
#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; } |