Endi S. Dewata
db822955c2
The SUDO rule details facet has been updated to support the latest UI spec. The facet consists of 5 sections: general, users, hosts, commands, and run-as. The general section contains the SUDO rule description and status. If the status is changed, the sudorule-enable/disable will be invoked. The other sections contain radio buttons for the association category and tables for the members. When a member is added or removed, the category will be adjusted appropriately. If the category is changed to 'all', 'allow', or 'deny', all members will be removed. The last section is currently not working because backend support is not yet available. The adder dialog boxes for users, groups, and hosts has been modified to accept external identities. The layout for the base adder dialog was updated. The base dialog class was updated to support templates. The SUDO dialog boxes were implemented using templates. New CSS classes were added to ipa.css. The HBAC rule details facet has been updated as well.
549 lines
8.3 KiB
CSS
549 lines
8.3 KiB
CSS
/* Authors:
|
|
* Pavel Zuna <pzuna@redhat.com>
|
|
* Adam Young <ayoung@redhat.com>
|
|
* Endi Sukma Dewata <edewata@redhat.com>
|
|
*
|
|
* Copyright (C) 2010 Red Hat
|
|
*/
|
|
|
|
|
|
body{
|
|
border-width: 0;
|
|
font-family:"Liberation Sans",Arial,Sans;
|
|
font-size:62.5%;
|
|
margin: 0;
|
|
}
|
|
|
|
.input_link {padding: .4em 1em .4em 1.5em;text-decoration: none;position: relative; cursor: pointer; }
|
|
.input_link span.ui-icon {margin: 0 0.4em 0 0;position: absolute;left: .2em;top: 50%;margin-top: -8px;}
|
|
|
|
/* ---- Header ---- */
|
|
div.header {
|
|
background-color:#0C3B00;
|
|
width: 100%;
|
|
}
|
|
|
|
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: 6em;
|
|
}
|
|
|
|
div.header span.header-logo a img {
|
|
border: 0;
|
|
}
|
|
|
|
div.header span.header-loggedinas {
|
|
width: 960px;
|
|
color: #fff;
|
|
align: right;
|
|
padding-left: 600px;
|
|
padding-bottom: 0;
|
|
}
|
|
|
|
|
|
|
|
/* ---- Navigation ---- */
|
|
div.tabs {
|
|
overflow: auto;
|
|
width: 100%;
|
|
height: 100%;
|
|
min-height: 400px;
|
|
}
|
|
|
|
h1 {
|
|
font-size: 26pt;
|
|
font-weight: bold;
|
|
margin-bottom: 30px;
|
|
margin-left: 15px;
|
|
margin-top: 18px;
|
|
}
|
|
|
|
div#content {
|
|
margin-top: 0;
|
|
position: relative;
|
|
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.content div.content-buttons {
|
|
float: right;
|
|
margin-right: 15px;
|
|
}
|
|
|
|
div.content div.content-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;
|
|
}
|
|
|
|
.details-section {
|
|
margin-left: 45px;
|
|
margin-right: 15px;
|
|
margin-top: 18px;
|
|
white-space: nowrap;
|
|
padding-bottom: 18px;
|
|
padding-right: 18px;
|
|
}
|
|
|
|
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-left: 5.5em;
|
|
padding-top: 2em;
|
|
margin: 0;
|
|
border: none;
|
|
background-image: url(Mainnav-background.png);
|
|
|
|
}
|
|
|
|
.ui-tabs {
|
|
padding:0;
|
|
}
|
|
|
|
.tabs1 .ui-tabs-nav {
|
|
height: 3em;
|
|
}
|
|
|
|
.tabs1 .ui-tabs-nav li {
|
|
# padding: 0.5em 0;
|
|
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{
|
|
width:5em;
|
|
padding: 0.2em 0;
|
|
color: #7E7E7E;
|
|
margin: 0 auto;
|
|
text-align:center;
|
|
font-size:2em;
|
|
}
|
|
|
|
|
|
.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;
|
|
}
|
|
|
|
.tabs2 .ui-tabs-nav {
|
|
padding: 0.3em 6em 0 9em;
|
|
margin: 0px;
|
|
height: 2.5em;
|
|
background-image: url(Subnav-background.png);
|
|
}
|
|
|
|
.tabs2 .ui-tabs-nav li {
|
|
width:auto;
|
|
padding: 0;
|
|
margin: 0px 0;
|
|
background-image: url(Subnav-background.png);
|
|
color: white;
|
|
}
|
|
|
|
.tabs2 .ui-tabs-nav li.ui-tabs-selected {
|
|
padding: 0;
|
|
height: 1em;
|
|
background-image: url(Subnav-background.png);
|
|
}
|
|
|
|
|
|
.tabs2 .ui-tabs-nav li a{
|
|
width:auto;
|
|
padding: 0.2em 0.4em ;
|
|
-moz-border-radius: 2em;
|
|
border-radius: 2em;
|
|
color: white;
|
|
font-size: 1em;
|
|
}
|
|
|
|
.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 #254718;
|
|
}
|
|
|
|
.tabs2 .ui-tabs-nav li.ui-tabs-selected a{
|
|
-moz-border-radius: 2em;
|
|
border-radius: 2em;
|
|
border:1px solid #1C3612;
|
|
background: none repeat scroll 0 0 #254718;
|
|
color: white;
|
|
height: 1em;
|
|
|
|
}
|
|
|
|
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: 250px;
|
|
width: 80%;
|
|
margin: 0.06em;
|
|
padding: 0.06em;
|
|
background: #e8e8e8;
|
|
}
|
|
|
|
.action-panel {
|
|
position: fixed;
|
|
left: 3em;
|
|
border: none;
|
|
float: left;
|
|
margin-top: 5em;
|
|
margin-left: 2.5em;
|
|
padding-left: 0.5em;
|
|
padding-bottom: 1em;
|
|
width: 16.5em;
|
|
}
|
|
|
|
|
|
.action-panel ul {
|
|
list-style-type:none;
|
|
padding: 0;
|
|
}
|
|
|
|
.action-panel h3{
|
|
margin: 0;
|
|
background: #e8e8e8;
|
|
}
|
|
|
|
.action-panel li {
|
|
height: auto;
|
|
padding: 0.2em;
|
|
}
|
|
|
|
.action-panel li.search-facet {
|
|
color: black;
|
|
text-decoration: underline;
|
|
cursor: pointer;
|
|
}
|
|
|
|
.action-panel li.entity-facet {
|
|
color: black;
|
|
text-decoration: underline;
|
|
cursor: pointer;
|
|
margin-left:2em;
|
|
}
|
|
|
|
.action-panel li.entity-facet-disabled {
|
|
color: gray;
|
|
cursor: default;
|
|
text-decoration: none;
|
|
}
|
|
|
|
|
|
|
|
.client {
|
|
margin-top: 0.4em;
|
|
float: left;
|
|
}
|
|
|
|
|
|
/* Search */
|
|
|
|
.search-controls {
|
|
height: 25px;
|
|
background: white; ##a5a5a5;
|
|
position: relative;
|
|
padding: 0.7em;
|
|
}
|
|
|
|
.search-table > a:link,a:visted{
|
|
color:black;
|
|
}
|
|
|
|
.search-table{
|
|
padding: 0;
|
|
width:100%;
|
|
border: none;
|
|
}
|
|
|
|
.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: 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: 25px;
|
|
}
|
|
|
|
.adder-dialog-filter {
|
|
height: 25px;
|
|
}
|
|
|
|
.adder-dialog-results {
|
|
position: relative;
|
|
height: 200px;
|
|
}
|
|
|
|
.adder-dialog-available {
|
|
border: 1px solid black;
|
|
position: absolute;
|
|
top: 0px;
|
|
left: 0px;
|
|
bottom: 0px;
|
|
width: 250px;
|
|
}
|
|
|
|
.adder-dialog-buttons {
|
|
position: absolute;
|
|
top: 15px;
|
|
left: 250px;
|
|
right: 250px;
|
|
bottom: 0px;
|
|
text-align: center;
|
|
}
|
|
|
|
.adder-dialog-selected {
|
|
border: 1px solid black;
|
|
position: absolute;
|
|
top: 0px;
|
|
right: 0px;
|
|
bottom: 0px;
|
|
width: 250px;
|
|
}
|
|
|
|
.adder-dialog-internal {
|
|
border: 1px solid black;
|
|
position: absolute;
|
|
top: 0px;
|
|
left: 0px;
|
|
bottom: 45px;
|
|
width: 250px;
|
|
}
|
|
|
|
.adder-dialog-external {
|
|
border: 1px solid black;
|
|
position: absolute;
|
|
left: 0px;
|
|
bottom: 0px;
|
|
width: 250px;
|
|
height: 40px;
|
|
} |