/* $Header: /cvsroot/phpldapadmin/phpldapadmin/htdocs/css/style.css,v 1.48.2.1 2007/12/24 06:41:51 wurley Exp $ */ /* Global Page */ table.page { font-weight: normal; color: black; font-family: arial, helvetica, sans-serif; background-color: white; font-size: 12pt; empty-cells: hide; } /* Global Page - Defaults */ /* A HREF Links */ table.page a { border: 0px; color: #000066; text-decoration: none; } table.page a:hover { text-decoration: underline; color: blue; } table.page a img { border: 0px; } /* Global Page - Logo & Title */ table.page tr.head { text-align: center; color: white; background-color: #001188; font-weight: bold; font-size: 12px; height: 25px; } table.page tr.head img.logo { vertical-align: middle; text-align: center; width: 100px; height: 60px; } /* Global Page - Control Line */ table.page tr.control td { border-top: 1px solid #aaaacc; border-bottom: 1px solid #aaaacc; } /* Global Page - Control Line Menu Items */ table.page table.control { table-layout: fixed; width: 100%; } table.page table.control tr { width: 100%; } table.page table.control tr td { border-top: 0px; border-bottom: 0px; width: 30px; padding: 0px; padding-top: 5px; text-align: center; vertical-align: top; font-size: 11px; } table.page table.control tr td img { width: 24px; height: 24px; } table.page table.control a:hover { text-decoration: none; } table.page table.control tr td.spacer { width: 20%; } table.page table.control tr td.logo { text-align: right; width: 10%; } table.control td.logo img.logo { vertical-align: middle; text-align: right; width: 100px; height: 60px; } /* Global Page - LDAP Tree */ table.page td.tree { border-right: 1px solid #aaaacc; vertical-align: top; background-color: #fcfcfe; width: 10%; } /* @todo: check that this is still used */ table.page table.tree { } table.page table.tree td.head { font-weight: bold; color: #af0000; } table.page table.tree td.body { color: #bf0000; } table.page table.tree td.foot { font-size: small; color: #cf0000; border-top: 1px solid #aaaacc; border-bottom: 1px solid #aaaacc; } /* Global Page - Main Body */ table.page td.body { vertical-align: top; width: 100%; background-color: #fcfcfe; } /* Global Page - Main Body System Message */ table.page table.sysmsg { border-bottom: 2px solid #aaaacc; width: 100%; } table.page table.sysmsg td.head { font-size: small; text-align: left; font-weight: bold; } table.page table.sysmsg td.body { font-weight: normal; } table.page table.sysmsg td.icon { text-align: center; vertical-align: top; } /* Global Page - Main Body */ table.page table.body { font-weight: normal; background-color: #fcfcfe; width: 100%; } table.page table.body h3.title { text-align: center; margin: 0px; padding: 10px; color: white; background-color: #018; border: 1px solid black; font-weight: normal; font-size: 150%; } table.page table.body h3.subtitle { text-align: center; margin: 0px; margin-bottom: 15px; font-size: 75%; color: white; border-bottom: 1px solid black; border-left: 1px solid black; border-right: 1px solid black; background: #018; padding: 4px; font-weight: normal; } table.page table.body td.spacer { border-top: 2px solid #aaaacc; padding: 0px; font-size: 5px; } table.page table.body td.head { font-weight: bold; } table.page table.body td.foot { font-size: small; border-top: 1px solid #aaaacc; border-bottom: 1px solid #aaaacc; } /* Global Page Footer */ table.page tr.foot td { border-top: 1px solid #aaaacc; font-weight: bold; font-size: 10pt; text-align: right; } /* Global Page - Other Layouts */ /* Server Select */ table.page table.server_select { font-weight: bold; font-size: 13px; color: black; } /* Individual table layouts */ /* LDAP Tree */ table.tree { } table.tree tr.server td.icon { vertical-align: top; } table.tree tr.server td.name { padding-right: 10px; vertical-align: top; } table.tree tr.server td { padding-top: 5px; font-size: 18px; text-align: left; padding-right: 0px; white-space: nowrap; } table.tree td.expander { text-align: center; width: 22px; max-width: 22px; min-width: 22px; white-space: nowrap; } table.tree td.icon { text-align: center; width: 22px; max-width: 22px; min-width: 22px; white-space: nowrap; } table.tree td.server_links { vertical-align: top; text-align: center; padding-left: 3px; padding-right: 3px; } table.tree td.server_links a { font-size: 10px; } table.tree td.links { vertical-align: top; font-size: 10px; } table.tree td.links a { color: #0000AA; text-align: center; } table.tree td.rdn span.count { font-family: bitstream vera sans,luxi sans,verdana,geneva,arial,helvetica,sans-serif; font-size: 13px; color: #000000; } table.tree td.create a { font-family: bitstream vera sans,luxi sans,verdana,geneva,arial,helvetica,sans-serif; font-size: 13px; color: #000000; } table.tree td.create a:hover { font-family: bitstream vera sans,luxi sans,verdana,geneva,arial,helvetica,sans-serif; font-size: 13px; color: #841212; background-color: #fff0c0; text-decoration: none; } table.tree td.rdn a { font-family: bitstream vera sans,luxi sans,verdana,geneva,arial,helvetica,sans-serif; font-size: 13px; color: #000000; } table.tree td.rdn a:hover { font-family: bitstream vera sans,luxi sans,verdana,geneva,arial,helvetica,sans-serif; font-size: 13px; color: #841212; background-color: #fff0c0; text-decoration: none; } table.tree td.links a:hover { text-decoration: none; color: blue; } table.tree td.links a img { width: 22px; height: 22px; } table.tree td.blank { font-size: 1px; } table.tree td.spacer { width: 22px; } table.tree a.logged_in_dn { font-size: 11px; } /* Tree Global Defaults */ table.tree tr td { padding: 0px; } table.tree a { text-decoration: none; color: black; font-size: 16px; } table.tree a:hover { text-decoration: underline; color: blue; } /* Delete */ table.delete { background-color: #eeeeff; padding: 10px; border: 1px solid #aaaacc; } /* Create */ table.create { background-color: #eeeeff; padding: 10px; border: 1px solid #aaaacc; } table.create td.heading { font-size: 12px; vertical-align: top; } /* Confirm */ table.confirm { } table.confirm tr.heading { color: white; background-color: #018; font-size: 18px; } table.confirm tr.heading td { border: 1px solid #aaaacc; font-weight: bold; padding-top: 5px; padding-bottom: 5px; padding-left: 10px; padding-right: 10px; } table.confirm tr.even { background-color: #eee; } table.confirm tr.even td { border: 1px solid #aaaacc; font-weight: normal; padding-top: 5px; padding-bottom: 5px; padding-left: 10px; padding-right: 10px; } table.confirm tr.odd { background-color: #ccc; } table.confirm tr.odd td { border: 1px solid #aaaacc; font-weight: normal; padding-top: 5px; padding-bottom: 5px; padding-left: 10px; padding-right: 10px; } /* Create - Templates */ table.template_display { font-size: 13px; text-align: left; } table.template_display tr { vertical-align: top; } table.templates { vertical-align: top; text-align: left; } table.templates td.icon { width: 16px; text-align: center; } table.templates td.selector { width: 12px; text-align: left; } table.templates td.name { text-align: left; white-space: nowrap; } /* Edit DN */ /* @todo: whats this? */ div.add_value { font-size: 10pt; margin: 0px; padding: 0px; } /* Edit DN - EntryWriter1 */ table.edit_dn { border-collapse: collapse; border-spacing: 0px; empty-cells: show; width: 600px; } table.edit_dn input { margin: 1px; } table.edit_dn input.val { font-size: 14px; width: 350px; font-family: arial, helvetica, sans-serif; background-color: white; } table.edit_dn div.helper { text-align: left; white-space: nowrap; font-family: arial, helvetica, sans-serif; background-color: white; font-size: 14px; font-weight: normal; color: #888; } table.edit_dn input.roval { font-size: 14px; width: 350px; font-family: arial, helvetica, sans-serif; background-color: white; border: none; } table.edit_dn textarea.val { font-size: 14px; width: 350px; font-family: arial, helvetica, sans-serif; background-color: white; } table.edit_dn textarea.roval { font-size: 14px; width: 350px; font-family: arial, helvetica, sans-serif; background-color: white; border: none; } table.edit_dn tr td { padding: 4px; padding-right: 0px; } table.edit_dn tr td.attr { background-color: #eee; vertical-align: top; font-weight: bold; } table.edit_dn tr td.heading { border-top: 3px solid #ccc; font-weight: bold; } table.edit_dn tr td.attr_note { text-align: right; background-color: #eee; } table.edit_dn tr td.attr a { text-decoration: none; color: black; } table.edit_dn tr td.attr a:hover { text-decoration: underline; color: #016; } table.edit_dn tr td.val { text-align: left; vertical-align: middle; padding-bottom: 10px; padding-left: 50px; } /** When an attr is updated, it is highlighted to indicate such */ table.edit_dn tr.updated_attr td.attr { border-top: 1px dashed green; border-left: 1px dashed green; background-color: #ded; } table.edit_dn tr.updated_attr td.attr_note { border-top: 1px dashed green; border-right: 1px dashed green; background-color: #ded; } /** An extra row that sits at the bottom of recently modified attrs to encase them in dashes */ table.edit_dn tr.updated_attr td.bottom { border-top: 1px dashed green; } /** Formatting for the value cell when it is the attribute that has been recently modified */ table.edit_dn tr.updated_attr td.val { border-left: 1px dashed green; border-right: 1px dashed green; } /* Need to prevent sub-tables (like the one in which jpegPhotos are displayed) * from drawing borders as well. */ table.edit_dn tr.updated_attr td table td { border: 0px; } table.edit_dn tr.updated_attr a { } table.edit_dn tr.mod_dn { background: #def; } table.edit_dn tr.row1 { background: #eee; } table.edit_dn tr.row2 { background: #ccc; } table.edit_dn_menu { font-size: 14px; } table.edit_dn_menu td.icon { width: 16px; text-align: center; } /* Edit DN - EntryWriter2 */ span.hint { font-size: small; font-weight: normal; color: #888; } table.edit_dn tr.spacer { background-color: #ddd; } table.edit_dn tr td.ew2_icon { vertical-align: top; } table.edit_dn tr td.ew2_attr { vertical-align: top; text-align: right; font-size: 75%; background-color: #fff; font-weight: bold; } table.edit_dn tr td.ew2_attr a { text-decoration: none; color: black; } table.edit_dn tr td.ew2_attr a:hover { text-decoration: underline; color: #016; } table.edit_dn tr td.ew2_val { text-align: left; vertical-align: top; padding-bottom: 10px; padding-left: 50px; } table.edit_dn tr.updated_attr td.ew2_attr { text-align: right; font-size: 75%; border-top: 1px dashed green; border-left: 1px dashed green; border-bottom: 1px dashed green; background-color: #ded; } table.edit_dn tr.updated_attr td.ew2_val { border-top: 1px dashed green; border-left: 1px dashed green; border-right: 1px dashed green; border-bottom: 1px dashed green; } /* Compare */ table.comp_dn { border-collapse: collapse; border-spacing: 0px; empty-cells: show; font-size: 80%; } table.comp_dn tr { width: 200px; } table.comp_dn tr td.attr { background-color: #eee; vertical-align: top; font-weight: bold; } table.comp_dn tr td.attr_note { text-align: right; background-color: #eee; padding-right: 50px; } /* Login Box */ table.login { background-color: #eeeeff; padding: 10px; border: 1px solid #aaaacc; } #pla_login { background: url('../images/uid.png') no-repeat 0 1px; background-color: #fafaff; padding-left: 17px; } #pla_login:focus { background-color: #ffffba; } #pla_login:disabled { background-color: #ddddff; } #pla_pass { background: url('../images/key.png') no-repeat 0 1px; background-color: #fafaff; padding-left: 17px; } #pla_pass:focus { background-color: #ffffba; } #pla_pass:disabled { background-color: #ddddff; } #generic { background-color: #fafaff; padding-left: 17px; } #generic:focus { background-color: #ffffba; } #generic:disabled { background-color: #ddddff; } /* Search Box */ table.search { background-color: #eeeeff; padding: 10px; border: 1px solid #aaaacc; } table.search td.title { text-align: center; font-weight: bold; } table.search td.subtitle { text-align: center; font-weight: normal; font-size: small; } /* Search Results */ table.search_result { width: 100%; vertical-align: top; empty-cells: show; border: 1px solid #aaaacc; border-spacing: 0px; background-color: #ddf; } table.search_result tr.header { vertical-align: top; } table.search_result tr.list_dn { background-color: white; } table.search_result tr.list_dn td.icon { text-align: center; vertical-align: top; } table.search_result tr.list_attr { background-color: white; } table.search_result tr.list_attr td.blank { width: 25px; } table.search_result tr.list_attr td.attr { color: gray; width: 10%; font-size: 12px; } table.search_result tr.list_attr td.val { color: black; font-size: 12px; } table.search_result_table { border: 1px solid #aaaacc; border-collapse: collapse; empty-cells: show; } table.search_result_table td { vertical-align: top; border: 1px solid #aaaacc; padding: 4px; } table.search_result_table th { border: 1px solid #aaaacc; padding: 10px; padding-left: 20px; padding-right: 20px; } table.search_result_table tr.highlight { background-color: #eee; } /* Export Box */ table.export { background-color: #eeeeff; padding: 10px; border: 1px solid #aaaacc; } /* Error Dialog Box */ table.error { width: 500px; border: 1px solid #aa0000; background-color: #fff0f0; } table.error th { background-color: #aa0000; border: 0px; color: #ffffff; font-size: 12pt; font-weight: bold; text-align: center; vertical-align: middle; width: 100%; } table.error th.img { vertical-align: middle; text-align: center; } table.error td { border: 0px; background-color: #fff0f0; padding: 2px; text-align: left; vertical-align: top; } /* Schema Viewer */ table.schema { width: 100%; empty-cells: show; } table.schema tr.name { background-color: #016; padding: 5px; color: white; font-weight: bold; font-size: 125%; text-align: center; } table.schema tr.name a { color: white; } table.schema tr.even { background-color: #eee; } table.schema tr.odd { background-color: #ccc; } table.schema td.type { width: 20%; padding: 5px; } table.schema tr.highlight{ background-color: #bcd; font-weight: bold; padding: 5px; } /* Schema Viewer - ObjectClasses*/ table.schema_oclass { width: 100%; border-spacing: 0px; } table.schema_oclass tr.name td { background: #016; padding: 5px; margin: 0px; margin-top: 8px; font-weight: normal; border: 1px solid black; font-size: 140%; } table.schema_oclass tr.name a { color: white; } table.schema_oclass tr.name a:hover { color: #acacae; text-decoration: none; } table.schema_oclass tr.detail td { background: #dde; border: 1px solid black; border-top: 0px; font-weight: normal; margin: 0px; padding: 2px; padding-left: 5px; font-size: 80%; } table.schema_oclass tr.attrshead { background-color: #eee; } table.schema_oclass tr.attrshead td.left { border-left: 1px solid black; width: 0px; } table.schema_oclass tr.attrshead td.right { border-right: 1px solid black; width: 0px; } table.schema_oclass tr.attrshead td { vertical-align: top; text-align: left; padding-left: 5px; width: 50%; } table.schema_oclass tr.attrs { vertical-align: top; background-color: #eee; } table.schema_oclass tr.attrs td.left { border-left: 1px solid black; width: 0px; } table.schema_oclass tr.attrs td.right { border-right: 1px solid black; width: 0px; } table.schema_oclass tr.attrs td { border-bottom: 1px solid black; padding-left: 5px; } table.schema_oclass tr.attrs ul.schema { margin: 5px; margin-left: 0px; padding-left: 20px; } table.schema_oclass tr.attrs ul.schema li { margin-left: 0px; padding-left: 0px; } table.schema_oclass tr.attrs ul.schema li small { font-size: 75%; color: #777; } table.schema_oclass tr.attrs ul.schema li small a { color: #77c; } /* Password Checker */ div.password_checker h3 { text-align: center; margin: 0px; padding: 0px; color: white; background-color: #018; font-weight: bold; font-size: 18px; } table.password_checker { background-color: #eeeeff; padding: 10px; border: 1px solid #aaaacc; } table.password_checker td.head { font-size: 13px; font-weight: bold; width: 10%; white-space: nowrap; } table.password_checker td.body { width: 300px; } span.good { color: green; } span.bad { color: red; } /* Entry Chooser */ div.entry_chooser h3 { text-align: center; margin: 0px; padding: 0px; color: white; background-color: #018; font-weight: bold; font-size: 18px; } table.entry_chooser td.head { font-size: 13px; width: 10%; white-space: nowrap; } table.entry_chooser td.value { font-size: 15px; font-weight: bold; width: 100%; } table.entry_chooser td.body { font-size: 14px; font-weight: normal; width: 100%; padding: 1px; } table.entry_chooser td.icon { text-align: center; padding: 0px; width: 15px; } table.entry_chooser td.icon img { border: 0px; } table.entry_chooser td.spacer { width: 10px; text-align: center; padding: 0px; font-size: 0px; }