mirror of
https://salsa.debian.org/freeipa-team/freeipa.git
synced 2024-12-30 10:47:08 -06:00
3e0ae97268
This commit changes how fonts are used.
- remove usage of bundled fonts and only system fonts are used instead
- by using alias in httpd conf
- by using local("Font Name") directive in font-face
- removed usage of overpass font
- redefined Open Sans font-face declarations. Note: upstream is doing the
same change so we will be fine on upgrade.
- introduce variable.less for variable definitions and overrides. This file
will be very useful when we upgrade to newer RCUE so we will be able to
redefine their and bootstrap's variables.
Fixes: https://fedorahosted.org/freeipa/ticket/2861
1507 lines
24 KiB
CSS
1507 lines
24 KiB
CSS
|
|
/* Authors:
|
|
* Pavel Zuna <pzuna@redhat.com>
|
|
* Adam Young <ayoung@redhat.com>
|
|
* Endi Sukma Dewata <edewata@redhat.com>
|
|
* Kyle Baker <kybaker@redhat.com>
|
|
* Petr Vobornik <pvoborni@redhat.com>
|
|
*
|
|
* Copyright (C) 2010 Red Hat
|
|
*/
|
|
|
|
|
|
html {
|
|
height: 100%;
|
|
}
|
|
|
|
body {
|
|
overflow: auto;
|
|
position: relative;
|
|
background-repeat: repeat-x;
|
|
background-position: left top;
|
|
background-color: #FFFFFF;
|
|
border-width: 0;
|
|
font-size: 11px;
|
|
margin: 0;
|
|
padding: 0;
|
|
height: 100%;
|
|
}
|
|
|
|
textarea[readonly] {
|
|
color: Gray;
|
|
}
|
|
|
|
.network-activity-indicator {
|
|
visibility: hidden;
|
|
width: 16px;
|
|
height: 16px;
|
|
line-height: 16px;
|
|
margin: 5px 3px;
|
|
display: inline-block;
|
|
}
|
|
|
|
/* ---- Container ---- */
|
|
|
|
.app-container {
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
right: 0;
|
|
bottom: 0;
|
|
margin: 0 auto 0;
|
|
}
|
|
|
|
/** Icons **/
|
|
|
|
.icon {
|
|
display: inline-block;
|
|
height: 16px;
|
|
width: 16px;
|
|
vertical-align: middle;
|
|
}
|
|
|
|
.combobox-icon {
|
|
background: url(images/combobox-open.png);
|
|
}
|
|
|
|
.expanded-icon {
|
|
background: url(images/arrow-expanded.png);
|
|
}
|
|
|
|
.collapsed-icon {
|
|
background: url(images/arrow-collapsed.png);
|
|
}
|
|
|
|
.search-icon {
|
|
background: url(images/search-icon.png) no-repeat;
|
|
}
|
|
|
|
.add-icon {
|
|
background: url(images/add-icon.png);
|
|
margin: -4px 0 0 1px;
|
|
}
|
|
|
|
.remove-icon {
|
|
background: url(images/remove-icon.png);
|
|
margin: -4px 0 0 1px;
|
|
}
|
|
|
|
.update-icon {
|
|
background: url(images/update-icon.png);
|
|
margin: -4px 0 0 1px;
|
|
}
|
|
|
|
.reset-icon {
|
|
background: url(images/reset-icon.png);
|
|
margin: -4px 0 0 1px;
|
|
}
|
|
|
|
.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;
|
|
}
|
|
|
|
.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;
|
|
}
|
|
|
|
.ipa-icon {
|
|
font-size: 0.7em;
|
|
padding-right: 0.3em;
|
|
}
|
|
|
|
.ui-state-error,
|
|
.ui-widget-content .ui-state-error,
|
|
.ui-widget-header .ui-state-error {
|
|
font-weight: bold;
|
|
padding: 0.2em;
|
|
}
|
|
|
|
/* ---- Password expiration */
|
|
|
|
.header-passwordexpires {
|
|
color: red;
|
|
font-weight: bold;
|
|
padding: 7px 10px;
|
|
line-height: 1;
|
|
}
|
|
|
|
/* ---- Notification area ---- */
|
|
|
|
.notification-area {
|
|
position: absolute;
|
|
left: 50%;
|
|
top: 15px;
|
|
}
|
|
|
|
.notification-area div {
|
|
position: relative;
|
|
left: -50%;
|
|
|
|
line-height: 1.5em;
|
|
z-index: 20;
|
|
padding: 4px;
|
|
font-weight: bold;
|
|
text-align: center;
|
|
word-wrap: break-word;
|
|
max-width: 500px;
|
|
}
|
|
|
|
/* ---- Entity ---- */
|
|
|
|
.entity {
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
right: 0;
|
|
bottom: 0;
|
|
}
|
|
|
|
.entity h1 {
|
|
margin: 0 0 10px;
|
|
}
|
|
|
|
.entity-content {
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
right: 0;
|
|
bottom: 0;
|
|
font-size: 10px;
|
|
margin: 0 0 0;
|
|
}
|
|
|
|
.entity-content div.content-buttons {
|
|
float: right;
|
|
margin-right: 1.5em;
|
|
}
|
|
|
|
.entity-content div.content-buttons img {
|
|
border: 0;
|
|
}
|
|
|
|
/* ---- Facet ---- */
|
|
|
|
.facet {
|
|
position: absolute;
|
|
top: 110px;
|
|
left: 10px;
|
|
right: 10px;
|
|
bottom: 0;
|
|
display: none;
|
|
}
|
|
|
|
.active-facet {
|
|
display: block;
|
|
}
|
|
|
|
.facet-header {
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
right: 0;
|
|
height: 130px;
|
|
margin: 0 12px 0;
|
|
}
|
|
|
|
.facet-title {
|
|
position: absolute;
|
|
top: 10px;
|
|
left: 0;
|
|
color: gray;
|
|
display: block;
|
|
}
|
|
|
|
.facet-title h3 {
|
|
margin: 0;
|
|
line-height: 1.8em;
|
|
}
|
|
|
|
.facet-title span {
|
|
display: inline;
|
|
}
|
|
|
|
.facet-pkey {
|
|
color:black;
|
|
text-transform: none;
|
|
}
|
|
|
|
.breadcrumb {
|
|
position: absolute;
|
|
top: -5px;
|
|
left: 0;
|
|
background-color: transparent;
|
|
padding: 0;
|
|
}
|
|
|
|
.breadcrumb a {
|
|
cursor: pointer;
|
|
}
|
|
|
|
/* ---- Facet Tabs ---- */
|
|
|
|
.facet-tabs {
|
|
position: absolute;
|
|
left: 0;
|
|
right: 0;
|
|
bottom: 35px;
|
|
z-index: 1; /* need to be above facet header */
|
|
border-bottom: 1px solid #C9C3BA;
|
|
}
|
|
|
|
.facet-group {
|
|
float: left;
|
|
margin-right: 1em;
|
|
position: relative;
|
|
height: 100%;
|
|
}
|
|
|
|
.facet-group-label {
|
|
height: 20px;
|
|
}
|
|
|
|
.facet-tab {
|
|
height: 31px;
|
|
list-style-type: none;
|
|
margin: 0;
|
|
padding: 0;
|
|
cursor: pointer;
|
|
}
|
|
|
|
.facet-tab li {
|
|
display: inline-block;
|
|
position: relative;
|
|
padding-right: 1px;
|
|
}
|
|
|
|
.facet-tab li a {
|
|
background-color: #dedbde;
|
|
border-left: 1px solid #c9c3ba;
|
|
border-right: 1px solid #c9c3ba;
|
|
margin: 0 0 0;
|
|
padding: 8px 16px 4px 16px;
|
|
text-decoration: none;
|
|
display: inline-block;
|
|
line-height: 19px;
|
|
color: #666666;
|
|
}
|
|
|
|
.facet-tab li a.selected {
|
|
color: #6C6F73;
|
|
background-color: #f1f0ee;
|
|
font-weight: bold;
|
|
height: 20px;
|
|
}
|
|
|
|
.facet-tab li.settings {
|
|
margin-left:1em; margin-right:1em;
|
|
}
|
|
|
|
|
|
/* 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;
|
|
}
|
|
|
|
/* ---- Facet Controls ---- */
|
|
|
|
.facet-controls {
|
|
position: absolute;
|
|
left: 0;
|
|
right: 0;
|
|
bottom: 0;
|
|
height: 30px;
|
|
line-height: 30px;
|
|
padding: 0 6px 0 6px;
|
|
}
|
|
|
|
.right-aligned-facet-controls {
|
|
position: absolute;
|
|
top: 0;
|
|
right: 0;
|
|
bottom: 0;
|
|
}
|
|
|
|
.facet-controls a {
|
|
font-size: 1.3em !important;
|
|
margin: 0 16px 0 0;
|
|
}
|
|
|
|
.facet-controls .network-activity-indicator img {
|
|
margin-top: -15px;
|
|
}
|
|
|
|
/* ---- Facet Content ---- */
|
|
|
|
.facet-content {
|
|
position: absolute;
|
|
top: 130px;
|
|
left: 0;
|
|
right: 0;
|
|
bottom: 0;
|
|
margin: 0 12px;
|
|
padding: 0;
|
|
}
|
|
|
|
/* ---- Facet Customization ---- */
|
|
|
|
.no-facet-tabs .facet-header {
|
|
height: 70px;
|
|
}
|
|
|
|
.no-facet-tabs .facet-content {
|
|
top: 70px;
|
|
}
|
|
|
|
/* --- Facet error --- */
|
|
|
|
.facet-error {
|
|
padding: 2em 15em;
|
|
}
|
|
|
|
.facet-error h1 {
|
|
text-align: center;
|
|
}
|
|
|
|
.facet-error .error-details {
|
|
margin-top: 2em;
|
|
font-family: monospace;
|
|
}
|
|
|
|
/* ---- Search Facet ---- */
|
|
|
|
.content-table {
|
|
position: relative;
|
|
width: 100%;
|
|
height: 100%;
|
|
border-collapse: separate;
|
|
border-spacing: 1px;
|
|
}
|
|
|
|
.content-table thead {
|
|
position: absolute;
|
|
top: 0px;
|
|
left: 3px;
|
|
right: 3px;
|
|
}
|
|
|
|
.content-table tbody {
|
|
position: absolute;
|
|
top: 31px;
|
|
left: 3px;
|
|
right: 3px;
|
|
bottom: 35px;
|
|
}
|
|
|
|
.content-table tbody tr.disabled {
|
|
color: gray;
|
|
}
|
|
|
|
.search-option {
|
|
margin-right: 8px;
|
|
width: 206px;
|
|
}
|
|
|
|
.search-filter {
|
|
width: 215px;
|
|
display: inline-block;
|
|
}
|
|
|
|
.search-filter input {
|
|
padding-right: 20px;
|
|
width: 178px;
|
|
}
|
|
|
|
.search-filter a {
|
|
position: relative;
|
|
margin: 0 0 0 -20px;
|
|
top: -5px;
|
|
}
|
|
|
|
.search-controls {
|
|
-moz-border-radius: .7em .7em 0 0;
|
|
-webkit-border-radius: .7em .7em 0 0;
|
|
height:2.5em;
|
|
background: -moz-linear-gradient(top, #eeeeee, #dfdfdf);
|
|
background: -webkit-gradient(linear, left top, left bottom, from(#eeeeee), to(#dfdfdf));
|
|
position: relative;
|
|
padding: 1em 1.5em;
|
|
margin-top: .8em;
|
|
}
|
|
|
|
.search-table {
|
|
padding: 0;
|
|
width: 100%;
|
|
border: none;
|
|
}
|
|
|
|
.search-table thead tr th {
|
|
padding: 0 6px;
|
|
background-color:#f6f6f6;
|
|
color:#333333;
|
|
text-align: left;
|
|
border: 1px solid #dfdfdf;
|
|
height: 25px;
|
|
}
|
|
|
|
.search-table thead tr th .action-button {
|
|
margin: 0 0 0 6px;
|
|
}
|
|
|
|
.search-table tbody td {
|
|
padding: 0 0 0 7px;
|
|
}
|
|
|
|
.search-table thead th div,
|
|
.search-table tbody td div
|
|
{
|
|
word-wrap: break-word;
|
|
}
|
|
|
|
.search-table tfoot td {
|
|
padding: 0.5em 0 0 1em;
|
|
border-top: 1px solid #dfdfdf;
|
|
height: 25px;
|
|
line-height: 25px;
|
|
margin-top: 1em;
|
|
}
|
|
|
|
.search-table span[name=summary] {
|
|
float: left;
|
|
margin-right: 4em;
|
|
}
|
|
|
|
.search-table .pagination-control {
|
|
float: right;
|
|
}
|
|
|
|
.search-table .pagination-control a {
|
|
cursor:pointer;
|
|
}
|
|
|
|
.search-table .pagination-control input[name=current_page] {
|
|
width: 22px;
|
|
padding: 0 6px;
|
|
margin: 0;
|
|
}
|
|
|
|
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;
|
|
}
|
|
|
|
|
|
h1 {
|
|
font-size: 1.5em;
|
|
color: #555555;
|
|
text-transform: uppercase;
|
|
text-shadow: 1px 1px 0 #FFFFFF;
|
|
}
|
|
|
|
|
|
h2 {
|
|
font-size: 1.5em;
|
|
color: #333333;
|
|
text-transform: uppercase;
|
|
margin-left: 1em;
|
|
margin-bottom: 0;
|
|
text-align: left;
|
|
}
|
|
|
|
h3 {
|
|
font-size: 1.8em;
|
|
color: #3c3c3c;
|
|
text-transform: uppercase;
|
|
text-shadow: 1px 1px 0 #FFFFFF;
|
|
}
|
|
|
|
.section-expand{
|
|
}
|
|
|
|
hr {
|
|
background-color: #EEEEEE;
|
|
clear: both;
|
|
color: #FFFFFF;
|
|
height: 0.1em;
|
|
margin-left: 1.5em;
|
|
margin-right: 1.5em;
|
|
margin-top: 1em;
|
|
}
|
|
|
|
/* ---- Details Facet ---- */
|
|
|
|
.details-content {
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
right: 0;
|
|
bottom: 32px;
|
|
overflow: auto;
|
|
border: none;
|
|
border-top: 1px solid #DFDFDF;
|
|
}
|
|
|
|
.details-summary {
|
|
position: absolute;
|
|
left: 0;
|
|
right: 0;
|
|
bottom: 0;
|
|
height: 29px;
|
|
border-top: 1px solid #DFDFDF;
|
|
padding-left: 0.5em;
|
|
line-height: 25px;
|
|
}
|
|
|
|
.dialog-section {
|
|
margin-bottom: 10px;
|
|
}
|
|
|
|
.section-table {
|
|
width: 100%;
|
|
}
|
|
|
|
.section-cell-label {
|
|
vertical-align: top;
|
|
width: 120px;
|
|
max-width: 120px;
|
|
}
|
|
|
|
.section-cell-field {
|
|
max-width: 650px;
|
|
}
|
|
|
|
.details-section {
|
|
position: relative;
|
|
margin-top: 1em;
|
|
margin-right: 3.3em;
|
|
margin-bottom: 1em;
|
|
}
|
|
|
|
.details-section .section-table {
|
|
width: 100%;
|
|
border-spacing: 12px;
|
|
}
|
|
|
|
.details-section .section-cell-label {
|
|
text-align: right;
|
|
vertical-align: top;
|
|
width: 120px;
|
|
word-wrap: break-word;
|
|
}
|
|
|
|
.details-section .section-cell-field {
|
|
font-weight: bold;
|
|
word-wrap: break-word;
|
|
}
|
|
|
|
.undo {
|
|
cursor:pointer;
|
|
padding: 0.2em;
|
|
}
|
|
|
|
span.attrhint {
|
|
font-size: 8pt;
|
|
left: 5em;
|
|
margin-left: 12.5em;
|
|
position: absolute;
|
|
overflow-x: hidden;
|
|
}
|
|
|
|
a, .ui-widget-content a {
|
|
text-decoration: none;
|
|
color: #1d85d5;
|
|
font-weight: normal;
|
|
text-transform: none;
|
|
}
|
|
|
|
/* ---- Dialog ---- */
|
|
|
|
.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);
|
|
}
|
|
|
|
|
|
.ui-dialog .ui-dialog-content {
|
|
word-wrap: break-word;
|
|
}
|
|
|
|
|
|
.dialog-message {
|
|
margin: 5px 5px 10px;
|
|
padding: 10px;
|
|
-moz-border-radius: 5px;
|
|
-webkit-border-radius: 5px;
|
|
border-radius: 5px;
|
|
text-align: center;
|
|
}
|
|
|
|
.ui-widget input, .ui-widget select,
|
|
.ui-widget textarea, .ui-widget button {
|
|
margin-right: .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;
|
|
}
|
|
|
|
.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;
|
|
}
|
|
|
|
.action-button {
|
|
background: none;
|
|
background-image: none;
|
|
font-size: 0.9em;
|
|
}
|
|
|
|
.action-button-disabled {
|
|
color: gray;
|
|
cursor: default;
|
|
}
|
|
|
|
.button-disabled {
|
|
color: gray;
|
|
cursor: default;
|
|
}
|
|
|
|
.aci-attribute-table tbody {
|
|
border-bottom: 1px solid #8a8a8a;
|
|
height: 10em;
|
|
}
|
|
|
|
.aci-attribute-table .aci-attribute-column {
|
|
width: 200em; /* it will fit actual width */
|
|
}
|
|
|
|
.aci-attribute-table-container {
|
|
height: 13.5em;
|
|
overflow: hidden;
|
|
}
|
|
|
|
.entity-views{
|
|
list-style-type:none;
|
|
}
|
|
|
|
.entity-views li {
|
|
display:inline;
|
|
cursor: pointer;
|
|
padding: 0.4em;
|
|
}
|
|
|
|
.strikethrough { text-decoration: line-through; }
|
|
|
|
textarea.certificate {
|
|
font-family: monospace;
|
|
width: 100%;
|
|
height: 250px;
|
|
}
|
|
|
|
.error-message-hinted {
|
|
color: red;
|
|
padding-top: 0.5em;
|
|
padding-bottom: 0.5em;
|
|
font-family: monospace;
|
|
}
|
|
|
|
/* ---- Table ---- */
|
|
|
|
table.scrollable thead {
|
|
display: block;
|
|
}
|
|
|
|
table.scrollable tbody {
|
|
display: block;
|
|
overflow: auto;
|
|
}
|
|
|
|
.adder-dialog {
|
|
position: relative;
|
|
height: 350px;
|
|
}
|
|
|
|
.adder-dialog-top {
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
right: 0;
|
|
height: 3em;
|
|
line-height: 18px;
|
|
}
|
|
|
|
.adder-dialog-top input[name=filter] {
|
|
width: 244px;
|
|
}
|
|
|
|
.adder-dialog-top .network-activity-indicator img,
|
|
.adder-dialog-top button {
|
|
margin-top: -10px;
|
|
}
|
|
|
|
.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%;
|
|
}
|
|
|
|
.adder-dialog table.scrollable thead {
|
|
display: table-header-group;
|
|
}
|
|
|
|
.adder-dialog tbody {
|
|
position: absolute;
|
|
bottom: 32px;
|
|
left: 0;
|
|
right: 0;
|
|
top: 31px;
|
|
}
|
|
|
|
.adder-dialog-header {
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
right: 0;
|
|
height: 1.5em;
|
|
line-height: 1.5em;
|
|
padding: 0.2em 1em;
|
|
font-weight: 700;
|
|
}
|
|
|
|
.adder-dialog-content {
|
|
position: absolute;
|
|
top: 1.9em;
|
|
left: 0;
|
|
right: 0;
|
|
bottom: 0;
|
|
}
|
|
|
|
.adder-dialog-available {
|
|
background-color: #ffffff;
|
|
border: none;
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
bottom: 0;
|
|
right: 3em;
|
|
}
|
|
|
|
.adder-dialog-with-external .adder-dialog-available {
|
|
bottom: 5em;
|
|
}
|
|
|
|
.adder-dialog-selected {
|
|
background-color: #ffffff;
|
|
border: none;
|
|
position: absolute;
|
|
top: 0;
|
|
right: 0;
|
|
bottom: 0;
|
|
left: 3em;
|
|
}
|
|
|
|
.adder-dialog-buttons {
|
|
width: 60px;
|
|
text-align: center;
|
|
margin: 0 auto;
|
|
position: absolute;
|
|
left: 0;
|
|
right: 0;
|
|
top: 10em;
|
|
}
|
|
|
|
|
|
.adder-dialog-buttons .button {
|
|
position: relative;
|
|
}
|
|
|
|
.adder-dialog-internal {
|
|
background-color: #ffffff;
|
|
border: none;
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
bottom: 0;
|
|
width: 23em;
|
|
padding-top: 1em;
|
|
|
|
}
|
|
|
|
.adder-dialog-external {
|
|
border: none;
|
|
position: absolute;
|
|
left: 0;
|
|
bottom: 3em;
|
|
right: 3em;
|
|
height: 4em;
|
|
}
|
|
|
|
.adder-dialog-external .adder-dialog-content {
|
|
top: 2.1em;
|
|
}
|
|
|
|
.adder-dialog-external input {
|
|
width: 98%;
|
|
}
|
|
|
|
.adder-dialog-buttons > div:first-child{
|
|
margin-bottom: 0.5em;
|
|
}
|
|
|
|
/* ---- Widgets ---- */
|
|
|
|
.text-widget input {
|
|
width: 250px;
|
|
}
|
|
|
|
.multivalued-widget [name=value] {
|
|
margin-bottom: 1em;
|
|
}
|
|
|
|
.multivalued-widget input {
|
|
width: 250px;
|
|
}
|
|
|
|
.multivalued-widget a[name=add] {
|
|
margin-right: 5px;
|
|
}
|
|
|
|
.textarea-widget textarea {
|
|
width: 250px;
|
|
}
|
|
|
|
.facet-content .textarea-widget textarea {
|
|
width: 400px;
|
|
}
|
|
|
|
.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;
|
|
}
|
|
|
|
.combobox-widget-input {
|
|
display: inline-block;
|
|
position: relative;
|
|
}
|
|
|
|
.combobox-widget-input input {
|
|
width: 250px;
|
|
}
|
|
|
|
.combobox-widget-input a i {
|
|
display: inline-block;
|
|
position: absolute;
|
|
top: 0;
|
|
bottom: 0;
|
|
right: 0;
|
|
margin-top: 4px;
|
|
margin-right: 8px;
|
|
font-size: 16px;
|
|
}
|
|
|
|
.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;
|
|
}
|
|
|
|
.combobox-widget-list a {
|
|
padding: 0;
|
|
margin: 0;
|
|
}
|
|
|
|
.combobox-widget-list a i {
|
|
position: absolute;
|
|
top: 0;
|
|
bottom: 0;
|
|
right: 0;
|
|
margin-top: 6px;
|
|
margin-right: 3px;
|
|
font-size: 16px;
|
|
}
|
|
|
|
.host-adder-dialog table.fqdn {
|
|
width: 100%;
|
|
}
|
|
|
|
.host-adder-dialog th.hostname {
|
|
width: 250px;
|
|
}
|
|
|
|
.host-adder-dialog td.hostname {
|
|
vertical-align: top;
|
|
}
|
|
|
|
.host-adder-dialog td.dnszone {
|
|
vertical-align: top;
|
|
}
|
|
|
|
.host-adder-dialog input[name=hostname] {
|
|
width: 100%;
|
|
}
|
|
|
|
.dnszone-adder-dialog .section-cell-label {
|
|
width: 180px;
|
|
}
|
|
|
|
.certificate-status {
|
|
display: inline-block;
|
|
}
|
|
|
|
/* Info and simple pages (not main app) */
|
|
|
|
body.info-page {
|
|
background: url(images/static-background.png) repeat-x scroll left top #EDEDED;
|
|
}
|
|
|
|
.info-page p {
|
|
margin: 0.5em 0em 1em 0em;
|
|
}
|
|
|
|
.info-page h1, .info-page h2, .info-page h3 {
|
|
margin-left: 0px;
|
|
font-weight: normal;
|
|
color: #555555;
|
|
}
|
|
|
|
.info-page h1 {
|
|
font-size: 2em;
|
|
}
|
|
|
|
.info-page h2 {
|
|
margin-top: 2em;
|
|
}
|
|
|
|
.info-page .container_1 {
|
|
margin-left: auto;
|
|
margin-right: auto;
|
|
width: 960px;
|
|
background: url(images/centered-background.png) no-repeat scroll 0 7em transparent;
|
|
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;
|
|
}
|
|
|
|
.required-indicator {
|
|
color: #1d85d9;
|
|
font-weight: bold;
|
|
font-size: 125%;
|
|
}
|
|
|
|
.section-cell-label .required-indicator {
|
|
float: right;
|
|
margin-right: -10px;
|
|
}
|
|
|
|
.dialog-section .section-cell-label .required-indicator {
|
|
margin-right: 0px;
|
|
}
|
|
|
|
/* 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;
|
|
|
|
}
|
|
|
|
/* ---- HBAC Test ---- */
|
|
|
|
.hbac-test-header {
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
right: 0;
|
|
height: 30px;
|
|
line-height: normal;
|
|
}
|
|
|
|
.hbac-test-header .search-filter {
|
|
float: right;
|
|
}
|
|
|
|
.hbac-test-content {
|
|
position: absolute;
|
|
top: 30px;
|
|
left: 0;
|
|
right: 0;
|
|
bottom: 30px;
|
|
}
|
|
|
|
.hbac-test-footer {
|
|
position: absolute;
|
|
height: 29px;
|
|
left: 0;
|
|
right: 0;
|
|
bottom: 0;
|
|
}
|
|
|
|
.hbac-test-title {
|
|
font-size: 1.8em;
|
|
color: #3c3c3c;
|
|
text-transform: uppercase;
|
|
text-shadow: 1px 1px 0 #FFFFFF;
|
|
margin: 0;
|
|
}
|
|
|
|
.hbac-test-title,
|
|
.hbac-test-title ~ label {
|
|
margin-right: 5px !important;
|
|
}
|
|
|
|
div.facet[data-entity=hbactest] .content-table tbody {
|
|
bottom: 68px;
|
|
}
|
|
|
|
div.facet[data-entity=hbactest] .content-table tfoot td[name=external] {
|
|
background-color: #F6F6F6;
|
|
border: 1px solid #DFDFDF;
|
|
color: #333333;
|
|
height: 30px;
|
|
padding: 0 0.5em;
|
|
text-align: left;
|
|
}
|
|
|
|
div.facet[data-name=run_test][data-entity=hbactest] .hbac-test-header {
|
|
height: 100px;
|
|
}
|
|
|
|
div.facet[data-name=run_test][data-entity=hbactest] .hbac-test-content {
|
|
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;
|
|
}
|
|
|
|
|
|
/* ---- DNS ---- */
|
|
|
|
.dnstype-table div[name=position] {
|
|
|
|
padding-right: 9px;
|
|
}
|
|
|
|
.dnstype-table td {
|
|
font-weight: normal;
|
|
}
|
|
|
|
/* --- SSH key store --- */
|
|
|
|
span.sshkey-status, a.sshkey-set {
|
|
padding-right: 5px;
|
|
}
|
|
/* --- 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;
|
|
}
|
|
|
|
/* --- 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;
|
|
}
|
|
|
|
.form-box {
|
|
padding: 1em 2em;
|
|
}
|
|
|
|
#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;
|
|
}
|
|
|
|
#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;
|
|
}
|
|
|
|
#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;
|
|
width: 210px;
|
|
}
|
|
|
|
#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 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;
|
|
}
|
|
|
|
.facet-action-list .btn {
|
|
line-height: 20px;
|
|
}
|
|
|
|
.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;
|
|
font-size: 70%;
|
|
vertical-align: 20%;
|
|
margin-right: 3px;
|
|
/* Font awesome style, TODO: use mixin */
|
|
display: inline-block;
|
|
font-family: FontAwesome;
|
|
font-style: normal;
|
|
font-weight: normal;
|
|
line-height: 1;
|
|
-webkit-font-smoothing: antialiased;
|
|
-moz-osx-font-smoothing: grayscale;
|
|
}
|
|
|
|
.facet-title.enabled .header-icon:before {
|
|
content: "\f00c";
|
|
}
|
|
|
|
.facet-title.disabled .header-icon:before {
|
|
content: "\f068";
|
|
}
|
|
|
|
.facet-title.disabled h3,
|
|
.facet-title.disabled h3 .facet-pkey{
|
|
color: gray;
|
|
}
|
|
|
|
.action-panel {
|
|
position: absolute;
|
|
right: 0;
|
|
top: -30px;
|
|
|
|
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 {
|
|
margin: 0 0 10px 0;
|
|
list-style: none;
|
|
padding: 0 0 0 15px;
|
|
}
|
|
|
|
.action-title {
|
|
font-size: 1em;
|
|
font-weight: bold;
|
|
margin: 15px 0 5px 15px;
|
|
line-height: 1em;
|
|
}
|
|
|
|
.disabled {
|
|
color: gray;
|
|
cursor: default;
|
|
}
|
|
|
|
/* --- Multiple choice widget --- */
|
|
|
|
.multiple-choice-section-header {
|
|
font-weight: bold;
|
|
font-size: 1.1em;
|
|
}
|
|
|
|
.choice-header {
|
|
font-weight: bold;
|
|
}
|