diff options
-rw-r--r-- | install/html/browserconfig.html | 3 | ||||
-rw-r--r-- | install/html/hbac-deny-remove.html | 3 | ||||
-rw-r--r-- | install/html/ipa_error.css | 849 | ||||
-rw-r--r-- | install/html/ssbrowser.html | 11 | ||||
-rw-r--r-- | install/html/unauthorized.html | 3 | ||||
-rw-r--r-- | install/migration/error.html | 5 | ||||
-rw-r--r-- | install/migration/index.html | 7 | ||||
-rw-r--r-- | install/migration/invalid.html | 7 | ||||
-rw-r--r-- | install/migration/ipa_migration.css | 823 | ||||
-rw-r--r-- | install/ui/ipa.css | 137 |
10 files changed, 144 insertions, 1704 deletions
diff --git a/install/html/browserconfig.html b/install/html/browserconfig.html index f2ed8160..83f6f8c1 100644 --- a/install/html/browserconfig.html +++ b/install/html/browserconfig.html @@ -6,6 +6,7 @@ <script type="text/javascript" src="../ui/jquery.js"></script> <link rel="stylesheet" type="text/css" href="../ui/jquery-ui.css" /> + <link rel="stylesheet" type="text/css" href="../ui/ipa.css" /> <link rel="stylesheet" type="text/css" href="ipa_error.css" /> <script type="text/javascript"> @@ -18,7 +19,7 @@ </script> </head> -<body id="header-bg"> +<body class="info-page"> <div class="container_1"> diff --git a/install/html/hbac-deny-remove.html b/install/html/hbac-deny-remove.html index fccaafd0..7debfea7 100644 --- a/install/html/hbac-deny-remove.html +++ b/install/html/hbac-deny-remove.html @@ -7,12 +7,13 @@ <script type="text/javascript" src="../ui/jquery.js"></script> <link rel="stylesheet" type="text/css" href="../ui/jquery-ui.css" /> + <link rel="stylesheet" type="text/css" href="../ui/ipa.css" /> <link rel="stylesheet" type="text/css" href="ipa_error.css" /> </head> -<body id="header-bg"> +<body class="info-page"> <div class="container_1"> <div class="header-logo"> diff --git a/install/html/ipa_error.css b/install/html/ipa_error.css index fef0ef6d..60ad729e 100644 --- a/install/html/ipa_error.css +++ b/install/html/ipa_error.css @@ -7,670 +7,15 @@ * Copyright (C) 2010 Red Hat */ +/* ssbrowser */ -@font-face { - font-family: 'Overpass'; - src: url('../ui/overpass_regular-web.eot'); - src: url('../ui/overpass_regular-web.eot?#iefix') format('eot'), - url('../ui/overpass_regular-web.woff') format('woff'), - url('../ui/overpass_regular-web.ttf') format('truetype'), - url('../ui/overpass_regular-web.svg#webfontLTZe4IYH') format('svg'); - font-weight: normal; - font-style: normal; - -} - -@font-face { +.ssbrowser h2 { font-family: 'Overpass Bold'; - src: url('../ui/overpass_bold-web.eot'); - src: url('../ui/overpass_bold-web.eot?#iefix') format('eot'), - url('../ui/overpass_bold-web.woff') format('woff'), - url('../ui/overpass_bold-web.ttf') format('truetype'), - url('../ui/overpass_bold-web.svg#webfontzAU82Ltw') format('svg'); - font-weight: bold; - font-style: normal; - -} - -body{ - background-image:url("../ui/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: "Overpass Bold","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("../ui/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/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("../ui/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("../ui/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("../ui/Mainnav-ontab.png"); - text-align: center; - margin: 0; -} - -.tabs1 .ui-tabs-nav li a{ - -moz-border-radius: 0 !important; - font-family: "Overpass Bold", "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("../ui/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("../ui/panel-background.png"); - background-repeat:no-repeat; - background-position:right; -} - -.action-panel h3{ - font-family: "Overpass Bold", "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: "Overpass Bold", "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: "Overpass Bold", "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: "Overpass Bold", "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: "Overpass Bold", "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("../ui/Static-Background.png") repeat-x scroll left top #EDEDED; -} - -.container_1 { - margin-left: auto; - margin-right: auto; - width: 960px; - background: url("../ui/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("../ui/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; - padding-right: 3em; -} - -.textblockkrb ul li { - list-style-type: none; - padding: .15em; -} - - -h3 { - color: #333333; - font-family: "Overpass Bold", "Liberation Sans", Arial, sans-serif; - font-size: 1.5em; - font-weight: normal; - text-transform: uppercase; -} - -h5 { - color: #333333; - font-family: "Overpass Bold", "Liberation Sans", Arial, sans-serif; - font-size: 1em; - font-weight: normal; - text-transform: uppercase; - margin-bottom: 3em; - margin-left: 5em; - margin-top: -3em; + margin-bottom: 3em; + margin-left: 5em; + margin-top: -3em; } /* Browser configuration */ @@ -679,187 +24,3 @@ object.browser-config { width: 100%; } -/* 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/ssbrowser.html b/install/html/ssbrowser.html index 3e2bd19a..1df99041 100644 --- a/install/html/ssbrowser.html +++ b/install/html/ssbrowser.html @@ -6,18 +6,19 @@ <script type="text/javascript" src="../ui/jquery.js"></script> <link rel="stylesheet" type="text/css" href="../ui/jquery-ui.css" /> + <link rel="stylesheet" type="text/css" href="../ui/ipa.css" /> <link rel="stylesheet" type="text/css" href="ipa_error.css" /> </head> -<body id="header-bg"> +<body class="info-page"> - <div class="container_1"> + <div class="container_1 ssbrowser"> <div class="header-logo"> <img src="../ui/ipalogo.png" /><img src="../ui/ipabanner.png" /> </div> <div class="textblockkrb"> - <h3>Browser Kerberos Setup</h3> - <img alt="Internet Explorer" src="../ui/ie-icon.png"><h5>Internet Explorer Configuration</h5> + <h1>Browser Kerberos Setup</h1> + <img alt="Internet Explorer" src="../ui/ie-icon.png"><h2>Internet Explorer Configuration</h2> <p>Once you are able to log into the workstation with your kerberos key you are now able to use that ticket in Internet Explorer. </p> <strong>Login to the Windows machine using an account of your Kerberos realm (administrative domain)</strong><br> @@ -41,7 +42,7 @@ <br> - <img alt="Firefox" src="../ui/firefox-icon.png"><h5>Firefox Configuration</h5> + <img alt="Firefox" src="../ui/firefox-icon.png"><h2>Firefox Configuration</h2> <p>You can configure Firefox to use Kerberos for Single Sign-on. The following instructions will guide you in configuring your web browser <br> to send your Kerberos credentials to the appropriate Key Distribution Center which enables Single Sign-on. </p> diff --git a/install/html/unauthorized.html b/install/html/unauthorized.html index 345fc6c9..ee164f16 100644 --- a/install/html/unauthorized.html +++ b/install/html/unauthorized.html @@ -7,6 +7,7 @@ <script type="text/javascript" src="../ui/jquery.js"></script> <link rel="stylesheet" type="text/css" href="../ui/jquery-ui.css" /> + <link rel="stylesheet" type="text/css" href="../ui/ipa.css" /> <link rel="stylesheet" type="text/css" href="ipa_error.css" /> <script type="text/javascript"> @@ -20,7 +21,7 @@ </script> </head> -<body id="header-bg"> +<body class="info-page"> <div class="container_1"> diff --git a/install/migration/error.html b/install/migration/error.html index 3d58efe7..521b3ee1 100644 --- a/install/migration/error.html +++ b/install/migration/error.html @@ -5,10 +5,11 @@ <title>IPA: Identity Policy Audit</title> <link rel="stylesheet" type="text/css" href="../ui/jquery-ui.css" /> + <link rel="stylesheet" type="text/css" href="../ui/ipa.css" /> <link rel="stylesheet" type="text/css" href="ipa_migration.css" /> </head> -<body id="header-bg"> +<body class="info-page"> <div class="container_1"> <div class="header-logo"> @@ -17,7 +18,7 @@ <br> <br> <div id="formwindow"> - <h4>We're Sorry</h4> + <h2>We're Sorry</h2> <div class="formcontent"> <p> <strong>There was a problem with your request. Please, try again later.</strong> diff --git a/install/migration/index.html b/install/migration/index.html index d61cd61c..e0c7d1f5 100644 --- a/install/migration/index.html +++ b/install/migration/index.html @@ -5,17 +5,18 @@ <title>IPA: Identity Policy Audit</title> <link rel="stylesheet" type="text/css" href="../ui/jquery-ui.css" /> + <link rel="stylesheet" type="text/css" href="../ui/ipa.css" /> <link rel="stylesheet" type="text/css" href="ipa_migration.css" /> </head> -<body id="header-bg"> +<body class="info-page"> <div class="container_1"> <div class="header-logo"> <img src="../ui/ipalogo.png" /><img src="../ui/ipabanner.png" /> </div> <div class="textblock"> - <h3>Password Migration</h3> + <h1>Password Migration</h1> <p>If you have been sent here by your administrator, your personal information is being migrated to a new identity management solution (IPA).</p> @@ -24,7 +25,7 @@ activated.</p> </div> <div id="formwindow"> - <h4>Login</h4> + <h2>Login</h2> <form id="login" action="migration.py" method="post" name=""> <ul> <li> diff --git a/install/migration/invalid.html b/install/migration/invalid.html index 11f1eb21..70e49f65 100644 --- a/install/migration/invalid.html +++ b/install/migration/invalid.html @@ -5,17 +5,18 @@ <title>IPA: Identity Policy Audit</title> <link rel="stylesheet" type="text/css" href="..ui/jquery-ui.css" /> + <link rel="stylesheet" type="text/css" href="../ui/ipa.css" /> <link rel="stylesheet" type="text/css" href="ipa_migration.css" /> </head> -<body id="header-bg"> +<body class="info-page"> <div class="container_1"> <div class="header-logo"> <img src="../ui/ipalogo.png" /><img src="../ui/ipabanner.png" /> </div> <div class="textblock"> - <h3>Password Migration</h3> + <h1>Password Migration</h1> <p>If you have been sent here by your administrator, your personal information is being migrated to a new identity management solution (IPA).</p> @@ -24,7 +25,7 @@ activated.</p> </div> <div id="formwindow"> - <h4>Login</h4> + <h2>Login</h2> <div id="error-box"> <div class="formcontent"> <p><strong>Please re-enter your username or password</strong></p> diff --git a/install/migration/ipa_migration.css b/install/migration/ipa_migration.css index ed4f58d5..68d070f9 100644 --- a/install/migration/ipa_migration.css +++ b/install/migration/ipa_migration.css @@ -7,558 +7,20 @@ * Copyright (C) 2010 Red Hat */ +/* Migration */ -@font-face { - font-family: 'Overpass'; - src: url('../ui/overpass_regular-web.eot'); - src: url('../ui/overpass_regular-web.eot?#iefix') format('eot'), - url('../ui/overpass_regular-web.woff') format('woff'), - url('../ui/overpass_regular-web.ttf') format('truetype'), - url('../ui/overpass_regular-web.svg#webfontLTZe4IYH') format('svg'); - font-weight: normal; - font-style: normal; - -} - -@font-face { - font-family: 'Overpass Bold'; - src: url('../ui/overpass_bold-web.eot'); - src: url('../ui/overpass_bold-web.eot?#iefix') format('eot'), - url('../ui/overpass_bold-web.woff') format('woff'), - url('../ui/overpass_bold-web.ttf') format('truetype'), - url('../ui/overpass_bold-web.svg#webfontzAU82Ltw') format('svg'); - font-weight: bold; - font-style: normal; - -} - -body{ - background-image:url("../ui/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: "Overpass Bold","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("../ui/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/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("../ui/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("../ui/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("../ui/Mainnav-ontab.png"); - text-align: center; - margin: 0; -} - -.tabs1 .ui-tabs-nav li a{ - -moz-border-radius: 0 !important; - font-family: "Overpass Bold", "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("../ui/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("../ui/panel-background.png"); - background-repeat:no-repeat; - background-position:right; -} - -.action-panel h3{ - font-family: "Overpass Bold", "Liberation Sans", Arial, sans-serif; +h1 { 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: "Overpass Bold", "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: "Overpass Bold", "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: "Overpass Bold", "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: "Overpass Bold", "Liberation Sans", Arial, Sans; - color: #8a8a8a; - cursor: default; + font-size: 1.5em; + font-weight: normal; 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("../ui/Static-Background.png") repeat-x scroll left top #EDEDED; -} - -.container_1 { - margin-left: auto; - margin-right: auto; - width: 960px; - background: url("../ui/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); + -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.6); + 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; @@ -570,31 +32,25 @@ body#header-bg { } .formcontent { - padding: 0 1em 2em 2em; + 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; + -moz-border-radius: 0.3em 0.3em 0.3em 0.3em; + -webkit-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("../ui/ipalogo.png") no-repeat scroll left top transparent; - border: none; - float: left; - height: 36px; - width: 205px; -} - -#formwindow h4 { +#formwindow h2 { background-color: #F0F0F0; font-size: 1.6em; padding: 18px 15px 14px 22px; text-transform: uppercase; - margin-top: 0; + margin: 0 0 1em 0; + font-weight: bold; } #login li { @@ -605,7 +61,9 @@ body#header-bg { } #login li input { - -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2) inset; + -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.2); + -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.2); + box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.2); margin-left: 15px; padding: 2px 10px; width: 248px; @@ -626,238 +84,13 @@ form#login { .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: "Overpass Bold", "Liberation Sans", Arial, sans-serif; - font-size: 1.5em; + -moz-border-radius: 0.3em 0.3em 0.3em 0.3em; + -webkit-border-radius: 0.3em 0.3em 0.3em 0.3em; + border-radius: 0.3em 0.3em 0.3em 0.3em; + background: -moz-linear-gradient(center top, #959595, #5e5e5e) repeat scroll 0 0 transparent; + background: -webkit-radial-gradient(center top, #959595, #5e5e5e) repeat scroll 0 0 transparent; + border: 1px solid #777777; + color: #ffffff; font-weight: normal; - text-transform: uppercase; -} - -h5 { - color: #333333; - font-family: "Overpass Bold", "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; -} + padding: 0.5em 0.8em; +}
\ No newline at end of file diff --git a/install/ui/ipa.css b/install/ui/ipa.css index 8ae9a5f3..3c6cc6e8 100644 --- a/install/ui/ipa.css +++ b/install/ui/ipa.css @@ -1,11 +1,11 @@ /* Authors: - * Pavel Zuna <pzuna@redhat.com> - * Adam Young <ayoung@redhat.com> - * Endi Sukma Dewata <edewata@redhat.com> - * Kyle Baker <kybaker@redhat.com> - * - * Copyright (C) 2010 Red Hat +* Pavel Zuna <pzuna@redhat.com> +* Adam Young <ayoung@redhat.com> +* Endi Sukma Dewata <edewata@redhat.com> +* Kyle Baker <kybaker@redhat.com> +* +* Copyright (C) 2010 Red Hat */ @@ -54,8 +54,8 @@ body { .network-activity-indicator { visibility: hidden; padding-right: 11px; - float: right; - padding-top: 3px; + float: right; + padding-top: 3px; } /* ---- Container ---- */ @@ -150,42 +150,42 @@ body { } .search-icon { - background: url(search-icon.png) no-repeat; + background: url(search-icon.png) no-repeat; } .add-icon { - background: url(add-icon.png); - margin: -4px 0 0 1px; + background: url(add-icon.png); + margin: -4px 0 0 1px; } .remove-icon { - background: url(remove-icon.png); - margin: -4px 0 0 1px; + background: url(remove-icon.png); + margin: -4px 0 0 1px; } .update-icon { - background: url(update-icon.png); - margin: -4px 0 0 1px; + background: url(update-icon.png); + margin: -4px 0 0 1px; } .reset-icon { - background: url(reset-icon.png); - margin: -4px 0 0 1px; + background: url(reset-icon.png); + margin: -4px 0 0 1px; } .register-icon { - background: url(register.png); - margin: -4px 0 0 1px; + background: url(register.png); + margin: -4px 0 0 1px; } .import-icon { - background: url(import.png); - margin: -4px 0 0 1px; + background: url(import.png); + margin: -4px 0 0 1px; } .consume-icon { - background: url(consume.png); - margin: -4px 0 0 1px; + background: url(consume.png); + margin: -4px 0 0 1px; } .ipa-icon { @@ -266,7 +266,7 @@ div.tabs { } .tabs1 > .ui-tabs-nav > .ui-state-hover { - background: url("hover-tab.png"); + background: url("hover-tab.png"); } .tabs1 > .ui-tabs-nav { @@ -285,8 +285,8 @@ div.tabs { border-width: 0; text-align: center; vertical-align:baseline; - border: 1px solid #A0A0A0; - } + border: 1px solid #A0A0A0; +} .tabs1 > .ui-tabs-nav > li.ui-tabs-selected { padding: 0 0; @@ -304,7 +304,7 @@ div.tabs { margin: 0 auto; text-align:center; font-size:1.5em; - text-shadow: 1px 1px 0 #FFFFFF; + text-shadow: 1px 1px 0 #FFFFFF; } .tabs1 > .ui-tabs-nav > li > a:link, @@ -515,7 +515,7 @@ span.main-nav-off > a:visited { right: 0; bottom: 30px; z-index: 1; /* need to be above facet header */ - border-bottom: 1px solid #C9C3BA; + border-bottom: 1px solid #C9C3BA; } .facet-group { @@ -540,20 +540,20 @@ span.main-nav-off > a:visited { .facet-tab li { display: inline-block; position: relative; - padding-right: 1px; + padding-right: 1px; } .facet-tab li a { background-color: #dedbde; border-left: 1px solid #c9c3ba; - border-right: 1px solid #c9c3ba; + border-right: 1px solid #c9c3ba; margin: 0 0 0; padding: 6px 16px; text-decoration: none; display: inline-block; line-height: 19px; - background-image: url("facet-tab_off.png"); - color: #666666; + background-image: url("facet-tab_off.png"); + color: #666666; } .facet-tab li a:hover { @@ -565,7 +565,7 @@ span.main-nav-off > a:visited { background-color: #f1f0ee; font-weight: bold; background-image: url("facet-tab_on.png"); - height: 20px; + height: 20px; } .facet-tab li.settings { @@ -591,8 +591,8 @@ span.main-nav-off > a:visited { } .facet-controls a { - font-size: 1.3em !important; - margin: 0 6px 0 0; + font-size: 1.3em !important; + margin: 0 6px 0 0; } /* ---- Facet Content ---- */ @@ -633,24 +633,24 @@ span.main-nav-off > a:visited { } .search-filter { - float: right; - width: 215px; - -moz-border-radius: 15px !important; + float: right; + width: 215px; + -moz-border-radius: 15px !important; -webkit-border-radius: 15px !important; border-radius: 15px !important; - border: 1px solid #9f9e9e; - background: url("search-bg.png"); - height: 20px; + border: 1px solid #9f9e9e; + background: url("search-bg.png"); + height: 20px; line-height: 20px; - padding: 0 8px 0; + padding: 0 8px 0; margin: 5px 0 5px; } .search-filter input { - width: 193px; - border: none; - background: transparent; - height: 18px; + width: 193px; + border: none; + background: transparent; + height: 18px; } .search-filter a { @@ -754,7 +754,7 @@ h1 { font-weight: normal; color: #555555; text-transform: uppercase; - text-shadow: 1px 1px 0 #FFFFFF; + text-shadow: 1px 1px 0 #FFFFFF; } @@ -774,7 +774,7 @@ h3 { font-size: 1.8em; color: #3c3c3c; text-transform: uppercase; - text-shadow: 1px 1px 0 #FFFFFF; + text-shadow: 1px 1px 0 #FFFFFF; } .section-expand{ @@ -800,7 +800,7 @@ hr { bottom: 32px; overflow: auto; border: none; - border-top: 1px solid #DFDFDF; + border-top: 1px solid #DFDFDF; } .details-summary { @@ -1255,3 +1255,42 @@ table.scrollable tbody { .host-adder-dialog input[name=hostname] { width: 100%; } + +/* Info and simple pages (not main app) */ + +body.info-page { + background: url("Static-Background.png") repeat-x scroll left top #EDEDED; +} + +.info-page h1 { + color: #333333; + margin-bottom: 1.5em; +} + +.info-page .container_1 { + margin-left: auto; + margin-right: auto; + width: 960px; + background: url("centered-bg.png") no-repeat scroll 0 7em transparent; + min-height: 40em; +} + +.info-page .textblock { + text-align: center; + margin-top: 6em; + font-size: 1.1em; +} + +.info-page .textblockkrb { + text-align: left; + margin-top: 5em; + font-size: 1.1em; + padding-left: 3em; + padding-right: 3em; +} + +.info-page .textblockkrb ul li { + list-style-type: none; + padding: .15em; +} + |