Files
freeipa/install/ui/ipa.css
T
Endi S. Dewata bd493d47a7 Added multi-valued text widget.
A multi-valued text widget has been created to replace the old
IPA.details_field. The old code was designed to handle all data
types, and it uses one <dd> tag for each value, so the code is
still incomplete and complex. The new code was designed to handle
only multi-valued text attributes, and it uses one <dd> tag for
all values, so it's easier to maintain. There are already other
widgets that can be used to handle other data types.

The new code supports line-level undo and line-out for removal
like the old code, but there are some changes:
 - Undoing a newly added line will remove the entire line.
 - Editing the value of a removed line will cancel the removal.
 - It provides 'undo all' link to reset the entire attribute.

The old code will be cleaned up in a subsequent patch.
2011-02-03 20:09:15 -05:00

939 lines
16 KiB
CSS
Raw Blame History

This file contains invisible Unicode characters
This file contains invisible Unicode characters that are indistinguishable to humans but may be processed differently by a computer. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.
/* 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
*/
@font-face {font-family: "FreeWay"; src:url("FreeWay.otf");}
@font-face {font-family: "FreeWayBold"; src:url("FreeWay-Bold.otf");}
body{
background-image:url("outer-bg.png");
background-repeat:repeat-x;
background-position:left top;
background-color:#ededed;
border-width: 0;
font-family:"Liberation Sans",Arial,Sans;
font-size:11px;
margin: 0;
}
.network-activity-indicator{
display:none;
}
.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_disabled {
cursor: default;
color:black;
}
.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%;
}
.input_link_disabled 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%;
}
.ipa-icon {
font-size: 0.7em;
padding-right: 0.3em;
}
/* ---- Header ---- */
div.header {
background: url("top-bg.png") #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;
background: url("centered-bg.png") no-repeat scroll 0 8.4em transparent;
}
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;
}
h1 {
font-family: "FreeWayBold","Liberation Sans", Arial, sans-serif;
font-size: 1.5em;
font-weight: normal;
color: #555555;
text-transform: uppercase;
}
.entity-container h1{
-moz-border-radius: 0.5em 0.5em 0 0;
background: -moz-linear-gradient(center top , #EEEEEE, #DFDFDF) repeat scroll 0 0 transparent;
margin-top: 1.5em;
padding: 0.5em 0.9em;
position: relative;
width: 40.5em;
}
h2 {
font-family: "FreeWayBold","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.2em;
}
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;
margin-left: 0;
}
dl.entryattrs dd.first {
margin-left: 0;
margin-top: 0.5em;
font-weight: bold;
}
dl.entryattrs dd.other {
clear: both;
margin-left: 10.7em;
}
dl.entryattrs input {
margin-right: 0.5em;
margin-bottom: 1em;
}
dl.entryattrs input.otp {
min-width: 15em;
width: 15em;
}
dl.aci-target{
clear: both;
margin-left: 2em;
margin-top: 1.8em;
white-space: nowrap;
}
dl.aci-target dt {
padding-bottom: 1.8em;
padding-left: 2.8em;
text-align: left;
width: 16em;
margin: 0.5em -0.5em 0 -6em;
}
dl.aci-target dd {
}
dl.aci-target dd.other {
margin-left: -1em;
}
dl.aci-target dd.first {
margin-left: 8.5em;
margin-top: -3.7em;
padding-bottom: 2em;
}
dl.aci-target dd.other {
padding-left: 0.7em;
}
dl.aci-target input {
}
.aci-attribute-table th.style {
}
#group_filter {
margin-right: 2em;
}
#aci_by_filter {
margin-right: 1em;
}
#aci_by_query {
margin-right: 1em;
}
#aci_by_group {
margin-right: 1em;
}
#aci_by_type {
margin-right: 1em;
margin-top: 2.2em;
}
#aci_attributes_table {
overflow-x: hidden;
width: 46em;
}
#memberof-entity-select {
margin-right: 1em;
}
#group-entity-select {
margin-right: 1em;
}
span.attrhint {
font-size: 8pt;
left: 5em;
margin-left: 12.5em;
position: absolute;
overflow-x: hidden;
}
/*Navigation */
.tabs1 .ui-tabs-nav{
padding-left: .7em;
padding-top: 2.3em;
margin: 0;
border: none;
background-image: url("Mainnav-background.png");
-moz-border-radius: 0;
height: 3.5em;
}
.ui-tabs {
padding:0;
}
#the positions for these are in the large icon image,
#and need to be specified in pixels.
.ui-icon-minus {
background-position: -48px -129px;
}
.ui-icon-plus {
background-position: -16px -129px;
}
.ui-icon-trash {
background-position: -176px -97px;
}
.ui-dialog .ui-dialog-titlebar-close span {
background-color: transparent !important;
}
.ui-widget-content .ui-icon {
//background-image: url("ui-icons_222222_256x240.png");
background-color: #e2e2e2;
}
.ui-widget-content {
}
.ui-widget-content a {
text-decoration: none;
color: #1d85d5;
font-weight: normal;
text-transform: none;
}
.ui-widget-header {
background: url("modal-background.png") repeat scroll 50% 50% #1f9123;
border: 1px solid #244c16;
color: #EEEEEE;
font-weight: bold;
}
.ui-dialog .ui-dialog-buttonpane button {
cursor: pointer;
margin: 0.5em 0.4em 0.5em 0;
padding: 0.1em 0.2em;
}
.ui-dialog .ui-dialog-buttonpane {
background-image: none;
border-width: 1px 0 0;
padding: 0.3em 1em 0.5em 0.4em;
text-align: left;
}
//.ui-dialog .ui-dialog-content {
min-height: 26em !important;
}//
.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;
padding: 0.4em 1em;
}
span.ui-icon-search {
background-color: transparent !important;
border: medium none !important;
color: #FFFFFF !important;
margin-left: 0 !important;
}
[title="Find"] {
margin-left: 0.5em !important;
padding: 0.4em 1em 0.4em 2em !important;
}
[title="details"] {
margin-top: -.7em !important;
}
[title="Delete"] {
margin-left: 1em !important;
}
[title="Add"] {
margin-left: 1em !important;
}
[title="mail"] {
margin-top: 0em !important;
}
[title=">>"] {
display: block;
margin-top: 1em !important;
}
.tabs1 .ui-tabs-nav li {
-moz-border-radius: 0 !important;
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{
-moz-border-radius: 0 !important;
font-family: "FreeWayBold", "Liberation Sans", Arial, Sans;
width: 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: #FFFFFF;
}
.tabs1 .ui-tabs-nav li.ui-tabs-selected a{
color: #045E01;
}
.tabs1 .ui-tabs-panel {
display: block;
border-width: 0;
padding: 0 0 0 0;
background-color: transparent;
overflow-x: hidden;
}
.tabs2 .ui-tabs-nav {
padding: 0.3em 6em 0 1.5em;
margin-top: 0em;
height: 26px;
background-image: url("Subnav-background.png");
}
.tabs2 .ui-tabs-nav li {
width:auto;
padding-left: 1em;
margin: 0;
background: none repeat scroll 0 0 transparent !important;
color: white;
}
.tabs2 .ui-tabs-nav li.ui-tabs-selected {
padding-left: 1em;
height: 1em;
background: none;
}
.tabs2 .ui-tabs-nav li a {
width:auto;
padding: 0.3em 0.8em ;
-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: #ffffff;
}
.tabs2 .ui-tabs-nav li.ui-tabs-selected a,
.tabs2 .ui-tabs-nav li a:hover {
background-color:#045E01;
color: #ffffff;
}
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: 21.5em;
width: 80%;
margin: 0.06em;
padding: 0.06em;
background: #e8e8e8;
}
.action-panel {
position: fixed;
height: 33em;
left: auto;
border: none;
float: none;
margin-top: 2.2em;
margin-left: -19.5em;
margin-right: 0;
padding-left: 0;
position: fixed;
width: 18em;
background-image:url("panel-background.png");
background-repeat:no-repeat;
background-position:right;
}
.action-panel h3 {
font-family: "FreeWayBold", "Liberation Sans", Arial, sans-serif;
color: #333333;
margin-bottom: .8em;
padding: 1em 0 0.5em 0em;
border-bottom: 1px solid #c9c9c9;
text-transform: uppercase;
font-size: 1.6em;
font-weight: normal;
}
.action-panel ul {
list-style-type:none;
padding-left: .5em;
padding-top: 0.5em;
}
.action-panel li {
font-family: "FreeWayBold", "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: "FreeWayBold", "Liberation Sans", Arial, Sans;
color: #1D85D5;
cursor: pointer;
text-transform: uppercase;
font-size: 1.2em;
}
.action-panel li.back-to-search {
margin-left: -1.3em;
margin-top: 1.2em;
}
.action-panel li.entity-facet {
font-family: "Freewaybold","Liberation Sans",Arial,sans-serif;
color: #1d85d5;
cursor: pointer;
margin-left: 0.4em;
text-transform: uppercase;
}
.action-panel li.entity-facet-selected {
font-family: "FreeWayBold", "Liberation Sans", Arial, Sans;
color: #565656;
text-transform: uppercase;
cursor: pointer;
margin-left: -0.5em;
}
.action-panel li.entity-facet-selected .ipa-icon {
color: #8a8a8a;
}
.action-panel li.association-facet-selected {
font-family: "Liberaton Sans",Arial,sans-serif;
color: #565656;
font-size: 1em;
margin-left: -1.4em;
}
.action-panel li.association-facet-selected .ipa-icon {
color: #8a8a8a;
}
.action-panel li.entity-facet-selected .action-controls {
}
.action-panel li.entity-facet-disabled {
display:none;
}
.action-panel li.entity-facet-relation-label {
font-family: "FreeWayBold", "Liberation Sans", Arial, Sans;
color: #8a8a8a;
cursor: default;
text-transform: uppercase;
margin-left:0.8em;
}
.action-panel li.facet-group-member {
font-family: "Liberaton Sans",Arial,sans-serif;
margin-left: 2em;
text-transform: none;
}
.action-panel li hr {
margin-top: 0.3em;
margin-left: 1em;
background-color: #FFFFFF !important;
border-left: medium none !important;
border-top: 1px solid #C9C9C9 !important;
}
.action-button {
background: none;
background-image:none;
font-family: "Liberation Sans", Arial, sans-serif;
font-size: 0.9em;
}
a.action-button-disabled {
color: gray;
cursor: default;
}
.action-controls {
position: relative;
display:inline;
}
.client {
font-size: 10px;
margin-top: 0.4em;
float: left;
min-width: 70em;
}
/* 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;
}
.aci-attribute-table tbody{
height:30em;
overflow-x:hidden;
border-bottom: 1px solid #8a8a8a;
}
.aci-attribute-table th.aci-attribute-column{
float: left;
width: 46.5em;
padding: 0.4em 0.5em;
}
.entity-views{
list-style-type:none;
}
.entity-views li {
display:inline;
cursor: pointer;
padding: 0.4em;
}
.strikethrough { text-decoration: line-through; }
table.certificate-status {
line-height: 2;
}
table.kerberos-key-status {
line-height: 2;
}
.status-icon {
vertical-align: bottom;
# width: auto;
# height: 1em;
# -webkit-border-radius: 0.5em;
# -moz-border-radius: 0.5em;
}
.status-valid {
background-image:url('check.png');
border: 0.2em solid #008000;
}
.status-valid-active {
background-color: #008000;
}
.status-revoked {
border: 0.2em solid #ff0000;
}
.status-revoked-active {
background-color: #ff0000;
}
.status-missing {
border: 0.2em solid #daa520;
}
.status-missing-active {
background-color: #daa520;
}
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;
}
#dns-record-resource-filter {
padding: 0em 1em;
margin: 0 1em;
}
#dns-record-type-filter {
margin: 0 1em 0 0.5em;
}
.ui-widget-content {
border:0;
}
table.scrollable thead {
display: block;
}
table.scrollable tbody {
display: block;
overflow: auto;
}
.adder-dialog-filter {
height: 2.5em;
padding-top: 0.7em;
}
.adder-dialog-results {
position: relative;
height: 20.0em;
}
.adder-dialog-available {
background-color: #ffffff;
border: none;
position: absolute;
top: 0;
left: 0;
bottom: 0;
width: 23em;
padding-top: 1em;
}
.adder-dialog-selected {
background-color: #ffffff;
border: none;
position: absolute;
top: 0;
right: 0;
bottom: 0;
width: 23em;
padding-top: 1em;
}
.adder-dialog-buttons {
position: absolute;
top: 7.5em;
left: 24.4em;
right: 25;
bottom: 0;
text-align: center;
}
.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;
}