// Copyright (C) 2012 Orbeon, Inc.
//
// This program is free software; you can redistribute it and/or modify it under the terms of the
// GNU Lesser General Public License as published by the Free Software Foundation; either version
// 2.1 of the License, or (at your option) any later version.
//
// This program is distributed in the hope that it will be useful, but WITHOUT ANY WARRANTY;
// without even the implied warranty of MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.
// See the GNU Lesser General Public License for more details.
//
// The full text of the license is available at http://www.gnu.org/copyleft/lesser.html

@import (reference) "bootstrap-src/less/variables";
@import (reference) "bootstrap-src/less/mixins";

@frFontSize: 13px;                                      // Bootstrap uses 14px by default
@frLabelSize: @frFontSize;
@frBackground:  #F3F3F3;                                // Light gray background
@frHeaderColor: #555;                                   // Light gray for headings
@frBorderColor: #DDDDEE;
@frNavBarTextColor: #bbb;                               // Gray for title and other text in the inverse navbar
@frSectionTitleLeftPadding: 20px;
@frGridCellPadding: 4px;
@frGridPlusMinusIconWidth: 14px;
@frSectionTitleHeight: 18px;
@frSectionTitleLineHeight: @frSectionTitleHeight * 2;
@frSectionTitleIconWidth: 7px;
@frIconHeight: 14px;

@controlsHeight: @baseLineHeight + 8px;     // Because of the border-box on the controls
@textareaHeight: @baseLineHeight * 3 + 8px; // 3 lines
@controlsBottomMargin: 5px;                 // 5px is the Bootstrap default
@multipleSelectHeight: (@baseLineHeight + @controlsBottomMargin) * 3 - @controlsBottomMargin + 8px; // 3 lines including margins

// Similar to Bootstrap .well
.fr-border {
    padding: 0;
    margin-bottom: 10px;
    background-color: @wellBackground;
    border: 1px solid darken(@wellBackground, 7%);
    .border-radius(6px);
    .box-shadow(inset 0 1px 1px rgba(0,0,0,.05));
}

// icon-info from Bootstrap sprites.less
.help-icon {
    display: inline-block;
    width: 14px;
    height: 14px;
    .ie7-restore-right-whitespace();
    line-height: 14px;
    vertical-align: text-top;
    background-image: url(bootstrap/img/glyphicons-halflings.png);
    background-repeat: no-repeat;
    background-position: -120px -96px;
}

.narrow-td {
    width: 1px;                                             // So the column takes the minimum possible space
}

.fr-plain-checkbox-container {
    .narrow-td();
    label {
        display: inline-block;                              // Override Bootstrap's block, so we can have a "label" next the checkbox
        margin: 0;
        padding: 0;
        text-indent: 0;
        input[type="checkbox"] {
            float: none;                                    // If the checkboxes is floated, IE7 incorrectly calculates the width of the column
            margin: 0
        }
        .label { vertical-align: middle }                   // Vertically center Draft label on the checkbox
    }
}
