The service certificate management UI has been generalized and moved into certificate.js. The host details page is now using the same code to manage certificates. The host.py has been modified to return host certificate info. The Get/Revoke/View buttons behavior has been modified such that they are visible only if there is a valid certificate. The Get dialog box has been fixed to show the correct certificate header and footer. The ipa.css has been modified to store the style of the status bullets. New unit tests for certificate has been added. The test data has been modified to include sample host certificate.
300 lines
4.6 KiB
CSS
300 lines
4.6 KiB
CSS
/* Authors:
|
|
* Pavel Zuna <pzuna@redhat.com>
|
|
* Adam Young <ayoung@redhat.com>
|
|
*
|
|
* Copyright (C) 2010 Red Hat
|
|
*/
|
|
|
|
|
|
body{ font: 62.5% "Trebuchet MS", sans-serif; margin: 50px;}
|
|
.demoHeaders { margin-top: 2em; }
|
|
|
|
|
|
.input_link {padding: .4em 1em .4em 20px;text-decoration: none;position: relative; cursor: pointer; }
|
|
.input_link span.ui-icon {margin: 0 5px 0 0;position: absolute;left: .2em;top: 50%;margin-top: -8px;}
|
|
|
|
|
|
a {
|
|
text-decoration: none;
|
|
border: 0;
|
|
}
|
|
a img { border-width: 0; }
|
|
a:link, a:visited {
|
|
text-decoration: none;
|
|
border: 0;
|
|
}
|
|
|
|
/* ---- Header ---- */
|
|
div.header {
|
|
background-image: url(header_background.png);
|
|
background: -moz-linear-gradient(top, #65646e, #1f1f1f);
|
|
background-color: #1f1f1f;
|
|
height: 70px;
|
|
}
|
|
|
|
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 div.header-logo {
|
|
float: left;
|
|
padding: 10px 10px 0 10px;
|
|
}
|
|
|
|
div.header div.header-logo img {
|
|
border: 0;
|
|
}
|
|
|
|
div.header span.header-loggedinas {
|
|
color: #fff;
|
|
float: right;
|
|
line-height: 35px;
|
|
padding-right: 10px;
|
|
}
|
|
|
|
/* ---- Navigation ---- */
|
|
div.tabs {
|
|
overflow: auto;
|
|
}
|
|
|
|
|
|
h1 {
|
|
font-size: 26pt;
|
|
font-weight: bold;
|
|
margin-bottom: 30px;
|
|
margin-left: 15px;
|
|
margin-top: 18px;
|
|
}
|
|
|
|
div#details {
|
|
float: left;
|
|
width: 100%;
|
|
}
|
|
|
|
|
|
ul#viewtype {
|
|
padding-left: 20px;
|
|
}
|
|
|
|
ul#viewtype li {
|
|
color: #656565;
|
|
display: inline;
|
|
font-weight: bold;
|
|
list-style-type: none;
|
|
padding-right: 20px;
|
|
}
|
|
|
|
|
|
ul#viewtype li img {
|
|
vertical-align: middle;
|
|
}
|
|
|
|
ul#viewtype li a {
|
|
font-weight: normal;
|
|
}
|
|
|
|
div#details div#buttons {
|
|
float: right;
|
|
margin-right: 15px;
|
|
}
|
|
|
|
div#details div#buttons img {
|
|
border: 0;
|
|
}
|
|
|
|
h2 {
|
|
font-size: 18pt;
|
|
font-weight: bold;
|
|
margin-left: 15px;
|
|
margin-top: 0;
|
|
margin-bottom: 0px;
|
|
text-align: left;
|
|
}
|
|
|
|
hr {
|
|
background-color: #b2b2b2;
|
|
clear: both;
|
|
color: #b2b2b2;
|
|
height: 1px;
|
|
margin-left: 15px;
|
|
margin-right: 15px;
|
|
margin-top: 10px;
|
|
}
|
|
|
|
dl.entryattrs {
|
|
clear: both;
|
|
margin-left: 15px;
|
|
margin-top: 18px;
|
|
white-space: nowrap;
|
|
}
|
|
|
|
dl.entryattrs dt {
|
|
clear: left;
|
|
float: left;
|
|
padding-bottom: 18px;
|
|
padding-right: 18px;
|
|
text-align: right;
|
|
width: 160px;
|
|
}
|
|
|
|
dl.entryattrs dd {
|
|
float: left;
|
|
padding-bottom: 18px;
|
|
}
|
|
|
|
dl.entryattrs dd.first {
|
|
margin-left: 0px;
|
|
}
|
|
|
|
dl.entryattrs dd.other {
|
|
clear: both;
|
|
margin-left: 178px;
|
|
}
|
|
|
|
dl.entryattrs input {
|
|
margin-right: 5px;
|
|
}
|
|
|
|
div#backtotop {
|
|
margin-left: 20px;
|
|
margin-right: 20px;
|
|
text-align: right;
|
|
}
|
|
|
|
span.attrhint {
|
|
font-size: 8pt;
|
|
left: 40em;
|
|
margin-left: 100px;
|
|
position: absolute;
|
|
}
|
|
|
|
/*Navigation */
|
|
.tabs1 .ui-tabs-nav{
|
|
padding: 0.1em;
|
|
}
|
|
|
|
.tabs1 .ui-tabs-nav {
|
|
background-image: url(Mainnav-background.png);
|
|
}
|
|
|
|
.tabs1 .ui-tabs-nav li > a:link, span.main-nav-off > a:visited{
|
|
color:white;
|
|
}
|
|
|
|
.tabs1 .ui-tabs-nav li.ui-tabs-selected {
|
|
background-image: url(Mainnav-ontab.png);
|
|
}
|
|
|
|
.tabs1 .ui-tabs-panel { display: block; border-width: 0; padding: 0.1em 0.4em; background: none; }
|
|
|
|
|
|
.tabs2 .ui-tabs-nav {
|
|
background-image: url(Subnav-background.png);
|
|
}
|
|
|
|
.tabs2 .ui-tabs-nav li a{
|
|
background-image: url(Subnav-offbutton.png);
|
|
}
|
|
|
|
.tabs2 .ui-tabs-nav li.ui-tabs-selected a{
|
|
background-image: url(Subnav-onbutton.png);
|
|
}
|
|
|
|
|
|
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:1px;
|
|
}
|
|
|
|
|
|
|
|
/* Search */
|
|
|
|
.search-container{
|
|
float: left;
|
|
width: 80%;
|
|
margin: 10px;
|
|
padding: 10px;
|
|
background: #e8e8e8;
|
|
}
|
|
|
|
.search-controls {
|
|
background:#a5a5a5;
|
|
}
|
|
|
|
.search-table > a:link,a:visted{
|
|
color:black;
|
|
}
|
|
|
|
.search-table{
|
|
padding: 0px;
|
|
width:100%;
|
|
border-width: thin;
|
|
border-style: solid;
|
|
border-color: black;
|
|
|
|
}
|
|
|
|
.search-table th{
|
|
background-color:gray;
|
|
color:white;
|
|
text-align: left;
|
|
}
|
|
|
|
.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: 3px;
|
|
}
|
|
|
|
.strikethrough { text-decoration: line-through; }
|
|
|
|
.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;
|
|
}
|