2011-06-21 10:58:26 -05:00
|
|
|
|
2010-08-06 09:01:44 -05:00
|
|
|
/* Authors:
|
2011-10-11 02:42:35 -05:00
|
|
|
* Pavel Zuna <pzuna@redhat.com>
|
|
|
|
* Adam Young <ayoung@redhat.com>
|
|
|
|
* Endi Sukma Dewata <edewata@redhat.com>
|
|
|
|
* Kyle Baker <kybaker@redhat.com>
|
2012-10-01 10:36:42 -05:00
|
|
|
* Petr Vobornik <pvoborni@redhat.com>
|
2011-10-11 02:42:35 -05:00
|
|
|
*
|
|
|
|
* Copyright (C) 2010 Red Hat
|
2010-08-06 09:01:44 -05:00
|
|
|
*/
|
|
|
|
|
|
|
|
|
2011-06-07 20:48:20 -05:00
|
|
|
html {
|
|
|
|
height: 100%;
|
|
|
|
}
|
|
|
|
|
|
|
|
body {
|
|
|
|
overflow: auto;
|
2012-07-23 03:32:26 -05:00
|
|
|
position: relative;
|
2011-06-07 20:48:20 -05:00
|
|
|
background-repeat: repeat-x;
|
|
|
|
background-position: left top;
|
|
|
|
background-color: #FFFFFF;
|
2010-11-17 13:13:33 -06:00
|
|
|
border-width: 0;
|
2011-06-07 20:48:20 -05:00
|
|
|
font-size: 11px;
|
2010-11-17 13:13:33 -06:00
|
|
|
margin: 0;
|
2011-06-07 20:48:20 -05:00
|
|
|
padding: 0;
|
|
|
|
height: 100%;
|
2010-11-12 14:23:58 -06:00
|
|
|
}
|
|
|
|
|
2013-06-28 09:50:52 -05:00
|
|
|
textarea[readonly] {
|
|
|
|
color: Gray;
|
|
|
|
}
|
|
|
|
|
2011-04-28 19:17:58 -05:00
|
|
|
.network-activity-indicator {
|
|
|
|
visibility: hidden;
|
2011-11-16 21:07:20 -06:00
|
|
|
width: 16px;
|
|
|
|
height: 16px;
|
|
|
|
line-height: 16px;
|
|
|
|
margin: 5px 3px;
|
|
|
|
display: inline-block;
|
2011-01-10 20:14:51 -06:00
|
|
|
}
|
|
|
|
|
2011-06-07 20:48:20 -05:00
|
|
|
/* ---- Container ---- */
|
|
|
|
|
2013-03-28 12:25:13 -05:00
|
|
|
.app-container {
|
2011-06-07 20:48:20 -05:00
|
|
|
position: absolute;
|
|
|
|
top: 0;
|
|
|
|
left: 0;
|
|
|
|
right: 0;
|
|
|
|
bottom: 0;
|
|
|
|
margin: 0 auto 0;
|
|
|
|
}
|
|
|
|
|
2013-10-11 10:32:40 -05:00
|
|
|
/** Icons **/
|
2011-01-10 08:26:32 -06:00
|
|
|
|
2011-07-15 12:18:59 -05:00
|
|
|
.icon {
|
|
|
|
display: inline-block;
|
|
|
|
height: 16px;
|
|
|
|
width: 16px;
|
2011-04-27 12:17:13 -05:00
|
|
|
vertical-align: middle;
|
2011-01-27 15:37:48 -06:00
|
|
|
}
|
|
|
|
|
2011-07-15 12:18:59 -05:00
|
|
|
.combobox-icon {
|
2011-10-26 16:06:17 -05:00
|
|
|
background: url(images/combobox-open.png);
|
2011-06-13 15:40:36 -05:00
|
|
|
}
|
|
|
|
|
2011-07-15 12:18:59 -05:00
|
|
|
.expanded-icon {
|
2011-10-26 16:06:17 -05:00
|
|
|
background: url(images/arrow-expanded.png);
|
2011-07-15 12:18:59 -05:00
|
|
|
}
|
|
|
|
|
|
|
|
.collapsed-icon {
|
2011-10-26 16:06:17 -05:00
|
|
|
background: url(images/arrow-collapsed.png);
|
2011-07-15 12:18:59 -05:00
|
|
|
}
|
|
|
|
|
|
|
|
.search-icon {
|
2011-10-26 16:06:17 -05:00
|
|
|
background: url(images/search-icon.png) no-repeat;
|
2011-07-15 12:18:59 -05:00
|
|
|
}
|
|
|
|
|
|
|
|
.add-icon {
|
2011-10-26 16:06:17 -05:00
|
|
|
background: url(images/add-icon.png);
|
2011-10-11 02:42:35 -05:00
|
|
|
margin: -4px 0 0 1px;
|
2011-06-13 15:40:36 -05:00
|
|
|
}
|
2011-01-27 15:37:48 -06:00
|
|
|
|
2011-07-15 12:18:59 -05:00
|
|
|
.remove-icon {
|
2011-10-26 16:06:17 -05:00
|
|
|
background: url(images/remove-icon.png);
|
2011-10-11 02:42:35 -05:00
|
|
|
margin: -4px 0 0 1px;
|
2011-06-13 15:40:36 -05:00
|
|
|
}
|
2011-01-27 15:37:48 -06:00
|
|
|
|
2011-07-15 12:18:59 -05:00
|
|
|
.update-icon {
|
2011-10-26 16:06:17 -05:00
|
|
|
background: url(images/update-icon.png);
|
2011-10-11 02:42:35 -05:00
|
|
|
margin: -4px 0 0 1px;
|
2011-06-21 10:58:26 -05:00
|
|
|
}
|
|
|
|
|
2011-07-15 12:18:59 -05:00
|
|
|
.reset-icon {
|
2011-10-26 16:06:17 -05:00
|
|
|
background: url(images/reset-icon.png);
|
2011-10-11 02:42:35 -05:00
|
|
|
margin: -4px 0 0 1px;
|
2011-06-21 10:58:26 -05:00
|
|
|
}
|
|
|
|
|
2012-01-31 09:57:33 -06:00
|
|
|
.enabled-icon {
|
|
|
|
background-image: url(images/ui-icons_222222_256x240.png);
|
|
|
|
background-position: -64px -144px;
|
|
|
|
margin: -4px 0 0 1px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.disabled-icon {
|
|
|
|
background-image: url(images/ui-icons_bbbbbb_256x240.png);
|
|
|
|
background-position: -64px -128px;
|
|
|
|
margin: -4px 0 0 1px;
|
|
|
|
}
|
|
|
|
|
2013-10-22 09:01:59 -05:00
|
|
|
.prev-icon {
|
|
|
|
background-image: url(images/ui-icons_bbbbbb_256x240.png);
|
|
|
|
background-position: -96px -16px;
|
|
|
|
margin: -4px 0 0 1px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.next-icon {
|
|
|
|
background-image: url(images/ui-icons_bbbbbb_256x240.png);
|
|
|
|
background-position: -32px -16px;
|
|
|
|
margin: -4px 0 0 1px;
|
|
|
|
}
|
|
|
|
|
2011-01-27 14:05:16 -06:00
|
|
|
.ipa-icon {
|
2011-07-15 12:18:59 -05:00
|
|
|
font-size: 0.7em;
|
|
|
|
padding-right: 0.3em;
|
2011-01-27 14:05:16 -06:00
|
|
|
}
|
|
|
|
|
2011-09-14 06:01:25 -05:00
|
|
|
.ui-state-error,
|
|
|
|
.ui-widget-content .ui-state-error,
|
|
|
|
.ui-widget-header .ui-state-error {
|
|
|
|
font-weight: bold;
|
|
|
|
padding: 0.2em;
|
|
|
|
}
|
|
|
|
|
2012-06-26 09:19:58 -05:00
|
|
|
/* ---- Password expiration */
|
|
|
|
|
|
|
|
.header-passwordexpires {
|
|
|
|
color: red;
|
|
|
|
font-weight: bold;
|
2013-10-16 12:55:42 -05:00
|
|
|
padding: 7px 10px;
|
|
|
|
line-height: 1;
|
2012-06-26 09:19:58 -05:00
|
|
|
}
|
|
|
|
|
2012-08-27 03:57:47 -05:00
|
|
|
/* ---- Notification area ---- */
|
|
|
|
|
|
|
|
.notification-area {
|
|
|
|
position: absolute;
|
2013-10-24 11:17:06 -05:00
|
|
|
left: 50%;
|
|
|
|
top: 15px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.notification-area div {
|
|
|
|
position: relative;
|
|
|
|
left: -50%;
|
|
|
|
|
2012-08-27 03:57:47 -05:00
|
|
|
line-height: 1.5em;
|
|
|
|
z-index: 20;
|
|
|
|
padding: 4px;
|
|
|
|
font-weight: bold;
|
|
|
|
text-align: center;
|
2013-07-18 05:45:13 -05:00
|
|
|
word-wrap: break-word;
|
2013-10-24 11:17:06 -05:00
|
|
|
max-width: 500px;
|
2012-08-27 03:57:47 -05:00
|
|
|
}
|
|
|
|
|
2011-06-07 20:48:20 -05:00
|
|
|
/* ---- Entity ---- */
|
|
|
|
|
|
|
|
.entity {
|
2011-06-21 15:05:44 -05:00
|
|
|
position: absolute;
|
|
|
|
top: 0;
|
|
|
|
left: 0;
|
|
|
|
right: 0;
|
|
|
|
bottom: 0;
|
2011-06-07 20:48:20 -05:00
|
|
|
}
|
|
|
|
|
2011-06-21 15:05:44 -05:00
|
|
|
.entity h1 {
|
2011-06-07 20:48:20 -05:00
|
|
|
margin: 0 0 10px;
|
2011-06-21 15:05:44 -05:00
|
|
|
}
|
2011-06-07 20:48:20 -05:00
|
|
|
|
2011-06-21 15:05:44 -05:00
|
|
|
.entity-content {
|
|
|
|
position: absolute;
|
|
|
|
top: 0;
|
|
|
|
left: 0;
|
|
|
|
right: 0;
|
|
|
|
bottom: 0;
|
|
|
|
font-size: 10px;
|
|
|
|
margin: 0 0 0;
|
2011-04-28 19:17:58 -05:00
|
|
|
}
|
2011-04-11 13:49:36 -05:00
|
|
|
|
2011-06-21 15:05:44 -05:00
|
|
|
.entity-content div.content-buttons {
|
|
|
|
float: right;
|
|
|
|
margin-right: 1.5em;
|
|
|
|
}
|
|
|
|
|
|
|
|
.entity-content div.content-buttons img {
|
|
|
|
border: 0;
|
|
|
|
}
|
|
|
|
|
|
|
|
/* ---- Facet ---- */
|
|
|
|
|
|
|
|
.facet {
|
|
|
|
position: absolute;
|
2013-11-07 11:03:38 -06:00
|
|
|
top: 110px;
|
2011-06-21 15:05:44 -05:00
|
|
|
left: 10px;
|
|
|
|
right: 10px;
|
|
|
|
bottom: 0;
|
2013-05-24 10:02:05 -05:00
|
|
|
display: none;
|
|
|
|
}
|
|
|
|
|
|
|
|
.active-facet {
|
|
|
|
display: block;
|
2011-06-21 15:05:44 -05:00
|
|
|
}
|
|
|
|
|
|
|
|
.facet-header {
|
2011-06-07 20:48:20 -05:00
|
|
|
position: absolute;
|
|
|
|
top: 0;
|
|
|
|
left: 0;
|
|
|
|
right: 0;
|
2011-06-21 15:05:44 -05:00
|
|
|
height: 130px;
|
|
|
|
margin: 0 12px 0;
|
2011-06-07 20:48:20 -05:00
|
|
|
}
|
|
|
|
|
2011-06-21 15:05:44 -05:00
|
|
|
.facet-title {
|
2011-06-07 20:48:20 -05:00
|
|
|
position: absolute;
|
2013-11-07 11:03:38 -06:00
|
|
|
top: 10px;
|
2011-06-07 20:48:20 -05:00
|
|
|
left: 0;
|
|
|
|
color: gray;
|
|
|
|
display: block;
|
|
|
|
}
|
|
|
|
|
2011-06-21 15:05:44 -05:00
|
|
|
.facet-title h3 {
|
2011-06-07 20:48:20 -05:00
|
|
|
margin: 0;
|
2013-11-07 11:03:38 -06:00
|
|
|
line-height: 1.8em;
|
2011-06-07 20:48:20 -05:00
|
|
|
}
|
|
|
|
|
2011-06-21 15:05:44 -05:00
|
|
|
.facet-title span {
|
2011-06-07 20:48:20 -05:00
|
|
|
display: inline;
|
|
|
|
}
|
|
|
|
|
2011-06-21 15:05:44 -05:00
|
|
|
.facet-pkey {
|
2011-06-07 20:48:20 -05:00
|
|
|
color:black;
|
2011-07-13 21:10:47 -05:00
|
|
|
text-transform: none;
|
2011-06-07 20:48:20 -05:00
|
|
|
}
|
|
|
|
|
2011-06-22 21:54:28 -05:00
|
|
|
.breadcrumb {
|
2011-06-07 20:48:20 -05:00
|
|
|
position: absolute;
|
2013-10-16 13:02:25 -05:00
|
|
|
top: -5px;
|
2011-06-22 21:54:28 -05:00
|
|
|
left: 0;
|
2013-10-16 13:02:25 -05:00
|
|
|
background-color: transparent;
|
|
|
|
padding: 0;
|
2011-06-22 21:54:28 -05:00
|
|
|
}
|
|
|
|
|
|
|
|
.breadcrumb a {
|
|
|
|
cursor: pointer;
|
2011-06-07 20:48:20 -05:00
|
|
|
}
|
|
|
|
|
2011-06-21 15:05:44 -05:00
|
|
|
/* ---- Facet Tabs ---- */
|
2011-06-07 20:48:20 -05:00
|
|
|
|
2011-06-21 15:05:44 -05:00
|
|
|
.facet-tabs {
|
2011-06-07 20:48:20 -05:00
|
|
|
position: absolute;
|
|
|
|
left: 0;
|
|
|
|
right: 0;
|
2011-06-21 15:05:44 -05:00
|
|
|
bottom: 30px;
|
2011-06-07 20:48:20 -05:00
|
|
|
z-index: 1; /* need to be above facet header */
|
2011-10-11 02:42:35 -05:00
|
|
|
border-bottom: 1px solid #C9C3BA;
|
2011-06-07 20:48:20 -05:00
|
|
|
}
|
|
|
|
|
|
|
|
.facet-group {
|
|
|
|
float: left;
|
|
|
|
margin-right: 1em;
|
|
|
|
position: relative;
|
|
|
|
height: 100%;
|
|
|
|
}
|
|
|
|
|
2011-06-23 11:44:44 -05:00
|
|
|
.facet-group-label {
|
2011-06-21 15:05:44 -05:00
|
|
|
height: 20px;
|
2011-06-13 15:40:36 -05:00
|
|
|
}
|
|
|
|
|
2011-06-07 20:48:20 -05:00
|
|
|
.facet-tab {
|
2011-06-21 15:05:44 -05:00
|
|
|
height: 31px;
|
2011-06-07 20:48:20 -05:00
|
|
|
list-style-type: none;
|
|
|
|
margin: 0;
|
|
|
|
padding: 0;
|
|
|
|
cursor: pointer;
|
|
|
|
}
|
|
|
|
|
|
|
|
.facet-tab li {
|
|
|
|
display: inline-block;
|
|
|
|
position: relative;
|
2011-10-11 02:42:35 -05:00
|
|
|
padding-right: 1px;
|
2011-06-07 20:48:20 -05:00
|
|
|
}
|
|
|
|
|
|
|
|
.facet-tab li a {
|
|
|
|
background-color: #dedbde;
|
2011-06-21 09:21:14 -05:00
|
|
|
border-left: 1px solid #c9c3ba;
|
2011-10-11 02:42:35 -05:00
|
|
|
border-right: 1px solid #c9c3ba;
|
2011-06-21 15:05:44 -05:00
|
|
|
margin: 0 0 0;
|
2011-12-12 12:16:46 -06:00
|
|
|
padding: 8px 16px 4px 16px;
|
2011-06-07 20:48:20 -05:00
|
|
|
text-decoration: none;
|
|
|
|
display: inline-block;
|
|
|
|
line-height: 19px;
|
2011-10-11 02:42:35 -05:00
|
|
|
color: #666666;
|
2011-06-07 20:48:20 -05:00
|
|
|
}
|
|
|
|
|
|
|
|
.facet-tab li a.selected {
|
2011-06-21 09:21:14 -05:00
|
|
|
color: #6C6F73;
|
2011-06-07 20:48:20 -05:00
|
|
|
background-color: #f1f0ee;
|
|
|
|
font-weight: bold;
|
2011-10-11 02:42:35 -05:00
|
|
|
height: 20px;
|
2011-06-07 20:48:20 -05:00
|
|
|
}
|
|
|
|
|
|
|
|
.facet-tab li.settings {
|
|
|
|
margin-left:1em; margin-right:1em;
|
|
|
|
}
|
|
|
|
|
2011-12-12 12:16:46 -06:00
|
|
|
|
|
|
|
/* Facet tabs coloring */
|
|
|
|
|
|
|
|
.facet-group li a {
|
|
|
|
background-image: url(images/facet-tab-off.png);
|
|
|
|
background-repeat: repeat-x;
|
|
|
|
background-position: 0px -33px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.facet-group li a.selected {
|
|
|
|
background-image: url(images/facet-tab-on.png);
|
|
|
|
}
|
|
|
|
|
|
|
|
div[name=settings].facet-group li a {
|
|
|
|
background-position: 0px -66px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.facet-group li[name^=member] a,
|
|
|
|
.facet-group li[name^=managedby] a {
|
|
|
|
background-position: 0px 0px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.facet-group li[name^=memberof] a {
|
|
|
|
background-position: 0px -33px;
|
|
|
|
}
|
|
|
|
|
2011-06-21 15:05:44 -05:00
|
|
|
/* ---- Facet Controls ---- */
|
|
|
|
|
|
|
|
.facet-controls {
|
2011-06-07 20:48:20 -05:00
|
|
|
position: absolute;
|
|
|
|
left: 0;
|
|
|
|
right: 0;
|
|
|
|
bottom: 0;
|
2011-06-21 15:05:44 -05:00
|
|
|
height: 30px;
|
|
|
|
line-height: 30px;
|
2011-11-16 21:07:20 -06:00
|
|
|
padding: 0 6px 0 6px;
|
2011-06-07 20:48:20 -05:00
|
|
|
}
|
|
|
|
|
2011-06-21 15:05:44 -05:00
|
|
|
.right-aligned-facet-controls {
|
2011-06-07 20:48:20 -05:00
|
|
|
position: absolute;
|
|
|
|
top: 0;
|
|
|
|
right: 0;
|
2011-06-21 15:05:44 -05:00
|
|
|
bottom: 0;
|
2011-06-07 20:48:20 -05:00
|
|
|
}
|
|
|
|
|
2011-06-30 21:59:06 -05:00
|
|
|
.facet-controls a {
|
2011-10-11 02:42:35 -05:00
|
|
|
font-size: 1.3em !important;
|
|
|
|
margin: 0 6px 0 0;
|
2011-04-27 12:17:13 -05:00
|
|
|
}
|
|
|
|
|
2013-10-22 07:12:07 -05:00
|
|
|
.facet-controls .network-activity-indicator img {
|
|
|
|
margin-top: -15px;
|
|
|
|
}
|
|
|
|
|
2011-06-21 15:05:44 -05:00
|
|
|
/* ---- Facet Content ---- */
|
|
|
|
|
2011-06-07 20:48:20 -05:00
|
|
|
.facet-content {
|
|
|
|
position: absolute;
|
2011-06-21 15:05:44 -05:00
|
|
|
top: 130px;
|
2011-06-07 20:48:20 -05:00
|
|
|
left: 0;
|
|
|
|
right: 0;
|
|
|
|
bottom: 0;
|
2011-11-16 21:07:20 -06:00
|
|
|
margin: 0 12px;
|
2011-06-07 20:48:20 -05:00
|
|
|
padding: 0;
|
|
|
|
}
|
|
|
|
|
2011-06-21 15:05:44 -05:00
|
|
|
/* ---- Facet Customization ---- */
|
|
|
|
|
|
|
|
.no-facet-tabs .facet-header {
|
|
|
|
height: 70px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.no-facet-tabs .facet-content {
|
|
|
|
top: 70px;
|
|
|
|
}
|
|
|
|
|
2012-03-09 06:31:08 -06:00
|
|
|
/* --- Facet error --- */
|
|
|
|
|
|
|
|
.facet-error {
|
|
|
|
padding: 2em 15em;
|
|
|
|
}
|
|
|
|
|
|
|
|
.facet-error h1 {
|
|
|
|
text-align: center;
|
|
|
|
}
|
|
|
|
|
|
|
|
.facet-error .error-details {
|
|
|
|
margin-top: 2em;
|
|
|
|
font-family: monospace;
|
|
|
|
}
|
|
|
|
|
2011-06-21 15:05:44 -05:00
|
|
|
/* ---- Search Facet ---- */
|
2011-06-07 20:48:20 -05:00
|
|
|
|
|
|
|
.content-table {
|
2011-07-11 19:45:14 -05:00
|
|
|
position: relative;
|
|
|
|
width: 100%;
|
|
|
|
height: 100%;
|
2013-10-16 13:02:55 -05:00
|
|
|
border-collapse: separate;
|
|
|
|
border-spacing: 1px;
|
2011-06-07 20:48:20 -05:00
|
|
|
}
|
|
|
|
|
2011-12-09 07:13:17 -06:00
|
|
|
.content-table thead {
|
|
|
|
position: absolute;
|
|
|
|
top: 0px;
|
|
|
|
left: 3px;
|
|
|
|
right: 3px;
|
|
|
|
}
|
|
|
|
|
2011-06-07 20:48:20 -05:00
|
|
|
.content-table tbody {
|
|
|
|
position: absolute;
|
|
|
|
top: 31px;
|
|
|
|
left: 3px;
|
2011-12-09 07:13:17 -06:00
|
|
|
right: 3px;
|
2011-12-05 23:25:07 -06:00
|
|
|
bottom: 35px;
|
2011-06-07 20:48:20 -05:00
|
|
|
}
|
|
|
|
|
2012-01-18 17:58:55 -06:00
|
|
|
.content-table tbody tr.disabled {
|
|
|
|
color: gray;
|
|
|
|
}
|
|
|
|
|
2013-02-22 10:12:53 -06:00
|
|
|
.search-option {
|
2013-10-22 10:38:09 -05:00
|
|
|
margin-right: 8px;
|
|
|
|
width: 206px;
|
2013-02-22 10:12:53 -06:00
|
|
|
}
|
|
|
|
|
2011-06-21 15:05:44 -05:00
|
|
|
.search-filter {
|
2011-10-11 02:42:35 -05:00
|
|
|
width: 215px;
|
2011-11-16 21:07:20 -06:00
|
|
|
display: inline-block;
|
2011-06-13 15:40:36 -05:00
|
|
|
}
|
|
|
|
|
2011-07-15 12:18:59 -05:00
|
|
|
.search-filter input {
|
2013-10-22 10:38:09 -05:00
|
|
|
padding-right: 20px;
|
|
|
|
width: 178px;
|
2011-07-15 12:18:59 -05:00
|
|
|
}
|
|
|
|
|
|
|
|
.search-filter a {
|
2013-10-22 10:38:09 -05:00
|
|
|
position: relative;
|
|
|
|
margin: 0 0 0 -20px;
|
|
|
|
top: -5px;
|
2011-07-15 12:18:59 -05:00
|
|
|
}
|
|
|
|
|
2011-06-07 20:48:20 -05:00
|
|
|
.search-controls {
|
|
|
|
-moz-border-radius: .7em .7em 0 0;
|
2011-09-27 09:28:14 -05:00
|
|
|
-webkit-border-radius: .7em .7em 0 0;
|
2011-06-07 20:48:20 -05:00
|
|
|
height:2.5em;
|
|
|
|
background: -moz-linear-gradient(top, #eeeeee, #dfdfdf);
|
2011-09-27 09:28:14 -05:00
|
|
|
background: -webkit-gradient(linear, left top, left bottom, from(#eeeeee), to(#dfdfdf));
|
2011-06-07 20:48:20 -05:00
|
|
|
position: relative;
|
|
|
|
padding: 1em 1.5em;
|
|
|
|
margin-top: .8em;
|
|
|
|
}
|
|
|
|
|
|
|
|
.search-table {
|
|
|
|
padding: 0;
|
|
|
|
width: 100%;
|
|
|
|
border: none;
|
|
|
|
}
|
|
|
|
|
|
|
|
.search-table > a:link, a:visted {
|
|
|
|
color:black;
|
|
|
|
}
|
|
|
|
|
|
|
|
.search-table thead tr th {
|
2011-12-08 03:25:34 -06:00
|
|
|
padding: 0 6px;
|
2011-06-07 20:48:20 -05:00
|
|
|
background-color:#f6f6f6;
|
|
|
|
color:#333333;
|
|
|
|
text-align: left;
|
|
|
|
border: 1px solid #dfdfdf;
|
|
|
|
height: 25px;
|
|
|
|
}
|
|
|
|
|
2011-07-15 12:18:59 -05:00
|
|
|
.search-table thead tr th .action-button {
|
2011-12-08 03:25:34 -06:00
|
|
|
margin: 0 0 0 6px;
|
2011-07-15 12:18:59 -05:00
|
|
|
}
|
|
|
|
|
2011-06-07 20:48:20 -05:00
|
|
|
.search-table tbody td {
|
2011-12-08 03:25:34 -06:00
|
|
|
padding: 0 0 0 7px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.search-table thead th div,
|
|
|
|
.search-table tbody td div
|
|
|
|
{
|
|
|
|
word-wrap: break-word;
|
2011-06-07 20:48:20 -05:00
|
|
|
}
|
|
|
|
|
|
|
|
.search-table tfoot td {
|
2011-06-13 15:40:36 -05:00
|
|
|
padding: 0.5em 0 0 1em;
|
2011-06-07 20:48:20 -05:00
|
|
|
border-top: 1px solid #dfdfdf;
|
|
|
|
height: 25px;
|
2011-09-14 06:01:25 -05:00
|
|
|
line-height: 25px;
|
2011-06-13 15:40:36 -05:00
|
|
|
margin-top: 1em;
|
2011-06-07 20:48:20 -05:00
|
|
|
}
|
|
|
|
|
|
|
|
.search-table span[name=summary] {
|
|
|
|
float: left;
|
2011-09-14 06:01:25 -05:00
|
|
|
margin-right: 4em;
|
2011-06-07 20:48:20 -05:00
|
|
|
}
|
|
|
|
|
2011-11-17 11:25:09 -06:00
|
|
|
.search-table .pagination-control {
|
2011-06-07 20:48:20 -05:00
|
|
|
float: right;
|
|
|
|
}
|
|
|
|
|
2011-11-17 11:25:09 -06:00
|
|
|
.search-table .pagination-control a {
|
2011-06-07 20:48:20 -05:00
|
|
|
cursor:pointer;
|
|
|
|
}
|
|
|
|
|
2011-11-17 11:25:09 -06:00
|
|
|
.search-table .pagination-control input[name=current_page] {
|
2011-06-07 20:48:20 -05:00
|
|
|
width: 22px;
|
2013-10-22 07:33:37 -05:00
|
|
|
padding: 0 6px;
|
|
|
|
margin: 0;
|
2011-06-07 20:48:20 -05:00
|
|
|
}
|
2011-04-11 13:49:36 -05:00
|
|
|
|
2010-08-23 21:32:23 -05:00
|
|
|
ul#viewtype {
|
2011-01-06 10:22:57 -06:00
|
|
|
padding-left: 2em;
|
2010-08-06 09:01:44 -05:00
|
|
|
}
|
|
|
|
|
2010-08-23 21:32:23 -05:00
|
|
|
ul#viewtype li {
|
2010-08-06 09:01:44 -05:00
|
|
|
color: #656565;
|
|
|
|
display: inline;
|
|
|
|
font-weight: bold;
|
|
|
|
list-style-type: none;
|
2011-01-06 10:22:57 -06:00
|
|
|
padding-right: 2em;
|
2010-08-06 09:01:44 -05:00
|
|
|
}
|
|
|
|
|
|
|
|
|
2010-08-23 21:32:23 -05:00
|
|
|
ul#viewtype li img {
|
2010-08-06 09:01:44 -05:00
|
|
|
vertical-align: middle;
|
|
|
|
}
|
|
|
|
|
2010-08-23 21:32:23 -05:00
|
|
|
ul#viewtype li a {
|
2010-08-06 09:01:44 -05:00
|
|
|
font-weight: normal;
|
|
|
|
}
|
|
|
|
|
|
|
|
|
2011-01-20 14:39:59 -06:00
|
|
|
h1 {
|
2013-10-11 10:49:28 -05:00
|
|
|
font-family: "Overpass Bold", OpenSansRegular, "Liberation Sans", Arial, sans-serif;
|
2011-01-20 14:39:59 -06:00
|
|
|
font-size: 1.5em;
|
|
|
|
color: #555555;
|
2011-01-10 20:14:51 -06:00
|
|
|
text-transform: uppercase;
|
2011-10-11 02:42:35 -05:00
|
|
|
text-shadow: 1px 1px 0 #FFFFFF;
|
2011-01-10 20:14:51 -06:00
|
|
|
}
|
|
|
|
|
|
|
|
|
2010-08-06 09:01:44 -05:00
|
|
|
h2 {
|
2013-10-11 10:49:28 -05:00
|
|
|
font-family: "Overpass Bold", OpenSansRegular, "Liberation Sans", Arial, sans-serif;
|
2010-12-09 15:32:22 -06:00
|
|
|
font-size: 1.5em;
|
|
|
|
color: #333333;
|
|
|
|
text-transform: uppercase;
|
2011-01-06 10:22:57 -06:00
|
|
|
margin-left: 1em;
|
|
|
|
margin-bottom: 0;
|
2010-08-06 09:01:44 -05:00
|
|
|
text-align: left;
|
|
|
|
}
|
|
|
|
|
2011-06-13 15:40:36 -05:00
|
|
|
h3 {
|
2013-10-11 10:49:28 -05:00
|
|
|
font-family: "Overpass Bold", OpenSansRegular, "Liberation Sans", Arial, sans-serif;
|
2011-06-13 15:40:36 -05:00
|
|
|
font-size: 1.8em;
|
|
|
|
color: #3c3c3c;
|
|
|
|
text-transform: uppercase;
|
2011-10-11 02:42:35 -05:00
|
|
|
text-shadow: 1px 1px 0 #FFFFFF;
|
2011-06-13 15:40:36 -05:00
|
|
|
}
|
|
|
|
|
2010-12-09 15:32:22 -06:00
|
|
|
.section-expand{
|
|
|
|
}
|
|
|
|
|
2010-08-06 09:01:44 -05:00
|
|
|
hr {
|
2010-12-09 15:32:22 -06:00
|
|
|
background-color: #EEEEEE;
|
2010-08-06 09:01:44 -05:00
|
|
|
clear: both;
|
2010-12-09 15:32:22 -06:00
|
|
|
color: #FFFFFF;
|
2011-01-06 10:22:57 -06:00
|
|
|
height: 0.1em;
|
|
|
|
margin-left: 1.5em;
|
|
|
|
margin-right: 1.5em;
|
|
|
|
margin-top: 1em;
|
2010-08-06 09:01:44 -05:00
|
|
|
}
|
|
|
|
|
2011-06-21 15:05:44 -05:00
|
|
|
/* ---- Details Facet ---- */
|
2011-06-07 20:48:20 -05:00
|
|
|
|
|
|
|
.details-content {
|
|
|
|
position: absolute;
|
|
|
|
top: 0;
|
|
|
|
left: 0;
|
|
|
|
right: 0;
|
|
|
|
bottom: 32px;
|
|
|
|
overflow: auto;
|
|
|
|
border: none;
|
2011-10-11 02:42:35 -05:00
|
|
|
border-top: 1px solid #DFDFDF;
|
2011-06-07 20:48:20 -05:00
|
|
|
}
|
|
|
|
|
|
|
|
.details-summary {
|
|
|
|
position: absolute;
|
|
|
|
left: 0;
|
|
|
|
right: 0;
|
|
|
|
bottom: 0;
|
|
|
|
height: 29px;
|
|
|
|
border-top: 1px solid #DFDFDF;
|
|
|
|
padding-left: 0.5em;
|
|
|
|
line-height: 25px;
|
|
|
|
}
|
|
|
|
|
2011-08-10 20:03:02 -05:00
|
|
|
.dialog-section {
|
2011-09-10 11:54:02 -05:00
|
|
|
margin-bottom: 10px;
|
HBAC Details Page
The UI framework has been extended to include a collection of widgets:
- ipa_widget: base class
- ipa_text_widget: text field
- ipa_radio_widget: radio button
- ipa_textarea_widget: textarea
- ipa_button_widget: button
- ipa_column_widget: column for table
- ipa_table_widget: table
These widgets can be used to create input controls. They can also be
extended to create custom controls.
The framework has also been enhanced to support custom layouts. This
can be used to change the look of the application without changing
the code. Initially this is only available in details section.
Layout consists of a collection of HTML templates. Each template is a
complete and valid HTML file representing a portion of a page. The
template will be loaded and initialized by the code, then filled with
the data from the server. The layouts are located in
install/static/layouts/<name> folder.
By default, if no templates are used, the fields in the details page
are rendered vertically using dd/dt/dd tags. For pages that require
different layout, a custom UI needs to be developed. There are two ways
to do that:
- write a custom widget to generate the UI dynamically
- create an HTML template and write the initialization code
For components that are quite complex or used frequently, it's might
be better to use the first method. For simple pages that are used only
in one location or need to support customization, the second method
might be preferable. Other benefits of templates:
- cleaner code and UI separation
- more flexibility in customization
- new pages can be developed quickly and require less coding
- multiple templates can be used with the same initialization code
- easier to maintain
The HBAC details page has been implemented using both methods. By
default it will use custom widgets to generate the page. To use a
custom layout, add the following parameter to the URL, then reload
the page:
&layout=<name>
Currently the only available layout is 'default' which produces the
same look as the custom widgets.
The HBAC details page is usable, but it still needs additional work.
The access time is not working yet. There is no undo button, hint,
or validation yet.
The table in the association facet has also been changed to use
ipa_association_widget which is derived from ipa_table_widget.
The Makefile has been updated to include the layouts. The unit tests
have been updated as well.
2010-11-02 20:16:55 -05:00
|
|
|
}
|
|
|
|
|
2011-08-10 20:03:02 -05:00
|
|
|
.section-table {
|
|
|
|
width: 100%;
|
2010-12-20 15:56:14 -06:00
|
|
|
}
|
|
|
|
|
2011-08-10 20:03:02 -05:00
|
|
|
.section-cell-label {
|
|
|
|
vertical-align: top;
|
|
|
|
width: 120px;
|
2011-12-08 03:25:34 -06:00
|
|
|
max-width: 120px;
|
2010-08-06 09:01:44 -05:00
|
|
|
}
|
|
|
|
|
2011-08-10 20:03:02 -05:00
|
|
|
.section-cell-field {
|
2011-12-08 03:25:34 -06:00
|
|
|
max-width: 650px;
|
2010-08-06 09:01:44 -05:00
|
|
|
}
|
|
|
|
|
2011-08-10 20:03:02 -05:00
|
|
|
.details-section {
|
2012-05-21 08:24:37 -05:00
|
|
|
position: relative;
|
2011-08-10 20:03:02 -05:00
|
|
|
margin-top: 1em;
|
|
|
|
margin-right: 3.3em;
|
2011-07-15 12:18:59 -05:00
|
|
|
margin-bottom: 1em;
|
2011-01-26 15:11:22 -06:00
|
|
|
}
|
|
|
|
|
2011-08-10 20:03:02 -05:00
|
|
|
.details-section .section-table {
|
|
|
|
width: 100%;
|
|
|
|
border-spacing: 12px;
|
2011-01-27 14:05:16 -06:00
|
|
|
}
|
|
|
|
|
2011-08-10 20:03:02 -05:00
|
|
|
.details-section .section-cell-label {
|
|
|
|
text-align: right;
|
|
|
|
vertical-align: top;
|
|
|
|
width: 120px;
|
2011-12-08 03:25:34 -06:00
|
|
|
word-wrap: break-word;
|
2011-01-27 14:05:16 -06:00
|
|
|
}
|
|
|
|
|
2011-08-10 20:03:02 -05:00
|
|
|
.details-section .section-cell-field {
|
|
|
|
font-weight: bold;
|
2011-12-08 03:25:34 -06:00
|
|
|
word-wrap: break-word;
|
2011-01-27 14:05:16 -06:00
|
|
|
}
|
2011-01-26 15:11:22 -06:00
|
|
|
|
2011-08-10 20:03:02 -05:00
|
|
|
.undo {
|
|
|
|
cursor:pointer;
|
2011-09-14 06:01:25 -05:00
|
|
|
padding: 0.2em;
|
2011-01-27 14:05:16 -06:00
|
|
|
}
|
2011-01-26 15:11:22 -06:00
|
|
|
|
2010-08-25 11:49:30 -05:00
|
|
|
span.attrhint {
|
|
|
|
font-size: 8pt;
|
2011-01-06 10:22:57 -06:00
|
|
|
left: 5em;
|
|
|
|
margin-left: 12.5em;
|
2010-08-25 11:49:30 -05:00
|
|
|
position: absolute;
|
2010-12-09 15:32:22 -06:00
|
|
|
overflow-x: hidden;
|
2010-08-25 11:49:30 -05:00
|
|
|
}
|
|
|
|
|
2011-08-15 08:50:51 -05:00
|
|
|
a, .ui-widget-content a {
|
2010-12-09 15:32:22 -06:00
|
|
|
text-decoration: none;
|
|
|
|
color: #1d85d5;
|
|
|
|
font-weight: normal;
|
2011-04-11 13:49:36 -05:00
|
|
|
text-transform: none;
|
2010-12-09 15:32:22 -06:00
|
|
|
}
|
|
|
|
|
2011-06-24 11:39:48 -05:00
|
|
|
/* ---- Dialog ---- */
|
|
|
|
|
2012-05-22 11:59:28 -05:00
|
|
|
.ui-dialog {
|
|
|
|
-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);
|
|
|
|
}
|
|
|
|
|
2011-06-24 11:39:48 -05:00
|
|
|
|
|
|
|
.ui-dialog .ui-dialog-content {
|
2011-12-09 07:13:17 -06:00
|
|
|
word-wrap: break-word;
|
2011-01-25 08:23:55 -06:00
|
|
|
}
|
|
|
|
|
2010-11-17 13:13:33 -06:00
|
|
|
|
2011-09-27 09:28:14 -05:00
|
|
|
.dialog-message {
|
|
|
|
margin: 5px 5px 10px;
|
|
|
|
padding: 10px;
|
|
|
|
-moz-border-radius: 5px;
|
|
|
|
-webkit-border-radius: 5px;
|
|
|
|
border-radius: 5px;
|
|
|
|
text-align: center;
|
|
|
|
}
|
|
|
|
|
2010-12-09 15:32:22 -06:00
|
|
|
.ui-widget input, .ui-widget select,
|
|
|
|
.ui-widget textarea, .ui-widget button {
|
|
|
|
margin-right: .1em;
|
|
|
|
}
|
|
|
|
|
2010-09-16 14:13:48 -05:00
|
|
|
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;
|
2010-11-15 14:06:43 -06:00
|
|
|
padding:0.1em;
|
2010-08-06 09:01:44 -05:00
|
|
|
}
|
|
|
|
|
2011-11-21 16:43:52 -06:00
|
|
|
.button {
|
|
|
|
text-decoration: none;
|
|
|
|
cursor: pointer;
|
|
|
|
display: inline-block;
|
|
|
|
height: 18px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.button-label {
|
|
|
|
padding: 0 0.2em;
|
|
|
|
display: inline-block;
|
|
|
|
height: 16px;
|
|
|
|
line-height: 16px;
|
|
|
|
}
|
|
|
|
|
2010-12-09 15:32:22 -06:00
|
|
|
.action-button {
|
|
|
|
background: none;
|
2011-11-21 16:43:52 -06:00
|
|
|
background-image: none;
|
2013-10-11 10:49:28 -05:00
|
|
|
font-family: OpenSansRegular, "Liberation Sans", Arial, sans-serif;
|
2010-12-09 15:32:22 -06:00
|
|
|
font-size: 0.9em;
|
|
|
|
}
|
2010-11-15 15:41:21 -06:00
|
|
|
|
2011-08-22 15:06:00 -05:00
|
|
|
.action-button-disabled {
|
2011-01-10 20:51:09 -06:00
|
|
|
color: gray;
|
|
|
|
cursor: default;
|
|
|
|
}
|
2010-11-15 15:41:21 -06:00
|
|
|
|
Action lists
This patch add support fo Action Lists.
Action list is a select widget with actions as options located in facet header. Action can be selected and then executed by clickin on 'apply' button.
Actions lists are defined on facet level. Facet header takes them from facet.
Action list options
actions: list of actions
state_evaluator: a state evaluator which is needed for enabling/disabling options. Can encapsulate more evaluators.
State evaluator object
----------------------
State evaluator is resposible for evaluating a state from result set. State is a array of strings. Each evaluator should inherit from IPA.state_evaluator and override evaluate method.
Methods:
evaluate(record): should return string array which represents the state
get_description(): human readable representation of a state
Action
------
Action is a object which can perform certain action on a facet. Action has enabling and disabling conditions.
action options:
name: string, required, name of the option
label: string, required, human readable name of the option
enable_cond: string array, states which need to be present in order to run this action
disable_cond: string array, states which must not be present in order to run this action
handler: function, contains action's logic
needs_confirm: boolean, default false, indicates if action needs user confirmation
confirm_msg: string, default generic message, human readable confirmation message.
Action list should contain logic which enables/disables action based on facet state and action's enabling/disabling conditions. It should also enforce presence of confirmation.
In this patch is also slightly modified facet header, mostly title part. It was revised to contain status icon, title and action list on single line. Facet header is using state evaluator's get_description method to properly set tooltip for state icon.
https://fedorahosted.org/freeipa/ticket/2247
2012-04-04 09:33:48 -05:00
|
|
|
.button-disabled {
|
|
|
|
color: gray;
|
|
|
|
cursor: default;
|
|
|
|
}
|
|
|
|
|
2011-09-23 10:49:46 -05:00
|
|
|
.aci-attribute-table tbody {
|
2011-06-03 10:33:32 -05:00
|
|
|
border-bottom: 1px solid #8a8a8a;
|
2012-07-13 10:49:13 -05:00
|
|
|
height: 10em;
|
2010-08-06 09:01:44 -05:00
|
|
|
}
|
|
|
|
|
2011-09-23 10:49:46 -05:00
|
|
|
.aci-attribute-table .aci-attribute-column {
|
|
|
|
width: 200em; /* it will fit actual width */
|
2010-09-16 14:13:48 -05:00
|
|
|
}
|
|
|
|
|
2012-07-13 10:49:13 -05:00
|
|
|
.aci-attribute-table-container {
|
|
|
|
height: 13.5em;
|
|
|
|
overflow: hidden;
|
|
|
|
}
|
|
|
|
|
2010-09-16 14:13:48 -05:00
|
|
|
.entity-views{
|
2011-09-23 10:49:46 -05:00
|
|
|
list-style-type:none;
|
2010-09-16 14:13:48 -05:00
|
|
|
}
|
|
|
|
|
|
|
|
.entity-views li {
|
|
|
|
display:inline;
|
2010-09-16 20:44:03 -05:00
|
|
|
cursor: pointer;
|
2010-11-15 14:06:43 -06:00
|
|
|
padding: 0.4em;
|
2010-09-16 14:13:48 -05:00
|
|
|
}
|
2010-10-13 12:07:43 -05:00
|
|
|
|
|
|
|
.strikethrough { text-decoration: line-through; }
|
2010-10-15 23:40:38 -05:00
|
|
|
|
2012-01-31 11:31:22 -06:00
|
|
|
textarea.certificate {
|
|
|
|
font-family: "Courier New";
|
|
|
|
width: 100%;
|
|
|
|
height: 250px;
|
|
|
|
}
|
|
|
|
|
2011-01-13 04:20:12 -06:00
|
|
|
table.certificate-status {
|
|
|
|
line-height: 2;
|
|
|
|
}
|
|
|
|
|
|
|
|
table.kerberos-key-status {
|
|
|
|
line-height: 2;
|
|
|
|
}
|
2010-10-15 13:06:23 -05:00
|
|
|
|
2011-01-13 00:59:57 -06:00
|
|
|
.status-icon {
|
2011-01-17 07:43:43 -06:00
|
|
|
vertical-align: bottom;
|
2010-11-16 18:10:40 -06:00
|
|
|
}
|
|
|
|
|
2011-01-13 00:59:57 -06:00
|
|
|
.status-valid {
|
2011-10-26 16:06:17 -05:00
|
|
|
background-image: url(images/check-icon.png);
|
2011-01-13 00:59:57 -06:00
|
|
|
border: 0.2em solid #008000;
|
2010-11-16 18:10:40 -06:00
|
|
|
}
|
|
|
|
|
2011-01-13 00:59:57 -06:00
|
|
|
.status-valid-active {
|
|
|
|
background-color: #008000;
|
2010-11-16 18:10:40 -06:00
|
|
|
}
|
|
|
|
|
2011-01-13 00:59:57 -06:00
|
|
|
.status-revoked {
|
|
|
|
border: 0.2em solid #ff0000;
|
2010-10-15 23:40:38 -05:00
|
|
|
}
|
|
|
|
|
2011-01-13 00:59:57 -06:00
|
|
|
.status-revoked-active {
|
|
|
|
background-color: #ff0000;
|
2010-10-15 23:40:38 -05:00
|
|
|
}
|
|
|
|
|
2011-01-13 00:59:57 -06:00
|
|
|
.status-missing {
|
|
|
|
border: 0.2em solid #daa520;
|
2010-10-15 23:40:38 -05:00
|
|
|
}
|
|
|
|
|
2011-01-13 00:59:57 -06:00
|
|
|
.status-missing-active {
|
|
|
|
background-color: #daa520;
|
2010-10-15 23:40:38 -05:00
|
|
|
}
|
2010-10-15 13:06:23 -05:00
|
|
|
|
2012-10-04 07:05:17 -05:00
|
|
|
.error-message-hinted {
|
|
|
|
color: red;
|
|
|
|
padding-top: 0.5em;
|
|
|
|
padding-bottom: 0.5em;
|
|
|
|
font-family: monospace;
|
|
|
|
}
|
|
|
|
|
2011-06-07 20:48:20 -05:00
|
|
|
/* ---- Table ---- */
|
|
|
|
|
SUDO adjustments
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.
2010-12-07 01:51:51 -06:00
|
|
|
table.scrollable thead {
|
|
|
|
display: block;
|
|
|
|
}
|
|
|
|
|
|
|
|
table.scrollable tbody {
|
|
|
|
display: block;
|
|
|
|
overflow: auto;
|
|
|
|
}
|
|
|
|
|
2011-08-02 16:48:08 -05:00
|
|
|
.adder-dialog {
|
|
|
|
position: relative;
|
2013-10-18 11:04:58 -05:00
|
|
|
height: 350px;
|
SUDO adjustments
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.
2010-12-07 01:51:51 -06:00
|
|
|
}
|
|
|
|
|
2011-08-02 16:48:08 -05:00
|
|
|
.adder-dialog-top {
|
|
|
|
position: absolute;
|
|
|
|
top: 0;
|
|
|
|
left: 0;
|
|
|
|
right: 0;
|
|
|
|
height: 3em;
|
2011-11-21 16:43:52 -06:00
|
|
|
line-height: 18px;
|
2011-08-02 16:48:08 -05:00
|
|
|
}
|
|
|
|
|
|
|
|
.adder-dialog-top input[name=filter] {
|
|
|
|
width: 244px;
|
|
|
|
}
|
|
|
|
|
2013-10-18 11:04:58 -05:00
|
|
|
.adder-dialog-top .network-activity-indicator img,
|
|
|
|
.adder-dialog-top button {
|
|
|
|
margin-top: -10px;
|
|
|
|
}
|
|
|
|
|
2011-08-02 16:48:08 -05:00
|
|
|
.adder-dialog-left {
|
|
|
|
position: absolute;
|
|
|
|
top: 3.5em;
|
|
|
|
left: 0;
|
|
|
|
right: 50%;
|
|
|
|
bottom: 0;
|
|
|
|
}
|
|
|
|
|
|
|
|
.adder-dialog-right {
|
|
|
|
position: absolute;
|
|
|
|
top: 3.5em;
|
|
|
|
left: 50%;
|
|
|
|
right: 0;
|
|
|
|
bottom: 0;
|
|
|
|
}
|
|
|
|
|
|
|
|
.adder-dialog .search-table {
|
|
|
|
width: 100%;
|
|
|
|
height: 100%;
|
|
|
|
}
|
|
|
|
|
2013-10-18 11:04:58 -05:00
|
|
|
.adder-dialog table.scrollable thead {
|
|
|
|
display: table-header-group;
|
|
|
|
}
|
|
|
|
|
2011-08-02 16:48:08 -05:00
|
|
|
.adder-dialog tbody {
|
|
|
|
position: absolute;
|
|
|
|
bottom: 32px;
|
|
|
|
left: 3px;
|
|
|
|
right: 4px;
|
|
|
|
top: 31px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.adder-dialog-header {
|
|
|
|
position: absolute;
|
|
|
|
top: 0;
|
|
|
|
left: 0;
|
|
|
|
right: 0;
|
|
|
|
height: 1.5em;
|
|
|
|
line-height: 1.5em;
|
2011-12-08 03:25:34 -06:00
|
|
|
padding: 0.2em 1em;
|
2013-10-18 11:04:58 -05:00
|
|
|
font-weight: 700;
|
2011-08-02 16:48:08 -05:00
|
|
|
}
|
|
|
|
|
|
|
|
.adder-dialog-content {
|
|
|
|
position: absolute;
|
2011-12-08 03:25:34 -06:00
|
|
|
top: 1.9em;
|
2011-08-02 16:48:08 -05:00
|
|
|
left: 0;
|
|
|
|
right: 0;
|
|
|
|
bottom: 0;
|
SUDO adjustments
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.
2010-12-07 01:51:51 -06:00
|
|
|
}
|
|
|
|
|
|
|
|
.adder-dialog-available {
|
2011-01-25 08:23:55 -06:00
|
|
|
background-color: #ffffff;
|
2011-02-16 09:29:19 -06:00
|
|
|
border: none;
|
SUDO adjustments
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.
2010-12-07 01:51:51 -06:00
|
|
|
position: absolute;
|
2011-01-06 10:22:57 -06:00
|
|
|
top: 0;
|
|
|
|
left: 0;
|
|
|
|
bottom: 0;
|
2011-08-02 16:48:08 -05:00
|
|
|
right: 3em;
|
|
|
|
}
|
|
|
|
|
|
|
|
.adder-dialog-with-external .adder-dialog-available {
|
2013-10-18 11:04:58 -05:00
|
|
|
bottom: 5em;
|
SUDO adjustments
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.
2010-12-07 01:51:51 -06:00
|
|
|
}
|
|
|
|
|
|
|
|
.adder-dialog-selected {
|
2011-01-25 08:23:55 -06:00
|
|
|
background-color: #ffffff;
|
2011-02-16 09:29:19 -06:00
|
|
|
border: none;
|
SUDO adjustments
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.
2010-12-07 01:51:51 -06:00
|
|
|
position: absolute;
|
2011-01-06 10:22:57 -06:00
|
|
|
top: 0;
|
|
|
|
right: 0;
|
|
|
|
bottom: 0;
|
2011-08-02 16:48:08 -05:00
|
|
|
left: 3em;
|
2011-01-25 08:23:55 -06:00
|
|
|
}
|
|
|
|
|
|
|
|
.adder-dialog-buttons {
|
2013-10-18 11:04:58 -05:00
|
|
|
width: 60px;
|
2011-01-25 08:23:55 -06:00
|
|
|
text-align: center;
|
2013-10-18 11:04:58 -05:00
|
|
|
margin: 0 auto;
|
|
|
|
position: absolute;
|
|
|
|
left: 0;
|
|
|
|
right: 0;
|
|
|
|
top: 10em;
|
SUDO adjustments
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.
2010-12-07 01:51:51 -06:00
|
|
|
}
|
|
|
|
|
2013-10-18 11:04:58 -05:00
|
|
|
|
2011-11-21 16:43:52 -06:00
|
|
|
.adder-dialog-buttons .button {
|
|
|
|
position: relative;
|
|
|
|
}
|
|
|
|
|
SUDO adjustments
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.
2010-12-07 01:51:51 -06:00
|
|
|
.adder-dialog-internal {
|
2011-02-22 11:58:26 -06:00
|
|
|
background-color: #ffffff;
|
|
|
|
border: none;
|
SUDO adjustments
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.
2010-12-07 01:51:51 -06:00
|
|
|
position: absolute;
|
2011-01-06 10:22:57 -06:00
|
|
|
top: 0;
|
|
|
|
left: 0;
|
2011-02-22 11:58:26 -06:00
|
|
|
bottom: 0;
|
|
|
|
width: 23em;
|
|
|
|
padding-top: 1em;
|
|
|
|
|
SUDO adjustments
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.
2010-12-07 01:51:51 -06:00
|
|
|
}
|
|
|
|
|
|
|
|
.adder-dialog-external {
|
2011-02-22 11:58:26 -06:00
|
|
|
border: none;
|
SUDO adjustments
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.
2010-12-07 01:51:51 -06:00
|
|
|
position: absolute;
|
2011-01-06 10:22:57 -06:00
|
|
|
left: 0;
|
2013-10-18 11:04:58 -05:00
|
|
|
bottom: 3em;
|
2011-08-02 16:48:08 -05:00
|
|
|
right: 3em;
|
2011-01-06 10:22:57 -06:00
|
|
|
height: 4em;
|
2011-01-04 14:21:18 -06:00
|
|
|
}
|
2011-07-15 12:18:59 -05:00
|
|
|
|
2011-08-02 16:48:08 -05:00
|
|
|
.adder-dialog-external .adder-dialog-content {
|
2011-12-08 03:25:34 -06:00
|
|
|
top: 2.1em;
|
2011-08-02 16:48:08 -05:00
|
|
|
}
|
|
|
|
|
|
|
|
.adder-dialog-external input {
|
|
|
|
width: 98%;
|
|
|
|
}
|
|
|
|
|
2012-07-25 05:32:39 -05:00
|
|
|
.adder-dialog-buttons > div:first-child{
|
|
|
|
margin-bottom: 0.5em;
|
|
|
|
}
|
|
|
|
|
2011-07-15 12:18:59 -05:00
|
|
|
/* ---- Widgets ---- */
|
|
|
|
|
|
|
|
.text-widget input {
|
|
|
|
width: 250px;
|
|
|
|
}
|
|
|
|
|
2012-02-06 07:52:09 -06:00
|
|
|
.multivalued-widget [name=value] {
|
2011-07-15 12:18:59 -05:00
|
|
|
margin-bottom: 1em;
|
|
|
|
}
|
|
|
|
|
2012-02-06 07:52:09 -06:00
|
|
|
.multivalued-widget input {
|
2011-07-15 12:18:59 -05:00
|
|
|
width: 250px;
|
|
|
|
}
|
|
|
|
|
2013-10-22 07:13:32 -05:00
|
|
|
.multivalued-widget a[name=add] {
|
|
|
|
margin-right: 5px;
|
|
|
|
}
|
|
|
|
|
2012-07-16 06:40:52 -05:00
|
|
|
.textarea-widget textarea {
|
|
|
|
width: 250px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.facet-content .textarea-widget textarea {
|
|
|
|
width: 400px;
|
|
|
|
}
|
|
|
|
|
2013-03-22 11:53:04 -05:00
|
|
|
.option_widget {
|
|
|
|
list-style-type: none;
|
|
|
|
margin: 0;
|
|
|
|
padding: 0;
|
|
|
|
}
|
|
|
|
|
|
|
|
.option_widget.nested {
|
|
|
|
padding-left: 40px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.option_widget.inline,
|
|
|
|
.option_widget.inline > li {
|
|
|
|
display: inline;
|
|
|
|
}
|
|
|
|
|
2011-07-15 12:18:59 -05:00
|
|
|
.combobox-widget-input {
|
|
|
|
display: inline-block;
|
|
|
|
position: relative;
|
|
|
|
}
|
|
|
|
|
|
|
|
.combobox-widget-input input {
|
|
|
|
width: 250px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.combobox-widget-input .combobox-icon {
|
|
|
|
display: inline-block;
|
|
|
|
position: absolute;
|
|
|
|
top: 0;
|
|
|
|
bottom: 0;
|
|
|
|
right: 0;
|
2013-10-22 10:55:08 -05:00
|
|
|
margin-top: 4px;
|
2011-07-15 12:18:59 -05:00
|
|
|
margin-right: 4px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.combobox-widget-list {
|
|
|
|
visibility: hidden;
|
|
|
|
border: 1px solid #A0A0A0;
|
|
|
|
background: #EEEEEE;
|
|
|
|
padding: 5px;
|
|
|
|
position: absolute;
|
|
|
|
left: 0;
|
|
|
|
right: 0;
|
|
|
|
}
|
|
|
|
|
|
|
|
.combobox-widget-list input {
|
|
|
|
width: 238px;
|
|
|
|
}
|
|
|
|
|
2013-10-22 10:55:08 -05:00
|
|
|
.combobox-widget-list a {
|
|
|
|
padding: 0;
|
|
|
|
margin: 0;
|
|
|
|
}
|
|
|
|
|
2011-07-15 12:18:59 -05:00
|
|
|
.combobox-widget-list .search-icon {
|
|
|
|
position: absolute;
|
|
|
|
top: 0;
|
|
|
|
bottom: 0;
|
|
|
|
right: 0;
|
2011-12-09 19:11:41 -06:00
|
|
|
margin-top: 6px;
|
2011-07-15 12:18:59 -05:00
|
|
|
margin-right: 3px;
|
|
|
|
}
|
2011-08-08 15:47:38 -05:00
|
|
|
|
2011-09-10 11:54:02 -05:00
|
|
|
.host-adder-dialog table.fqdn {
|
2011-08-08 15:47:38 -05:00
|
|
|
width: 100%;
|
|
|
|
}
|
|
|
|
|
2011-09-10 11:54:02 -05:00
|
|
|
.host-adder-dialog th.hostname {
|
2013-10-21 09:32:36 -05:00
|
|
|
width: 250px;
|
2011-08-08 15:47:38 -05:00
|
|
|
}
|
|
|
|
|
2011-09-10 11:54:02 -05:00
|
|
|
.host-adder-dialog td.hostname {
|
|
|
|
vertical-align: top;
|
|
|
|
}
|
|
|
|
|
|
|
|
.host-adder-dialog td.dnszone {
|
|
|
|
vertical-align: top;
|
|
|
|
}
|
|
|
|
|
2011-08-08 15:47:38 -05:00
|
|
|
.host-adder-dialog input[name=hostname] {
|
|
|
|
width: 100%;
|
|
|
|
}
|
2011-10-11 02:42:35 -05:00
|
|
|
|
2011-10-19 15:11:09 -05:00
|
|
|
.dnszone-adder-dialog .section-cell-label {
|
|
|
|
width: 180px;
|
|
|
|
}
|
|
|
|
|
2011-10-11 02:42:35 -05:00
|
|
|
/* Info and simple pages (not main app) */
|
|
|
|
|
|
|
|
body.info-page {
|
2011-10-26 16:06:17 -05:00
|
|
|
background: url(images/static-background.png) repeat-x scroll left top #EDEDED;
|
2011-10-11 02:42:35 -05:00
|
|
|
}
|
|
|
|
|
2012-10-01 10:36:42 -05:00
|
|
|
.info-page p {
|
|
|
|
margin: 0.5em 0em 1em 0em;
|
|
|
|
}
|
|
|
|
|
|
|
|
.info-page h1, .info-page h2, .info-page h3 {
|
2013-10-11 10:49:28 -05:00
|
|
|
font-family: "Overpass", OpenSansRegular, "Liberation Sans", Arial, sans-serif;
|
2012-10-01 10:36:42 -05:00
|
|
|
margin-left: 0px;
|
|
|
|
font-weight: normal;
|
|
|
|
color: #555555;
|
|
|
|
}
|
|
|
|
|
2011-10-11 02:42:35 -05:00
|
|
|
.info-page h1 {
|
2012-10-01 10:36:42 -05:00
|
|
|
font-size: 2em;
|
|
|
|
}
|
|
|
|
|
|
|
|
.info-page h2 {
|
|
|
|
margin-top: 2em;
|
2011-10-11 02:42:35 -05:00
|
|
|
}
|
|
|
|
|
|
|
|
.info-page .container_1 {
|
|
|
|
margin-left: auto;
|
|
|
|
margin-right: auto;
|
|
|
|
width: 960px;
|
2011-10-26 16:06:17 -05:00
|
|
|
background: url(images/centered-background.png) no-repeat scroll 0 7em transparent;
|
2011-10-11 02:42:35 -05:00
|
|
|
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;
|
|
|
|
}
|
|
|
|
|
2011-10-19 15:11:09 -05:00
|
|
|
.required-indicator {
|
2013-10-31 13:47:24 -05:00
|
|
|
color: #1d85d9;
|
2011-10-25 08:53:06 -05:00
|
|
|
font-weight: bold;
|
2013-10-31 13:47:24 -05:00
|
|
|
font-size: 125%;
|
2011-10-25 08:53:06 -05:00
|
|
|
}
|
|
|
|
|
|
|
|
.section-cell-label .required-indicator {
|
|
|
|
float: right;
|
|
|
|
margin-right: -10px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.dialog-section .section-cell-label .required-indicator {
|
|
|
|
margin-right: 0px;
|
2011-12-05 23:25:07 -06:00
|
|
|
}
|
|
|
|
|
2012-10-01 10:36:42 -05:00
|
|
|
/* Browser config page */
|
|
|
|
|
|
|
|
|
|
|
|
.info-page .browser-config h1,
|
|
|
|
.info-page .browser-config h2,
|
|
|
|
.info-page .browser-config h3,
|
|
|
|
.info-page .browser-config.textblockkrb {
|
|
|
|
text-align: center;
|
|
|
|
}
|
|
|
|
|
|
|
|
.browser-config h2 {
|
|
|
|
margin-left: 0em;
|
|
|
|
margin-top: 2em;
|
|
|
|
|
|
|
|
}
|
|
|
|
|
2011-12-05 23:25:07 -06:00
|
|
|
/* ---- HBAC Test ---- */
|
|
|
|
|
|
|
|
.hbac-test-header {
|
|
|
|
position: absolute;
|
|
|
|
top: 0;
|
|
|
|
left: 0;
|
|
|
|
right: 0;
|
|
|
|
height: 30px;
|
2013-10-22 09:01:59 -05:00
|
|
|
line-height: normal;
|
|
|
|
}
|
|
|
|
|
|
|
|
.hbac-test-header .search-filter {
|
|
|
|
float: right;
|
2011-12-05 23:25:07 -06:00
|
|
|
}
|
|
|
|
|
|
|
|
.hbac-test-content {
|
|
|
|
position: absolute;
|
|
|
|
top: 30px;
|
|
|
|
left: 0;
|
|
|
|
right: 0;
|
|
|
|
bottom: 30px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.hbac-test-footer {
|
|
|
|
position: absolute;
|
2013-10-22 09:01:59 -05:00
|
|
|
height: 29px;
|
2011-12-05 23:25:07 -06:00
|
|
|
left: 0;
|
|
|
|
right: 0;
|
|
|
|
bottom: 0;
|
|
|
|
}
|
|
|
|
|
|
|
|
.hbac-test-title {
|
2013-10-11 10:49:28 -05:00
|
|
|
font-family: 'Overpass Bold', OpenSansRegular, 'Liberation Sans', Arial, Sans-Serif;
|
2011-12-05 23:25:07 -06:00
|
|
|
font-size: 1.8em;
|
|
|
|
color: #3c3c3c;
|
|
|
|
text-transform: uppercase;
|
|
|
|
text-shadow: 1px 1px 0 #FFFFFF;
|
|
|
|
margin: 0;
|
|
|
|
}
|
|
|
|
|
2013-10-22 09:01:59 -05:00
|
|
|
.hbac-test-title,
|
|
|
|
.hbac-test-title ~ label {
|
|
|
|
margin-right: 5px !important;
|
|
|
|
}
|
|
|
|
|
2013-03-25 07:27:33 -05:00
|
|
|
div.facet[data-entity=hbactest] .content-table tbody {
|
2011-12-05 23:25:07 -06:00
|
|
|
bottom: 68px;
|
|
|
|
}
|
|
|
|
|
2013-03-25 07:27:33 -05:00
|
|
|
div.facet[data-entity=hbactest] .content-table tfoot td[name=external] {
|
2011-12-05 23:25:07 -06:00
|
|
|
background-color: #F6F6F6;
|
|
|
|
border: 1px solid #DFDFDF;
|
|
|
|
color: #333333;
|
|
|
|
height: 30px;
|
|
|
|
padding: 0 0.5em;
|
|
|
|
text-align: left;
|
|
|
|
}
|
|
|
|
|
2013-03-25 07:27:33 -05:00
|
|
|
div.facet[data-name=run_test][data-entity=hbactest] .hbac-test-header {
|
2011-12-05 23:25:07 -06:00
|
|
|
height: 100px;
|
|
|
|
}
|
|
|
|
|
2013-03-25 07:27:33 -05:00
|
|
|
div.facet[data-name=run_test][data-entity=hbactest] .hbac-test-content {
|
2011-12-05 23:25:07 -06:00
|
|
|
top: 100px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.hbac-test-top-panel {
|
|
|
|
position: relative;
|
|
|
|
width: 100%;
|
|
|
|
height: 50px;
|
|
|
|
margin-bottom: 20px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.hbac-test-button-panel {
|
|
|
|
position: absolute;
|
|
|
|
top: 0;
|
|
|
|
left: 0;
|
|
|
|
bottom: 0;
|
|
|
|
width: 130px;
|
|
|
|
padding: 10px;
|
|
|
|
|
|
|
|
border: 1px solid #C9C3BA;
|
|
|
|
border-top-left-radius: 5px;
|
|
|
|
border-bottom-left-radius: 5px;
|
|
|
|
background-color: #F6F6F6;
|
|
|
|
}
|
|
|
|
|
|
|
|
.hbac-test-result-panel {
|
|
|
|
position: absolute;
|
|
|
|
top: 0;
|
|
|
|
right: 0;
|
|
|
|
bottom: 0;
|
|
|
|
left: 151px;
|
|
|
|
|
|
|
|
padding: 10px;
|
|
|
|
|
|
|
|
border: 1px solid #C9C3BA;
|
|
|
|
border-top-right-radius: 5px;
|
|
|
|
border-bottom-right-radius: 5px;
|
|
|
|
background-color: #F6F6F6;
|
|
|
|
}
|
|
|
|
|
|
|
|
.hbac-test-navigation-buttons {
|
|
|
|
float: right;
|
2012-01-19 03:28:44 -06:00
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* ---- DNS ---- */
|
|
|
|
|
|
|
|
.dnstype-table div[name=position] {
|
|
|
|
|
|
|
|
padding-right: 9px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.dnstype-table td {
|
|
|
|
font-weight: normal;
|
2012-02-02 10:55:36 -06:00
|
|
|
}
|
|
|
|
|
2012-02-06 07:52:09 -06:00
|
|
|
/* --- SSH key store --- */
|
|
|
|
|
|
|
|
span.sshkey-status, a.sshkey-set {
|
|
|
|
padding-right: 5px;
|
|
|
|
}
|
2012-02-02 10:55:36 -06:00
|
|
|
/* --- Automember --- */
|
|
|
|
|
|
|
|
.automember-header {
|
|
|
|
position: absolute;
|
|
|
|
top: 0;
|
|
|
|
left: 3px;
|
|
|
|
right: 3px;
|
|
|
|
height: 52px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.automember-content {
|
|
|
|
position: absolute;
|
|
|
|
top: 52px;
|
|
|
|
left: 0;
|
|
|
|
right: 0;
|
|
|
|
bottom: 0px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.automember-header .default_group {
|
|
|
|
border-bottom: 1px solid #DFDFDF;
|
|
|
|
border-top: 1px solid #DFDFDF;
|
|
|
|
padding-bottom: 5px;
|
|
|
|
padding-top: 8px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.automember-header .default_group h2 {
|
|
|
|
display: inline-block;
|
|
|
|
margin: 0 15px 0 20px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.automember-header .default_group label {
|
|
|
|
margin-right: 20px;
|
2012-02-27 08:31:20 -06:00
|
|
|
}
|
|
|
|
|
|
|
|
/* --- Stand alone forms --- */
|
|
|
|
|
|
|
|
#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;
|
|
|
|
border-style: solid;
|
|
|
|
border-width: 1px;
|
|
|
|
color: #3F3F3F;
|
|
|
|
margin: 40px auto 100px;
|
|
|
|
width: 450px;
|
|
|
|
}
|
|
|
|
|
2012-06-08 09:38:17 -05:00
|
|
|
.form-box {
|
|
|
|
padding: 1em 2em;
|
|
|
|
}
|
|
|
|
|
2012-02-27 08:31:20 -06:00
|
|
|
#error-box, .error-box {
|
|
|
|
-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 2em;
|
|
|
|
padding: 1em 2em;
|
|
|
|
}
|
|
|
|
|
2012-06-08 09:38:17 -05:00
|
|
|
#success-box, .success-box {
|
|
|
|
-moz-border-radius: 0.3em 0.3em 0.3em 0.3em;
|
|
|
|
-webkit-border-radius: 0.3em 0.3em 0.3em 0.3em;
|
|
|
|
background-color: #FFEB80;
|
|
|
|
border: 1px solid #FFDE2E;
|
|
|
|
margin: 0 2em 1em 2em;
|
|
|
|
padding: 1em 2em;
|
|
|
|
}
|
|
|
|
|
2012-02-27 08:31:20 -06:00
|
|
|
#formwindow h2 {
|
|
|
|
background-color: #F0F0F0;
|
|
|
|
font-size: 1.6em;
|
|
|
|
padding: 18px 15px 14px 22px;
|
|
|
|
text-transform: uppercase;
|
|
|
|
margin: 0 0 1em 0;
|
|
|
|
font-weight: bold;
|
|
|
|
}
|
|
|
|
|
|
|
|
.formbutton input {
|
|
|
|
float: right;
|
|
|
|
margin: 1em 1em 1em 0;
|
|
|
|
-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;
|
|
|
|
padding: 0.5em 0.8em;
|
|
|
|
}
|
|
|
|
|
|
|
|
.formcontent {
|
|
|
|
padding: 0em 1em 1em;
|
|
|
|
}
|
|
|
|
|
|
|
|
/* --- Login form --- */
|
|
|
|
#login li {
|
|
|
|
padding-bottom: 15px;
|
|
|
|
text-align: right;
|
|
|
|
width: 370px;
|
|
|
|
list-style-type: none;
|
|
|
|
}
|
|
|
|
|
|
|
|
#login li input {
|
|
|
|
-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;
|
2012-06-08 09:38:17 -05:00
|
|
|
width: 210px;
|
2012-02-27 08:31:20 -06:00
|
|
|
}
|
|
|
|
|
|
|
|
#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;
|
|
|
|
}
|
|
|
|
|
|
|
|
/* --- Login page --- */
|
|
|
|
|
|
|
|
.login-page #formwindow {
|
|
|
|
margin-top: 100px;
|
|
|
|
}
|
|
|
|
|
|
|
|
/* --- Unauthorized dialog --- */
|
|
|
|
|
|
|
|
.auth-dialog {
|
|
|
|
padding: 0 2em;
|
|
|
|
}
|
|
|
|
|
|
|
|
.auth-dialog h3 {
|
|
|
|
margin: 0.5em;
|
|
|
|
}
|
Action lists
This patch add support fo Action Lists.
Action list is a select widget with actions as options located in facet header. Action can be selected and then executed by clickin on 'apply' button.
Actions lists are defined on facet level. Facet header takes them from facet.
Action list options
actions: list of actions
state_evaluator: a state evaluator which is needed for enabling/disabling options. Can encapsulate more evaluators.
State evaluator object
----------------------
State evaluator is resposible for evaluating a state from result set. State is a array of strings. Each evaluator should inherit from IPA.state_evaluator and override evaluate method.
Methods:
evaluate(record): should return string array which represents the state
get_description(): human readable representation of a state
Action
------
Action is a object which can perform certain action on a facet. Action has enabling and disabling conditions.
action options:
name: string, required, name of the option
label: string, required, human readable name of the option
enable_cond: string array, states which need to be present in order to run this action
disable_cond: string array, states which must not be present in order to run this action
handler: function, contains action's logic
needs_confirm: boolean, default false, indicates if action needs user confirmation
confirm_msg: string, default generic message, human readable confirmation message.
Action list should contain logic which enables/disables action based on facet state and action's enabling/disabling conditions. It should also enforce presence of confirmation.
In this patch is also slightly modified facet header, mostly title part. It was revised to contain status icon, title and action list on single line. Facet header is using state evaluator's get_description method to properly set tooltip for state icon.
https://fedorahosted.org/freeipa/ticket/2247
2012-04-04 09:33:48 -05:00
|
|
|
|
|
|
|
/* --- Action list --- */
|
|
|
|
|
|
|
|
.facet-action-list {
|
|
|
|
position: absolute;
|
|
|
|
left: 200px;
|
|
|
|
top: 15px;
|
|
|
|
height: 24px;
|
|
|
|
vertical-align: top;
|
|
|
|
}
|
|
|
|
|
|
|
|
.facet-action-list div {
|
|
|
|
display: inline-block;
|
|
|
|
vertical-align: top;
|
|
|
|
}
|
|
|
|
|
|
|
|
.facet-action-list div[name=apply] {
|
|
|
|
margin-left: 10px;
|
|
|
|
}
|
|
|
|
|
2013-10-22 11:45:03 -05:00
|
|
|
.facet-action-list .btn {
|
|
|
|
line-height: 20px;
|
Action lists
This patch add support fo Action Lists.
Action list is a select widget with actions as options located in facet header. Action can be selected and then executed by clickin on 'apply' button.
Actions lists are defined on facet level. Facet header takes them from facet.
Action list options
actions: list of actions
state_evaluator: a state evaluator which is needed for enabling/disabling options. Can encapsulate more evaluators.
State evaluator object
----------------------
State evaluator is resposible for evaluating a state from result set. State is a array of strings. Each evaluator should inherit from IPA.state_evaluator and override evaluate method.
Methods:
evaluate(record): should return string array which represents the state
get_description(): human readable representation of a state
Action
------
Action is a object which can perform certain action on a facet. Action has enabling and disabling conditions.
action options:
name: string, required, name of the option
label: string, required, human readable name of the option
enable_cond: string array, states which need to be present in order to run this action
disable_cond: string array, states which must not be present in order to run this action
handler: function, contains action's logic
needs_confirm: boolean, default false, indicates if action needs user confirmation
confirm_msg: string, default generic message, human readable confirmation message.
Action list should contain logic which enables/disables action based on facet state and action's enabling/disabling conditions. It should also enforce presence of confirmation.
In this patch is also slightly modified facet header, mostly title part. It was revised to contain status icon, title and action list on single line. Facet header is using state evaluator's get_description method to properly set tooltip for state icon.
https://fedorahosted.org/freeipa/ticket/2247
2012-04-04 09:33:48 -05:00
|
|
|
}
|
|
|
|
|
|
|
|
.facet-action-list .separator {
|
|
|
|
width: 1px;
|
|
|
|
height: 24px;
|
|
|
|
margin-left: 10px;
|
|
|
|
margin-right: 15px;
|
|
|
|
background-color: #a1a1a1;
|
|
|
|
}
|
|
|
|
|
|
|
|
/* --- Facet title states --- */
|
|
|
|
|
|
|
|
.facet-title h3 {
|
|
|
|
display: inline-block;
|
|
|
|
}
|
|
|
|
|
|
|
|
.facet-title .header-icon {
|
|
|
|
display: none;
|
|
|
|
width: 17px;
|
|
|
|
height: 17px;
|
|
|
|
}
|
2012-04-30 08:02:41 -05:00
|
|
|
|
|
|
|
.facet-title.enabled .header-icon {
|
|
|
|
background-image: url(images/ui-icons_222222_256x240.png);
|
|
|
|
background-position: -64px -144px;
|
|
|
|
display: inline-block;
|
|
|
|
}
|
|
|
|
|
|
|
|
.facet-title.disabled .header-icon {
|
|
|
|
background-image: url(images/ui-icons_bbbbbb_256x240.png);
|
|
|
|
background-position: -64px -128px;
|
|
|
|
display: inline-block;
|
|
|
|
}
|
|
|
|
|
|
|
|
.facet-title.disabled h3,
|
|
|
|
.facet-title.disabled h3 .facet-pkey{
|
|
|
|
color: gray;
|
2012-05-21 08:24:37 -05:00
|
|
|
}
|
|
|
|
|
|
|
|
.action-panel {
|
|
|
|
position: absolute;
|
|
|
|
right: 0;
|
2012-06-06 10:52:15 -05:00
|
|
|
top: -30px;
|
2012-05-21 08:24:37 -05:00
|
|
|
|
|
|
|
width: 150px;
|
|
|
|
|
|
|
|
-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);
|
|
|
|
}
|
|
|
|
|
|
|
|
.action-panel-list {
|
2013-10-16 13:14:12 -05:00
|
|
|
margin: 0 0 10px 0;
|
2012-05-21 08:24:37 -05:00
|
|
|
list-style: none;
|
2013-10-16 13:14:12 -05:00
|
|
|
padding: 0 0 0 15px;
|
2012-05-21 08:24:37 -05:00
|
|
|
}
|
|
|
|
|
|
|
|
.action-title {
|
|
|
|
font-size: 1em;
|
|
|
|
font-weight: bold;
|
2013-10-16 13:14:12 -05:00
|
|
|
margin: 15px 0 5px 15px;
|
|
|
|
line-height: 1em;
|
2012-05-21 08:24:37 -05:00
|
|
|
}
|
|
|
|
|
|
|
|
.disabled {
|
|
|
|
color: gray;
|
|
|
|
cursor: default;
|
2012-06-13 10:44:36 -05:00
|
|
|
}
|
|
|
|
|
|
|
|
/* --- Multiple choice widget --- */
|
|
|
|
|
|
|
|
.multiple-choice-section-header {
|
|
|
|
font-weight: bold;
|
|
|
|
font-size: 1.1em;
|
|
|
|
}
|
|
|
|
|
|
|
|
.choice-header {
|
|
|
|
font-weight: bold;
|
2012-10-04 07:05:17 -05:00
|
|
|
}
|