authenticationView.less revision dc91c58d7c884d066c61700f44ba0087ad5f4d06
/**
* 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]"
*/
.authentication-input-body {
fieldset {
border: 1px #ddd solid;
padding-left: 0px;
padding-right: 0px;
padding-bottom: 5px;
background-color: white;
&:not(:first-child) {
margin-top: 15px;
}
}
legend {
height: 25px;
padding: 5px 5px 0px 5px;
background-color: #80b7ab;
border: 2px solid #5fa595;
cursor: pointer;
margin-left: 10px;
color: white;
&:hover {
background-color: lighten(#80b7ab, @button-hover-lightness);
}
span {
margin-right: 10px;
width: 170px;
display: inline-block;
text-overflow: ellipsis;
}
}
form {
&.form {
fieldset {
.group-lead {
padding-top: 0px;
margin-top: 15px;
}
.group-note-lead {
padding-top: 0px;
margin-top: 10px;
}
}
.group-field-block {
padding: 0px 0px 0px 10px;
margin-top: 0px;
label {
display: block;
width: 200px;
text-align: left;
padding-bottom: 0px;
font-size: 13px;
}
select, input {
padding: 0 5px;
height:24px;
font-size: 13px;
}
select {
width: 262px;
}
.note {
font-size: 14px;
font-weight: bold;
}
}
.no-validation-block {
margin-bottom: 10px;
}
.field {
margin-bottom: 0px;
}
.group-field-buttons button {
margin-bottom: 5px;
}
.group-actions-block {
margin-top: 15px;
}
.error {
text-align: left;
padding-left: 5px;
padding-top: 5px;
}
}
}
input[type="text"]:disabled,
select:disabled {
color: #bbb;
opacity: .8;
}
.group-field-block {
.add-btn {
margin-left: 0px;
span {
display: inline-block;
width: 140px;
}
}
}
.filter {
font-style: italic;
color: #888;
}
.form-size-s {
width: 250px;
}
.outside-element .form-size-m {
width: 620px;
}
.inline .inline-right {
margin-right: 10px;
}
.group-body {
color: #5a646d;
margin: 10px 10px 0;
background-color: #fff;
.group > h3 {
i {
&:hover {
}
}
}
.group {
.ui-accordion-header {
cursor: ns-resize;
i{
cursor: pointer;
}
}
& > h3 {
height: 28px;
margin: -1px 0 0;
padding: 0;
border-radius: 0;
border: none;
border-top: 1px solid #5a646d;
border-bottom: 1px solid #5a646d;
background: none;
background-color: #fff;
color: #5a646d;
i {
height: 23px;
width: 28px;
border-left: 1px solid #5a646d;
border-right: 1px solid #5a646d;
position: absolute;
padding-top: 6px;
text-align: center;
&:hover {
background-color: #80b7ab;
}
}
.authModuleTitle {
position: absolute;
left: 70px;
line-height: 13px;
padding-top: 7px;
}
.authModuleDisabled {
color: #999;
}
.authModuleErrors {
color: #cd0a0a;
}
.authModuleName {
margin-right: 10px !important;
}
.noteHidden {
display: none;
}
}
h3 {
.trash {
left: 29px;
}
.edit {
left: 0;
}
.down {
right: 29px;
}
.up {
right: 0;
}
.ui-state-hover {
background: none;
background-color: #fff;
}
}
.content {
height: auto !important;
}
}
}
#authenticationForm {
#authErrorMessage.error-box {
width: 880px;
}
.authenticationModules {
* {
font-size: 13px;
}
select {
display: block;
}
#group-copy {
display: none;
}
#addNew {
border: dashed 1px #999;
color: #bbb;
text-align: center;
padding: 20px;
margin: -1px 10px 10px 10px;
cursor: pointer;
&:hover {
border-color: #5a646d;
color: #5a646d;
}
}
.saveButton {
float: right;
}
.ui-accordion-content {
border-radius: initial;
}
.form {
* {
font-size: 13px;
margin: 0 !important;
padding: 0 !important;
font-style: normal !important;
}
label, select, input {
display: inline-block !important;
margin: 0 !important;
padding: 0 !important;
}
select, input {
width: 250px !important;
height: 24px !important;
background-color: #fff;
}
label {
width: 200px;
margin-top: 10px !important;
float: none;
font-weight: normal !important;
text-align: initial;
}
select {
border: 1px solid #aaa;
background-color: #fff !important;
width: 262px !important;
}
input {
padding: 0 5px !important;
}
h3 {
margin-top: 10px !important;
line-height: initial;
& > span {
padding-top: 6px !important;
margin: 0 20px 0 0 !important;
display: inline-block;
vertical-align: top;
}
}
button {
padding: 5px !important;
margin-right: 10px !important;
}
table {
margin-bottom: 10px !important;
td button {
margin: 0 !important;
}
thead th {
border: none;
background: transparent;
padding-bottom: 5px !important;
}
}
.ui-buttonset {
margin: 0px !important
}
.ui-widget-content {
padding: 10px !important;
margin: 0 0 10px !important;
}
.form-control {
position: relative;
.ui-state-error {
border: none;
background: none;
position: absolute;
left: 465px;
top: 10px;
font-weight: bold;
}
}
}
}
}
}
.authentication-input-body .group-body{
width: 890px;
}