Files
freeipa/install/static/ipa.css
T
Endi S. Dewata 2c5f3cfd60 Host certificate management
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.
2010-10-20 09:33:44 -04:00

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;
}