firefly-iii/public/v1/css/firefly.css

/*
 * firefly.css
 * Copyright (c) 2019 thegrumpydictator@gmail.com
 *
 * This file is part of Firefly III (https://github.com/firefly-iii).
 *
 * This program is free software: you can redistribute it and/or modify
 * it under the terms of the GNU Affero General Public License as
 * published by the Free Software Foundation, either version 3 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 Affero General Public License for more details.
 *
 * You should have received a copy of the GNU Affero General Public License
 * along with this program.  If not, see <https://www.gnu.org/licenses/>.
 */


.no-margin-pagination {padding-bottom:0;padding-top:0;}
.no-margin-pagination ul.pagination {margin:0 !important;}


input.ti-new-tag-input {
    font-size: 14px !important;
    line-height: 1.42857143;
    color: #555;
    font-family:"Source Sans Pro", "Helvetica Neue",Helvetica,Arial,sans-serif !important;
}

.split_amount_input {
    width: 40%;
    border-radius: 0;
    height: 36px;
    padding: 6px 12px;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccd0d2;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    -webkit-transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    -webkit-transition: border-color .15s ease-in-out, -webkit-box-shadow .15s ease-in-out;
    transition: border-color .15s ease-in-out, -webkit-box-shadow .15s ease-in-out;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out, -webkit-box-shadow .15s ease-in-out;

}

.autocomplete-suggestions { border: 1px solid #999; background: #FFF; overflow: auto; }
.autocomplete-suggestion { padding: 2px 5px; white-space: nowrap; overflow: hidden; }
.autocomplete-selected { background: #F0F0F0; }
.autocomplete-suggestions strong { font-weight: normal; color: #3399FF; }
.autocomplete-group { padding: 2px 5px; font-weight: bold;}
.autocomplete-group strong { display: block; border-bottom: 1px solid #000; }

.split_amount_input:focus {
    border-color: #98cbe8;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(152, 203, 232, .6);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(152, 203, 232, .6);
}

#daterange {
    cursor: pointer;
}

.info-box-number {
    line-height: 1.4;
}

.markdown blockquote p {
    font-size: 14px;
}

.markdown h1 {
    font-size: 24px;
}

.general-chart-error {
    height: 30px;
    background: url('/v1/images/error.png') no-repeat center center;
}

p.tagcloud .label {
    line-height: 2;
}

.handle {
    cursor: move;
}

body.waiting * {
    cursor: progress;
}

.preferences-box {
    border: 1px #ddd solid;
    border-radius: 4px 4px 0 0;
    padding: 15px;
    margin: 15px;
}

#map-canvas {
    height: 100%;
    margin: 0;
    padding: 0;
}

.ff-error-page {
    width: 1000px;
    margin: 20px auto 0 auto;
}

.ff-error-page > .error-content {
    margin-left: 190px;
    display: block;
}

.ff-error-page > .error-content > h3 {
    font-weight: 300;
    font-size: 25px;
}

.ff-error-box {
    width: 460px;
    margin: 7% auto;
}

/* cursors */
.rule-triggers {
    cursor: move;
}

.rule-actions {
    cursor: move;
}

.firefly-info-button {
    cursor: pointer;
}

#testTriggerModal .modal-body {
    max-height: 500px;
    overflow-y: scroll;
}

.bootstrap-tagsinput {
    margin-bottom: 10px;
    width: 100%;
}

.loading {
    background: url('/images/loading-small.gif') no-repeat center center;
    min-height: 30px;
}

@media print {
    a[href]:after {
        content: none !important;
    }
}

.edit_tr_buttons {
    white-space: nowrap;
}

.edit_tr_buttons .btn {
    float: none;
    display: inline-block;
}

span.info-box-text a, span.info-box-number a {
    color: #fff;
}

span.info-box-icon a {
    color: #fff;
}

span.info-box-text a:hover, span.info-box-number a:hover {
    color: #fff;
    text-decoration: underline;
}

.dropdown-menu {
    max-height: 300px;
    overflow-y: auto;
    overflow-x: hidden;
}

.bootstrap-tagsinput {
    width: 100%;
}

.accordion {
    margin-bottom:-3px;
}

.accordion-group {
    border: none;
}

.twitter-typeahead {
    width:100%;
}
span.twitter-typeahead {
    display: inline !important;width:100%;

}
.tt-input {
    background-color:#fff !important;
}


.twitter-typeahead .tt-query,
.twitter-typeahead .tt-hint {
    margin-bottom: 0;
}

.twitter-typeahead .tt-hint
{
    display: none;
}

.tt-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 160px;
    padding: 5px 0;
    margin: 2px 0 0;
    list-style: none;
    font-size: 14px;
    background-color: #ffffff;
    border: 1px solid #cccccc;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 4px;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    background-clip: padding-box;
    cursor: pointer;
}

.tt-suggestion {
    display: block;
    padding: 3px 20px;
    clear: both;
    font-weight: normal;
    line-height: 1.428571429;
    color: #333333;
    white-space: nowrap;
}

.tt-suggestion:hover,
.tt-suggestion:focus {
    color: #ffffff;
    text-decoration: none;
    outline: 0;
    background-color: #428bca;
}