These elements control style and layout for Directory elements. This is not a complete list; for all available elements, see the mainstyle.css file.
Element | Directory Component | Example |
---|---|---|
#ali-kd-title | The title displayed on the Directory page. | #ali-kd-title { float:left; height:22px; padding:4px 12px 0 12px; border-right:solid 1px #9BBEEE; color:#7197c6; font-size:.8em; font-weight:bold; letter-spacing:2px; } |
#ali-kd-main* | These elements control the main page of the Directory | #ali-kd-main-bar { clear:both; float:left; width:100%; min-width:980px; margin:0; padding:0; border-top:solid 1px #DBD9D9; border-bottom:solid 1px #C9CED9; background-color:#CFDFFF; background-repeat:repeat-x; height:7px; } #ali-kd-main-col1 { float:left; width:212px; margin:0 60px 48px 36px; } .ali-kd-main-header { width:100%; margin-top:24px; padding:2px 4px; background-color:#E5E9F6; border-bottom:solid 1px #C6CAD4; } |
#ali-kd-breadcrumb | The breadcrumb displayed on the Directory page. | #ali-kd-breadcrumb { float:left; height:22px; padding:5px 0 0 0; margin-left:-28px; font-size:.75em; font-weight:bold; color:#2B4A7B; } |
#ali-kd-sorting-bar | The div in the Directory and search results pages that contains the pull-down menu for sorting results or listings by "items per page", "item type", etc. | #ali-kd-sorting-bar { clear:both; float:left; width:100%; min-width:1000px; margin:0; padding:0; height:31px; border-top:solid 1px #D5D4D4; border-bottom:solid 1px #A8B8D9; background-image:url(../img/kd_sort_bkg.gif); background-repeat:repeat-x; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:.8em; color:#000000; font-weight:normal; } |
#ali-kd-documents | The div for listings of items in Directory folders. | #ali-kd-documents { clear:both; float:left; width:64%; min-width:625px; min-height:500px; margin:0 0 0 32px; padding:6px 64px 48px 0; background-image:url(../img/kd_subfolders_bkg.gif); background-repeat:repeat-y; background-position:right; } |
.ali-kd-doc-office.ali-kd-doc-web.ali-kd-doc-text | The icon and text for specific document types. | .ali-kd-doc-office { clear:both; color:#000000; font-size:.8em; padding:0 24px 24px 34px; background-image:url(../img/icon_officedoc_24px.gif); background-repeat:no-repeat; } |
#ali-kd-pagenav | Directory navigation section. | #ali-kd-pagenav { clear:both; float:right; line-height:2em; color:#A1B2C4; font-size:.7em; padding-right:24px; margin-bottom:12px; } |
#ali-kd-side | Directory subfolders and related links sections. | #ali-kd-side { float:left; right:18px; width:25%; margin:0 0 0 -12px; padding:20px 0 48px 0; min-width:250px; letter-spacing:1px; font-family:Helvetica, sans-serif; font-size:.8em; font-weight:bold; color:#7197C6; } |
#ali-kd-subfolder li | Directory subfolder links. | #ali-kd-subfolder li { padding:2px 0 2px 24px; list-style:none; background-image:url(../img/icon_folder_16px.gif); background-repeat:no-repeat; background-position:0 50%; } |
.ali-kd-related a | Directory related links. | .ali-kd-related a { font-size:90%; font-family:Arial, Helvetica, sans-serif; font-weight:normal; color:#3761B7; text-decoration:none; } |