connectorView.less revision 0269cc41d4e4d04680123fad5853dcdd8109c639
/**
* DO NOT ALTER OR REMOVE COPYRIGHT NOTICES OR THIS HEADER.
*
* Copyright (c) 2014 ForgeRock AS. All rights reserved.
*
* The contents of this file are subject to the terms
* of the Common Development and Distribution License
* (the License). You may not use this file except in
* compliance with the License.
*
* You can obtain a copy of the License at
* http://forgerock.org/license/CDDLv1.0.html
* See the License for the specific language governing
* permission and limitations under the License.
*
* When distributing Covered Code, include this CDDL
* Header Notice in each file and include the License file
* at http://forgerock.org/license/CDDLv1.0.html
* If applicable, add the following below the CDDL Header,
* with the fields enclosed by brackets [] replaced by
* your own identifying information:
* "Portions Copyrighted [year] [name of copyright owner]"
*/
/*
General Connector Display
*/
.connector-input-body label {
display:inline-block;
margin-right:5px;
text-overflow: ellipsis;
white-space: nowrap;
}
.connector-input-body form.form .group-field-block label {
width:200px;
text-align:right;
overflow: hidden;
}
.connector-input-body form.form .group-field-block label.long-label {
width:195px;
overflow: hidden;
}
.connector-input-body input[type="text"]:disabled,
.connector-input-body select:disabled {
color: #bbb;
opacity: .8;
}
.connector-body{
border:1px solid #ddd;
float:left;
margin-top:15px;
margin-right:15px;
height:300px;
width:223px;
text-align:center;
background-color:white;
}
.add-connector-body {
cursor:pointer;
background-color:#eee;
}
.add-connector-body:hover {
color:#5e887f;
}
.connector-tools {
height:15px;
}
.connector-tools .connector-edit {
margin-left:10px;
}
.connector-tools .connector-edit,
.connector-tools .connector-delete {
cursor:pointer;
}
.connector-tools .connector-edit:hover,
.connector-tools .connector-delete:hover {
color:#5e887f;
}
.connector-body a,
.content a.add-connector-link{
color:#5d6871;
}
.clean-btn {
background-color:#fff;
border:none;
vertical-align: top;
margin-top: 7px;
cursor:pointer;
}
.clean-btn:hover {
color:#5e887f;
}
/*
Connector type information
*/
.connector-type-body {
padding:10px;
color:#5d6871;
}
.connector-info {
padding:65px 0px 35px 0px;
}
.add-connector-body .connector-info {
padding-top:105px;
}
.connector-info span {
display:inline-block;
margin-bottom:10px;
}
.connector-given-name,
.connector-type-name {
overflow: hidden;
text-overflow: ellipsis;
}
.connector-given-name {
font-weight: bold;
font-size: 12px;
}
.connector-input-body .group-field-block .add-btn {
margin-left:0px;
}
.connector-input-body .group-field-block .add-btn span{
display:inline-block;
width:140px;
}
/*
Connector Status details
*/
.connector-status-body {
padding: 3px 10px 10px 3px;
text-align:left;
}
.connector-status-body p{
padding:0px 0px 5px 10px;
}
.connector-unavailable {
color:@color-error;
}
.connector-available {
color:@color-success;
}
/*
Connector Add/Edit
*/
.connector-input-body form.form .group-field-block {
padding-left:10px;
margin-top:0px;
margin-bottom:5px;
}
.connector-input-body form.form .group-field-block .note {
font-size:14px;
font-weight:bold;
}
.connector-input-body .form-size-s {
width:260px;
}
.connector-input-body .form-size-m {
width:460px;
}
.connector-input-body .form-size-l {
width:674px;
}
form.form .group-field-block .inline label.label-size-s {
width:80px;
}
form.form .group-field-block .inline input[type='checkbox'] {
margin-top:10px;
}
.inline .inline-right {
margin-right:10px;
}
.connector-input-body fieldset {
border: 1px #ddd solid;
padding-left: 0px;
padding-right: 0px;
padding-bottom: 5px;
background-color: white;
}
.connector-input-body fieldset.connector-closed-group {
height:40px;
}
.connector-input-body .connector-details-body fieldset{
margin-top:15px;
}
.connector-input-body form.form fieldset .group-lead{
padding-top:0px;
margin-top:15px;
}
.connector-input-body form.form fieldset .group-note-lead{
padding-top:0px;
margin-top:10px;
}
.connector-input-body legend{
height:25px;
padding:5px 5px 0px 5px;
background-color:#80b7ab;
border:2px solid #5fa595;
cursor:pointer;
margin-left:10px;
color:white;
}
.connector-input-body legend:hover{
background-color:lighten(#80b7ab, @button-hover-lightness);
}
.connector-input-body legend span{
margin-right:10px;
width: 170px;
display: inline-block;
text-overflow: ellipsis;
}
.connector-input-body .filter {
font-style:italic;
color:#888;
}
.connector-input-body form.form .group-actions-block {
margin-top:15px;
}
.connector-input-body form.form .error {
text-align: left;
padding-left: 5px;
padding-top: 5px;
}
form.form .group-field-block .outside-element div.validation-message {
width: 690px;
}
form.form .group-field-block .outside-element .inline {
width:710px;
}
form.form .group-field-block .small-outside-element div.validation-message {
width: 498px;
}
form.form .group-field-block div.validation-message {
display:block;
float:none;
width: 910px;
}
form.form .error-size-s div.validation-message {
width:495px;
}
/**
Filter Dialog Styles
*/
.filter-form .filter {
padding: 10px 10px 10px 10px;
background-color:white;
border: 1px solid #ddd;
height:18px;
}
.filter-form .clean-btn {
vertical-align:middle;
background-color:#f9f9f9;
font-size:15px;
}
.filter-form .group-actions-block {
margin-top:15px;
}
.filter-form .node select {
font-size:13px;
margin-top:10px;
height:30px;
}
.connector-details-body .inline-link {
vertical-align:top;
padding-top:5px;
}
.certificate {
width: 600px;
height: 400px;
font-family: monospace !important;
}
.ui-dialog .ui-dialog-content {
padding-left:5px;
}
.ui-dialog .ui-dialog-buttonpane{
padding-bottom:0px;
padding-right:0px;
}
.ui-dialog .error {
float: right;
margin-right: 15px;
}
div.ui-dialog .group-field-block div.validation-message {
width:605px;
}