adminStyle.less revision 224e5e9074e5c16633c47aa2870442790c8f4b69
/**
* DO NOT ALTER OR REMOVE COPYRIGHT NOTICES OR THIS HEADER.
*
* Copyright (c) 2015 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]"
*/
/*
Base Page Styles
*/
.ui-jqgrid {
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;
}
.alert-warning .fa,
.alert-danger .fa {
margin-right: 5px;
}
.subtitle-bar h2 {
float: left;
margin-top: 0;
}
.subtitle-bar a {
float: right;
text-decoration: none;
}
.btn .fa {
width: 21px;
text-align: left;
}
.dropdown-toggle .fa {
text-align: right;
}
#subNavHolder {
display: none;
}
.back-bar {
padding: 15px 0;
border-bottom: 1px solid #eee;
}
.clean-btn:hover {
color: #000;
}
.inline-label {
padding-left: 15px;
}
.panel-collapse-group .panel {
margin-bottom:0px;
}
.scripts-container .group-field-block .border-bottom:first-child {
border-bottom: 2px solid #ddd;
}
.border-bottom {
border-bottom: 1px solid #eee;
}
.ui-front {
z-index: 10000;
}
.validation-message {
color: @failure-color;
}
/*
Popover
*/
.popover-info {
overflow:hidden;
}
/*
Managed Object Admin
*/
.schema-panel {
border-top: 1px solid #eee;
padding-top: 5px;
h3 {
margin-top: 0px;
}
}
#managedPropertyWrapper {
input[type=text]{
width: 300px;
}
.managed-property {
border: 1px solid #efefef;
margin-top: 15px;
padding: 10px;
}
}
.scripts-container {
margin-top: 15px;
.table {
margin-top: 15px;
td,th {
border-top: none;
border-bottom: 1px solid #eee;
}
th {
border-bottom: 2px solid #ddd;
}
}
.lightenColor {
color: @navbar-toggle-color;
}
}
.ui-autocomplete {
li.ui-state-focus {
color: #fff;
background: @base-theme-color;
}
li.ui-menu-item {
padding:5px;
}
}
.resourcesContainer {
margin-bottom:25px;
.btn-toolbar, {
border-bottom: none;
padding-bottom: 0px;
margin-bottom: 0px;
margin-top: 0px;
}
.ui-jqgrid {
margin: auto;
margin-top: 10px;
}
}
.list-table {
.list-group {
.list-group-item {
border-color: #eee;
background-color: transparent;
-webkit-transition: background-color 0.1s linear;
-moz-transition: background-color 0.1s linear;
-o-transition: background-color 0.1s linear;
transition: background-color 0.1s linear;
padding: 12px;
border-left: none;
border-right: none;
a {
color: #2a2f32;
}
a.btn-link, a.btn-default {
color: #777;
border-color: #ccc;
}
a:not(.btn):hover, a:not(.btn):focus {
color: #519387;
}
.dropdown-menu {
a:hover, a:focus {
color: #fff;
}
}
.typeahead.dropdown-menu>.active {
a {
color: #fff;
}
}
.list-table-label {
display: inline;
color: #777;
}
.media {
margin-top: 0px;
}
.media-left {
padding-right: 5px;
}
.media-right {
padding-left: 0px;
}
.active, .active:hover, .active:focus {
background-color: #eeea07;
color: #2a2f32;
}
.btn-group {
.btn-link {
padding: 6px;
color: #777;
border: none;
}
.btn-link:hover, .btn-link:hover {
color: #519387;
border: none;
}
}
.form-control {
display: block;
width: 100%;
}
.badge {
color: #555;
background-color: rgba(0,0,0,.1);
border: none;
height: 23px;
width: 23px;
border-radius: 40px;
padding: 5px 0;
-webkit-transition: background-color 0.1s linear;
-moz-transition: background-color 0.1s linear;
-o-transition: background-color 0.1s linear;
transition: background-color 0.1s linear;
}
.badge:hover, .badge:focus {
background-color: rgba(0,0,0,.2);
}
.disabled, .disabled:hover, .disabled:focus {
color: #999;
}
.row {
line-height: 32px;
}
}
.list-group-header, .list-group-item {
border-top: none;
padding-top: 0;
}
.list-group-header {
background-color: transparent;
border: none;
list-style: none;
padding: 10px 15px 7px;
position: relative;
margin-bottom: -1px;
text-transform: uppercase;
letter-spacing: 1px;
font-size: 13px;
border-radius: 4px 4px 0 0;
border-bottom: 2px solid #ddd;
background-color: transparent;
font-weight: 600;
display: none;
.text-muted {
text-transform: none;
letter-spacing: 0;
font-weight: 400;
}
.btn-link {
padding: 0;
color: #2a2f32;
text-transform: uppercase;
font-weight: 600;
font-size: 13px;
}
.dropdown-menu {
text-transform: none;
letter-spacing: 0;
}
}
.media {
.media-body {
font-size: 14px;
line-height: 1.3;
}
}
.form-group {
margin-bottom: 15px;
margin-left: 0;
margin-right: 0;
display: block;
padding: 0;
}
}
}
.page-header h1 {
font-weight:300;
}
/*
Dialog Catch
*/
.dialogInner .modal-header {
padding-bottom:15px;
}
/*
Avatar header
*/
.page-header {
margin: 40px 0 20px;
}
.page-header.no-border {
margin-bottom:10px;
}
.page-header .header-icon {
display: table;
background: #519387;
color: #fff;
text-align: center;
width: 110px;
height: 110px;
border-radius: 110px;
line-height: 110px;
font-size: 50px;
}
.page-header .btn-actions {
width: 32px;
height: 32px;
padding: 0;
}
.page-header .btn-actions:hover {
border-color: #519387;
color: #3f7269;
background-color: #eee;
}
.page-header .btn-actions .fa {
width: 0px;
margin-right: 5px;
margin-left: 0px;
}
.page-header .btn-secondary {
border-color: #519387;
color: #519387;
background-color: transparent;
}
.page-header .media-body {
padding-top: 10px;
}
.page-header .media-body h1 {
margin-bottom: 10px;
display: inline-block;
float: left;
font-weight:300;
}
.page-header .media-body h4 {
text-transform: uppercase;
font-size: 13px;
letter-spacing: 1px;
margin-bottom: 10px;
color: #666;
font-weight: 600;
margin-top: 0;
}
.page-header .media-body .btn-group{
margin-left: 15px;
margin-top: 7px;
}
/*
Back bar
*/
.back-bar a:before {
content: "\f104";
font-family: FontAwesome;
margin-right: 5px;
display: inline-block;
}
.back-bar a {
color: #777;
}
.back-bar a:hover {
text-decoration:underline;
color:#777;
}
/*
Tab content
*/
.panel-collapse-group {
border:none;
}
.tab-content {
background-color: #fff;
}
.tab-pane-button-footer {
height:35px;
}
.tab-pane-button-footer .tab-button-bar {
margin-right:10px;
position:relative;
bottom:10px;
}
@media (max-width: 767px) {
.btn-toolbar {
.pull-right {
float: none !important;
}
.btn-group {
width: 100%;
button {
display: block;
margin-top: 10px;
width: 100%;
}
}
.btn-group:first-child button{
margin-top: 0;
}
}
.addScriptButton {
margin-top: 15px;
width: 100%;
}
.list-table {
.list-group {
.list-group-item {
border-top: none;
border-color: red;
background-color: transparent;
-webkit-transition: background-color 0.1s linear;
-moz-transition: background-color 0.1s linear;
-o-transition: background-color 0.1s linear;
transition: background-color 0.1s linear;
padding: 12px 15px;
}
}
}
}
@media (min-width: 992px) {
.list-table {
.list-group {
.list-group-header, .list-group-item {
padding-top: 15px;
}
.list-group-header {
display: block;
}
.list-group-item {
.list-table-label {
display: none;
}
.tag {
margin-bottom: 0px;
}
}
}
}
.list-table-badges {
float: right;
}
}