/*
 * Copyright (c) 2018 Eclipse Foundation, Inc.
 * 
 * This program and the accompanying materials are made available under the
 * terms of the Eclipse Public License v. 2.0 which is available at
 * http://www.eclipse.org/legal/epl-2.0.
 * 
 * Contributors:
 *   Christopher Guindon <chris.guindon@eclipse-foundation.org>
 * 
 * SPDX-License-Identifier: EPL-2.0
*/

// eclipse.org/donate/donorlist.php styles

.donorList {
    width:100%;
    padding:0px;
    margin:0px;
    border:1px solid #888;
    .donorHeader {
        td {
            font-weight:bold;
            height:25px;
            border-bottom:1px solid #888;
            padding: 0 3px 0 3px;
        }
    }
    .donorRecord {
        td {
            border-bottom:1px solid #ccc;
            padding: 3px;
        }
    }
}
.pager {
    width: 100%;
}
.donorListMessage {
    max-width:600px;
}
.eclipse-login {
    padding-top: 5px;
}
.eclipse-login-label {
    padding-top: 3px;
    padding-right: 5px;
    font-weight: bold;
    float: left;
}
.save-button {
    margin-top: 10px;
}
.sideitem {
    & > table {
        padding-bottom: 0;
        margin-bottom: 0;
        & > tbody {
            & > tr {
                & > td {
                    border: none;
                    padding-left: 12px;
                    padding-right: 12px;
                }
            }
        }
    }
    & > a {
        margin: 12px;
    }
}
div.donation-box {
    div.background-purple {
        height: 12em;
    }
}
.donation-box {
    h2 {
        font-weight: bold;
        color: grey;
    }
}
.you-get-label {
    text-align: left;
    font-weight: bold;
    margin-top: 0;
    padding-top: 2em;
    padding-left: 2.5em;
    color:#fff;
}
.donation-benefits {
    width: 95%;
    height: 80%;
    padding-left: 2.5em;
    text-align: left;
}
#best-friends-benefits {
    border-width: 0.1em;
    border-style: none solid none solid;
    border-color: #EFEFEF;
}
#related-links {
    padding-left: 2em;
}
.donation-footer {
    h2 {
        font-size: 1.7em;
        font-weight: bold;
        color: grey;
    }
}
.friends-logo-top {
    width: 18.5em;
}
.friends-logo-bot {
    width: 60px;
    height: 20px;
}
.friends-list {
    padding-top: 1em;
    li {
        padding-bottom: 2em;
    }
}
#content {
    div.row {
        margin-bottom: 2em;
    }
}
#custom-donation {
    background-color: #FAFAFA;
    padding-top: 2em;
    padding-bottom: 1em;
}
#donation-amount {
    float: left;
    padding: 0.7em;
    width: 11em;
}
.donation-amount {
    color: #41337C;
}
.tshirt-ribbon {
    position: absolute;
    top: 0;
    right: 10px;
}
#custom-donation-button {
    width: 10em;
    padding-left: none;
    padding-right: none;
    padding-top: 0.75em;
    padding-bottom: 0.75em;
}
.green {
    color:green;
}
.red {
    color:#FF0000;
}
.invisible {
    display:none;
}
.visible {
    display:inline;
}
.disabled {
    background-color:#eee;
}
.enabled {
    background-color:none;
}
.more {
    font-size:75%;
    text-align:right;
    vertical-align:bottom;
    padding-top:5px;
}
.info, .success, .warning, .error, .validation {
    border: 1px solid;
    margin: 10px 0px;
    padding:15px 10px;
}
.info {
    color: #00529B;
    background-color: #BDE5F8;
}
.success {
    color: #4F8A10;
    background-color: #DFF2BF;
}
.warning {
    color: #9F6000;
    background-color: #FEEFB3;
}
.error {
    color: #D8000C;
    background-color: #FFBABA;
}
.friend-images {
    & > div {
        height: 140px;
    }
    .user-picture {
        text-align: center;
        padding: 20px;
    }
}
