From 02803be1ba39e7c9e642f9a45889d196ff3598dc Mon Sep 17 00:00:00 2001 From: Kyle Baker Date: Thu, 20 Jan 2011 15:39:59 -0500 Subject: Main UI, migration, and html Style updates --- install/html/FreeWay-Bold.otf | Bin 0 -> 47524 bytes install/html/FreeWay.otf | Bin 0 -> 38948 bytes install/html/Static-Background.png | Bin 0 -> 183 bytes install/html/centered-bg.png | Bin 0 -> 4122 bytes install/html/firefox-icon.png | Bin 0 -> 6107 bytes install/html/ie-icon.png | Bin 0 -> 5265 bytes install/html/ipa_error.css | 842 +++++++++++++++++++++++++++++++++++++ install/html/ipalogo.png | Bin 0 -> 2492 bytes install/html/ssbrowser.html | 120 +++--- install/html/unauthorized.html | 63 +-- 10 files changed, 940 insertions(+), 85 deletions(-) create mode 100644 install/html/FreeWay-Bold.otf create mode 100644 install/html/FreeWay.otf create mode 100644 install/html/Static-Background.png create mode 100644 install/html/centered-bg.png create mode 100644 install/html/firefox-icon.png create mode 100644 install/html/ie-icon.png create mode 100644 install/html/ipa_error.css create mode 100644 install/html/ipalogo.png (limited to 'install/html') diff --git a/install/html/FreeWay-Bold.otf b/install/html/FreeWay-Bold.otf new file mode 100644 index 000000000..793185317 Binary files /dev/null and b/install/html/FreeWay-Bold.otf differ diff --git a/install/html/FreeWay.otf b/install/html/FreeWay.otf new file mode 100644 index 000000000..ebefcb25e Binary files /dev/null and b/install/html/FreeWay.otf differ diff --git a/install/html/Static-Background.png b/install/html/Static-Background.png new file mode 100644 index 000000000..b8c28931e Binary files /dev/null and b/install/html/Static-Background.png differ diff --git a/install/html/centered-bg.png b/install/html/centered-bg.png new file mode 100644 index 000000000..9e606a815 Binary files /dev/null and b/install/html/centered-bg.png differ diff --git a/install/html/firefox-icon.png b/install/html/firefox-icon.png new file mode 100644 index 000000000..ca149a42a Binary files /dev/null and b/install/html/firefox-icon.png differ diff --git a/install/html/ie-icon.png b/install/html/ie-icon.png new file mode 100644 index 000000000..52f7a83f2 Binary files /dev/null and b/install/html/ie-icon.png differ diff --git a/install/html/ipa_error.css b/install/html/ipa_error.css new file mode 100644 index 000000000..abd850d61 --- /dev/null +++ b/install/html/ipa_error.css @@ -0,0 +1,842 @@ +/* Authors: + * Pavel Zuna + * Adam Young + * Endi Sukma Dewata + * Kyle Baker + * + * Copyright (C) 2010 Red Hat +*/ + + +@font-face {font-family: "FreeWay"; src:url("FreeWay.otf");} +@font-face {font-family: "FreeWayBold"; src:url("FreeWay-Bold.otf");} + +body{ + background-image:url("outer-bg.png"); + background-repeat:repeat-x; + background-position:left top; + background-color:#F9F9F9; + border-width: 0; + font-family:"Liberation Sans",Arial,Sans; + font-size:11px; + margin: 0; +} + +.center-container { + margin-left: auto; + margin-right: auto; + width: 960px; +} + +.ui-widget { + font-size: 1em; +} + +.input_link { + padding: .4em 1em .4em 2em; + text-decoration: none; + position: relative; + cursor: pointer; +} + +.input_link span.ui-icon { + -moz-border-radius: 0.3em; + border: 1px solid #B8B8B8; + margin: -0.9em 0.4em 0em -0.3em; + position: absolute; + left: .2em; + top: 50%; +} + +/* ---- Header ---- */ +div.header { + background-color:#0C3B00; + width: 100%; + height: 4em; +} + +div.header a { + text-decoration: none; +} + +div.header a:link { + text-decoration: none; + color: white; +} + +div.header a:visited { + text-decoration: none; + color: white; +} + +div.header span.header-logo { + padding-left: 2em; +} + +div.header span.header-logo a img { + border: 0; +} + +div.header span.header-loggedinas { + width: 96em; + color: #fff; + display: block; + padding-left: 71em; + margin-top: -2.6em; + margin-left: auto; + margin-right: 27.6em; + width: 20em; +} + +/* ---- Navigation ---- */ +div.tabs { + overflow: auto; + width: 100%; + height: 100%; + min-height: 40em; +} + +div#content { + margin-top: 0; + position: relative; + width: 100%; +} + + +ul#viewtype { + padding-left: 2em; +} + +ul#viewtype li { + color: #656565; + display: inline; + font-weight: bold; + list-style-type: none; + padding-right: 2em; +} + + +ul#viewtype li img { + vertical-align: middle; +} + +ul#viewtype li a { + font-weight: normal; +} + +div.content div.content-buttons { + float: right; + margin-right: 1.5em; +} + +div.content div.content-buttons img { + border: 0; +} + +h2 { + font-family: "FreeWayBold","Liberation Sans", Arial, sans-serif; + font-size: 1.5em; + font-weight: normal; + color: #333333; + text-transform: uppercase; + margin-left: 1em; + margin-bottom: 0; + text-align: left; +} + +.section-expand{ + float:left; + -moz-border-radius: 0.3em; + background-color: -moz-linear-gradient(top, #959595, #5e5e5e); + border: 1px solid #b8b8b8; + color: #fff; + margin-right: 0.5em; + margin-top: 0.1em; +} + +hr { + background-color: #EEEEEE; + clear: both; + color: #FFFFFF; + height: 0.1em; + margin-left: 1.5em; + margin-right: 1.5em; + margin-top: 1em; +} + +.details-section { + margin-left: 4.5em; + margin-right: 1.5em; + margin-top: 1.8em; + white-space: nowrap; + padding-bottom: 1.8em; + padding-right: 1.8em; +} + +.undo { + cursor:pointer; +} + +dl.entryattrs { + clear: both; + margin-left: 1.5em; + margin-top: 1.8em; + white-space: nowrap; +} + +dl.entryattrs dt { + clear: left; + float: left; + padding-bottom: 1.8em; + padding-right: 1.8em; + text-align: right; + width: 16em; + margin: 0.5em -0.5em 0 -6em; +} + +dl.entryattrs dd { + float: left; + padding-bottom: 1.8em; +} + +dl.entryattrs dd.first { + margin-left: 0; + margin-top: 0.7em; +} + +dl.entryattrs dd.other { + clear: both; + margin-left: 10.7em; +} + +dl.entryattrs input { + margin-right: 0.5em; + margin-top: -1.2em; + min-width: 27.5em; +} + + +span.attrhint { + font-size: 8pt; + left: 5em; + margin-left: 12.5em; + position: absolute; + overflow-x: hidden; +} + + +/*Navigation */ +.tabs1 .ui-tabs-nav{ + padding-left: 2.5em; + padding-top: 2em; + margin: 0; + border: none; + background-image: url("Mainnav-background.png"); + -moz-border-radius: 0; +} + +.ui-tabs { + padding:0; +} + +#the positions for these are in the large icon image, +#and need to be specified in pixels. +.ui-icon-plus { + background-position: -16px -129px; +} + +.ui-icon-minus { + background-position: -48px -129px; +} + +.ui-icon-trash { + background-position: -176px -97px; +} + +.ui-widget-content .ui-icon { + background-image: url("ui-icons_222222_256x240.png"); + background-color: #e2e2e2; +} + +.ui-widget-content { +} + + +.ui-widget-content a { + text-decoration: none; + color: #1d85d5; + font-weight: normal; +} + +.ui-widget-header { + background: url("modal-background.png") repeat scroll 50% 50% #1f9123; + border: 1px solid #244c16; + color: #EEEEEE; + font-weight: bold; +} + +.tabs1 .ui-tabs-nav { + height: 3em; +} + +.ui-widget input, .ui-widget select, +.ui-widget textarea, .ui-widget button { + font-family: "Liberation Sans", Arial, sans-serif; + font-size: 1.3em; + margin-right: .1em; +} + +.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { + -moz-border-radius: .3em; + background: -moz-linear-gradient(top, #959595, #5e5e5e); + border: 1px solid #777777; + color: #fff; + font-weight: normal; +} + +.tabs1 .ui-tabs-nav li { + -moz-border-radius: 0 !important; + background-image: url("Mainnav-offtab.png"); + margin: 0; + border-width: 0; + text-align: center; + vertical-align:baseline; + } + +.tabs1 .ui-tabs-nav li.ui-tabs-selected { + padding: 0 0; + background-image: url("Mainnav-ontab.png"); + text-align: center; + margin: 0; +} + +.tabs1 .ui-tabs-nav li a{ + -moz-border-radius: 0 !important; + font-family: "FreeWayBold", "Liberation Sans", Arial, Sans; + width:5.5em; + padding: none; + color: #7E7E7E; + margin: 0 auto; + text-align:center; + font-size:1.5em; +} + + +.tabs1 .ui-tabs-nav li > a:link, span.main-nav-off > a:visited{ + color: #7E7E7E; +} + +.tabs1 .ui-tabs-nav li.ui-tabs-selected a{ + color: #3D752A; +} + +.tabs1 .ui-tabs-panel { + display: block; + border-width: 0; + padding: 0 0 0 0; + background: none; + overflow-x: hidden; +} + +.tabs2 .ui-tabs-nav { + padding: 0.3em 6em 0 4em; + margin: 0; + height: 2.4em; + background-image: url("Subnav-background.png"); +} + +.tabs2 .ui-tabs-nav li { + width:auto; + padding-left: 1em; + margin: 0; + background: #326122 !important; + color: white; +} + +.tabs2 .ui-tabs-nav li.ui-tabs-selected { + padding-left: 1em; + height: 1em; + background: #326122 !important; +} + + +.tabs2 .ui-tabs-nav li a{ + width:auto; + padding: 0.4em 0.6em ; + -moz-border-radius: 2em !important; + border-radius: 2em !important; + color: white; + font-size: 1em; + font-family: "Liberation Sans", Arial, Sans; +} + +.tabs2 .ui-tabs-nav li > a:link, span.main-nav-off > a:visited{ + color:white; +} + + +.tabs2 .ui-tabs-nav li a:hover{ + background: none repeat scroll 0 0 #1C3612; +} + +.tabs2 .ui-tabs-nav li.ui-tabs-selected a{ + background: none repeat scroll 0 0 #1C3612; + color: white; + +} + +span.sub-nav-off > a:link, span.sub-nav-off > a:visited{ + color:white; +} + +span.main-nav-off > a:link, span.main-nav-off > a:visited{ + color:white; +} + +span.main-separator{ + background: #333339; + padding:0.1em; +} + + + +/* Entity */ + +.entity-container{ + position: relative; + left: 22em; + width: 80%; + margin: 0.06em; + padding: 0.06em; + background: #e8e8e8; +} + +.action-panel { + position: fixed; + height: 33em; + left: auto; + border: none; + float: none; + margin-top: 6.3em; + margin-left: -19.5em; + margin-right: 0; + padding-left: 0; + position: fixed; + width: 18em; + background-image:url("panel-background.png"); + background-repeat:no-repeat; + background-position:right; +} + +.action-panel h3{ + font-family: "FreeWayBold", "Liberation Sans", Arial, sans-serif; + color: #333333; + margin: 0; + background: #EEEEEE; + padding: .5em; + border-right: 1px solid #dfdfdf; + text-transform: uppercase; + font-size: 1.2em; +} + +.action-panel ul { + list-style-type:none; + padding-left: .5em; +} + +.action-panel h3{ + margin: 0; + background: #e8e8e8; +} + +.action-panel li { + font-family: "FreeWayBold", "Liberation Sans", Arial, sans-serif; + font-size: 1.1em; + color: #1d85d5; + list-style-type: none; + min-height: 2.1em; + padding: none; +} + +.action-panel li.search-facet { + font-family: "FreeWayBold", "Liberation Sans", Arial, Sans; + color: #1D85D5; + cursor: pointer; + text-transform: uppercase; + font-size: 1.2em; +} + +.action-panel li.entity-facet { + font-family: "Liberation Sans",Arial,sans-serif; + color: #1d85d5; + cursor: pointer; + margin-left:1.2em; + text-transform: none; +} + +.action-panel li.entity-facet-selected { + font-family: "FreeWayBold", "Liberation Sans", Arial, Sans; + color: black; + text-transform: uppercase; + cursor: pointer; +} + +.action-panel li.entity-facet-disabled { + font-family: "Liberation Sans",Arial,sans-serif; + color: gray; + cursor: default; + text-decoration: none; + text-transform: none; + +} + +.action-panel li.entity-facet-relation-label { + font-family: "FreeWayBold", "Liberation Sans", Arial, Sans; + color: #8a8a8a; + cursor: default; + text-transform: uppercase; + margin-left:1.8em; +} + +.action-panel li.facet-group-member { + margin-left: 2.9em +} + + +.action-button { + background: none; + background-image:none; + font-family: "Liberation Sans", Arial, sans-serif; + font-size: 0.9em; +} + +.action-controls { + position: relative; + display:inline; +} + +.client { + font-size: 10px; + margin-top: 0.4em; + float: left; + min-width: 70em; +} + +/* Migration */ + +body#header-bg { + background: url("Static-Background.png") repeat-x scroll left top #EDEDED; +} + +.container_1 { + margin-left: auto; + margin-right: auto; + width: 960px; + background: url("centered-bg.png") no-repeat scroll 0 7em transparent; + min-height: 40em; +} + +#formwindow { + -moz-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.6); + background: none repeat scroll 0 0 #FFFFFF; + border-color: #FFFFFF #F0F0F0 #F0F0F0; + border-right: 1px solid #F0F0F0; + border-style: solid; + border-width: 1px; + color: #3F3F3F; + margin: 40px auto 100px; + width: 450px; +} + +.formcontent { + padding: 0 1em 2em 2em; +} + +#error-box { + -moz-border-radius: 0.3em 0.3em 0.3em 0.3em; + background-color: #FFEBE8; + border: 1px solid #DD3C10; + margin: 0 2em 1em; + padding: 1em 1em 0 0; +} + +.# { + background: url("ipalogo.png") no-repeat scroll left top transparent; + border: none; + float: left; + height: 36px; + width: 205px; +} + +#formwindow h4 { + background-color: #F0F0F0; + font-size: 1.6em; + padding: 18px 15px 14px 22px; + text-transform: uppercase; + margin-top: 0; +} + +#login li { + padding-bottom: 15px; + text-align: right; + width: 370px; + list-style-type: none; +} + +#login li input { + -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2) inset; + margin-left: 15px; + padding: 2px 10px; + width: 248px; +} + +#login li label, #modal li label { + font-weight: bold; + font-size: 1.2em; + list-style-type: none; +} + +form#login { + display: inline-block; + padding-bottom: 15px; + width: 418px; +} + +.formbutton input { + float: right; + margin: 1em 1em 1em 0; + -moz-border-radius: 0.3em 0.3em 0.3em 0.3em; + background: -moz-linear-gradient(center top, #959595, #5e5e5e) repeat scroll 0 0 transparent; + border: 1px solid #777777; + color: #ffffff; + font-weight: normal; + padding: 0.5em 0.8em; +} + +.textblock { + text-align: center; + margin-top: 6em; + font-size: 1.1em; +} + +.textblockkrb { + text-align: left; + margin-top: 5em; + font-size: 1.1em; + padding-left: 3em; + +} + +.textblockkrb ul li { + list-style-type: none; + padding: .15em; + +} + + +h3 { + color: #333333; + font-family: "FreeWayBold", "Liberation Sans", Arial, sans-serif; + font-size: 1.5em; + font-weight: normal; + text-transform: uppercase; +} + +h5 { + color: #333333; + font-family: "FreeWayBold", "Liberation Sans", Arial, sans-serif; + font-size: 1em; + font-weight: normal; + text-transform: uppercase; + margin-bottom: 3em; + margin-left: 5em; + margin-top: -3em; + +} + + + +/* Search */ + +.search-controls { + -moz-border-radius: .7em .7em 0 0; + height:2.5em; + background: -moz-linear-gradient(top, #eeeeee, #dfdfdf); + position: relative; + padding: 1em 1.5em; + margin-top: 1.5em; +} + +.search-table > a:link,a:visted{ + color:black; +} + +.search-table{ + padding: 0; + width:100%; + border: none; +} + +.search-table td{ + padding-left: 0.5em; +} + +.search-table th{ + padding-left: 0.5em; + background-color:#f6f6f6; + color:#333333; + text-align: left; + border: 1px solid #dfdfdf; +} + +.search-table tfoot tr td span{ + border-top: 1px solid #dfdfdf; + padding: 0.9em 0 0 1em; + display: block; + margin-top: 2em; +} + +.search-table tr:nth-child(even){ +# background-color:#CCC; +} + +.search-table tr:nth-child(odd){ +# background-color:#FFF; +} + +.entity-views{ + list-style-type:none; +} + +.entity-views li { + display:inline; + cursor: pointer; + padding: 0.4em; +} + +.strikethrough { text-decoration: line-through; } + + +.key-status-valid { + list-style-type: circle; + color: #008000; +} + +.key-status-missing { + list-style-type: circle; + color: #daa520; +} + +.key-status-active { + list-style-type: disc; +} + +.certificate-status-valid { + list-style-type: circle; + color: #008000; +} + +.certificate-status-revoked { + list-style-type: circle; + color: #ff0000; +} + +.certificate-status-missing { + list-style-type: circle; + color: #daa520; +} + +.certificate-status-active { + list-style-type: disc; +} + +dl.modal { + clear: both; + margin-left: 1em; + margin-top: 1em; + white-space: nowrap; +} + +dl.modal dt { + clear: left; + float: left; + padding-bottom: 0; + padding-right: 0; + text-align: right; + width: 10em; +} + +dl.modal dd { + float: left; + padding-bottom: 0; + margin-left: 0.8em; +} + + + +.ui-widget-content { +border:0; +} + +table.scrollable thead { + display: block; +} + +table.scrollable tbody { + display: block; + overflow: auto; +} + +.adder-dialog-filter { + height: 2.5em; +} + +.adder-dialog-results { + position: relative; + height: 20.0em; +} + +.adder-dialog-available { + border: 1px solid black; + position: absolute; + top: 0; + left: 0; + bottom: 0; + width: 25.0em; +} + +.adder-dialog-buttons { + position: absolute; + top: 1.5em; + left: 25em; + right: 25; + bottom: 0; + text-align: center; +} + +.adder-dialog-selected { + border: 1px solid black; + position: absolute; + top: 0; + right: 0; + bottom: 0; + width: 25em; +} + +.adder-dialog-internal { + border: 1px solid black; + position: absolute; + top: 0; + left: 0; + bottom: 4.5em; + width: 25em; +} + +.adder-dialog-external { + border: 1px solid black; + position: absolute; + left: 0; + bottom: 0; + width: 25em; + height: 4em; +} diff --git a/install/html/ipalogo.png b/install/html/ipalogo.png new file mode 100644 index 000000000..62185c1b0 Binary files /dev/null and b/install/html/ipalogo.png differ diff --git a/install/html/ssbrowser.html b/install/html/ssbrowser.html index 37dbcb407..e30e8547f 100644 --- a/install/html/ssbrowser.html +++ b/install/html/ssbrowser.html @@ -1,68 +1,68 @@ - + -Browser Kerberos Setup - - -

Browser Kerberos Setup

-

Internet Explorer Configuration

-

Once you are able to log into the workstation with your kerberos key you should be able to use that ticket in Internet Explorer. For illustration purposes his page will use EXAMPLE.COM as the sample realm and example.com for the domain. -

-
  • Login to the Windows machine using an account of domain EXAMPLE.COM - -
  • In Internet Explorer, click Tools, and then click Internet Options. -
-
  1. Click the Security tab. -
  2. Click Local intranet. -
  3. Click Sites -
  4. Click Advanced -
  5. Add *.example.com to the list - -
-
  • In Internet Explorer, click Tools, and then click Internet Options. -
-
  1. Click the Security tab. -
  2. Click Local intranet. -
  3. Click Custom Level -
  4. Select Automatic logon only in Intranet zone. -
-
  • Visit a kerberized web site using IE. You must use the fully-qualified DN in the URL. -
  • If all went right, it should work. + + IPA: Identity Policy Audit -
-

Firefox Configuration

-

-You can configure Firefox to use Kerberos for Single Sign-on. In order for this functionality to work correctly, you need to configure your web browser to send your Kerberos credentials to the appropriate KDC.The following section describes the configuration changes and other requirements to achieve this. -

-
    -
  1. -

    -In the address bar of Firefox, type about:config to display the list of current configuration options. -

    -
    2. + + -
  2. -

    -In the Filter field, type negotiate to restrict the list of options. -

    -
    3. -
  3. -

    -Double-click the network.negotiate-auth.trusted-uris entry to display the Enter string value dialog box. + + + -

    -
    4. -
  4. -

    -Enter the name of the domain against which you want to authenticate, for example, .example.com. -

    -
    5. -
  5. -

    -Repeat the above procedure for the network.negotiate-auth.delegation-uris entry, using the same domain. -

    -
    6. + + +
    + +
    +

    Browser Kerberos Setup

    + Internet Explorer
    Internet Explorer Configuration
    +

    Once you are able to log into the workstation with your kerberos key you are now able to use that ticket in Internet Explorer.

    + + Login to the Windows machine using an account of your Kerberos realm (administrative domain)
    + In Internet Explorer, click Tools, and then click Internet Options. +
    +
      +
    • 1. Click the Security tab
      • +
    • 2. Click Local intranet
      • +
    • 3. Click Sites
      • +
    • 4. Click Advanced
      • +
    • 5. Add your domain to the list
      • +
      +
    • 1. Click the Security tab
      • +
    • 2. Click Local intranet
      • +
    • 3. Click Custom Level
      • +
    • 4. Select Automatic logon only in Intranet zone
      • +
      +
    • Visit a kerberized web site using IE (You must use the fully-qualified Domain Name in the URL)
      • +
    • You are all set.
      • +
    + +
    + + Firefox
    Firefox Configuration
    + +

    You can configure Firefox to use Kerberos for Single Sign-on. The following instructions will guide you in configuring your web browser
    + to send your Kerberos credentials to the appropriate Key Distribution Center which enables Single Sign-on.

    + +
    • 1. In the address bar of Firefox, type about:config to display the list of current configuration options.
      • +
    • 2. In the Filter field, type negotiate to restrict the list of options.
      • +
    • 3. Double-click the network.negotiate-auth.trusted-uris entry to display the Enter string value dialog box.
      • +
    • 4. Enter the name of the domain against which you want to authenticate, for example, .example.com.
      • +
    • 5. Repeat the above procedure for the network.negotiate-auth.delegation-uris entry, using the same domain.
      • +
      +
    • You are all set.
      • +
    + + +
    + +
    -
+ + diff --git a/install/html/unauthorized.html b/install/html/unauthorized.html index 64a891c16..44a3e92de 100644 --- a/install/html/unauthorized.html +++ b/install/html/unauthorized.html @@ -1,28 +1,41 @@ + -Kerberos Authentication Failed - -

Kerberos Authentication Failed

-

-Unable to verify your Kerberos credentials. Please make sure -that you have valid Kerberos tickets (obtainable via kinit), and that you -have configured your -browser correctly. If you are still unable to access -the IPA Web interface, please contact the helpdesk on for additional assistance. -

-

-Import the IPA Certificate Authority. -

-

- -

- + + + IPA: Identity Policy Audit + + + + + + + + + + +
+ +
+

Kerberos Authentication Failed

+

Unable to verify your Kerberos credentials. Please make sure that you have valid Kerberos tickets (obtainable via kinit), and that you +
+have configured your browser correctly. If you are still unable to access the IPA Web interface, please + contact the helpdesk on for additional assistance.

+ +

Import the IPA Certificate Authority.

+ +

You can automatically configure your browser to work with Kerberos by importing the Certificate Authority
+ above and clicking on the Configure Browser button.

+ +

Reload this page after importing the Certificate Authority

+ +
+ +
+ + + -- cgit